From 434210b4d647035700b41d12663ad2ee6dbaf862 Mon Sep 17 00:00:00 2001
From: jyt <1592211625@qq.com>
Date: Fri, 10 Jun 2022 18:13:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=BE=85=E8=AF=A6=E6=83=85=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Receive/icon/exportIcon.png |  Bin 0 -> 737 bytes
 src/views/Receive/icon/gu.png         |  Bin 0 -> 2830 bytes
 src/views/Receive/icon/ke.png         |  Bin 0 -> 3131 bytes
 src/views/Receive/icon/play.png       |  Bin 0 -> 2157 bytes
 src/views/Receive/index.vue           | 1012 +++++++++++++------------
 vue.config.js                         |    4 +-
 6 files changed, 537 insertions(+), 479 deletions(-)
 create mode 100644 src/views/Receive/icon/exportIcon.png
 create mode 100644 src/views/Receive/icon/gu.png
 create mode 100644 src/views/Receive/icon/ke.png
 create mode 100644 src/views/Receive/icon/play.png

diff --git a/src/views/Receive/icon/exportIcon.png b/src/views/Receive/icon/exportIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1b99c6699ce4ba44b394c82c3919a70615f8633
GIT binary patch
literal 737
zcmV<70v`Q|P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%n@L1LR9HvtmpzCRK@`W|OClFAiWf+!LJCVkX0owJARtEK*9nS^%5{QbW8s0I
zji8`5Hiw0U;AtUIxWhYw;UGZ-Np|K6OUtt}<orm4<V^Bp!bSEZo0-i=A(&<%^Pm6!
zx9`pD&LRx?OC%E0jYeY;04Nj+ohcTJ--fZmVJ4;1>7CVTbrk>(tNDodAsh}L&FAw!
zz500u$Ye58l}crWh>keJ5OFmUiJZ*ka!oG~o&Zv*RG?n3zapX;mypG1G<q(Z&9+S;
zi~)!UW3kvXBDy%p91$06+nz;4GJ!A#V2sTJz*Qqt#CajaH6yKwh%t5#0B)LSdm2Q%
zD}=bEo1?7&=lnDgE$NK<jr;xnQ{{4bd0@+Q#;W(pWO9$vHJi<uPN(x!vj%2^!Qh)f
zAV7se;k#}vXe;0hQ!t$K&L99Or6<p>*s`nx>RK+BKj|vM7#p;@NlNL{c{uab9o-<J
z2U}0HIU&TuK?b7&aL(t5=zcE`8Dkp&FufJ}RZ1D2B!Dvy5jPaTwvy_4IBEs{p8rn*
zYy!Xzmo{xmDW}|8*l!nkt^nu!IshDZ30V<BJenwgZj0&0$FT-f`S-a5txG9?O|$}>
z^EDzm<Px$brDT%^cntt<2a+Wr#My}g=z6RhA9)Sv0(9g50s2)yz2E=5!=uq?z{{yt
zS90gLI#t(dHRm=Z^(6cP01<~UDW!bx#n@D9Syr;$ZohNrD+)lJ*-rHSM8wZTbQ=KH
zO^r=-KA&$t5#1r8y$=1d0!RbETN9HBXpVJz&pBVveQ=CB91))jAue?R;_>+IR;%>{
z0M3s)sGlDqzV!S3mrJG6k8LN|SS)sdh^_#@K_c2UP8dY20l-H@d~DnHi=Ovy<!nbU
T&jR``00000NkvXXu0mjf*e*s1

literal 0
HcmV?d00001

diff --git a/src/views/Receive/icon/gu.png b/src/views/Receive/icon/gu.png
new file mode 100644
index 0000000000000000000000000000000000000000..94ac61a568691ded94e82db5752cbcdff49c71b0
GIT binary patch
literal 2830
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

literal 0
HcmV?d00001

diff --git a/src/views/Receive/icon/ke.png b/src/views/Receive/icon/ke.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae5bc7c30a954c7ea4edc289d69ab667df21615c
GIT binary patch
literal 3131
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
VBZBZVEl2<W002ovPDHLkV1fZg;}8G<

literal 0
HcmV?d00001

