From 3acbe8f574579a561e7ce2976d96dce238aa5498 Mon Sep 17 00:00:00 2001
From: corala <18339694416@163.com>
Date: Wed, 4 Jan 2023 14:36:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E8=BE=91=E6=A8=A1=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Template/requireminingAnalysis.vue | 2509 +++++++++---------
 src/views/Template/taboo.vue                 |    4 +-
 2 files changed, 1306 insertions(+), 1207 deletions(-)

diff --git a/src/views/Template/requireminingAnalysis.vue b/src/views/Template/requireminingAnalysis.vue
index 2560c58..cb6dc1b 100644
--- a/src/views/Template/requireminingAnalysis.vue
+++ b/src/views/Template/requireminingAnalysis.vue
@@ -1,1289 +1,1386 @@
 <template>
-<div class="pagecontent">
+  <div class="pagecontent">
     <div class="app-titel">
-        <div class="screeningbox">
-            <div class="screeningboxlebl">接待时间：</div>
-            <el-radio-group
-                    v-model="TimetoAhoose"
-                    size="small"
-                    @change="tabtimetap"
-            >
-                <el-radio-button :label="4">近7天</el-radio-button>
-                <el-radio-button :label="5">近15天</el-radio-button>
-                <el-radio-button :label="6">近30天</el-radio-button>
-                <el-radio-button :label="7">自定义</el-radio-button>
-            </el-radio-group>
-            <div style="margin-left: 26px" v-if="TimetoAhoose == 7">
-                <el-date-picker
-                        style="width: 270px; height: 32px; line-height: 32px"
-                        @change="confirmtime"
-                        v-model="customtime"
-                        type="daterange"
-                        range-separator="至"
-                        value-format="yyyy-MM-dd"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                >
-                </el-date-picker>
-            </div>
+      <div class="screeningbox">
+        <div class="screeningboxlebl">接待时间：</div>
+        <el-radio-group
+          v-model="TimetoAhoose"
+          size="small"
+          @change="tabtimetap"
+        >
+          <el-radio-button :label="4">近7天</el-radio-button>
+          <el-radio-button :label="5">近15天</el-radio-button>
+          <el-radio-button :label="6">近30天</el-radio-button>
+          <el-radio-button :label="7">自定义</el-radio-button>
+        </el-radio-group>
+        <div style="margin-left: 26px" v-if="TimetoAhoose == 7">
+          <el-date-picker
+            style="width: 270px; height: 32px; line-height: 32px"
+            @change="confirmtime"
+            v-model="customtime"
+            type="daterange"
+            range-separator="至"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
         </div>
-        <div class="screeningbox" style="margin-top: 20px">
-            <div class="screeningboxlebl">团队：</div>
-            <div style="height: 32px">
-                <el-select
-                        v-model="fromobj.team"
-                        filterable
-                        placeholder="请选择"
-                        @change="handleChange"
-                >
-                    <el-option
-                            v-for="(item, index) in teams"
-                            :label="item.name"
-                            :key="index"
-                            :value="item.value"
-                    >
-                    </el-option>
-                </el-select>
-            </div>
-            <div class="screeningboxlebl">顾问：</div>
-            <div style="height: 32px">
-                <el-select
-                        v-model="fromobj.consultant"
-                        filterable
-                        placeholder="请选择"
-                        @change="handleChangeguwen"
-                >
-                    <el-option
-                            v-for="(item, index) in consultants"
-                            :label="item.name"
-                            :key="index"
-                            :value="item.value"
-                    >
-                    </el-option>
-                </el-select>
-            </div>
+      </div>
+      <div class="screeningbox" style="margin-top: 20px">
+        <div class="screeningboxlebl">团队：</div>
+        <div style="height: 32px">
+          <el-select
+            v-model="fromobj.team"
+            filterable
+            placeholder="请选择"
+            @change="handleChange"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.deptId"
+              :label="item.name"
+              :value="item.deptId"
+            >
+            </el-option>
+          </el-select>
         </div>
-        <div class="screeningbox" style="margin-top: 20px">
-            <div class="screeningboxlebl"></div>
-            <button class="button1" @click="excuteMethods">筛选</button>
-            <button
-                    style="background: #ffffff; color: #606775"
-                    class="button1"
-                    @click="Emptycondition()"
+        <div class="screeningboxlebl">顾问：</div>
+        <div style="height: 32px">
+          <el-select
+            v-model="fromobj.consultant"
+            filterable
+            placeholder="请选择"
+            @change="handleChangeguwen"
+          >
+            <el-option
+              v-for="item in accountList"
+              :key="item.agentId"
+              :label="item.name"
+              :value="item.agentId"
             >
-                清空筛选条件
-            </button>
+            </el-option>
+          </el-select>
         </div>
+      </div>
+      <div class="screeningbox" style="margin-top: 20px">
+        <div class="screeningboxlebl"></div>
+        <button class="button1" @click="excuteMethods">筛选</button>
+        <button
+          style="background: #ffffff; color: #606775"
+          class="button1"
+          @click="Emptycondition()"
+        >
+          清空筛选条件
+        </button>
+      </div>
     </div>
     <!-- 统计 -->
     <div class="tongji-container">
-        <div class="row1 row">
-            <div class="row-item" v-for="(item, index) in numlist" :key="index">
-                <div class="top">
-                    <div class="top-left">
-                        <div class="top-title">{{ item.name }}</div>
-                        <div class="count">{{ item.firstnum || 0 }}</div>
-                    </div>
-                </div>
-                <div class="bot">
-                    <div class="bot-left">对比时段： {{ item.endnum || 0 }}</div>
-                    <div class="bot-mid">
-                        <image class="img" v-if="item.duibinum > 0"
-                               src="https://static.quhouse.com/c4145f84cc3c49769ee2ec11465c085b.png"/>
-                        <image class="img" v-else
-                               src="https://static.quhouse.com/c5dbf780e09a4da0b0bab2d7fa58accd.png"/>
-                        <span class="textUp" v-if="item.duibinum > 0">
-                  {{ item.duibinum || 0 }}
-                </span>
-                        <span class="textDown" v-else>
-                  {{ item.duibinum || 0 }}
-                </span>
-                    </div>
-                    <div class="bot-right" v-if="item.duibinum > 0">
-                    </div>
-                    <div class="bot-right" v-else>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="box-card">
-        <div class="title">需求挖掘分析</div>
-        <div class="control-tab">
-            <el-radio-group v-model="leftTypeVal" size="medium">
-                <el-radio-button :label="1">平均挖掘执行率趋势</el-radio-button>
-                <el-radio-button :label="2">挖掘执行率分布</el-radio-button>
-            </el-radio-group>
-            <div>
-                <el-select
-                        v-model="rightTypeVal"
-                        placeholder="请选择"
-                        @change="changeTabs"
-                >
-                    <el-option :label="leftTypeVal==1?'趋势图':'分布图'" :value="1"></el-option>
-                    <el-option label="报表" :value="2"></el-option>
-                </el-select>
-                								<el-button type="primary" size="small" @click="daochu('analysis')">导出</el-button>
+      <div class="row1 row">
+        <div class="row-item" v-for="(item, index) in numlist" :key="index">
+          <div class="top">
+            <div class="top-left">
+              <div class="top-title">{{ item.name }}</div>
+              <div class="count">{{ item.firstnum || 0 }}</div>
             </div>
-        </div>
-        <div class="tableAndTu">
-            <!--  平均挖掘率趋势图 -->
-            <div
-                    id="trendline"
-                    v-show="leftTypeVal == 1 && rightTypeVal == 1"
-                    style="height: 400px"
-            ></div>
-            <!--  挖掘率分布图 -->
-            <div
-                    id="pieFenbu"
-                    v-show="leftTypeVal == 2 && rightTypeVal == 1"
-                    style="height: 400px;width: calc(100vw - 250px)"
-            ></div>
-            <!--  平均挖掘率趋势报表 -->
-            <div v-if="leftTypeVal == 1 && rightTypeVal == 2">
-                <el-table
-                        height="400"
-                        :data="tableData"
-                        stripe
-                        :header-cell-style="{
-									background: '#F7F8FA',
-									borderColor: '#E0E0E0',
-									color: '#606775',
-								}"
-                        style="width: 100%"
-                >
-                    <el-table-column
-                            width="180"
-                            prop="statDate"
-                            label="日期"
-                            align="center"
-                    >
-                    </el-table-column>
-                    <el-table-column prop="wordFraction" label="平均挖掘率" align="center">
-                        <template slot-scope="scope">
-                            <span>{{ scope.row.wordFraction>100?100:scope.row.wordFraction }}%</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="操作" align="center">
-                        <template slot-scope="scope">
-                            <div
-                                    style="color: #2671e2; cursor: pointer"
-                                    @click="Toview(scope.row)"
-                            >
-                                查看
-                            </div>
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <div class="block">
-                    <div class="blockbox">
-                        <el-pagination
-                                @size-change="handleSizeChange"
-                                @current-change="handleCurrentChange"
-                                :current-page="pageNum"
-                                :page-sizes="[10, 20, 30, 40, 50, 100]"
-                                :page-size="pageSize"
-                                layout="total, sizes, prev, pager, next, jumper"
-                                :total="total"
-                        >
-                        </el-pagination>
-                    </div>
-                </div>
+          </div>
+          <div class="bot">
+            <div class="bot-left">对比时段： {{ item.endnum || 0 }}</div>
+            <div class="bot-mid">
+              <image
+                class="img"
+                v-if="item.duibinum > 0"
+                src="https://static.quhouse.com/c4145f84cc3c49769ee2ec11465c085b.png"
+              />
+              <image
+                class="img"
+                v-else
+                src="https://static.quhouse.com/c5dbf780e09a4da0b0bab2d7fa58accd.png"
+              />
+              <span class="textUp" v-if="item.duibinum > 0">
+                {{ item.duibinum || 0 }}
+              </span>
+              <span class="textDown" v-else>
+                {{ item.duibinum || 0 }}
+              </span>
             </div>
