AI销管
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

2837 wiersze
70 KiB

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