Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

details2.vue 78 KiB

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