@@ -14,18 +14,49 @@ | |||
<image class="screen-sel-img" src="../../../static/images/edit.png" mode=""></image> | |||
</view> | |||
</view> | |||
<!-- <view class="right"> | |||
<view class="point"></view> | |||
<view class="test">定金</view> | |||
</view> --> | |||
<view class="right"> | |||
<view class="test" | |||
>销讲执行:<text class="blue" | |||
>{{ customerInfo.fraction || 0 }}%</text | |||
></view | |||
> | |||
</view> | |||
</view> | |||
<view class="content-sec"> | |||
<view class="content-sec-lab"> | |||
手机号码:<view class="content-sec-lab1"> | |||
{{customerInfo.phone&&customerInfo.isShow==1?customerInfo.phone.length==11?customerInfo.phone.substr(0, 3) + '****' + customerInfo.phone.substr(7):customerInfo.phone:customerInfo.phone&&customerInfo.isShow!=1?customerInfo.phone: '--'}} | |||
<view class="content-sec-lab1"> | |||
手机号码:{{customerInfo.phone&&customerInfo.isShow==1?customerInfo.phone.length==11?customerInfo.phone.substr(0, 3) + '****' + customerInfo.phone.substr(7):customerInfo.phone:customerInfo.phone&&customerInfo.isShow!=1?customerInfo.phone: '--'}} | |||
</view> | |||
<view class="content-sec-lab1" style="width: 44%" | |||
>到访次数:{{ customerInfo.visitRecord || "--" }}次/{{ | |||
customerInfo.mm || 0 | |||
}}min</view | |||
> | |||
</view> | |||
<view class="content-sec-lab" @click.stop="tipupon"> | |||
<view class="content-sec-lab"> | |||
<view class="content-sec-lab1" | |||
>需求挖掘:{{ customerInfo.wordFraction || 0 }}%</view | |||
> | |||
<view class="content-sec-lab1" style="width: 44%" | |||
>画像标签:<text style="font-weight: 600">{{ | |||
customerInfo.demand.cusSemanticWordsList.length || 0 | |||
}}</text></view | |||
> | |||
</view> | |||
<view class="content-sec-lab"> | |||
<view class="content-sec-lab1" | |||
>所属顾问:{{ customerInfo.agentName || "--" }}</view | |||
> | |||
<view class="content-sec-lab1" style="width: 44%" | |||
>客户阶段:{{ customerInfo.agentName || "--" }}</view | |||
> | |||
</view> | |||
<view class="content-sec-lab"> | |||
<view class="content-sec-lab1" | |||
>上次到访:{{ customerInfo.createTime || "--" }}</view | |||
> | |||
</view> | |||
<!-- <view class="content-sec-lab" @click.stop="tipupon"> | |||
客户标签: | |||
<text v-if="!customerInfo.demand.cusSemanticWordsList">暂无</text> | |||
<view v-else class="content-sec-tips" | |||
@@ -33,21 +64,7 @@ | |||
<view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0"> | |||
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> | |||
</view> | |||
</view> | |||
<view class="content-sec-lab"> | |||
顾问姓名:<view class="content-sec-lab1">{{customerInfo.ownerName||'--'}}</view> | |||
</view> | |||
<view class="content-sec-lab"> | |||
需求挖掘:<view class="content-sec-lab1">{{customerInfo.wordFraction||0}}%</view> | |||
</view> | |||
<view class="content-sec-lab"> | |||
添加时间:<view class="content-sec-lab1">{{customerInfo.createTime}}</view> | |||
</view> | |||
<view class="content-sec-num"> | |||
<view class="">{{customerInfo.visitRecord || '--'}}次到访</view> | |||
<view class="">{{customerInfo.fraction || '0'}}% | {{customerInfo.mm || '0'}}<text | |||
style="font-size: 24rpx;">min</text></view> | |||
</view> | |||
</view> --> | |||
</view> | |||
<view class="content-last"> | |||
<view class="content-last-con"> | |||
@@ -1049,7 +1066,6 @@ | |||
display: flex; | |||
justify-content: space-between; | |||
box-sizing: border-box; | |||
// border-top: 1px solid #E0E0E0; | |||
font-weight: 400; | |||
color: #292929; | |||
height: 90rpx; | |||
@@ -1060,21 +1076,22 @@ | |||
display: flex; | |||
.img { | |||
// margin-top: 19rpx; | |||
width: 52rpx; | |||
height: 52rpx; | |||
border: 1px solid #E0E0E0; | |||
border-radius: 50%; | |||
text-align: center; | |||
line-height: 50rpx; | |||
margin-right: 20rpx; | |||
} | |||
.test { | |||
margin-top: 11rpx; | |||
font-weight: 500; | |||
color: #333333; | |||
} | |||
width: 52rpx; | |||
height: 52rpx; | |||
border-radius: 50%; | |||
text-align: center; | |||
line-height: 50rpx; | |||
margin-right: 20rpx; | |||
color: #fff; | |||
font-size: 30rpx; | |||
background: #9f61c8; | |||
} | |||
.test { | |||
margin-top: 11rpx; | |||
font-weight: 500; | |||
color: #333333; | |||
} | |||
.edit { | |||
height: 30rpx; | |||
@@ -1089,22 +1106,18 @@ | |||
} | |||
} | |||
.right { | |||
display: flex; | |||
.point { | |||
width: 12rpx; | |||
height: 12rpx; | |||
background: #2B6EFF; | |||
border-radius: 50%; | |||
margin-right: 9rpx; | |||
margin-top: 20rpx; | |||
} | |||
.test { | |||
margin-top: 11rpx; | |||
} | |||
} | |||
.right { | |||
display: flex; | |||
.test { | |||
margin-top: 11rpx; | |||
.blue { | |||
font-size: 32rpx; | |||
font-family: PingFangSC-Medium, PingFang SC; | |||
font-weight: 500; | |||
color: #2671e2; | |||
} | |||
} | |||
} | |||
} | |||
.content-sec { | |||
@@ -1113,8 +1126,9 @@ | |||
position: relative; | |||
.content-sec-lab { | |||
margin-top: 30rpx; | |||
margin-top: 28rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #666666; | |||
@@ -167,8 +167,227 @@ | |||
</view> | |||
</view> | |||
<!-- 更多筛选 --> | |||
<u-popup v-model="screenShow" mode="top" height="832"> | |||
<u-popup v-model="screenShow" mode="top" height="850"> | |||
<view class="screen"> | |||
<scroll-view scroll-y="true" style="height: 700rpx;"> | |||
<!-- 咨询业务 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="zixunArrow = !zixunArrow"> | |||
咨询业务<image | |||
v-if="zixunArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="zixunArrow"> | |||
<block v-for="(item, index) in zixunList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 接待时长 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="jiedaiArrow = !jiedaiArrow"> | |||
接待时长<image | |||
v-if="jiedaiArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="jiedaiArrow"> | |||
<block v-for="(item, index) in jiedaiList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 客户等级 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="levelArrow = !levelArrow"> | |||
客户等级<image | |||
v-if="levelArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="levelArrow"> | |||
<block v-for="(item, index) in levelList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 客户阶段 --> | |||
<view class="screen-record"> | |||
<view | |||
class="screen-record-text" | |||
@click="jieduanArrow = !jieduanArrow" | |||
> | |||
客户阶段<image | |||
v-if="jieduanArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="jieduanArrow"> | |||
<block v-for="(item, index) in stageList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 需求挖掘率 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="wajueArrow = !wajueArrow"> | |||
需求挖掘率<image | |||
v-if="wajueArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="wajueArrow"> | |||
<block v-for="(item, index) in wajueList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 销讲执行率 --> | |||
<view class="screen-record"> | |||
<view | |||
class="screen-record-text" | |||
@click="xiaojiangArrow = !xiaojiangArrow" | |||
> | |||
销讲执行率 | |||
<image | |||
v-if="xiaojiangArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="xiaojiangArrow"> | |||
<block v-for="(item, index) in xiaojiangList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 到访次数 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="visitArrow = !visitArrow"> | |||
到访次数<image | |||
v-if="visitArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="visitArrow"> | |||
<block v-for="(item, index) in visitList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<!-- <view class="screen-counselor"> | |||
<view class="screen-text"> | |||
客户标签 | |||
@@ -189,223 +408,7 @@ | |||
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> | |||
</view> | |||
</view> --> | |||
<!-- 咨询业务 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="zixunArrow = !zixunArrow"> | |||
咨询业务<image | |||
v-if="zixunArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="zixunArrow"> | |||
<block v-for="(item, index) in zixunList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 接待时长 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="jiedaiArrow = !jiedaiArrow"> | |||
接待时长<image | |||
v-if="jiedaiArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="jiedaiArrow"> | |||
<block v-for="(item, index) in jiedaiList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 客户等级 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="levelArrow = !levelArrow"> | |||
客户等级<image | |||
v-if="levelArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="levelArrow"> | |||
<block v-for="(item, index) in levelList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 客户阶段 --> | |||
<view class="screen-record"> | |||
<view | |||
class="screen-record-text" | |||
@click="jieduanArrow = !jieduanArrow" | |||
> | |||
客户阶段<image | |||
v-if="jieduanArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="jieduanArrow"> | |||
<block v-for="(item, index) in stageList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 需求挖掘率 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="wajueArrow = !wajueArrow"> | |||
需求挖掘率<image | |||
v-if="wajueArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="wajueArrow"> | |||
<block v-for="(item, index) in wajueList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 销讲执行率 --> | |||
<view class="screen-record"> | |||
<view | |||
class="screen-record-text" | |||
@click="xiaojiangArrow = !xiaojiangArrow" | |||
> | |||
销讲执行率 | |||
<image | |||
v-if="xiaojiangArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="xiaojiangArrow"> | |||
<block v-for="(item, index) in xiaojiangList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<!-- 到访次数 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="visitArrow = !visitArrow"> | |||
到访次数<image | |||
v-if="visitArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="visitArrow"> | |||
<block v-for="(item, index) in visitList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<view class="screen-foot"> | |||
<view class="screen-foot-reset" @click="reset"> 重置 </view> | |||
<view class="screen-foot-sure" @click="screensure"> 确定 </view> | |||
@@ -482,35 +485,37 @@ | |||
</u-popup> | |||
<u-popup v-model="huaxiangShow" mode="top" height="850"> | |||
<view class="screen"> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="zixunArrow = !zixunArrow"> | |||
咨询业务<image | |||
v-if="zixunArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="zixunArrow"> | |||
<block v-for="(item, index) in zixunList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
<scroll-view scroll-y="true" style="height: 700rpx;"> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="zixunArrow = !zixunArrow"> | |||
咨询业务<image | |||
v-if="zixunArrow" | |||
class="arrow" | |||
src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" | |||
mode="" | |||
/> | |||
<image | |||
v-else | |||
class="arrow" | |||
src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" | |||
mode="" | |||
/> | |||
</view> | |||
<view class="screen-record-tab" v-if="zixunArrow"> | |||
<block v-for="(item, index) in zixunList" :key="index"> | |||
<view | |||
class="screen-record-item" | |||
:class="[ | |||
item.isShow ? 'screen-record-chose' : 'screen-record-nochose', | |||
]" | |||
@click="choice(item)" | |||
> | |||
{{ item.label }} | |||
</view> | |||
</block> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<view class="screen-foot"> | |||
<view class="screen-foot-reset" @click="reset"> 重置 </view> | |||
<view class="screen-foot-sure" @click="screensure"> 确定 </view> | |||
@@ -1339,7 +1344,7 @@ export default { | |||
.content-sec { | |||
border-top: 1px solid #e0e0e0; | |||
padding: 0 30rpx; | |||
padding-bottom: 30rpx; | |||
// padding-bottom: 30rpx; | |||
position: relative; | |||
.content-sec-lab { | |||
@@ -1392,6 +1397,7 @@ export default { | |||
.content-last { | |||
display: flex; | |||
height: 42rpx; | |||
margin-top: 30rpx; | |||
.content-last-tab { | |||
width: 33.4%; | |||
@@ -1415,80 +1421,88 @@ export default { | |||
// 这是弹出层 | |||
.screen { | |||
.screen-record { | |||
min-height: 764rpx; | |||
overflow: hidden; | |||
padding: 0 30rpx; | |||
box-sizing: border-box; | |||
border-bottom: 1px solid #e0e0e0; | |||
.screen-record { | |||
overflow: hidden; | |||
padding: 0 30rpx; | |||
box-sizing: border-box; | |||
border-bottom: 1px solid #e0e0e0; | |||
.screen-record-text { | |||
padding: 30rpx 0; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #333333; | |||
line-height: 30rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
.arrow { | |||
width: 30rpx; | |||
height: 14rpx; | |||
} | |||
} | |||
.screen-record-text { | |||
font-weight: 600; | |||
padding: 30rpx 0; | |||
font-size: 30rpx; | |||
color: #333333; | |||
line-height: 30rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
.arrow { | |||
width: 30rpx; | |||
height: 14rpx; | |||
} | |||
} | |||
.screen-record-tab { | |||
margin-top: 30rpx; | |||
padding-bottom: 10rpx; | |||
display: flex; | |||
flex-wrap: wrap; | |||
.screen-record-item { | |||
min-width: 150rpx; | |||
padding: 0 14rpx; | |||
height: 60rpx; | |||
border-radius: 8rpx; | |||
text-align: center; | |||
line-height: 60rpx; | |||
margin: 0 22rpx 22rpx 0; | |||
&:nth-child(4n) { | |||
margin-right: 0; | |||
} | |||
} | |||
.screen-record-chose { | |||
background: #f1f6fd; | |||
color: #2671e2; | |||
} | |||
.screen-record-nochose { | |||
background: #f7f8fa; | |||
color: #333; | |||
} | |||
} | |||
} | |||
.screen-record-tab { | |||
margin-top: 30rpx; | |||
padding-bottom: 10rpx; | |||
display: flex; | |||
flex-wrap: wrap; | |||
.screen-record-item { | |||
min-width: 150rpx; | |||
padding: 0 14rpx; | |||
height: 60rpx; | |||
border-radius: 8rpx; | |||
text-align: center; | |||
line-height: 60rpx; | |||
margin: 0 22rpx 22rpx 0; | |||
&:nth-child(4n) { | |||
margin-right: 0; | |||
} | |||
} | |||
.screen-record-chose { | |||
background: #f1f6fd; | |||
color: #2671e2; | |||
} | |||
.screen-record-nochose { | |||
background: #f7f8fa; | |||
color: #333; | |||
} | |||
} | |||
} | |||
.screen-foot { | |||
width: 100%; | |||
height: 88rpx; | |||
height: 78rpx; | |||
display: flex; | |||
margin: 30rpx 30rpx 0; | |||
.screen-foot-reset { | |||
width: 50%; | |||
text-align: center; | |||
height: 88rpx; | |||
line-height: 88rpx; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #666666; | |||
width: 176rpx; | |||
height: 78rpx; | |||
line-height: 78rpx; | |||
background: #FFFFFF; | |||
border-radius: 8rpx; | |||
border: 1px solid #2671E2; | |||
margin-right: 30rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #2671E2; | |||
text-align: center; | |||
} | |||
.screen-foot-sure { | |||
width: 50%; | |||
text-align: center; | |||
line-height: 88rpx; | |||
height: 88rpx; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #ffffff; | |||
background: #2671e2; | |||
width: 484rpx; | |||
height: 78rpx; | |||
line-height: 78rpx; | |||
background: #2671E2; | |||
border: 1px solid #2671E2; | |||
border-radius: 8rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
text-align: center; | |||
} | |||
} | |||
} | |||
@@ -94,8 +94,9 @@ | |||
</view> | |||
</view> | |||
<!-- 更多筛选 --> | |||
<u-popup v-model="screenShow" mode="top" height="845"> | |||
<u-popup v-model="screenShow" mode="top" height="850"> | |||
<view class="screen"> | |||
<scroll-view scroll-y="true" style="height: 700rpx;"> | |||
<!-- 咨询业务 --> | |||
<view class="screen-record"> | |||
<view class="screen-record-text" @click="zixunArrow=!zixunArrow"> | |||
@@ -209,6 +210,7 @@ | |||
</block> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<view class="screen-foot"> | |||
<view class="screen-foot-reset" @click="reset"> | |||
重置 | |||
@@ -1063,7 +1065,6 @@ | |||
// 这是弹出层 | |||
.screen { | |||
position: absolute; | |||
width: 750rpx; | |||
.screen-counselor { | |||
@@ -1149,30 +1150,39 @@ | |||
} | |||
.screen-foot { | |||
width: 100%; | |||
height: 100rpx; | |||
display: flex; | |||
width: 100%; | |||
height: 78rpx; | |||
display: flex; | |||
margin: 30rpx 30rpx 0; | |||
.screen-foot-reset { | |||
width: 50%; | |||
text-align: center; | |||
height: 100rpx; | |||
line-height: 100rpx; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #666666; | |||
} | |||
.screen-foot-reset { | |||
width: 176rpx; | |||
height: 78rpx; | |||
line-height: 78rpx; | |||
background: #FFFFFF; | |||
border-radius: 8rpx; | |||
border: 1px solid #2671E2; | |||
margin-right: 30rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #2671E2; | |||
text-align: center; | |||
} | |||
.screen-foot-sure { | |||
width: 50%; | |||
text-align: center; | |||
line-height: 100rpx; | |||
height: 100rpx; | |||
font-size: 30rpx; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
background: #2671E2; | |||
} | |||
} | |||
.screen-foot-sure { | |||
width: 484rpx; | |||
height: 78rpx; | |||
line-height: 78rpx; | |||
background: #2671E2; | |||
border: 1px solid #2671E2; | |||
border-radius: 8rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
text-align: center; | |||
} | |||
} | |||
} | |||
</style> |
@@ -74,6 +74,9 @@ | |||
<view v-if="jiaoseshow" @click="Addtheessence()" | |||
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">加精华 | |||
</view> | |||
<view @click="openwajue()" | |||
style="font-size: 24rpx;text-align: center;margin-left: 22rpx;">挖掘话术 | |||
</view> | |||
<view @click="clickbofang(dialog.backindex,item)" | |||
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 14rpx;">播放 | |||
</view> | |||
@@ -120,10 +123,19 @@ | |||
<view style="width: 78rpx;text-align: center;">设备日志</view> | |||
</view> | |||
<!-- 加入常错词 --> | |||
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view> | |||
<view class="zhezhao" v-if="isshow2" @tap="Cancelout"></view> | |||
<u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout" @confirm="Confirmtheexit"> | |||
<view class="tian-view"> | |||
<viwe class="tian-view-t2" style="margin-left: 20rpx;"> | |||
常错词:<textarea :auto-height="true" type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
<view class="tian-view"> | |||
<viwe class="tian-view-t3" style="margin-left: 20rpx;">正确词:<input class="huashu-input" v-model="reswrongword" type="text" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
<!-- <view class="tian-view"> | |||
<viwe class="tian-view-t1"></viwe> | |||
<viwe class="tian-view-t2">常错词:</viwe> | |||
<viwe class="tian-view-t3"> | |||
@@ -136,7 +148,7 @@ | |||
<viwe class="tian-view-t3"> | |||
<input class="tian-input" v-model="reswrongword" type="text" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
</view> --> | |||
</u-modal> | |||
<!-- <view class="bounced" v-if="isshow2"> | |||
@@ -160,7 +172,7 @@ | |||
</view> | |||
</view> --> | |||
<!-- 加精华 --> | |||
<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view> | |||
<view class="zhezhao" v-if="isshow3" @tap="Cancelout2"></view> | |||
<view class="bounced" v-if="isshow3"> | |||
<view class="jiajinghuatit">加精华</view> | |||
<view style="width: 100%;text-indent: 20rpx;font-size: 28rpx;">选择标签</view> | |||
@@ -175,8 +187,24 @@ | |||
<view class="bounced3-2" @tap="Confirmtheexit2">确认</view> | |||
</view> | |||
</view> | |||
<!-- 加入挖掘话术 --> | |||
<view class="zhezhao" v-if="wajueshow" @tap="CancelAdd"></view> | |||
<u-modal v-model="wajueshow" title="新增挖掘话术" :show-cancel-button="true" @cancel="CancelAdd" @confirm="wajueConfirm(word)"> | |||
<view class="tian-view" style="margin-left: 20rpx;"> | |||
<viwe class="tian-view-t3"> | |||
话术分类:<input class="huashu-input" disabled @click="treeshow=true" v-model="wordBiaoqian" type="text" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
<view class="tian-view" style="margin-left: 20rpx;"> | |||
<viwe class="tian-view-t2"> | |||
话术内容:<textarea :auto-height="true" type="text" v-model="thewrongword" class="tian-input" placeholder="请输入" /> | |||
<!-- <input class="huashu-input" v-model="thewrongword" type="text" placeholder="请输入" /> --> | |||
</viwe> | |||
</view> | |||
</u-modal> | |||
<u-select v-model="treeshow" mode="mutil-column-auto" @confirm="confirm" :list="treelist"></u-select> | |||
<view class="zhezhoa" v-if="effective"></view> | |||
<view class="zhezhao" v-if="effective"></view> | |||
<view class="bounced" v-if="effective"> | |||
<view class="jiajinghuatit">选择</view> | |||
<view> | |||
@@ -214,6 +242,32 @@ | |||
}, | |||
data() { | |||
return { | |||
wajueshow: false, | |||
wordBiaoqian: '', | |||
treelist: [{ | |||
value: 1, | |||
label: '中国', | |||
children: [ | |||
{ | |||
value: 2, | |||
label: '广东' | |||
}, | |||
{ | |||
value: 5, | |||
label: '广西' | |||
} | |||
]}, | |||
{ | |||
value: 8, | |||
label: '美国', | |||
children: [ | |||
{ | |||
value: 9, | |||
label: '纽约', | |||
} | |||
] | |||
}], | |||
treeshow: false, | |||
recordPath: "", | |||
customerId: "", | |||
luyinList: [], //录音文件 | |||
@@ -342,7 +396,6 @@ | |||
!this.isPageHide && this.init(info) | |||
}, | |||
onHide() { | |||
this.isPageHide = true | |||
}, | |||
@@ -373,6 +426,23 @@ | |||
} | |||
}, | |||
methods: { | |||
wajueConfirm(){ | |||
}, | |||
// 挖掘话术分类树的选择 | |||
confirm(e){ | |||
console.log(e) | |||
this.wordBiaoqian = e[0].label + '-' + e[1].label | |||
// this.wordBiaoqianId[0] = e[0].value | |||
// this.wordBiaoqianId[1] = e[1].value | |||
}, | |||
CancelAdd(){ | |||
this.wajueshow = false | |||
}, | |||
//加入挖掘话术 | |||
openwajue(word) { | |||
this.wajueword = word; | |||
this.wajueshow = true; | |||
}, | |||
eqLogClick(){ | |||
uni.navigateTo({ | |||
url:`./equipmentLog?id=${this.customerId}` | |||
@@ -1192,44 +1262,41 @@ | |||
// 表单 | |||
.tian-view { | |||
width: 570upx; | |||
width: 570rpx; | |||
background-color: #FFFFFF; | |||
border-bottom: 1px solid #ededee; | |||
display: flex; | |||
min-height: 96rpx; | |||
.tian-view-t1 { | |||
width: 20rpx; | |||
font-size: 34rpx; | |||
height: 34rpx; | |||
line-height: 110rpx; | |||
letter-spacing: 0px; | |||
color: red; | |||
} | |||
margin-bottom:30rpx; | |||
.tian-view-t2 { | |||
width: 30%; | |||
min-height: 96rpx; | |||
line-height: 96rpx; | |||
width: 100%; | |||
font-size: 34rpx; | |||
display: flex; | |||
align-items: center; | |||
color: #333; | |||
.tian-input { | |||
width: 384rpx; | |||
font-size: 34rpx; | |||
border: none; | |||
border-bottom: 1px solid #eee; | |||
} | |||
} | |||
.tian-view-t3 { | |||
width: 61%; | |||
padding-top: 31rpx; | |||
padding-bottom: 31rpx; | |||
width: 100%; | |||
display: flex; | |||
.tian-input { | |||
width: 98%; | |||
font-size: 34rpx; | |||
align-items: center; | |||
.huashu-input{ | |||
width: 384rpx; | |||
height: 60rpx; | |||
padding: 0 10rpx; | |||
font-size: 34rpx; | |||
border: none; | |||
border-bottom: 1rpx solid #E0E0E0; | |||
border-radius: 4rpx; | |||
} | |||
} | |||
} | |||
.zhezhoa { | |||
.zhezhao { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
@@ -116,7 +116,7 @@ | |||
</view> | |||
<!-- 标记 --> | |||
<view class="zhezhoa" v-if="biojiisshow" @tap="unmarktap()"></view> | |||
<view class="zhezhao" v-if="biojiisshow" @tap="unmarktap()"></view> | |||
<view class="bounced" v-if="biojiisshow"> | |||
<view class="jiajinghuatit">标记为顾问</view> | |||
<view | |||
@@ -133,21 +133,21 @@ | |||
</view> | |||
<!-- 加入挖掘话术 --> | |||
<view class="zhezhoa" v-if="wajueshow" @tap="CancelAdd"></view> | |||
<u-modal v-model="wajueshow" title="新增挖掘话术" :show-cancel-button="true" @cancel="CancelAdd" @confirm="$noMultipleClicks(Confirmtheexit)"> | |||
<view class="zhezhao" v-if="wajueshow" @tap="CancelAdd"></view> | |||
<u-modal v-model="wajueshow" title="新增挖掘话术" :show-cancel-button="true" @cancel="CancelAdd" @confirm="wajueConfirm(word)"> | |||
<view class="tian-view" style="margin-left: 20rpx;"> | |||
<viwe class="tian-view-t3"> | |||
话术分类:<input class="huashu-input" v-model="wordBiaoqian" type="text" placeholder="请输入" /> | |||
话术分类:<input class="huashu-input" disabled @click="treeshow=true" v-model="wordBiaoqian" type="text" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
<view class="tian-view" style="margin-left: 20rpx;"> | |||
<viwe class="tian-view-t3"> | |||
话术内容:<input class="huashu-input" v-model="reswrongword" type="text" placeholder="请输入" /> | |||
<viwe class="tian-view-t2"> | |||
话术内容:<textarea :auto-height="true" type="text" v-model="thewrongword" class="tian-input" placeholder="请输入" /> | |||
</viwe> | |||
</view> | |||
</u-modal> | |||
<!-- 加入常错词 --> | |||
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view> | |||
<view class="zhezhao" v-if="isshow2" @tap="Cancelout"></view> | |||
<u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout" @confirm="$noMultipleClicks(Confirmtheexit)"> | |||
<view class="tian-view"> | |||
@@ -162,7 +162,7 @@ | |||
</u-modal> | |||
<!-- 加精华 --> | |||
<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view> | |||
<view class="zhezhao" v-if="isshow3" @tap="Cancelout2"></view> | |||
<view class="bounced" v-if="isshow3"> | |||
<view class="jiajinghuatit">加精华</view> | |||
<view style="width: 100%;text-indent: 20rpx;font-size: 28rpx;">选择标签</view> | |||
@@ -179,7 +179,7 @@ | |||
</view> | |||
<!-- 接待详情 --> | |||
<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="Receivedetailsabout"></view> | |||
<view class="zhezhao" @click="clenReceivedetailsabout()" v-if="Receivedetailsabout"></view> | |||
<view class="followingpop-up" v-if="Receivedetailsabout"> | |||
<view class="guanbibox"> | |||
<image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" | |||
@@ -220,7 +220,7 @@ | |||
</view> | |||
<!-- 销讲执行 --> | |||
<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="Pinspeak"></view> | |||
<view class="zhezhao" @click="clenReceivedetailsabout()" v-if="Pinspeak"></view> | |||
<view class="followingpop-up" v-if="Pinspeak"> | |||
<view class="guanbibox"> | |||
<image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" | |||
@@ -366,7 +366,7 @@ | |||
</view> | |||
<!-- 客户意向 --> | |||
<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="intention"></view> | |||
<view class="zhezhao" @click="clenReceivedetailsabout()" v-if="intention"></view> | |||
<view class="followingpop-up" v-if="intention"> | |||
<view class="guanbibox"> | |||
<image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" | |||
@@ -439,7 +439,7 @@ | |||
<view class="calibration" @click="$noMultipleClicks(tocalibration)">校准</view> | |||
</view> | |||
<view class="zhezhoa" v-if="effective"></view> | |||
<view class="zhezhao" v-if="effective"></view> | |||
<view class="bounced" v-if="effective"> | |||
<view class="jiajinghuatit">选择</view> | |||
<view> | |||
@@ -465,7 +465,7 @@ | |||
</view> | |||
<!-- 修改角色 --> | |||
<view class="zhezhoa" v-if="roleisshaw" @tap="unmarktap()"></view> | |||
<view class="zhezhao" v-if="roleisshaw" @tap="unmarktap()"></view> | |||
<view class="bounced" v-if="roleisshaw"> | |||
<view class="jiajinghuatit">修改角色</view> | |||
<view | |||
@@ -596,7 +596,6 @@ | |||
Menulistisshow: false, | |||
validInvalid: 0, | |||
calibration: 0, | |||
effective: false, | |||
effectiveindex: '0', | |||
effectiveitems: [{ | |||
@@ -728,12 +727,17 @@ | |||
}, | |||
methods: { | |||
confirm(){ | |||
wajueConfirm(){ | |||
}, | |||
// 挖掘话术分类树的选择 | |||
confirm(e){ | |||
console.log(e) | |||
this.wordBiaoqian = e[0].label + '-' + e[1].label | |||
// this.wordBiaoqianId[0] = e[0].value | |||
// this.wordBiaoqianId[1] = e[1].value | |||
}, | |||
CancelAdd(){ | |||
this.wajueshow = false | |||
}, | |||
hangeshow2(item,type){ | |||
item.show = !item.show; | |||
@@ -2110,7 +2114,7 @@ | |||
} | |||
.zhezhoa { | |||
.zhezhao { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
@@ -2578,7 +2582,7 @@ | |||
// 表单 | |||
.tian-view { | |||
width: 570upx; | |||
width: 570rpx; | |||
background-color: #FFFFFF; | |||
display: flex; | |||
margin-bottom:30rpx; | |||
@@ -2590,7 +2594,7 @@ | |||
align-items: center; | |||
color: #333; | |||
.tian-input { | |||
width: 300rpx; | |||
width: 384rpx; | |||
font-size: 34rpx; | |||
border: none; | |||
border-bottom: 1px solid #eee; | |||
@@ -2599,13 +2603,14 @@ | |||
.tian-view-t3 { | |||
width: 100%; | |||
display: flex; | |||
font-size: 34rpx; | |||
align-items: center; | |||
.huashu-input{ | |||
width: 300rpx; | |||
width: 384rpx; | |||
height: 60rpx; | |||
padding: 0 10rpx; | |||
font-size: 24rpx; | |||
border: 1rpx solid #E0E0E0; | |||
font-size: 34rpx; | |||
border-bottom: 1rpx solid #E0E0E0; | |||
border-radius: 4rpx; | |||
} | |||
} | |||