|
|
@@ -15,11 +15,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<view class="test" |
|
|
|
>销讲执行:<text class="blue" |
|
|
|
>{{ customerInfo.fraction || 0 }}%</text |
|
|
|
></view |
|
|
|
> |
|
|
|
<view class="test">销讲执行:<text class="blue">{{ customerInfo.fraction || 0 }}%</text></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-sec"> |
|
|
@@ -27,34 +23,25 @@ |
|
|
|
<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 || 0 }}次/{{ |
|
|
|
<view class="content-sec-lab1" style="width: 44%">到访次数:{{ customerInfo.visitRecord || 0 }}次/{{ |
|
|
|
customerInfo.mm || 0 |
|
|
|
}}min</view |
|
|
|
> |
|
|
|
}}min</view> |
|
|
|
</view> |
|
|
|
<view class="content-sec-lab"> |
|
|
|
<view class="content-sec-lab1" |
|
|
|
>需求挖掘:{{ customerInfo.wordFraction || 0 }}%</view |
|
|
|
> |
|
|
|
<view class="content-sec-lab1" @click.stop="tipupon" style="width: 44%" |
|
|
|
>画像标签:<text class="look">{{ |
|
|
|
customerInfo.demand.cusSemanticWordsList?customerInfo.demand.cusSemanticWordsList.length:0}}</text><text class="look1" >查看</text></view |
|
|
|
> |
|
|
|
</view> |
|
|
|
<view class="content-sec-lab1">需求挖掘:{{ customerInfo.wordFraction || 0 }}%</view> |
|
|
|
<view class="content-sec-lab1" @click.stop="tipupon" style="width: 44%">画像标签:<text |
|
|
|
class="look">{{ |
|
|
|
customerInfo.demand.cusSemanticWordsList?customerInfo.demand.cusSemanticWordsList.length:0}}</text><text |
|
|
|
class="look1">查看</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.stageName || "--" }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
<view class="content-sec-lab1">所属顾问:{{ customerInfo.agentName || "--" }}</view> |
|
|
|
<view class="content-sec-lab1" style="width: 44%">客户阶段:{{ customerInfo.stageName || "--" }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-sec-lab"> |
|
|
|
<view class="content-sec-lab1" |
|
|
|
>上次到访:{{ customerInfo.createTime || "--" }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
<view class="content-sec-lab1">上次到访:{{ customerInfo.createTime || "--" }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-last"> |
|
|
|
<view class="content-last-con"> |
|
|
@@ -64,234 +51,240 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="tabchange"> |
|
|
|
<view class="tab"> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">接待记录</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 1 }" @click="tabtimetap(1)">跟进记录</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 2 }" @click="tabtimetap(2)">销讲执行率</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">挖掘执行率</view> |
|
|
|
</view> |
|
|
|
<view class="tab"> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">接待记录</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 1 }" @click="tabtimetap(1)">跟进记录</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 2 }" @click="tabtimetap(2)">销讲执行率</view> |
|
|
|
</view> |
|
|
|
<view class="tabbox"> |
|
|
|
<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">挖掘执行率</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 接待记录 --> |
|
|
|
<view class="tabactive1" v-if="activeTotal==0" style="min-height: 800rpx;"> |
|
|
|
<view v-if="Thevisitingrecords.length==0" |
|
|
|
style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
<view class="tabchange"> |
|
|
|
<view style="min-height: 700rpx;"> |
|
|
|
<!-- 接待记录 --> |
|
|
|
<view class="tabactive1" v-if="activeTotal==0"> |
|
|
|
<view v-if="Thevisitingrecords.length==0" |
|
|
|
style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="Thevisitingrecords.length!=0" class="content-tips" |
|
|
|
v-for="(item,index) in Thevisitingrecords" :key="index" @click="tapThevisiting(item)"> |
|
|
|
<view class="content-first"> |
|
|
|
<view class="left"> |
|
|
|
<view v-if="item.level.length==0"></view> |
|
|
|
<view class="img" v-else-if="item.level==1">A</view> |
|
|
|
<view class="img" v-else-if="item.level==2">B</view> |
|
|
|
<view class="img" v-else-if="item.level==3">C</view> |
|
|
|
<view class="img" v-else-if="item.level==4">D</view> |
|
|
|
|
|
|
|
<view class="name">{{item.agentName || '--'}}</view> |
|
|
|
<view class="status" v-if="item.replaceReception==1">代接待</view> |
|
|
|
<view v-if="Thevisitingrecords.length!=0" class="content-tips" |
|
|
|
v-for="(item,index) in Thevisitingrecords" :key="index" @click="tapThevisiting(item)"> |
|
|
|
<view class="content-first"> |
|
|
|
<view class="left"> |
|
|
|
<view class="name">{{item.agentName || '--'}}</view> |
|
|
|
<view class="status" v-if="item.replaceReception==1">代接待</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <view class="right"> |
|
|
|
<view class="point"></view> |
|
|
|
<view class="">优秀案例</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-sec"> |
|
|
|
<view class="left"> |
|
|
|
<view class="cus" style="line-height: 46rpx;">客户:{{item.name || '--'}} |</view> |
|
|
|
<view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '0'}}次到访</view> |
|
|
|
<view class="content-sec"> |
|
|
|
<view class="left"> |
|
|
|
<view class="cus" style="line-height: 46rpx;">客户:{{item.name || '--'}} |</view> |
|
|
|
<view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '0'}}次到访 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="right">{{item.fraction || '0'}}%</view> |
|
|
|
</view> |
|
|
|
<view class="right">{{item.fraction || '0'}}%</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-last">{{item.createTime}} | {{item.mm || 0}}min</view> |
|
|
|
<view class="content-last">{{item.createTime}} | {{item.mm || 0}}min</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 跟进记录 --> |
|
|
|
<view class="tabactive2" v-if="activeTotal==1" style="min-height: 600rpx;"> |
|
|
|
<view v-if="fllowList.length==0" |
|
|
|
style="width: 100%;height:600rpx;display: flex;align-items: center;background-color: #FFFFFF;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
<!-- 跟进记录 --> |
|
|
|
<view class="tabactive2" v-if="activeTotal==1" style="min-height: 600rpx;"> |
|
|
|
<view v-if="fllowList.length==0" |
|
|
|
style="width: 100%;height:600rpx;display: flex;align-items: center;background-color: #FFFFFF;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="fllowList.length!=0" class="tab2-tips" v-for="(item,index) in fllowList" :key="index"> |
|
|
|
<view class="tab2-first"> |
|
|
|
<view class="tab2-first-1"> |
|
|
|
<view class="tab2-first-left"> |
|
|
|
<view class="img">{{item.agentName.slice(0,1) || '--'}}</view> |
|
|
|
<view class="name">{{item.agentName || '||'}}</view> |
|
|
|
<view v-if="fllowList.length!=0" class="tab2-tips" v-for="(item,index) in fllowList" :key="index"> |
|
|
|
<view class="tab2-first"> |
|
|
|
<view class="tab2-first-1"> |
|
|
|
<view class="tab2-first-left"> |
|
|
|
<view class="img">{{item.agentName.slice(0,1) || '--'}}</view> |
|
|
|
<view class="name">{{item.agentName || '||'}}</view> |
|
|
|
</view> |
|
|
|
<view class="tab2-first-right">{{item.createTime}}</view> |
|
|
|
</view> |
|
|
|
<view class="tab2-first-right">{{item.createTime}}</view> |
|
|
|
<view class="tab2-first-foot">跟进内容:{{item.remarks || '暂无'}}</view> |
|
|
|
</view> |
|
|
|
<view class="tab2-first-foot">跟进内容:{{item.remarks || '暂无'}}</view> |
|
|
|
<!-- <view class="tab2-sec"> |
|
|
|
<view class="tab-sec-edit">编辑记录</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
<!-- <view class="tab2-sec"> |
|
|
|
<view class="tab-sec-edit">编辑记录</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 销讲执行率 --> |
|
|
|
<view class="ratecenter" v-if="activeTotal==2"> |
|
|
|
<view style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;"> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标</view> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
<!-- 销讲执行率 --> |
|
|
|
<view class="ratecenter" v-if="activeTotal==2"> |
|
|
|
<view |
|
|
|
style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;"> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标 |
|
|
|
</view> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率 |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="Level-box" v-if="ratelist.length!=0" v-for="(item,index) in ratelist" :key="index"> |
|
|
|
<view class="Level1che" @click="changeshow(item,1)"> |
|
|
|
<view class="title1">{{item.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="jindutiao"> |
|
|
|
<view class="huanxing" :style="{width: item.ratepercent/item.rate*100+'%'}"></view> |
|
|
|
<view class="text">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%</view> |
|
|
|
<view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i"> |
|
|
|
<view class="Level2che" @click="changeshow2(subitem,1)"> |
|
|
|
<view class="title1 u-line-1">{{subitem.name}}</view> |
|
|
|
<view class="Level-box" v-if="ratelist.length!=0" v-for="(item,index) in ratelist" :key="index"> |
|
|
|
<view class="Level1che" @click="changeshow(item,1)"> |
|
|
|
<view class="title1">{{item.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="zhixing" v-if="!subitem.selected">已执行</view> |
|
|
|
<view class="zhixing2" v-else>未执行</view> |
|
|
|
<view class="jindutiao"> |
|
|
|
<view class="huanxing" :style="{width: item.ratepercent/item.rate*100+'%'}"></view> |
|
|
|
<view class="text">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}% |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png" |
|
|
|
<image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="hsnrtest" v-if="subitem.show">话术内容</view> |
|
|
|
<view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show" |
|
|
|
v-for="(che,inc) in subitem.children" :key='inc'> |
|
|
|
<!-- che.selected==0 为本次接待-蓝色 ,viewFlag==1 为2次接待-黄色 未执行-灰色--> |
|
|
|
<view class="title1" :style="che.viewFlag==1?'color:#FF8C13':che.selected!=0?'color: #666':''">{{inc+1}}.{{che.name}}</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="che.selected==0&&che.viewFlag != 1" class="arrow" src="/static/images/rate-checked.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else-if="che.selected==0&&che.viewFlag == 1" class="arrow" src="/static/images/checked-yellow.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" /> |
|
|
|
<view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i"> |
|
|
|
<view class="Level2che" @click="changeshow2(subitem,1)"> |
|
|
|
<view class="title1 u-line-1">{{subitem.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="zhixing" v-if="!subitem.selected">已执行</view> |
|
|
|
<view class="zhixing2" v-else>未执行</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="hsnrtest" v-if="subitem.show">话术内容</view> |
|
|
|
<view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show" |
|
|
|
v-for="(che,inc) in subitem.children" :key='inc'> |
|
|
|
<!-- che.selected==0 为本次接待-蓝色 ,viewFlag==1 为2次接待-黄色 未执行-灰色--> |
|
|
|
<view class="title1" |
|
|
|
:style="che.viewFlag==1?'color:#FF8C13':che.selected!=0?'color: #666':''"> |
|
|
|
{{inc+1}}.{{che.name}} |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="che.selected==0&&che.viewFlag != 1" class="arrow" |
|
|
|
src="/static/images/rate-checked.png" mode="" /> |
|
|
|
<image v-else-if="che.selected==0&&che.viewFlag == 1" class="arrow" |
|
|
|
src="/static/images/checked-yellow.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view> |
|
|
|
</view> |
|
|
|
<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 需求挖掘执行率 --> |
|
|
|
<view class="xuqiu" v-if="activeTotal==3"> |
|
|
|
<view style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;background: #fff;"> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标</view> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 暂无数据 --> |
|
|
|
<view v-if="KeyWordsfractionList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
<view class="xuqiu" v-if="activeTotal==3"> |
|
|
|
<view |
|
|
|
style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;background: #fff;"> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标 |
|
|
|
</view> |
|
|
|
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率 |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 挖掘执行话术展示 --> |
|
|
|
<view class="Level-box" v-else v-for="(item,index) in KeyWordsfractionList" :key="index"> |
|
|
|
<view class="Level1che" @click="changeshowlevel1(item,1)"> |
|
|
|
<view class="title1">{{item.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="jindutiao"> |
|
|
|
<view class="huanxing" v-if="item.selected==0" :style="{width: item.fraction+'%'}"></view> |
|
|
|
<view class="huanxing" v-else style="width: 0"></view> |
|
|
|
<view class="text">{{item.selected==0?item.fraction:0}}%</view> |
|
|
|
<!-- 暂无数据 --> |
|
|
|
<view v-if="KeyWordsfractionList.length==0" |
|
|
|
style="width: 100%;height: 100%;display: flex;align-items: center;"> |
|
|
|
<view style="width: 100%;padding-top: 60rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 话术在一级下 --> |
|
|
|
<view v-if="item.showLevel==1"> |
|
|
|
<view class="hhhbox" v-if="item.show" style="padding: 30rpx;"> |
|
|
|
<view class="hsnrtest">话术内容</view> |
|
|
|
<view class="Level3che" |
|
|
|
v-for="(che,inc) in item.questionList" :key='inc'> |
|
|
|
<view class="title1" :style="che.selected==2?'color:#FF8C13':che.selected==1?'color: #666':''">{{inc+1}}.{{che.question}}</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<!-- 0本次选中 1未选中 2上次选中 --> |
|
|
|
<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else-if="che.selected==2" class="arrow" src="/static/images/checked-yellow.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" |
|
|
|
mode="" /> |
|
|
|
<!-- 挖掘执行话术展示 --> |
|
|
|
<view class="Level-box" v-else v-for="(item,index) in KeyWordsfractionList" :key="index"> |
|
|
|
<view class="Level1che" @click="changeshowlevel1(item,1)"> |
|
|
|
<view class="title1">{{item.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="jindutiao"> |
|
|
|
<view class="huanxing" v-if="item.selected==0" :style="{width: item.fraction+'%'}"> |
|
|
|
</view> |
|
|
|
<view class="huanxing" v-else style="width: 0"></view> |
|
|
|
<view class="text">{{item.selected==0?item.fraction:0}}%</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 话术在二级下 --> |
|
|
|
<view v-if="item.showLevel==2"> |
|
|
|
<view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i"> |
|
|
|
<view class="Level2che" @click="changeshow2(subitem,1)"> |
|
|
|
<view class="title1 u-line-1">{{subitem.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="zhixing" v-if="!subitem.selected">已执行</view> |
|
|
|
<view class="zhixing2" v-else>未执行</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
<!-- 话术在一级下 --> |
|
|
|
<view v-if="item.showLevel==1"> |
|
|
|
<view class="hhhbox" v-if="item.show" style="padding: 30rpx;"> |
|
|
|
<view class="hsnrtest">话术内容</view> |
|
|
|
<view class="Level3che" v-for="(che,inc) in item.questionList" :key='inc'> |
|
|
|
<view class="title1" |
|
|
|
:style="che.selected==2?'color:#FF8C13':che.selected==1?'color: #666':''"> |
|
|
|
{{inc+1}}.{{che.question}} |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<!-- 0本次选中 1未选中 2上次选中 --> |
|
|
|
<image v-if="che.selected==0" class="arrow" |
|
|
|
src="/static/images/rate-checked.png" mode="" /> |
|
|
|
<image v-else-if="che.selected==2" class="arrow" |
|
|
|
src="/static/images/checked-yellow.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="subitem.show" style="padding: 30rpx 0;"> |
|
|
|
<view class="hsnrtest">话术内容</view> |
|
|
|
<view class="Level3che" |
|
|
|
v-for="(che,inc) in subitem.questionList" :key='inc'> |
|
|
|
<view class="title1" :style="che.selected==2?'color:#FF8C13':che.selected==1?'color: #666':''">{{inc+1}}.{{che.question}}</view> |
|
|
|
</view> |
|
|
|
<!-- 话术在二级下 --> |
|
|
|
<view v-if="item.showLevel==2"> |
|
|
|
<view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i"> |
|
|
|
<view class="Level2che" @click="changeshow2(subitem,1)"> |
|
|
|
<view class="title1 u-line-1">{{subitem.name}}</view> |
|
|
|
<view class="leve1-jindu"> |
|
|
|
<view class="zhixing" v-if="!subitem.selected">已执行</view> |
|
|
|
<view class="zhixing2" v-else>未执行</view> |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else-if="che.selected==2" class="arrow" src="/static/images/checked-yellow.png" |
|
|
|
mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" |
|
|
|
mode="" /> |
|
|
|
<image v-if="!subitem.show" class="arrow rotatearrow" |
|
|
|
src="/static/images/down.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/up.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="subitem.show" style="padding: 30rpx 0;"> |
|
|
|
<view class="hsnrtest">话术内容</view> |
|
|
|
<view class="Level3che" v-for="(che,inc) in subitem.questionList" :key='inc'> |
|
|
|
<view class="title1" |
|
|
|
:style="che.selected==2?'color:#FF8C13':che.selected==1?'color: #666':''"> |
|
|
|
{{inc+1}}.{{che.question}} |
|
|
|
</view> |
|
|
|
<view class="jiantobox"> |
|
|
|
<image v-if="che.selected==0" class="arrow" |
|
|
|
src="/static/images/rate-checked.png" mode="" /> |
|
|
|
<image v-else-if="che.selected==2" class="arrow" |
|
|
|
src="/static/images/checked-yellow.png" mode="" /> |
|
|
|
<image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@@ -343,7 +336,7 @@ |
|
|
|
totalRate: [], |
|
|
|
ratelist: [], |
|
|
|
fllowList: [], |
|
|
|
KeyWordsfractionList: [],//需求挖掘话术list |
|
|
|
KeyWordsfractionList: [], //需求挖掘话术list |
|
|
|
userInfo: {}, |
|
|
|
buttonisshow: false |
|
|
|
} |
|
|
@@ -371,7 +364,7 @@ |
|
|
|
this.tabtimetap(0) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
changeshowlevel1(item,type){ |
|
|
|
changeshowlevel1(item, type) { |
|
|
|
console.log(item) |
|
|
|
item.show = !item.show |
|
|
|
}, |
|
|
@@ -379,26 +372,26 @@ |
|
|
|
getfindKeyWordsBycusId() { |
|
|
|
this.$u.get("/cusLvStatistics/findKeyWordsBycusId?cusId=" + this.customerId).then(res => { |
|
|
|
// console.log(res) |
|
|
|
if(res.length){ |
|
|
|
res.forEach(item=>{ |
|
|
|
if (res.length) { |
|
|
|
res.forEach(item => { |
|
|
|
item.show = false |
|
|
|
item.children.forEach(obj=>{ |
|
|
|
item.children.forEach(obj => { |
|
|
|
obj.show = false |
|
|
|
if(obj.questionList.length){ |
|
|
|
obj.questionList.forEach(subobj=>{ |
|
|
|
subobj.show =false |
|
|
|
if (obj.questionList.length) { |
|
|
|
obj.questionList.forEach(subobj => { |
|
|
|
subobj.show = false |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
if(item.questionList.length){ |
|
|
|
item.questionList.forEach(obj=>{ |
|
|
|
obj.show =false |
|
|
|
if (item.questionList.length) { |
|
|
|
item.questionList.forEach(obj => { |
|
|
|
obj.show = false |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
this.KeyWordsfractionList = res |
|
|
|
}else{ |
|
|
|
this.KeyWordsfractionList = [] |
|
|
|
} else { |
|
|
|
this.KeyWordsfractionList = [] |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
@@ -517,7 +510,7 @@ |
|
|
|
// 新增跟进 |
|
|
|
followRecordAdd() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages/center/consumer/newFollowup/newFollowup?id=${this.customerId}` |
|
|
|
url: `/pages/center/consumer/newFollowup/newFollowup?id=${this.customerId}&level=${this.customerInfo.level}&stageName=${this.customerInfo.stageName}` |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 去编辑 |
|
|
@@ -536,9 +529,10 @@ |
|
|
|
}, |
|
|
|
//评分点击 |
|
|
|
clickaudeopal(item) { |
|
|
|
if (item.selected == 0 && item.viewFlag !=1) { |
|
|
|
if (item.selected == 0 && item.viewFlag != 1) { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item.marketingId + '&type=0' |
|
|
|
url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item |
|
|
|
.marketingId + '&type=0' |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
@@ -914,13 +908,15 @@ |
|
|
|
background-color: #FFFFFF; |
|
|
|
padding-bottom: 30rpx; |
|
|
|
width: 100%; |
|
|
|
.my-tab{ |
|
|
|
|
|
|
|
.my-tab { |
|
|
|
padding: 20rpx 0; |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
border-bottom: 1px solid #E0E0E0; |
|
|
|
.tab-item{ |
|
|
|
|
|
|
|
.tab-item { |
|
|
|
padding: 0 30rpx; |
|
|
|
height: 56rpx; |
|
|
|
font-size: 28rpx; |
|
|
@@ -930,7 +926,8 @@ |
|
|
|
line-height: 56rpx; |
|
|
|
text-shadow: 0px 1px 0px #E0E0E0; |
|
|
|
} |
|
|
|
.tabactive{ |
|
|
|
|
|
|
|
.tabactive { |
|
|
|
height: 56rpx; |
|
|
|
background: rgba(38, 113, 226, 0.1); |
|
|
|
box-shadow: 0px 1px 0px 0px #E0E0E0; |
|
|
@@ -982,8 +979,10 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.tab { |
|
|
|
position: sticky; |
|
|
|
top: 0; |
|
|
|
height: 88rpx; |
|
|
|
// border-bottom: 1px solid #E0E0E0; |
|
|
|
z-index: 999; |
|
|
|
background: #FFFFFF; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
@@ -1032,22 +1031,22 @@ |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.img { |
|
|
|
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; |
|
|
|
} |
|
|
|
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; |
|
|
@@ -1062,18 +1061,20 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
display: flex; |
|
|
|
.test { |
|
|
|
margin-top: 11rpx; |
|
|
|
.blue { |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #2671e2; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.right { |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.test { |
|
|
|
margin-top: 11rpx; |
|
|
|
|
|
|
|
.blue { |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #2671e2; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.content-sec { |
|
|
@@ -1092,13 +1093,15 @@ |
|
|
|
|
|
|
|
.content-sec-lab1 { |
|
|
|
color: #333333; |
|
|
|
.look{ |
|
|
|
|
|
|
|
.look { |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFangSC-Semibold, PingFang SC; |
|
|
|
font-weight: 600; |
|
|
|
color: #2671E2; |
|
|
|
} |
|
|
|
.look1{ |
|
|
|
|
|
|
|
.look1 { |
|
|
|
height: 42rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
@@ -1163,7 +1166,6 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.tabchange { |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
.tabactive1 { |
|
|
|
padding-bottom: 100rpx; |
|
|
@@ -1387,7 +1389,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.upon-sec-tips { |
|
|
|
min-width:96rpx; |
|
|
|
min-width: 96rpx; |
|
|
|
height: 46rpx; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 6rpx; |
|
|
|