-            <!--  挖掘率分布报表 -->
-            <el-table
-                    v-if="leftTypeVal == 2 && rightTypeVal == 2"
-                    :data="fenbuTableData"
-                    stripe
-                    height="300"
-                    :header-cell-style="{
-								background: '#F7F8FA',
-								borderColor: '#E0E0E0',
-								color: '#606775',
-							}"
-                    style="width: 100%"
-            >
-                <el-table-column
-                        width="180"
-                        prop="name"
-                        label="挖掘率"
-                        align="center"
-                >
-                </el-table-column>
-                <el-table-column prop="value" label="接待数量" align="center">
-                </el-table-column>
-                <el-table-column label="操作" align="center">
-                    <template slot-scope="scope">
-                        <div
-                                style="color: #2671e2; cursor: pointer"
-                                @click="Toview(scope.row, 1)"
-                        >
-                            查看
-                        </div>
-                    </template>
-                </el-table-column>
-            </el-table>
+            <div class="bot-right" v-if="item.duibinum > 0"></div>
+            <div class="bot-right" v-else></div>
+          </div>
         </div>
+      </div>
     </div>
-    <!--  需求挖掘排行 -->
     <div class="box-card">
-        <div class="title">需求类型挖掘执行排行</div>
-        <div class="control-tab" style="justify-content: flex-end">
-            <div>
-                <el-select
-                        v-model="rankTypeVal"
-                        placeholder="请选择"
-                >
-                    <el-option label="柱状图" :value="1"></el-option>
-                    <el-option label="报表" :value="2"></el-option>
-                </el-select>
-                <el-button type="primary" size="small" @click="daochu('rank')">导出</el-button>
-            </div>
+      <div class="title">需求挖掘分析</div>
+      <div class="control-tab">
+        <el-radio-group v-model="leftTypeVal" size="medium">
+          <el-radio-button :label="1">平均挖掘执行率趋势</el-radio-button>
+          <el-radio-button :label="2">挖掘执行率分布</el-radio-button>
+        </el-radio-group>
+        <div>
+          <el-select
+            v-model="rightTypeVal"
+            placeholder="请选择"
+            @change="changeTabs"
+          >
+            <el-option
+              :label="leftTypeVal == 1 ? '趋势图' : '分布图'"
+              :value="1"
+            ></el-option>
+            <el-option label="报表" :value="2"></el-option>
+          </el-select>
+          <el-button type="primary" size="small" @click="daochu('analysis')"
+            >导出</el-button
+          >
         </div>
-        <div class="tableAndTu">
-            <!--  柱状图 -->
-            <div id="bar" v-show="rankTypeVal == 1" style="height: 400px"></div>
-            <!--  报表 -->
-            <el-table
-                    v-if="rankTypeVal == 2"
-                    :data="rankTableData"
-                    stripe
-                    height="400"
-                    :header-cell-style="{
+      </div>
+      <div class="tableAndTu">
+        <!--  平均挖掘率趋势图 -->
+        <div
+          id="trendline"
+          v-show="leftTypeVal == 1 && rightTypeVal == 1"
+          style="height: 400px"
+        ></div>
+        <!--  挖掘率分布图 -->
+        <div
+          id="pieFenbu"
+          v-show="leftTypeVal == 2 && rightTypeVal == 1"
+          style="height: 400px; width: calc(100vw - 250px)"
+        ></div>
+        <!--  平均挖掘率趋势报表 -->
+        <div v-if="leftTypeVal == 1 && rightTypeVal == 2">
+          <el-table
+            height="400"
+            :data="tableData"
+            stripe
+            :header-cell-style="{
               background: '#F7F8FA',
               borderColor: '#E0E0E0',
               color: '#606775',
             }"
-                    style="width: 100%"
+            style="width: 100%"
+          >
+            <el-table-column
+              width="180"
+              prop="statDate"
+              label="日期"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="wordFraction"
+              label="平均挖掘率"
+              align="center"
             >
-                <el-table-column
-                        width="180"
-                        prop="name"
-                        label="需求类型"
-                        align="center"
+              <template slot-scope="scope">
+                <span
+                  >{{
+                    scope.row.wordFraction > 100 ? 100 : scope.row.wordFraction
+                  }}%</span
                 >
-                </el-table-column>
-                <el-table-column prop="selected" label="执行次数" align="center">
-                </el-table-column>
-                <el-table-column prop="fraction" label="平均执行率" align="center">
-                    <template slot-scope="scope">
-                        <span>{{ scope.row.fraction>100?100:scope.row.fraction }}%</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center">
-                    <template slot-scope="scope">
-                        <div
-                                style="color: #2671e2; cursor: pointer"
-                                @click="Toview(scope.row)"
-                        >
-                            查看
-                        </div>
-                    </template>
-                </el-table-column>
-            </el-table>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <div
+                  style="color: #2671e2; cursor: pointer"
+                  @click="Toview(scope.row)"
+                >
+                  查看
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="block">
+            <div class="blockbox">
+              <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="pageNum"
+                :page-sizes="[10, 20, 30, 40, 50, 100]"
+                :page-size="pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+              >
+              </el-pagination>
+            </div>
+          </div>
         </div>
+        <!--  挖掘率分布报表 -->
+        <el-table
+          v-if="leftTypeVal == 2 && rightTypeVal == 2"
+          :data="fenbuTableData"
+          stripe
+          height="300"
+          :header-cell-style="{
+            background: '#F7F8FA',
+            borderColor: '#E0E0E0',
+            color: '#606775',
+          }"
+          style="width: 100%"
+        >
+          <el-table-column
+            width="180"
+            prop="name"
+            label="挖掘率"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column prop="value" label="接待数量" align="center">
+          </el-table-column>
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <div
+                style="color: #2671e2; cursor: pointer"
+                @click="Toview(scope.row, 1)"
+              >
+                查看
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
     </div>
-    <!--  异常执行 -->
+    <!--  需求挖掘排行 -->
     <div class="box-card">
-        <div class="title">异常执行</div>
-        <div class="control-tab">
-            <el-radio-group v-model="typeAbnormalVal" size="medium" @change="changeAbnormalType">
-                <el-radio-button :label="1">挖掘率下跌</el-radio-button>
-                <el-radio-button :label="2">未执行</el-radio-button>
-            </el-radio-group>
-            <div>
-                <el-button type="primary" size="small" @click="daochu('abnormal')">导出</el-button>
-            </div>
+      <div class="title">需求类型挖掘执行排行</div>
+      <div class="control-tab" style="justify-content: flex-end">
+        <div>
+          <el-select v-model="rankTypeVal" placeholder="请选择">
+            <el-option label="柱状图" :value="1"></el-option>
+            <el-option label="报表" :value="2"></el-option>
+          </el-select>
+          <el-button type="primary" size="small" @click="daochu('rank')"
+            >导出</el-button
+          >
         </div>