diff --git a/src/views/Receive/icon/play.png b/src/views/Receive/icon/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..70df8c0cd5785df6dd4ea39c8deec6cffd9d8b90
GIT binary patch
literal 2157
zcmV-z2$J`SP)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}00001b5ch_0Itp)
z=>Px-CrLy>R9Hv7S$%L^RTcl8``+dQlUN&z%_c7bmEEMo+K84G80AZ#sBINNaS%`h
zlv-goZKRpnkO4|Qcc-nx03u^W21HuTV5LxD>L5@$mZ_ypc6W@`eVfEmXtimZ&v%dW
z_U%{FP4>N{_5HQ`-Z{VXd*}Y{x#!(WnBi5uI$Fa9u9HNcB)|=Z8{jeq28pN-KtF&!
z0XoR}*dBVc;=`GQr0F<U`Fk$~j2k6m1%M0eV~|0FzX0@msQE91Tj!WB<mhrlxOz?R
zXN@tV1;90qqGU5B3=wE!VR2FOzNU};$1a{N!t;O9TWO5SN11U8z!QAPAm9xGc0-_#
zLH!Wa&juHO;3j4_h$@-obzsb!NQ{V%67z<+CECVaO*EE^cuvAqtMx0`z>5qn%>*N&
z9Rl>6VE)6wpmsD@AoIDYcPYhkK;FrW^T*+VURQyea$!wLxXK^9hgoiBz?A|g+N~-|
zeOH_N4Lc;W+01X`JmW;{hhVH@=8vbb(UYgDUp>(3?w$;LQo`Oky_F@eNjehIfMCA6
zJ6QSrbcs&%yQJ~Ml4Ap>+QEER#<Sz3DmR4N%HPZ`{VaFQ%u1Gzr^(`w5LnjTUU}e5
zk<G-Z^65WfLXeqN>pmS3`RbxjbJ;&n)BMC6mS*|Yqznl3HVb80q{IEe*&v(5^!Q^}
z6S$L^KN6=5+OL%4U)I%h?uqeQ&-fRw1|#y_<OCzaAtrUv*(RH$Q0>#dW&m5$m58=Q
zg4&If688G_XPNoi@i#OzEBMm0C4<RE%j=7-W8k5b96?LNL2XC+f8v+5D9FDi-%bH;
zIg=C2iJUxseLI+MNJ`^dB^9+zO(d=ViOb`Q?o6#<M7tvaZHe6=7eB$S;yx(5nrO(b
z&s27vy1pt%;{d>lX{V65y*p6xs}y0gH;`<k%806}U$9$etJmlk8e@19gdze5W-~qV
zc2FCfDRGZqe==3>2tAQN<)_kwebImfd<pID2nV#Kb_06qVm?S2NNFrSQE6qQLwngS
zMmD?Zh9hNiaPVKrYNe{8wyUjTUtAI%U$iILb!DdCPC##+UeA)vhG^VHL|Y3O_x&xX
z_1eM7W|JvXLDUoqXb+OPz8ePKvmD590q5pg&ojX%Bb*qm0f5#oSX{pOw>OjFl(@N|
zNbu$aw|$YIR!ddBXq^Pw6EkvGIH+Ce1b8aKX&l<8D)>QHyY`L~>>7WsHo`_U>62HO
zKbJgyeG`~hnKuQfITX~^IsvsuIGzqB;wSU+O4h#DJnNX<7#_bK19N%YUSJV<{rZc{
z9A8a@pdW`iw8RkDgS1aLF|dSx3q|>IcU$?pb|QHF`W|NfeEgLaWd(VC`dbW+*IYsL
zjZi?_Y6mE3<CJhhdeO3yig|V#cCSC$$&6*zoDlbt*B3p+z<Cy7<+4zq{H?Q1*u+;<
z<zhQo_WGlbGvl5F;fKiMi*}hG16Gj`*F*vpul+v=yFeEn3~GPR70cs`{u03LRzgLC
zso_5{^VOE9#ch#}if3|xWImscBmmkT32I-l6UXC^z6!>dEPCP&lkhXle5;jmdLSIo
zPFn<~0(MMTi04Zsf6wmn?eRs;kA{olG7`$QCgB!luD28+9t(F=thDpyjwc<VM-Wzq
zIx1hWi{IGD;<*9+C>S4&6ISqPs`kfjGgxl1G@NcS?1JXXFcC%o(Nb1izQJiXSG78}
zL>kg60)(OB619}7*2YTZ5Fbvqa%!HdrmLmw;F%yypx5CN_l8@`!*=n;&5z8{2VM#X
zE0@KaAFp5E#mrw!l#X@bK*b|=15A?P!z8FK+@U>d7blyY*QbXV?6ne1-wy}1UnB^}
z?q`-ki!cr;#adNY6OGsj=JiFt%fQptu#qJ26NSaa4NkV7vXWgLyNV5Il~^KKAY5hp
z+vmP-5w1Vt=CQ#ZFbb^6NB4(2w2gKMFY)PxM+wbfK3@Sn+!fUJ*zudnhMB3#T#|v$
zS$63%nEFH-S1pJ>m{okvymy*PkIyvtbo@R3-fw~pYs1DIHG$f2ySCqwM&er7cx=|-
zz=<Aao}DoKc_g6SJ)M9v@u^+gKj-A|*j_Me37jpFVC5Z2%yC;)nZ2=TAV8}^LG5QV
zA>hO}zUMZezs8Kqt)yW{bt&Gimhx0jJdW@cjjZ+`kG;a+tE|zWF$P`lw7+mdGSk-U
z*PmkMJ5%=r-4*H3p31a2Z8Pv9pFVq(cu#UKmxxXZ#&^1d+V7@IB$uC++1O*5WQk}~
zIH27((KqYvWleow^~mVhZU7~TS;_=n9}ZSNoGZA~=cZ;)4UcY1$-t7r&d)5?mS+17
zoOHX@Q`dVrq}&GZoD>P7KZ2CHNQXP*l-NXjvvhgu`fdhfTgC*7lPz`?-L$u5_J6a*
zn0iC|f&TM&c&wAb3)0SHfbg_ZP|(=DVUBr1<oNRXV^@M@Yr4)R#*t{#g2fg7slKpt
z9vRGUe7|Vy`0y5hzdk|yqYV66fI3wYod*Kt`ee+_uIo1^doN+h%fVQYTyE1NhanKH
znmEB6XL#HU_UYFHXc?dF3=5)O0{XxlKbvEqFn%ZlDr2ygY!SziAajF{f33QdpJtY>
zsfH|PhBKYbOuaDBd#eGtKHG_qZEcuD884H9hU5xn*Vhr@OwjpjVhg3gD<oq%zzcH*
zG|%N2I|1s<S6nZdjZ99TEC$mioQYM_aQG7=!^4$CiW`#M0Lln3cQE^*P#>|;cTSP|
jkG&7NPfdqprqBNXLII6Ujt5tt00000NkvXXu0mjf)G05N

literal 0
HcmV?d00001

diff --git a/src/views/Receive/index.vue b/src/views/Receive/index.vue
index 5f02fbe..2c7c61a 100644
--- a/src/views/Receive/index.vue
+++ b/src/views/Receive/index.vue
@@ -1,37 +1,55 @@
 <template>
   <div class="box-center" style="cursor: pointer">
-    <div class="biaotibox">
+    <!-- <div class="biaotibox">
       <div>客户接待详情</div>
       <div><i @click="gojianyi()" class="el-icon-close"></i></div>
-    </div>
+    </div> -->
     <div class="topbox">
       <div class="topzuo">
         <div class="title" style="display: flex">
           <div style="flex-grow: 1">
-            <span class="span1"
-              >{{
+            <span class="span1">{{
                 userinformationlist.visitRecord == 1
                   ? "首"
                   : userinformationlist.visitRecord || ""
-              }}次到访</span
-            >
+            }}次到访</span>
             <span class="span2">
-              {{ yibiaoji || "" }}&nbsp;&nbsp;{{
-                userinformationlist.validInvalidName || ""
+              <span v-if="yibiaoji == '未标记'" style="color:#E7483C">{{ yibiaoji || "" }}</span>
+              <span v-else style="color:#32363D">{{ yibiaoji || "" }}</span>
+              &nbsp;&nbsp;{{
+                  userinformationlist.validInvalidName || ""
               }}
             </span>
           </div>
-          <div style="flex-shrink: 0; display: flex; color: #2671e2">
-            <div v-if="rec_index_addJ" @click="Addtodigest()">加精</div>
-            <div
-              v-if="rec_index_receflag"
-              style="margin-left: 20px"
-              @click="alllogo()"
-            >
-              {{ userinformationlist.validInvalidName }}
+          <div style="flex-shrink: 0; display: flex; color: #2671e2;align-items: center;">
+            <div v-if="rec_index_addJ" @click="Addtodigest()">
+              <div v-if="arr[this.aplayerId].status == 0" style="display:flex;align-items: center;">
+                <i class="el-icon-star-on" style="font-size:20px;"></i>
+                <span style="font-size: 14px;color: #333333;margin-left:4px">加精成功</span>
+              </div>
+              <div v-else style="display:flex;align-items: center;">
+                <i class="el-icon-star-off"></i>
+                <span style="font-size: 14px;color: #333333;margin-left:4px">设置加精</span>
+              </div>
+            </div>
+            <div v-if="rec_index_receflag" style="margin-left: 20px" @click="alllogo()">
+              <div v-if="userinformationlist.validInvalidName == '有效接待'" style="display:flex;align-items: center;">
+                <i style="color:#E7483C" class="el-icon-remove"></i>
+                <span style="font-size: 14px;color: #333333;margin-left:4px">{{ userinformationlist.validInvalidName
+                }}</span>
+              </div>
+              <div v-else style="display:flex;align-items: center;">
+                <i style="color:#43CD80" class="el-icon-success"></i>
+                <span style="font-size: 14px;color: #333333;margin-left:4px">{{ userinformationlist.validInvalidName
+                }}</span>
+              </div>
             </div>
             <!-- 导出 -->
-            <div v-if="permissions.cus_index_downLoad_word" class="outDownLoad" @click="exportWord">导出话术</div>
+            <div v-if="permissions.cus_index_downLoad_word" class="outDownLoad" @click="exportWord"
+              style="display:flex;align-items: center;">
+              <i class="expIcon"></i>
+              <span style="font-size: 14px;color: #333333;margin-left:4px">导出话术</span>
+            </div>
           </div>
         </div>
         <div class="title" style="margin-top: 6px">
@@ -41,17 +59,11 @@
         <div style="display: flex; width: 100%">
           <div class="aplayer" id="aplayer"></div>
           <div style="margin-left: -5px; margin-top: 21px" @click="download()">
-            <img
-              style="width: 12px; height: 12px"
-              src="/img/xiaza1.png"
-              alt=""
-            />
+            <img style="width: 12px; height: 12px" src="/img/xiaza1.png" alt="" />
           </div>
         </div>
         <div class="aplayerSpeed">
-          <div
-            style="display: flex; justify-content: space-around; width: 130px"
-          >
+          <div style="display: flex; justify-content: space-around; width: 130px">
             <div @click="aplayerChange('del')" style="cursor: pointer">
               上一首
             </div>
@@ -62,43 +74,29 @@
               下一首
             </div>
           </div>
-          <div
-            @click="aplayerSpeed(0.5)"
-            :class="aplayerSpeedNum == 0.5 ? 'aplayerSpeedFont' : ''"
-            style="cursor: pointer"
-          >
+          <div @click="aplayerSpeed(0.5)" :class="aplayerSpeedNum == 0.5 ? 'aplayerSpeedFont' : ''"
+            style="cursor: pointer">
             0.5x
           </div>
-          <div
-            @click="aplayerSpeed(1)"
-            :class="aplayerSpeedNum == 1 ? 'aplayerSpeedFont' : ''"
-            style="cursor: pointer"
-          >
+          <div @click="aplayerSpeed(1)" :class="aplayerSpeedNum == 1 ? 'aplayerSpeedFont' : ''" style="cursor: pointer">
             1.0x
           </div>
-          <div
-            @click="aplayerSpeed(1.5)"
-            :class="aplayerSpeedNum == 1.5 ? 'aplayerSpeedFont' : ''"
-            style="cursor: pointer"
-          >
+          <div @click="aplayerSpeed(1.5)" :class="aplayerSpeedNum == 1.5 ? 'aplayerSpeedFont' : ''"
+            style="cursor: pointer">
             1.5x
           </div>
-          <div
-            @click="aplayerSpeed(2)"
-            :class="aplayerSpeedNum == 2 ? 'aplayerSpeedFont' : ''"
-            style="cursor: pointer"
-          >
+          <div @click="aplayerSpeed(2)" :class="aplayerSpeedNum == 2 ? 'aplayerSpeedFont' : ''" style="cursor: pointer">
             2.0x
           </div>
         </div>
       </div>
       <div class="topyou">
-        <div style="font-size: 16px">
+        <div style="font-size: 16px;font-weight: bold;">
           客户：<span style="color: #2671e2">{{
-            userinformationlist.name || ""
+              userinformationlist.name || ""
           }}</span>
         </div>
-        <div style="display: flex; font-size: 15px; margin-top: 8px">
+        <div style="display: flex; font-size: 14px; margin-top: 8px">
           <div style="width: 50%">
             <div>负责顾问：{{ userinformationlist.agentName || "" }}</div>
             <div style="margin-top: 8px">
@@ -109,15 +107,26 @@
               <span v-if="userinformationlist.level == 3">C</span>
               <span v-if="userinformationlist.level == 4">D</span>
             </div>
+            <div style="font-size: 14px; margin-top: 8px">
+              接待时长：
+            </div>
           </div>
           <div style="width: 50%">
             <div>到访次数：{{ userinformationlist.visitRecord || "" }}次</div>
             <div style="margin-top: 8px">客户阶段：</div>
+            <div style="font-size: 14px; margin-top: 8px;display: flex;">
+              <span style="white-space: nowrap;">最近到访时间：</span>
+              <el-popover placement="top-start" trigger="hover" :content="userinformationlist.createTime">
+                <span slot="reference"
+                  style="width: 74px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;">{{
+                      userinformationlist.createTime || ""
+                  }}</span>
+              </el-popover>
+
+            </div>
           </div>
         </div>
-        <div style="font-size: 15px; margin-top: 8px">
-          最近到访时间：{{ userinformationlist.createTime || "" }}
-        </div>
+
       </div>
     </div>
 
@@ -127,30 +136,26 @@
           <div class="zuo-titbox">
             <div class="searchbox">
               <div style="flex: 1">
-                <div
-                  style="width: 96%; display: flex; margin: 0 auto"
-                  @click="searchtab()"
-                >
+                <div style="width: 96%; display: flex; margin: 0 auto" @click="searchtab()">
                   <div class="input">请输入关键词</div>
                   <div class="input2">搜索</div>
                 </div>
               </div>
-              <div
-                v-if="rec_index_textyh"
-                style="
+              <div v-if="rec_index_textyh" style="
                   width: 100px;
                   display: flex;
                   justify-content: center;
                   align-items: center;
-                "
-              >
-                <div class="searchbutt" @click="texttap()">文本优化</div>
+                ">
+                <el-button style="border:1px solid #2671e2;color:#2671e2" plain @click="texttap()">文本优化</el-button>
               </div>
             </div>
+            <!-- box-shadow: -10px 0px 7px -7px #d1d1d1 inset; -->
             <div class="headboxbott">
-              <div class="headovfu">
+              <div class="headovfu"
+                :style="{ boxShadow: tablist.length > 5 ? '-10px 0px 7px -7px #d1d1d1 inset' : '' }">
                 <div style="width: 100%; display: flex" class="inner-container">
-                  <div
+                  <!-- <div
                     @click="tapspagek(index)"
                     :class="{ roleindexclass: roleindex == index }"
                     class="biaoji1"
@@ -158,62 +163,61 @@
                     :key="index"
                   >
                     {{ item.name }}
-                  </div>
+                  </div> -->
+                  <el-button v-for="(item, index) in tablist" style="width:120px" :key="index"
+                    :class="{ 'el-button--primary': roleindex == index }" @click="tapspagek(index)">{{ item.name }}
+                  </el-button>
                 </div>
               </div>
               <div v-if="rec_index_flag" class="headpade">
-                <div
+                <!-- <div
                   class="biaoji"
                   @click="biaoji()"
-                  v-if="userinformationlist.merge == 0"
+                  
                 >
                   标记
-                </div>
+                </div> -->
+                <el-button v-if="userinformationlist.merge == 0"
+                  style="width: 80px;border:1px solid #E6625B;color:#E6625B" plain @click="biaoji()">标记</el-button>
               </div>
             </div>
-            <div style="width: 100%">
+            <div style="width: 100%;margin-top: 20px;border-top: 1px solid #ccc;">
               <div class="center2" id="center2">
                 <!-- roleindex -->
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-for="(item, index) in transcriptionlist"
+                <div class="text" :data-bg="item.bg" :data-ed="item.ed" v-for="(item, index) in transcriptionlist"
                   :class="{
                     right: item.isShow == 1,
                     actRight: item.isShow == 1,
-                  }"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                  v-if="roleindex == 0 || item.speaker == roleindex"
-                >
+                  }" :key="index" :data-speaker="item.speaker" v-if="roleindex == 0 || item.speaker == roleindex">
                   <div class="avatar">
                     <div>
-                      <div v-if="item.isShow == 1" class="gu">顾</div>
-                      <div v-else class="ke">客</div>
+                      <div v-if="item.isShow == 1" class="gu">
+                        <img src="./icon/gu.png" style="width:36px;height:36px;" />
+                      </div>
+                      <div v-else class="ke">
+                        <img src="./icon/ke.png" style="width:36px;height:36px;" />
+                      </div>
                     </div>
                   </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
+                  <div class="content123" @click="checkMsg(item, index)" style="cursor: pointer">
                     <div class="content123ss">
-                      {{ item.speaker | toCapital }}
+                      <span style="border: 1px solid #000;
+                            width: 16px;
+                            height: 16px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            margin-right: 5px;
+                            border-radius: 10px;">
+                        {{ item.speaker | toCapital }}
+                      </span>
                       {{ item.bg | timestamp }}
                     </div>
                     <div class="textcontent">
-                      <div
-                        class="content123s"
-                        :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                        v-html="item.onebest"
-                      ></div>
-                      <img
-                        @click.stop="play(item)"
-                        src="../../../public/img/play.png"
-                        alt=""
-                        style="flex-shrink: 0; width: 24px; height: 24px"
-                      />
+                      <div class="content123s" :class="{ adjskdjroleindexclass: item.isShow == 1 }"
+                        v-html="item.onebest"></div>
+                      <img @click.stop="play(item)" src="./icon/play.png" alt=""
+                        style="flex-shrink: 0; width: 24px; height: 24px" />
                     </div>
                   </div>
                 </div>
@@ -222,82 +226,59 @@
           </div>
         </div>
         <div class="topzuo-you" style="overflow-y: auto">
-          <div
-            style="
+          <div style="
               width: 100%;
               height: 44px;
               border-bottom: 1rpx solid #e0e0e0;
               display: flex;
+              margin: 10px 0;
               align-items: center;
-              border-bottom: 1px solid #e0e0e0;
-            "
-          >
-            <div
-              style="flex: 1; font-size: 16px; color: #333333; text-indent: 5%"
-            >
+            ">
+            <div style="flex: 1; font-size: 16px; color: #333333; text-indent: 5%">
               客户意向
             </div>
-            <div
-              v-if="rec_index_makesure"
-              style="flex: 1; font-size: 16px; color: #2671e2; text-indent: 70%"
-              @click="Acqtap()"
-            >
-              校准
-            </div>
+
+            <el-button v-if="rec_index_makesure" style="margin-right: 10px;border:1px solid #2671e2;color:#2671e2" plain
+              @click="Acqtap()">校准</el-button>
           </div>
-          <div class="pingfenbox">
-            <div
-              :class="{ activecllasscet: kehuyixiangcenterindex == 0 }"
-              @click="customerofintention(0)"
-            >
-              系统分析
-            </div>
-            <div
-              :class="{ activecllasscet: kehuyixiangcenterindex == 1 }"
-              @click="customerofintention(1)"
-            >
-              人工校准
+          <div class="pingfenbox" style="margin: 10px 0 20px;padding: 0px 10px 22px 10px;height:auto;">
+            <!-- <div :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" @click="customerofintention(0)">
+              
             </div>
+            <div :class="{ activecllasscet: kehuyixiangcenterindex == 1 }" @click="customerofintention(1)">
+              
+            </div> -->
+            <el-button :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" type=""
+              style="height: 40px; border-right: none;border-radius: 5px 0 0 5px;" @click="customerofintention(0)">系统分析
+            </el-button>
+            <el-button :class="{ activecllasscet: kehuyixiangcenterindex == 1 }" type=""
+              style="margin-left: 0px;height: 40px; border-left: none;border-radius: 0 5px 5px 0;"
+              @click="customerofintention(1)">人工校准</el-button>
           </div>
-          <div
-            v-if="Getintentionlist && Getintentionlist.length == 0"
-            style="width: 100%; text-align: center; line-height: 100px"
-          >
+          <div v-if="Getintentionlist && Getintentionlist.length == 0"
+            style="width: 100%; text-align: center; line-height: 100px">
             暂无数据
           </div>
           <div v-else>
-            <div
-              class="intentionBox"
-              v-for="(item, index) in Getintentionlist"
-              :key="index"
-            >
+            <div class="intentionBox" v-for="(item, index) in Getintentionlist" :key="index" style="border:none">
               <div class="intentionName">{{ item.name }}</div>
               <div class="intentionChe" v-if="kehuyixiangcenterindex == 0">
-                <div
-                  v-for="(funche, i) in item.newchildren"
-                  :key="i"
-                  v-if="funche.showType == 0"
-                >
+                <div v-for="(funche, i) in item.newchildren" :key="i" v-if="funche.showType == 0"
+                  style="background: #fff;border: 1px solid #2671e2;color: #2671e2;">
                   {{ funche.name }}
                 </div>
-                <div
-                  class="intentionview"
-                  v-for="(funche, i) in item.newchildren"
-                  :key="i"
-                  v-if="funche.showType == 1"
-                >
+                <div class="intentionview" v-for="(funche, i) in item.newchildren" :key="i" v-if="funche.showType == 1"
+                  style="background: #fff;border: 1px solid #2671e2;color: #2671e2;">
                   {{ funche.name }}
                 </div>
               </div>
               <div class="intentionChe" v-if="kehuyixiangcenterindex == 1">
-                <div
-                  v-for="(funche, i) in item.newchildren"
-                  :key="i"
-                  v-if="funche.showType == 0"
-                >
+                <div v-for="(funche, i) in item.newchildren" :key="i" v-if="funche.showType == 0"
+                  style="background: #fff;border: 1px solid #2671e2;color: #2671e2;">
                   {{ funche.name }}
                 </div>
-                <div v-for="(funche, i) in item.newchildren" :key="i">
+                <div v-for="(funche, i) in item.newchildren" :key="i"
+                  style="background: #fff;border: 1px solid #2671e2;color: #2671e2;">
                   {{ funche.name }}
                 </div>
               </div>
@@ -306,39 +287,52 @@
         </div>
       </div>
       <div class="topyou">
-        <div class="pingfenbox">
-          <div
-            :class="{ activecllasscet: zhixingcenterindex == 0 }"
-            @click="recordclick(0)"
-          >
+        <div style="
+              width: 100%;
+              height: 44px;
+              border-bottom: 1rpx solid #e0e0e0;
+              display: flex;
+              margin: 10px 0;
+              align-items: center;
+            ">
+          <div style="flex: 1; font-size: 16px; color: #333333; text-indent: 5%">
+            客户意向
+          </div>
+
+        </div>
+
+        <div class="pingfenbox" style="padding: 0px 10px 22px 10px;height:auto;">
+          <!-- <div :class="{ activecllasscet: zhixingcenterindex == 0 }" @click="recordclick(0)">
             销讲总执行率{{ userinformationlist.fraction || 0 }}%
           </div>
-          <div
-            v-if="rec_index_todo"
-            :class="{ activecllasscet: zhixingcenterindex == 1 }"
-            @click="recordclick(1)"
-          >
+          <div v-if="rec_index_todo" :class="{ activecllasscet: zhixingcenterindex == 1 }" @click="recordclick(1)">
             禁忌执行
-          </div>
+          </div> -->
+          <el-button :class="{ activecllasscet: zhixingcenterindex == 0 }" type=""
+            style="height: 40px; border-right: none;border-radius: 5px 0 0 5px;" @click="recordclick(0)">销讲总执行率{{
+                userinformationlist.fraction || 0
+            }}%</el-button>
+          <el-button :class="{ activecllasscet: zhixingcenterindex == 1 }" type=""
+            style="margin-left: 0px;height: 40px; border-left: none;border-radius: 0 5px 5px 0;"
+            @click="recordclick(1)">禁忌执行</el-button>
+
         </div>
+
         <div v-if="zhixingcenterindex == 0">
-          <div
-            style="
+          <div style="
               width: 100%;
               height: 44px;
               border-bottom: 1rpx solid #e0e0e0;
               display: flex;
               align-items: center;
-            "
-          >
-            <div
-              style="
+    background: #F0F6FF;
+            ">
+            <div style="
                 width: 60%;
                 font-size: 16px;
                 color: #333333;
                 text-indent: 20px;
-              "
-            >
+              ">
               指标
             </div>
             <div style="width: 40%; flex: 1; font-size: 16px; color: #333333">
@@ -351,110 +345,75 @@
         <div id="zxldiv" v-if="zhixingcenterindex == 0">
           <div class="zxlBox" v-for="(item, index) in ratelist" :key="index">
             <div class="zxlLev1" @click="changeshow(index)">
-              <div style="width: 60%" class="zxlLev1box">
+              <div style="width: 40%" class="zxlLev1box">
                 {{ item.name }}
-                {{
-                  ((item.ratepercent / item.rate).toFixed(2) * 100).toFixed()
-                }}%
               </div>
-              <div style="width: 40%">
-                <div style="width: 60px; text-align: center">
-                  <i
-                    v-if="item.show == true"
-                    style="font-size: 18px"
-                    class="el-icon-arrow-up"
-                  ></i>
-                  <i
-                    v-if="item.show == false"
-                    style="font-size: 18px"
-                    class="el-icon-arrow-right"
-                  ></i>
+              <div style="width: 60%;display:flex;align-items: center;">
+                <div style="width: 100%;height: 16px;background: #c8e8e4;border-radius: 8px;position:relative">
+                  <div
+                    :style="{ width: ((item.ratepercent / item.rate).toFixed(2) * 100).toFixed() + '%', height: '16px', background: '#07B79D', borderRadius: '8px' }">
+                  </div>
+                  <span
+                    style="position: absolute;top: -12px;font-size: 10px;right: 12px;color: #000;">{{ ((item.ratepercent
+                        / item.rate).toFixed(2) * 100).toFixed()
+                    }}%</span>
+                </div>
+                <!-- {{
+                    
+                }}% -->
+                <div style="width: 40px; text-align: center">
+                  <i v-if="item.show == true" style="font-size: 18px" class="el-icon-arrow-up"></i>
+                  <i v-if="item.show == false" style="font-size: 18px" class="el-icon-arrow-down"></i>
                 </div>
               </div>
             </div>
-            <div
-              class="zxlLev2"
-              v-if="item.show"
-              v-for="(subitem, i) in item.children"
-              :key="i"
-            >
-              <div style="width: 60%" class="zxlLev2tit">
+            <div class="zxlLev2" v-if="item.show" v-for="(subitem, i) in item.children" :key="i">
+              <div style="width: 40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" class="zxlLev2tit">
                 {{ subitem.name }}
               </div>
-              <div style="width: 40%; display: flex; align-items: center">
-                <div class="zxlzx" v-if="!subitem.selected">执行</div>
+              <div style="width: 60%; display: flex; align-items: center">
+                <div class="zxlzx" v-if="!subitem.selected">已执行</div>
                 <div v-else class="zxlzx2">未执行</div>
               </div>
             </div>
           </div>
         </div>
 
-        <div
-          id="zxldiv"
-          v-if="zhixingcenterindex == 1"
-          style="padding: 0px 10px 10px 10px"
-        >
-          <div
-            style="margin-top: 10px"
-            v-for="(item, index) in prohibitedlist"
-            :key="index"
-          >
+        <div id="zxldiv" v-if="zhixingcenterindex == 1" style="padding: 0px 10px 10px 10px">
+          <div style="margin-top: 10px" v-for="(item, index) in prohibitedlist" :key="index">
             {{ index + 1 }}、{{ item }}
           </div>
         </div>
       </div>
     </div>
 
-    <el-dialog
-      title="加入常错词"
-      :visible.sync="dialogFormVisible"
-      width="500px"
-      center
-      :close-on-click-modal="false"
-      @close="$refs.form.resetFields()"
-    >
+    <el-dialog title="加入常错词" :visible.sync="dialogFormVisible" width="500px" center :close-on-click-modal="false"
+      @close="$refs.form.resetFields()">
       <el-form :model="form" ref="form" label-width="80px" :rules="rules">
         <el-form-item label="常错词" prop="wrongWord">
           <el-input v-model="form.wrongWord" :disabled="isNum" maxlength="8" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="正确词" prop="correctWord">
-          <el-input
-            v-model="form.correctWord"
-            maxlength="8"
-            autocomplete="off"
-          ></el-input>
+          <el-input v-model="form.correctWord" maxlength="8" autocomplete="off"></el-input>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
+      <div slot="footer" class="dialog-footer" style="border-top:1px solid #eee;padding-top: 20px;display: flex;justify-content: end;">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
         <el-button type="primary" @click="subMsg">确 定</el-button>
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="标记顾问"
-      :visible.sync="dialogFormVisible11"
-      center
-      width="500px"
-      :close-on-click-modal="false"
-    >
-      <div
-        style="
+    <el-dialog title="标记顾问" :visible.sync="dialogFormVisible11" center width="500px" :close-on-click-modal="false">
+      <div style="
           width: 95%;
           display: flex;
           flex-wrap: wrap;
           margin: 0 auto;
           padding-top: 30px;
           padding-bottom: 30px;
-        "
-      >
-        <div
-          class="viewclace"
-          :class="roleindexbiaoji == index ? 'bosdttom' : ''"
-          @click="biaojixuanze(index)"
-          v-for="(item, index) in tablist.slice(1, tablist.length)"
-          :key="index"
-        >
+        ">
+        <div class="viewclace" :class="roleindexbiaoji == index ? 'bosdttom' : ''" @click="biaojixuanze(index)"
+          v-for="(item, index) in tablist.slice(1, tablist.length)" :key="index">
           <div>{{ item.name }}</div>
         </div>
       </div>
@@ -464,50 +423,33 @@
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="校准"
-      :visible.sync="dialogFormVisible12"
-      center
-      width="500px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="校准" :visible.sync="dialogFormVisible12" center width="500px" :close-on-click-modal="false">
       <div style="height: 400px; width: 100%; overflow: auto">
-        <div
-          class="intentionBox"
-          v-for="(item, index) in Acquirecustomerintentlist2"
-          :key="index"
-        >
+        <div class="intentionBox" v-for="(item, index) in Acquirecustomerintentlist2" :key="index">
           <div class="intentionName">{{ item.name }}</div>
           <div class="intentionChe2">
-            <div
-              v-for="(item1, i) in item.children"
-              :key="i"
-              @click="Edittag(item, item1, index, i)"
-              :style="{
-                border:
-                  item1.selected == 0
-                    ? '1px solid #0A6EE9'
-                    : '1px solid #E0E0E0',
-              }"
-            >
+            <div v-for="(item1, i) in item.children" :key="i" @click="Edittag(item, item1, index, i)" :style="{
+              border:
+                item1.selected == 0
+                  ? '1px solid #0A6EE9'
+                  : '1px solid #E0E0E0',
+              color:
+                item1.selected == 0
+                  ? '#0A6EE9'
+                  : '#000',
+            }">
               {{ item1.label }}
             </div>
           </div>
         </div>
       </div>
-      <div slot="footer" class="dialog-footer">
+      <div slot="footer" class="dialog-footer" style="border-top:1px solid #eee;padding-top: 20px;display: flex;justify-content: end;">
         <el-button @click="dialogFormVisible12 = false">取 消</el-button>
         <el-button type="primary" @click="intentlist2click()">确 定</el-button>
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="接待标记"
-      :visible.sync="dialogFormVisible13"
-      center
-      width="500px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="接待标记" :visible.sync="dialogFormVisible13" center width="500px" :close-on-click-modal="false">
       <div style="width: 80%; margin: 0 auto; font-size: 30px">
         <div>
           <el-radio v-model="effectiveindex" label="1">没电指派无录音</el-radio>
@@ -521,21 +463,14 @@
           <el-radio v-model="effectiveindex" label="5">其他</el-radio>
         </div>
         <div v-if="effectiveindex == 5">
-          <textarea
-            v-model="effectiveitext"
-            style="
+          <textarea v-model="effectiveitext" style="
               width: 100%;
               margin-top: 6px;
               border: 1px solid #e0e0e0;
               height: 100px;
               padding: 10px;
               font-size: 16px;
-            "
-            name=""
-            placeholder="备注"
-            cols="30"
-            rows="10"
-          ></textarea>
+            " name="" placeholder="备注" cols="30" rows="10"></textarea>
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -544,109 +479,75 @@
       </div>
     </el-dialog>
 
-    <div
-      v-if="dialogFormtext"
-      @click="dialogFormtext = false"
-      id="zhezhao"
-    ></div>
+    <div v-if="dialogFormtext" @click="dialogFormtext = false" id="zhezhao"></div>
     <div v-if="dialogFormtext" class="auDivhhh">
-      <div
-        style="
+      <div style="
           width: 100%;
           height: 50px;
           line-height: 50px;
           text-align: center;
           font-size: 20px;
           font-weight: 400;
-        "
-      >
+        ">
         文本优化
       </div>
-      <div style="width: 100%; display: flex; height: 32px;justify-content: space-between;padding: 0 15px; margin-bottom: 20px;">
+      <div
+        style="width: 100%; display: flex; height: 32px;justify-content: space-between;padding: 0 15px; margin-bottom: 20px;">
         <div style="width: 100%; height: 100%;display: flex;justify-content: center;">
-          <el-input placeholder="请输入关键词搜索" v-model="searchText" style="width:300px">
-            <el-button slot="append" icon="el-icon-search"></el-button>
+          <el-input placeholder="请输入关键词" v-model="searchText" style="width:100%">
+            <el-button slot="append" type="primary"
+              style="background:#2671e2;color:#fff;border-radius: 0 3px 3px 0;width:68px">搜索</el-button>
           </el-input>
         </div>
       </div>
-      <div
-        class="center3"
-        style="
+      <div class="center3" style="
           width: 95%;
           margin: 0 auto;
           border: 1px solid #e3e3e3;
           height: 430px;
           overflow-y: scroll;
-        "
-      >
-        <div
-          class="text"
-          :data-bg="item.bg"
-          :data-ed="item.ed"
-          v-for="(item, index) in optimizetext1"
-          :key="index"
-          :class="{ actRight: item.speaker % 2 == 0 }"
-          :data-speaker="item.speaker"
-        >
+        ">
+        <div class="text" :data-bg="item.bg" :data-ed="item.ed" v-for="(item, index) in optimizetext1" :key="index"
+          :class="{ actRight: item.speaker % 2 == 0 }" :data-speaker="item.speaker">
           <div class="buttonzu">
-            <span style="cursor: pointer" @click="texteditor(item, index)"
-              >纠正</span
-            >
+            <span style="cursor: pointer; color:#2671e2;" @click="texteditor(item, index)">纠正</span>
             &nbsp; &nbsp;
-            <span style="cursor: pointer" @click="optimdel(item,index)">删除</span>
-            <span
-              style="cursor: pointer; margin-left: 10px"
-              @click="editRole(item, index)"
-              >修改角色</span
-            >
+            <span style="cursor: pointer; color:#2671e2;" @click="optimdel(item, index)">删除</span>
+            <span style="cursor: pointer; color:#2671e2; margin-left: 10px" @click="editRole(item, index)">修改角色</span>
           </div>
           <div class="avatar">
-            <div>
-              <img
-                style="margin: 0 auto"
-                v-if="item.isShow == 1"
-                src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                alt=""
-              />
-              <div v-else>{{ item.speaker | toCapital }}</div>
+            <div :style="[spackerColor1(item.speaker)]">
+              <!-- <img style="margin: 0 auto" v-if="item.isShow == 1"
+                src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png" alt="" /> -->
+              <div>{{ item.speaker | toCapital }}</div>
             </div>
           </div>
           <div class="content123" style="cursor: pointer">
-            <div
-              class="content123s"
-              :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-              v-html="item.onebest"
-            ></div>
+            <div class="content123s" :class="{ adjskdjroleindexclass: item.isShow == 1 }" v-html="item.onebest"></div>
           </div>
         </div>
       </div>
-      <div
-        style="
+      <div style="
           display: flex;
           margin-top: 12px;
           height: 35px;
           align-items: center;
-          justify-content: center;
-        "
-      >
-        <el-button size="small" @click="savedraft(1)">保存并更新文本</el-button>
-        <el-button size="small" type="primary" @click="savedraft(0)"
-          >保存草稿</el-button
-        >
-        <el-button size="small" type="primary" @click="textrestore()"
-          >恢复当前文本</el-button
-        >
-        <el-button size="small" @click="dialogFormtext = false">取消</el-button>
+          justify-content: space-between;
+          padding: 0 17px;
+        ">
+        <div>
+           <el-button size="small" @click="savedraft(1)">保存并更新文本</el-button>
+            <el-button size="small" @click="textrestore()">恢复当前文本</el-button>
+        </div>
+        <div>
+        <el-button size="small" type="primary" @click="savedraft(0)">保存草稿</el-button>
+        </div>
+       
+        <!-- <el-button size="small" @click="dialogFormtext = false">取消</el-button> -->
       </div>
     </div>
 
-    <el-dialog
-      title="纠正文本"
-      :visible.sync="texteditorishow"
-      center
-      width="600px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="纠正文本" :visible.sync="texteditorishow" center width="600px" :close-on-click-modal="false">
       <div>
         <span>错误内容：</span>
         <span v-html="textareacuowu"></span>
@@ -654,12 +555,7 @@
       <div style="margin-top: 10px">
         <div>纠正内容：</div>
         <div style="margin-top: 6px">
-          <el-input
-            type="textarea"
-            :rows="2"
-            placeholder="请输入内容"
-            v-model="textarea"
-          >
+          <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea">
           </el-input>
         </div>
       </div>
@@ -669,38 +565,27 @@
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="搜索"
-      :visible.sync="searchisshow"
-      center
-      width="500px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="搜索" :visible.sync="searchisshow" center width="500px" :close-on-click-modal="false">
       <div style="width: 100%; display: flex; height: 32px">
-        <div style="width: 75%; height: 100%">
-          <input
-            @input="tabinput()"
-            v-model="inputtest"
-            class="inputclass"
-            type="text"
-            placeholder="请输入搜索内容"
-          />
+        <!-- <div style="width: 75%; height: 100%">
+          <input @input="tabinput()" v-model="inputtest" class="inputclass" type="text" placeholder="请输入搜索内容" />
         </div>
         <div style="width: 25%; height: 100%">
           <div class="inputclass2" style="margin: 0 auto">搜索</div>
+        </div> -->
+        <div style="width: 100%; height: 100%;display: flex;justify-content: center;">
+          <el-input @input="tabinput()" v-model="inputtest" style="width:100%" type="text" placeholder="请输入搜索内容">
+            <el-button slot="append" type="primary"
+              style="background:#2671e2;color:#fff;border-radius: 0 3px 3px 0;width:68px">搜索</el-button>
+          </el-input>
         </div>
       </div>
       <div style="height: 400px; width: 100%; overflow: auto; padding: 15px">
-        <div
-          class="searchbox54"
-          v-for="(item, index) in Searchcontent"
-          @click="tabseek(item)"
-          :key="index"
-          style="cursor: pointer"
-        >
+        <div class="searchbox54" v-for="(item, index) in Searchcontent" @click="tabseek(item)" :key="index"
+          style="cursor: pointer">
           <div>
             <div class="avatar">
-              <div :style="[spackerColor(item.speaker)]">
+              <div :style="[spackerColor1(item.speaker)]">
                 {{ item.speaker | toCapital }}
               </div>
             </div>
@@ -709,40 +594,21 @@
             <div style="font-size: 14px">
               {{ formatTime(item.transferContent.bg) }}
             </div>
-            <div
-              style="padding-top: 4px; font-size: 14px"
-              v-html="item.text"
-            ></div>
+            <div style="padding-top: 4px; font-size: 14px" v-html="item.text"></div>
           </div>
         </div>
       </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="searchisshow = false">取 消</el-button>
+      <div slot="footer" class="dialog-footer" style="display: flex;justify-content: end;">
+        <el-button type="primary" @click="searchisshow = false">取 消</el-button>
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="角色纠正"
-      :visible.sync="roleVisible"
-      center
-      width="600px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="角色纠正" :visible.sync="roleVisible" center width="600px" :close-on-click-modal="false">
       <div style="margin-top: 10px; display: flex; align-items: center">
         <div style="line-height: 38px">角色纠正：</div>
-        <el-select
-          v-model="roleFlag"
-          class="rolediv"
-          placeholder="请选择"
-          style="height: 38px; display: flex; align-items: center"
-          filterable
-        >
-          <el-option
-            v-for="(item, index) in roleList"
-            :key="index"
-            :label="item.name"
-            :value="index"
-          >
+        <el-select v-model="roleFlag" class="rolediv" placeholder="请选择"
+          style="height: 38px; display: flex; align-items: center" filterable>
+          <el-option v-for="(item, index) in roleList" :key="index" :label="item.name" :value="index">
           </el-option>
         </el-select>
 
@@ -770,7 +636,7 @@ import { saveAs } from "file-saver";
 export default {
   data() {
     return {
-      recordsText:[],
+      recordsText: [],
       roleVisible: false,
       roleFlag: "0",
       roleidx: "",
@@ -848,10 +714,10 @@ export default {
       rec_index_todo: false,
       rec_index_receflag: false,
       rec_index_textyh: false,
-      mistakenList:[],
+      mistakenList: [],
       outSpeechSkillList: [], // 导出话术列表
-      isNum:false,
-      searchText:"",
+      isNum: false,
+      searchText: "",
     };
   },
   created() {
@@ -872,9 +738,9 @@ export default {
   },
   computed: {
     ...mapGetters(["permissions"]),
-    optimizetext1(){
+    optimizetext1() {
       return this.optimizetext.filter(value => {
-          return value.onebest.match(this.searchText)
+        return value.onebest.match(this.searchText)
       })
     }
   },
@@ -928,7 +794,7 @@ export default {
       console.log(this.outSpeechSkillList)
     },
 
-    
+
     // 导出word
     exportWord() {
       // 读取并获得模板文件的二进制内容
@@ -981,25 +847,96 @@ export default {
       if (index >= 0) {
         switch (index) {
           case 1:
-            obj.color = "#4f861e";
+            obj.color = '#60CBEC';
             break;
           case 2:
-            obj.color = "#4f861e";
+            obj.color = '#EC8B47';
             break;
           case 3:
-            obj.color = "#4f861e";
+            obj.color = '#4F861E';
+            break;
+          case 5:
+            obj.color = '#4980C8';
+            break;
+          case 6:
+            obj.color = '#60CBEC';
+            break;
+          case 7:
+            obj.color = '#EC8B47';
+            break;
+          case 8:
+            obj.color = '#4F861E';
+            break;
+          default:
+            obj.color = '#9F61C8';
             break;
-          case 4:
-            obj.color = "#60cbec";
+        }
+      } else {
+        obj = {};
+      }
+      return obj;
+    },
+    spackerColor1(index) {
+      let obj = {
+        color: "",
+      };
+      if (index >= 0) {
+        switch (index) {
+          case 1:
+            obj.color = '#5B8FF9';
+            obj.border='1px solid #5B8FF9';
+            break;
+          case 2:
+            obj.color = '#E6625B';
+            obj.border='1px solid #E6625B';
+            break;
+          case 3:
+            obj.color = '#FF981E';
+            obj.border='1px solid #FF981E';
             break;
           case 5:
-            obj.color = "#9f61c8";
+            obj.color = '#F6BD16';
+            obj.border='1px solid #F6BD16';
             break;
           case 6:
-            obj.color = "#9f61c8";
+            obj.color = '#07B79D';
+            obj.border='1px solid #07B79D';
+            break;
+          case 7:
+            obj.color = '#9B6BDF';
+            obj.border='1px solid #9B6BDF';
+            break;
+          case 8:
+            obj.color = '#3eafb1';
+            obj.border='1px solid #3eafb1';
+            break;
+          case 9:
+            obj.color = '#FF99C3';
+            obj.border='1px solid #FF99C3';
+            break;
+          case 10:
+            obj.color = '#1E9493';
+            obj.border='1px solid #1E9493';
+            break;
+          case 11:
+            obj.color = '#BA3FB7';
+            obj.border='1px solid #BA3FB7';
+            break;
+          case 12:
+            obj.color = '#54BEF3';
+            obj.border='1px solid #54BEF3';
+            break;
+          case 13:
+            obj.color = '#3C21F7';
+            obj.border='1px solid #3C21F7';
+            break;
+          case 14:
+            obj.color = '#F87148';
+            obj.border='1px solid #F87148';
             break;
           default:
-            obj.color = "#9f61c8";
+            obj.color = '#3EB171';
+            obj.border='1px solid #3EB171';
             break;
         }
       } else {
@@ -1060,8 +997,8 @@ export default {
         } else {
           this.arr[this.aplayerId].audioContent != ""
             ? (this.transcriptionlist = JSON.parse(
-                this.arr[this.aplayerId].audioContent
-              ))
+              this.arr[this.aplayerId].audioContent
+            ))
             : (this.transcriptionlist = []);
           this.recordPath = this.arr[this.aplayerId].recordPath;
         }
@@ -1075,8 +1012,8 @@ export default {
         } else {
           this.arr[this.aplayerId].audioContent != ""
             ? (this.transcriptionlist = JSON.parse(
-                this.arr[this.aplayerId].audioContent
-              ))
+              this.arr[this.aplayerId].audioContent
+            ))
             : (this.transcriptionlist = []);
           this.recordPath = this.arr[this.aplayerId].recordPath;
         }
@@ -1142,7 +1079,7 @@ export default {
       if (val.indexOf(this.inputtest) !== -1) {
         return val.replace(
           this.inputtest,
-          "<text style='color: red'>" + this.inputtest + "</text>"
+          "<text style='color: #2671E2'>" + this.inputtest + "</text>"
         );
       } else {
         return val;
@@ -1191,7 +1128,7 @@ export default {
       this.texteditorishow = true;
     },
     //文本优化删除
-    optimdel(t,i) {
+    optimdel(t, i) {
       console.log(i);
       var that = this;
       this.$confirm("此操作将删除该条, 是否继续?", "提示", {
@@ -1201,7 +1138,7 @@ export default {
       })
         .then(() => {
           // that.optimizetext.splice(i, 1);
-          this.optimizetext = this.optimizetext.filter(tt=>tt.onebest!=t.onebest)
+          this.optimizetext = this.optimizetext.filter(tt => tt.onebest != t.onebest)
           this.$forceUpdate()
           this.$message({
             type: "success",
@@ -1443,7 +1380,7 @@ export default {
         .toMatchKeywords({
           carId: this.fileId,
         })
-        .then((res) => {});
+        .then((res) => { });
     },
     // 获取用户信息
     init() {
@@ -1467,18 +1404,18 @@ export default {
     //常错词确认
     subMsg() {
       if (this.mistakenList.indexOf(this.form.wrongWord) != -1) {
-              this.$message.error("错误词已添加过~");
-              return;
-      }else{
-        if(this.form.wrongWord.length>8){
+        this.$message.error("错误词已添加过~");
+        return;
+      } else {
+        if (this.form.wrongWord.length > 8) {
           this.$message.warning("常错词不能超过8个字!");
           return;
-			  }else{
+        } else {
           let reg = /^[0-9]+$/
-          if(reg.test(this.form.wrongWord)){
+          if (reg.test(this.form.wrongWord)) {
             this.$message.warning("常错词不能为纯数字！");
             return;
-          }else{
+          } else {
             this.$refs.form.validate((valid) => {
               if (valid) {
                 // this.form.correctWord = this.form.correctWord.replace(/[^\w\u4e00-\u9fa5]/g,"")
@@ -1493,9 +1430,9 @@ export default {
               }
             });
           }
+        }
       }
-      }
-      
+
     },
     //常错词提交
     subWrongMsg() {
@@ -1506,7 +1443,7 @@ export default {
           wrongWord: this.form.wrongWord,
           customerId: this.fileId,
           houseId: this.userinformationlist.projectId,
-          translateHtmlContent:this.arr[this.aplayerId].audioContent
+          translateHtmlContent: this.arr[this.aplayerId].audioContent
         })
         .then((res) => {
           this.$message.success("保存成功");
@@ -1535,14 +1472,14 @@ export default {
       this.dialogFormVisible = true;
       this.argtextindex = index;
       this.isNum = false;
-				let reg = /^[0-9]+$/
-				if (reg.test(this.form.wrongWord)) {
-					this.isNum = true
-				}
+      let reg = /^[0-9]+$/
+      if (reg.test(this.form.wrongWord)) {
+        this.isNum = true
+      }
     },
     correctListFun() {
       let obj = {
-        houseId : localStorage.getItem("houseId")
+        houseId: localStorage.getItem("houseId")
       };
       this.$api.api.correctList(obj).then((res) => {
         this.mistakenList = res.data.map((item) => {
@@ -1678,8 +1615,8 @@ export default {
         this.recordPath = audopbj[this.AudioIdx].recordPath;
         audopbj[this.AudioIdx].audioContent != ""
           ? (this.transcriptionlist = JSON.parse(
-              audopbj[this.AudioIdx].audioContent
-            ))
+            audopbj[this.AudioIdx].audioContent
+          ))
           : (this.transcriptionlist = []);
         //  this.transcriptionlist=JSON.parse(audopbj[this.AudioIdx].audioContent)
         this.tablist = [];
@@ -1853,7 +1790,7 @@ export default {
         method: "get",
         url: url,
         params: data,
-        timeout: 10*60*1000,
+        timeout: 10 * 60 * 1000,
         responseType: "blob",
       })
         .then((res) => {
@@ -1887,14 +1824,24 @@ export default {
 </script>
 
 <style scoped  lang="scss" >
+.expIcon {
+  display: block;
+  width: 16px;
+  height: 16px;
+  background: url('./icon/exportIcon.png') no-repeat;
+  background-size: 100%;
+}
+
 #avue-view {
   overflow: hidden;
 }
+
 #zxldiv {
   overflow-y: scroll;
   //  height: 100%;
-  height: calc(80vh - 248px);
+  height: calc(70vh - 248px);
 }
+
 .biaotibox {
   width: 100%;
   height: 30px;
@@ -1903,21 +1850,45 @@ export default {
   font-weight: 600;
   line-height: 20px;
 }
-.biaotibox > div:nth-of-type(1) {
+
+.biaotibox>div:nth-of-type(1) {
   width: 50%;
 }
-.biaotibox > div:nth-of-type(2) {
+
+.biaotibox>div:nth-of-type(2) {
   width: 50%;
   font-size: 30px;
   text-align: right;
 }
+
 .center2 {
   padding-left: 10px;
   padding-right: 10px;
   width: 100%;
   //  height: 100%;
-  height: calc(80vh - 265px);
+  height: calc(80vh - 285px);
   overflow-y: scroll;
+
+  .right {
+
+    // text-align: right !important;
+    .content123ss {
+      justify-content: end;
+      flex-direction: row-reverse;
+      width: 365px;
+
+      span {
+        margin-right: 0 !important;
+        margin-left: 5px;
+      }
+    }
+
+    .textcontent {
+      img {
+        transform: rotate(180deg);
+      }
+    }
+  }
 }
 
 .box-center {
@@ -1928,6 +1899,7 @@ export default {
   padding-bottom: 100px;
   background: #ffffff;
 }
+
 .inputclass {
   width: 100%;
   height: 32px;
@@ -1937,6 +1909,7 @@ export default {
   text-indent: 6px;
   border: 1px solid #e0e0e0;
 }
+
 .inputclass2 {
   width: 70px;
   height: 32px;
@@ -1980,28 +1953,31 @@ export default {
   font-size: 14px;
   padding: 5px 14px;
   border-radius: 8px;
-  margin: 0 12px;
+  // margin: 0 12px;
   line-height: 1.5;
   max-width: 365px;
 }
+
 .textcontent {
   display: flex;
   align-items: center;
 }
 
 .content123ss {
-  padding: 5px 14px;
+  padding: 5px 0;
   max-width: 365px;
   margin: 0 12px;
+  display: flex;
 }
 
 .activecoloc .content123 div {
-  color: #ff7538 !important;
+  color: #2671E2 !important;
 }
+
 .center2 .text .avatar {
   width: 34px;
   height: 34px;
-  background-color: #ccc;
+  // background-color: #ccc;
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -2018,6 +1994,7 @@ export default {
   font-weight: bold !important;
   display: flex;
   align-items: center;
+  margin-left: 10px;
   justify-content: center;
 }
 
@@ -2029,6 +2006,7 @@ export default {
   font-size: 16px !important;
   font-weight: bold !important;
   display: flex;
+  margin-right: 10px;
   align-items: center;
   justify-content: center;
 }
@@ -2041,8 +2019,10 @@ export default {
   font-size: 24px;
   display: flex;
   align-items: center;
+  margin-top: 12px;
   justify-content: center;
 }
+
 .aplayerSpeedFont {
   color: #2671e2;
 }
@@ -2052,38 +2032,44 @@ export default {
   padding-right: 10px;
   padding-top: 10px;
 }
+
 .center3 .text {
   width: 100%;
   font-size: 12px;
   line-height: 20px;
   display: flex;
   align-items: center;
-  margin: 26px 0px;
+  margin: 30px 0px;
   position: relative;
 }
+
 .center3 .text .avatar {
   width: 38px;
   height: 38px;
   /*background-color: #f2f2f2;*/
-  background-color: #ccc;
-  border-radius: 50%;
+  // background-color: #ccc;
+  border-radius: 8px;
   margin-left: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
+  margin-right: 10px;
 }
+
 .center3 .text .avatar img {
   width: 28px;
   height: 28px;
   display: block;
 }
+
 .center3 .text .avatar div {
   width: 100%;
   height: 100%;
   text-align: center;
   line-height: 38px;
-  color: #ffffff;
+  // color: #ffffff;
   font-size: 24px;
+  border-radius: 4px;
 }
 
 .buttonzu {
@@ -2091,6 +2077,7 @@ export default {
   left: 70px;
   top: -20px;
 }
+
 .actRight[data-speaker] .buttonzu {
   position: absolute;
   right: 70px;
@@ -2101,6 +2088,7 @@ export default {
 //指标执行率
 .zxlBox {
   width: 100%;
+
   .zxlLev1 {
     width: 100%;
     height: 40px;
@@ -2110,16 +2098,19 @@ export default {
     background: #f8f8f8;
     font-size: 15px;
   }
+
   .zxlLev1box {
     text-indent: 20px;
   }
+
   .zxlLev2 {
     width: 100%;
     height: 40px;
     line-height: 40px;
     display: flex;
-    border-bottom: 1px solid #f8f8f8;
+    border-bottom: 1px solid #f0f0f0;
     font-size: 14px;
+
     .zxlzx {
       width: 60px;
       height: 24px;
@@ -2129,16 +2120,18 @@ export default {
       color: #ffffff;
       border-radius: 4px;
     }
+
     .zxlzx2 {
       width: 60px;
       height: 24px;
       line-height: 24px;
-      background: #f2f2f2;
+      background: rgba(230, 98, 91, 0.07);
       text-align: center;
-      color: #999999;
+      color: #E6625B;
       border-radius: 4px;
     }
   }
+
   .zxlLev2tit {
     line-height: 40px;
     text-indent: 20px;
@@ -2150,12 +2143,14 @@ export default {
   width: 94%;
   margin: 0 auto;
   padding-bottom: 12px;
-  border-bottom: 1px solid #e0e0e0;
+  // border-bottom: 1px solid #e0e0e0;
 }
+
 .intentionChe {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
+
   .intentionview {
     padding: 4px 10px;
     border: 1px solid #e0e0e0;
@@ -2166,10 +2161,12 @@ export default {
     margin-top: 10px;
   }
 }
+
 .intentionName {
   font-size: 16px;
   margin-top: 10px;
 }
+
 .intentionChe div {
   padding: 4px 10px;
   background: #f4f8fd;
@@ -2185,6 +2182,7 @@ export default {
   display: flex;
   flex-wrap: wrap;
 }
+
 .intentionChe2 div {
   padding: 4px 10px;
   border: 1px solid #e0e0e0;
@@ -2198,8 +2196,9 @@ export default {
   width: 100%;
   height: 140px;
   display: flex;
+
   .topzuo {
-    width: 75%;
+    width: 70%;
     min-width: 700px;
     height: 140px;
     background: #ffffff;
@@ -2209,15 +2208,18 @@ export default {
 
     .title {
       color: #32363d;
+
       .span1 {
         font-size: 16px;
         font-weight: 600;
         margin-left: 2px;
       }
+
       .span2 {
         font-size: 14px;
         margin-left: 10px;
       }
+
       .span3 {
         font-size: 16px;
         margin-left: 2px;
@@ -2225,11 +2227,12 @@ export default {
     }
 
     .outDownLoad {
-      margin: 0 0 0 0.5em;
+      margin: 0 0 0 20px;
     }
   }
+
   .topyou {
-    width: 24%;
+    width: 30%;
     min-width: 300px;
     height: 140px;
     padding: 10px;
@@ -2248,6 +2251,7 @@ export default {
   text-indent: 6px;
   border: 1px solid #e0e0e0;
 }
+
 .input2 {
   width: 70px;
   height: 32px;
@@ -2257,25 +2261,30 @@ export default {
   color: #ffffff;
   text-align: center;
 }
+
 .topbox1 {
   width: 100%;
   display: flex;
   margin-top: 12px;
   height: calc(80vh - 156px);
+
   .topzuo {
-    width: 75%;
+    width: 70%;
     min-width: 700px;
     height: 100%;
     display: flex;
+
     .topzuo-zuo {
       width: 60%;
       height: 100%;
       background: #ffffff;
       border: 1px solid #e0e0e0;
+
       .zuo-titbox {
         width: 100%;
-        height: 100px;
-        border-bottom: 1px solid #e0e0e0;
+
+        // height: 120px;
+        // border-bottom: 1px solid #e0e0e0;
         .searchbox {
           width: 100%;
           height: 50px;
@@ -2297,6 +2306,7 @@ export default {
         }
       }
     }
+
     .topzuo-you {
       width: 39%;
       height: 100%;
@@ -2305,8 +2315,9 @@ export default {
       border: 1px solid #e0e0e0;
     }
   }
+
   .topyou {
-    width: 24%;
+    width: 30%;
     min-width: 300px;
     height: 100%;
     background: #ffffff;
@@ -2319,18 +2330,22 @@ export default {
   background: #2671e2;
   color: #ffffff;
 }
+
 .headboxbott {
   width: 100%;
   height: 50px;
   display: flex;
   align-items: center;
 }
+
 .headovfu {
   flex: 1;
   height: 40px;
   overflow: hidden;
   margin-top: 10px;
+  padding: 0 10px !important;
 }
+
 .headpade {
   width: 100px;
   height: 40px;
@@ -2338,6 +2353,7 @@ export default {
   justify-content: center;
   align-items: center;
 }
+
 .biaoji {
   min-width: 70px;
   height: 30px;
@@ -2357,29 +2373,35 @@ export default {
   flex-shrink: 0;
   border-radius: 4px;
 }
+
 .inner-container {
-  overflow-x: scroll;
+  overflow-x: auto;
   height: 40px;
 }
+
 /*滚动条样式*/
 .inner-container::-webkit-scrollbar {
   height: 4px;
 }
+
 .inner-container::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: rgba(0, 0, 0, 0.2);
 }
+
 .inner-container::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 0;
   background: rgba(0, 0, 0, 0.1);
 }
+
 .aplayer {
   box-shadow: none;
   /*width: 80%;*/
   width: 95.3%;
 }
+
 .aplayer-author {
   display: none;
 }
@@ -2398,13 +2420,16 @@ export default {
   left: 78px;
   bottom: 12px;
 }
+
 /deep/.aplayer-pic {
   width: 60px !important;
   height: 60px !important;
 }
+
 /deep/.aplayer-music {
   display: none !important;
 }
+
 .aplayer-controller {
   margin-top: 15px;
 }
@@ -2412,9 +2437,11 @@ export default {
 .aplayerSpeedFont {
   color: #2671e2;
 }
+
 /deep/.aplayer-info {
   padding: 22px 7px 0px 10px;
 }
+
 .pingfenbox {
   width: 100%;
   height: 46px;
@@ -2422,15 +2449,19 @@ export default {
   border-bottom: 1px solid #e0e0e0;
   display: flex;
 }
+
 .pingfenbox div {
   flex: 1;
   text-align: center;
   font-size: 16px;
 }
+
 .activecllasscet {
-  color: #2671e2;
-  border-bottom: 2px solid #2671e2;
+  background: #2671e2;
+  color: #fff;
+  border: 1px solid #2671e2;
 }
+
 .viewclace {
   height: 30px;
   text-align: center;
@@ -2443,10 +2474,12 @@ export default {
   padding-left: 18px;
   padding-right: 18px;
 }
+
 .bosdttom {
   color: #ffffff;
   background-color: #2671e2;
 }
+
 #zhezhao {
   width: 100%;
   height: 100vh;
@@ -2457,9 +2490,10 @@ export default {
   opacity: 0.5;
   background-color: #666666;
 }
+
 .auDivhhh {
   width: 600px;
-  height: 540px;
+  height: 600px;
   border-radius: 4px;
   z-index: 1003;
   position: fixed;
@@ -2468,6 +2502,7 @@ export default {
   transform: translate(-50%, -50%);
   background: #ffffff;
 }
+
 .searchbox54 .avatar img {
   /*width: 53px;*/
   /*height: 53px;*/
@@ -2475,17 +2510,37 @@ export default {
   height: 32px;
   display: block;
 }
-.searchbox54 .avatar {
+
+.searchbox54 .avatar{
   width: 40px;
   height: 40px;
   /*background-color: #f2f2f2;*/
-  background-color: #ccc;
-  border-radius: 50%;
-  margin-left: 5px;
+  // background-color: #ccc;
+  border-radius: 4px;
+  // margin-left: 5px;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
   display: flex;
-  justify-content: center;
-  align-items: center;
+    align-items: center;
+    justify-content: center;
 }
+
+.searchbox54 .avatar div{
+  width: 40px;
+  height: 40px;
+  /*background-color: #f2f2f2;*/
+  // background-color: #ccc;
+  border-radius: 4px;
+  // margin-left: 5px;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
+  display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .searchbox54 {
   width: 100%;
   min-height: 72px;
@@ -2495,18 +2550,21 @@ export default {
   color: #666666;
   padding-bottom: 20px;
 }
-.searchbox54 > div:nth-of-type(1) {
+
+.searchbox54>div:nth-of-type(1) {
   width: 17%;
   height: 100%;
   text-align: center;
   margin-top: 18px;
 }
-.searchbox54 > div:nth-of-type(2) {
+
+.searchbox54>div:nth-of-type(2) {
   width: 83%;
   margin-top: 20px;
 }
+
 .adjskdjroleindexclass {
-  background: #3ca953 !important;
-  color: #ffffff !important;
+  background: #F4F5F7 !important;
+  color: #333333 !important;
 }
 </style>
diff --git a/vue.config.js b/vue.config.js
index ad5c82c..aae7ffb 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -11,8 +11,8 @@
 // const url = 'http://81.70.55.170:9999' // 新测试服务器IP
 // const url = 'http://192.168.31.89:9999' //sh
 // const url = 'https://zanyong.hfju.com' // 正式域名
-const url = 'http://81.70.55.170:9999' // 新测试
-// const url = 'http://82.156.35.22:9999' // 新正式ip
+// const url = 'http://81.70.55.170:9999' // 新测试
+const url = 'http://82.156.35.22:9999' // 新正式ip
 const CompressionWebpackPlugin = require('compression-webpack-plugin')
 const productionGzipExtensions = ['js', 'css']
 module.exports = {