AI销管
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 

3481 linhas
87 KiB

  1. <template>
  2. <view class="box" @click="cancelBeast">
  3. <view class="headbox">
  4. <!-- 顶部时间 -->
  5. <view class="headboxhead">
  6. <view class="boxhead1">{{luyinList.receptionTime}}</view>
  7. </view>
  8. <!-- 标记顾问 -->
  9. <view class="headboxbott">
  10. <view class="headovfu">
  11. <view class="mytab" v-for="(item,index) in tablist" :key="index" @click="tapspagek(item, index)">
  12. <view class="tab-item" :class="{tabActive: item.select}">{{item.name}}</view>
  13. </view>
  14. </view>
  15. <view v-if="permissions.bjgw" class="headpade">
  16. <view class="biaoji" @tap="tagtap">标记</view>
  17. </view>
  18. </view>
  19. </view>
  20. <scroll-view lower-threshold='100px' @scrolltolower="ltolower" upper-threshold='40px'
  21. @scrolltoupper="rolltoupper" :scroll-into-view="scrollId" scroll-y="true" class="zhuti text scroll-Y">
  22. <!-- 聊天记录-->
  23. <view :id="'dialog'" class="fileName">录音文件</view>
  24. <view class="dialog-block" @click="close()" v-for="(item, index) in dialogList" :key="index">
  25. <view class="text"
  26. :class="{active: Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow, isGreen: item.isShow == 0}"
  27. :data-guwen="item.isShow" :data-speaker="item.speaker" :id="'dialogtext'+item.bg">
  28. <template v-if="refined">
  29. <view class="checkbox" :class="{select: item.checked}" @click="cbChange(item)">
  30. <template v-if="item.checked">
  31. <u-icon name="checkbox-mark" color="#fff" />
  32. </template>
  33. </view>
  34. </template>
  35. <view class="avatar">
  36. <view>
  37. <image v-if="item.isShow == 0"
  38. src="https://static.quhouse.com/b11a7e1ccf914020b3ee23d3e4862637.png" mode="widthFix">
  39. </image>
  40. <text v-else :style="[borderColor(item.speaker)]">{{ item.speaker | toCapital }}</text>
  41. </view>
  42. </view>
  43. <view class="contentInfo">
  44. <view class="info">
  45. {{ item.speaker | toCapital }} {{conversionTiame(item.bg/1000)}}
  46. </view>
  47. <view class="contentMain" @click.stop>
  48. <view class="content">
  49. <view @longpress.stop="changanxiaoguo(item,index)" v-html="item.onebest"></view>
  50. <template v-if="item.isshow">
  51. <view class="tankuangcss" :class="{bottoms:index == 0}">
  52. <view class="tankuangcss-items" @click="clickcopy">
  53. <image src="@/static/images/detail/icon1.png" mode=""></image>
  54. <text>复制</text>
  55. </view>
  56. <view v-if="permissions.ccc" class="tankuangcss-items"
  57. @click="Oftenthewrongword">
  58. <image src="@/static/images/detail/icon2.png" mode=""></image>
  59. <text>常错词</text>
  60. </view>
  61. <view v-if="permissions.swyxal" class="tankuangcss-items"
  62. @click="publicEvents('sureRefinement')">
  63. <image src="@/static/images/detail/icon3.png" mode=""></image>
  64. <text>加精华</text>
  65. </view>
  66. <view class="tankuangcss-items" @click="publicEvents('showRoleisshaw')">
  67. <image src="@/static/images/detail/icon4.png" mode=""></image>
  68. <text>修改角色</text>
  69. </view>
  70. </view>
  71. </template>
  72. </view>
  73. <image v-if="Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow"
  74. class="play" src="https://static.quhouse.com/ce73a5225f7f44be9f313b0e4e4c2c0e.png">
  75. </image>
  76. <image v-else @click="clickbofang(item)" class="play"
  77. src="https://static.quhouse.com/1b6ac53247e043a1bdc59ecfb2167eba.png"></image>
  78. </view>
  79. <!-- ----------对话下方新加话术标签标识------------ -->
  80. <!-- 1 客户画像 2销讲词 3违禁 4 需求挖掘 -->
  81. <view class="newmark" v-if="item.types">
  82. <view class="mark-item" v-for="(subitem,i) in dealTypes(item.types)" :key="i">
  83. <image v-if="dealword(subitem)[0]==1" class="markicon"
  84. src="https://static.quhouse.com/37e0de3f8d1c421dac8bf699d5e7992d.png"></image>
  85. <image v-if="dealword(subitem)[0]==2" class="markicon"
  86. src="https://static.quhouse.com/b106e8e75db24a59a579a15a78830a76.png"></image>
  87. <image v-if="dealword(subitem)[0]==3" class="markicon"
  88. src="https://static.quhouse.com/8443a2ecb81d4639991ab29c422e9949.png"></image>
  89. <image v-if="dealword(subitem)[0]==4" class="markicon"
  90. src="https://static.quhouse.com/1cd794cb6c974d9dad948a6dd444518b.png"></image>
  91. <view class="marktext" :style="dealword(subitem)[0]==3?'color:#E7483C':'color:#3E50E8'">
  92. {{dealword(subitem)[1]}}
  93. </view>
  94. </view>
  95. </view>
  96. </view>
  97. </view>
  98. </view>
  99. </scroll-view>
  100. <view class="bottombox" v-if="!refined">
  101. <!-- 播放块 -->
  102. <zaudio @checkPlaybackRate="checkPlaybackRate" :duration="duration" theme="theme4"></zaudio>
  103. <!-- 底部弹框 -->
  104. <view class="botbotmm">
  105. <view class="tmmchen" @click="guanjiancishifo()">
  106. <image src='https://static.quhouse.com/226d5e0b97e6407a9901273c3f582ee7.png' mode=""></image>
  107. <view class="text">关键词</view>
  108. </view>
  109. <view class="fill"></view>
  110. <view class="tmmchen" @click="Receivedetailsabouttab('intention')">
  111. <image src="https://static.quhouse.com/19f555ae422b4285b5102875579e61d6.png" mode=""></image>
  112. <view class="text">客户意向</view>
  113. </view>
  114. <view class="fill"></view>
  115. <view class="tmmchen" @click="Receivedetailsabouttab('Pinspeak')">
  116. <image src="https://static.quhouse.com/ce369b09d7be4305990dacdeb84a91f6.png" mode=""></image>
  117. <view class="text">销讲执行</view>
  118. </view>
  119. <view class="fill"></view>
  120. <view class="tmmchen" @click.stop="moreClick">
  121. <image src="https://static.quhouse.com/8807fbe8d7204b4da7c2e0209d8ec8ea.png" mode=""></image>
  122. <view class="text">更多</view>
  123. </view>
  124. </view>
  125. </view>
  126. <template v-else>
  127. <view class="bottomboxs">
  128. <view class="bottomboxs-item" @click="surePublic">确定</view>
  129. <view class="bottomboxs-item" @click="cancelAllAdd">取消</view>
  130. </view>
  131. </template>
  132. <!-- 更多弹框 -->
  133. <view class="moremodal" v-if="Thetapeidisshow">
  134. <view class="more-cont">
  135. <view class="more-title">更多功能
  136. <image class="close-icon" @click="Thetapeidisshow=false"
  137. src="https://static.quhouse.com/4a977a0ecb594f2ebfd5f020b29dcc79.png" mode=""></image>
  138. </view>
  139. <view class="more-btn">
  140. <view v-if="permissions.xgxjyw" class="btn-item" @click.stop="changeTemplate">
  141. 更换销讲业务
  142. </view>
  143. <view class="btn-item" v-if="permissions.bjyx" @click.stop="alllogo">
  144. <image class="icon" v-if="userlistobj.validInvalidName"
  145. src="https://static.quhouse.com/868b0eba0f7c44eca63e3b4fa782f14d.png" mode=""></image>
  146. <image class="icon" v-else src="https://static.quhouse.com/480e572bf43c48558ad9febe5426f439.png"
  147. mode=""></image>
  148. {{ userlistobj.validInvalidName }}
  149. </view>
  150. <view class="btn-item" v-if="permissions.swyxal" @click="jiajing()">
  151. <image class="icon" v-if="status==0"
  152. src="https://static.quhouse.com/47ae5b25cc804bf38e98d2816aef2514.png" mode=""></image>
  153. <image class="icon" v-else src="https://static.quhouse.com/4f1b60d9842146e9bd3e43fae42665bc.png"
  154. mode=""></image>
  155. 优秀案例
  156. </view>
  157. <template v-if="permissions.sbrz">
  158. <view class="btn-item" @click="eqLogClick">
  159. <image class="icon" src="https://static.quhouse.com/ff65fd92c742469594ac85f8bc721964.png"
  160. mode=""></image>
  161. 设备日志
  162. </view>
  163. </template>
  164. <template
  165. v-if="(userlistobj.visitRecord == 1 || userlistobj.visitFlag == 1) && CHECKAUTHORITY('xgdfcs')">
  166. <view class="btn-item" @click="showVisit = true;Thetapeidisshow=false">
  167. <image class="icon" src="../../static/images/users.png" mode=""></image>
  168. 到访次数
  169. </view>
  170. </template>
  171. </view>
  172. </view>
  173. </view>
  174. <!-- 标记 -->
  175. <template v-if="biojiisshow">
  176. <view class="zhezhao" @tap="unmarktap()"></view>
  177. <view class="bounced">
  178. <view class="jiajinghuatit">标记为顾问</view>
  179. <view
  180. style="width: 95%;display: flex;flex-wrap: wrap;margin: 0 auto;padding-top: 30rpx;padding-bottom: 30rpx;">
  181. <view class="viewclace" v-for="(item,index) in tablists" :class="{bosdttom: item.checked}"
  182. :key="item.name" @tap.stop="biaojixuanze(item)">
  183. <view>{{item.name}}</view>
  184. </view>
  185. </view>
  186. <view class="bounced3" style="margin-top: 20rpx;">
  187. <view class="bounced3-1" @tap="unmarktap()">取消</view>
  188. <view class="bounced3-2" @tap="Confirmthetag()">确认</view>
  189. </view>
  190. </view>
  191. </template>
  192. <!-- 加入常错词 -->
  193. <u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout"
  194. @confirm="Confirmtheexit">
  195. <view class="tian-view">
  196. <viwe class="tian-view-t1"></viwe>
  197. <viwe class="tian-view-t2">常错词:</viwe>
  198. <viwe class="tian-view-t3">
  199. <u-input :auto-height="false" height="30" :disabled="isNum" type="textarea" v-model="thewrongword"
  200. :custom-style="customStyle" :border="false" class="tian-input" placeholder="请输入" />
  201. </viwe>
  202. </view>
  203. <view class="tian-view" style="margin-bottom: 74rpx;">
  204. <viwe class="tian-view-t1"></viwe>
  205. <viwe class="tian-view-t2">正确词:</viwe>
  206. <viwe class="tian-view-t3">
  207. <u-input class="tian-input" height="30" type="textarea" v-model="reswrongword" :border="false"
  208. :custom-style="customStyle" placeholder="请输入" />
  209. </viwe>
  210. </view>
  211. </u-modal>
  212. <!-- 加精华 -->
  213. <template v-if="isshow3">
  214. <view class="zhezhao" @tap="Cancelout2"></view>
  215. <view class="bounced">
  216. <view class="jiajinghuatit">加精华</view>
  217. <view style="width: 100%;text-indent: 20rpx;font-size: 28rpx;">选择标签</view>
  218. <view class="jiajinghuaview">
  219. <view class="jighuaview2" v-for="(item,index) in biaoqianlist" :key="index"
  220. :class="biaoqianindex == index ? 'biaoqiantom' : ''">
  221. <view class="view1-text" @click="tapbiaoqianclisck(index)">{{item.name}}</view>
  222. </view>
  223. </view>
  224. <view class="bounced3">
  225. <view class="bounced3-1" @tap="Cancelout2">取消</view>
  226. <view class="bounced3-2" @tap="Confirmtheexit2">确认</view>
  227. </view>
  228. </view>
  229. </template>
  230. <!-- 接待详情 -->
  231. <template v-if="Receivedetailsabout">
  232. <view class="zhezhao" @click="clenReceivedetailsabout()"></view>
  233. <view class="followingpop-up">
  234. <view class="guanbibox">
  235. <image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png"
  236. mode=""></image>
  237. <view class="cenisboxtab">
  238. <view class="cenisboxtabview">
  239. <view>接待详情</view>
  240. </view>
  241. </view>
  242. </view>
  243. <view class="cenisbox">
  244. <view
  245. style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
  246. <view style="width: 25%;color: #666666;font-size: 26rpx;">接待顾问</view>
  247. <view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.agentName}}</view>
  248. </view>
  249. <view
  250. style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
  251. <view style="width: 25%;color: #666666;font-size: 26rpx;">意向项目</view>
  252. <view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.projectName}}</view>
  253. </view>
  254. <view
  255. style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
  256. <view style="width: 25%;color: #666666;font-size: 26rpx;">接待开始时间</view>
  257. <view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.staTime}}</view>
  258. </view>
  259. <view
  260. style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
  261. <view style="width: 25%;color: #666666;font-size: 26rpx;">接待结束时间</view>
  262. <view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.endTime1}}</view>
  263. </view>
  264. <view
  265. style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
  266. <view style="width: 25%;color: #666666;font-size: 26rpx;">录音时长</view>
  267. <view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.mm}}分钟</view>
  268. </view>
  269. </view>
  270. </view>
  271. </template>
  272. <!-- 销讲执行 -->
  273. <template v-if="Pinspeak">
  274. <view class="zhezhao" @click="clenReceivedetailsabout()"></view>
  275. <view class="followingpop-up">
  276. <view class="guanbibox">
  277. <image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png"
  278. mode=""></image>
  279. <view class="cenisboxtab">
  280. <view class="cenisboxtabview">
  281. <view>销讲执行</view>
  282. </view>
  283. </view>
  284. </view>
  285. <view class="pingfenbox">
  286. <view style="overflow: hidden;" :class="{ activecllasscet: zhixingcenterindex == 0 }"
  287. @click="recordclick(0)">销讲总执行率{{totalRate}}%
  288. </view>
  289. <view v-if="permissions.ckwjzx" :class="{ activecllasscet: zhixingcenterindex == 1 }"
  290. @click="recordclick(1)">禁忌执行</view>
  291. <view :class="{ activecllasscet: zhixingcenterindex == 2 }" @click="recordclick(2)">需求挖掘率</view>
  292. </view>
  293. <view v-if="zhixingcenterindex == 0" class="cenisbox">
  294. <view
  295. style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
  296. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标
  297. </view>
  298. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率
  299. </view>
  300. </view>
  301. <view class="Level-box" v-for="(item,index) in ratelist" :key="index">
  302. <view class="Level1che" @click="changeshow(item,1)">
  303. <view class="title1">{{item.name.substring(0,8)}}</view>
  304. <view class="leve1-jindu">
  305. <view class="jindutiao">
  306. <view class="huanxing" :style="{width: item.ratepercent/item.rate*100+'%'}"></view>
  307. <view class="text">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%
  308. </view>
  309. </view>
  310. </view>
  311. <view class="jiantobox">
  312. <image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png"
  313. mode="" />
  314. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  315. </view>
  316. </view>
  317. <view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i">
  318. <view class="Level2che" @click="changeshow2(subitem,1)">
  319. <view class="title1">{{subitem.name.substring(0,8)}}</view>
  320. <view class="leve1-jindu">
  321. <view class="zhixing" v-if="!subitem.selected">已执行</view>
  322. <view class="zhixing2" v-else>未执行</view>
  323. </view>
  324. <view class="jiantobox">
  325. <image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png"
  326. mode="" />
  327. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  328. </view>
  329. </view>
  330. <view class="hsnrtest" v-if="subitem.show">话术内容</view>
  331. <view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show"
  332. v-for="(che,inc) in subitem.children" :key='inc'>
  333. <view class="title1">{{inc+1}}.{{che.name}}</view>
  334. <view class="jiantobox">
  335. <image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
  336. mode="" />
  337. </view>
  338. </view>
  339. <view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
  340. </view>
  341. </view>
  342. </view>
  343. <view v-if="zhixingcenterindex == 1">
  344. <template v-if="prohibitedlist.guwen.length > 0">
  345. <view style="font-size: 30rpx;padding: 12rpx 24rpx;">顾问</view>
  346. <view v-if="prohibitedlist.length!=0" class="title1-12" @click="tapbadge(item)"
  347. v-for="(item,index) in prohibitedlist.guwen" :key='index'>
  348. {{index+1}}.{{item}}
  349. </view>
  350. </template>
  351. <template v-if="prohibitedlist.kehu.length > 0">
  352. <view style="font-size: 30rpx;padding: 12rpx 24rpx;">客户</view>
  353. <view v-if="prohibitedlist.length!=0" class="title1-12" @click="tapbadge(item)"
  354. v-for="(item,index) in prohibitedlist.kehu" :key='index'>
  355. {{index+1}}.{{item}}
  356. </view>
  357. </template>
  358. <view v-if="prohibitedlist.guwen.length == 0 && prohibitedlist.kehu.length == 0"
  359. style="width: 100%;text-align: center;margin-top: 60rpx;">
  360. 暂无数据
  361. </view>
  362. </view>
  363. <!-- 需求挖掘率 -->
  364. <view v-if="zhixingcenterindex == 2" class="cenisbox">
  365. <view class="top-box">
  366. <view style="width:50%;text-align:center">挖掘执行:{{wordFraction||0}}%</view>
  367. <view style="width:50%;text-align:center">挖掘成功:{{percent||0}}%</view>
  368. </view>
  369. <view
  370. style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
  371. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 28rpx;">指标
  372. </view>
  373. <view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-align:center">执行率
  374. </view>
  375. <view style="flex: 1;color: #333333;font-weight: 600;text-align:center;text-indent:28rpx">挖掘成功
  376. </view>
  377. <view style="flex: 0 0 30rpx"></view>
  378. </view>
  379. <view class="Level-box" v-for="(item,index) in KeyWordsfractionList" :key="index">
  380. <view class="Level1che" @click="hangeshow2(item,1)">
  381. <view class="title1" style="flex:1">{{item.name}}</view>
  382. <view class="Level1-middle" style="flex:2;display:flex;">
  383. <view class="item" style="flex:1;text-align:center;">执行{{item.fraction || 0}}%</view>
  384. <view class="item" style="flex:1;text-align:center;color:#2671E2"
  385. v-if="item.keywordsList&&item.keywordsList.length">已完成({{
  386. item.keywordsList.length
  387. }})</view>
  388. <view class="item" v-else style="flex:1;text-align:center;">未完成</view>
  389. </view>
  390. <view class="jiantobox">
  391. <image v-if="!item.show" class="arrow rotatearrow" src="/static/images/down.png"
  392. mode="" />
  393. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  394. </view>
  395. </view>
  396. <!-- 话术在一级下 -->
  397. <view v-if="item.children&&item.children.length==0">
  398. <view class="hhhbox" v-if="item.show" style="padding: 30rpx;">
  399. <view class="hsnrtest" style="font-size:30rpx;color: #333;line-height: 42rpx;">
  400. 客户标签:{{ getKeywordsList(item.keywordsList) }}</view>
  401. <view class="hsnrtest" style="margin-top:10rpx">话术内容:</view>
  402. <view v-if="item.modelList.length==0">暂无话术</view>
  403. <view class="Level3che" @click="clickWajue(che)" v-for="(che,inc) in item.modelList"
  404. :key='inc'>
  405. <view class="title1"
  406. :style="che.isAskQuestions==2?'color:#FF8C13':che.isAskQuestions==0?'':'color: #666'">
  407. {{inc+1}}.{{che.showFormatExpression}}
  408. </view>
  409. <view class="jiantobox">
  410. <!-- 0本次选中 1未选中 2上次选中 -->
  411. <image v-if="che.isAskQuestions==0" class="arrow"
  412. src="/static/images/rate-checked.png" mode="" />
  413. <image v-else-if="che.isAskQuestions==2" class="arrow"
  414. src="/static/images/checked-yellow.png" mode="" />
  415. <image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" />
  416. </view>
  417. </view>
  418. </view>
  419. </view>
  420. <!-- 话术二级下 -->
  421. <view v-if="item.children&&item.children.length">
  422. <view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i">
  423. <view class="Level2che" @click="hangeshow2(subitem,1)">
  424. <view class="title1 u-line-1">{{subitem.name}}</view>
  425. <view class="leve1-jindu">
  426. <view class="zhixing" v-if="subitem.isAskQuestions==0">已执行</view>
  427. <view class="zhixing2" v-else>未执行</view>
  428. </view>
  429. <view class="leve1-jindu">
  430. <view class="zhixing" v-if="subitem.selected==0">已完成</view>
  431. <view class="zhixing2" v-else>未完成</view>
  432. </view>
  433. <view class="jiantobox">
  434. <image v-if="!subitem.show" class="arrow rotatearrow"
  435. src="/static/images/down.png" mode="" />
  436. <image v-else class="arrow" src="/static/images/up.png" mode="" />
  437. </view>
  438. </view>
  439. <view v-if="subitem.show" style="padding: 30rpx 0;">
  440. <view class="hsnrtest" style="font-size:30rpx;color: #333;line-height: 42rpx;">
  441. 客户标签:{{ getKeywordsList(subitem.keywordsList) }}</view>
  442. <view class="hsnrtest" style="margin-top: 10rpx">话术内容:</view>
  443. <view v-if="subitem.modelList.length==0">暂无话术</view>
  444. <view class="Level3che" @click="clickWajue(che)"
  445. v-for="(che,inc) in subitem.modelList" :key='inc'>
  446. <view class="title1"
  447. :style="che.isAskQuestions==2?'color:#FF8C13':che.isAskQuestions==0?'':'color: #666'">
  448. {{inc+1}}.{{che.showFormatExpression}}
  449. </view>
  450. <view class="jiantobox">
  451. <!-- 0本次选中 1未选中 2上次选中 -->
  452. <image v-if="che.isAskQuestions==0" class="arrow"
  453. src="/static/images/rate-checked.png" mode="" />
  454. <image v-else-if="che.isAskQuestions==2" class="arrow"
  455. src="/static/images/checked-yellow.png" mode="" />
  456. <image v-else class="arrow" src="/static/images/rate-nocheck.png" mode="" />
  457. </view>
  458. </view>
  459. </view>
  460. </view>
  461. </view>
  462. </view>
  463. </view>
  464. </view>
  465. </template>
  466. <!-- 客户意向 -->
  467. <template v-if="intention">
  468. <view class="zhezhao" @click="clenReceivedetailsabout()"></view>
  469. <view class="followingpop-up">
  470. <view class="guanbibox">
  471. <image class="guanbixen" @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png"
  472. mode=""></image>
  473. <view class="cenisboxtab">
  474. <view class="cenisboxtabview">
  475. <view>客户意向</view>
  476. </view>
  477. </view>
  478. </view>
  479. <view class="pingfenbox">
  480. <view :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" @click="customerofintention(0)">系统分析
  481. </view>
  482. <view :class="{ activecllasscet: kehuyixiangcenterindex == 1 }" @click="customerofintention(1)">人工校准
  483. </view>
  484. </view>
  485. <view class="cenisbox" v-if="kehuyixiangcenterindex==0">
  486. <view style="width: 100%;height: 100%;text-align: center;margin-top: 200rpx;"
  487. v-if="Acquirecustomerintentlist.length==0">
  488. 暂无数据
  489. </view>
  490. <view class="jianbox" v-if="Acquirecustomerintentlist.length!=0"
  491. v-for="(item,index) in Acquirecustomerintentlist" :key='index'>
  492. <view class="jianbox-cen">
  493. <view class="jianboxtext">{{item.name}}</view>
  494. <view class="jianboxjian" @click="Acquishow(index)">
  495. <image v-if="item.isshow==false" class="jiantop" src="../../static/images/jiantop.png"
  496. mode=""></image>
  497. <image v-if="item.isshow==true" class="jiantop1"
  498. src="../../static/images/jianbutton.png" mode=""></image>
  499. </view>
  500. </view>
  501. <view style="width: 690rpx;margin: 0 auto;display: flex;flex-wrap: wrap;"
  502. v-if="item.isshow==true">
  503. <view class="sdfsaf" v-if="chend.showType==0" @click="argece(chend)"
  504. v-for="(chend,i) in item.children" :key='i'>
  505. <view class="jiangshang sdfsaf">{{chend.text}}</view>
  506. </view>
  507. <view class="sdfsaf" v-if="chend.showType==1" @click="argece(chend)"
  508. v-for="(chend,i) in item.children" :key='i'>
  509. <view class="jiangshang1 sdfsaf">{{chend.text}}</view>
  510. </view>
  511. </view>
  512. </view>
  513. </view>
  514. <view class="cenisbox" v-if="kehuyixiangcenterindex==1">
  515. <view style="width: 100%;height: 100%;text-align: center;margin-top: 200rpx;"
  516. v-if="Acquirecustomerintentlist2.length==0">
  517. 暂无数据
  518. </view>
  519. <view class="jianbox" v-if="Acquirecustomerintentlist2.length"
  520. v-for="(item,index) in Acquirecustomerintentlist2" :key='index'>
  521. <view class="jianbox-cen">
  522. <view class="jianboxtext">{{item.name}}</view>
  523. <view class="jianboxjian" @click="Acquishow2(index)">
  524. <image v-if="item.isshow==false" class="jiantop" src="../../static/images/jiantop.png"
  525. mode=""></image>
  526. <image v-if="item.isshow==true" class="jiantop1"
  527. src="../../static/images/jianbutton.png" mode=""></image>
  528. </view>
  529. </view>
  530. <view class="bioqianwayl" v-if="item.isshow==true">
  531. <view class="jiangshang" v-for="(chend,i) in item.children" :key='i'
  532. v-if="chend.selected==0">
  533. {{chend.text}}
  534. </view>
  535. </view>
  536. </view>
  537. </view>
  538. <view class="calibration" v-if="permissions.xz" @click="tocalibration()">校准</view>
  539. </view>
  540. </template>
  541. <!-- 请选择无效原因 -->
  542. <template v-if="effective">
  543. <view class="zhezhao"></view>
  544. <view class="bounced">
  545. <view class="jiajinghuatit">请选择无效原因</view>
  546. <view class="uni-list"
  547. style="margin: 20rpx 0;padding: 0 40rpx;display: flex;justify-content: center;height: 90rpx;"
  548. @tap="effectiveIndexShow = true">
  549. <view
  550. style="width: 100%;padding: 10rpx 20rpx;display: flex;align-items: center;justify-content: space-between;border: 1rpx solid #E0E0E0;border-radius: 4rpx;color: #333333;">
  551. {{ effectiveIndexText }}
  552. <image style="width: 20rpx;height: 12rpx;" src="@/static/images/downs.png" mode=""></image>
  553. </view>
  554. </view>
  555. <view v-if="effectiveindex == 5" style="margin: 20rpx 0;padding: 0 40rpx;">
  556. <textarea class="ffectivetext" v-model="effectiveitext" placeholder="请填写无效原因" />
  557. </view>
  558. <view class="bounced3">
  559. <view class="bounced3-1" @click="effective=false">取消</view>
  560. <view class="bounced3-2" @click="$noMultipleClicks(effectiveAdd)">确认</view>
  561. </view>
  562. </view>
  563. </template>
  564. <!-- 修改角色 -->
  565. <template v-if="roleisshaw">
  566. <view class="zhezhao" @tap="unmarktap()"></view>
  567. <view class="bounced">
  568. <view class="jiajinghuatit">修改角色</view>
  569. <view
  570. style="width: 95%;display: flex;flex-wrap: wrap;margin: 0 auto;padding-top: 30rpx;padding-bottom: 30rpx;">
  571. <view class="viewclace" :class="roleindexrow == index ? 'bosdttom' : ''" @click="rolexuanze(index)"
  572. v-for="(item,index) in tablist.slice(1,tablist.length)" :key="index">
  573. <view>{{item.name}}</view>
  574. </view>
  575. <view class="headpade" style="border: none;">
  576. <view class="biaoji" @tap="addRole">新增角色</view>
  577. </view>
  578. </view>
  579. <view class="bounced3" style="margin-top: 20rpx;">
  580. <view class="bounced3-1" @tap="unmarktap()">取消</view>
  581. <view class="bounced3-2" @tap="roletab()">确认</view>
  582. </view>
  583. </view>
  584. </template>
  585. <!-- 消息提示组件 -->
  586. <u-toast ref="uToast" />
  587. <!-- 销讲业务 -->
  588. <u-select :mask-close-able="false" label-name="templateName" value-name="id" v-model="showTemplate"
  589. mode="single-column" :list="templateList" @cancel="templateCancel" @confirm="templateConfirm"></u-select>
  590. <!-- 加载组件 -->
  591. <u-loadings v-model="LOADING"></u-loadings>
  592. <!-- 无效接待原因 -->
  593. <u-select :mask-close-able="false" label-name="name" value-name="id" v-model="effectiveIndexShow"
  594. mode="single-column" :list="effectiveitems" @cancel="effectiveIndexCancel" @confirm="effectiveIndexConfirm">
  595. </u-select>
  596. <u-popup v-model="showTemplateStatus" mode="center" border-radius="16" width="600rpx">
  597. <view class="show-visit-content">
  598. <view class="visit-title">
  599. 更换销讲业务
  600. </view>
  601. <view style="padding: 20rpx;">
  602. <u-radio-group v-model="templateStatus">
  603. <u-radio v-for="(item, index) in templateListType" :key="index" :name="item.value">
  604. {{item.name}}
  605. </u-radio>
  606. </u-radio-group>
  607. </view>
  608. <view class="visit-btns">
  609. <view class="btn-item" @tap="showTemplateStatus = false;">取消</view>
  610. <view class="btn-item" @tap="radioGroupChange" style="border-left: none;">确认</view>
  611. </view>
  612. </view>
  613. </u-popup>
  614. <!-- 本次属于客户第几次到访 -->
  615. <u-popup v-model="showVisit" mode="center" border-radius="16" width="600rpx">
  616. <view class="show-visit-content">
  617. <view class="visit-title">
  618. 修改次数
  619. </view>
  620. <view class="visit-box">
  621. <view class="v-t">本次属于客户第几次到访</view>
  622. <view class="visit-step">
  623. <view class="mitems" style="border-right: 1rpx solid #999;" @tap="reduce">
  624. -
  625. </view>
  626. <input class="input" type="number" disabled v-model="visitParams.visitRecordNum">
  627. <view class="mitems" style="border-left: 1rpx solid #999;" @tap="add">
  628. +
  629. </view>
  630. </view>
  631. <view class="tips">
  632. 注意:客户没有第一次到访记录,该客户所有的接待销讲执行率,不参与统计
  633. </view>
  634. </view>
  635. <view class="visit-btns">
  636. <view class="btn-item" @tap="cancelVisitRecord">取消</view>
  637. <view class="btn-item" @tap="changeVisitRecord" style="border-left: none;">确认</view>
  638. </view>
  639. </view>
  640. </u-popup>
  641. </view>
  642. </template>
  643. <script>
  644. var util = require("../../utils/util.js");
  645. var config = require("../../config");
  646. import zaudio from '@/components/uniapp-zaudio/zaudio';
  647. export default {
  648. components: {
  649. zaudio
  650. },
  651. data() {
  652. return {
  653. KeyWordsfractionList: [], // 客户详情需求挖掘话术列表
  654. customStyle: { // 输入框自定义样式
  655. 'width': '320rpx',
  656. 'font-size': '34rpx',
  657. 'border-bottom': '1px solid #ccc'
  658. },
  659. noClick: true, // 防重点击
  660. kehuyixiangcenterindex: 0, // 系统分析人工校准选项卡
  661. calibration: 0, // 不知道是个啥
  662. Acquirecustomerintentlist2: [], // 人工校准数组
  663. Acquirecustomerintentlist: [], // 系统分析数组
  664. zhixingcenterindex: 0, // 销讲总执行率 && 禁忌执行 && 需求挖掘率 选项卡下标
  665. prohibitedlist: {
  666. guwen: [], // 顾问违禁词
  667. kehu: [], // 客户违禁词
  668. }, // 禁忌执行
  669. tablist: [], // 角色列表
  670. tablists: [], // 标记顾问的角色列表
  671. roleSelectArr: [0], // 当前选中的角色标记点
  672. customerId: "", // 客户id
  673. luyinList: {}, // 录音文件详情(obj形式)
  674. dialogList: [], // 录音识别列表
  675. scrollId: "", // scroll-view的锚点 id
  676. playNow: 0, // 当前录音播放时间戳
  677. ratelist: [], //评分列表
  678. totalRate: "", // 销讲总执行率
  679. thewrongword: "", //错误词
  680. reswrongword: "", //正确词
  681. isshow2: false, // 修改常错词弹出层控制变量
  682. messagelisy: [], // /corpus/addCorrectWord 加入常错词接口 入参translateHtmlContent
  683. isshow3: false, // 加精弹窗
  684. biaoqianlist: [], // 加精华 标签的列表
  685. biaoqianindex: 0, // 选中标签下标
  686. biaoqianid: "", // 选择加精的标签id
  687. status: 0, // 不知道是啥
  688. itemobj: {}, // uni.getStorageSync('searchobj') 估计是其他页面存的筛选条件
  689. biojiisshow: false, // 标记弹窗
  690. userlistobj: {}, // 用户信息
  691. Receivedetailsabout: false, // 接待详情弹窗
  692. Pinspeak: false, // 销讲执行弹窗
  693. intention: false, // 客户意向弹窗
  694. buildingID: uni.getStorageSync('buildingID').id || '', // 当前选中的项目id
  695. Thetapeidisshow: false, // 底部菜单更多弹框
  696. effective: false, // 无效原因弹窗
  697. effectiveindex: '0', // 无效原因id
  698. effectiveitems: [], // 无效原因数组
  699. effectiveIndexShow: false, // 无效原因select弹窗
  700. effectiveIndexText: '请选择', // 无效原因展示文字
  701. effectiveitext: '', // 无效原因备注文字
  702. textItself: '', // 存储修改的常错字对话
  703. argtextindex2: 0, // 长按单次选中的对话下标
  704. permissions: {}, // 权限菜单
  705. roleisshaw: false, // 修改角色弹窗
  706. roleindexrow: 0, // 选中需要修改的角色下标
  707. roletiaoshu: 0,
  708. ACTION: Symbol('zaudio'), // 唯一值区分每个页面的方法
  709. isPageHide: false, // 是否息屏
  710. duration: '', // 总时长
  711. refresh: false, // 默认false
  712. isNum: false, // 常错词输入框是否禁用
  713. eqLog: 0,
  714. refined: false, // 多选加精;
  715. nowPlaying: 0, // 当前播放位置
  716. stepPosition: 0, // 需要跳转的播放位置
  717. templateList: [], // 销讲业务
  718. showTemplate: false, // 展示选择销讲业务弹窗
  719. templateName: '', // 销讲业务类型文字
  720. percent: 0, // 挖掘成功
  721. wordFraction: 0, // 挖掘执行
  722. showVisit: false, // 操作框
  723. visitParams: {
  724. id: '',
  725. projectId: uni.getStorageSync('buildingID').id, // 当前项目id
  726. visitRecordNum: 1, // 默认到访次数
  727. },
  728. eventParams: '', // 触发的事件
  729. consultant: '', // 顾问身份id字符串
  730. templateStatus: 0, // 模板类型0 首访模板 1复访模板
  731. showTemplateStatus: false, // 模板类型
  732. templateListType: [{
  733. name: '首访模板',
  734. value: 0,
  735. },
  736. {
  737. name: '复访模板',
  738. value: 1
  739. },
  740. ],
  741. };
  742. },
  743. computed: {
  744. conversionTiame() {
  745. return (e) => {
  746. return util.formatSecond(e)
  747. }
  748. },
  749. },
  750. onLoad(options) {
  751. uni.setStorageSync('StayTimeDetails2-star', new Date().getTime())
  752. this.LOADING = true
  753. this.status = options.status;
  754. this.customerId = options.customerId;
  755. this.itemobj = uni.getStorageSync('searchobj');
  756. this.stateisshow = options.stateisshow;
  757. this.wordFraction = options.wordFraction == 'undefined' ? 0 : options.wordFraction;
  758. this.addLookingCount(options.customerId)
  759. this.visitParams.id = options.customerId;
  760. this.$zaudio.autoPlay = true
  761. if (options.refresh) this.refresh = options.refresh
  762. this.$zaudio.on('seek', this.ACTION, (time) => {
  763. this.sliderChangeComplate(this.TIMEEVENT(time))
  764. })
  765. this.$zaudio.on('playing', this.ACTION, (obj) => {
  766. //实时渲染当前的播放状态
  767. this.$zaudio.syncRender()
  768. this.duration = obj.duration
  769. this.nowPlaying = obj.current_value
  770. this.TimeUpdate(this.TIMEEVENT(obj.current))
  771. })
  772. // 获取销讲业务
  773. this.$zaudio.on('ended', this.ACTION, e => {
  774. this.$zaudio.stop()
  775. this.$nextTick(() => {
  776. this.init(this.itemobj)
  777. })
  778. })
  779. this.getInvalidList()
  780. uni.$on('DETAILS2INIT', (info) => {
  781. this.itemobj = info
  782. this.init(info)
  783. });
  784. // 当前页面状态
  785. uni.$on('newobjStatus', status => {
  786. this.status = status
  787. })
  788. this.firstInPage = false
  789. },
  790. onShow() {
  791. //实时渲染当前的播放状态
  792. this.$zaudio.syncRender()
  793. let newmenulist = uni.getStorageSync('weapp_session_Menu_data');
  794. this.permissions = {
  795. ...newmenulist,
  796. ...this.permissions
  797. }
  798. this.intention = false;
  799. this.kehuyixiangcenterindex = 0;
  800. if (this.stateisshow == 2) {
  801. var info = this.itemobj;
  802. }!this.isPageHide && this.init(info);
  803. },
  804. onHide() {
  805. this.isPageHide = true
  806. },
  807. onUnload() {
  808. uni.setStorageSync('StayTimeDetails2-end', new Date().getTime())
  809. uni.setStorageSync('StayTimeDetails2-watch', this.customerId)
  810. uni.$emit('sendStayTime', this.customerId)
  811. uni.$off('DETAILS2INIT')
  812. uni.$off('newobjStatus')
  813. // uni.$off('consumerDetail')
  814. //卸载不需要的业务和获取播放状态的业务,提高页面性能
  815. this.$zaudio.off('seek', this.ACTION);
  816. this.$zaudio.off('playing', this.ACTION);
  817. this.$zaudio.off('ended', this.ACTION);
  818. },
  819. methods: {
  820. // 更换销讲业务
  821. changeTemplate() {
  822. this.Thetapeidisshow = false;
  823. this.showTemplateStatus = true;
  824. },
  825. // 选择销讲业务模板类型
  826. radioGroupChange() {
  827. this.templateList = []
  828. this.getMarketingBusiness()
  829. this.showTemplateStatus = false;
  830. },
  831. // 客户第几次到访 -
  832. reduce() {
  833. if (this.visitParams.visitRecordNum == 1) {
  834. uni.showToast({
  835. title: '不能再减了~',
  836. icon: "none",
  837. duration: 2000
  838. });
  839. return
  840. }
  841. this.visitParams.visitRecordNum--
  842. },
  843. // 客户第几次到访+
  844. add() {
  845. this.visitParams.visitRecordNum++
  846. },
  847. // 取消
  848. cancelVisitRecord() {
  849. this.visitParams.visitRecordNum = 1
  850. this.showVisit = false
  851. },
  852. // 客户第几次到访 修改
  853. changeVisitRecord() {
  854. this.$u.post('/customer/updateVisitRecord', this.visitParams).then(res => {
  855. this.cancelVisitRecord()
  856. }).catch(res => {
  857. uni.showToast({
  858. title: '操作失败,请稍候重试!',
  859. duration: 2000
  860. });
  861. })
  862. },
  863. // 获取接待类型列表
  864. getInvalidList() {
  865. this.$u.post('/customer/invalidList', {
  866. houseId: this.buildingID,
  867. }).then(res => {
  868. console.log(res)
  869. this.effectiveitems = res.filter(item => item.id != 6 && item.id != 7)
  870. })
  871. },
  872. // 无效接待原因 取消
  873. effectiveIndexCancel() {
  874. this.effectiveitext = "";
  875. },
  876. // 无效接待原因 确认
  877. effectiveIndexConfirm(e) {
  878. this.effectiveIndexText = e[0].label
  879. this.effectiveindex = e[0].value
  880. },
  881. // 获取销讲业务
  882. getMarketingBusiness() {
  883. this.$u.get('/customer/marketingBusiness', {
  884. houseId: this.buildingID,
  885. status: 0,
  886. templateStatus: this.templateStatus
  887. }).then(res => {
  888. console.log(res)
  889. if (res) {
  890. this.templateList = res
  891. this.showTemplate = true;
  892. }
  893. this.$forceUpdate()
  894. })
  895. },
  896. // 执行 不知道干嘛的
  897. hangeshow2(item, type) {
  898. item.show = !item.show;
  899. },
  900. //挖掘率话术客户标签展示
  901. getKeywordsList(list) {
  902. let keywords = [];
  903. if (list && list.length) {
  904. keywords = list.map((item) => item.name);
  905. } else {
  906. return "--";
  907. }
  908. return keywords.join(",");
  909. },
  910. // 计算挖掘执行的完成率
  911. getPercent() {
  912. let countArr = this.KeyWordsfractionList.filter(item => item.selected == 0)
  913. this.percent = (countArr.length / this.KeyWordsfractionList.length) * 100
  914. this.percent = this.percent.toFixed(0)
  915. },
  916. // 客户详情需求挖掘话术
  917. getfindKeyWordsBycusId() {
  918. this.$u.get("/cusLvStatistics/findKeyWordsBycusId?cusId=" + this.customerId).then(res => {
  919. // console.log(res)
  920. if (res.length) {
  921. res.forEach((item, index) => {
  922. item.show = false
  923. if (index == 0) {
  924. item.show = true
  925. }
  926. item.children.forEach((obj, i) => {
  927. obj.show = false
  928. if (i == 0 && index == 0) {
  929. obj.show = true;
  930. }
  931. })
  932. })
  933. this.KeyWordsfractionList = res
  934. this.getPercent()
  935. } else {
  936. this.KeyWordsfractionList = []
  937. }
  938. })
  939. },
  940. // 挖掘话术点击
  941. clickWajue(item) {
  942. if (item.isAskQuestions == 0) {
  943. this.Pinspeak = false
  944. uni.navigateTo({
  945. url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&keyword=" + item
  946. .showFormatExpression +
  947. "&skpl=" + "2" + '&UpDateEvent=DETAILS2INIT'
  948. })
  949. }
  950. },
  951. // 对话加命中标签
  952. dealTypes(type) {
  953. if (type) {
  954. // let tem = type.split(',')
  955. let tem = type.substring(1).split(',')
  956. return tem
  957. } else {
  958. return []
  959. }
  960. },
  961. // 对话加命中标签
  962. dealword(type) {
  963. if (type) {
  964. let a = type.split('-')
  965. let rest = type.substring(2).split('-').join(',')
  966. let arr = [a[0], rest]
  967. return arr
  968. } else {
  969. return []
  970. }
  971. },
  972. // 跳转设备日志页面
  973. eqLogClick() {
  974. uni.navigateTo({
  975. url: `./equipmentLog?id=${this.customerId}`
  976. })
  977. },
  978. // 销讲业务方法
  979. templateCancel() {
  980. this.showTemplate = false;
  981. },
  982. // 确认选择销讲业务
  983. templateConfirm(e) {
  984. this.showTemplate = false;
  985. this.$u.post('/customer/updateMarketingBusiness', {
  986. marketingBusiness: e[0].value,
  987. id: this.userlistobj.id
  988. }).then(res => {
  989. uni.showToast({
  990. title: '操作成功',
  991. icon: 'none',
  992. duration: 2000
  993. })
  994. this.init(this.infos);
  995. this.gituserlist()
  996. }).catch(e => {
  997. uni.showToast({
  998. title: e.data.message,
  999. icon: 'none',
  1000. duration: 2000
  1001. })
  1002. })
  1003. },
  1004. // 角色身份颜色
  1005. borderColor(index) {
  1006. let obj = {
  1007. color: '',
  1008. borderRadius: '8rpx',
  1009. border: ''
  1010. }
  1011. switch (index) {
  1012. case 1:
  1013. obj.color = '#E6625B';
  1014. obj.border = '2rpx solid #E6625B';
  1015. break;
  1016. case 2:
  1017. obj.color = '#FF981E';
  1018. obj.border = '2rpx solid #FF981E';
  1019. break;
  1020. case 3:
  1021. obj.color = '#F6BD16';
  1022. obj.border = '2rpx solid #F6BD16';
  1023. break;
  1024. case 5:
  1025. obj.color = '#4980C8';
  1026. obj.border = '2rpx solid #4980C8';
  1027. break;
  1028. case 6:
  1029. obj.color = '#60CBEC';
  1030. obj.border = '2rpx solid #60CBEC';
  1031. break;
  1032. case 7:
  1033. obj.color = '##FF981E';
  1034. obj.border = '2rpx solid #FF981E';
  1035. break;
  1036. case 8:
  1037. obj.color = '#4F861E';
  1038. obj.border = '2rpx solid #4F861E';
  1039. break;
  1040. default:
  1041. obj.color = '#9F61C8';
  1042. obj.border = '2rpx solid #9F61C8';
  1043. break;
  1044. }
  1045. return obj
  1046. },
  1047. // 关闭弹窗
  1048. close() {
  1049. this.cancelBeast()
  1050. this.$forceUpdate();
  1051. },
  1052. // 添加角色
  1053. addRole() {
  1054. this.tablist.push({
  1055. name: String.fromCharCode(this.tablist.length + 64),
  1056. checked: false,
  1057. })
  1058. },
  1059. // 选择角色
  1060. rolexuanze(index) {
  1061. this.roleindexrow = index;
  1062. },
  1063. // 修改角色弹窗
  1064. showRoleisshaw() {
  1065. this.roleisshaw = true
  1066. },
  1067. // 修改角色
  1068. roletab() {
  1069. //
  1070. this.dialogList.forEach(item => {
  1071. if (item.checked) {
  1072. item.speaker = this.roleindexrow + 1
  1073. }
  1074. })
  1075. this.$u.post("/corpus/batchUpdateRole", {
  1076. corpusId: this.luyinList.id,
  1077. transferContent: JSON.stringify(this.dialogList),
  1078. speaker: this.roleindexrow + 1,
  1079. customerId: this.customerId
  1080. }).then(res => {
  1081. uni.showToast({
  1082. title: '修改成功',
  1083. duration: 2000
  1084. });
  1085. this.roleisshaw = false;
  1086. this.cancelBeast()
  1087. this.cancelAllAdd()
  1088. }).catch(e => {
  1089. uni.showToast({
  1090. title: '修改失败,请重试!',
  1091. duration: 2000
  1092. });
  1093. this.roleisshaw = false;
  1094. this.cancelBeast()
  1095. this.cancelAllAdd()
  1096. })
  1097. },
  1098. // 跳转匹配标签页面
  1099. argece(item) {
  1100. if (item.selected == 0) {
  1101. // 关闭当前页面弹窗
  1102. this.Pinspeak = false
  1103. uni.navigateTo({
  1104. url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item
  1105. .keywordsId + "&type=" + 1 + '&UpDateEvent=DETAILS2INIT'
  1106. })
  1107. }
  1108. },
  1109. //关键词点击
  1110. tapbadge(item) {
  1111. //进搜索页面
  1112. uni.navigateTo({
  1113. url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&keyword=" + item +
  1114. "&skpl=" + "2" + '&UpDateEvent=DETAILS2INIT'
  1115. })
  1116. },
  1117. // 销讲总执行率 && 禁忌执行 && 需求挖掘率 选项卡
  1118. recordclick(i) {
  1119. this.zhixingcenterindex = i;
  1120. if (i == 0) {
  1121. this.getRatelist()
  1122. } else if (i == 1) {
  1123. this.huoqujinji()
  1124. } else {
  1125. this.getfindKeyWordsBycusId()
  1126. }
  1127. },
  1128. //获取禁忌
  1129. huoqujinji() {
  1130. uni.showLoading({
  1131. title: '加载中'
  1132. });
  1133. this.$u.get("/customer/findTabooWordsByCusId", {
  1134. cusId: this.customerId
  1135. }).then(res => {
  1136. if (res) {
  1137. this.prohibitedlist = res;
  1138. }
  1139. setTimeout(function() {
  1140. uni.hideLoading();
  1141. }, 1000);
  1142. })
  1143. },
  1144. //评分点击
  1145. clickaudeopal(item) {
  1146. if (item.selected == 0) {
  1147. // 关闭当前页面弹窗
  1148. this.Pinspeak = false
  1149. uni.navigateTo({
  1150. url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item
  1151. .marketingId + "&type=" + 0 + '&UpDateEvent=DETAILS2INIT'
  1152. })
  1153. }
  1154. },
  1155. //获取用户信息
  1156. gituserlist() {
  1157. this.$u.get("/matchKeywords/personalReceptionRecord", {
  1158. customerId: this.customerId
  1159. }).then(res => {
  1160. res.endTime1 = res.endTime.substring(0, 19);
  1161. this.visitParams.visitRecordNum = res.visitRecord || 1
  1162. this.userlistobj = res;
  1163. })
  1164. },
  1165. // 点击更多
  1166. moreClick() {
  1167. this.gituserlist()
  1168. this.Thetapeidisshow = true
  1169. },
  1170. // 跳转系统校准页面
  1171. tocalibration() {
  1172. uni.navigateTo({
  1173. url: '/pages/mine/calibration?id=' + this.customerId
  1174. });
  1175. },
  1176. // 切换 系统分析||人工校准
  1177. customerofintention(i) {
  1178. this.kehuyixiangcenterindex = i;
  1179. if (i == 0) {
  1180. this.Acquirecustomerintent()
  1181. } else {
  1182. this.Acquirecustomerintent2()
  1183. }
  1184. },
  1185. //获取人工校准意向信息
  1186. Acquirecustomerintent2() {
  1187. this.Acquirecustomerintentlist2 = [];
  1188. this.$u.get("/matchKeywords/findManualCalibration", {
  1189. customerId: this.customerId,
  1190. type: 1
  1191. }).then(res => {
  1192. res.forEach(item => {
  1193. item.isshow = true;
  1194. item.children.forEach(chend => {
  1195. if (chend.isInterval == 0) {
  1196. chend.text = chend.name + chend.unit + '-' + chend.endName + chend
  1197. .unit
  1198. } else {
  1199. chend.text = chend.name
  1200. }
  1201. })
  1202. })
  1203. this.Acquirecustomerintentlist2 = res;
  1204. })
  1205. },
  1206. //获取系统意向信息
  1207. Acquirecustomerintent() {
  1208. this.Acquirecustomerintentlist = [];
  1209. this.$u.get("/matchKeywords/findSystemAnalysis", {
  1210. customerId: this.customerId
  1211. }).then(res => {
  1212. res.forEach(item => {
  1213. item.isshow = true;
  1214. item.children.forEach(chend => {
  1215. if (chend.isInterval == 0) {
  1216. chend.text = chend.name + chend.unit + '-' + chend.endName + chend
  1217. .unit
  1218. } else {
  1219. chend.text = chend.name
  1220. }
  1221. })
  1222. })
  1223. this.Acquirecustomerintentlist = res;
  1224. })
  1225. },
  1226. // 客户意向 不知道是干啥的
  1227. Acquishow(i) {
  1228. this.Acquirecustomerintentlist[i].isshow = !this.Acquirecustomerintentlist[i].isshow;
  1229. },
  1230. // 客户意向 不知道是干啥的
  1231. Acquishow2(i) {
  1232. this.Acquirecustomerintentlist2[i].isshow = !this.Acquirecustomerintentlist2[i].isshow;
  1233. },
  1234. //取消接待详情
  1235. clenReceivedetailsabout() {
  1236. this.Receivedetailsabout = false;
  1237. this.Pinspeak = false;
  1238. this.intention = false;
  1239. this.Thetapeidisshow = false;
  1240. },
  1241. Receivetap() {
  1242. this.Receivedetailsabout = true;
  1243. },
  1244. //标记
  1245. alllogo() {
  1246. var that = this;
  1247. let msg = '';
  1248. if (this.userlistobj.validInvalid != 0) {
  1249. if (this.userlistobj.validInvalid == 0 || this.userlistobj.validInvalid == 1) {
  1250. msg = '是否标记为"有效录音"?';
  1251. } else {
  1252. msg = '是否撤销"无效(待审核)"?';
  1253. }
  1254. uni.showModal({
  1255. title: '提示',
  1256. content: msg,
  1257. success: (res) => {
  1258. if (this.noClick) {
  1259. this.noClick = false;
  1260. if (res.confirm) {
  1261. let parames = {
  1262. id: this.customerId,
  1263. validInvalid: '',
  1264. invalidReason: 0
  1265. }
  1266. if (this.userlistobj.validInvalid == 0) {
  1267. parames.validInvalid = 1;
  1268. } else if (this.userlistobj.validInvalid == 1) {
  1269. parames.validInvalid = 0;
  1270. } else if (this.userlistobj.validInvalid == 2) {
  1271. parames.auditReception = 1
  1272. parames.validInvalid = 1;
  1273. }
  1274. this.$u.post("/customer/updateValidInvalid", parames).then(res => {
  1275. this.Thetapeidisshow = false;
  1276. })
  1277. }
  1278. setTimeout(() => {
  1279. this.noClick = true;
  1280. }, 2000)
  1281. } else {
  1282. // 这里是重复点击的判断
  1283. }
  1284. }
  1285. });
  1286. } else {
  1287. this.effective = true;
  1288. this.Thetapeidisshow = false
  1289. }
  1290. },
  1291. // 无效原因
  1292. effectiveAdd() {
  1293. if (this.effectiveindex == 5) {
  1294. if (this.effectiveitext.length == 0) {
  1295. uni.showToast({
  1296. title: '备注不能为空',
  1297. icon: "none",
  1298. duration: 2000
  1299. });
  1300. return
  1301. }
  1302. }
  1303. if (this.effectiveIndexText == "请选择") {
  1304. uni.showToast({
  1305. title: '请选择无效原因',
  1306. icon: "none",
  1307. duration: 2000
  1308. });
  1309. return
  1310. }
  1311. this.effective = false;
  1312. let parames = {
  1313. id: this.customerId,
  1314. validInvalid: 1,
  1315. invalidReason: this.effectiveindex,
  1316. invalidNote: this.effectiveitext
  1317. }
  1318. this.$u.post("/customer/updateValidInvalid", parames).then(res => {
  1319. this.Thetapeidisshow = false;
  1320. })
  1321. },
  1322. radioChange(evt) {
  1323. this.effectiveitext = "";
  1324. for (let i = 0; i < this.effectiveitems.length; i++) {
  1325. if (this.effectiveitems[i].value === evt.detail.value) {
  1326. this.effectiveindex = i;
  1327. break;
  1328. }
  1329. }
  1330. },
  1331. //接待详情点击
  1332. Receivedetailsabouttab(stringa) {
  1333. if (stringa == 'Receivedetailsabout') {
  1334. this.gituserlist()
  1335. this.Thetapeidisshow = false;
  1336. this.Receivedetailsabout = true;
  1337. } else if (stringa == 'Pinspeak') {
  1338. this.getRatelist()
  1339. this.Pinspeak = true;
  1340. } else {
  1341. if (this.kehuyixiangcenterindex == 0) {
  1342. this.Acquirecustomerintent()
  1343. } else {
  1344. this.Acquirecustomerintent2()
  1345. }
  1346. this.intention = true;
  1347. }
  1348. },
  1349. // 关键词菜单
  1350. guanjiancishifo() {
  1351. this.stateisshow = 1;
  1352. uni.navigateTo({
  1353. url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&status=" + this.status +
  1354. "&skpl=" + "1" + '&UpDateEvent=DETAILS2INIT&types=1'
  1355. })
  1356. },
  1357. //标记选择角色
  1358. biaojixuanze(item) {
  1359. item.checked = !item.checked
  1360. this.$forceUpdate()
  1361. },
  1362. //标记顾问
  1363. tagtap() {
  1364. this.tablists = this.tablist.slice(1, this.tablist.length)
  1365. this.biojiisshow = !this.biojiisshow;
  1366. },
  1367. //取消标记
  1368. unmarktap() {
  1369. this.biojiisshow = false;
  1370. this.roleisshaw = false
  1371. },
  1372. //确认标记
  1373. Confirmthetag() {
  1374. let arr = this.tablists.filter(item => item.checked)
  1375. if (arr.lenght == 0) {
  1376. uni.showToast({
  1377. title: '请选择标记角色~',
  1378. duration: 2000
  1379. });
  1380. return
  1381. }
  1382. let params = {
  1383. id: this.luyinList.id,
  1384. speaker: arr.map(item => {
  1385. return item.speaker
  1386. }).join(","),
  1387. customerId: this.customerId
  1388. }
  1389. this.$u.get(config.service.markConsultant, params).then((data) => {
  1390. this.biojiisshow = false;
  1391. this.biaojiyuyi()
  1392. this.fenjiaoseunfo('refresh')
  1393. uni.showToast({
  1394. title: '标记成功',
  1395. duration: 2000
  1396. });
  1397. })
  1398. },
  1399. //标记语义词
  1400. biaojiyuyi() {
  1401. let parames = {
  1402. carId: this.customerId
  1403. }
  1404. this.$u.post("/matchKeywords/toMatchKeywords", parames).then(res => {})
  1405. },
  1406. // 筛选展示的角色
  1407. tapspagek(data, index) {
  1408. if (index == 0) this.resetTabList();
  1409. else this.resetAll();
  1410. data.select = !data.select
  1411. this.roleSelectArr = []
  1412. if (index != 0) {
  1413. this.tablist.forEach(item => {
  1414. if (item.select) {
  1415. this.roleSelectArr.push(item.speaker)
  1416. }
  1417. })
  1418. } else {
  1419. this.roleSelectArr.push(0)
  1420. }
  1421. this.dialogList = []
  1422. this.fenjiaoseunfo()
  1423. },
  1424. // 选中全部时互斥全部选项与角色选项
  1425. resetTabList() {
  1426. this.tablist.forEach(item => {
  1427. item.select = false
  1428. })
  1429. },
  1430. // 选中角色时将全部反选
  1431. resetAll() {
  1432. this.tablist[0].select = false
  1433. },
  1434. // 生成角色列表
  1435. creatTabList(num) {
  1436. for (var i = 0; i <= num; i++) {
  1437. if (i === 0) {
  1438. this.tablist.push({
  1439. name: '全部',
  1440. select: false,
  1441. speaker: i,
  1442. checked: false,
  1443. })
  1444. } else {
  1445. this.tablist.push({
  1446. name: String.fromCharCode(i + 64),
  1447. select: false,
  1448. speaker: i,
  1449. checked: false,
  1450. })
  1451. }
  1452. }
  1453. },
  1454. // 获取flag
  1455. getVoFlagValue() {
  1456. return this.roleSelectArr.findIndex(item => item == 0) == -1 ? 1 : 0
  1457. },
  1458. // 筛选展示角色刷新
  1459. fenjiaoseunfo(type) {
  1460. let str =
  1461. `?corpusId=${this.luyinList.id}&bg=${this.playNow * 1000}&speaker=0&voFlag=${this.getVoFlagValue()}&num=50`
  1462. if (this.roleSelectArr.findIndex(item => item == 0) == -1) {
  1463. str += `&speakerStr=${this.roleSelectArr.join(',')}`
  1464. }
  1465. uni.request({
  1466. url: `${config.service.getCorpusAnal}${str}`,
  1467. method: "GET",
  1468. header: {
  1469. 'content-type': 'application/json',
  1470. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  1471. },
  1472. success: (data) => {
  1473. let res = data.data.data
  1474. // 当页面标记重新刷新时
  1475. if (type == 'refresh') {
  1476. this.tablist = []
  1477. this.roleSelectArr = this.$options.data().roleSelectArr // 重置
  1478. this.creatTabList(res.speakerNum)
  1479. this.tablist[0].select = true
  1480. this.consultant = res.speaker
  1481. this.setConsultant()
  1482. }
  1483. if (this.roleSelectArr.length == 0) {
  1484. this.tablist[0].select = true
  1485. }
  1486. const info = {
  1487. seek: 1,
  1488. bg: this.playNow * 1000,
  1489. voFlag: this.getVoFlagValue(),
  1490. }
  1491. if (this.roleSelectArr.findIndex(item => item == 0) == -1) {
  1492. info.speakerStr = this.roleSelectArr.join(',');
  1493. }
  1494. this.getFindAudioContent(info)
  1495. }
  1496. })
  1497. },
  1498. // 设置顾问
  1499. setConsultant() {
  1500. let arr = this.consultant.split(',') || []
  1501. this.tablist.map(obj => {
  1502. if (arr.includes(obj.speaker.toString())) {
  1503. obj.name += '顾问'
  1504. }
  1505. })
  1506. },
  1507. // 播放时定位到下面的位置
  1508. TimeUpdate(currentTime) {
  1509. this.playNow = Number(currentTime)
  1510. if (this.dialogList.length > 0) {
  1511. const message = this.dialogList;
  1512. if (!message) return
  1513. for (let i = 0; i < message.length; i++) {
  1514. if ((Math.floor(message[i].bg / 1000) <= this.playNow && this.playNow < Math.floor(message[i].ed /
  1515. 1000))) {
  1516. this.scrollId = "dialogtext" + message[i].bg;
  1517. break;
  1518. }
  1519. if (i < message.length - 1 && Math.floor(message[i].ed / 1000) < this.playNow && this.playNow <
  1520. Math.floor(message[i + 1].bg / 1000)) {
  1521. this.scrollId = "dialogtext" + message[i].bg;
  1522. break;
  1523. }
  1524. }
  1525. }
  1526. this.$forceUpdate()
  1527. },
  1528. init(info) {
  1529. const parames = {
  1530. pageNum: 1,
  1531. pageSize: 100,
  1532. query: {
  1533. customerId: this.customerId
  1534. }
  1535. }
  1536. this.$u.post("/corpus/findByPage", parames).then(res => {
  1537. if (res && res.length) {
  1538. let alltime = 1 + res[0].recordDuration;
  1539. this.calibration = res[0].calibration;
  1540. if (this.calibration == 0) {
  1541. this.kehuyixiangcenterindex = 0;
  1542. } else {
  1543. this.kehuyixiangcenterindex = 1;
  1544. }
  1545. if (info.bg != 0) {
  1546. this.luyinList = res[0];
  1547. this.getCorpusAnalysis(info);
  1548. } else {
  1549. this.luyinList = res[0];
  1550. this.getCorpusAnalysis(info);
  1551. this.zyAudio()
  1552. }
  1553. if (this.refresh) this.zyAudio()
  1554. }
  1555. })
  1556. },
  1557. //下一页 seek 往后seek传1
  1558. ltolower() {
  1559. if (this.dialogList.length == 0) return
  1560. console.log('ltolower')
  1561. const info = {
  1562. seek: 1,
  1563. bg: this.dialogList[this.dialogList.length - 1].bg,
  1564. voFlag: this.getVoFlagValue(),
  1565. }
  1566. if (this.roleSelectArr.findIndex(item => item == 0) == -1) {
  1567. info.speakerStr = this.roleSelectArr.join(',');
  1568. }
  1569. this.getFindAudioContent(info)
  1570. },
  1571. //上一页 seek 往前seek传-1
  1572. rolltoupper() {
  1573. console.log('rolltoupper')
  1574. if (this.dialogList.length == 0) return
  1575. const info = {
  1576. bg: this.dialogList[0].bg,
  1577. seek: -1,
  1578. voFlag: this.getVoFlagValue(),
  1579. }
  1580. if (this.roleSelectArr.findIndex(item => item == 0) == -1) {
  1581. info.speakerStr = this.roleSelectArr.join(',');
  1582. }
  1583. this.getFindAudioContent(info)
  1584. },
  1585. // 加精
  1586. jiajing() {
  1587. if (this.status == 1) { // 加精
  1588. this.tappick()
  1589. } else { // 取消加精
  1590. this.notappick()
  1591. }
  1592. },
  1593. // 取消全部加精
  1594. notappick() {
  1595. console.log('quxiao')
  1596. var that = this;
  1597. uni.showModal({
  1598. title: '提示',
  1599. content: '确认取消加精?',
  1600. success: function(res) {
  1601. if (res.confirm) {
  1602. that.$u.get(config.service.delATD, {
  1603. carId: that.customerId,
  1604. itemId: that.buildingID
  1605. }).then(data => {
  1606. console.log(data)
  1607. if (!data || data.code == 10000) {
  1608. that.status = 1
  1609. uni.showToast({
  1610. title: '取消成功',
  1611. duration: 2000
  1612. });
  1613. }
  1614. }).catch(e => {
  1615. uni.showToast({
  1616. title: e.message,
  1617. duration: 2000
  1618. });
  1619. })
  1620. } else if (res.cancel) {
  1621. console.log('用户点击取消');
  1622. }
  1623. }
  1624. });
  1625. },
  1626. //全部加精
  1627. tappick() {
  1628. uni.showModal({
  1629. title: '提示',
  1630. content: '确认加精?',
  1631. success: (res) => {
  1632. if (res.confirm) {
  1633. console.log('用户点击确定');
  1634. let objdata = {
  1635. "carId": this.customerId, //客户id
  1636. "status": 0,
  1637. "itemId": this.buildingID,
  1638. }
  1639. this.$u.post(config.service.addATD, objdata).then(data => {
  1640. console.log(data)
  1641. if (!data || data.code == 10000) {
  1642. this.status = 0
  1643. uni.showToast({
  1644. title: '加精成功',
  1645. duration: 2000
  1646. });
  1647. }
  1648. }).catch(e => {
  1649. uni.showToast({
  1650. title: e.message,
  1651. duration: 2000
  1652. });
  1653. })
  1654. } else if (res.cancel) {
  1655. console.log('用户点击取消');
  1656. }
  1657. }
  1658. });
  1659. },
  1660. //标签选择
  1661. tapbiaoqianclisck(index) {
  1662. this.biaoqianindex = index;
  1663. this.biaoqianid = this.biaoqianlist[index].id
  1664. },
  1665. //复制
  1666. clickcopy() {
  1667. uni.setClipboardData({
  1668. data: this.thewrongword,
  1669. success: () => {
  1670. this.cancelBeast()
  1671. this.$forceUpdate();
  1672. }
  1673. });
  1674. },
  1675. //确认加入常错词
  1676. Confirmtheexit() {
  1677. if (this.reswrongword.length > 8 || this.thewrongword.length > 8) {
  1678. this.$refs.uToast.show({
  1679. title: '正确词错误词不能超过8个字',
  1680. type: 'warning',
  1681. })
  1682. this.isshow2 = true;
  1683. } else {
  1684. let reg = /^[0-9]+$/
  1685. if (reg.test(this.thewrongword)) {
  1686. this.$refs.uToast.show({
  1687. title: '错误词不能为纯数字',
  1688. type: 'warning',
  1689. })
  1690. this.isshow2 = true;
  1691. } else {
  1692. if (this.thewrongword) {
  1693. if (this.reswrongword) {
  1694. let parames = {
  1695. customerId: this.customerId,
  1696. cupid: this.luyinList.id,
  1697. wrongWord: this.thewrongword, //错误词
  1698. correctWord: this.reswrongword, //正确词
  1699. translateHtmlContent: this.messagelisy,
  1700. }
  1701. this.isshow2 = false;
  1702. this.dialogList[this.argtextindex2].onebest = this.textItself.replace(this.thewrongword,
  1703. this.reswrongword)
  1704. this.cancelBeast()
  1705. this.$u.post("/corpus/addCorrectWord", parames).then(data => {
  1706. this.thewrongword = "";
  1707. this.reswrongword = "";
  1708. })
  1709. } else {
  1710. this.$refs.uToast.show({
  1711. title: '正确值不能为空',
  1712. type: 'warning',
  1713. })
  1714. this.isshow2 = true;
  1715. return
  1716. }
  1717. } else {
  1718. this.$refs.uToast.show({
  1719. title: '错误词不能为空',
  1720. type: 'warning',
  1721. })
  1722. this.isshow2 = true;
  1723. return
  1724. }
  1725. }
  1726. }
  1727. },
  1728. //取消加入常错词
  1729. Cancelout() {
  1730. this.isshow2 = false;
  1731. this.cancelBeast()
  1732. },
  1733. //加入长错词
  1734. Oftenthewrongword() {
  1735. this.isNum = false;
  1736. this.reswrongword = "";
  1737. this.isshow2 = true;
  1738. let reg = /^[0-9]+$/
  1739. if (reg.test(this.thewrongword)) {
  1740. this.isNum = true
  1741. }
  1742. },
  1743. // 选中取反
  1744. cbChange(item) {
  1745. item.checked = !item.checked
  1746. this.$forceUpdate()
  1747. },
  1748. // 隐藏长按提示框
  1749. cancelBeast() {
  1750. this.dialogList.forEach(asd => {
  1751. asd.isshow = false;
  1752. })
  1753. },
  1754. // 触发事件
  1755. publicEvents(params) {
  1756. this.eventParams = params
  1757. this.refined = true
  1758. this.cancelBeast()
  1759. },
  1760. surePublic() {
  1761. this[this.eventParams]()
  1762. },
  1763. // 重置选择的内容
  1764. cancelAllAdd() {
  1765. console.log('chufa')
  1766. this.dialogList.forEach(items => {
  1767. items.checked = false
  1768. })
  1769. this.refined = false
  1770. // this.$forceUpdate()
  1771. },
  1772. // 确认批量加精
  1773. sureRefinement() {
  1774. this.isshow3 = true;
  1775. this.biaoqianlist = []
  1776. let parames = {
  1777. "itemId": this.buildingID
  1778. }
  1779. this.$u.post("/addtodigest/findAllYi", parames).then(data => {
  1780. this.biaoqianlist = data
  1781. this.biaoqianlist.unshift({
  1782. name: "逼单话术",
  1783. id: 0
  1784. })
  1785. })
  1786. },
  1787. // 取消加精
  1788. Cancelout2() {
  1789. this.isshow3 = false;
  1790. this.cancelBeast()
  1791. },
  1792. // 确认加精
  1793. Confirmtheexit2() {
  1794. if (this.biaoqianid) {
  1795. this.biaoqianid = this.biaoqianid
  1796. } else {
  1797. this.biaoqianid = 0
  1798. }
  1799. this.isshow3 = false;
  1800. this.cancelBeast()
  1801. let objdata = {
  1802. itemId: this.buildingID,
  1803. carId: this.customerId, //客户id
  1804. status: 1,
  1805. startFile: this.luyinList.id, //对话所在录音文件id
  1806. marketingId: this.biaoqianid, //对应一级父id
  1807. toDigestList: [], // 加精多选的内容
  1808. }
  1809. // 将数据筛选出来并排序并且翻转数据让后端获取第一条加精的数据在分点加精的学习列表使用
  1810. this.dialogList.forEach(item => {
  1811. if (item.checked) {
  1812. objdata.toDigestList.push({
  1813. jjTransfer: item.onebest,
  1814. startTime: item.bg,
  1815. endTime: item.ed,
  1816. })
  1817. }
  1818. })
  1819. objdata.toDigestList.sort((a, b) => {
  1820. return Number(a.startTime) - Number(b.startTime)
  1821. }).reverse()
  1822. this.isshow3 = false;
  1823. this.$u.post(config.service.addATD, objdata).then(res => {
  1824. console.log(res)
  1825. uni.showToast({
  1826. title: '加精成功',
  1827. duration: 2000
  1828. });
  1829. this.cancelAllAdd()
  1830. }).catch(e => {
  1831. uni.showToast({
  1832. title: '网络异常,请稍候重试~',
  1833. duration: 2000
  1834. });
  1835. this.cancelAllAdd()
  1836. })
  1837. },
  1838. //长按对话
  1839. changanxiaoguo(item, index) {
  1840. this.messagelisy = [];
  1841. this.cancelBeast()
  1842. this.dialogList[index].isshow = !this.dialogList[index].isshow;
  1843. this.textItself = item.onebest;
  1844. let onebest = item.onebest;
  1845. this.thewrongword = onebest.replace(/<.*?>/ig, "");
  1846. this.messagelisy = this.dialogList
  1847. this.argtextindex2 = index;
  1848. },
  1849. //评分上下显隐
  1850. changeshow(item, type) {
  1851. item.show = !item.show;
  1852. },
  1853. changeshow2(item, type) {
  1854. item.show = !item.show;
  1855. },
  1856. // 获取评分
  1857. getRatelist() {
  1858. if (this.ratelist.length == 0) {
  1859. uni.showLoading({
  1860. title: '加载中'
  1861. });
  1862. this.$u.get("/customer/findzkMByCusId", {
  1863. cusId: this.customerId
  1864. }).then(res => {
  1865. if (res.length) {
  1866. let level1 = []
  1867. let level2rate = 0
  1868. res.forEach(item => {
  1869. if (item.pid == 0) {
  1870. level1.push({
  1871. id: item.marketingId,
  1872. rate: item.fraction,
  1873. name: item.name,
  1874. sort: item.sort,
  1875. show: false,
  1876. ratepercent: 0,
  1877. children: []
  1878. })
  1879. } else {
  1880. if (item.selected == 0) {
  1881. level2rate += item.fraction
  1882. }
  1883. }
  1884. })
  1885. this.totalRate = level2rate;
  1886. res.forEach(subitem => {
  1887. let subitempid = subitem.pid
  1888. level1.forEach(item => {
  1889. if (subitempid == item.id) {
  1890. if (subitem.selected == 0) {
  1891. item.ratepercent += subitem.fraction
  1892. }
  1893. item.children.push({
  1894. id: subitem.id,
  1895. rate: subitem.fraction,
  1896. selected: subitem.selected,
  1897. name: subitem.name,
  1898. show: false,
  1899. marketingId: subitem.marketingId,
  1900. children: []
  1901. })
  1902. }
  1903. })
  1904. })
  1905. res.forEach(subitem => {
  1906. let subitempid = subitem.pid
  1907. level1.forEach(chen => {
  1908. chen.children.forEach(zxc => {
  1909. if (subitempid == zxc.marketingId) {
  1910. zxc.children.push({
  1911. id: subitem.id,
  1912. rate: subitem.fraction,
  1913. selected: subitem.selected,
  1914. name: subitem.name,
  1915. marketingId: subitem.marketingId,
  1916. })
  1917. }
  1918. })
  1919. })
  1920. })
  1921. level1[0].show = true;
  1922. level1[0].children[0].show = true;
  1923. this.ratelist = level1
  1924. }
  1925. setTimeout(function() {
  1926. uni.hideLoading();
  1927. }, 1000);
  1928. })
  1929. }
  1930. },
  1931. // 获取转义后的对话结果
  1932. getCorpusAnalysis(info) {
  1933. console.log("getCorpusAnalysis")
  1934. uni.request({
  1935. url: config.service.getCorpusAnal + '?corpusId=' + this.luyinList.id +
  1936. "&bg=" + info.bg + "&speaker=0" + '&num=50', //仅为示例,并非真实接口地址。
  1937. method: "GET",
  1938. header: {
  1939. 'content-type': 'application/json',
  1940. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  1941. },
  1942. success: (data) => {
  1943. this.LOADING = false
  1944. this.tablist = [];
  1945. this.creatTabList(data.data.data.speakerNum)
  1946. this.tablist[0].select = true // 默认选中第一个
  1947. // 设置顾问
  1948. if (data.data.data.speaker) {
  1949. this.consultant = data.data.data.speaker
  1950. this.setConsultant()
  1951. }
  1952. this.getFindAudioContent(info);
  1953. this.stepPlay(Math.floor(info.bg / 1000))
  1954. },
  1955. fail: () => {
  1956. this.LOADING = false
  1957. }
  1958. })
  1959. },
  1960. // 获取录音内容
  1961. getFindAudioContent(info) {
  1962. const params = {
  1963. corpusId: this.luyinList.id,
  1964. speaker: 0,
  1965. bg: info.bg || 0,
  1966. num: 50,
  1967. seek: info.seek || 1,
  1968. }
  1969. if (info.speakerStr) {
  1970. params.speakerStr = info.speakerStr
  1971. }
  1972. this.$u.get(config.service.findAudioContent, params).then(res => {
  1973. res.forEach(che => {
  1974. if (che.onebest == info.onebest) {
  1975. che.onebest =
  1976. `<font style='color: red'>${che.onebest}</font>`;
  1977. }
  1978. })
  1979. if (info.reset) {
  1980. this.dialogList = res
  1981. } else {
  1982. if (info.seek > 0) {
  1983. this.dialogList = [...this.dialogList, ...res];
  1984. } else {
  1985. this.dialogList = [...res, ...this.dialogList];
  1986. }
  1987. }
  1988. }).catch(e => {
  1989. console.log(e, 'catch')
  1990. })
  1991. },
  1992. // 音频前进回退
  1993. sliderChangeComplate(currentTime) {
  1994. const info = {
  1995. bg: (currentTime * 1000) || 0,
  1996. seek: 1,
  1997. reset: true
  1998. }
  1999. this.getFindAudioContent(info)
  2000. },
  2001. // 点击播放
  2002. clickbofang(item) {
  2003. this.cancelBeast()
  2004. this.$forceUpdate()
  2005. let platetime = item.bg;
  2006. let newtime = Math.floor(item.bg / 1000);
  2007. uni.request({
  2008. url: config.service.fastForward + '?corpusId=' + this.luyinList.id +
  2009. "&bg=" + platetime || 0, //仅为示例,并非真实接口地址。
  2010. method: "GET",
  2011. header: {
  2012. 'content-type': 'application/json',
  2013. 'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
  2014. },
  2015. success: (data) => {
  2016. this.stepPlay(newtime);
  2017. }
  2018. })
  2019. },
  2020. formatTime(num) {
  2021. //格式化时间格式
  2022. num = num.toFixed(0);
  2023. let second = num % 60;
  2024. if (second < 10) second = '0' + second;
  2025. let min = Math.floor(num / 60);
  2026. if (min < 10) min = '0' + min;
  2027. return min + ":" + second;
  2028. },
  2029. // 迅速切换音频源并切换回来
  2030. checkPlaybackRate() {
  2031. this.stepPosition = this.nowPlaying
  2032. //
  2033. let data = [{
  2034. src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
  2035. title: '录音音频',
  2036. singer: '',
  2037. coverImgUrl: ''
  2038. }]
  2039. this.$zaudio.setAudio(data)
  2040. //渲染第一首音频
  2041. this.$zaudio.setRender(0)
  2042. if (!this.refresh) {
  2043. setTimeout(() => {
  2044. this.$zaudio.operate()
  2045. }, 150)
  2046. }
  2047. setTimeout(() => {
  2048. this.zyAudio()
  2049. }, 500)
  2050. },
  2051. //录音实例
  2052. zyAudio() {
  2053. let data = [{
  2054. src: this.luyinList.recordPath,
  2055. title: '录音音频',
  2056. singer: '',
  2057. coverImgUrl: ''
  2058. }]
  2059. this.$zaudio.setAudio(data)
  2060. //渲染第一首音频
  2061. this.$zaudio.setRender(0)
  2062. if (!this.refresh) {
  2063. setTimeout(() => {
  2064. this.$zaudio.operate()
  2065. }, 150)
  2066. }
  2067. if (this.stepPosition != 0) {
  2068. setTimeout(() => {
  2069. this.stepPlay(this.stepPosition)
  2070. }, 1500)
  2071. }
  2072. },
  2073. // 跳转指定位置播放
  2074. stepPlay(t) {
  2075. this.$zaudio.seek(t)
  2076. if (this.$zaudio.paused) {
  2077. this.$zaudio.operate()
  2078. }
  2079. }
  2080. },
  2081. }
  2082. </script>
  2083. <style lang="scss" scoped>
  2084. .contentInfo .newmark {
  2085. margin: 30rpx 0 10rpx 30rpx;
  2086. .mark-item {
  2087. display: flex;
  2088. flex-wrap: wrap;
  2089. margin-bottom: 12rpx;
  2090. .markicon {
  2091. width: 30rpx;
  2092. height: 30rpx;
  2093. margin-right: 12rpx;
  2094. }
  2095. .marktext {
  2096. font-size: 24rpx;
  2097. font-family: PingFangSC-Regular, PingFang SC;
  2098. font-weight: 400;
  2099. color: #3E50E8;
  2100. min-height: 30rpx;
  2101. line-height: 30rpx;
  2102. max-width: 420rpx;
  2103. text-align: left;
  2104. word-break: break-all;
  2105. }
  2106. }
  2107. }
  2108. .scroll-Y .text[data-speaker="2"] .newmark,
  2109. .scroll-Y .text[data-speaker="4"] .newmark,
  2110. .scroll-Y .text[data-speaker="8"] .newmark,
  2111. .scroll-Y .text[data-speaker="6"] .newmark {
  2112. // margin-left: 84rpx;
  2113. }
  2114. .box {
  2115. width: 100%;
  2116. height: 100vh;
  2117. display: flex;
  2118. flex-direction: column;
  2119. .pingfenbox {
  2120. width: 100%;
  2121. height: 60rpx;
  2122. line-height: 60rpx;
  2123. border-bottom: 1px solid #E0E0E0;
  2124. display: flex;
  2125. justify-content: space-around;
  2126. }
  2127. .pingfenbox view {
  2128. flex-grow: 1;
  2129. flex-shrink: 0;
  2130. text-align: center;
  2131. font-size: 28rpx;
  2132. padding: 0 18rpx;
  2133. }
  2134. .activecllasscet {
  2135. background: #2671E2;
  2136. color: #FFFFFF;
  2137. }
  2138. .title1-12 {
  2139. font-size: 28rpx;
  2140. color: #2671E2;
  2141. font-weight: 400;
  2142. text-indent: 30rpx;
  2143. margin-top: 18rpx;
  2144. }
  2145. .headbox {
  2146. width: 100%;
  2147. min-height: 173rpx;
  2148. }
  2149. .zhuti {
  2150. flex: 1;
  2151. overflow: auto;
  2152. }
  2153. .bottombox {
  2154. width: 100%;
  2155. // min-height: 170rpx;
  2156. border-top: 1rpx solid #E0E0E0;
  2157. padding-bottom: 60rpx;
  2158. .bottomhead {
  2159. width: 100%;
  2160. height: 81rpx;
  2161. border-bottom: 1rpx solid #E0E0E0;
  2162. display: flex;
  2163. justify-content: space-between;
  2164. align-items: center;
  2165. .audio-slider {
  2166. width: 87%;
  2167. display: flex;
  2168. justify-content: space-between;
  2169. align-items: center;
  2170. padding-right: 30rpx;
  2171. }
  2172. .audio-slider .slider {
  2173. width: 100%;
  2174. padding: 0px 15rpx;
  2175. box-sizing: border-box;
  2176. }
  2177. .audio-time {
  2178. width: 110rpx;
  2179. text-align: right;
  2180. font-size: 26rpx;
  2181. line-height: 28rpx;
  2182. color: #70798D;
  2183. display: flex;
  2184. justify-content: space-between;
  2185. }
  2186. .audio-play {
  2187. width: 48rpx;
  2188. height: 48rpx;
  2189. flex-shrink: 0;
  2190. }
  2191. .audio-play .image {
  2192. width: 100%;
  2193. height: 100%;
  2194. margin-left: 30rpx;
  2195. }
  2196. }
  2197. .botbotmm {
  2198. width: 100%;
  2199. height: 88rpx;
  2200. display: flex;
  2201. align-items: center;
  2202. }
  2203. }
  2204. .bottomboxs {
  2205. width: 100%;
  2206. height: 90rpx;
  2207. display: flex;
  2208. justify-content: space-around;
  2209. .bottomboxs-item {
  2210. width: 45%;
  2211. height: 100%;
  2212. display: flex;
  2213. justify-content: center;
  2214. align-items: center;
  2215. color: #fff;
  2216. background: #008EF2;
  2217. font-size: 36rpx;
  2218. font-weight: bold;
  2219. }
  2220. }
  2221. }
  2222. .moremodal {
  2223. position: fixed;
  2224. top: 0;
  2225. bottom: 0;
  2226. left: 0;
  2227. right: 0;
  2228. background: rgba(0, 0, 0, 0.5);
  2229. display: flex;
  2230. flex-direction: column;
  2231. justify-content: flex-end;
  2232. z-index: 1000000;
  2233. .more-cont {
  2234. width: 690rpx;
  2235. padding: 30rpx;
  2236. background: #fff;
  2237. box-sizing: content-box;
  2238. border-radius: 20rpx 20rpx 0 0;
  2239. .more-title {
  2240. width: 100%;
  2241. display: flex;
  2242. justify-content: space-between;
  2243. height: 50rpx;
  2244. font-size: 36rpx;
  2245. font-family: PingFangSC-Medium, PingFang SC;
  2246. font-weight: 500;
  2247. color: #333333;
  2248. align-items: center;
  2249. .close-icon {
  2250. width: 32rpx;
  2251. height: 32rpx;
  2252. }
  2253. }
  2254. .more-btn {
  2255. display: flex;
  2256. flex-wrap: wrap;
  2257. margin-top: 30rpx;
  2258. padding-bottom: 30rpx;
  2259. // border-bottom: 1rpx solid #e0e0e0;
  2260. .btn-item {
  2261. margin-bottom: 10rpx;
  2262. width: 284rpx;
  2263. height: 72rpx;
  2264. display: flex;
  2265. justify-content: center;
  2266. align-items: center;
  2267. background: #FFFFFF;
  2268. border-radius: 8rpx;
  2269. font-size: 30rpx;
  2270. border: 1rpx solid #000;
  2271. font-family: PingFangSC-Regular, PingFang SC;
  2272. font-weight: 400;
  2273. color: #333333;
  2274. margin-right: 30rpx;
  2275. .icon {
  2276. width: 30rpx;
  2277. height: 30rpx;
  2278. margin-right: 12rpx;
  2279. }
  2280. }
  2281. }
  2282. .other-btn {
  2283. .btn-item {
  2284. display: flex;
  2285. align-items: center;
  2286. font-size: 30rpx;
  2287. font-family: PingFangSC-Regular, PingFang SC;
  2288. font-weight: 400;
  2289. color: #333333;
  2290. line-height: 42rpx;
  2291. padding: 30rpx 0;
  2292. border-bottom: 1rpx solid #e0e0e0;
  2293. .icon {
  2294. width: 30rpx;
  2295. height: 30rpx;
  2296. margin-right: 12rpx;
  2297. }
  2298. }
  2299. }
  2300. }
  2301. }
  2302. .headboxhead {
  2303. width: 100%;
  2304. height: 84rpx;
  2305. // border-bottom: 1px solid #E0E0E0;
  2306. display: flex;
  2307. .boxhead1 {
  2308. margin-left: 30rpx;
  2309. height: 84rpx;
  2310. font-size: 30rpx;
  2311. font-family: PingFangSC-Medium, PingFang SC;
  2312. font-weight: 500;
  2313. color: #303030;
  2314. line-height: 84rpx;
  2315. }
  2316. .boxhead2 {
  2317. width: 46%;
  2318. height: 84rpx;
  2319. text-align: right;
  2320. }
  2321. }
  2322. .boxhead2 image {
  2323. width: 36rpx;
  2324. height: 36rpx;
  2325. margin-top: 24rpx;
  2326. }
  2327. .headboxbott {
  2328. width: 100%;
  2329. height: 88rpx;
  2330. display: flex;
  2331. align-items: center;
  2332. border-top: 1rpx solid #E0E0E0;
  2333. border-bottom: 1rpx solid #E0E0E0;
  2334. .headovfu {
  2335. flex: 1;
  2336. height: 88rpx;
  2337. overflow-x: scroll;
  2338. display: flex;
  2339. align-items: center;
  2340. .mytab {
  2341. margin-left: 20rpx;
  2342. flex-shrink: 0;
  2343. .tab-item {
  2344. padding: 0 20rpx;
  2345. height: 52rpx;
  2346. line-height: 52rpx;
  2347. background: #FFFFFF;
  2348. border-radius: 8rpx;
  2349. border: 1rpx solid #E0E0E0;
  2350. font-size: 26rpx;
  2351. font-family: PingFangSC-Regular, PingFang SC;
  2352. font-weight: 400;
  2353. color: #999999;
  2354. }
  2355. .tabActive {
  2356. background: #2671E2;
  2357. color: #fff;
  2358. }
  2359. }
  2360. &::-webkit-scrollbar {
  2361. width: 0;
  2362. height: 0;
  2363. color: transparent;
  2364. }
  2365. }
  2366. .headpade {
  2367. width: 160rpx;
  2368. height: 88rpx;
  2369. display: flex;
  2370. justify-content: center;
  2371. align-items: center;
  2372. box-shadow: -4rpx 0px 8rpx -4rpx rgba(0, 0, 0, 0.2);
  2373. .biaoji {
  2374. text-align: center;
  2375. line-height: 52rpx;
  2376. color: #FFFFFF;
  2377. font-size: 26rpx;
  2378. width: 100rpx;
  2379. height: 52rpx;
  2380. background: #E6625B;
  2381. border-radius: 26rpx;
  2382. }
  2383. }
  2384. }
  2385. .fill {
  2386. width: 2rpx;
  2387. height: 41rpx;
  2388. background: #E0E0E0;
  2389. }
  2390. .tmmchen {
  2391. width: 25%;
  2392. height: 88rpx;
  2393. text-align: center;
  2394. color: #666666;
  2395. font-size: 24rpx;
  2396. position: relative;
  2397. .allimg {
  2398. position: absolute;
  2399. width: 168rpx;
  2400. top: -152rpx;
  2401. border: 1px solid #E0E0E0;
  2402. background: #FFFFFF;
  2403. font-size: 26rpx;
  2404. color: #333333;
  2405. text-align: center;
  2406. box-shadow: 10rpx 10rpx 5rpx #888888;
  2407. }
  2408. }
  2409. .tmmchen image {
  2410. width: 44rpx;
  2411. height: 44rpx;
  2412. margin-bottom: 10rpx;
  2413. }
  2414. .tmmchen .text {
  2415. height: 32rx;
  2416. font-size: 24rpx;
  2417. font-family: PingFangSC-Regular, PingFang SC;
  2418. font-weight: 400;
  2419. color: #666666;
  2420. line-height: 32rpx;
  2421. }
  2422. .zhezhao {
  2423. position: fixed;
  2424. top: 0;
  2425. left: 0;
  2426. z-index: 999;
  2427. width: 100%;
  2428. height: 100vh;
  2429. opacity: 0.5;
  2430. background-color: #666666;
  2431. }
  2432. .followingpop-up {
  2433. width: 100%;
  2434. height: 75vh;
  2435. background: #FFFFFF;
  2436. position: fixed;
  2437. background: #FFFFFF;
  2438. left: 0px;
  2439. bottom: 0px;
  2440. z-index: 1000;
  2441. display: flex;
  2442. flex-direction: column;
  2443. // position: absolute;
  2444. .calibration {
  2445. width: 90rpx;
  2446. height: 90rpx;
  2447. background: #2671E2;
  2448. text-align: center;
  2449. line-height: 90rpx;
  2450. border-radius: 50%;
  2451. color: #FFFFFF;
  2452. position: absolute;
  2453. right: 30rpx;
  2454. bottom: 100rpx;
  2455. }
  2456. .guanbibox {
  2457. width: 100%;
  2458. padding-bottom: 20rpx;
  2459. margin-top: 20rpx;
  2460. border-bottom: 1px solid #E0E0E0;
  2461. position: relative;
  2462. .guanbixen {
  2463. width: 30rpx;
  2464. height: 30rpx;
  2465. position: absolute;
  2466. right: 30rpx;
  2467. top: 6rpx;
  2468. }
  2469. .cenisboxtab {
  2470. width: 100%;
  2471. display: flex;
  2472. .cenisboxtabview {
  2473. flex: 1;
  2474. display: flex;
  2475. align-items: center;
  2476. justify-content: center;
  2477. color: #333333;
  2478. font-size: 30rpx;
  2479. font-weight: 600;
  2480. }
  2481. }
  2482. }
  2483. .cenisbox {
  2484. flex: 1;
  2485. overflow: auto;
  2486. .top-box {
  2487. height: 80rpx;
  2488. line-height: 80rpx;
  2489. display: flex;
  2490. color: #2671E2;
  2491. border-bottom: 1rpx solid #ccc;
  2492. }
  2493. .jianbox {
  2494. width: 100%;
  2495. border-bottom: 1px solid #E0E0E0;
  2496. padding-top: 24rpx;
  2497. padding-bottom: 24rpx;
  2498. .jianbox-cen {
  2499. width: 100%;
  2500. height: 78rpx;
  2501. // border-bottom: 1px solid #E0E0E0;
  2502. display: flex;
  2503. .jianboxtext {
  2504. flex: 1;
  2505. height: 100%;
  2506. font-size: 30rpx;
  2507. font-weight: 600;
  2508. line-height: 78rpx;
  2509. color: #333333;
  2510. text-indent: 30rpx;
  2511. }
  2512. .jianboxjian {
  2513. width: 80rpx;
  2514. height: 100%;
  2515. line-height: 78rpx;
  2516. text-align: center;
  2517. }
  2518. }
  2519. .bioqianwayl {
  2520. width: 690rpx;
  2521. margin: 0 auto;
  2522. display: flex;
  2523. flex-wrap: wrap;
  2524. }
  2525. .bioqianwayl view {
  2526. padding-left: 24rpx;
  2527. padding-right: 24rpx;
  2528. padding-top: 10rpx;
  2529. padding-bottom: 10rpx;
  2530. margin-right: 24rpx;
  2531. margin-top: 20rpx;
  2532. border-radius: 8rpx;
  2533. font-size: 26rpx;
  2534. }
  2535. }
  2536. }
  2537. }
  2538. .jiantop {
  2539. width: 14rpx;
  2540. height: 24rpx;
  2541. }
  2542. .jiantop1 {
  2543. width: 20rpx;
  2544. height: 14rpx;
  2545. }
  2546. .sdfsaf {
  2547. padding-left: 24rpx;
  2548. padding-right: 24rpx;
  2549. padding-top: 10rpx;
  2550. padding-bottom: 10rpx;
  2551. border-radius: 8rpx;
  2552. font-size: 26rpx;
  2553. }
  2554. .yixingindexclass {
  2555. border-bottom: 3px solid #2671E2;
  2556. }
  2557. .cenisboxdspl {
  2558. width: 94%;
  2559. margin: 0 auto;
  2560. padding-bottom: 24rpx;
  2561. display: flex;
  2562. flex-wrap: wrap;
  2563. .cenisboxdsplview {
  2564. padding-left: 24rpx;
  2565. padding-right: 24rpx;
  2566. padding-top: 10rpx;
  2567. padding-bottom: 10rpx;
  2568. background: #F4F8FD;
  2569. color: #2671E2;
  2570. font-size: 26rpx;
  2571. margin-right: 24rpx;
  2572. margin-top: 24rpx;
  2573. }
  2574. }
  2575. .bounced {
  2576. width: 570rpx;
  2577. background: #FFFFFF;
  2578. z-index: 1000;
  2579. border-radius: 10rpx;
  2580. position: fixed;
  2581. left: 50%;
  2582. top: 50%;
  2583. transform: translate(-50%, -50%);
  2584. .headpade {
  2585. margin-top: 10rpx;
  2586. padding: 8rpx 8rpx 8rpx 8rpx;
  2587. background: #108ee9;
  2588. color: #fff;
  2589. border-radius: 16rpx;
  2590. }
  2591. /* 50%为自身尺寸的一半 */
  2592. .jiajinghuatit {
  2593. width: 100%;
  2594. height: 68rpx;
  2595. font-size: 30rpx;
  2596. text-align: center;
  2597. line-height: 68rpx;
  2598. }
  2599. .jiajinghuaview {
  2600. padding: 18rpx 18rpx 18rpx 18rpx;
  2601. display: flex;
  2602. flex-wrap: wrap;
  2603. .jiajinghuaview1 {
  2604. padding: 8rpx 8rpx 8rpx 8rpx;
  2605. font-size: 26rpx;
  2606. border-radius: 12rpx;
  2607. border: 1px solid #979797;
  2608. margin-left: 8rpx;
  2609. }
  2610. .jighuaview2 {
  2611. padding: 8rpx 18rpx 8rpx 18rpx;
  2612. font-size: 26rpx;
  2613. border-radius: 12rpx;
  2614. border: 1px solid #979797;
  2615. margin-left: 20rpx;
  2616. margin-top: 10rpx;
  2617. display: flex;
  2618. .view1-text {
  2619. text-align: center;
  2620. }
  2621. .view1-img {
  2622. width: 50rpx;
  2623. }
  2624. }
  2625. }
  2626. .bounced3 {
  2627. height: 100rpx;
  2628. width: 100%;
  2629. margin-top: 40rpx;
  2630. border-top: 1px solid #dddddd;
  2631. display: flex;
  2632. }
  2633. .bounced3-1 {
  2634. width: 50%;
  2635. height: 100%;
  2636. text-align: center;
  2637. line-height: 100rpx;
  2638. border-right: 1px solid #dddddd;
  2639. font-size: 36rpx;
  2640. color: #999999;
  2641. }
  2642. .bounced3-2 {
  2643. width: 50%;
  2644. height: 100%;
  2645. text-align: center;
  2646. line-height: 100rpx;
  2647. font-size: 36rpx;
  2648. color: #108ee9;
  2649. }
  2650. }
  2651. .viewclace {
  2652. width: 100rpx;
  2653. height: 40rpx;
  2654. text-align: center;
  2655. line-height: 40rpx;
  2656. border-radius: 14rpx;
  2657. margin-right: 34rpx;
  2658. margin-top: 16rpx;
  2659. font-size: 24rpx;
  2660. background: #eee;
  2661. }
  2662. .bosdttom {
  2663. color: #FFFFFF;
  2664. background-color: #2671E2;
  2665. }
  2666. .fileName {
  2667. max-width: 200rpx;
  2668. text-align: center;
  2669. margin: 10rpx auto;
  2670. font-size: 28rpx;
  2671. font-weight: 400;
  2672. color: #666;
  2673. height: 52rpx;
  2674. line-height: 52rpx;
  2675. background: #F8F8F8;
  2676. border-radius: 4rpx;
  2677. padding: 0 20rpx;
  2678. }
  2679. .dialog-block {
  2680. margin: 20rpx 0;
  2681. }
  2682. .scroll-Y {
  2683. font-size: 36rpx;
  2684. color: #999999;
  2685. background: #FFFFFF;
  2686. margin-top: 30rpx;
  2687. flex: 1;
  2688. overflow-y: scroll;
  2689. width: 100%;
  2690. }
  2691. // 顾问默认在右边显示
  2692. .scroll-Y .text[data-guwen="0"] {
  2693. flex-direction: row-reverse;
  2694. text-align: right;
  2695. .contentInfo {
  2696. .info {
  2697. color: #666;
  2698. font-size: 22rpx;
  2699. padding: 0 28rpx;
  2700. height: 62rpx;
  2701. }
  2702. .contentMain {
  2703. display: flex;
  2704. flex-direction: row-reverse;
  2705. align-items: center;
  2706. .content {
  2707. margin-left: 0;
  2708. margin-right: 30rpx;
  2709. }
  2710. .play {
  2711. width: 50rpx;
  2712. height: 50rpx;
  2713. margin-right: 20rpx;
  2714. }
  2715. }
  2716. }
  2717. }
  2718. .scroll-Y .text[data-guwen="0"] {
  2719. .contentInfo {
  2720. .info {
  2721. .AudioUserName {
  2722. margin-left: 10rpx;
  2723. }
  2724. display: flex;
  2725. flex-direction: row-reverse;
  2726. }
  2727. }
  2728. }
  2729. .scroll-Y .text {
  2730. position: relative;
  2731. margin: 30rpx;
  2732. line-height: 80rpx;
  2733. display: flex;
  2734. .contentInfo {
  2735. .info {
  2736. .AudioUserName {
  2737. margin-right: 10rpx;
  2738. }
  2739. }
  2740. }
  2741. }
  2742. .scroll-Y .text .avatar {
  2743. text {
  2744. display: block;
  2745. width: 72rpx;
  2746. height: 72rpx;
  2747. line-height: 72rpx;
  2748. text-align: center;
  2749. background: #FFFFFF;
  2750. border-radius: 8rpx;
  2751. font-size: 30rpx;
  2752. font-family: PingFangSC-Medium, PingFang SC;
  2753. font-weight: 500;
  2754. box-sizing: border-box;
  2755. }
  2756. image {
  2757. width: 72rpx;
  2758. height: 72rpx;
  2759. }
  2760. }
  2761. .scroll-Y .text .contentInfo .info {
  2762. color: #666;
  2763. font-size: 22rpx;
  2764. padding: 0 28rpx;
  2765. height: 50rpx;
  2766. line-height: 50rpx;
  2767. }
  2768. .scroll-Y .text .contentInfo .contentMain {
  2769. display: flex;
  2770. align-items: center;
  2771. }
  2772. .scroll-Y .text .contentInfo .contentMain .content {
  2773. margin-left: 30rpx;
  2774. line-height: 42rpx;
  2775. text-align: left;
  2776. padding: 15rpx 20rpx;
  2777. border-radius: 8rpx;
  2778. max-width: 442rpx;
  2779. background: #F8F8F8;
  2780. font-size: 30rpx;
  2781. font-family: PingFangSC-Regular, PingFang SC;
  2782. font-weight: 400;
  2783. color: #505050;
  2784. .tankuangcss {
  2785. position: absolute;
  2786. top: -140rpx;
  2787. left: 50%;
  2788. transform: translateX(-50%);
  2789. z-index: 1000;
  2790. min-width: 150rpx;
  2791. height: 140rpx;
  2792. display: flex;
  2793. background: rgba(48, 48, 48, 0.8);
  2794. border-radius: 15rpx;
  2795. .tankuangcss-items {
  2796. width: 150rpx;
  2797. display: flex;
  2798. flex-direction: column;
  2799. justify-content: center;
  2800. align-items: center;
  2801. image {
  2802. width: 36rpx;
  2803. height: 36rpx;
  2804. }
  2805. text {
  2806. margin: 12rpx 0 0 0;
  2807. font-size: 24rpx;
  2808. color: #fff;
  2809. }
  2810. }
  2811. }
  2812. .bottoms {
  2813. top: unset;
  2814. bottom: -140rpx;
  2815. }
  2816. }
  2817. .scroll-Y .text .contentInfo .contentMain .play {
  2818. width: 50rpx;
  2819. height: 50rpx;
  2820. margin-left: 20rpx;
  2821. }
  2822. .backTop {
  2823. width: 60rpx;
  2824. height: 60rpx;
  2825. background: rgba(211, 235, 253, 1);
  2826. box-shadow: 0rpx 0rpx 2rpx 4rpx rgba(38, 161, 255, 0.04);
  2827. border-radius: 50%;
  2828. position: fixed;
  2829. bottom: 200rpx;
  2830. right: 8rpx;
  2831. display: flex;
  2832. justify-content: center;
  2833. align-items: center;
  2834. image {
  2835. width: 26rpx;
  2836. height: 34rpx;
  2837. }
  2838. }
  2839. .jiangshang {
  2840. color: #fff;
  2841. background: #2671E2;
  2842. }
  2843. .jiangshang1 {
  2844. color: #FFFFFF;
  2845. background: #999999;
  2846. }
  2847. // 表单
  2848. .tian-view {
  2849. width: 570rpx;
  2850. background-color: #FFFFFF;
  2851. border-bottom: 1px solid #ededee;
  2852. display: flex;
  2853. min-height: 96rpx;
  2854. .tian-view-t1 {
  2855. width: 20rpx;
  2856. font-size: 34rpx;
  2857. height: 34rpx;
  2858. line-height: 110rpx;
  2859. letter-spacing: 0px;
  2860. color: red;
  2861. }
  2862. .tian-view-t2 {
  2863. width: 30%;
  2864. min-height: 96rpx;
  2865. line-height: 96rpx;
  2866. font-size: 34rpx;
  2867. color: #333;
  2868. }
  2869. .tian-view-t3 {
  2870. width: 61%;
  2871. padding-top: 31rpx;
  2872. padding-bottom: 31rpx;
  2873. display: flex;
  2874. .tian-input {
  2875. width: 98%;
  2876. font-size: 34rpx;
  2877. border: none;
  2878. }
  2879. }
  2880. }
  2881. .inputbox {
  2882. width: 100%;
  2883. height: 100rpx;
  2884. display: flex;
  2885. align-items: center;
  2886. justify-content: center;
  2887. border-bottom: 1px solid #E0E0E0;
  2888. .thisinput {
  2889. width: 94%;
  2890. height: 52rpx;
  2891. background: #FFFFFF;
  2892. border-radius: 8rpx;
  2893. border: 1px solid #C9C9C9;
  2894. color: #333333;
  2895. font-size: 26rpx;
  2896. text-indent: 26rpx;
  2897. line-height: 52rpx;
  2898. }
  2899. }
  2900. .biaoqiantom {
  2901. background-color: #008EF2;
  2902. color: #FFFFFF;
  2903. border: none;
  2904. }
  2905. .Level-box {
  2906. padding-bottom: 2rpx;
  2907. .hhhbox {
  2908. width: 100%;
  2909. padding-left: 30rpx;
  2910. padding-right: 30rpx;
  2911. border-bottom: 1rpx solid #E0E0E0;
  2912. background: #FFFFFF;
  2913. .hsnrtest {
  2914. font-size: 24rpx;
  2915. font-weight: 400;
  2916. color: #666666;
  2917. line-height: 24rpx;
  2918. }
  2919. .Level3che {
  2920. width: 100%;
  2921. height: 28rpx;
  2922. display: flex;
  2923. line-height: 28rpx;
  2924. align-items: center;
  2925. margin-top: 30rpx;
  2926. .title1 {
  2927. flex: 1;
  2928. font-size: 28rpx;
  2929. color: #2671E2;
  2930. font-weight: 400;
  2931. }
  2932. .jiantobox {
  2933. width: 30rpx;
  2934. height: 30rpx;
  2935. display: flex;
  2936. align-items: center;
  2937. .arrow {
  2938. width: 28rpx;
  2939. height: 28rpx;
  2940. }
  2941. }
  2942. }
  2943. }
  2944. .Level2che {
  2945. width: 100%;
  2946. height: 88rpx;
  2947. display: flex;
  2948. line-height: 88rpx;
  2949. align-items: center;
  2950. .title1 {
  2951. flex: 2;
  2952. font-size: 28rpx;
  2953. color: #333333;
  2954. font-weight: 400;
  2955. }
  2956. .leve1-jindu {
  2957. flex: 3;
  2958. display: flex;
  2959. justify-content: center;
  2960. align-items: center;
  2961. .zhixing {
  2962. width: 108rpx;
  2963. height: 44rpx;
  2964. background: #2671E2;
  2965. border-radius: 4rpx;
  2966. font-size: 28rpx;
  2967. text-align: center;
  2968. line-height: 44rpx;
  2969. color: #FFFFFF;
  2970. }
  2971. .zhixing2 {
  2972. width: 108rpx;
  2973. height: 44rpx;
  2974. background: #F8F8F8;
  2975. border-radius: 4rpx;
  2976. font-size: 28rpx;
  2977. text-align: center;
  2978. line-height: 44rpx;
  2979. color: #999999;
  2980. }
  2981. }
  2982. .jiantobox {
  2983. width: 30rpx;
  2984. height: 30rpx;
  2985. display: flex;
  2986. align-items: center;
  2987. .arrow {
  2988. width: 30rpx;
  2989. height: 18rpx;
  2990. }
  2991. }
  2992. }
  2993. .Level1che {
  2994. width: 100%;
  2995. height: 94rpx;
  2996. background: #F5F5F5;
  2997. display: flex;
  2998. line-height: 94rpx;
  2999. align-items: center;
  3000. padding-left: 30rpx;
  3001. padding-right: 30rpx;
  3002. .title1 {
  3003. flex: 2;
  3004. font-size: 30rpx;
  3005. color: #333333;
  3006. font-weight: 400;
  3007. }
  3008. .leve1-jindu {
  3009. flex: 3;
  3010. .jindutiao {
  3011. width: 96%;
  3012. height: 28rpx;
  3013. background: #D5EEE2;
  3014. line-height: 28rpx;
  3015. border-radius: 14rpx;
  3016. position: relative;
  3017. .huanxing {
  3018. height: 100%;
  3019. background: #4FC78F;
  3020. border-radius: 14rpx;
  3021. }
  3022. .text {
  3023. position: absolute;
  3024. top: 0rpx;
  3025. right: 0rpx;
  3026. font-size: 28rpx;
  3027. font-weight: 400;
  3028. color: #333333;
  3029. }
  3030. }
  3031. }
  3032. .jiantobox {
  3033. width: 30rpx;
  3034. height: 30rpx;
  3035. display: flex;
  3036. align-items: center;
  3037. .arrow {
  3038. width: 30rpx;
  3039. height: 18rpx;
  3040. }
  3041. }
  3042. }
  3043. }
  3044. .rotatearrow {
  3045. transform: rotate(270deg);
  3046. }
  3047. .ffectivetext {
  3048. width: 85%;
  3049. margin: 10rpx auto;
  3050. height: 100rpx;
  3051. padding: 20rpx;
  3052. border: 1rpx solid #E4F0FF;
  3053. }
  3054. .scroll-Y .text.active .content {
  3055. color: #2671E2 !important;
  3056. // position: relative;
  3057. }
  3058. .scroll-Y .text.active .info {
  3059. color: #2671E2 !important;
  3060. // position: relative;
  3061. }
  3062. .scroll-Y .text.active[data-speaker] .content,
  3063. .scroll-Y .text.active[data-speaker="2"] .content,
  3064. .scroll-Y .text.active[data-speaker="4"] .content,
  3065. .scroll-Y .text.active[data-speaker="6"] .content {
  3066. color: #2671E2 !important;
  3067. // position: relative;
  3068. }
  3069. /deep/ .u-model-title {
  3070. padding: 34rpx 0 16rpx !important;
  3071. }
  3072. .checkbox {
  3073. margin: 0 10rpx 0 0;
  3074. width: 48rpx;
  3075. height: 48rpx;
  3076. display: flex;
  3077. justify-content: center;
  3078. align-items: center;
  3079. border-radius: 50%;
  3080. border: 1rpx solid #70798D;
  3081. &.select {
  3082. border-color: #008EF2;
  3083. background: #008EF2;
  3084. color: #fff;
  3085. }
  3086. }
  3087. .show-visit-content {
  3088. width: 100%;
  3089. height: 100%;
  3090. display: flex;
  3091. flex-direction: column;
  3092. .visit-title {
  3093. font-size: 32rpx;
  3094. font-weight: bold;
  3095. line-height: 70rpx;
  3096. text-align: center;
  3097. }
  3098. .visit-box {
  3099. flex-grow: 1;
  3100. display: flex;
  3101. flex-direction: column;
  3102. align-items: center;
  3103. .visit-step {
  3104. margin: 20rpx 0 0 0;
  3105. display: flex;
  3106. justify-content: center;
  3107. align-items: center;
  3108. border: 1rpx solid #999;
  3109. .mitems {
  3110. flex-shrink: 0;
  3111. width: 70rpx;
  3112. height: 70rpx;
  3113. background-color: #F2F2F2;
  3114. display: flex;
  3115. align-items: center;
  3116. justify-content: center;
  3117. }
  3118. .input {
  3119. width: 100rpx;
  3120. font-size: 32rpx;
  3121. text-align: center;
  3122. }
  3123. }
  3124. .tips {
  3125. padding: 20rpx 0;
  3126. width: 80%;
  3127. font-size: 26rpx;
  3128. }
  3129. }
  3130. .visit-btns {
  3131. width: 100%;
  3132. height: 88rpx;
  3133. display: flex;
  3134. .btn-item {
  3135. flex-grow: 1;
  3136. height: 100%;
  3137. display: flex;
  3138. align-items: center;
  3139. justify-content: center;
  3140. border: 1rpx solid #999;
  3141. }
  3142. }
  3143. }
  3144. /deep/textarea {
  3145. height: 70rpx;
  3146. }
  3147. </style>