-        <div class="tableAndTu">
-            <el-table
-                    :data="typeAbnormalVal==1?yichangTableData1:yichangTableData2"
-                    stripe
-                    height="400"
-                    :header-cell-style="{
-                    background: '#F7F8FA',
-                    borderColor: '#E0E0E0',
-                    color: '#606775',
-                    }"
-                    style="width: 100%"
-            >
-                <el-table-column
-                        width="180"
-                        prop="name"
-                        label="需求名称"
-                        align="center"
-                >
-                </el-table-column>
-                <el-table-column prop="fractionBefore" label="上期执行率" align="center">
-                    <template slot-scope="scope">
-                        <span>{{ scope.row.fractionBefore>100?100:scope.row.fractionBefore }}%</span>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="fractionAfter" label="本期执行率" align="center">
-                    <template slot-scope="scope">
-                        <span>{{ scope.row.fractionAfter>100?100:scope.row.fractionAfter }}%</span>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="fallFraction" label="环比下跌" align="center">
-                    <template slot-scope="scope">
-                        <span>{{ scope.row.fallFraction }}%</span>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </div>
+      <div class="tableAndTu">
+        <!--  柱状图 -->
+        <div id="bar" v-show="rankTypeVal == 1" style="height: 400px"></div>
+        <!--  报表 -->
+        <el-table
+          v-if="rankTypeVal == 2"
+          :data="rankTableData"
+          stripe
+          height="400"
+          :header-cell-style="{
+            background: '#F7F8FA',
+            borderColor: '#E0E0E0',
+            color: '#606775',
+          }"
+          style="width: 100%"
+        >
+          <el-table-column
+            width="180"
+            prop="name"
+            label="需求类型"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column prop="selected" label="执行次数" align="center">
+          </el-table-column>
+          <el-table-column prop="fraction" label="平均执行率" align="center">
+            <template slot-scope="scope">
+              <span
+                >{{
+                  scope.row.fraction > 100 ? 100 : scope.row.fraction
+                }}%</span
+              >
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <div
+                style="color: #2671e2; cursor: pointer"
+                @click="Toview(scope.row)"
+              >
+                查看
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <!--  异常执行 -->
+    <div class="box-card">
+      <div class="title">异常执行</div>
+      <div class="control-tab">
+        <el-radio-group
+          v-model="typeAbnormalVal"
+          size="medium"
+          @change="changeAbnormalType"
+        >
+          <el-radio-button :label="1">挖掘率下跌</el-radio-button>
+          <el-radio-button :label="2">未执行</el-radio-button>
+        </el-radio-group>
+        <div>
+          <el-button type="primary" size="small" @click="daochu('abnormal')"
+            >导出</el-button
+          >
         </div>
+      </div>
+      <div class="tableAndTu">
+        <el-table
+          :data="typeAbnormalVal == 1 ? yichangTableData1 : yichangTableData2"
+          stripe
+          height="400"
+          :header-cell-style="{
+            background: '#F7F8FA',
+            borderColor: '#E0E0E0',
+            color: '#606775',
+          }"
+          style="width: 100%"
+        >
+          <el-table-column
+            width="180"
+            prop="name"
+            label="需求名称"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="fractionBefore"
+            label="上期执行率"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <span
+                >{{
+                  scope.row.fractionBefore > 100
+                    ? 100
+                    : scope.row.fractionBefore
+                }}%</span
+              >
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="fractionAfter"
+            label="本期执行率"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <span
+                >{{
+                  scope.row.fractionAfter > 100 ? 100 : scope.row.fractionAfter
+                }}%</span
+              >
+            </template>
+          </el-table-column>
+          <el-table-column prop="fallFraction" label="环比下跌" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.fallFraction }}%</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
     </div>
     <!--  需求挖掘话术执行明细 -->
     <div class="box-card">
-        <div class="title">需求挖掘话术执行明细</div>
-        <div class="control-tab">
-            有效接待: {{activeCustomer || 0}}条
-            <div>
-                								<el-button type="primary" size="small" @click="daochu('detail')">导出</el-button>
-            </div>
+      <div class="title">需求挖掘话术执行明细</div>
+      <div class="control-tab">
+        有效接待: {{ activeCustomer || 0 }}条
+        <div>
+          <el-button type="primary" size="small" @click="daochu('detail')"
+            >导出</el-button
+          >
         </div>
-        <div class="tableAndTu">
-            <el-table
-                    :data="detail.tableData"
-                    stripe
-                    height="400"
-                    :header-cell-style="{
-              background: '#F7F8FA',
-              borderColor: '#E0E0E0',
-              color: '#606775',
-            }"
-                    style="width: 100%"
+      </div>
+      <div class="tableAndTu">
+        <el-table
+          :data="detail.tableData"
+          stripe
+          height="400"
+          :header-cell-style="{
+            background: '#F7F8FA',
+            borderColor: '#E0E0E0',
+            color: '#606775',
+          }"
+          style="width: 100%"
+        >
+          <el-table-column
+            width="180"
+            prop="name"
+            label="需求名称"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column prop="question" label="挖掘话术" align="center">
+          </el-table-column>
+          <el-table-column prop="selected" label="执行接待数" align="center">
+          </el-table-column>
+          <el-table-column prop="fraction" label="执行接待占比" align="center">
+            <template slot-scope="scope">
+              <span
+                >{{
+                  scope.row.fraction > 100 ? 100 : scope.row.fraction
+                }}%</span
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="block">
+          <div class="blockbox">
+            <el-pagination
+              @size-change="detailSizeChange"
+              @current-change="detailhandleCurrentChange"
+              :current-page="detail.pageNum"
+              :page-sizes="[10, 20, 30, 40, 50, 100]"
+              :page-size="detail.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="detail.total"
             >
