You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1596 line
42 KiB

  1. <template>
  2. <view class="box">
  3. <view class="content">
  4. <view class="content-tips" @click="goedit()">
  5. <view class="content-first">
  6. <view class="left">
  7. <view v-if="customerInfo.level.length==0"></view>
  8. <view class="img" v-else-if="customerInfo.level==1">A</view>
  9. <view class="img" v-else-if="customerInfo.level==2">B</view>
  10. <view class="img" v-else-if="customerInfo.level==3">C</view>
  11. <view class="img" v-else-if="customerInfo.level==4">D</view>
  12. <view class="test">{{customerInfo.name || '--'}}</view>
  13. <view class="edit" v-if="isEdit">
  14. <image class="screen-sel-img" src="../../../static/images/edit.png" mode=""></image>
  15. </view>
  16. </view>
  17. <view class="right">
  18. <view class="test">销讲执行:<text class="blue">{{ customerInfo.fraction || 0 }}%</text></view>
  19. </view>
  20. </view>
  21. <view class="content-sec">
  22. <view class="content-sec-lab">
  23. <view class="content-sec-lab1">
  24. 手机号码:{{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: '--'}}
  25. </view>
  26. <view class="content-sec-lab1" style="width: 44%">到访次数:{{ customerInfo.visitRecord || 0 }}次/{{
  27. customerInfo.mm || 0
  28. }}min</view>
  29. </view>
  30. <view class="content-sec-lab">
  31. <view class="content-sec-lab1">挖掘执行:{{ customerInfo.wordFraction || 0 }}%</view>
  32. <view class="content-sec-lab1" style="width: 44%">挖掘成功:{{ customerInfo.wordFinishFraction || 0 }}%</view>
  33. <!-- <view class="content-sec-lab1" @click.stop="tipupon" style="width: 44%">画像标签:<text
  34. class="look">{{
  35. customerInfo.demand.cusSemanticWordsList?customerInfo.demand.cusSemanticWordsList.length:0}}</text><text
  36. class="look1">查看</text></view> -->
  37. </view>
  38. <view class="content-sec-lab">
  39. <view class="content-sec-lab1">所属顾问:{{ customerInfo.agentName || "--" }}</view>
  40. <view class="content-sec-lab1" style="width: 44%">客户阶段:{{ customerInfo.stageName || "--" }}
  41. </view>
  42. </view>
  43. <view class="content-sec-lab">
  44. <view class="content-sec-lab1">上次到访:{{ customerInfo.createTime || "--" }}</view>
  45. </view>
  46. </view>
  47. <view class="content-last">
  48. <view class="content-last-con">
  49. 备注:{{customerInfo.remarks ? customerInfo.remarks : "暂无"}}
  50. </view>
  51. </view>
  52. </view>
  53. </view>
  54. <view class="tab">
  55. <view class="tabbox">
  56. <view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">接待记录</view>
  57. </view>
  58. <view class="tabbox">
  59. <view :class="{ activecllasscet: activeTotal == 1 }" @click="tabtimetap(1)">跟进记录</view>
  60. </view>
  61. <view class="tabbox">
  62. <view :class="{ activecllasscet: activeTotal == 2 }" @click="tabtimetap(2)">销讲执行率</view>
  63. </view>
  64. <view class="tabbox">
  65. <view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">挖掘执行率</view>
  66. </view>
  67. </view>
  68. <view class="tabchange">
  69. <view style="min-height: 700rpx;">
  70. <!-- 接待记录 -->
  71. <view class="tabactive1" v-if="activeTotal==0">
  72. <view v-if="Thevisitingrecords.length==0"
  73. style="width: 100%;height: 100%;display: flex;align-items: center;">
  74. <view style="width: 100%;padding-top: 60rpx;">
  75. <view style="width: 100%;text-align: center;">
  76. <image style="width: 220rpx;height: 200rpx;"
  77. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  78. </view>
  79. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  80. </view>
  81. </view>
  82. <view v-if="Thevisitingrecords.length!=0" class="content-tips"
  83. v-for="(item,index) in Thevisitingrecords" :key="index" @click="tapThevisiting(item)">
  84. <view class="content-first">
  85. <view class="left">
  86. <view class="name">{{item.agentName || '--'}}</view>
  87. <view class="status" v-if="item.replaceReception==1">代接待</view>
  88. </view>
  89. </view>
  90. <view class="content-sec">
  91. <view class="left">
  92. <view class="cus" style="line-height: 46rpx;">客户:{{item.name || '--'}} |</view>
  93. <view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '0'}}次到访
  94. </view>
  95. </view>
  96. <view class="right">{{item.fraction || '0'}}%</view>
  97. </view>
  98. <view class="content-last">{{item.createTime}} | {{item.mm || 0}}min</view>
  99. </view>
  100. </view>
  101. <!-- 跟进记录 -->
  102. <view class="tabactive2" v-if="activeTotal==1" style="min-height: 600rpx;">
  103. <view v-if="fllowList.length==0"
  104. style="width: 100%;height:600rpx;display: flex;align-items: center;background-color: #FFFFFF;">
  105. <view style="width: 100%;padding-top: 60rpx;">
  106. <view style="width: 100%;text-align: center;">
  107. <image style="width: 220rpx;height: 200rpx;"
  108. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  109. </view>
  110. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  111. </view>
  112. </view>
  113. <view v-if="fllowList.length!=0" class="tab2-tips" v-for="(item,index) in fllowList" :key="index">
  114. <view class="tab2-first">
  115. <view class="tab2-first-1">
  116. <view class="tab2-first-left">
  117. <view class="img">{{item.agentName.slice(0,1) || '--'}}</view>
  118. <view class="name">{{item.agentName || '||'}}</view>
  119. </view>
  120. <view class="tab2-first-right">{{item.createTime}}</view>
  121. </view>
  122. <view class="tab2-first-foot">跟进内容:{{item.remarks || '暂无'}}</view>
  123. </view>
  124. <!-- <view class="tab2-sec">
  125. <view class="tab-sec-edit">编辑记录</view>
  126. </view> -->
  127. </view>
  128. </view>
  129. <!-- 销讲执行率 -->
  130. <view class="ratecenter" v-if="activeTotal==2">
  131. <view
  132. style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
  133. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标
  134. </view>
  135. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率
  136. </view>
  137. </view>
  138. <view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
  139. <view style="width: 100%;padding-top: 60rpx;">
  140. <view style="width: 100%;text-align: center;">
  141. <image style="width: 220rpx;height: 200rpx;"
  142. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  143. </view>
  144. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  145. </view>
  146. </view>
  147. <view class="Level-box" v-if="ratelist.length!=0" v-for="(item,index) in ratelist" :key="index">
  148. <view class="Level1che" @click="changeshow(item,1)">
  149. <view class="title1">{{item.name}}</view>
  150. <view class="leve1-jindu">
  151. <view class="jindutiao">
  152. <view class="huanxing" :style="{width: item.ratepercent/item.rate*100+'%'}"></view>
  153. <view class="text">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%
  154. </view>
  155. </view>
  156. </view>
  157. <view class="jiantobox">
  158. <image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png"
  159. mode="" />
  160. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  161. </view>
  162. </view>
  163. <view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i">
  164. <view class="Level2che" @click="changeshow2(subitem,1)">
  165. <view class="title1 u-line-1">{{subitem.name}}</view>
  166. <view class="leve1-jindu">
  167. <view class="zhixing" v-if="!subitem.selected">已执行</view>
  168. <view class="zhixing2" v-else>未执行</view>
  169. </view>
  170. <view class="jiantobox">
  171. <image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png"
  172. mode="" />
  173. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  174. </view>
  175. </view>
  176. <view class="hsnrtest" v-if="subitem.show">话术内容</view>
  177. <view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show"
  178. v-for="(che,inc) in subitem.children" :key='inc'>
  179. <!-- che.selected==0 为本次接待-蓝色 ,viewFlag==1 为2次接待-黄色 未执行-灰色-->
  180. <view class="title1"
  181. :style="che.viewFlag==1?'color:#FF8C13':che.selected!=0?'color: #666':''">
  182. {{inc+1}}.{{che.name}}
  183. </view>
  184. <view class="jiantobox">
  185. <image v-if="che.selected==0&&che.viewFlag != 1" class="arrow"
  186. src="/static/images/rate-checked.png" mode="" />
  187. <image v-else-if="che.selected==0&&che.viewFlag == 1" class="arrow"
  188. src="/static/images/checked-yellow.png" mode="" />
  189. <image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" />
  190. </view>
  191. </view>
  192. <view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
  193. </view>
  194. </view>
  195. </view>
  196. <!-- 需求挖掘执行率 -->
  197. <view class="xuqiu" v-if="activeTotal==3">
  198. <!-- 暂无数据 -->
  199. <view v-if="KeyWordsfractionList.length==0"
  200. style="width: 100%;height: 100%;display: flex;align-items: center;">
  201. <view style="width: 100%;padding-top: 60rpx;">
  202. <view style="width: 100%;text-align: center;">
  203. <image style="width: 220rpx;height: 200rpx;"
  204. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  205. </view>
  206. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  207. </view>
  208. </view>
  209. <!-- 需求挖掘执行率 -->
  210. <view v-if="KeyWordsfractionList.length">
  211. <view class="top-box">
  212. <view style="width:50%;text-align:center">挖掘执行:{{customerInfo.wordFraction||0}}%</view>
  213. <view style="width:50%;text-align:center">挖掘成功:{{percent||0}}%</view>
  214. </view>
  215. <view
  216. style="
  217. width: 100%;
  218. height: 80rpx;
  219. border-bottom: 1rpx solid #e0e0e0;
  220. display: flex;
  221. align-items: center;
  222. background: #fff;
  223. "
  224. >
  225. <view
  226. style="
  227. flex: 1;
  228. font-size: 28rpx;
  229. color: #333333;
  230. font-weight: 600;
  231. text-indent: 50rpx;
  232. "
  233. >指标</view
  234. >
  235. <view
  236. style="
  237. flex: 1;
  238. font-size: 28rpx;
  239. color: #333333;
  240. font-weight: 600;
  241. text-indent: 70rpx;
  242. "
  243. >执行率</view
  244. >
  245. <view
  246. style="
  247. flex: 1;
  248. font-size: 28rpx;
  249. color: #333333;
  250. font-weight: 600;
  251. text-indent: 70rpx;
  252. "
  253. >匹配标签</view
  254. >
  255. <view style="flex: 0 0 30rpx;"></view>
  256. </view>
  257. <!-- 暂无数据 -->
  258. <view
  259. v-if="KeyWordsfractionList.length == 0"
  260. style="width: 100%; height: 100%; display: flex; align-items: center"
  261. >
  262. <view style="width: 100%; padding-top: 60rpx">
  263. <view style="width: 100%; text-align: center">
  264. <image
  265. style="width: 220rpx; height: 200rpx"
  266. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png"
  267. mode=""
  268. ></image>
  269. </view>
  270. <view
  271. style="
  272. text-align: center;
  273. width: 100%;
  274. margin-top: 20rpx;
  275. color: #999999;
  276. "
  277. >暂无数据</view
  278. >
  279. </view>
  280. </view>
  281. <!-- 挖掘执行话术展示 -->
  282. <view
  283. class="Level-box"
  284. v-else
  285. v-for="(item, index) in KeyWordsfractionList"
  286. :key="index"
  287. >
  288. <view class="Level1che" @click="changeshowlevel1(item, 1)">
  289. <view class="title1" style="flex: 1">{{ item.name }}</view>
  290. <view class="Level1-middle" style="flex: 2; display: flex">
  291. <view class="item" style="flex: 1; text-align: center"
  292. >执行{{ item.fraction || 0 }}%</view
  293. >
  294. <view class="item" style="flex:1;text-align:center;color:#2671E2" v-if="item.keywordsList&&item.keywordsList.length">已匹配({{
  295. item.keywordsList.length
  296. }})</view>
  297. <view class="item" v-else style="flex:1;text-align:center;">未匹配</view>
  298. </view>
  299. <view class="jiantobox">
  300. <image
  301. v-if="!item.show"
  302. class="arrow rotatearrow"
  303. src="/static/images/down.png"
  304. mode=""
  305. />
  306. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  307. </view>
  308. </view>
  309. <!-- 话术在一级下 -->
  310. <view v-if="item.children&&item.children.length==0">
  311. <view class="hhhbox" v-if="item.show" style="padding: 30rpx;">
  312. <view class="hsnrtest" style="font-size:30rpx;color: #333;line-height: 42rpx;"
  313. >客户标签:{{ getKeywordsList(item.keywordsList) }}</view
  314. >
  315. <view class="hsnrtest">话术内容:</view>
  316. <view v-if="item.modelList.length==0">暂无话术</view>
  317. <view class="Level3che" v-for="(che,inc) in item.modelList" :key='inc'>
  318. <view class="title1" @click="clickWajue(che)"
  319. :style="che.isAskQuestions==2?'color:#FF8C13':che.isAskQuestions==0?'':'color: #666'">
  320. {{inc+1}}.{{che.showFormatExpression}}
  321. </view>
  322. <view class="jiantobox">
  323. <!-- 0本次选中 1未选中 2上次选中 -->
  324. <image v-if="che.isAskQuestions==0" class="arrow"
  325. src="/static/images/rate-checked.png" mode="" />
  326. <image v-else-if="che.isAskQuestions==2" class="arrow"
  327. src="/static/images/checked-yellow.png" mode="" />
  328. <image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" />
  329. </view>
  330. </view>
  331. </view>
  332. </view>
  333. <!-- 话术在二级下 -->
  334. <view v-if="item.children&&item.children.length">
  335. <view
  336. class="hhhbox"
  337. v-if="item.show"
  338. v-for="(subitem, i) in item.children"
  339. :key="i"
  340. >
  341. <view class="Level2che" @click="changeshow2(subitem, 1)">
  342. <view class="title1 u-line-1">{{ subitem.name }}</view>
  343. <view class="leve1-jindu">
  344. <view class="zhixing" v-if="subitem.isAskQuestions == 0"
  345. >已执行</view
  346. >
  347. <view class="zhixing2" v-else>未执行</view>
  348. </view>
  349. <view class="leve1-jindu">
  350. <view class="zhixing" v-if="subitem.selected == 0">已匹配</view>
  351. <view class="zhixing2" v-else>未匹配</view>
  352. </view>
  353. <view class="jiantobox">
  354. <image
  355. v-if="!subitem.show"
  356. class="arrow rotatearrow"
  357. src="/static/images/down.png"
  358. mode=""
  359. />
  360. <image
  361. v-else
  362. class="arrow"
  363. src="/static/images/up.png"
  364. mode=""
  365. />
  366. </view>
  367. </view>
  368. <view v-if="subitem.show" style="padding: 30rpx 0">
  369. <view class="hsnrtest" style="font-size: 30rpx;color: #333"
  370. >客户标签:{{ getKeywordsList(subitem.keywordsList) }}</view
  371. >
  372. <view class="hsnrtest">话术内容:</view>
  373. <view v-if="subitem.modelList.length==0">暂无话术</view>
  374. <view
  375. class="Level3che"
  376. v-for="(che, inc) in subitem.modelList"
  377. :key="inc"
  378. >
  379. <view
  380. class="title1" @click="clickWajue(che)"
  381. :style="
  382. che.isAskQuestions == 2
  383. ? 'color:#FF8C13'
  384. : che.isAskQuestions == 0
  385. ? ''
  386. : 'color: #666'
  387. "
  388. >{{ inc + 1 }}.{{
  389. che.showFormatExpression
  390. }}</view
  391. >
  392. <view class="jiantobox">
  393. <image
  394. v-if="che.isAskQuestions == 0"
  395. class="arrow"
  396. src="/static/images/rate-checked.png"
  397. mode=""
  398. />
  399. <image
  400. v-else-if="che.isAskQuestions == 2"
  401. class="arrow"
  402. src="/static/images/checked-yellow.png"
  403. mode=""
  404. />
  405. <image
  406. v-else
  407. class="arrow"
  408. src="/static/images/rate-nocheck.png"
  409. mode=""
  410. />
  411. </view>
  412. </view>
  413. </view>
  414. </view>
  415. </view>
  416. </view>
  417. </view>
  418. </view>
  419. </view>
  420. </view>
  421. <view class="pon-foot" v-if="buttonisshow">
  422. <view class="foot-tab" @click="goRemind">添加提醒</view>
  423. <view class="foot-tab" @click="followRecordAdd()">写跟进</view>
  424. </view>
  425. <!-- closeable -->
  426. <u-popup v-model="tipshow" mode="center" mask-close-able width="560rpx" border-radius="14">
  427. <scroll-view scroll-y="true" style="height: 440rpx;">
  428. <view style="display: flex; flex-wrap: wrap; padding:20rpx;">
  429. <view class="upon-sec-tips" v-for="(item,index) in customerInfo.demand.cusSemanticWordsList"
  430. :key="index">
  431. {{item.name}}
  432. </view>
  433. </view>
  434. </scroll-view>
  435. </u-popup>
  436. <!-- 加载组件 -->
  437. <loading v-model="LOADING"></loading>
  438. </view>
  439. </template>
  440. <script>
  441. import loading from "@/components/loading/index.vue"
  442. export default {
  443. components: {
  444. loading
  445. },
  446. data() {
  447. return {
  448. percent: 0,
  449. tabactive: 0,
  450. activeTotal: 0,
  451. customerId: '',
  452. tipshow: false,
  453. customerInfo: {
  454. name: '',
  455. createTime: '',
  456. agentName: ''
  457. },
  458. Thevisitingrecords: [],
  459. totalRate: [],
  460. ratelist: [],
  461. fllowList: [],
  462. KeyWordsfractionList: [], //需求挖掘话术list
  463. userInfo: {},
  464. buttonisshow: false
  465. }
  466. },
  467. computed: {
  468. isEdit() {
  469. let arr = uni.getStorageSync('weapp_session_Menu_data')
  470. return arr.findIndex(item => {
  471. return item.name == '客户编辑'
  472. }) == -1 ? false : true
  473. }
  474. },
  475. onLoad(options) {
  476. this.LOADING = true
  477. this.customerId = options.id;
  478. },
  479. onShow() {
  480. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  481. if (this.userInfo.dataCode == 6) {
  482. this.buttonisshow = true;
  483. } else {
  484. this.buttonisshow = false
  485. }
  486. this.getCustomerInfo()
  487. this.tabtimetap(0)
  488. },
  489. methods: {
  490. clickWajue(item) {
  491. if (item.isAskQuestions == 0) {
  492. uni.navigateTo({
  493. url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&keyword=" + item
  494. .showFormatExpression +
  495. "&skpl=" + "2" + '&UpDateEvent='
  496. })
  497. }
  498. },
  499. // 计算挖掘执行的完成率
  500. getPercent(){
  501. let countArr = this.KeyWordsfractionList.filter(item=> item.selected==0)
  502. console.log(countArr)
  503. this.percent = (countArr.length / this.KeyWordsfractionList.length)*100
  504. console.log(this.percent.toFixed(0))
  505. this.percent = this.percent.toFixed(0)
  506. },
  507. //挖掘率话术客户标签展示
  508. getKeywordsList(list) {
  509. let keywords = [];
  510. if (list && list.length) {
  511. keywords = list.map((item) => item.name);
  512. } else {
  513. return "--";
  514. }
  515. return keywords.join(",");
  516. },
  517. changeshowlevel1(item, type) {
  518. console.log(item)
  519. item.show = !item.show
  520. },
  521. max100(num) {
  522. if (num > 100) {
  523. return 100;
  524. } else if (!num) {
  525. return 0;
  526. } else {
  527. return num;
  528. }
  529. },
  530. // 客户详情需求挖掘话术
  531. getfindKeyWordsBycusId() {
  532. this.$u
  533. .get("/cusLvStatistics/findKeyWordsBycusId?cusId=" + this.customerId)
  534. .then((res) => {
  535. // console.log(res)
  536. if (res.length) {
  537. res.forEach((item, index) => {
  538. item.show = false;
  539. if (index == 0) {
  540. item.show = true;
  541. }
  542. if (item.children && item.children.length) {
  543. item.children.forEach((obj, i) => {
  544. obj.show = false;
  545. if (i == 0 && index == 0) {
  546. obj.show = true;
  547. }
  548. });
  549. }
  550. });
  551. this.KeyWordsfractionList = res;
  552. this.getPercent()
  553. } else {
  554. this.KeyWordsfractionList = [];
  555. }
  556. });
  557. },
  558. // 获取到访记录
  559. getVisitList() {
  560. this.$u.get("/customer/findByPhoneAndProject?id=" + this.customerId, ).then(res => {
  561. this.Thevisitingrecords = res
  562. })
  563. },
  564. // 获取客户信息
  565. getCustomerInfo() {
  566. const that = this;
  567. this.$u.get("/customer/findById", {
  568. id: this.customerId
  569. }).then(res => {
  570. this.LOADING = false
  571. if (res.fraction == null) {
  572. res.fraction = '0';
  573. }
  574. if (res.demand.cusSemanticWordsList != null) {
  575. res.demand.cusSemanticWords = res.demand.cusSemanticWordsList
  576. res.demand.cusSemanticWordsList.forEach(che => {
  577. if (che.isInterval == 0) {
  578. che.name = che.name + che.unit + '-' + che.endName + che.unit;
  579. }
  580. })
  581. // res.demand.cusSemanticWordsList = res.demand.cusSemanticWordsList.slice(0, 3)
  582. }
  583. // console.log(res.demand.cusSemanticWords,'关键字')
  584. this.customerInfo = res;
  585. }).catch(e => {
  586. this.LOADING = false
  587. })
  588. },
  589. tabtimetap(idx) {
  590. this.activeTotal = idx
  591. if (idx == 0) {
  592. this.getVisitList()
  593. } else if (idx == 1) {
  594. this.getFollowList()
  595. } else {
  596. this.getRatelist()
  597. this.getfindKeyWordsBycusId()
  598. }
  599. },
  600. tapThevisiting(item) {
  601. uni.showLoading({
  602. title: '加载中',
  603. mask: true
  604. });
  605. if (item.yon != 0) {
  606. setTimeout(function() {
  607. uni.hideLoading();
  608. }, 2000);
  609. uni.showToast({
  610. icon: 'none',
  611. title: '暂无录音',
  612. duration: 2000
  613. });
  614. return
  615. } else {
  616. const parames = {
  617. pageNum: 1,
  618. pageSize: 100,
  619. query: {
  620. customerId: item.id,
  621. }
  622. }
  623. var item = {
  624. bg: 0,
  625. customerId: item.id,
  626. id: ''
  627. }
  628. uni.setStorageSync("entrance", 1); //写入缓存
  629. uni.setStorageSync("searchobj", item); //写入缓存
  630. this.$u.post("/corpus/findByPage", parames).then(res => {
  631. setTimeout(function() {
  632. uni.hideLoading();
  633. }, 2000);
  634. if (res == null) {
  635. uni.showToast({
  636. icon: "none",
  637. title: "暂无音频"
  638. })
  639. return
  640. }
  641. if (res[0].merge == 0) {
  642. let newobj = res[0];
  643. uni.navigateTo({
  644. url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=2&wordFraction=${this.customerInfo.wordFraction}`
  645. })
  646. } else {
  647. let newobj = res[0];
  648. uni.navigateTo({
  649. url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=1&wordFraction=${this.customerInfo.wordFraction}`
  650. })
  651. }
  652. })
  653. }
  654. },
  655. // 获取跟进记录
  656. getFollowList() {
  657. this.fllowList = [];
  658. this.$u.post("/customer/getCusStage", {
  659. customerId: this.customerId
  660. }).then(res => {
  661. res.forEach(item => {
  662. item.agentName = this.customerInfo.agentName
  663. })
  664. this.fllowList = res;
  665. })
  666. },
  667. // 新增跟进
  668. followRecordAdd() {
  669. uni.navigateTo({
  670. url: `/pages/center/consumer/newFollowup/newFollowup?id=${this.customerId}&level=${this.customerInfo.level}&stageName=${this.customerInfo.stageName}`
  671. })
  672. },
  673. // 去编辑
  674. goedit() {
  675. // console.log('去编辑')
  676. if (!this.isEdit) return
  677. uni.navigateTo({
  678. url: `/pages/center/consumer/edit?id=${this.customerId}&projectId=${this.customerInfo.projectId}`
  679. })
  680. },
  681. // 去添加提醒
  682. goRemind() {
  683. uni.navigateTo({
  684. url: `/pages/center/consumer/remind?str=${this.customerInfo.name+'/'+this.customerInfo.phone}&customerId=${this.customerId}`
  685. })
  686. },
  687. //评分点击
  688. clickaudeopal(item) {
  689. if (item.selected == 0 && item.viewFlag != 1) {
  690. uni.navigateTo({
  691. url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item
  692. .marketingId + '&type=0'
  693. })
  694. }
  695. },
  696. tipupon() {
  697. if (!this.customerInfo.demand.cusSemanticWordsList) return
  698. this.tipshow = true
  699. },
  700. changeshow(item, type) {
  701. item.show = !item.show
  702. },
  703. changeshow2(item, type) {
  704. item.show = !item.show
  705. },
  706. // 获取评分
  707. getRatelist() {
  708. this.$u.get("/customer/findzkMByCusId", {
  709. cusId: this.customerId
  710. }).then(res => {
  711. if (res.length) {
  712. let level1 = []
  713. res.forEach(item => {
  714. if (item.pid == 0) {
  715. level1.push({
  716. id: item.marketingId,
  717. rate: item.fraction,
  718. name: item.name,
  719. sort: item.sort,
  720. viewFlag: item.viewFlag,
  721. show: false,
  722. ratepercent: 0,
  723. children: []
  724. })
  725. }
  726. })
  727. // this.totalRate = level2rate;
  728. res.forEach(subitem => {
  729. let subitempid = subitem.pid
  730. level1.forEach(item => {
  731. if (subitempid == item.id) {
  732. if (subitem.selected == 0) {
  733. item.ratepercent += subitem.fraction
  734. }
  735. item.children.push({
  736. id: subitem.id,
  737. rate: subitem.fraction,
  738. selected: subitem.selected,
  739. name: subitem.name,
  740. viewFlag: subitem.viewFlag,
  741. show: false,
  742. marketingId: subitem.marketingId,
  743. children: []
  744. })
  745. }
  746. })
  747. })
  748. res.forEach(subitem => {
  749. let subitempid = subitem.pid
  750. level1.forEach(chen => {
  751. chen.children.forEach(zxc => {
  752. if (subitempid == zxc.marketingId) {
  753. zxc.children.push({
  754. id: subitem.id,
  755. rate: subitem.fraction,
  756. selected: subitem.selected,
  757. viewFlag: subitem.viewFlag,
  758. name: subitem.name,
  759. marketingId: subitem.marketingId,
  760. })
  761. }
  762. })
  763. })
  764. })
  765. level1[0].show = true;
  766. level1[0].children[0].show = true;
  767. this.ratelist = level1
  768. }
  769. })
  770. },
  771. }
  772. }
  773. </script>
  774. <style lang="scss" scoped>
  775. .rotatearrow {
  776. transform: rotate(270deg);
  777. }
  778. .top-box{
  779. height: 80rpx;
  780. line-height: 80rpx;
  781. display: flex;
  782. color: #2671E2;
  783. border-bottom: 1rpx solid #ccc;
  784. }
  785. // 评分
  786. .rate-box {
  787. padding: 10rpx 20rpx;
  788. background-color: #FFFFFF;
  789. .date {
  790. width: 300rpx;
  791. height: 33rpx;
  792. font-size: 24rpx;
  793. font-weight: 400;
  794. color: #333333;
  795. line-height: 33rpx;
  796. letter-spacing: 1rpx;
  797. margin-bottom: 8rpx;
  798. }
  799. .title {
  800. width: 100%;
  801. height: 42rpx;
  802. font-size: 30rpx;
  803. font-weight: 500;
  804. color: #333333;
  805. line-height: 42rpx;
  806. letter-spacing: 2rpx;
  807. margin-bottom: 20rpx;
  808. }
  809. .level1 {
  810. display: flex;
  811. align-items: center;
  812. .level-name {
  813. width: 104rpx;
  814. height: 33rpx;
  815. font-size: 24rpx;
  816. font-weight: 500;
  817. color: #333333;
  818. line-height: 33rpx;
  819. letter-spacing: 1rpx;
  820. margin-right: 10rpx;
  821. }
  822. .level-progress {
  823. flex: 1;
  824. border-radius: 11rpx;
  825. height: 21rpx;
  826. background-color: #BEE4FF;
  827. position: relative;
  828. .color {
  829. width: 0;
  830. position: absolute;
  831. top: 0;
  832. left: 0;
  833. height: 21rpx;
  834. border-radius: 11rpx 0 0 11rpx;
  835. background-color: #008EF2;
  836. }
  837. }
  838. .level-rate {
  839. width: 65rpx;
  840. height: 33rpx;
  841. font-size: 24rpx;
  842. font-weight: 500;
  843. color: #333333;
  844. line-height: 33rpx;
  845. letter-spacing: 1rpx;
  846. margin: 0 20rpx 0 15rpx;
  847. }
  848. .arrow {
  849. width: 37rpx;
  850. height: 21rpx;
  851. padding: 5rpx 20rpx;
  852. }
  853. .rotatearrow {
  854. transform: rotate(270deg);
  855. }
  856. }
  857. .level1-subbox {
  858. display: flex;
  859. margin-top: 20rpx;
  860. flex-wrap: wrap;
  861. .sub-name {
  862. width: 50%;
  863. display: flex;
  864. margin-bottom: 18rpx;
  865. .subitem-name {
  866. width: 104rpx;
  867. height: 33rpx;
  868. font-size: 24rpx;
  869. font-weight: 400;
  870. color: #999999;
  871. line-height: 33rpx;
  872. letter-spacing: 1rpx;
  873. margin-right: 12rpx;
  874. }
  875. .checkimg {
  876. width: 27rpx;
  877. height: 27rpx;
  878. }
  879. }
  880. }
  881. }
  882. .Level-box {
  883. padding-bottom: 2rpx;
  884. .hhhbox {
  885. width: 100%;
  886. padding-left: 30rpx;
  887. padding-right: 30rpx;
  888. border-bottom: 1rpx solid #E0E0E0;
  889. background: #FFFFFF;
  890. .hsnrtest {
  891. font-size: 28rpx;
  892. font-weight: 400;
  893. color: #666666;
  894. line-height: 30rpx;
  895. margin-bottom: 20rpx;
  896. }
  897. .Level3che {
  898. width: 100%;
  899. height: 30rpx;
  900. display: flex;
  901. line-height: 30rpx;
  902. align-items: center;
  903. margin-top: 30rpx;
  904. .title1 {
  905. flex: 1;
  906. font-size: 30rpx;
  907. color: #2671E2;
  908. font-weight: 400;
  909. }
  910. .jiantobox {
  911. width: 30rpx;
  912. height: 30rpx;
  913. display: flex;
  914. align-items: center;
  915. .arrow {
  916. width: 28rpx;
  917. height: 28rpx;
  918. }
  919. }
  920. }
  921. }
  922. .Level2che {
  923. width: 100%;
  924. height: 88rpx;
  925. display: flex;
  926. line-height: 88rpx;
  927. align-items: center;
  928. .title1 {
  929. flex: 3;
  930. font-size: 30rpx;
  931. color: #333333;
  932. font-weight: 400;
  933. }
  934. .leve1-jindu {
  935. flex: 3;
  936. display: flex;
  937. justify-content: center;
  938. align-items: center;
  939. .zhixing {
  940. width: 108rpx;
  941. height: 44rpx;
  942. background: #2671E2;
  943. border-radius: 4rpx;
  944. font-size: 28rpx;
  945. text-align: center;
  946. line-height: 44rpx;
  947. color: #FFFFFF;
  948. }
  949. .zhixing2 {
  950. width: 108rpx;
  951. height: 44rpx;
  952. background: #F8F8F8;
  953. border-radius: 4rpx;
  954. font-size: 28rpx;
  955. text-align: center;
  956. line-height: 44rpx;
  957. color: #999999;
  958. }
  959. }
  960. .jiantobox {
  961. width: 30rpx;
  962. height: 30rpx;
  963. display: flex;
  964. align-items: center;
  965. .arrow {
  966. width: 30rpx;
  967. height: 18rpx;
  968. }
  969. }
  970. }
  971. .Level1che {
  972. width: 100%;
  973. height: 94rpx;
  974. background: #F5F5F5;
  975. display: flex;
  976. line-height: 94rpx;
  977. align-items: center;
  978. padding-left: 30rpx;
  979. padding-right: 30rpx;
  980. .title1 {
  981. flex: 2;
  982. font-size: 30rpx;
  983. color: #333333;
  984. font-weight: 400;
  985. }
  986. .leve1-jindu {
  987. flex: 3;
  988. .jindutiao {
  989. width: 96%;
  990. height: 28rpx;
  991. background: #D5EEE2;
  992. line-height: 28rpx;
  993. border-radius: 14rpx;
  994. position: relative;
  995. .huanxing {
  996. height: 100%;
  997. background: #4FC78F;
  998. border-radius: 14rpx;
  999. }
  1000. .text {
  1001. position: absolute;
  1002. top: 0rpx;
  1003. right: 0rpx;
  1004. font-size: 28rpx;
  1005. font-weight: 400;
  1006. color: #333333;
  1007. }
  1008. }
  1009. }
  1010. .jiantobox {
  1011. width: 30rpx;
  1012. height: 30rpx;
  1013. display: flex;
  1014. align-items: center;
  1015. .arrow {
  1016. width: 30rpx;
  1017. height: 18rpx;
  1018. }
  1019. }
  1020. }
  1021. }
  1022. .cccccc {
  1023. text-align: center;
  1024. height: 140rpx;
  1025. line-height: 140rpx;
  1026. font-size: 30rpx;
  1027. }
  1028. .ratecenter {
  1029. background-color: #FFFFFF;
  1030. padding-bottom: 30rpx;
  1031. width: 100%;
  1032. .my-tab {
  1033. padding: 20rpx 0;
  1034. display: flex;
  1035. justify-content: space-around;
  1036. align-items: center;
  1037. border-bottom: 1px solid #E0E0E0;
  1038. .tab-item {
  1039. padding: 0 30rpx;
  1040. height: 56rpx;
  1041. font-size: 28rpx;
  1042. font-family: PingFangSC-Regular, PingFang SC;
  1043. font-weight: 400;
  1044. color: #666666;
  1045. line-height: 56rpx;
  1046. text-shadow: 0px 1px 0px #E0E0E0;
  1047. }
  1048. .tabactive {
  1049. height: 56rpx;
  1050. background: rgba(38, 113, 226, 0.1);
  1051. box-shadow: 0px 1px 0px 0px #E0E0E0;
  1052. border-radius: 28rpx;
  1053. font-weight: 600;
  1054. color: #2671E2;
  1055. }
  1056. }
  1057. .ratetetle {
  1058. padding: 30rpx;
  1059. font-size: 30rpx;
  1060. font-weight: 400;
  1061. color: #333333;
  1062. padding-bottom: 6rpx;
  1063. }
  1064. .rateyuanbox {
  1065. width: 100%;
  1066. height: 210rpx;
  1067. padding-bottom: 30rpx;
  1068. border-bottom: 1rpx solid #E0E0E0;
  1069. display: flex;
  1070. padding-left: 80rpx;
  1071. padding-right: 80rpx;
  1072. .rateyuanboxzuo {
  1073. width: 30%;
  1074. height: 100%;
  1075. }
  1076. .rateyuanboxyou {
  1077. width: 40%;
  1078. height: 100%;
  1079. }
  1080. .boxzuoview {
  1081. width: 100%;
  1082. height: 140rpx;
  1083. }
  1084. }
  1085. }
  1086. .box {
  1087. width: 100%;
  1088. height: 100%;
  1089. background: #F8F8F8;
  1090. }
  1091. .tab {
  1092. position: sticky;
  1093. top: 0;
  1094. height: 88rpx;
  1095. z-index: 999;
  1096. background: #FFFFFF;
  1097. display: flex;
  1098. align-items: center;
  1099. .tabbox {
  1100. flex: 1;
  1101. height: 100%;
  1102. text-align: center;
  1103. line-height: 92rpx;
  1104. color: #666666;
  1105. font-size: 28rpx;
  1106. display: flex;
  1107. justify-content: center;
  1108. .activecllasscet {
  1109. border-bottom: 2px solid #2671E2;
  1110. color: #2671E2;
  1111. font-weight: 600;
  1112. }
  1113. }
  1114. }
  1115. .content {
  1116. // height: 1000rpx;/
  1117. overflow: hidden;
  1118. border-top: 1px solid #E0E0E0;
  1119. .content-tips {
  1120. background: #fff;
  1121. // box-sizing: border-box;
  1122. margin-bottom: 20rpx;
  1123. overflow: hidden;
  1124. .content-first {
  1125. padding: 19rpx 30rpx;
  1126. display: flex;
  1127. justify-content: space-between;
  1128. box-sizing: border-box;
  1129. font-weight: 400;
  1130. color: #292929;
  1131. height: 90rpx;
  1132. font-size: 30rpx;
  1133. line-height: 30rpx;
  1134. .left {
  1135. display: flex;
  1136. .img {
  1137. width: 52rpx;
  1138. height: 52rpx;
  1139. border-radius: 50%;
  1140. text-align: center;
  1141. line-height: 50rpx;
  1142. margin-right: 20rpx;
  1143. color: #fff;
  1144. font-size: 30rpx;
  1145. background: #9f61c8;
  1146. }
  1147. .test {
  1148. margin-top: 11rpx;
  1149. font-weight: 500;
  1150. color: #333333;
  1151. }
  1152. .edit {
  1153. height: 30rpx;
  1154. width: 30rpx;
  1155. margin-left: 30rpx;
  1156. margin-top: 11rpx;
  1157. image {
  1158. width: 100%;
  1159. height: 100%;
  1160. }
  1161. }
  1162. }
  1163. .right {
  1164. display: flex;
  1165. .test {
  1166. margin-top: 11rpx;
  1167. .blue {
  1168. font-size: 32rpx;
  1169. font-family: PingFangSC-Medium, PingFang SC;
  1170. font-weight: 500;
  1171. color: #2671e2;
  1172. }
  1173. }
  1174. }
  1175. }
  1176. .content-sec {
  1177. border-top: 1px solid #E0E0E0;
  1178. padding: 0 30rpx;
  1179. position: relative;
  1180. .content-sec-lab {
  1181. margin-top: 28rpx;
  1182. display: flex;
  1183. justify-content: space-between;
  1184. font-size: 30rpx;
  1185. font-weight: 400;
  1186. color: #666666;
  1187. line-height: 46rpx;
  1188. .content-sec-lab1 {
  1189. color: #333333;
  1190. .look {
  1191. font-size: 32rpx;
  1192. font-family: PingFangSC-Semibold, PingFang SC;
  1193. font-weight: 600;
  1194. color: #2671E2;
  1195. }
  1196. .look1 {
  1197. height: 42rpx;
  1198. font-size: 30rpx;
  1199. font-family: PingFangSC-Regular, PingFang SC;
  1200. font-weight: 400;
  1201. color: #2671E2;
  1202. line-height: 42rpx;
  1203. margin-left: 60rpx;
  1204. }
  1205. }
  1206. .content-sec-tips {
  1207. max-width: 120rpx;
  1208. height: 46rpx;
  1209. background: #F2F2F2;
  1210. border-radius: 6rpx;
  1211. text-align: center;
  1212. line-height: 26rpx;
  1213. overflow: hidden;
  1214. text-overflow: ellipsis;
  1215. white-space: nowrap;
  1216. font-size: 26rpx;
  1217. font-weight: 400;
  1218. color: #333333;
  1219. margin-right: 20rpx;
  1220. box-sizing: border-box;
  1221. padding: 10rpx 24rpx;
  1222. }
  1223. }
  1224. .content-sec-num {
  1225. position: absolute;
  1226. width: 200rpx;
  1227. height: 90rpx;
  1228. background: #F4F8FD;
  1229. border-radius: 12rpx;
  1230. font-weight: 400;
  1231. color: #2671E2;
  1232. line-height: 45rpx;
  1233. bottom: 100rpx;
  1234. right: 30rpx;
  1235. text-align: center;
  1236. }
  1237. }
  1238. .content-last {
  1239. padding: 30rpx;
  1240. .content-last-con {
  1241. width: 690rpx;
  1242. min-height: 108rpx;
  1243. background: #F8F8F8;
  1244. border-radius: 8rpx;
  1245. padding: 14rpx 20rpx;
  1246. font-size: 28rpx;
  1247. font-weight: 400;
  1248. color: #333333;
  1249. line-height: 40rpx;
  1250. }
  1251. }
  1252. }
  1253. }
  1254. .tabchange {
  1255. background:#fff;
  1256. .tabactive1 {
  1257. padding-bottom: 100rpx;
  1258. .content-tips {
  1259. background: #fff;
  1260. padding: 0 30rpx;
  1261. box-sizing: border-box;
  1262. overflow: hidden;
  1263. margin-bottom: 20rpx;
  1264. border-bottom: 20rpx solid #f8f8f8;
  1265. .content-first {
  1266. margin-top: 19rpx;
  1267. display: flex;
  1268. justify-content: space-between;
  1269. .left {
  1270. display: flex;
  1271. .img {
  1272. width: 52rpx;
  1273. height: 52rpx;
  1274. background: #FFFFFF;
  1275. border: 1px solid #C9C9C9;
  1276. border-radius: 50%;
  1277. text-align: center;
  1278. line-height: 52rpx;
  1279. margin-right: 20rpx;
  1280. }
  1281. .name {
  1282. font-weight: 600;
  1283. color: #333333;
  1284. // margin-left: 20rpx;
  1285. margin-top: 11rpx;
  1286. }
  1287. .status {
  1288. width: 110rpx;
  1289. height: 42rpx;
  1290. background: #FFF9F5;
  1291. border-radius: 4rpx;
  1292. font-size: 26rpx;
  1293. font-weight: 400;
  1294. color: #EC8D49;
  1295. line-height: 42rpx;
  1296. text-align: center;
  1297. margin-left: 19rpx;
  1298. margin-top: 11rpx;
  1299. }
  1300. }
  1301. .right {
  1302. display: flex;
  1303. margin-top: 11rpx;
  1304. .point {
  1305. width: 12rpx;
  1306. height: 12rpx;
  1307. background: #2B6EFF;
  1308. border-radius: 50%;
  1309. margin-right: 9rpx;
  1310. margin-top: 16rpx;
  1311. }
  1312. }
  1313. }
  1314. .content-sec {
  1315. display: flex;
  1316. justify-content: space-between;
  1317. margin-top: 19rpx;
  1318. .left {
  1319. display: flex;
  1320. .cus {
  1321. font-size: 30rpx;
  1322. font-weight: 400;
  1323. color: #666666;
  1324. line-height: 30rpx;
  1325. }
  1326. .arriveNum {
  1327. font-size: 30rpx;
  1328. font-weight: 400;
  1329. line-height: 30rpx;
  1330. margin-left: 10rpx;
  1331. }
  1332. }
  1333. .right {
  1334. width: 192rpx;
  1335. height: 46rpx;
  1336. background: #F4F8FD;
  1337. border-radius: 6rpx;
  1338. text-align: center;
  1339. line-height: 46rpx;
  1340. font-weight: 400;
  1341. color: #2671E2;
  1342. }
  1343. }
  1344. .content-last {
  1345. margin: 30rpx 0;
  1346. font-size: 30rpx;
  1347. font-weight: 400;
  1348. color: #666666;
  1349. line-height: 30rpx;
  1350. }
  1351. }
  1352. }
  1353. .tabactive2 {
  1354. .tab2-tips {
  1355. background: #fff;
  1356. // height: 270rpx;
  1357. overflow: auto;
  1358. margin-bottom: 20rpx;
  1359. .tab2-first {
  1360. // height: 150rpx;
  1361. border-bottom: 1px solid #E0E0E0;
  1362. padding: 0 30rpx;
  1363. margin-top: 19rpx;
  1364. box-sizing: border-box;
  1365. .tab2-first-1 {
  1366. display: flex;
  1367. justify-content: space-between;
  1368. // height: 75rpx;
  1369. .tab2-first-left {
  1370. display: flex;
  1371. .img {
  1372. width: 52rpx;
  1373. height: 52rpx;
  1374. background: #FFFFFF;
  1375. border: 1px solid #C9C9C9;
  1376. border-radius: 50%;
  1377. text-align: center;
  1378. line-height: 52rpx;
  1379. }
  1380. .name {
  1381. font-weight: 600;
  1382. color: #333333;
  1383. margin-left: 20rpx;
  1384. margin-top: 11rpx;
  1385. }
  1386. }
  1387. .tab2-first-right {
  1388. font-size: 30rpx;
  1389. font-weight: 400;
  1390. color: #666666;
  1391. margin-top: 11rpx;
  1392. }
  1393. }
  1394. .tab2-first-foot {
  1395. margin-top: 19rpx;
  1396. margin-bottom: 30rpx;
  1397. font-size: 30rpx;
  1398. font-weight: 400;
  1399. color: #666666;
  1400. line-height: 30rpx;
  1401. }
  1402. }
  1403. .tab2-sec {
  1404. height: 120rpx;
  1405. padding: 30rpx;
  1406. float: right;
  1407. .tab-sec-edit {
  1408. width: 156rpx;
  1409. height: 60rpx;
  1410. background: #FFFFFF;
  1411. border-radius: 4px;
  1412. border: 1px solid #2671E2;
  1413. text-align: center;
  1414. line-height: 60rpx;
  1415. font-weight: 400;
  1416. color: #2671E2;
  1417. }
  1418. }
  1419. }
  1420. }
  1421. }
  1422. .pon-foot {
  1423. position: sticky;
  1424. bottom: 0;
  1425. width: 750rpx;
  1426. height: 100rpx;
  1427. background: #FFFFFF;
  1428. box-shadow: 0px -2rpx 8rpx 0rpx rgba(224, 224, 224, 0.5);
  1429. display: flex;
  1430. justify-content: space-around;
  1431. align-items: center;
  1432. // padding-top: 24rpx;
  1433. box-sizing: border-box;
  1434. // padding: ;
  1435. .foot-tab {
  1436. text-align: center;
  1437. width: 270rpx;
  1438. height: 70rpx;
  1439. line-height: 70rpx;
  1440. background: #2671E2;
  1441. box-shadow: 0px -2rpx 8rpx 0px rgba(224, 224, 224, 0.5);
  1442. border-radius: 6rpx;
  1443. font-size: 30rpx;
  1444. font-weight: 400;
  1445. color: #FFFFFF;
  1446. }
  1447. }
  1448. .upon-sec-tips {
  1449. min-width: 96rpx;
  1450. height: 46rpx;
  1451. background: #F2F2F2;
  1452. border-radius: 6rpx;
  1453. text-align: center;
  1454. line-height: 46rpx;
  1455. // overflow: hidden;
  1456. // text-overflow: ellipsis;
  1457. // white-space: nowrap;
  1458. font-size: 26rpx;
  1459. font-weight: 400;
  1460. color: #333333;
  1461. margin: 0 20rpx 20rpx 0;
  1462. padding: 0 10rpx;
  1463. box-sizing: border-box;
  1464. }
  1465. .conmsg-msg-lab-img {
  1466. width: 14rpx;
  1467. height: 30rpx;
  1468. margin-top: 6rpx;
  1469. margin-left: auto;
  1470. image {
  1471. width: 100%;
  1472. height: 100%;
  1473. }
  1474. }
  1475. </style>