|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520 |
- <template>
- <view class="box">
- <view class="content">
- <view class="content-tips">
- <view class="content-first">
- <view class="left">
- <view class="test">
- {{customerInfo.name || '--'}}
- <view v-if="customerInfo.level.length==0"></view>
- <view class="img A" v-else-if="customerInfo.level==1">A</view>
- <view class="img B" v-else-if="customerInfo.level==2">B</view>
- <view class="img C" v-else-if="customerInfo.level==3">C</view>
- <view class="img D" v-else-if="customerInfo.level==4">D</view>
- <view v-if="customerInfo.clientStageName" class="clientStageName">{{ customerInfo.clientStageName }}</view>
- </view>
- <view class="edit" @click="goedit()" v-if="isHavePermission">
- <image class="screen-sel-img" src="../../../static/images/edit.png" mode=""></image>
- </view>
- </view>
- </view>
- <view class="content-sec">
- <view class="content-sec-lab">
- 手机号码:<view class="content-sec-lab1">
- {{customerInfo.phone | phoneText}}
- </view>
- </view>
- <view class="content-sec-lab">
- 顾问姓名:<view class="content-sec-lab1">{{customerInfo.agentName||'--'}}</view>
- </view>
- <view class="content-sec-lab">
- <view class="u-flex" style="flex:1">
- 挖掘执行:<view class="content-sec-lab1">{{customerInfo.wordFraction||0}}%</view>
- </view>
- <view class="u-flex" style="flex:1">
- 挖掘成功:<view class="content-sec-lab1">{{customerInfo.wordFinishFraction||0}}%</view>
- </view>
- </view>
- <view class="content-sec-lab">
- 添加时间:<view class="content-sec-lab1">{{customerInfo.createTime}}</view>
- </view>
- <view class="content-sec-num">
- <view>到访{{customerInfo.visitRecord || '--'}}次</view>
- <view>
- {{customerInfo.mm || '0'}}min/{{customerInfo.fraction || '0'}}%
- </view>
- </view>
- </view>
- <view class="content-last">
- <view class="content-last-con">
- 备注:{{customerInfo.remarks ? customerInfo.remarks : "暂无"}}
- </view>
- </view>
- </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>
-
- <!-- 接待记录 -->
- <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>
- <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 class="name">{{item.agentName || '--'}}</view>
- <view class="status" v-if="item.replaceReception==1">代接待</view>
- </view>
- </view>
-
- <view class="content-sec">
- <view class="left">
- <view class="cus">客户:{{item.name || ''}} |</view>
- <view class="arriveNum">{{item.visitRecord==1?'首':item.visitRecord || '--'}}次到访</view>
- </view>
- <view class="right">{{item.fraction || '0'}}%</view>
- </view>
- <view class="content-last">{{item.createTime}} | {{item.mm || '--'}}min</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>
- <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="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
- </view>
- <view class="tab2-first-right">{{item.createTime}}</view>
- </view>
- <view class="tab2-first-foot">跟进内容:{{item.remarks || '暂无'}}</view>
- </view>
- </view>
- </view>
-
- <!-- 销讲执行率 -->
- <view class="ratecenter" v-if="activeTotal==2">
- <view class="ratetetle">执行总览</view>
- <view class="rateyuanbox">
- <view class="rateyuanboxzuo">
- <view class="boxzuoview">{{customerInfo.visitRecord || '--'}}次</view>
- <view class="ratetetle-desc">接待次数</view>
- </view>
- <view class="rateyuanboxyou">
- <view class="boxzuoview" style="width: 100%;display: flex;justify-content: center;">
- <u-circle-progress active-color="#07B79D" width='108' :percent="customerInfo.fraction">
- <view style="text-align: center;color: #07B79D;">{{customerInfo.fraction}}%</view>
- </u-circle-progress>
- </view>
- <view class="ratetetle-desc">销讲执行率</view>
- </view>
- <view class="rateyuanboxzuo">
- <view class="boxzuoview">{{customerInfo.mm}}min</view>
- <view class="ratetetle-desc">接待时长</view>
- </view>
- </view>
- <view class="middle-title">
- <view class="item-title1">指标</view>
- <view class="item-title">执行率</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>
- <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>
- </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 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">{{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'>
- <view class="title1">{{inc+1}}、{{che.name}}</view>
- <view class="jiantobox">
- <image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
- mode="" />
- <image v-else class="arrow" src="/static/images/no-checked.png"
- mode="" />
- </view>
- </view>
- <view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
- </view>
- </view>
- </view>
- <!-- 需求挖掘执行率 -->
- <view class="xuqiu" v-if="activeTotal==3">
- <!-- 暂无数据 -->
- <view v-if="KeyWordsfractionList.length==0"
- style="width: 100%;height: 100%;display: flex;align-items: center;">
- <view style="width: 100%;padding-top: 60rpx;background: #fff;">
- <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>
- <!-- 需求挖掘执行率 -->
- <view v-if="KeyWordsfractionList.length">
- <view class="top-box">
- <view style="width:50%;text-align:center">挖掘执行:{{customerInfo.wordFraction||0}}%</view>
- <view style="width:50%;text-align:center">挖掘成功:{{customerInfo.wordFinishFraction||0}}%</view>
- </view>
- <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: 50rpx;
- ">指标</view>
- <view style="
- flex: 1;
- font-size: 28rpx;
- color: #333333;
- font-weight: 600;
- text-indent: 70rpx;
- ">执行率</view>
- <view style="
- flex: 1;
- font-size: 28rpx;
- color: #333333;
- font-weight: 600;
- text-indent: 70rpx;
- ">匹配标签</view>
- <view style="flex: 0 0 30rpx;"></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;background:#fff;">
- <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>
- <!-- 挖掘执行话术展示 -->
- <view class="Level-box" v-else v-for="(item, index) in KeyWordsfractionList" :key="index">
- <view class="Level1che" @click="changeshowlevel1(item, 1)">
- <view class="title1" style="flex: 1">{{ item.name }}</view>
- <view class="Level1-middle" style="flex: 2; display: flex">
- <view class="item" style="flex: 1; text-align: center">执行{{ item.fraction || 0 }}%
- </view>
- <view class="item" style="flex:1;text-align:center;color:#2671E2"
- v-if="item.keywordsList&&item.keywordsList.length">已匹配({{
- item.keywordsList.length
- }})</view>
- <view class="item" v-else style="flex:1;text-align:center;">未匹配</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 v-if="item.children&&item.children.length==0">
- <view class="hhhbox" v-if="item.show" style="padding: 30rpx;">
- <view class="hsnrtest" style="font-size:30rpx;color: #333;line-height: 42rpx;">
- 客户标签:{{ getKeywordsList(item.keywordsList) }}</view>
- <view class="hsnrtest">话术内容:</view>
- <view v-if="item.modelList.length==0">暂无话术</view>
- <view class="Level3che" v-for="(che,inc) in item.modelList" :key='inc'>
- <view class="title1" @click="clickWajue(che)"
- :style="che.isAskQuestions==2?'color:#FF8C13':che.isAskQuestions==0?'':'color: #666'">
- {{inc+1}}.{{che.showFormatExpression}}
- </view>
- <view class="jiantobox">
- <!-- 0本次选中 1未选中 2上次选中 -->
- <image v-if="che.isAskQuestions==0" class="arrow"
- src="/static/images/rate-checked.png" mode="" />
- <image v-else-if="che.isAskQuestions==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>
- <!-- 话术在二级下 -->
- <view v-if="item.children&&item.children.length">
- <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.isAskQuestions == 0">已执行</view>
- <view class="zhixing2" v-else>未执行</view>
- </view>
- <view class="leve1-jindu">
- <view class="zhixing" v-if="subitem.selected == 0">已匹配</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 v-if="subitem.show" style="padding: 30rpx 0">
- <view class="hsnrtest" style="font-size: 30rpx;color: #333">
- 客户标签:{{ getKeywordsList(subitem.keywordsList) }}</view>
- <view class="hsnrtest">话术内容:</view>
- <view v-if="subitem.modelList.length==0">暂无话术</view>
- <view class="Level3che" v-for="(che, inc) in subitem.modelList" :key="inc">
- <view class="title1" @click="clickWajue(che)" :style="
- che.isAskQuestions == 2
- ? 'color:#FF8C13'
- : che.isAskQuestions == 0
- ? ''
- : 'color: #666'
- ">{{ inc + 1 }}.{{
- che.showFormatExpression
- }}</view>
- <view class="jiantobox">
- <image v-if="che.isAskQuestions == 0" class="arrow"
- src="/static/images/rate-checked.png" mode="" />
- <image v-else-if="che.isAskQuestions == 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>
- </view>
- </view>
- </view>
- </view>
- </view>
-
- <view class="pon-foot" v-if="buttonisshow">
- <!-- <view class="foot-tab" @click="goRemind">添加提醒</view>
- <view class="foot-tab">拨打电话</view> -->
- <view class="foot-tab" @click="followRecordAdd">写跟进</view>
- </view>
- <!-- closeable -->
- <u-popup v-model="tipshow" mode="center" width="500rpx" height="500rpx" closeable>
- <scroll-view scroll-y="true" style="height: 440rpx;">
- <view style="margin-top: 60rpx; display: flex; flex-wrap: wrap; padding-left: 20rpx;">
- <view class="upon-sec-tips" v-for="(item,index) in customerInfo.demand.cusSemanticWordsList"
- :key="index">
- {{item.name}}
- </view>
- </view>
- </scroll-view>
-
- </u-popup>
-
- <!-- 加载组件 -->
- <u-loadings v-model="LOADING"></u-loadings>
- </view>
- </template>
-
- <script>
- let _this;
- export default {
- data() {
- return {
- KeyWordsfractionList: [],
- activeTotal: 0,
- customerId: '',
- tipshow: false,
- customerInfo: {
- name: '',
- createTime: '',
- agentName: ''
- },
- Thevisitingrecords: [],
- totalRate: [],
- ratelist: [],
- fllowList: [],
- userInfo: {},
- buttonisshow: false,
- isHavePermission: false
- }
- },
- onLoad(options) {
- this.LOADING = true
- this.customerId = options.id;
- _this = this
- },
- onShow() {
- this.$store.commit('stopAduio')
- this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
- console.log(this.userInfo.showPhoneStatus)
- if (this.userInfo.dataCode == 6) {
- this.buttonisshow = true;
- } else {
- this.buttonisshow = false
- }
- this.getCustomerInfo()
- this.tabtimetap(0)
- let newmenulist = uni.getStorageSync('weapp_session_Menu_data');
- if (newmenulist.khgl_bj == true || newmenulist.khgl_gj == true) {
- this.isHavePermission = true
- }
- },
- methods: {
- clickWajue(item) {
- if (item.isAskQuestions == 0) {
- uni.navigateTo({
- url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&keyword=" + item
- .showFormatExpression +
- "&skpl=" + "2" + '&UpDateEvent='
- })
- }
- },
- //挖掘率话术客户标签展示
- getKeywordsList(list) {
- let keywords = [];
- if (list && list.length) {
- keywords = list.map((item) => item.name);
- } else {
- return "--";
- }
- return keywords.join(",");
- },
- changeshowlevel1(item, type) {
- console.log(item)
- item.show = !item.show
- },
- // 客户详情需求挖掘话术
- getfindKeyWordsBycusId() {
- this.$u
- .get("/cusLvStatistics/findKeyWordsBycusId?cusId=" + this.customerId)
- .then((res) => {
- // console.log(res)
- if (res.length) {
- res.forEach((item, index) => {
- item.show = false;
- if (index == 0) {
- item.show = true;
- }
- if (item.children && item.children.length) {
- item.children.forEach((obj, i) => {
- obj.show = false;
- if (i == 0 && index == 0) {
- obj.show = true;
- }
- });
- }
- });
- this.KeyWordsfractionList = res;
- } else {
- this.KeyWordsfractionList = [];
- }
- });
- },
- // 获取到访记录
- getVisitList() {
- this.$u.get("/customer/findByPhoneAndProject?id=" + this.customerId).then(res => {
- this.Thevisitingrecords = res
- })
- },
- // 获取客户信息
- getCustomerInfo() {
- const that = this;
- this.$u.get("/customer/findById", {
- id: this.customerId
- }).then(res => {
- this.LOADING = false
- if (res.fraction == null) {
- res.fraction = '0';
- }
-
- this.customerInfo = res;
- }).catch(e => {
- this.LOADING = false
- })
- },
- tabtimetap(idx) {
- this.activeTotal = idx
- if (idx == 0) {
- this.getVisitList()
- } else if (idx == 1) {
- this.getFollowList()
- } else if(idx == 2){
- this.getRatelist()
- }else{ // 需求挖掘率
- this.getfindKeyWordsBycusId()
- }
- },
- tapThevisiting(_item) {
- uni.showLoading({
- title: '加载中',
- mask: true
- });
- if (_item.yon != 0) {
- setTimeout(function() {
- uni.hideLoading();
- }, 2000);
- uni.showToast({
- icon: 'none',
- title: '暂无录音',
- duration: 2000
- });
- return
- } else {
- const parames = {
- pageNum: 1,
- pageSize: 100,
- query: {
- customerId: _item.id,
- }
- }
- var item = {
- bg: 0,
- customerId: _item.id,
- id: ''
- }
- uni.setStorageSync("entrance", 1); //写入缓存
- uni.setStorageSync("searchobj", item); //写入缓存
- this.$u.post("/corpus/findByPage", parames).then(res => {
- setTimeout(function() {
- uni.hideLoading();
- }, 2000);
- if (res == null) {
- uni.showToast({
- icon: "none",
- title: "暂无音频"
- })
- return
- }
- if (res[0].merge == 0) {
- let newobj = res[0];
- uni.navigateTo({
- url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}&wordFraction=${_item.wordFraction}`
- })
- } else {
- let newobj = res[0];
- uni.navigateTo({
- url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"1"}`
- })
- }
- })
- }
- },
- // 获取跟进记录
- getFollowList() {
- this.fllowList = [];
- this.$u.post("/customer/getCusStage", {
- customerId: this.customerId
- }).then(res => {
- res.forEach(item => {
- item.agentName = this.customerInfo.agentName
- })
- this.fllowList = res;
- })
- },
- // 新增跟进
- followRecordAdd() {
- uni.navigateTo({
- url: `/pages/center/consumer/newFollowup/newFollowup?id=${this.customerId}&level=${this.customerInfo.level}&clientStageName=${this.customerInfo.clientStageName}`
- })
- },
- // 去编辑
- goedit() {
- let newmenulist = uni.getStorageSync('weapp_session_Menu_data');
- if (newmenulist.khgl_bj == true || newmenulist.khgl_gj) {
- uni.navigateTo({
- url: `/pages/center/consumer/edit?id=${this.customerId}`
- })
- }
- },
- // 去添加提醒
- goRemind() {
- uni.navigateTo({
- url: `/pages/center/consumer/remind?str=${this.customerInfo.name+'/'+this.customerInfo.phone}&customerId=${this.customerId}`
- })
- },
- //评分点击
- clickaudeopal(item) {
- if (item.selected == 0) {
- uni.navigateTo({
- url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item
- .marketingId + "&type=0" + '&from=consumerDetail'
- })
- }
- },
- changeshow(item, type) {
- item.show = !item.show
- },
- changeshow2(item, type) {
- item.show = !item.show
- },
- // 获取评分
- getRatelist() {
- this.$u.get("/customer/findzkMByCusId", {
- cusId: this.customerId
- }).then(res => {
- if (res.length) {
- let level1 = []
- res.forEach(item => {
- if (item.pid == 0) {
- level1.push({
- id: item.marketingId,
- rate: item.fraction,
- name: item.name,
- sort: item.sort,
- show: false,
- ratepercent: 0,
- children: []
- })
- }
- })
- // this.totalRate = level2rate;
- res.forEach(subitem => {
- let subitempid = subitem.pid
- level1.forEach(item => {
- if (subitempid == item.id) {
- if (subitem.selected == 0) {
- item.ratepercent += subitem.fraction
- }
- item.children.push({
- id: subitem.id,
- rate: subitem.fraction,
- selected: subitem.selected,
- name: subitem.name,
- show: false,
- marketingId: subitem.marketingId,
- children: []
- })
- }
- })
- })
- res.forEach(subitem => {
- let subitempid = subitem.pid
- level1.forEach(chen => {
- chen.children.forEach(zxc => {
- if (subitempid == zxc.marketingId) {
- zxc.children.push({
- id: subitem.id,
- rate: subitem.fraction,
- selected: subitem.selected,
- name: subitem.name,
- marketingId: subitem.marketingId,
- })
- }
- })
- })
- })
- level1[0].show = true;
- level1[0].children[0].show = true;
- this.ratelist = level1
- }
- })
- },
- },
-
- filters: {
-
- // 加密手机
- phoneText(mobile) {
- if (!mobile) return '--'
- if (_this.userInfo.showPhoneStatus == 1) return mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
- else return mobile
- },
- }
- }
- </script>
-
- <style lang="scss" scoped>
- .rotatearrow {
- transform: rotate(270deg);
- }
-
- // 评分
- .rate-box {
- padding: 10rpx 20rpx;
- background-color: #FFFFFF;
-
- .date {
- width: 300rpx;
- height: 33rpx;
- font-size: 24rpx;
- font-weight: 400;
- color: #333333;
- line-height: 33rpx;
- letter-spacing: 1rpx;
- margin-bottom: 8rpx;
- }
-
- .title {
- width: 100%;
- height: 42rpx;
- font-size: 30rpx;
- font-weight: 500;
- color: #333333;
- line-height: 42rpx;
- letter-spacing: 2rpx;
- margin-bottom: 20rpx;
- }
-
- .level1 {
- display: flex;
- align-items: center;
-
- .level-name {
- width: 104rpx;
- height: 33rpx;
- font-size: 24rpx;
- font-weight: 500;
- color: #333333;
- line-height: 33rpx;
- letter-spacing: 1rpx;
- margin-right: 10rpx;
- }
-
- .level-progress {
- flex: 1;
- border-radius: 11rpx;
- height: 21rpx;
- background-color: #BEE4FF;
- position: relative;
-
- .color {
- width: 0;
- position: absolute;
- top: 0;
- left: 0;
- height: 21rpx;
- border-radius: 11rpx 0 0 11rpx;
- background-color: #008EF2;
- }
- }
-
- .level-rate {
- width: 65rpx;
- height: 33rpx;
- font-size: 24rpx;
- font-weight: 500;
- color: #333333;
- line-height: 33rpx;
- letter-spacing: 1rpx;
- margin: 0 20rpx 0 15rpx;
- }
-
- .arrow {
- width: 37rpx;
- height: 21rpx;
- padding: 5rpx 20rpx;
- }
-
- .rotatearrow {
- transform: rotate(270deg);
- }
- }
-
- .level1-subbox {
- display: flex;
- margin-top: 20rpx;
- flex-wrap: wrap;
-
- .sub-name {
- width: 50%;
- display: flex;
- margin-bottom: 18rpx;
-
- .subitem-name {
- width: 104rpx;
- height: 33rpx;
- font-size: 24rpx;
- font-weight: 400;
- color: #999999;
- line-height: 33rpx;
- letter-spacing: 1rpx;
- margin-right: 12rpx;
- }
-
- .checkimg {
- width: 27rpx;
- height: 27rpx;
- }
-
- }
- }
- }
-
- .Level-box {
- padding-bottom: 2rpx;
- border-bottom: 1rpx solid #E0E0E0;
- .hhhbox {
- width: 100%;
- padding: 0 30rpx;
- background: #f8f8f8;
- .hsnrtest {
- height: 36rpx;
- font-size: 26rpx;
- font-weight: 400;
- color: #666666;
- line-height: 36rpx;
- }
-
- .Level3che {
- width: 100%;
- height: 28rpx;
- display: flex;
- line-height: 28rpx;
- align-items: center;
- margin-top: 24rpx;
-
- .title1 {
- flex: 1;
- font-size: 28rpx;
- color: #2671E2;
- font-weight: 400;
- }
-
- .jiantobox {
- width: 30rpx;
- height: 30rpx;
- display: flex;
- align-items: center;
-
- .arrow {
- width: 32rpx;
- height: 32rpx;
- }
- }
- }
- }
-
- .Level2che {
- width: 100%;
- height: 88rpx;
- display: flex;
- line-height: 88rpx;
- align-items: center;
-
- .title1 {
- flex: 2;
- font-size: 28rpx;
- color: #333333;
- font-weight: 500;
- }
-
- .leve1-jindu {
- flex: 3;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .zhixing {
- width: 116rpx;
- height: 48rpx;
- line-height: 48rpx;
- background: #2671E2;
- border-radius: 4rpx;
- font-size: 28rpx;
- text-align: center;
- color: #FFFFFF;
- }
-
- .zhixing2 {
- width: 116rpx;
- height: 48rpx;
- line-height: 48rpx;
- border-radius: 4rpx;
- font-size: 28rpx;
- text-align: center;
- color: #FFFFFF;
- background: #D8D8D8;
- }
- }
-
- .jiantobox {
- width: 30rpx;
- height: 30rpx;
- display: flex;
- align-items: center;
-
- .arrow {
- width: 30rpx;
- height: 18rpx;
- }
- }
- }
-
- .Level1che {
- width: 100%;
- height: 98rpx;
- background: #fff;
- display: flex;
- line-height: 98rpx;
- align-items: center;
- padding:0 30rpx;
-
- .title1 {
- flex: 2;
- font-size: 28rpx;
- color: #333333;
- font-weight: 500;
- }
-
- .leve1-jindu {
- flex: 3;
-
- .jindutiao {
- width: 96%;
- height: 28rpx;
- line-height: 28rpx;
- border-radius: 14rpx;
- position: relative;
- background: rgba(7, 183, 157, 0.2);
- .huanxing {
- height: 100%;
- background: #07B79D;
- border-radius: 14rpx;
- }
-
- .text {
- position: absolute;
- top: 0rpx;
- right: 0rpx;
- font-size: 28rpx;
- font-weight: 400;
- color: #333333;
- }
- }
- }
-
- .jiantobox {
- width: 30rpx;
- height: 30rpx;
- display: flex;
- align-items: center;
-
- .arrow {
- width: 30rpx;
- height: 18rpx;
- }
- }
- }
- }
- .ratecenter {
- background-color: #FFFFFF;
- padding-bottom: 30rpx;
- width: 100%;
- .ratetetle {
- height: 42rpx;
- font-size: 30rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 42rpx;
- padding: 24rpx 30rpx;
- }
- .rateyuanbox {
- width: 100%;
- height: 210rpx;
- padding-bottom: 30rpx;
- display: flex;
- padding-left: 80rpx;
- padding-right: 80rpx;
- .rateyuanboxzuo {
- width: 30%;
- height: 100%;
- }
- .rateyuanboxyou {
- width: 40%;
- height: 100%;
- }
- .boxzuoview {
- width: 100%;
- height: 140rpx;
- line-height: 140rpx;
- text-align: center;
- }
- .ratetetle-desc{
- color: #666;
- font-size:30rpx;
- font-weight: 400;
- text-align: center;
- }
- }
- .middle-title{
- height: 78rpx;
- line-height: 78rpx;
- display: flex;
- // justify-content: space-around;
- align-items: center;
- background: #F4F8FD;
- font-size: 30rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- .item-title1 {
- width: 450rpx;
- padding-left: 30rpx;
- }
- .item-title {
- flex: 1;
- }
- }
- }
-
- .box {
- width: 100%;
- height: 100%;
- background: #F8F8F8;
- }
-
- .tab {
- height: 88rpx;
- border-bottom: 1px solid #E0E0E0;
- background: #FFFFFF;
- display: flex;
- align-items: center;
-
- .tabbox {
- flex: 1;
- height: 100%;
- text-align: center;
- line-height: 88rpx;
- color: #666666;
- font-size: 30rpx;
- display: flex;
- justify-content: center;
- .activecllasscet {
- border-bottom: 6rpx solid #2671E2;
- color: #2671E2;
- font-weight: 600;
- }
- }
- }
-
- .content {
- overflow: hidden;
- border-top: 1rpx solid #E0E0E0;
-
- .content-tips {
- background: #fff;
- margin-bottom: 20rpx;
- overflow: hidden;
-
- .content-first {
- padding: 19rpx 30rpx;
- display: flex;
- justify-content: space-between;
- box-sizing: border-box;
- font-weight: 400;
- color: #292929;
- height: 90rpx;
- font-size: 30rpx;
- line-height: 30rpx;
-
- .left {
- flex-grow: 1;
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .img {
- width: 48rpx;
- height: 48rpx;
- line-height: 48rpx;
- text-align: center;
- margin-left: 16rpx;
- border-radius: 6rpx;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- }
-
- .test {
- height: 48rpx;
- font-size: 30rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 48rpx;
- margin-right: 16rpx;
- display: flex;
- }
- .clientStageName {
- height: 48rpx;
- line-height: 48rpx;
- background: #FFFFFF;
- border-radius: 4rpx;
- border: 1rpx solid #FF981E;
- box-sizing: border-box;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FF981E;
- margin-left: 16rpx;
- padding: 0 16rpx;
- }
-
- .edit {
- flex-shrink: 0;
- height: 40rpx;
- width: 40rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
-
- }
-
- .right {
- display: flex;
-
- .point {
- width: 12rpx;
- height: 12rpx;
- background: #2B6EFF;
- border-radius: 50%;
- margin-right: 9rpx;
- margin-top: 20rpx;
- }
-
- .test {
- margin-top: 11rpx;
- }
- }
- }
-
- .content-sec {
- border-top: 1px solid #E0E0E0;
- padding: 0 30rpx;
- position: relative;
-
- .content-sec-lab {
- margin-top: 30rpx;
- display: flex;
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- line-height: 42rpx;
-
- .content-sec-lab1 {
- color: #333333;
- }
-
- .content-sec-tips {
- max-width: 175rpx;
- text-align: center;
- line-height: 48rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 26rpx;
- font-weight: 400;
- color: #2671E2;
- margin-right: 12rpx;
- box-sizing: border-box;
- padding: 0 20rpx;
- height: 48rpx;
- background: #F4F8FD;
- border-radius: 6rpx;
- }
- }
-
- .content-sec-num {
- position: absolute;
- width: 196rpx;
- height: 112rpx;
- background: #F4F8FD;
- border-radius: 8rpx;
- top: 28rpx;
- right: 30rpx;
- padding: 16rpx 20rpx;
- color: #2671E2;
- line-height: 40rpx;
- text-align: center;
- }
- }
-
- .content-last {
- padding: 30rpx;
- margin-top: 28rpx;
- .content-last-con {
- width: 690rpx;
- min-height: 112rpx;
- background: #F8F8F8;
- border-radius: 8rpx;
- padding: 16rpx 20rpx;
- font-size: 28rpx;
- font-weight: 400;
- color: #333333;
- line-height: 40rpx;
- }
- }
-
- }
- }
-
- .tabchange {
- overflow: hidden;
-
- .tabactive1 {
- padding-bottom: 100rpx;
-
- .content-tips {
- background: #fff;
- padding: 0 30rpx;
- box-sizing: border-box;
- overflow: hidden;
- margin-bottom: 20rpx;
-
- .content-first {
- margin-top: 19rpx;
- display: flex;
- justify-content: space-between;
-
- .left {
- display: flex;
-
- .img {
- width: 52rpx;
- height: 52rpx;
- background: #FFFFFF;
- border: 1rpx solid #C9C9C9;
- border-radius: 50%;
- text-align: center;
- line-height: 52rpx;
- margin-right: 20rpx;
- }
-
- .name {
- font-weight: 600;
- color: #333333;
- margin-top: 11rpx;
- }
-
- .status {
- width: 110rpx;
- height: 42rpx;
- background: #FFF9F5;
- border-radius: 4rpx;
- font-size: 26rpx;
- font-weight: 400;
- color: #EC8D49;
- line-height: 42rpx;
- text-align: center;
- margin-left: 19rpx;
- margin-top: 11rpx;
- }
- }
-
- .right {
- display: flex;
- margin-top: 11rpx;
-
- .point {
- width: 12rpx;
- height: 12rpx;
- background: #2B6EFF;
- border-radius: 50%;
- margin-right: 9rpx;
- margin-top: 16rpx;
-
- }
- }
- }
-
-
- .content-sec {
- display: flex;
- justify-content: space-between;
- margin-top: 19rpx;
-
- .left {
- display: flex;
-
- .cus {
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- line-height: 42rpx;
- }
-
- .arriveNum {
- font-size: 30rpx;
- font-weight: 400;
- margin-left: 10rpx;
- color: #2671E2;
- }
- }
-
- .right {
- height: 56rpx;
- background: #F4F8FD;
- border-radius: 6rpx;
- text-align: center;
- line-height: 56rpx;
- font-weight: 400;
- color: #2671E2;
- font-size: 28rpx;
- padding: 0 20rpx;
- }
- }
-
- .content-last {
- margin: 28rpx 0;
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- line-height: 30rpx;
- }
-
- }
- }
-
- .tabactive2 {
- .tab2-tips {
- background: #fff;
- // height: 270rpx;
- overflow: auto;
- margin-bottom: 20rpx;
-
- .tab2-first {
- border-bottom: 1rpx solid #E0E0E0;
- padding: 0 30rpx;
- margin-top: 19rpx;
- box-sizing: border-box;
-
- .tab2-first-1 {
- display: flex;
- justify-content: space-between;
- height: 52rpx;
- align-items: center;
-
- .tab2-first-left {
- display: flex;
- align-items: center;
- height: 52rpx;
-
- .img {
- width: 52rpx;
- height: 52rpx;
- background: #FFFFFF;
- border: 1rpx solid #C9C9C9;
- border-radius: 50%;
- text-align: center;
- line-height: 52rpx;
- }
-
- .name {
- font-weight: 600;
- color: #333333;
- margin-left: 20rpx;
- }
-
- .clientStageName {
- height: 48rpx;
- line-height: 48rpx;
- background: #fff;
- border-radius: 4rpx;
- border: 1rpx solid #ff981e;
- box-sizing: border-box;
- font-size: 28rpx;
- font-family: PingFangSC-Regular,PingFang SC;
- font-weight: 400;
- color: #ff981e;
- margin-left: 16rpx;
- padding: 0 16rpx;
- }
- }
-
- .tab2-first-right {
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- }
- }
-
- .tab2-first-foot {
- margin: 30rpx 0;
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- line-height: 42rpx;
- }
- }
-
- .tab2-sec {
- height: 120rpx;
- padding: 30rpx;
- float: right;
-
- .tab-sec-edit {
- width: 156rpx;
- height: 60rpx;
- background: #FFFFFF;
- border-radius: 4rpx;
- border: 1rpx solid #2671E2;
- text-align: center;
- line-height: 60rpx;
- font-weight: 400;
- color: #2671E2;
- }
- }
- }
- }
- }
-
- .pon-foot {
- position: fixed;
- width: 750rpx;
- height: 100rpx;
- background: #FFFFFF;
- box-shadow: 0px -2rpx 8rpx 0rpx rgba(224, 224, 224, 0.5);
- bottom: 0;
- display: flex;
- justify-content: space-around;
- align-items: center;
- // padding-top: 24rpx;
- box-sizing: border-box;
-
- // padding: ;
- .foot-tab {
- text-align: center;
- width: 270rpx;
- height: 70rpx;
- line-height: 70rpx;
- background: #2671E2;
- box-shadow: 0px -2rpx 8rpx 0px rgba(224, 224, 224, 0.5);
- border-radius: 6rpx;
- font-size: 30rpx;
- font-weight: 400;
- color: #FFFFFF;
- }
- }
-
- .upon-sec-tips {
- // max-width:120rpx ;
- height: 46rpx;
- background: #F2F2F2;
- border-radius: 6rpx;
- text-align: center;
- line-height: 26rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 26rpx;
- font-weight: 400;
- color: #333333;
- margin-right: 20rpx;
- margin-top: 20rpx;
- box-sizing: border-box;
- padding: 10rpx 24rpx;
- }
-
- .conmsg-msg-lab-img {
- width: 14rpx;
- height: 30rpx;
- margin-top: 6rpx;
- margin-left: auto;
-
- image {
- width: 100%;
- height: 100%;
- }
- }
-
-
- .A {
- background: #E6625B;
- }
-
- .B {
- background: #FF981E;
- }
-
- .C {
- background: #F6BD16;
- }
-
- .D {
- background: #E6625B;
- }
-
- .top-box {
- height: 80rpx;
- line-height: 80rpx;
- display: flex;
- color: #2671E2;
- border-bottom: 1rpx solid #ccc;
- }
- </style>
|