-                <el-table-column width="180" prop="name" label="需求名称" align="center">
-                </el-table-column>
-                <el-table-column prop="question" label="挖掘话术" align="center">
-                </el-table-column>
-                <el-table-column prop="selected" label="执行接待数" align="center">
-                </el-table-column>
-                <el-table-column prop="fraction" label="执行接待占比" align="center">
-                    <template slot-scope="scope">
-                        <span>{{ scope.row.fraction>100?100:scope.row.fraction }}%</span>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="block">
-                <div class="blockbox">
-                    <el-pagination
-                            @size-change="detailSizeChange"
-                            @current-change="detailhandleCurrentChange"
-                            :current-page="detail.pageNum"
-                            :page-sizes="[10, 20, 30, 40, 50, 100]"
-                            :page-size="detail.pageSize"
-                            layout="total, sizes, prev, pager, next, jumper"
-                            :total="detail.total"
-                    >
-                    </el-pagination>
-                </div>
-            </div>
+            </el-pagination>
+          </div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 </template>
 <script>
 export default {
-   data() {
-            return {
-                activeCustomer: 0,// 有效接待
-                fenbuTableData: [
-                    {
-                        name: '30%及以下',
-                        value: '',
-                        id: 1,
-                    }, {
-                        name: '31%~50%',
-                        value: '',
-                        id: 2,
-
-                    }, {
-                        name: '51%~70%',
-                        value: '',
-                        id: 3,
-                    }, {
-                        name: '71%及以上',
-                        value: '',
-                        id: 4,
-                    }],//分布图表
-                pageSize: 10,
-                total: 0,
-                pageNum: 1,
-                tableData: [],//趋势报表
-                rankTypeVal: 1,//排行切换
-                rankTableData: [],// 	排行
-                yichangTableData1: [],//异常执行下跌
-                yichangTableData2: [],//异常执行未执行
-                typeAbnormalVal: 1,// 异常执行按钮切换
-                abnormalTableData: [], // 异常执行表格数据
-                numlist: [
-                    {
-                        name: "平均挖掘执行率",
-                        firstnum: "",
-                        endnum: "",
-                        duibinum: "",
-                        setName: "wordFraction",
-                    },
-                    {
-                        name: "未挖掘需求",
-                        firstnum: "",
-                        endnum: "",
-                        duibinum: "",
-                        setName: "noFinishWord",
-                    },
-                    {
-                        name: "有效接待",
-                        firstnum: "",
-                        endnum: "",
-                        duibinum: "",
-                        setName: "activeCustomer",
-                    },
-                    {
-                        name: "未标记",
-                        firstnum: "",
-                        endnum: "",
-                        duibinum: "",
-                        setName: "markAdvisor",
-                    },
-                ],
-                leftTypeVal: 1,
-                rightTypeVal: 1,
-                consultants: [],
-                teams: [],
-                customtime: [],
-                TimetoAhoose: 4,
-                fromobj: {
-                    team: "",
-                    consultant: "",
-                    starttime: "",
-                    endoftime: "",
-                },
-                detail: {
-                    pageSize: 10,
-                    total: 0,
-                    pageNum: 1,
-                    tableData: [],
-                },// 执行明细
-                houseId: "",
-                pieOption: { // 分布图
-                    tooltip: {
-                        trigger: 'item'
-                    },
-                    legend: {
-                        bottom: '5%',
-                        left: 'center'
-                    },
-                    color: ['#F8A12B', '#07B79D', '#E7483C', '#2671E1'],
-                    series: [
-                        {
-                            name: '挖掘率分布',
-                            type: 'pie',
-                            radius: ['40%', '70%'],
-                            avoidLabelOverlap: false,
-                            label: {
-                                show: false,
-                                position: 'center'
-                            },
-                            emphasis: {
-                                label: {
-                                    show: true,
-                                    fontSize: '32',
-                                    fontWeight: 'bold'
-                                }
-                            },
-                            labelLine: {
-                                show: false
-                            },
-                            data: [
-                                {value: 0, name: '30%及以下'},
-                                {value: 0, name: '31%~50%'},
-                                {value: 0, name: '51%~70%'},
-                                {value: 0, name: '71%及以上'}
-                            ]
-                        }
-                    ]
-                },
-                barOption: {// 柱状图
-                    tooltip: {
-                        trigger: 'axis',
-                        axisPointer: {
-                            type: 'shadow'
-                        }
-                    },
-                    xAxis: {
-                        type: "category",
-                        data: [],
-                    },
-                    yAxis: {
-                        type: "value",
-                        max: 100,
-                        name: '执行率（%）'
-                    },
-                    series: [
-                        {
-                            data: [],
-                            type: "bar"
-                        }
-                    ],
-                },
-                lineOption: {//趋势图
-                    title: {
-                        text: '平均挖掘率趋势'
-                    },
-                    color: ['#F8A12B', '#07B79D', '#E7483C', '#2671E1'],
-                    tooltip: {
-                        trigger: 'axis'
-                    },
-                    legend: {
-                        data: ['当前时间', '对比时间']
-                    },
-                    grid: {
-                        left: '8%',
-                        right: '8%',
-                        bottom: '6%',
-                        containLabel: true
-                    },
-                    toolbox: {
-                        // feature: {
-                        // 	saveAsImage: {}
-                        // }
-                    },
-                    xAxis: {
-                        type: 'category',
-                        boundaryGap: false,
-                        data: []
-                    },
-                    yAxis: {
-                        max: 100,
-                        type: 'value',
-                        name: '执行率（%）'
-                    },
-                    series: [
-                        {
-                            name: '当前时间',
-                            type: 'line',
-                            smooth: true,
-                            stack: 'Total',
-                            data: []
-                        },
-                        {
-                            name: '对比时间',
-                            type: 'line',
-                            smooth: true,
-                            stack: 'Total',
-                            data: []
-                        }
-                    ]
-                },
-            };
+  data() {
+    return {
+      activeCustomer: 0, // 有效接待
+      fenbuTableData: [
+        {
+          name: "30%及以下",
+          value: "",
+          id: 1,
         },
-        created() {
-            this.allTreeListId = [] // 存储的当前树图所有的接单的ID集合,如：[1,3,4,6,7]
-            this.noIds = []// 左侧树没有，但右侧有的数据id
-            this.rateMap = new Map()
-            this.sortMap = new Map()
-            this.formDataMap = new Map()
+        {
+          name: "31%~50%",
+          value: "",
+          id: 2,
         },
-        mounted() {
-            this.houseId = localStorage.getItem("AitemId");
-            this.findAllDeptIdByHouseId(); /// 获取楼盘下全部部门-团队下拉数据
-            this.excuteMethods()
-            this.findAllConsultantByDep(); // 全部顾问
+        {
+          name: "51%~70%",
+          value: "",
+          id: 3,
         },
-        methods: {
-            excuteMethods() {
-                this.getwordMiningAnalyze(); //统计
-                this.getwordMiningAnalyzePercentage(); //需求挖掘率趋势图报表
-                this.getwordMiningAnalyzeFenbu(); //需求挖掘分布图
-                this.getwordMiningAnalyzePercentagetu();//需求挖掘率趋势图
-                this.getwordMiningRank();// 排行
-                this.getwordMiningNoImplement();// 异常未执行
-                this.getwordMiningImplement(); //需求挖掘话术执行明细
-                this.getwordMiningAbnormal(); //异常执行率top50
-            },
-            // 异常执行切换
-            changeAbnormalType() {
-                if (this.typeAbnormalVal == 1) {
-                    this.getwordMiningAbnormal()
-                } else {
-                    this.getwordMiningNoImplement();
-                }
-            },
-            // 需求挖掘分布图
-            getwordMiningAnalyzeFenbu() {
-                axios({
-                    url: `${jypath}/customer/wordMiningAnalyzeFenbu`,
-                    method: "post",
-                    data: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : ""
-                    },
-                }).then((data) => {
-                    // console.log("分布");
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        this.fenbuTableData[0].value = data.data.obj.a
-                        this.fenbuTableData[1].value = data.data.obj.b
-                        this.fenbuTableData[2].value = data.data.obj.c
-                        this.fenbuTableData[3].value = data.data.obj.d
-                        this.pieOption.series[0].data[0].value = data.data.obj.a
-                        this.pieOption.series[0].data[1].value = data.data.obj.b
-                        this.pieOption.series[0].data[2].value = data.data.obj.c
-                        this.pieOption.series[0].data[3].value = data.data.obj.d
-                        this.pieFenbuChart = echarts.init(pieFenbu);
-                        this.pieFenbuChart.setOption(this.pieOption)
-                    } else {
-                        this.fenbuTableData[0].value = 0
-                        this.fenbuTableData[1].value = 0
-                        this.fenbuTableData[2].value = 0
-                        this.fenbuTableData[3].value = 0
-                        this.pieOption.series[0].data[0].value = 0
-                        this.pieOption.series[0].data[1].value = 0
-                        this.pieOption.series[0].data[2].value = 0
-                        this.pieOption.series[0].data[3].value = 0
-                    }
-                });
-            },
-            //需求挖掘率趋势报表
-            getwordMiningAnalyzePercentage() {
-                axios({
-                    url: `${jypath}/customer/wordMiningAnalyzePercentage`,
-                    method: "post",
-                    data: {
-                        pageNum: this.pageNum,
-                        pageSize: this.pageSize,
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        table: 1, //0趋势 1 表格
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("趋势");
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        this.activeCustomer = data.data.obj.first.activeCustomer
-                        this.tableData = data.data.obj.first.results
-                        this.total = data.data.obj.first.totalRecord
-                    } else {
-                        this.tableData = []
-                    }
-                });
-            },
-            //需求挖掘率趋势图
-            getwordMiningAnalyzePercentagetu() {
-                axios({
-                    url: `${jypath}/customer/wordMiningAnalyzePercentage`,
-                    method: "post",
-                    data: {
-                        pageNum: this.pageNum,
-                        pageSize: this.pageSize,
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        table: 0, //0趋势 1 表格
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("趋势tu");
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        let obj = data.data.obj;
-                        let xarr = [];// x轴数据
-                        let categories1 = []
-                        let categories2 = []
-                        let categories3 = []
-                        if (obj.first && obj.first.length) {
-                            categories1 = obj.first.map(item => item.statDate.substring(5, 10))
-                            this.lineOption.series[0].data = obj.first.map(item => item.wordFraction)
-                        } else {
-                            categories1 = []
-                            this.lineOption.series[0].data = []
-                        }
-                        if (obj.end && obj.end.length) {
-                            categories2 = obj.end.map(item => item.statDate.substring(5, 10))
-                            this.lineOption.series[1].data = obj.end.map(item => item.wordFraction)
-                        } else {
-                            categories2 = []
-                            this.lineOption.series[1].data = []
-                        }
-                        for (let i = 0; i < categories1.length; i++) {
-                            categories3.push(categories1[i] + '/' + categories2[i])
-                        }
-                        this.lineOption.xAxis.data = categories3
-                        this.lineChart = echarts.init(trendline);
-                        this.lineChart.setOption(this.lineOption)
-                    }
-                });
-            },
-            //需求挖掘率排行
-            getwordMiningRank() {
-                axios({
-                    url: `${jypath}/customer/wordMiningRank`,
-                    method: "post",
-                    data: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("排行");
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        this.rankTableData = data.data.obj;
-                        this.barOption.xAxis.data = this.rankTableData.map(item => item.name);
-                        this.barOption.series[0].data = this.rankTableData.map(item => item.fraction);
-                        this.barRankChart = echarts.init(bar);
-                        this.barRankChart.setOption(this.barOption);
-                    }
-                });
-            },
-            //  异常执行率top50
-            getwordMiningAbnormal() {
-                axios({
-                    url: `${jypath}/customer/wordMiningAbnormal`,
-                    method: "post",
-                    data: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("top50");
-                    // console.log(data);
-                    if (data.data.code == 10000) {
-                        this.yichangTableData1 = data.data.data
-                    }
-                });
-            },
-            //  异常未执行
-            getwordMiningNoImplement() {
-                axios({
-                    url: `${jypath}/customer/wordMiningNoImplement`,
-                    method: "post",
-                    data: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("异常未执行");
-                    // console.log(data);
-                    if (data.data.code == 10000) {
-                        this.yichangTableData2 = data.data.data
-                    }
-                });
-            },
-            // 需求挖掘话术执行明细
-            getwordMiningImplement() {
-                axios({
-                    url: `${jypath}/customer/wordMiningImplement`,
-                    method: "post",
-                    data: {
-                        pageNum: this.detail.pageNum,
-                        pageSize: this.detail.pageSize,
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    },
-                }).then((data) => {
-                    // console.log("执行明细");
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        this.activeCustomer = data.data.obj.cus.activeCustomer
-                        this.detail.tableData = data.data.obj.list.results
-                        this.detail.total = data.data.obj.list.totalRecord
-                    }
-                });
-            },
-            //  统计数据
-            getwordMiningAnalyze() {
-                axios({
-                    url: `${jypath}/customer/wordMiningAnalyze`,
-                    method: "post",
-                    data: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team, // 团队
-                        createUser: this.fromobj.consultant, // 顾问
-                        dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
-                        firstStartDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
-                        firstEndDate:
-                                this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
-                    }
-                }).then((data) => {
-                    console.log(data);
-                    if (data.data.res == 1) {
-                        let obj = data.data.obj;
-                        obj.contrast.wordFraction = (obj.contrast.wordFraction||0) + "%";
-                        obj.first.wordFraction = (obj.first.wordFraction>100?100:(obj.first.wordFraction || 0)) + "%";
-                        obj.end.wordFraction = (obj.end.wordFraction>100?100:(obj.end.wordFraction||0)) + "%";
-                        this.numlist.forEach((item) => {
-                            item.duibinum = obj.contrast[item.setName];
-                            item.endnum = obj.end[item.setName];
-                            item.firstnum = obj.first[item.setName];
-                        });
-                    }
-                });
-            },
-            changeTabs() {
-                if (this.leftTypeVal == 1) { // 平均挖掘率趋势
-                    if (this.rightTypeVal == 1) {//图
-                        this.getwordMiningAnalyzePercentagetu()
-                    }
-                } else { // 挖掘率分布
-                    if (this.rightTypeVal == 1) {//图
-                        this.getwordMiningAnalyzeFenbu()
-                    }
-                }
-            },
-            // 获取楼盘下全部部门-团队下拉数据
-            findAllDeptIdByHouseId() {
-                axios({
-                    url: `${jypath}/cusStageStatistics/findAllDeptIdByHouseId`,
-                    method: "post",
-                    params: {
-                        houseId: this.houseId,
-                    },
-                }).then((data) => {
-                    if (data.data.code == 10000) {
-                        console.log(data);
-                        this.teams = data.data.data.map((item) => {
-                            return {
-                                name: item.deptName,
-                                value: item.deptId,
-                            };
-                        });
-                    }
-                });
-            },
-            // 获取楼盘下部门下全部用户-顾问
-            findAllConsultantByDep() {
-                axios({
-                    url: `${jypath}/customer/findAllConsultantByDept`,
-                    method: "get",
-                    params: {
-                        houseId: this.houseId,
-                        deptId: this.fromobj.team,
-                    },
-                }).then((data) => {
-                    // console.log(data);
-                    if (data.data.res == 1) {
-                        this.consultants = data.data.obj.map((item) => {
-                            return {
-                                name: item.name,
-                                value: item.accountId,
-                            };
-                        });
-                    }
-                });
-            },
-            // 通过团队获取顾问
-            handleChangeguwen() {
-                this.excuteMethods()
-            },
-            daochu(type) {
-                let TimetoAhoose = this.TimetoAhoose == 7 ? null : this.TimetoAhoose
-                let firstStartDate= this.TimetoAhoose == 7 ? this.fromobj.starttime : ""
-                let firstEndDate= this.TimetoAhoose == 7 ? this.fromobj.endoftime : ""
-                var daochuparams = '?houseId='+this.houseId+'&deptId='+this.fromobj.team+'&createUser='+this.fromobj.consultant+'&dateType='+TimetoAhoose+'&firstStartDate='+firstStartDate+'&firstEndDate='+firstEndDate
-                if (type == 'rank') {//排行
-                    window.location.href =jypath+ "/customer/wordMiningRankExport"+daochuparams;
-                } else if (type == 'analysis') {//分析
-                    if (this.leftTypeVal == 1) {//趋势表
-                        window.location.href = jypath+"/customer/wordMiningAnalyzePercentageExport"+ daochuparams;
-                    } else {//分布表
-                        window.location.href = jypath+"/customer/wordMiningAnalyzeFenbuExport" + daochuparams;
-                    }
-                } else if (type == 'abnormal') {// 异常
-                    if (this.typeAbnormalVal == 1) {//下跌
-                        window.location.href = jypath+"/customer/wordMiningAbnormalExport" + daochuparams;
-                    } else {//未执行
-                        window.location.href = jypath+"/customer/wordMiningNoImplateExport" + daochuparams;
-                    }
-                } else if (type == 'detail') {// 明细
-                    window.location.href = jypath+"/customer/wordMiningImplementExport" + daochuparams;
-                }
-            },
-            Toview(item, type) { // 跳转接待记录
-                let TimetoAhoose = 2
-                if (this.TimetoAhoose == 4) {
-                    TimetoAhoose = 2
-                } else if (this.TimetoAhoose == 7) {
-                    TimetoAhoose = null
-                } else {
-                    TimetoAhoose = this.TimetoAhoose
-                }
-                let Userrecord = {
-                    TimetoAhoose: TimetoAhoose,
-                    name: item.name,
-                    keywordsId: item.keywordsId,
-                    customtime: this.customtime,
-                    starttime: this.fromobj.starttime,
-                    endoftime: this.fromobj.endoftime
-                }
-                if (type == 1) {
-                    Userrecord.type = 'wajuefenbu'
-                    Userrecord.id = item.id
-                    Userrecord.name = ''
-                    Userrecord.keywordsId = ''
-                }
-                localStorage.setItem("Userrecord", JSON.stringify(Userrecord));
-                location.href = "${jypath}/matchKeywords/receptionIndex"
-            },
-            //清空筛选条件
-            Emptycondition() {
-                this.TimetoAhoose = 4;
-                this.fromobj.starttime = "";
-                this.fromobj.endoftime = "";
-                this.fromobj.team = "";
-                this.fromobj.consultant = "";
-                this.customtime = [];
-                this.excuteMethods();
-            },
-            //团队切换
-            handleChange() {
-                this.type = 1;
-                this.keywords = "";
-                this.fromobj.consultant = "";
-                this.findAllConsultantByDep();
-                this.excuteMethods();
-            },
-            //时间tab切换
-            tabtimetap() {
-                this.fromobj.starttime = "";
-                this.fromobj.endoftime = "";
-                this.customtime = [];
-                if (this.TimetoAhoose != 7) {
-                    this.excuteMethods()
-                }
-            },
-            //时间选择
-            confirmtime() {
-                this.fromobj.starttime = this.customtime[0];
-                this.fromobj.endoftime = this.customtime[1];
-                this.excuteMethods()
-            },
-            detailSizeChange(val) {
-                this.detail.pageSize = val;
-                this.getwordMiningImplement()
+        {
+          name: "71%及以上",
+          value: "",
+          id: 4,
+        },
+      ], //分布图表
+      pageSize: 10,
+      total: 0,
+      pageNum: 1,
+      tableData: [], //趋势报表
+      rankTypeVal: 1, //排行切换
+      rankTableData: [], // 	排行
+      yichangTableData1: [], //异常执行下跌
+      yichangTableData2: [], //异常执行未执行
+      typeAbnormalVal: 1, // 异常执行按钮切换
+      abnormalTableData: [], // 异常执行表格数据
+      numlist: [
+        {
+          name: "平均挖掘执行率",
+          firstnum: "",
+          endnum: "",
+          duibinum: "",
+          setName: "wordFraction",
+        },
+        {
+          name: "未挖掘需求",
+          firstnum: "",
+          endnum: "",
+          duibinum: "",
+          setName: "noFinishWord",
+        },
+        {
+          name: "有效接待",
+          firstnum: "",
+          endnum: "",
+          duibinum: "",
+          setName: "activeCustomer",
+        },
+        {
+          name: "未标记",
+          firstnum: "",
+          endnum: "",
+          duibinum: "",
+          setName: "markAdvisor",
+        },
+      ],
+      leftTypeVal: 1,
+      rightTypeVal: 1,
+      deptList: [], // 部门/团队列表
+      accountList: [], // 顾问列表
+      customtime: [],
+      TimetoAhoose: 4,
+      fromobj: {
+        team: "",
+        consultant: "",
+        starttime: "",
+        endoftime: "",
+      },
+      detail: {
+        pageSize: 10,
+        total: 0,
+        pageNum: 1,
+        tableData: [],
+      }, // 执行明细
+      houseId: "",
+      pieOption: {
+        // 分布图
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          bottom: "5%",
+          left: "center",
+        },
+        color: ["#F8A12B", "#07B79D", "#E7483C", "#2671E1"],
+        series: [
+          {
+            name: "挖掘率分布",
+            type: "pie",
+            radius: ["40%", "70%"],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: "center",
             },
-            detailhandleCurrentChange(val) {
-                console.log("当前页" + val);
-                this.detail.pageNum = val;
-                this.getwordMiningImplement()
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: "32",
+                fontWeight: "bold",
+              },
             },
-            handleSizeChange(val) {
-                console.log("每页条" + val);
-                this.pageSize = val;
-                this.getwordMiningAnalyzePercentage();
+            labelLine: {
+              show: false,
             },
-            handleCurrentChange(val) {
-                console.log("当前页" + val);
-                this.pageNum = val;
-                this.getwordMiningAnalyzePercentage();
-            }
+            data: [
+              { value: 0, name: "30%及以下" },
+              { value: 0, name: "31%~50%" },
+              { value: 0, name: "51%~70%" },
+              { value: 0, name: "71%及以上" },
+            ],
+          },
+        ],
+      },
+      barOption: {
+        // 柱状图
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        xAxis: {
+          type: "category",
+          data: [],
+        },
+        yAxis: {
+          type: "value",
+          max: 100,
+          name: "执行率（%）",
+        },
+        series: [
+          {
+            data: [],
+            type: "bar",
+          },
+        ],
+      },
+      lineOption: {
+        //趋势图
+        title: {
+          text: "平均挖掘率趋势",
+        },
+        color: ["#F8A12B", "#07B79D", "#E7483C", "#2671E1"],
+        tooltip: {
+          trigger: "axis",
+        },
+        legend: {
+          data: ["当前时间", "对比时间"],
+        },
+        grid: {
+          left: "8%",
+          right: "8%",
+          bottom: "6%",
+          containLabel: true,
+        },
+        toolbox: {
+          // feature: {
+          // 	saveAsImage: {}
+          // }
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: false,
+          data: [],
+        },
+        yAxis: {
+          max: 100,
+          type: "value",
+          name: "执行率（%）",
+        },
+        series: [
+          {
+            name: "当前时间",
+            type: "line",
+            smooth: true,
+            stack: "Total",
+            data: [],
+          },
+          {
+            name: "对比时间",
+            type: "line",
+            smooth: true,
+            stack: "Total",
+            data: [],
+          },
+        ],
+      },
+    };
+  },
+  created() {
+  },
+  mounted() {
+    this.houseId = localStorage.getItem("houseId");
+    this.getAllDeptName(); /// 获取楼盘下全部部门-团队下拉数据
+    // this.excuteMethods();
+    this.getAllAccountName(); // 全部顾问
+  },
+  methods: {
+     // 部门
+    getAllDeptName() {
+      this.$api.api.getAllDeptName(this.houseId).then((res) => {
+        if (res.code == 10000) {
+          this.deptList = res.data;
         }
-}
+      });
+    },
+
+    // 顾问
+    getAllAccountName() {
+      this.$api.api.getAllAccountName(this.houseId).then((res) => {
+        if (res.code == 10000) {
+          this.accountList = res.data;
+        }
+      });
+    },
+    excuteMethods() {
+      this.getwordMiningAnalyze(); //统计
+      this.getwordMiningAnalyzePercentage(); //需求挖掘率趋势图报表
+      this.getwordMiningAnalyzeFenbu(); //需求挖掘分布图
+      this.getwordMiningAnalyzePercentagetu(); //需求挖掘率趋势图
+      this.getwordMiningRank(); // 排行
+      this.getwordMiningNoImplement(); // 异常未执行
+      this.getwordMiningImplement(); //需求挖掘话术执行明细
+      this.getwordMiningAbnormal(); //异常执行率top50
+    },
+    // 异常执行切换
+    changeAbnormalType() {
+      if (this.typeAbnormalVal == 1) {
+        this.getwordMiningAbnormal();
+      } else {
+        this.getwordMiningNoImplement();
+      }
+    },
+    // 需求挖掘分布图
+    getwordMiningAnalyzeFenbu() {
+      axios({
+        url: `/autoSR/customer/wordMiningAnalyzeFenbu`,
+        method: "post",
+        data: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("分布");
+        // console.log(data);
+        if (data.code == 0) {
+          this.fenbuTableData[0].value = data.data.a;
+          this.fenbuTableData[1].value = data.data.b;
+          this.fenbuTableData[2].value = data.data.c;
+          this.fenbuTableData[3].value = data.data.d;
+          this.pieOption.series[0].data[0].value = data.data.a;
+          this.pieOption.series[0].data[1].value = data.data.b;
+          this.pieOption.series[0].data[2].value = data.data.c;
+          this.pieOption.series[0].data[3].value = data.data.d;
+          this.pieFenbuChart = echarts.init(pieFenbu);
+          this.pieFenbuChart.setOption(this.pieOption);
+        } else {
+          this.fenbuTableData[0].value = 0;
+          this.fenbuTableData[1].value = 0;
+          this.fenbuTableData[2].value = 0;
+          this.fenbuTableData[3].value = 0;
+          this.pieOption.series[0].data[0].value = 0;
+          this.pieOption.series[0].data[1].value = 0;
+          this.pieOption.series[0].data[2].value = 0;
+          this.pieOption.series[0].data[3].value = 0;
+        }
+      });
+    },
+    //需求挖掘率趋势报表
+    getwordMiningAnalyzePercentage() {
+      axios({
+        url: `/autoSR/customer/wordMiningAnalyzePercentage`,
+        method: "post",
+        data: {
+          pageNum: this.pageNum,
+          pageSize: this.pageSize,
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          table: 1, //0趋势 1 表格
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("趋势");
+        // console.log(data);
+        if (data.code == 0) {
+          this.activeCustomer = data.data.first.activeCustomer;
+          this.tableData = data.data.first.results;
+          this.total = data.data.first.totalRecord;
+        } else {
+          this.tableData = [];
+        }
+      });
+    },
+    //需求挖掘率趋势图
+    getwordMiningAnalyzePercentagetu() {
+      axios({
+        url: `/autoSR/customer/wordMiningAnalyzePercentage`,
+        method: "post",
+        data: {
+          pageNum: this.pageNum,
+          pageSize: this.pageSize,
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          table: 0, //0趋势 1 表格
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("趋势tu");
+        // console.log(data);
+        if (data.code == 0) {
+          let obj = data.data;
+          let xarr = []; // x轴数据
+          let categories1 = [];
+          let categories2 = [];
+          let categories3 = [];
+          if (obj.first && obj.first.length) {
+            categories1 = obj.first.map((item) =>
+              item.statDate.substring(5, 10)
+            );
+            this.lineOption.series[0].data = obj.first.map(
+              (item) => item.wordFraction
+            );
+          } else {
+            categories1 = [];
+            this.lineOption.series[0].data = [];
+          }
+          if (obj.end && obj.end.length) {
+            categories2 = obj.end.map((item) => item.statDate.substring(5, 10));
+            this.lineOption.series[1].data = obj.end.map(
+              (item) => item.wordFraction
+            );
+          } else {
+            categories2 = [];
+            this.lineOption.series[1].data = [];
+          }
+          for (let i = 0; i < categories1.length; i++) {
+            categories3.push(categories1[i] + "/" + categories2[i]);
+          }
+          this.lineOption.xAxis.data = categories3;
+          this.lineChart = echarts.init(trendline);
+          this.lineChart.setOption(this.lineOption);
+        }
+      });
+    },
+    //需求挖掘率排行
+    getwordMiningRank() {
+      axios({
+        url: `/autoSR/customer/wordMiningRank`,
+        method: "post",
+        data: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("排行");
+        // console.log(data);
+        if (data.code == 0) {
+          this.rankTableData = data.data;
+          this.barOption.xAxis.data = this.rankTableData.map(
+            (item) => item.name
+          );
+          this.barOption.series[0].data = this.rankTableData.map(
+            (item) => item.fraction
+          );
+          this.barRankChart = echarts.init(bar);
+          this.barRankChart.setOption(this.barOption);
+        }
+      });
+    },
+    //  异常执行率top50
+    getwordMiningAbnormal() {
+      axios({
+        url: `/autoSR/customer/wordMiningAbnormal`,
+        method: "post",
+        data: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log(data);
+        if (data.code == 0) {
+          this.yichangTableData1 = data.data;
+        }
+      });
+    },
+    //  异常未执行
+    getwordMiningNoImplement() {
+      axios({
+        url: `/autoSR/customer/wordMiningNoImplement`,
+        method: "post",
+        data: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("异常未执行");
+        // console.log(data);
+        if (data.code == 0) {
+          this.yichangTableData2 = data.data;
+        }
+      });
+    },
+    // 需求挖掘话术执行明细
+    getwordMiningImplement() {
+      axios({
+        url: `/autoSR/customer/wordMiningImplement`,
+        method: "post",
+        data: {
+          pageNum: this.detail.pageNum,
+          pageSize: this.detail.pageSize,
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        // console.log("执行明细");
+        // console.log(data);
+        if (data.code == 0) {
+          this.activeCustomer = data.data.cus.activeCustomer;
+          this.detail.tableData = data.data.list.results;
+          this.detail.total = data.data.list.totalRecord;
+        }
+      });
+    },
+    //  统计数据
+    getwordMiningAnalyze() {
+      axios({
+        url: `/autoSR/customer/wordMiningAnalyze`,
+        method: "post",
+        data: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team, // 团队
+          createUser: this.fromobj.consultant, // 顾问
+          dateType: this.TimetoAhoose == 7 ? null : this.TimetoAhoose,
+          firstStartDate: this.TimetoAhoose == 7 ? this.fromobj.starttime : "",
+          firstEndDate: this.TimetoAhoose == 7 ? this.fromobj.endoftime : "",
+        },
+      }).then((data) => {
+        console.log(data);
+        if (data.code == 0) {
+          let obj = data.data;
+          obj.contrast.wordFraction = (obj.contrast.wordFraction || 0) + "%";
+          obj.first.wordFraction =
+            (obj.first.wordFraction > 100 ? 100 : obj.first.wordFraction || 0) +
+            "%";
+          obj.end.wordFraction =
+            (obj.end.wordFraction > 100 ? 100 : obj.end.wordFraction || 0) +
+            "%";
+          this.numlist.forEach((item) => {
+            item.duibinum = obj.contrast[item.setName];
+            item.endnum = obj.end[item.setName];
+            item.firstnum = obj.first[item.setName];
+          });
+        }
+      });
+    },
+    changeTabs() {
+      if (this.leftTypeVal == 1) {
+        // 平均挖掘率趋势
+        if (this.rightTypeVal == 1) {
+          //图
+          this.getwordMiningAnalyzePercentagetu();
+        }
+      } else {
+        // 挖掘率分布
+        if (this.rightTypeVal == 1) {
+          //图
+          this.getwordMiningAnalyzeFenbu();
+        }
+      }
+    },
+    // 获取楼盘下全部部门-团队下拉数据
+    findAllDeptIdByHouseId() {
+      axios({
+        url: `/autoSR/cusStageStatistics/findAllDeptIdByHouseId`,
+        method: "post",
+        params: {
+          houseId: this.houseId,
+        },
+      }).then((data) => {
+        if (data.code == 0) {
+          console.log(data);
+          this.teams = data.data.map((item) => {
+            return {
+              name: item.deptName,
+              value: item.deptId,
+            };
+          });
+        }
+      });
+    },
+    // 获取楼盘下部门下全部用户-顾问
+    findAllConsultantByDep() {
+      axios({
+        url: `/autoSR/customer/findAllConsultantByDept`,
+        method: "get",
+        params: {
+          houseId: this.houseId,
+          deptId: this.fromobj.team,
+        },
+      }).then((data) => {
+        // console.log(data);
+        if (data.code == 0) {
+          this.consultants = data.data.map((item) => {
+            return {
+              name: item.name,
+              value: item.accountId,
+            };
+          });
+        }
+      });
+    },
+    // 通过团队获取顾问
+    handleChangeguwen() {
+      this.excuteMethods();
+    },
+    daochu(type) {
+      let TimetoAhoose = this.TimetoAhoose == 7 ? null : this.TimetoAhoose;
+      let firstStartDate = this.TimetoAhoose == 7 ? this.fromobj.starttime : "";
+      let firstEndDate = this.TimetoAhoose == 7 ? this.fromobj.endoftime : "";
+      var daochuparams =
+        "?houseId=" +
+        this.houseId +
+        "&deptId=" +
+        this.fromobj.team +
+        "&createUser=" +
+        this.fromobj.consultant +
+        "&dateType=" +
+        TimetoAhoose +
+        "&firstStartDate=" +
+        firstStartDate +
+        "&firstEndDate=" +
+        firstEndDate;
+      if (type == "rank") {
+        //排行
+        window.location.href ="/autoSR/customer/wordMiningRankExport" + daochuparams;
+      } else if (type == "analysis") {
+        //分析
+        if (this.leftTypeVal == 1) {
+          //趋势表
+          window.location.href =
+            "/autoSR/customer/wordMiningAnalyzePercentageExport" +
+            daochuparams;
+        } else {
+          //分布表
+          window.location.href ="/autoSR/customer/wordMiningAnalyzeFenbuExport" + daochuparams;
+        }
+      } else if (type == "abnormal") {
+        // 异常
+        if (this.typeAbnormalVal == 1) {
+          //下跌
+          window.location.href ="/autoSR/customer/wordMiningAbnormalExport" + daochuparams;
+        } else {
+          //未执行
+          window.location.href = "/autoSR/customer/wordMiningNoImplateExport" + daochuparams;
+        }
+      } else if (type == "detail") {
+        // 明细
+        window.location.href ="/autoSR/customer/wordMiningImplementExport" + daochuparams;
+      }
+    },
+    Toview(item, type) {
+      // 跳转接待记录
+      let TimetoAhoose = 2;
+      if (this.TimetoAhoose == 4) {
+        TimetoAhoose = 2;
+      } else if (this.TimetoAhoose == 7) {
+        TimetoAhoose = null;
+      } else {
+        TimetoAhoose = this.TimetoAhoose;
+      }
+      let Userrecord = {
+        TimetoAhoose: TimetoAhoose,
+        name: item.name,
+        keywordsId: item.keywordsId,
+        customtime: this.customtime,
+        starttime: this.fromobj.starttime,
+        endoftime: this.fromobj.endoftime,
+      };
+      if (type == 1) {
+        Userrecord.type = "wajuefenbu";
+        Userrecord.id = item.id;
+        Userrecord.name = "";
+        Userrecord.keywordsId = "";
+      }
+      localStorage.setItem("Userrecord", JSON.stringify(Userrecord));
+      location.href = "/autoSR/matchKeywords/receptionIndex";
+    },
+    //清空筛选条件
+    Emptycondition() {
+      this.TimetoAhoose = 4;
+      this.fromobj.starttime = "";
+      this.fromobj.endoftime = "";
+      this.fromobj.team = "";
+      this.fromobj.consultant = "";
+      this.customtime = [];
+      this.excuteMethods();
+    },
+    //团队切换
+    handleChange() {
+      this.type = 1;
+      this.keywords = "";
+      this.fromobj.consultant = "";
+      this.findAllConsultantByDep();
+      this.excuteMethods();
+    },
+    //时间tab切换
+    tabtimetap() {
+      this.fromobj.starttime = "";
+      this.fromobj.endoftime = "";
+      this.customtime = [];
+      if (this.TimetoAhoose != 7) {
+        this.excuteMethods();
+      }
+    },
+    //时间选择
+    confirmtime() {
+      this.fromobj.starttime = this.customtime[0];
+      this.fromobj.endoftime = this.customtime[1];
+      this.excuteMethods();
+    },
+    detailSizeChange(val) {
+      this.detail.pageSize = val;
+      this.getwordMiningImplement();
+    },
+    detailhandleCurrentChange(val) {
+      console.log("当前页" + val);
+      this.detail.pageNum = val;
+      this.getwordMiningImplement();
+    },
+    handleSizeChange(val) {
+      console.log("每页条" + val);
+      this.pageSize = val;
+      this.getwordMiningAnalyzePercentage();
+    },
+    handleCurrentChange(val) {
+      console.log("当前页" + val);
+      this.pageNum = val;
+      this.getwordMiningAnalyzePercentage();
+    },
+  },
+};
 </script>
