From 6b048fb3a5a09a056d040b4aa6861d8cc8494b5a Mon Sep 17 00:00:00 2001
From: douzhuo <17611323298@163.com>
Date: Fri, 11 Mar 2022 17:33:18 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A1=BE=E9=97=AE=E6=97=A0?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/play.png                           |  Bin 0 -> 1686 bytes
 src/page/wel.vue                              |   50 +-
 src/views/Customer/index.vue                  |   18 +-
 src/views/Receive/index.vue                   |  948 ++--------
 src/views/Statistics/MentoringAbility.vue     |    1 +
 src/views/Statistics/ReceptionStatistical.vue |    2 +-
 src/views/Statistics/TheTeamCompared.vue      | 1544 +++++++++--------
 src/views/Statistics/TrendAnalysis.vue        |    1 +
 src/views/Template/PinspeakwordsList.vue      |    2 +-
 src/views/Template/wrongword.vue              |  193 ++-
 src/views/building/index.vue                  |   38 +-
 vue.config.js                                 |    4 +-
 12 files changed, 1183 insertions(+), 1618 deletions(-)
 create mode 100644 public/img/play.png

diff --git a/public/img/play.png b/public/img/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a50c8b140bacbd861ebe73535121c5a8bc21fb0
GIT binary patch
literal 1686
zcmYk73pmqz7{`BZnIR&{baQKnCkbVBPLUb8oJB;d(=0I^x;?8-I2B<+o6(eO$YzgF
zQ9|iLxfGH+m1<5drD?WFx$OM@+jDw)o_Fuw|M&g8-}m?Y|NrOtUnF`HG|?C|06^2-
z&BX`)(~uuZ3Fd<?BYFTRbQ3*y<KZO$QgBWRN@N)pX|Q+)u1Nu77@QvgnNpBE29lxp
z39w=J3j!nx0CN&BAtM9~DY!fZ5=7vN2&9TZk{B>10Am^f(!T-5SHKd2OH+XP9i)i>
zO9U>70TYG<up~&AApt4S1oDuXMo5;dPMrb_5nw`IHo_1i=17KaLSz<_2q1TZvl1j2
zG7;)9;2`WGt05!LGF{$9NV(?}fV<!##7#a03n5Y?Asd7+ERZY{5eL~NJPB0fhH_Z0
zLj|^woAW=9oc5QHyCI4k_=Wt5At(Pi0s-0fpIv0Byeltc89B^U!_1@(e5%<rA8%iv
zps1w0NEL-rL!;HzH8d74*3#D2(b3ggroY_KaE+0%*;)%rtMxXv8}01u9UL8TxGh_^
zZFkz?f_EkC-02+<xSv7^4xt_nKXQylJ9R4RY)m|zPG>NfthCFQGcvAb=jIg@a(U$y
zcWY}OJZxxedC}J1-u|+)tGBQJ^_#cvK78QwhyVTb`HMg>DHMw((=$JQ%+Aft&o3;@
z)V+f5rBbiEi_>oEP+Rsm$;WB=GcD>xcA4dX_aRPZ*dX_ikzN%!cpxFT)3VBl?GqNq
zMjI@p49>ose$s5#Js?>5a`cQ~@{FKvqv&C1JBY6E+gukzK5EBm4NkjAJ!<p*q<=p-
zXGM9rTfzx*-SHES8enA8%p&S8%^A!T+xW&7`bDRP+@6v|y!HIk(uE9TmF9}7CHzh|
zQl@FeoqtlQ?R)>UjJZ=gY+6+P+VXiRnsv+B&$*c*Rd%P=A8379dWls;xtrsbjP>f=
z8D+KAGisB?u6wz;fvZgLN$g77&-@}!A<iMhH)*M5&(r$wRag$@Xb9PxMe(wBkHBC*
zVh->%`#8;jvur;5`EYO|Ke=_qthPZ>fyy2=k4*+#LA?J{e_LXi`oy|0lY;S_DDUGb
z8h%!N3z1BXjBSJn+aNm{{}H+oW89#Zb)c-KMY(3Q=ic#+`NA5>u`QW}(~flwR~<WU
z53D2@W)@Wi{xiS}?0A)#S03-_`(m3pNos(rJSiz?O6&2IKKea7Y$kUrc-+D~(H(ws
zsKvG#d*7(MZq{Sb;P<`;@{}&4ZSFK-$YVRb_-(2y_laRh+pXBoI`#)mK>mfWi8qHt
zk4Zs1Ens5~@C!YwV>_I{u~gL3evwb=C-7b;u0C@7zIL}tzQ<DZMC4k<FN)er=!&B{
za~&w+RaOk;weJxsSDS6BqSAi$BgenqLjBnYA%}>4&`Hc6SJ&@OKCfu*Ff=+KR2<u-
zpu*6q*l_`MBZkrzF|y1kg=cI|Y}-6+krZcZ?mt9{+O6n*lK5Vs>v~!<FHR6jO6zux
zNFj1=p58M2*^3vK7dpo(L>HJ{TVCuLu#(nfSVfQ+^U#NDzFs<GpkW>>h;G0AK8n4)
zOy4od?q;mlipK)|=<L7ax7tmjuX*fKAh|B9{iYWh6q0V`g#VG8xbL<m`Q2Xyl-Fho
z`;UJq4j_HdrmvdNjmWoIgR-tR>c(gR5KZZ5m<-P1FIqBIl3loPOo{$#!<9g(Q|B1D
zk``jpchd9uUR?M{PlmyWnt`+=tBHHxs`p;&p4C^3GI935O^ZYE38v{1-1o0zT#4k5
zvmP4=N#d;5$O)RYs;c>h(ZnJbX;5n3!S&Xv(dXY$dFN_Y3>G%_507WPVdplv@j@N(
zi^-cNDjO$WtaB~I+FZwCim=KYtbl{<=VI%Nv86n0hFZX0KV>4RMv)g;Se51cERx@q
z70Zt_7Iu9&*G_)Hqs<)XvRC!e$8q5+&~>w%T3eLv7sTl@L?u-AvFe|k?+XlU{+_yx
X-g3y{!KbKL<on`|_jW0FCdd8<?};t=

literal 0
HcmV?d00001

diff --git a/src/page/wel.vue b/src/page/wel.vue
index aa5afbd..3d6b88d 100644
--- a/src/page/wel.vue
+++ b/src/page/wel.vue
@@ -1,7 +1,15 @@
 <template>
   <div class="box-center">
+    <!-- 顾问 -->
+    <div
+      v-if="isAdviser"
+      style="text-align: center; font-size: 30px; margin: 300px auto"
+    >
+      欢迎光临
+    </div>
+
     <div class="house-only" v-if="isHouse">
-      <!-- 项目后台 -->
+      <!-- 楼盘后台 -->
       <div class="app-titel">
         <div class="titel-text">时间</div>
         <div class="toptimeqhuan">
@@ -464,7 +472,7 @@
           </div>
 
           <div class="pagechen" @click="jumpto('2')">
-            <div class="pageboxtitle1">45天到期的项目</div>
+            <div class="pageboxtitle1">45天到期的楼盘</div>
             <div class="pageboxtitle3">
               {{ sysTop.matuityOfHouse || 0 }}
             </div>
@@ -520,7 +528,7 @@
         <!-- 卡片部分 -->
         <div class="page-container">
           <div class="pagechen">
-            <div class="pageboxtitle1">新增项目数</div>
+            <div class="pageboxtitle1">新增楼盘数</div>
             <div class="pageboxtitle2">
               <div class="span1">{{ sysSec.newAddHouseQuantity || 0 }}</div>
               <div class="span2">
@@ -539,7 +547,7 @@
             </div>
           </div>
           <div class="pagechen">
-            <div class="pageboxtitle1">活跃项目数</div>
+            <div class="pageboxtitle1">活跃楼盘数</div>
             <div class="pageboxtitle2">
               <div class="span1">{{ sysSec.activeHouseQuantity || 0 }}</div>
               <div class="span2">
@@ -926,7 +934,7 @@
           </div>
 
           <div class="pagechen">
-            <div class="pageboxtitle1">活跃项目数</div>
+            <div class="pageboxtitle1">活跃楼盘数</div>
             <div class="pageboxtitle2">
               <div class="span1">{{ sysSec.activeHouseQuantity || 0 }}</div>
               <div class="span2">
@@ -951,7 +959,7 @@
         <div class="zuo">
           <div class="title1" style="cursor: pointer">
             <div>
-              {{ role == 2 ? "项目排名（TOP10）" : "公司排名（TOP10）" }}
+              {{ role == 2 ? "楼盘排名（TOP10）" : "公司排名（TOP10）" }}
             </div>
             <div style="display: flex">
               <div
@@ -980,7 +988,7 @@
               >>
               <el-table-column
                 prop="companyName"
-                :label="role == 2 ? '项目名称' : '公司名称'"
+                :label="role == 2 ? '楼盘名称' : '公司名称'"
                 align="center"
               >
                 <template slot-scope="{ row }">
@@ -1018,7 +1026,7 @@
         <div class="you">
           <div class="title1" style="cursor: pointer">
             <div>
-              {{ role == 2 ? "顾问排名（TOP10）" : "项目排名（TOP10）" }}
+              {{ role == 2 ? "顾问排名（TOP10）" : "楼盘排名（TOP10）" }}
             </div>
             <div style="display: flex">
               <div
@@ -1048,7 +1056,7 @@
               >>
               <el-table-column
                 prop="houseName"
-                :label="role == 2 ? '顾问名称' : '项目名称'"
+                :label="role == 2 ? '顾问名称' : '楼盘名称'"
                 align="center"
               >
                 <template slot-scope="{ row }">
@@ -1100,7 +1108,7 @@ export default {
       houseId: "",
       houseList: [],
       houseRank: [],
-      allHouseRank: {}, // 全部的项目排名
+      allHouseRank: {}, // 全部的楼盘排名
       companyRank: [],
       allCompanyRank: {}, // 全部的排名列表
       classatec: 1,
@@ -1136,30 +1144,29 @@ export default {
 
   computed: {
     ...mapGetters(["permissions"]),
-
-        // 获取用户信息
+    // 获取用户信息
     userInfo() {
-      return this.$store.state.user.userInfo
+      return this.$store.state.user.userInfo;
     },
     // 是否楼盘后台
     isHouse() {
-      return this.userInfo.userRoleType == null && this.role == 3
+      return this.userInfo.userRoleType == null && this.role == 3;
     },
 
-
     // 是否系统后台
     isSystem() {
-      return this.role != 3 && this.userInfo.userRoleType == 1
+      return this.role != 3 && this.userInfo.userRoleType == 1;
     },
 
     // 是否顾问
     isAdviser() {
-      return this.userInfo.userRoleType == 6
-    }
+      return this.userInfo.userRoleType == 6;
+    },
   },
 
   mounted() {
     this.role = localStorage.getItem("orgType");
+
     if (this.role == 3) {
       this.houseId = localStorage.getItem("houseId");
       this.getgicd();
@@ -1279,7 +1286,7 @@ export default {
       let gettime = yy + "-" + mm + "-" + dd;
       return gettime;
     },
-    //切换项目
+    //切换楼盘
     houseChange() {
       this.TimetoAhoose = 0;
       this.statDateStart = "";
@@ -1324,7 +1331,7 @@ export default {
       });
     },
 
-    // 选择公司类型切换 classatec1 公司/项目   classatec2 项目/顾问
+    // 选择公司类型切换 classatec1 公司/楼盘   classatec2 楼盘/顾问
     chooseCompanyRank(keys, index) {
       this[keys] = index;
       console.log(keys);
@@ -1360,7 +1367,7 @@ export default {
       }
     },
 
-    //获取项目
+    //获取楼盘
     zkhousePage() {
       this.$api.api
         .findHouseByUser({
@@ -1777,3 +1784,4 @@ export default {
   top: 10px;
 }
 </style>
+Powered by Gitea 当前版本: 1.12.4 页面: 104ms 模板: 8ms JavaScript licenses API 官方网站 Go1.14.8
\ No newline at end of file
diff --git a/src/views/Customer/index.vue b/src/views/Customer/index.vue
index c663993..bd53bad 100644
--- a/src/views/Customer/index.vue
+++ b/src/views/Customer/index.vue
@@ -128,11 +128,7 @@
             <el-option
               v-for="item in keywordsList"
               :key="item.keywordsId"
-              :label="
-                item.isInterval == 0
-                  ? item.name + '-' + item.endName + item.unit
-                  : item.name
-              "
+              :label="item.name"
               :value="item.keywordsId"
             >
             </el-option>
@@ -319,7 +315,12 @@
             {{ row.clientStageName || "--" }}
           </template>
         </el-table-column>
-        <el-table-column prop="pickCount" label="客户标签命中数" width="150" align="center"></el-table-column>
+        <el-table-column
+          prop="pickCount"
+          label="客户标签命中数"
+          width="150"
+          align="center"
+        ></el-table-column>
         <el-table-column prop="visitRecord" label="到访次数" align="center">
           <template slot-scope="{ row }">
             {{ row.visitRecord || "0" }}
@@ -679,6 +680,7 @@ export default {
         ...this.searchForm,
       };
       obj.keywordIds = obj.keywordsId.join(",");
+      console.log(obj, '入参')
       obj.sensitiveWords = JSON.stringify(obj.sensitiveWords);
       (obj.dateType = this.searchForm.staDate
         ? null
@@ -729,7 +731,6 @@ export default {
         houseId: this.searchForm.projectId,
       };
       this.$api.api.sensitivewordsList(obj).then((res) => {
-        console.log(res, "suhju");
         this.sensitiveList = res.data;
       });
     },
@@ -762,6 +763,7 @@ export default {
           type: this.type,
         })
         .then((res) => {
+          console.log(res, "画像标签");
           this.keywordsList = res.data;
         });
     },
@@ -803,7 +805,7 @@ export default {
       this.searchForm.endDate = "";
       // this.$set(this, "time", null);
       this.searchForm.dateType = idx;
-      this.time = ''
+      this.time = "";
       this.houseChange();
     },
     timestampToTime(timestamp) {
diff --git a/src/views/Receive/index.vue b/src/views/Receive/index.vue
index c154d94..7938208 100644
--- a/src/views/Receive/index.vue
+++ b/src/views/Receive/index.vue
@@ -164,161 +164,25 @@
               </div>
             </div>
             <div style="width: 100%">
-              <!-- v-bind:style="{ height: condivhe + 'px' }" -->
               <div class="center2" id="center2">
+                <!-- roleindex -->
                 <div
                   class="text"
                   :data-bg="item.bg"
                   :data-ed="item.ed"
-                  v-if="roleindex == 0"
                   v-for="(item, index) in transcriptionlist"
+                  :class="{
+                    right: item.isShow == 1,
+                    actRight: item.speaker % 2 == 0,
+                  }"
                   :key="index"
                   :data-speaker="item.speaker"
+                  v-if="roleindex == 0 || item.speaker == roleindex"
                 >
                   <div class="avatar">
-                    <div v-if="item.speaker == 1">
-                      <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>A</div>
-                    </div>
-                    <div v-if="item.speaker == 2">
-                      <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>B</div>
-                    </div>
-                    <div v-if="item.speaker == 3">
-                      <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>C</div>
-                    </div>
-                    <div v-if="item.speaker == 4">
-                      <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>D</div>
-                    </div>
-                    <div v-if="item.speaker == 5">
-                      <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>E</div>
-                    </div>
-                    <div v-if="item.speaker == 6">
-                      <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>F</div>
-                    </div>
-                    <div v-if="item.speaker == 7">
-                      <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>G</div>
-                    </div>
-                    <div v-if="item.speaker == 8">
-                      <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>H</div>
-                    </div>
-                    <div v-if="item.speaker == 9">
-                      <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>I</div>
-                    </div>
-                    <div v-if="item.speaker == 10">
-                      <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>J</div>
-                    </div>
-                    <div v-if="item.speaker == 11">
-                      <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>K</div>
-                    </div>
-                    <div v-if="item.speaker == 12">
-                      <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>L</div>
-                    </div>
-                    <div v-if="item.speaker == 13">
-                      <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>M</div>
-                    </div>
-                    <div v-if="item.speaker == 14">
-                      <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>N</div>
-                    </div>
-                    <div v-if="item.speaker == 15">
-                      <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>O</div>
-                    </div>
-                    <div v-if="item.speaker == 16">
-                      <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>P</div>
+                    <div>
+                      <div v-if="item.isShow == 1" class="gu">顾</div>
+                      <div v-else class="ke">客</div>
                     </div>
                   </div>
                   <div
@@ -326,474 +190,16 @@
                     @click="checkMsg(item, index)"
                     style="cursor: pointer"
                   >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 1 && item.speaker == 1"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>A</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 2 && item.speaker == 2"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>B</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 3 && item.speaker == 3"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>C</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 4 && item.speaker == 4"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>D</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 5 && item.speaker == 5"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>E</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 6 && item.speaker == 6"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>F</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 7 && item.speaker == 7"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>G</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 8 && item.speaker == 8"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>H</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 9 && item.speaker == 9"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>I</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 10 && item.speaker == 10"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>J</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 11 && item.speaker == 11"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>K</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 12 && item.speaker == 12"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>L</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 13 && item.speaker == 13"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>M</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 14 && item.speaker == 14"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>N</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 15 && item.speaker == 15"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>O</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
-                      :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
-                  </div>
-                </div>
-
-                <div
-                  class="text"
-                  :data-bg="item.bg"
-                  :data-ed="item.ed"
-                  v-if="roleindex == 16 && item.speaker == 16"
-                  v-for="(item, index) in transcriptionlist"
-                  :key="index"
-                  :data-speaker="item.speaker"
-                >
-                  <div class="avatar">
-                    <img
-                      v-if="item.isShow == 1"
-                      src="http://121.42.63.138:9091/autoSR/static/plugins/audio/images/A.png"
-                      alt=""
-                    />
-                    <div v-else>P</div>
-                  </div>
-                  <div
-                    class="content123"
-                    @click="checkMsg(item, index)"
-                    style="cursor: pointer"
-                  >
-                    <div
+                    <div class="content123ss">
+                      {{ item.speaker | toCapital }}
+                      {{ item.bg | timestamp }}
+                    </div>
+                    <div class="textcontent">
+                      <div class="content123s"
                       :class="{ adjskdjroleindexclass: item.isShow == 1 }"
-                      v-html="item.onebest"
-                    ></div>
+                      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>
                   </div>
                 </div>
               </div>
@@ -994,10 +400,10 @@
     >
       <el-form :model="form" ref="form" label-width="80px" :rules="rules">
         <el-form-item label="常错词" prop="wrongWord">
-          <el-input v-model="form.wrongWord" autocomplete="off"></el-input>
+          <el-input v-model="form.wrongWord" maxlength="8" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="正确词" prop="correctWord">
-          <el-input v-model="form.correctWord" 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">
@@ -1153,6 +559,7 @@
           :data-ed="item.ed"
           v-for="(item, index) in optimizetext"
           :key="index"
+          :class="{ actRight: item.speaker % 2 == 0 }"
           :data-speaker="item.speaker"
         >
           <div class="buttonzu">
@@ -1168,153 +575,19 @@
             >
           </div>
           <div class="avatar">
-            <div v-if="item.speaker == 1">
-              <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>A</div>
-            </div>
-            <div v-if="item.speaker == 2">
-              <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>B</div>
-            </div>
-            <div v-if="item.speaker == 3">
-              <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>C</div>
-            </div>
-            <div v-if="item.speaker == 4">
-              <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>D</div>
-            </div>
-            <div v-if="item.speaker == 5">
-              <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>E</div>
-            </div>
-            <div v-if="item.speaker == 6">
-              <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>F</div>
-            </div>
-            <div v-if="item.speaker == 7">
-              <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>G</div>
-            </div>
-            <div v-if="item.speaker == 8">
-              <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>H</div>
-            </div>
-            <div v-if="item.speaker == 9">
-              <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>I</div>
-            </div>
-            <div v-if="item.speaker == 10">
-              <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>J</div>
-            </div>
-            <div v-if="item.speaker == 11">
-              <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>K</div>
-            </div>
-            <div v-if="item.speaker == 12">
-              <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>L</div>
-            </div>
-            <div v-if="item.speaker == 13">
-              <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>M</div>
-            </div>
-            <div v-if="item.speaker == 14">
-              <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>N</div>
-            </div>
-            <div v-if="item.speaker == 15">
-              <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>O</div>
-            </div>
-            <div v-if="item.speaker == 16">
+            <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>P</div>
+              <div v-else>{{ 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>
@@ -1401,13 +674,9 @@
         >
           <div>
             <div class="avatar">
-              <div v-if="item.speaker == 1" style="color: #4f861e">A</div>
-              <div v-if="item.speaker == 2" style="color: #4f861e">B</div>
-              <div v-if="item.speaker == 3" style="color: #4f861e">C</div>
-              <div v-if="item.speaker == 4" style="color: #60cbec">D</div>
-              <div v-if="item.speaker == 5" style="color: #ec8b47">E</div>
-              <div v-if="item.speaker == 6" style="color: #9f61c8">F</div>
-              <div v-if="item.speaker == 7" style="color: #4980c8">G</div>
+              <div :style="[spackerColor(item.speaker)]">
+                {{ item.speaker | toCapital }}
+              </div>
             </div>
           </div>
           <div>
@@ -1508,6 +777,7 @@ export default {
         { name: "c" },
       ],
       roleindex: 0,
+      itemIndex: 0, // 0 全部
       zhixingcenterindex: 0,
 
       corpusId: 0, //录音文件id
@@ -1568,23 +838,79 @@ export default {
   destroyed() {
     this.aplayer.destroy();
   },
+
+  filters: {
+    // ASCII码转换 大写字母A是65 演讲人是从1开始所以num+64
+    toCapital(num) {
+      let str = "";
+      if (num) {
+        str = String.fromCharCode(num + 64);
+      }
+      return str;
+    },
+
+    timestamp(timestamp) {
+      if (!timestamp) return "00:00";
+      let seconds = timestamp / 1000;
+      let h =
+        Math.floor(seconds / 3600) < 10
+          ? "0" + Math.floor(seconds / 3600)
+          : Math.floor(seconds / 3600);
+      let m =
+        Math.floor((seconds / 60) % 60) < 10
+          ? "0" + Math.floor((seconds / 60) % 60)
+          : Math.floor((seconds / 60) % 60);
+      let s =
+        Math.floor(seconds % 60) < 10
+          ? "0" + Math.floor(seconds % 60)
+          : Math.floor(seconds % 60);
+      return `${h}:${m}:${s}`;
+    },
+  },
+
   methods: {
+    // 返回颜色
+    spackerColor(index) {
+      let obj = {
+        color: "",
+      };
+      if (index >= 0) {
+        switch (index) {
+          case 1:
+            obj.color = "#4f861e";
+            break;
+          case 2:
+            obj.color = "#4f861e";
+            break;
+          case 3:
+            obj.color = "#4f861e";
+            break;
+          case 4:
+            obj.color = "#60cbec";
+            break;
+          case 5:
+            obj.color = "#9f61c8";
+            break;
+          case 6:
+            obj.color = "#9f61c8";
+            break;
+          default:
+            obj.color = "#9f61c8";
+            break;
+        }
+      } else {
+        obj = {};
+      }
+      return obj;
+    },
+
     editSure() {
-      // console.log(this.roleFlag)
-      // this.optimizetext
-      // console.log(this.optimizetext[this.roleidx])
-      // this.optimizetext[this.roleidx].speaker=this.roleFlag/1+1
-      // this.optimizetext[this.roleidx].speaker=2
-      // console.log(this.optimizetext[this.roleidx])
-      // this.roleVisible=false
       let speaker = this.roleFlag / 1 + 1;
-      // return
       let obj = {};
       obj = Object.assign({}, this.optimizetext[this.roleidx]);
       obj.onebest = obj.onebest.replace(/<.*?>/gi, "");
       let arr = [];
       arr.push(obj);
-      // console.log(arr)
       axios({
         url: `autoSR/zk/file/updateRole`,
         method: "post",
@@ -1601,15 +927,11 @@ export default {
     },
     //修改角色
     editRole(item, idx) {
-      // console.log(item,idx)
-      // console.log(this.roleList)
       this.roleFlag = item.speaker - 1;
-      // console.log(this.roleFlag)
       this.roleidx = idx;
       this.roleVisible = true;
     },
     gojianyi() {
-      // console.log(this.$route);
       let tag = {
         group: [],
         label: "接待详情",
@@ -1617,7 +939,6 @@ export default {
         query: this.$route.query,
         value: this.$route.fullPath,
       };
-      // console.log(tag);
       this.$store.commit("DEL_TAG", tag);
       this.$router.go(-1); //返回上一层
     },
@@ -2041,6 +1362,8 @@ export default {
     subMsg() {
       this.$refs.form.validate((valid) => {
         if (valid) {
+          this.form.correctWord = this.ruleForm.correctWord.replace(/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?/\，/\。/\；/\：/\“/\”/\》/\《/\|/\{/\}/\、/\!/\~/\`]/g,"")
+          this.form.wrongWord = this.ruleForm.wrongWord.replace(/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?/\，/\。/\；/\：/\“/\”/\》/\《/\|/\{/\}/\、/\!/\~/\`]/g,"")
           this.dialogFormVisible = false;
           let sas = this.textItself.replace(
             this.form.wrongWord,
@@ -2065,6 +1388,15 @@ export default {
           this.$message.success("保存成功");
         });
     },
+
+    // 播放
+    play(item) {
+      let num = parseInt(item.bg / 1000)
+      this.aplayer.seek(num);
+      this.searchisshow = false;
+      this.aplayer.play();
+    },
+
     //常错词点击
     checkMsg(row, index) {
       if (this.rec_index_wrongword == false) {
@@ -2307,6 +1639,7 @@ export default {
     },
     tapspagek(i) {
       this.roleindex = i;
+      this.itemIndex = i;
     },
     //播放实例
     bofangchushihua() {
@@ -2485,55 +1818,90 @@ export default {
   margin: 18px 0px;
   position: relative;
 }
-.text[data-speaker="2"],
-.text[data-speaker="4"],
-.text[data-speaker="6"] {
+
+.actRight[data-speaker] {
   flex-direction: row-reverse;
   text-align: left;
 }
-.content123 div {
-  // color:#ffffff;
+
+.right[data-speaker] {
+  flex-direction: row-reverse;
+  text-align: left;
+
+  .textcontent {
+      flex-direction: row-reverse;
+  text-align: left;
+  }
+}
+
+.content123 .content123s {
   color: #32363d;
   background: #f4f5f7;
   font-size: 14px;
   padding: 5px 14px;
-  // background:#3ca953;
   border-radius: 8px;
   margin: 0 12px;
   line-height: 1.5;
   max-width: 365px;
 }
-.text[data-speaker="2"].activecoloc .content123 div,
-.text[data-speaker="4"].activecoloc .content123 div,
-.text[data-speaker="6"].activecoloc .content123 div {
-  color: #ff7538;
+.textcontent {
+  display: flex;
+  align-items: center;
 }
+
+.content123ss {
+  padding: 5px 14px;
+  max-width: 365px;
+  margin: 0 12px;
+}
+
 .activecoloc .content123 div {
-  color: #38fff1;
-  // color:#FF7538;
+  color: #ff7538 !important;
 }
 .center2 .text .avatar {
   width: 34px;
   height: 34px;
   background-color: #ccc;
   border-radius: 50%;
-  //  margin-left: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.center2 .text .avatar img {
+
+.gu {
   width: 28px;
   height: 28px;
-  display: block;
+  border-radius: 50%;
+  background: #3ca953;
+  color: #fff;
+  font-size: 16px !important;
+  font-weight: bold !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
+.ke {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 16px !important;
+  font-weight: bold !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .center2 .text .avatar div {
   width: 100%;
   height: 100%;
   text-align: center;
-  line-height: 38px;
   color: #ffffff;
   font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .aplayerSpeedFont {
   color: #2671e2;
@@ -2583,9 +1951,7 @@ export default {
   left: 70px;
   top: -20px;
 }
-.text[data-speaker="2"] .buttonzu,
-.text[data-speaker="4"] .buttonzu,
-.text[data-speaker="6"] .buttonzu {
+.actRight[data-speaker] .buttonzu {
   position: absolute;
   right: 70px;
   top: -20px;
diff --git a/src/views/Statistics/MentoringAbility.vue b/src/views/Statistics/MentoringAbility.vue
index cc2b1e1..0779cb8 100644
--- a/src/views/Statistics/MentoringAbility.vue
+++ b/src/views/Statistics/MentoringAbility.vue
@@ -9,6 +9,7 @@
           <el-select
             v-model="houseId"
             placeholder="请选择"
+            filterable
             @change="houseChange"
           >
             <el-option
diff --git a/src/views/Statistics/ReceptionStatistical.vue b/src/views/Statistics/ReceptionStatistical.vue
index 232d2c7..83d690c 100644
--- a/src/views/Statistics/ReceptionStatistical.vue
+++ b/src/views/Statistics/ReceptionStatistical.vue
@@ -5,7 +5,7 @@
       <div class="app-titel" v-if="role!=3" style="margin-bottom:10px;">
         <div class="titel-text">项目选择:</div>
         <div style="margin-left: 26px">
-           <el-select v-model="houseId" placeholder="请选择"  @change="houseChange">
+           <el-select v-model="houseId" placeholder="请选择" filterable @change="houseChange">
             <el-option
               v-for="item in houseList"
               :key="item.id"
diff --git a/src/views/Statistics/TheTeamCompared.vue b/src/views/Statistics/TheTeamCompared.vue
index edc8a5e..bead3c1 100644
--- a/src/views/Statistics/TheTeamCompared.vue
+++ b/src/views/Statistics/TheTeamCompared.vue
@@ -1,332 +1,420 @@
 <template>
   <div class="box-center">
     <!-- 头 -->
-     <div class="app-top">
-       <div class="app-titel" v-if="role!=3" style="margin-bottom:10px;">
+    <div class="app-top">
+      <div class="app-titel" v-if="role != 3" style="margin-bottom: 10px">
         <div class="titel-text">项目选择:</div>
         <div style="margin-left: 26px">
-           <el-select v-model="houseId" placeholder="请选择"  @change="houseChange">
+          <el-select
+            v-model="houseId"
+            placeholder="请选择"
+            filterable
+            @change="houseChange"
+          >
             <el-option
               v-for="item in houseList"
               :key="item.id"
               :label="item.propertyName"
-              :value="item.id">
+              :value="item.id"
+            >
             </el-option>
           </el-select>
         </div>
       </div>
 
-        <div class="app-titel">
-          <div style="text-indent: 30px;">接待时间:</div>
-          <div class="toptimeqhuan">
-            <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)">
-              近7天
-            </div>
-            <div :class="{ tophove: TimetoAhoose == 5 }" @click="tabtimetap(5)">
-              近15天
-            </div>
-            <div :class="{ tophove: TimetoAhoose == 6 }" @click="tabtimetap(6)">
-            近30天
-            </div>
+      <div class="app-titel">
+        <div style="text-indent: 30px">接待时间:</div>
+        <div class="toptimeqhuan">
+          <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)">
+            近7天
           </div>
-          <div style="margin-left: 26px">
-            <el-date-picker
-              v-model="customtime"
-              @change="confirmtime()"
-              type="daterange"
-              :clearable='false'
-              range-separator="-"
-              :default-time="['00:00:00', '23:59:59']"
-                value-format="yyyy-MM-dd"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            >
-            </el-date-picker>
+          <div :class="{ tophove: TimetoAhoose == 5 }" @click="tabtimetap(5)">
+            近15天
+          </div>
+          <div :class="{ tophove: TimetoAhoose == 6 }" @click="tabtimetap(6)">
+            近30天
           </div>
-          <div style="margin-left: auto;margin-right:10px;" v-if="sta_team_downLoad">
-          <el-button @click="downLoad">导出</el-button>
         </div>
+        <div style="margin-left: 26px">
+          <el-date-picker
+            v-model="customtime"
+            @change="confirmtime()"
+            type="daterange"
+            :clearable="false"
+            range-separator="-"
+            :default-time="['00:00:00', '23:59:59']"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
         </div>
-     </div>
-       <!-- 表格 -->
+        <div
+          style="margin-left: auto; margin-right: 10px"
+          v-if="sta_team_downLoad"
+        >
+          <el-button @click="downLoad">导出</el-button>
+        </div>
+      </div>
+    </div>
+    <!-- 表格 -->
     <div class="cen-tab">
-      <div style="overflow: auto;">
+      <div style="overflow: auto">
         <table>
           <tbody>
             <tr>
-              <td v-for="(item,index) in tablsitdata1" :key="index" class="theadtd">{{item.name}}</td>
+              <td
+                v-for="(item, index) in tablsitdata1"
+                :key="index"
+                class="theadtd"
+              >
+                {{ item.name }}
+              </td>
             </tr>
-            <tr v-for="(item,iddex) in tablsitdata2" :key="iddex">
-               <td v-if="iddex+1==tablsitdata2.length" class="theadtd">合计/平均</td>
-               <td v-else class="theadtd">{{iddex+1}}</td>
+            <tr v-for="(item, iddex) in tablsitdata2" :key="iddex">
+              <td v-if="iddex + 1 == tablsitdata2.length" class="theadtd">
+                合计/平均
+              </td>
+              <td v-else class="theadtd">{{ iddex + 1 }}</td>
 
-               <td class="theadtd">{{item.deptName}}</td>
-               <td class="theadtd">{{item.receptionCount}}</td>
-               <td class="theadtd">{{item.accountNum}}</td>
-               <td class="theadtd">{{item.activeCustomer||0}}</td>
-               <td class="theadtd">{{item.prohibitedCustomer||0}}</td>
-               <td class="theadtd">{{Math.floor(item.sumDuration/60) ||0}}</td>
-               <td class="theadtd">{{item.fraction ||0}}%</td>
-               <td class="theadtd">{{item.prohibitedZb||0}}%</td>
-               <td class="theadtd" v-for="(che,ind) in item.resultsList" :key='ind'>{{che.zxl}}%</td>
+              <td class="theadtd">{{ item.deptName }}</td>
+              <td class="theadtd">{{ item.receptionCount }}</td>
+              <td class="theadtd">{{ item.accountNum }}</td>
+              <td class="theadtd">{{ item.activeCustomer || 0 }}</td>
+              <td class="theadtd">{{ item.prohibitedCustomer || 0 }}</td>
+              <td class="theadtd">
+                {{ Math.floor(item.sumDuration / 60) || 0 }}
+              </td>
+              <td class="theadtd">{{ item.fraction || 0 }}%</td>
+              <td class="theadtd">{{ item.prohibitedZb || 0 }}%</td>
+              <td
+                class="theadtd"
+                v-for="(che, ind) in item.resultsList"
+                :key="ind"
+              >
+                {{ che.zxl }}%
+              </td>
             </tr>
-
-      </tbody>
-    </table>
+          </tbody>
+        </table>
       </div>
-
     </div>
 
-     <div class="app-box-san">
-        <div class="zuo">
-          <div class="title">
-            <div class="text1">接待量排名</div>
+    <div class="app-box-san">
+      <div class="zuo">
+        <div class="title">
+          <div class="text1">接待量排名</div>
+        </div>
+        <div class="hejisan">
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">团队总数</div>
+            <div class="text1-2">{{ teamobj1.num || 0 }}个</div>
           </div>
-         	<div class="hejisan">
-            <div class="sanbox1" style="width: 50%;">
-              <div class="text1-1">团队总数</div>
-              <div class="text1-2">{{teamobj1.num||0}}个</div>
-            </div>
-            <div  class="sanbox1" style="width: 50%;">
-              <div class="text1-1">均值</div>
-              <div class="text1-2">{{teamobj1.avg||0}}个</div>
-            </div>
-         </div>
-         <div  v-if="teamobj1.list.length!=0" style="overflow-y:auto;height: 350px;width: 94%;margin: 0 auto;">
-              <div  class="jinbox" v-for="(item,i) in teamobj1.list" :key='i'>
-                  <div class="jinboxtit">{{item.name}}</div>
-                  <div class="jinbox-box">
-                      <div class="boxbaifenbi" :style="'width:'+(item.zxl1)+'%;'"></div>
-                  </div>
-                  <div class="jinboxbott">{{item.zxl}}个</div>
-              </div>
-         </div>
-         <div class="nulllist" style="height:300px" v-if="teamobj1.list.length==0">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">均值</div>
+            <div class="text1-2">{{ teamobj1.avg || 0 }}个</div>
+          </div>
+        </div>
+        <div
+          v-if="teamobj1.list.length != 0"
+          style="overflow-y: auto; height: 350px; width: 94%; margin: 0 auto"
+        >
+          <div class="jinbox" v-for="(item, i) in teamobj1.list" :key="i">
+            <div class="jinboxtit">{{ item.name }}</div>
+            <div class="jinbox-box">
+              <div
+                class="boxbaifenbi"
+                :style="'width:' + item.zxl1 + '%;'"
+              ></div>
             </div>
+            <div class="jinboxbott">{{ item.zxl }}个</div>
+          </div>
         </div>
-        <div class="you">
-          <div class="title">
-            <div class="text1">接待时长排名</div>
+        <div
+          class="nulllist"
+          style="height: 300px"
+          v-if="teamobj1.list.length == 0"
+        >
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
           </div>
-          	<div class="hejisan">
-            <div class="sanbox1" style="width: 50%;">
-              <div class="text1-1">团队总数</div>
-              <div class="text1-2">{{teamobj2.num||0}}个</div>
-            </div>
-            <div  class="sanbox1" style="width: 50%;">
-              <div class="text1-1">均值</div>
-              <div class="text1-2">{{Math.floor(teamobj2.avg/60)||0}}分钟</div>
+        </div>
+      </div>
+      <div class="you">
+        <div class="title">
+          <div class="text1">接待时长排名</div>
+        </div>
+        <div class="hejisan">
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">团队总数</div>
+            <div class="text1-2">{{ teamobj2.num || 0 }}个</div>
+          </div>
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">均值</div>
+            <div class="text1-2">
+              {{ Math.floor(teamobj2.avg / 60) || 0 }}分钟
             </div>
-         </div>
-          <div v-if="teamobj2.list.length!=0" style="overflow-y:auto;height: 350px;width: 94%;margin: 0 auto;">
-              <div  class="jinbox" v-for="(item,i) in teamobj2.list" :key='i'>
-                  <div class="jinboxtit">{{item.name}}</div>
-                  <div class="jinbox-box">
-                      <div class="boxbaifenbi" :style="'width:'+(item.zxl1)+'%;'"></div>
-                  </div>
-                  <div class="jinboxbott">{{item.zxl}}分钟</div>
-              </div>
-         </div>
-            <div class="nulllist" style="height:300px" v-if="teamobj2.list.length==0">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
+          </div>
+        </div>
+        <div
+          v-if="teamobj2.list.length != 0"
+          style="overflow-y: auto; height: 350px; width: 94%; margin: 0 auto"
+        >
+          <div class="jinbox" v-for="(item, i) in teamobj2.list" :key="i">
+            <div class="jinboxtit">{{ item.name }}</div>
+            <div class="jinbox-box">
+              <div
+                class="boxbaifenbi"
+                :style="'width:' + item.zxl1 + '%;'"
+              ></div>
             </div>
+            <div class="jinboxbott">{{ item.zxl }}分钟</div>
+          </div>
+        </div>
+        <div
+          class="nulllist"
+          style="height: 300px"
+          v-if="teamobj2.list.length == 0"
+        >
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
+          </div>
         </div>
+      </div>
     </div>
 
-     <div class="app-box-san">
-        <div class="zuo">
-          <div class="title">
-            <div class="text1">销讲执行率</div>
-            <div class="text2">
-               <el-select @change="teamAllLevelidtap()" style="width: 90%; margin: 0 auto;" v-model="teamAllLevelid" placeholder="请选择">
-                <el-option
-                  v-for="item in teamAllLevel"
-                  :key="item.value"
-                  :label="item.name"
-                  :value="item.value">
-                </el-option>
-              </el-select>
-             </div>
+    <div class="app-box-san">
+      <div class="zuo">
+        <div class="title">
+          <div class="text1">销讲执行率</div>
+          <div class="text2">
+            <el-select
+              @change="teamAllLevelidtap()"
+              style="width: 90%; margin: 0 auto"
+              v-model="teamAllLevelid"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in teamAllLevel"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
           </div>
-          <div class="hejisan">
-            <div class="sanbox1" style="width: 50%;">
-              <div class="text1-1">团队总数</div>
-              <div class="text1-2">{{teamobj3.num||0}}个</div>
-            </div>
-            <div  class="sanbox1" style="width: 50%;">
-              <div class="text1-1">均值</div>
-              <div class="text1-2">{{teamobj3.avg || 0}}%</div>
-            </div>
-         </div>
-         <div v-if="teamobj3.list.length!=0" style="overflow-y:auto;height: 350px;width: 94%;margin: 0 auto;">
-              <div  class="jinbox" v-for="(item,i) in teamobj3.list" :key='i'>
-                  <div class="jinboxtit">{{item.name}}</div>
-                  <div class="jinbox-box">
-                      <div class="boxbaifenbi" :style="'width:'+(item.zxl)+'%;'"></div>
-                  </div>
-                  <div class="jinboxbott">{{item.zxl}}%</div>
-              </div>
-         </div>
-           <div class="nulllist" style="height:300px" v-if="teamobj3.list.length==0">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
-            </div>
         </div>
-        <div class="you">
-          <div class="title">
-            <div class="text1">销讲能力雷达图</div>
+        <div class="hejisan">
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">团队总数</div>
+            <div class="text1-2">{{ teamobj3.num || 0 }}个</div>
+          </div>
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">均值</div>
+            <div class="text1-2">{{ teamobj3.avg || 0 }}%</div>
           </div>
-          <div id="main"  v-if="isshowcd2==true" style="height: 350px;width: 94%;margin: 0 auto;"></div>
-            <div class="nulllist" style="height:300px" v-if="isshowcd2==false">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
+        </div>
+        <div
+          v-if="teamobj3.list.length != 0"
+          style="overflow-y: auto; height: 350px; width: 94%; margin: 0 auto"
+        >
+          <div class="jinbox" v-for="(item, i) in teamobj3.list" :key="i">
+            <div class="jinboxtit">{{ item.name }}</div>
+            <div class="jinbox-box">
+              <div
+                class="boxbaifenbi"
+                :style="'width:' + item.zxl + '%;'"
+              ></div>
             </div>
+            <div class="jinboxbott">{{ item.zxl }}%</div>
+          </div>
+        </div>
+        <div
+          class="nulllist"
+          style="height: 300px"
+          v-if="teamobj3.list.length == 0"
+        >
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
+          </div>
+        </div>
+      </div>
+      <div class="you">
+        <div class="title">
+          <div class="text1">销讲能力雷达图</div>
+        </div>
+        <div
+          id="main"
+          v-if="isshowcd2 == true"
+          style="height: 350px; width: 94%; margin: 0 auto"
+        ></div>
+        <div class="nulllist" style="height: 300px" v-if="isshowcd2 == false">
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
+          </div>
         </div>
+      </div>
     </div>
 
-     <div class="app-box-san">
-        <div class="zuo">
-          <div class="title">
-            <div class="text1">违禁接待次数</div>
-            <div class="text2">
-               <el-select @change="teamAllLeve2tap()" style="width: 90%; margin: 0 auto;" v-model="teamAllLeve2id" placeholder="请选择">
-                <el-option
-                  v-for="item in teamAllLeve2"
-                  :key="item.value"
-                  :label="item.name"
-                  :value="item.value">
-                </el-option>
-              </el-select>
-             </div>
+    <div class="app-box-san">
+      <div class="zuo">
+        <div class="title">
+          <div class="text1">违禁接待次数</div>
+          <div class="text2">
+            <el-select
+              @change="teamAllLeve2tap()"
+              style="width: 90%; margin: 0 auto"
+              v-model="teamAllLeve2id"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in teamAllLeve2"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
           </div>
-          <div class="hejisan">
-            <div class="sanbox1" style="width: 50%;">
-              <div class="text1-1">团队总数</div>
-              <div class="text1-2">{{teamobj5.num||0}}个</div>
-            </div>
-            <div  class="sanbox1" style="width: 50%;">
-              <div class="text1-1">均值</div>
-              <div class="text1-2">{{teamobj5.avg||0}}次</div>
-            </div>
-         </div>
-         <div v-if="teamobj5.list.length!=0" style="overflow-y:auto;height: 350px;width: 94%;margin: 0 auto;">
-              <div  class="jinbox" v-for="(item,i) in teamobj5.list" :key='i'>
-                  <div class="jinboxtit">{{item.name}}</div>
-                  <div class="jinbox-box">
-                      <div class="boxbaifenbi" :style="'width:'+(item.zxl1)+'%;'"></div>
-                  </div>
-                  <div class="jinboxbott">{{item.zxl}}次</div>
-              </div>
-         </div>
-           <div class="nulllist" style="height:300px" v-if="teamobj5.list.length==0">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
-            </div>
         </div>
-        <div class="you">
-          <div class="title">
-            <div class="text1">违禁话术雷达图</div>
+        <div class="hejisan">
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">团队总数</div>
+            <div class="text1-2">{{ teamobj5.num || 0 }}个</div>
           </div>
-          <div v-if="isshowcd==true" id="main2" style="height: 350px;width: 94%;margin: 0 auto;"></div>
-           <div class="nulllist" style="height:300px" v-if="isshowcd==false">
-                <div class="imgboxc">
-                  <img class="imgboxc-img" src="/img/nullnull.png" alt="">
-                  <div class="nulltext">暂无数据</div>
-                </div>
+          <div class="sanbox1" style="width: 50%">
+            <div class="text1-1">均值</div>
+            <div class="text1-2">{{ teamobj5.avg || 0 }}次</div>
+          </div>
+        </div>
+        <div
+          v-if="teamobj5.list.length != 0"
+          style="overflow-y: auto; height: 350px; width: 94%; margin: 0 auto"
+        >
+          <div class="jinbox" v-for="(item, i) in teamobj5.list" :key="i">
+            <div class="jinboxtit">{{ item.name }}</div>
+            <div class="jinbox-box">
+              <div
+                class="boxbaifenbi"
+                :style="'width:' + item.zxl1 + '%;'"
+              ></div>
             </div>
+            <div class="jinboxbott">{{ item.zxl }}次</div>
+          </div>
+        </div>
+        <div
+          class="nulllist"
+          style="height: 300px"
+          v-if="teamobj5.list.length == 0"
+        >
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
+          </div>
         </div>
+      </div>
+      <div class="you">
+        <div class="title">
+          <div class="text1">违禁话术雷达图</div>
+        </div>
+        <div
+          v-if="isshowcd == true"
+          id="main2"
+          style="height: 350px; width: 94%; margin: 0 auto"
+        ></div>
+        <div class="nulllist" style="height: 300px" v-if="isshowcd == false">
+          <div class="imgboxc">
+            <img class="imgboxc-img" src="/img/nullnull.png" alt="" />
+            <div class="nulltext">暂无数据</div>
+          </div>
+        </div>
+      </div>
     </div>
-
   </div>
 </template>
 
 <script>
 import * as echarts from "echarts";
 import { mapGetters } from "vuex";
-import { exportMethodPost} from "@/util/util";
+import { exportMethodPost } from "@/util/util";
 export default {
   data() {
     return {
       houseId: "",
       TimetoAhoose: 4,
       customtime: [],
-      statDateStart:'',
-      statDateEnd:'',
-      tablsitdata1:[],
-      tablsitdata2:[],
-      teamobj1:{
-        avg:'',
-        list:[],
-        num:''
+      statDateStart: "",
+      statDateEnd: "",
+      tablsitdata1: [],
+      tablsitdata2: [],
+      teamobj1: {
+        avg: "",
+        list: [],
+        num: "",
       },
-      teamobj2:{
-        avg:'',
-        list:[],
-        num:''
+      teamobj2: {
+        avg: "",
+        list: [],
+        num: "",
       },
-      teamobj3:{
-        avg:'',
-        list:[],
-        num:''
+      teamobj3: {
+        avg: "",
+        list: [],
+        num: "",
       },
-      teamobj5:{
-        avg:'',
-        list:[],
-        num:''
+      teamobj5: {
+        avg: "",
+        list: [],
+        num: "",
       },
-      teamAllLevel:[],
-      teamAllLevelid:'',
-      teamAllLeve2:[],
-      teamAllLeve2id:'',
-      ceratelist:[],
-       role:'',
-      houseList:[],
-      isshowcd:true,
-      isshowcd2:true
+      teamAllLevel: [],
+      teamAllLevelid: "",
+      teamAllLeve2: [],
+      teamAllLeve2id: "",
+      ceratelist: [],
+      role: "",
+      houseList: [],
+      isshowcd: true,
+      isshowcd2: true,
     };
   },
-    computed: {
+  computed: {
     ...mapGetters(["permissions"]),
   },
   created() {
     this.sta_team_downLoad = this.permissions["sta_team_downLoad"];
   },
   mounted() {
-    this.role=localStorage.getItem("orgType");
-    if(this.role==3){
-       this.houseId = localStorage.getItem("houseId");
-      this.allhttp()
-    }else{
-      this.zkhousePage()
+    this.role = localStorage.getItem("orgType");
+    if (this.role == 3) {
+      this.houseId = localStorage.getItem("houseId");
+      this.allhttp();
+    } else {
+      this.zkhousePage();
     }
   },
   methods: {
-      downLoad(){
-      let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    downLoad() {
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
-      exportMethodPost('autoSR/cusStageStatistics/teamTableExport','团队对比',pamaet)
+      exportMethodPost(
+        "autoSR/cusStageStatistics/teamTableExport",
+        "团队对比",
+        pamaet
+      );
     },
     zkhousePage() {
       this.$api.api
@@ -336,493 +424,494 @@ export default {
         .then((res) => {
           this.houseList = res.data;
           this.houseId = res.data[0].id;
-          this.allhttp()
+          this.allhttp();
         });
     },
-    houseChange(){
-      this.customtime=[];
-      this.TimetoAhoose=4;
-      this.statDateStart=''
-      this.statDateEnd=''
-      this.allhttp()
-
+    houseChange() {
+      this.customtime = [];
+      this.TimetoAhoose = 4;
+      this.statDateStart = "";
+      this.statDateEnd = "";
+      this.allhttp();
     },
-    allhttp(){
-      this.teamteamTable()
-      this.teamData1()
-      this.teamData2()
-      this.teamData3()
-      this.teamData4()
-      this.teamData5()
-      this.teamData6()
-      this.teamAllLeve()
+    allhttp() {
+      this.teamteamTable();
+      this.teamData1();
+      this.teamData2();
+      this.teamData3();
+      this.teamData4();
+      this.teamData5();
+      this.teamData6();
+      this.teamAllLeve();
     },
     // 获取一级
-    teamAllLeve(){
-      this.teamAllLevel=[
-        {name:'平均执行',value:''},
-      ]
-       this.teamAllLeve2=[
-        {name:'总次数',value:''},
-      ]
-      let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamAllLeve() {
+      this.teamAllLevel = [{ name: "平均执行", value: "" }];
+      this.teamAllLeve2 = [{ name: "总次数", value: "" }];
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamAllLevel(pamaet).then((res) => {
-        let arr1=res.data.resultsList ||[];
-        let arr2=res.data.sensitiveWordsList ||[];
-        arr1.map(item=>{
+        let arr1 = res.data.resultsList || [];
+        let arr2 = res.data.sensitiveWordsList || [];
+        arr1.map((item) => {
           this.teamAllLevel.push({
-            name:item.name,
-            value:item.marketingId
-          })
-        })
-        arr2.map(item=>{
+            name: item.name,
+            value: item.marketingId,
+          });
+        });
+        arr2.map((item) => {
           this.teamAllLeve2.push({
-            name:item.words,
-            value:item.words
-          })
-        })
-        this.teamAllLevelid='';
-        this.teamAllLeve2id='';
-      })
+            name: item.words,
+            value: item.words,
+          });
+        });
+        this.teamAllLevelid = "";
+        this.teamAllLeve2id = "";
+      });
     },
     //表格
-    teamteamTable(){
-      this.tablsitdata1=[
-        {name:'序号'},{name:'团队'},{name:'接待量'},{name:'接待顾问'},{name:'有效接待'},{name:'违禁接待次数'},
-        {name:'接待时长（分）'},{name:'平均执行率'},{name:'违禁接待占比'},
-      ]
-      let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-      }
+    teamteamTable() {
+      this.tablsitdata1 = [
+        { name: "序号" },
+        { name: "团队" },
+        { name: "接待量" },
+        { name: "接待顾问" },
+        { name: "有效接待" },
+        { name: "违禁接待次数" },
+        { name: "接待时长（分）" },
+        { name: "平均执行率" },
+        { name: "违禁接待占比" },
+      ];
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+      };
 
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamteamTable(pamaet).then((res) => {
-        let newlist=res.data || [];
-        this.tablsitdata2=res.data;
-          newlist[0].resultsList.map(item=>{
-            this.tablsitdata1.push( {name:item.name})
-          })
-      })
+        let newlist = res.data || [];
+        this.tablsitdata2 = res.data;
+        newlist[0].resultsList.map((item) => {
+          this.tablsitdata1.push({ name: item.name });
+        });
+      });
     },
     //接待量排名
-    teamData1(){
-      this.teamobj1={
-        avg:'',
-        list:[],
-        num:''
-      }
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:1
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData1() {
+      this.teamobj1 = {
+        avg: "",
+        list: [],
+        num: "",
+      };
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 1,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let arr=[]
-          res.data.list.map(item=>{
-            let obj={}
-            obj.name=item.deptName
-            obj.zxl=item.activeCustomer;
-            arr.push(obj)
-          })
-          arr=this.dealData(arr)
-          this.teamobj1={
-            avg: res.data.avg || 0,
-            num: res.data.num || 0,
-            list:arr || []
-          }
-      })
+        let arr = [];
+        res.data.list.map((item) => {
+          let obj = {};
+          obj.name = item.deptName;
+          obj.zxl = item.activeCustomer;
+          arr.push(obj);
+        });
+        arr = this.dealData(arr);
+        this.teamobj1 = {
+          avg: res.data.avg || 0,
+          num: res.data.num || 0,
+          list: arr || [],
+        };
+      });
     },
     //录音时长排名
-    teamData2(){
-      this.teamobj2={
-        avg:'',
-        list:[],
-        num:''
-      }
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:2
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData2() {
+      this.teamobj2 = {
+        avg: "",
+        list: [],
+        num: "",
+      };
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 2,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let arr=[]
-          res.data.list.map(item=>{
-            let obj={}
-            obj.name=item.deptName
-            obj.zxl=Math.floor(item.sumDuration/60)
-            arr.push(obj)
-          })
-          arr=this.dealData(arr)
-          this.teamobj2={
-            avg: res.data.avg || 0,
-            num: res.data.num || 0,
-            list:arr || []
-          }
-      })
+        let arr = [];
+        res.data.list.map((item) => {
+          let obj = {};
+          obj.name = item.deptName;
+          obj.zxl = Math.floor(item.sumDuration / 60);
+          arr.push(obj);
+        });
+        arr = this.dealData(arr);
+        this.teamobj2 = {
+          avg: res.data.avg || 0,
+          num: res.data.num || 0,
+          list: arr || [],
+        };
+      });
     },
     //销讲执行率切换一级
-    teamAllLevelidtap(){
-      this.teamData3()
+    teamAllLevelidtap() {
+      this.teamData3();
     },
     //销讲执行率
-    teamData3(){
-      this.teamobj3={
-        avg:'',
-        list:[],
-        num:''
-      }
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:3,
-        marketingId:this.teamAllLevelid
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData3() {
+      this.teamobj3 = {
+        avg: "",
+        list: [],
+        num: "",
+      };
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 3,
+        marketingId: this.teamAllLevelid,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let arr=[]
-          res.data.list.map(item=>{
-            let obj={}
-            obj.name=item.deptName
-            obj.zxl=item.fraction
-            arr.push(obj)
-          })
-          // arr=this.dealData(arr)
-          this.teamobj3={
-            avg: res.data.avg || 0,
-            num: res.data.num || 0,
-            list:arr || []
-          }
-      })
+        let arr = [];
+        res.data.list.map((item) => {
+          let obj = {};
+          obj.name = item.deptName;
+          obj.zxl = item.fraction;
+          arr.push(obj);
+        });
+        // arr=this.dealData(arr)
+        this.teamobj3 = {
+          avg: res.data.avg || 0,
+          num: res.data.num || 0,
+          list: arr || [],
+        };
+      });
     },
     //销讲雷达图
-    teamData4(){
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:4,
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData4() {
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 4,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let namelist=[];
-          let datalist=[];
-          let newlinename=[];
-          let arr=res.data.list||[];
+        let namelist = [];
+        let datalist = [];
+        let newlinename = [];
+        let arr = res.data.list || [];
 
-            if(arr.length!=0){
-              arr.map(item=>{
-                namelist.push(item.deptName)
-                datalist.push({
-                  name:item.deptName,
-                  value:[]
-                })
-              })
-                 arr[0].resultsList.map(item=>{
-                  newlinename.push({
-                    name:item.name,max:100
-                  })
-              })
-              arr.map((item,index)=>{
-                datalist.map(che=>{
-                  if(item.deptName==che.name){
-                    item.resultsList.map(as=>{
-                        che.value.push(as.zxl)
-                    })
-                  }
-                })
-              })
-            }
+        if (arr.length != 0) {
+          arr.map((item) => {
+            namelist.push(item.deptName);
+            datalist.push({
+              name: item.deptName,
+              value: [],
+            });
+          });
+          arr[0].resultsList.map((item) => {
+            newlinename.push({
+              name: item.name,
+              max: 100,
+            });
+          });
+          arr.map((item, index) => {
+            datalist.map((che) => {
+              if (item.deptName == che.name) {
+                item.resultsList.map((as) => {
+                  che.value.push(as.zxl);
+                });
+              }
+            });
+          });
+        }
 
-          this.initecah(namelist,datalist,newlinename)
-      })
+        this.initecah(namelist, datalist, newlinename);
+      });
     },
     //违禁话术雷达图
-    teamData6(){
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:6,
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData6() {
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 6,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let namelist=[];
-          let datalist=[];
-          let newlinename=[];
-          let arr=res.data.list||[];
-          if(arr.length!=0){
-               arr.map(item=>{
-                namelist.push(item.deptName)
-                datalist.push({
-                  name:item.deptName,
-                  value:[]
-                })
-              })
-              arr[0].sensitiveWordsList.map(item=>{
-                  newlinename.push({
-                    name:item.words,max:100
-                  })
-              })
-              arr.map((item,index)=>{
-                datalist.map(che=>{
-                  if(item.deptName==che.name){
-                    item.sensitiveWordsList.map(as=>{
-                        che.value.push(as.num)
-                    })
-                  }
-                })
-              })
-          }
-          this.initecah2(namelist,datalist,newlinename)
-      })
+        let namelist = [];
+        let datalist = [];
+        let newlinename = [];
+        let arr = res.data.list || [];
+        if (arr.length != 0) {
+          arr.map((item) => {
+            namelist.push(item.deptName);
+            datalist.push({
+              name: item.deptName,
+              value: [],
+            });
+          });
+          arr[0].sensitiveWordsList.map((item) => {
+            newlinename.push({
+              name: item.words,
+              max: 100,
+            });
+          });
+          arr.map((item, index) => {
+            datalist.map((che) => {
+              if (item.deptName == che.name) {
+                item.sensitiveWordsList.map((as) => {
+                  che.value.push(as.num);
+                });
+              }
+            });
+          });
+        }
+        this.initecah2(namelist, datalist, newlinename);
+      });
     },
 
-    initecah(namelist,datalist,newlinename){
-      if(datalist.length==0){
-        this.isshowcd2=false
-        return
-      }else{
-         this.isshowcd2=true
+    initecah(namelist, datalist, newlinename) {
+      if (datalist.length == 0) {
+        this.isshowcd2 = false;
+        return;
+      } else {
+        this.isshowcd2 = true;
       }
-       echarts.init(document.getElementById("main")).dispose();
+      echarts.init(document.getElementById("main")).dispose();
       var chartDom = document.getElementById("main");
       var myChart = echarts.init(chartDom);
       var option;
       option = {
-          color: [
-              "#6F8EDC",
-              "#EE6666",
-              "#F98120",
-              "#1CC99E",
-              "#9474FB",
-              "#66AFF5",
-              "#FABD2B",
-              "#FFCF8F",
-              "#657292",
-              "#7A6A99",
-              "#BF5D52",
-              "#77B7E4",
-              "#E6A065",
-              "#9D5139",
-              "#C1AA88",
-              "#F87F7A",
-              "#F6CF74",
-              "#7F5506",
-              "#88BB9B",
-              "#6E99AA",
-              "#5789D0",
-            ],
+        color: [
+          "#6F8EDC",
+          "#EE6666",
+          "#F98120",
+          "#1CC99E",
+          "#9474FB",
+          "#66AFF5",
+          "#FABD2B",
+          "#FFCF8F",
+          "#657292",
+          "#7A6A99",
+          "#BF5D52",
+          "#77B7E4",
+          "#E6A065",
+          "#9D5139",
+          "#C1AA88",
+          "#F87F7A",
+          "#F6CF74",
+          "#7F5506",
+          "#88BB9B",
+          "#6E99AA",
+          "#5789D0",
+        ],
         tooltip: {
-            trigger: 'axis'
+          trigger: "axis",
         },
         legend: {
           data: namelist,
-              right: "10",
-          top:'10'
+          right: "10",
+          top: "10",
         },
-        color:[
-          '#2671E2',
-          '#F3787B',
-        ],
+        color: ["#2671E2", "#F3787B"],
         radar: {
           // shape: 'circle',
-          indicator: newlinename
+          indicator: newlinename,
         },
         series: [
           {
-            type: 'radar',
+            type: "radar",
             tooltip: {
-                trigger: 'item'
+              trigger: "item",
             },
-            data: datalist
-          }
-        ]
+            data: datalist,
+          },
+        ],
       };
       option && myChart.setOption(option);
       window.addEventListener("resize", () => {
-       myChart.resize();
+        myChart.resize();
       });
     },
-    initecah2(namelist,datalist,newlinename){
-      if(datalist.length==0){
-        this.isshowcd=false
-        return
-      }else{
-         this.isshowcd=true
+    initecah2(namelist, datalist, newlinename) {
+      if (datalist.length == 0) {
+        this.isshowcd = false;
+        return;
+      } else {
+        this.isshowcd = true;
       }
-       echarts.init(document.getElementById("main2")).dispose();
+      echarts.init(document.getElementById("main2")).dispose();
       var chartDom = document.getElementById("main2");
       var myChart = echarts.init(chartDom);
       var option;
       option = {
-          color: [
-              "#6F8EDC",
-              "#EE6666",
-              "#F98120",
-              "#1CC99E",
-              "#9474FB",
-              "#66AFF5",
-              "#FABD2B",
-              "#FFCF8F",
-              "#657292",
-              "#7A6A99",
-              "#BF5D52",
-              "#77B7E4",
-              "#E6A065",
-              "#9D5139",
-              "#C1AA88",
-              "#F87F7A",
-              "#F6CF74",
-              "#7F5506",
-              "#88BB9B",
-              "#6E99AA",
-              "#5789D0",
-            ],
+        color: [
+          "#6F8EDC",
+          "#EE6666",
+          "#F98120",
+          "#1CC99E",
+          "#9474FB",
+          "#66AFF5",
+          "#FABD2B",
+          "#FFCF8F",
+          "#657292",
+          "#7A6A99",
+          "#BF5D52",
+          "#77B7E4",
+          "#E6A065",
+          "#9D5139",
+          "#C1AA88",
+          "#F87F7A",
+          "#F6CF74",
+          "#7F5506",
+          "#88BB9B",
+          "#6E99AA",
+          "#5789D0",
+        ],
         tooltip: {
-            trigger: 'axis'
+          trigger: "axis",
         },
         legend: {
           data: namelist,
-               right: "10",
-          top:'10'
+          right: "10",
+          top: "10",
         },
-        color:[
-          '#2671E2',
-          '#F3787B',
-        ],
+        color: ["#2671E2", "#F3787B"],
         radar: {
           // shape: 'circle',
-          indicator: newlinename
+          indicator: newlinename,
         },
         series: [
           {
-            type: 'radar',
+            type: "radar",
             tooltip: {
-                trigger: 'item'
+              trigger: "item",
             },
-            data: datalist
-          }
-        ]
+            data: datalist,
+          },
+        ],
       };
       option && myChart.setOption(option);
       window.addEventListener("resize", () => {
-       myChart.resize();
+        myChart.resize();
       });
     },
 
     //违禁接待次数一级切换
-    teamAllLeve2tap(){
-        this.teamData5()
+    teamAllLeve2tap() {
+      this.teamData5();
     },
     //违禁接待次数
-    teamData5(){
-      this.teamobj5={
-        avg:'',
-        list:[],
-        num:''
-      }
-       let pamaet={
-        houseId:this.houseId,
-        dateType:0,
-        statDateStart:this.statDateStart,
-        statDateEnd:this.statDateEnd,
-        type:5,
-        words:this.teamAllLeve2id
-      }
-      if(this.TimetoAhoose==7){
-        pamaet.dateType=null
-      }else{
-        pamaet.dateType=this.TimetoAhoose
+    teamData5() {
+      this.teamobj5 = {
+        avg: "",
+        list: [],
+        num: "",
+      };
+      let pamaet = {
+        houseId: this.houseId,
+        dateType: 0,
+        statDateStart: this.statDateStart,
+        statDateEnd: this.statDateEnd,
+        type: 5,
+        words: this.teamAllLeve2id,
+      };
+      if (this.TimetoAhoose == 7) {
+        pamaet.dateType = null;
+      } else {
+        pamaet.dateType = this.TimetoAhoose;
       }
       this.$api.http.teamData(pamaet).then((res) => {
-          let arr=[]
-          res.data.list.map(item=>{
-            let obj={}
-            obj.name=item.deptName
-            obj.zxl=item.prohibitedCustomer
-            arr.push(obj)
-          })
-          arr=this.dealData(arr)
-          this.teamobj5={
-            avg: res.data.avg || 0,
-            num: res.data.num || 0,
-            list:arr || []
-          }
-      })
+        let arr = [];
+        res.data.list.map((item) => {
+          let obj = {};
+          obj.name = item.deptName;
+          obj.zxl = item.prohibitedCustomer;
+          arr.push(obj);
+        });
+        arr = this.dealData(arr);
+        this.teamobj5 = {
+          avg: res.data.avg || 0,
+          num: res.data.num || 0,
+          list: arr || [],
+        };
+      });
     },
 
-
-
     // 自定义时间
-    confirmtime(){
-      this.TimetoAhoose=7;
-      this.statDateStart=this.customtime[0],
-      this.statDateEnd=this.customtime[1];
-      this.allhttp()
+    confirmtime() {
+      this.TimetoAhoose = 7;
+      (this.statDateStart = this.customtime[0]),
+        (this.statDateEnd = this.customtime[1]);
+      this.allhttp();
     },
     //切换时间
     tabtimetap(index) {
       this.TimetoAhoose = index;
-      this.statDateStart='';
-      this.statDateEnd='';
-      this.customtime=[];
-      this.allhttp()
+      this.statDateStart = "";
+      this.statDateEnd = "";
+      this.customtime = [];
+      this.allhttp();
+    },
+    dealData(arr) {
+      console.log(arr);
+      let num = Math.max.apply(
+        Math,
+        arr.map(function (o) {
+          return o.zxl;
+        })
+      ); //结果：3
+      arr.map((item) => {
+        item.zxl1 = Math.floor((item.zxl / num) * 100) || 0;
+      });
+      return arr;
     },
-    dealData(arr){
-      console.log(arr)
-      let num=Math.max.apply(Math, arr.map(function (o) { return o.zxl })) //结果：3
-			arr.map(item=>{
-					item.zxl1=Math.floor(item.zxl/num*100) || 0;
-				})
-				return arr
-		},
   },
 };
 </script>
@@ -847,25 +936,23 @@ tbody tr {
   // word-break: break-all;
 }
 
-
-
 .box-center {
   width: 100%;
   padding: 15px;
   min-width: 1000px;
   padding-bottom: 100px;
 }
-.cen-tab{
+.cen-tab {
   width: 100%;
   padding: 15px;
-  background: #FFFFFF;
+  background: #ffffff;
   margin-top: 15px;
 }
 .tophove {
   color: #ffffff;
   background: #2671e2;
 }
-.app-top{
+.app-top {
   width: 100%;
   background: #ffffff;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
@@ -904,32 +991,32 @@ tbody tr {
   }
 }
 
-.app-box-san{
+.app-box-san {
   width: 100%;
   height: 400px;
   display: flex;
   margin-top: 15px;
-  .zuo{
+  .zuo {
     flex: 1;
     height: 100%;
     margin-right: 15px;
-    background: #FFFFFF;
+    background: #ffffff;
     border-radius: 4px;
-    .title{
+    .title {
       width: 100%;
       height: 55px;
-      border-bottom: 1px solid #E0E0E0;
+      border-bottom: 1px solid #e0e0e0;
       display: flex;
       align-content: center;
-      .text1{
-          flex: 2;
-          line-height: 55px;
-          text-indent: 20px;
-          font-weight: 500;
-          font-size: 16px;
-          color: #333333;
+      .text1 {
+        flex: 2;
+        line-height: 55px;
+        text-indent: 20px;
+        font-weight: 500;
+        font-size: 16px;
+        color: #333333;
       }
-      .text2{
+      .text2 {
         flex: 1;
         height: 55px;
         display: flex;
@@ -937,26 +1024,26 @@ tbody tr {
       }
     }
   }
-  .you{
+  .you {
     height: 100%;
     flex: 1;
-    background: #FFFFFF;
+    background: #ffffff;
     border-radius: 4px;
-    .title{
+    .title {
       width: 100%;
       height: 55px;
-      border-bottom: 1px solid #E0E0E0;
+      border-bottom: 1px solid #e0e0e0;
       display: flex;
       align-content: center;
-      .text1{
-          flex: 2;
-          line-height: 55px;
-          text-indent: 20px;
-          font-weight: 500;
-          font-size: 16px;
-          color: #333333;
+      .text1 {
+        flex: 2;
+        line-height: 55px;
+        text-indent: 20px;
+        font-weight: 500;
+        font-size: 16px;
+        color: #333333;
       }
-      .text2{
+      .text2 {
         flex: 1;
         height: 55px;
         display: flex;
@@ -966,66 +1053,65 @@ tbody tr {
   }
 }
 
-	.hejisan{
-		width: 92%;
-		margin: 0 auto;
-		display: flex;
-		padding-top: 10px;
-		padding-bottom:10px;
-		.text1-1{
-			color: #666666;
-		}
-		.text1-2{
-			color: #333333;
-			margin-top: 10px;
-		}
-	}
+.hejisan {
+  width: 92%;
+  margin: 0 auto;
+  display: flex;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  .text1-1 {
+    color: #666666;
+  }
+  .text1-2 {
+    color: #333333;
+    margin-top: 10px;
+  }
+}
 
 // 进度条
- .jinbox {
-      width: 100%;
-      height: 18px;
-      line-height: 18px;
-      display: flex;
-      font-size: 16px;
-      color: #2C3542;
-      margin-top: 10px;
-      .jinboxtit {
-            width: 14%;
-            height: 18px;
-            padding-right: 6px;
-            white-space: nowrap;
-            text-overflow:ellipsis;
-            overflow: hidden;
-        }
-        .jinbox-box {
-            width: 75%;
-            height: 100%;
-            border-radius: 8px;
-            background: #F2F2F2;
-        }
-        .boxbaifenbi {
-            height: 100%;
-            background:#60D7A0;
-            border-radius: 8px;
-        }
-        .boxbaifenbi2 {
-            height: 100%;
-            background: #5B8FF9;
-        }
-        .jinboxbott {
-            width: 16%;
-            text-indent: 16px;
-        }
+.jinbox {
+  width: 100%;
+  height: 18px;
+  line-height: 18px;
+  display: flex;
+  font-size: 16px;
+  color: #2c3542;
+  margin-top: 10px;
+  .jinboxtit {
+    width: 14%;
+    height: 18px;
+    padding-right: 6px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
-    .theadtd{
-            width: 140px;
-            height: 48px;
-            border: 1px solid #E0E0E0;
-            text-align: center;
-            line-height: 48px;
-            font-size: 16px;
-            color: #32363D;
-
-        }
+  .jinbox-box {
+    width: 75%;
+    height: 100%;
+    border-radius: 8px;
+    background: #f2f2f2;
+  }
+  .boxbaifenbi {
+    height: 100%;
+    background: #60d7a0;
+    border-radius: 8px;
+  }
+  .boxbaifenbi2 {
+    height: 100%;
+    background: #5b8ff9;
+  }
+  .jinboxbott {
+    width: 16%;
+    text-indent: 16px;
+  }
+}
+.theadtd {
+  width: 140px;
+  height: 48px;
+  border: 1px solid #e0e0e0;
+  text-align: center;
+  line-height: 48px;
+  font-size: 16px;
+  color: #32363d;
+}
 </style>
diff --git a/src/views/Statistics/TrendAnalysis.vue b/src/views/Statistics/TrendAnalysis.vue
index 4c784aa..ceb12a7 100644
--- a/src/views/Statistics/TrendAnalysis.vue
+++ b/src/views/Statistics/TrendAnalysis.vue
@@ -8,6 +8,7 @@
           <el-select
             v-model="houseId"
             placeholder="请选择"
+            filterable
             @change="houseChange"
           >
             <el-option
diff --git a/src/views/Template/PinspeakwordsList.vue b/src/views/Template/PinspeakwordsList.vue
index ae663bc..7c2f90e 100644
--- a/src/views/Template/PinspeakwordsList.vue
+++ b/src/views/Template/PinspeakwordsList.vue
@@ -297,7 +297,7 @@ export default {
               if(res.code==0){
                    this.$message({
                     type: 'success',
-                    message: '启用成功!'
+                    message: res.msg
                   });
                   this.getcompanyList()
               }else{
diff --git a/src/views/Template/wrongword.vue b/src/views/Template/wrongword.vue
index f7bec68..7ba5705 100644
--- a/src/views/Template/wrongword.vue
+++ b/src/views/Template/wrongword.vue
@@ -2,7 +2,7 @@
   <div class="box-center">
     <!-- 头 -->
     <div class="app-top">
-      <div class="app-titel" v-if="orgType!=3">
+      <div class="app-titel" v-if="orgType != 3">
         <div class="label" style="color: #32363d; font-weight: 400">
           项目选择：
         </div>
@@ -27,29 +27,35 @@
       <div class="app-titel" style="margin-top: 10px">
         <div class="label">正确词：</div>
         <div>
-          <el-input maxlength="8" clearable v-model="searchForm.correctWord"></el-input>
+          <el-input
+            maxlength="8"
+            clearable
+            v-model="searchForm.correctWord"
+          ></el-input>
         </div>
         <div class="label">错误词：</div>
         <div>
-          <el-input maxlength="8" clearable v-model="searchForm.wrongWord"></el-input>
+          <el-input
+            maxlength="8"
+            clearable
+            v-model="searchForm.wrongWord"
+          ></el-input>
         </div>
         <div style="margin-left: 20px">
-          <el-button type="primary" @click="screen"
-            >筛选</el-button
-          >
+          <el-button type="primary" @click="screen">筛选</el-button>
         </div>
         <div style="margin-left: 20px">
           <el-button @click="clascreen">清空筛选条件</el-button>
         </div>
         <div style="margin-left: 20px">
-          <el-button
-            @click="addinfo()"
-            type="primary"
-            v-if="tem_ww_add"
+          <el-button @click="addinfo()" type="primary" v-if="tem_ww_add"
             >新增</el-button
           >
         </div>
-          <div style="margin-left: auto;margin-right:10px;" v-if="tem_ww_downLoad">
+        <div
+          style="margin-left: auto; margin-right: 10px"
+          v-if="tem_ww_downLoad"
+        >
           <el-button @click="downLoad">导出</el-button>
         </div>
       </div>
@@ -73,8 +79,12 @@
         <!--  scope -->
         <el-table-column label="操作" align="center">
           <template slot-scope="{ row }">
-            <el-button v-if="tem_ww_edit" type="text" @click="edit(row)">修改</el-button>
-            <el-button v-if="tem_ww_del" type="text" @click="del(row)">删除</el-button>
+            <el-button v-if="tem_ww_edit" type="text" @click="edit(row)"
+              >修改</el-button
+            >
+            <el-button v-if="tem_ww_del" type="text" @click="del(row)"
+              >删除</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -106,26 +116,37 @@
         style="width: 60%; margin: 0 auto"
       >
         <el-form-item label="正确词" prop="correctWord">
-          <el-input v-model="ruleForm.correctWord" maxlength="8" clearable></el-input>
+          <el-input
+            v-model="ruleForm.correctWord"
+            maxlength="8"
+            clearable
+          ></el-input>
         </el-form-item>
         <el-form-item label="错误词" prop="wrongWord">
-          <el-input v-model="ruleForm.wrongWord" maxlength="8" clearable></el-input>
+          <el-input
+            v-model="ruleForm.wrongWord"
+            maxlength="8"
+            clearable
+          ></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" :loading="loadingFlag" @click="addSure()">保存</el-button>
+        <el-button type="primary" :loading="loadingFlag" @click="addSure()"
+          >保存</el-button
+        >
       </div>
     </el-dialog>
 
-     <el-dialog
-      title="删除"
-      :visible.sync="dialogVisible2"
-    >
-    <div class="delclass">
-       <div> <el-radio v-model="radiovalue" label="0">直接删除</el-radio></div>
-       <div style="margin-top:10px;"> <el-radio v-model="radiovalue" label="1">删除，同时恢复历史纠错内容</el-radio></div>
-    </div>
+    <el-dialog title="删除" :visible.sync="dialogVisible2">
+      <div class="delclass">
+        <div><el-radio v-model="radiovalue" label="0">直接删除</el-radio></div>
+        <div style="margin-top: 10px">
+          <el-radio v-model="radiovalue" label="1"
+            >删除，同时恢复历史纠错内容</el-radio
+          >
+        </div>
+      </div>
 
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible2 = false">取 消</el-button>
@@ -137,16 +158,18 @@
 
 <script>
 import { mapGetters } from "vuex";
-import { exportMethodPost} from "@/util/util";
+import { exportMethodPost } from "@/util/util";
 export default {
   data() {
     return {
       currentPage: 4,
-      orgType:localStorage.getItem('orgType'),
+      orgType: localStorage.getItem("orgType"),
       value: "",
       input: "",
       tableData: [],
       multipleSelection: [],
+      mistakenList: [], // 常错词数组
+      correctList: [], // 正确词数组
       dialogVisible: false,
       loadingFlag: false,
       houseList: [],
@@ -172,10 +195,9 @@ export default {
           { required: true, message: "请填写错误词", trigger: "change" },
         ],
       },
-      dialogVisible2:false,
-      radiovalue:'0',
-      delid:''
-
+      dialogVisible2: false,
+      radiovalue: "0",
+      delid: "",
     };
   },
   computed: {
@@ -192,10 +214,14 @@ export default {
     this.zkhousePage();
   },
   methods: {
-      downLoad(){
-        // this.searchForm
-    //  exportMethodPost()
-    exportMethodPost('autoSR/zk/correct/indexExport','常错词',this.searchForm)
+    downLoad() {
+      // this.searchForm
+      //  exportMethodPost()
+      exportMethodPost(
+        "autoSR/zk/correct/indexExport",
+        "常错词",
+        this.searchForm
+      );
     },
 
     edit(row) {
@@ -203,23 +229,27 @@ export default {
       this.editFlag = true;
       this.dialogVisible = true;
     },
-    delSure(){
-        axios({
-          url: `/autoSR/zk/correct/deleteCorrectWord?id=`+this.delid+'&deleteType='+this.radiovalue,
-          method: "GET",
-        }).then((res) => {
-          if (res.code == 0) {
-            this.$message.success("操作成功");
-            this.dialogVisible2=false;
-            this.correctFindbypage();
-          } else {
-            this.$message.warning(res.resMsg);
-          }
-        })
+    delSure() {
+      axios({
+        url:
+          `/autoSR/zk/correct/deleteCorrectWord?id=` +
+          this.delid +
+          "&deleteType=" +
+          this.radiovalue,
+        method: "GET",
+      }).then((res) => {
+        if (res.code == 0) {
+          this.$message.success("操作成功");
+          this.dialogVisible2 = false;
+          this.correctFindbypage();
+        } else {
+          this.$message.warning(res.resMsg);
+        }
+      });
     },
     del(row) {
-      this.delid=row.id;
-      this.dialogVisible2=true;
+      this.delid = row.id;
+      this.dialogVisible2 = true;
       // this.$confirm(`是否删除该常错词?`, "提示", {
       //   confirmButtonText: "确定",
       //   cancelButtonText: "取消",
@@ -251,21 +281,39 @@ export default {
       };
     },
     addSure() {
-      // console.log(this.addressOptions)
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
-          this.loadingFlag=true
-          console.log(this.ruleForm);
+          // this.loadingFlag = true;
+          this.ruleForm.correctWord = this.ruleForm.correctWord.replace(
+            /[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?/\，/\。/\；/\：/\“/\”/\》/\《/\|/\{/\}/\、/\!/\~/\`]/g,
+            ""
+          );
+          this.ruleForm.wrongWord = this.ruleForm.wrongWord.replace(
+            /[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?/\，/\。/\；/\：/\“/\”/\》/\《/\|/\{/\}/\、/\!/\~/\`]/g,
+            ""
+          );
+          // mistakenList: [], // 常错词数组
+          // correctList: [], // 正确词数组
+
           // 编辑
-          // return;
           if (this.editFlag) {
             console.log("编辑");
+
+            if (this.mistakenList.indexOf(this.ruleForm.correctWord) != -1) {
+              this.$message.error("正确词不能与错误词相同");
+              return;
+            }
+
+            if (this.correctList.indexOf(this.ruleForm.wrongWord) != -1) {
+              this.$message.error("错误词不能与正确词相同");
+              return;
+            }
             this.$api.api.correctUpdate(this.ruleForm).then((res) => {
               console.log(res);
               if (res.code == 0) {
                 setTimeout(() => {
-                  this.loadingFlag=false
-                  console.log('防重')
+                  this.loadingFlag = false;
+                  console.log("防重");
                 }, 1);
                 this.dialogVisible = false;
                 this.$message.success("编辑成功");
@@ -274,8 +322,16 @@ export default {
             });
           } else {
             // 添加
-            console.log("添加");
-            // return;
+
+            if (this.correctList.indexOf(this.ruleForm.correctWord) != -1) {
+              this.$message.error("正确词已添加过~");
+              return;
+            }
+
+            if (this.mistakenList.indexOf(this.ruleForm.wrongWord) != -1) {
+              this.$message.error("错误词已添加过~");
+              return;
+            }
             this.$api.api
               .correctAdd({
                 houseId: this.searchForm.houseId,
@@ -285,9 +341,9 @@ export default {
                 console.log(res);
                 if (res.code == 0) {
                   setTimeout(() => {
-                  this.loadingFlag=false
-                  console.log('防重')
-                }, 1);
+                    this.loadingFlag = false;
+                    console.log("防重");
+                  }, 1);
                   this.dialogVisible = false;
                   this.$message.success("新增常错词成功");
                   this.correctFindbypage();
@@ -304,8 +360,11 @@ export default {
     clascreen() {
       this.searchForm.wrongWord = "";
       this.searchForm.correctWord = "";
-      this.searchForm.houseId=this.orgType==3? localStorage.getItem('houseId'):this.houseList[0].id,
-      this.currentPage = 1;
+      (this.searchForm.houseId =
+        this.orgType == 3
+          ? localStorage.getItem("houseId")
+          : this.houseList[0].id),
+        (this.currentPage = 1);
       this.correctFindbypage();
     },
     houseChange() {
@@ -339,7 +398,15 @@ export default {
       this.$api.api.correctFindbypage(obj).then((res) => {
         console.log(res);
         this.tableData = res.data.records;
+        this.mistakenList = res.data.records.map((item) => {
+          return item.wrongWord;
+        });
+        this.correctList = res.data.records.map((item) => {
+          return item.correctWord;
+        });
         this.total = res.data.total;
+
+        console.log(this.mistakenList, this.correctList);
       });
     },
     addinfo() {
@@ -373,7 +440,7 @@ export default {
   min-width: 1000px;
   padding-bottom: 100px;
 }
-.delclass{
+.delclass {
   width: 400px;
   // border: 1px solid red;
   margin: 0 auto;
diff --git a/src/views/building/index.vue b/src/views/building/index.vue
index 0b5b0d2..951c45f 100644
--- a/src/views/building/index.vue
+++ b/src/views/building/index.vue
@@ -189,13 +189,29 @@
 
         <div class="div-lab">
           <div class="label">项目名称：</div>
-          <el-input
+          <el-select
+            class="div-inp"
+            v-model="searchForm.propertyName"
+            filterable
+            clearable
+            @change="houseChange"
+            placeholder="请选择项目"
+          >
+            <el-option
+              v-for="item in houseList"
+              :key="item.id"
+              :label="item.propertyName"
+              :value="item.propertyName"
+            >
+            </el-option>
+          </el-select>
+          <!-- <el-input
             class="div-inp"
             v-model="searchForm.propertyName"
             placeholder="请输入内容"
             maxlength="30"
             clearable
-          ></el-input>
+          ></el-input> -->
         </div>
       </div>
       <!-- <div class="app-titel" style="margin-top: 10px">
@@ -911,6 +927,7 @@ export default {
           },
         ],
       },
+      houseList: [], // 项目列表
       ruleForm: {
         orgCode: "", //公司标识
         houseType: 0, //项目类型
@@ -1010,8 +1027,25 @@ export default {
     // this.getCityList();
     // 获取列表数据
     this.zkhousePage();
+    // 获取项目列表
+    this.zkhousePages();
   },
   methods: {
+    //切换项目
+    houseChange() {
+      this.currentPage = 1;
+      this.zkhousePage();
+    },
+    //获取项目
+    zkhousePages() {
+      this.$api.api
+        .findHouseByUser({
+          orgType: localStorage.getItem("orgType"),
+        })
+        .then((res) => {
+          this.houseList = res.data;
+        });
+    },
     getOperaList() {
       if (this.orgType == 1) {
         this.$api.http
diff --git a/vue.config.js b/vue.config.js
index ee3253c..b8efc3d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -7,8 +7,8 @@
 // const url = 'http://192.168.31.167:9999' //长龙
 // const url = 'http://192.168.31.134:9999' //嘉豪
 // const url = 'http://192.168.31.100:9999' //王笑
-// const url = 'http://62.234.122.43:9999' //正式
-const url = 'https://zanyong.hfju.com' // 正式域名
+const url = 'http://62.234.122.43:9999' //正式
+// const url = 'https://zanyong.hfju.com' // 正式域名
 const CompressionWebpackPlugin = require('compression-webpack-plugin')
 const productionGzipExtensions = ['js', 'css']
 module.exports = {