-<style scoped="scoped" lang="scss" >
-.pagecontent{
-    padding: 0 15px;
+<style scoped="scoped" lang="scss">
+.pagecontent {
+  padding: 0 15px;
 }
 .app-titel {
-            width: 100%;
-            height: 180px;
-            background: #ffffff;
-            padding-top: 26px;
-            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
-            border-radius: 8px;
-        }
+  width: 100%;
+  height: 180px;
+  background: #ffffff;
+  padding-top: 26px;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+  border-radius: 8px;
+}
 
-        .screeningbox {
-            width: 100%;
-            height: 32px;
-            display: flex;
-            align-items: center;
-        }
+.screeningbox {
+  width: 100%;
+  height: 32px;
+  display: flex;
+  align-items: center;
+}
 
-        .screeningboxlebl {
-            width: 100px;
-            text-align: right;
-            font-size: 16px;
-            color: #32363d;
-        }
+.screeningboxlebl {
+  width: 100px;
+  text-align: right;
+  font-size: 16px;
+  color: #32363d;
+}
 
-        .el-input__inner {
-            height: 32px;
-        }
+.el-input__inner {
+  height: 32px;
+}
 
-        .el-input__suffix {
-            top: 6px;
-        }
+.el-input__suffix {
+  top: 6px;
+}
 
-        .el-date-editor .el-range__icon {
-            line-height: 25px;
-        }
+.el-date-editor .el-range__icon {
+  line-height: 25px;
+}
 
-        .el-date-editor .el-range-separator {
-            line-height: 25px;
-        }
+.el-date-editor .el-range-separator {
+  line-height: 25px;
+}
 
-        .button1 {
-            padding-left: 16px;
-            padding-right: 16px;
-            height: 32px;
-            line-height: 32px;
-            background: #2671e2;
-            border-radius: 2px;
-            color: #ffffff;
-            font-size: 16px;
-            border: none;
-            cursor: pointer;
-        }
+.button1 {
+  padding-left: 16px;
+  padding-right: 16px;
+  height: 32px;
+  line-height: 32px;
+  background: #2671e2;
+  border-radius: 2px;
+  color: #ffffff;
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+}
 
-        .el-table thead {
-            background: #e0e0e0;
-        }
+.el-table thead {
+  background: #e0e0e0;
+}
 
-        .block {
-            width: 100%;
-            margin-top: 5px;
-            display: flex;
-        }
+.block {
+  width: 100%;
+  margin-top: 5px;
+  display: flex;
+}
 
-        .blockbox {
-            margin-left: auto;
-        }
+.blockbox {
+  margin-left: auto;
+}
 
-        .el-date-editor .el-range-input,
-        .el-date-editor .el-range-separator {
-            margin: 3px;
-        }
+.el-date-editor .el-range-input,
+.el-date-editor .el-range-separator {
+  margin: 3px;
+}
 
-        .screeningbox .el-select .el-select__tags {
-            flex-wrap: unset !important;
-            overflow: auto !important;
-        }
+.screeningbox .el-select .el-select__tags {
+  flex-wrap: unset !important;
+  overflow: auto !important;
+}
 
-        .screeningbox .el-select .el-select__tags::-webkit-scrollbar {
-            /*滚动条整体样式*/
-            width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
-            height: 4px;
-            scrollbar-arrow-color: red;
-        }
+.screeningbox .el-select .el-select__tags::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
+  height: 4px;
+  scrollbar-arrow-color: red;
+}
 
-        .screeningbox .el-select .el-select__tags::-webkit-scrollbar-thumb {
-            /*滚动条里面小方块*/
-            border-radius: 5px;
-            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-            background: rgba(0, 0, 0, 0.2);
-            scrollbar-arrow-color: red;
-        }
+.screeningbox .el-select .el-select__tags::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
+  scrollbar-arrow-color: red;
+}
 
-        .screeningbox .el-select .el-select__tags::-webkit-scrollbar-track {
-            /*滚动条里面轨道*/
-            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-            border-radius: 0;
-            background: rgba(0, 0, 0, 0.1);
-        }
+.screeningbox .el-select .el-select__tags::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.1);
+}
 
-        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
-            color: #fff;
-            background-color: #2671e2;
-            border-color: #2671e2;
-            -webkit-box-shadow: -1px 0 0 0 #2671e2;
-            box-shadow: -1px 0 0 0 #2671e2;
-        }
+.el-radio-button__orig-radio:checked + .el-radio-button__inner {
+  color: #fff;
+  background-color: #2671e2;
+  border-color: #2671e2;
+  -webkit-box-shadow: -1px 0 0 0 #2671e2;
+  box-shadow: -1px 0 0 0 #2671e2;
+}
 
-        /*报表*/
-        .box-card {
-            background: #ffffff;
-            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
-            border-radius: 8px;
-            padding: 20px;
-            margin-top: 20px;
-        }
+/*报表*/
+.box-card {
+  background: #ffffff;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+  border-radius: 8px;
+  padding: 20px;
+  margin-top: 20px;
+}
 
-        .box-card .title {
-            font-size: 18px;
-            margin-bottom: 20px;
-        }
+.box-card .title {
+  font-size: 18px;
+  margin-bottom: 20px;
+}
 
-        .control-tab {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 20px;
-        }
+.control-tab {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
 
-        /* 统计样式*/
-        .tongji-container {
-            width: 100%;
-            margin-top: 20px;
-            background: #fff;
-            border-radius: 4px;
-            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
-        }
+/* 统计样式*/
+.tongji-container {
+  width: 100%;
+  margin-top: 20px;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+}
 
-        .tongji-container .row {
-            display: flex;
-            justify-content: space-between;
-        }
+.tongji-container .row {
+  display: flex;
+  justify-content: space-between;
+}
 
-        .tongji-container .row-item {
-            padding: 20px 12px;
-            background: #fff;
-            height: 150px;
-            border-radius: 4px;
-            position: relative;
-        }
+.tongji-container .row-item {
+  padding: 20px 12px;
+  background: #fff;
+  height: 150px;
+  border-radius: 4px;
+  position: relative;
+}
 
-        .tongji-container .row-item::after {
-            position: absolute;
-            right: 0;
-            content: "";
-            width: 1px;
-            height: 80px;
-            top: 36px;
-            background: #e0e0e0;
-        }
+.tongji-container .row-item::after {
+  position: absolute;
+  right: 0;
+  content: "";
+  width: 1px;
+  height: 80px;
+  top: 36px;
+  background: #e0e0e0;
+}
 
-        .tongji-container .row-item:last-child:after {
-            position: absolute;
-            right: 0;
-            content: "";
-            width: 1px;
-            height: 80px;
-            top: 36px;
-            background: #fff;
-        }
+.tongji-container .row-item:last-child:after {
+  position: absolute;
+  right: 0;
+  content: "";
+  width: 1px;
+  height: 80px;
+  top: 36px;
+  background: #fff;
+}
 
-        .tongji-container .top {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 12px;
-        }
+.tongji-container .top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
 
-        .tongji-container .top-title {
-            height: 22px;
-            font-size: 16px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #666666;
-            line-height: 22px;
-            margin-bottom: 12px;
-        }
+.tongji-container .top-title {
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 22px;
+  margin-bottom: 12px;
+}
 
-        .tongji-container .count {
-            height: 32px;
-            font-size: 32px;
-            font-family: DINAlternate-Bold, DINAlternate;
-            font-weight: bold;
-            color: #32363d;
-            line-height: 32px;
-        }
+.tongji-container .count {
+  height: 32px;
+  font-size: 32px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+  color: #32363d;
+  line-height: 32px;
+}
 
-        .tongji-container .top-right {
-            width: 62px;
-            height: 62px;
-            background: #eee;
-        }
+.tongji-container .top-right {
+  width: 62px;
+  height: 62px;
+  background: #eee;
+}
 
-        .tongji-container .pic {
-            width: 62px;
-            height: 62px;
-            display: block;
-        }
+.tongji-container .pic {
+  width: 62px;
+  height: 62px;
+  display: block;
+}
 
-        .tongji-container .bot {
-            display: flex;
-            align-items: center;
-        }
+.tongji-container .bot {
+  display: flex;
+  align-items: center;
+}
 
-        .tongji-container .bot-left {
-            height: 20px;
-            font-size: 14px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #333333;
-            line-height: 20px;
-            margin-right: 12px;
-        }
+.tongji-container .bot-left {
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 20px;
+  margin-right: 12px;
+}
 
-        .tongji-container .bot-mid {
-            margin-right: 12px;
-            display: flex;
-            align-items: center;
-        }
+.tongji-container .bot-mid {
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+}
 
-        .tongji-container .bot-mid .img {
-            display: inline-block;
-            width: 10px;
-        }
+.tongji-container .bot-mid .img {
+  display: inline-block;
+  width: 10px;
+}
 
-        .tongji-container .textUp {
-            font-size: 14px;
-            display: flex;
-            font-weight: 600;
-            color: rgba(231, 72, 60, 1);
-            align-items: center;
-            padding: 3px 6px;
-            border-radius: 3px;
-        }
+.tongji-container .textUp {
+  font-size: 14px;
+  display: flex;
+  font-weight: 600;
+  color: rgba(231, 72, 60, 1);
+  align-items: center;
+  padding: 3px 6px;
+  border-radius: 3px;
+}
 
-        .tongji-container .textDown {
-            font-size: 14px;
-            display: flex;
-            font-weight: 600;
-            color: rgba(7, 183, 157, 1);
-            align-items: center;
-            padding: 3px 6px;
-            border-radius: 3px;
-        }
+.tongji-container .textDown {
+  font-size: 14px;
+  display: flex;
+  font-weight: 600;
+  color: rgba(7, 183, 157, 1);
+  align-items: center;
+  padding: 3px 6px;
+  border-radius: 3px;
+}
 
-        .tongji-container .bot-right {
-            width: 84px;
-            height: 20px;
-            font-size: 14px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #333333;
-            line-height: 20px;
-        }
+.tongji-container .bot-right {
+  width: 84px;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 20px;
+}
 </style>
diff --git a/src/views/Template/taboo.vue b/src/views/Template/taboo.vue
index ff98b10..f406947 100644
--- a/src/views/Template/taboo.vue
+++ b/src/views/Template/taboo.vue
@@ -728,6 +728,7 @@ export default {
       this.ruleForm.id = row.id;
       this.dialogVisible = true;
       this.ruleForm.words = row.words;
+      this.ruleForm.sceneDesc = row.desc;
       this.editFlag = true;
     },
 
@@ -749,7 +750,7 @@ export default {
               .tabooadd({
                 houseId: this.houseId,
                 words: this.ruleForm.words,
-                sceneDesc: this.ruleForm.sceneDesc// 场景描述
+                desc: this.ruleForm.sceneDesc// 场景描述
               })
               .then((res) => {
                 if (res.code == 0) {
@@ -775,6 +776,7 @@ export default {
             this.$api.http
               .tabooupdate({
                 id: this.ruleForm.id,
+                desc: this.ruleForm.sceneDesc,
                 words: this.ruleForm.words,
               })
               .then((res) => {