diff --git a/.env.development b/.env.development
index 450ad4f..02f887d 100644
--- a/.env.development
+++ b/.env.development
@@ -18,4 +18,8 @@ VUE_APP_BASE_IMG  = 'http://39.100.77.21:8013'
 VUE_APP_WS_API = 'wss://baiyee.vip'
 
 # 是否启用 babel-plugin-dynamic-import-node插件
+<<<<<<< HEAD
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
+=======
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
+>>>>>>> 4025a156f728ac573dc4bae6b4f1f08f2072752c
diff --git a/package.json b/package.json
index 8f000cd..6e837ae 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "js-beautify": "^1.10.2",
     "js-cookie": "2.2.0",
     "jsencrypt": "^3.0.0-rc.1",
-    "jssip": "^3.10.0",
+    "jssip": "^3.10.1",
     "jszip": "^3.7.1",
     "mavon-editor": "^2.9.0",
     "node-sass": "npm:sass@^1.57.1",
diff --git a/src/views/home.vue b/src/views/home.vue
index df3d0bf..bf9ff3f 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,2804 +1,2829 @@
-<!--
- * @Description: home
- * @Autor: 飘泊客
- * @Date: 2021-12-02 16:54:53
- * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
- * @LastEditTime: 2023-10-16 19:32:17
--->
-<template>
-  <div>
-    <!-- v-if="user.roles.length != 1 && user.roles[0].id != 11" -->
-    <!-- 相关功能开发中 -->
-    <div v-if="user.roles.length === 1 && user.roles[0].id === 11" class="box">
-      <div class="underDevelopment">
-        <!-- <img
-          class="pic-404__parent"
-          :src="kf"
-          alt="404"
-          style="margin-bottom: 20px;"
-        > -->
-        <svg-icon icon-class="404" style="font-size: 360px;" />
-        <div class="bullshit">
-          努力开发中，敬请期待...
-        </div>
-      </div>
-    </div>
-    <!-- 开发完的首页 -->
-    <div v-else class="dashboard-container sim-cont">
-      <div class="dashboard-editor-container">
-        <PanelGroupManager
-          v-if="user.isManager || user.isTokerAdmin"
-          :statistics="Statistics"
-        />
-        <panel-group v-else :statistics="Statistics" />
-        <el-row v-if="user.isManager || user.isTokerAdmin" :gutter="20">
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <div v-if="Statistics.talk" class="top-block">
-              <div class="title">拓客总览</div>
-              <div class="u-flex u-flex-between statistics">
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">总线索</span>
-                  </div>
-                  <div class="u-flex u-flex-between mt-10">
-                    <span class="fs-18 block">{{
-                      Statistics.talk.totalNum
-                    }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.talk.addTotalNum }}</span>
-                  </div>
-                </div>
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">投流DMP</span>
-                  </div>
-                  <div class="u-flex u-flex-between  mt-10">
-                    <span class="fs-18 block">{{
-                      Statistics.talk.deliveryNum
-                    }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.talk.addDeliveryNum }}</span>
-                  </div>
-                </div>
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">自主拓客</span>
-                  </div>
-                  <div class="u-flex u-flex-between  mt-10">
-                    <span class="fs-18 block">{{ Statistics.talk.talkNum }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.talk.addTalkNum }}</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <div v-if="Statistics.crm" class="top-block">
-              <div class="title">商机总览</div>
-              <div class="u-flex u-flex-between statistics">
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">总商机</span>
-                  </div>
-                  <div class="u-flex u-flex-between mt-10">
-                    <span class="fs-18 block">{{ Statistics.crm.totalNum }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.crm.addTotalNum }}</span>
-                  </div>
-                </div>
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">投流DMP</span>
-                  </div>
-                  <div class="u-flex u-flex-between  mt-10">
-                    <span class="fs-18 block">{{
-                      Statistics.crm.deliveryNum
-                    }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.crm.addDeliveryNum }}</span>
-                  </div>
-                </div>
-                <div class="top-item">
-                  <div>
-                    <span class="block min-title">自主拓客</span>
-                  </div>
-                  <div class="u-flex u-flex-between  mt-10">
-                    <span class="fs-18 block">{{ Statistics.crm.talkNum }}</span>
-                    <span class="fs-12 block text-center min-title"><img
-                      src="@/assets/images/boxian.png"
-                      class="mr-5"
-                    >昨日新增：{{ Statistics.crm.addTalkNum }}</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row
-          v-if="user.isManager || user.isTokerAdmin"
-          :gutter="20"
-          style="margin-bottom: 20px;"
-        >
-          <!-- 拓客投流昨日多任务 -->
-          <!-- <el-col :xs="10" :sm="10" :lg="10" class="card-panel-col">
-          <div style="background: #fff;">
-            <div class="u-flex u-flex-between top-currency-title">
-              <div class="charTitle">拓客昨日多任务统计</div>
-              <div> -->
-          <!-- <span @click="doTokerExport(1)">
-                  <el-tooltip class="item" effect="dark" content="导出" placement="top">
-                    <i class="el-icon-download icon-currency pointer" />
-                  </el-tooltip>
-                </span> -->
-          <!-- </div>
-            </div>
-            <div v-if="tokerBarChartData" style="padding-top:10px">
-              <BarChart
-                :chart-data="tokerBarChartData"
-                style="height: 770px;"
-              />
-            </div>
-            <div v-else style="height:780px;">
-              <el-empty
-                description="暂无数据"
-                :image="zanwu"
-                :image-size="200"
-                style="height: 100%;"
-              />
-            </div>
-          </div>
-        </el-col> -->
-          <!-- DMP拓客和拓客模块多任务统计(左边区域) -->
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <!-- DMP拓客 -->
-            <div
-              v-loading="shortIndexLoading"
-              style="background: #fff;margin-bottom: 20px;"
-            >
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">DMP拓客</div>
-                <div />
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="shortIndex.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="getTokeStatistics(shortIndex.taskTime)"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div style="height: 225px;margin-top: 75px;">
-                <el-row :gutter="20" style="margin-bottom: 30px;">
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">资源总数</div>
-                        <div class="card-panel-num">{{ totalNum }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">资源接通次数</div>
-                        <div class="card-panel-num">{{ turnOnNum }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">有效客户数</div>
-                        <div class="card-panel-num">{{ effectiveNum }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">资源使用次数</div>
-                        <div class="card-panel-num">{{ usrNum }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">接通率(%)</div>
-                        <!-- <div class="card-panel-num">{{ Math.round(turnOnRate* 100) }}</div> -->
-                        <div class="card-panel-num">{{ parseFloat((turnOnRate* 100).toPrecision(3)) }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="8">
-                    <div class="grid-content">
-                      <div class="grid-content-item">
-                        <div class="card-panel-text">有效率(%)</div>
-                        <!-- <div class="card-panel-num">{{ Math.round(effectiveRate* 100 ) }}</div> -->
-                        <div class="card-panel-num">{{ parseFloat((effectiveRate* 100).toPrecision(3)) }}</div>
-                      </div>
-                    </div>
-                  </el-col>
-                </el-row>
-              <!-- <el-row class="panel-group">
-                <el-col :span="9" :offset="2" class="card-panel-col" style="margin-top:20px ;">
-                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('messages')">
-                    <div class="card-panel-icon-wrapper icon-app">
-                      <svg-icon icon-class="chain" class-name="card-panel-icon" />
-                    </div>
-                    <div class="card-panel-description">
-                      <div class="card-panel-text">
-                        总线索
-                      </div>
-                      <div class="card-panel-num">{{ totalNum }}</div>
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="9" :offset="2" class="card-panel-col" style="margin-top:20px ;">
-                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('messages')">
-                    <div class="card-panel-icon-wrapper icon-message">
-                      <svg-icon icon-class="left-4" class-name="card-panel-icon" />
-                    </div>
-                    <div class="card-panel-description">
-                      <div class="card-panel-text">
-                        资源使用次数
-                      </div>
-                      <div class="card-panel-num">{{ usrNum }}</div>
-                    </div>
-                  </div>
-                </el-col>
-              </el-row>
-              <el-row class="panel-group">
-                <el-col :span="9" :offset="2" class="card-panel-col">
-                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('purchases')">
-                    <div class="card-panel-icon-wrapper icon-money">
-                      <svg-icon icon-class="left-6" class-name="card-panel-icon" />
-                    </div>
-                    <div class="card-panel-description">
-                      <div class="card-panel-text">
-                        资源接通数
-                      </div>
-                      <div class="card-panel-num">{{ turnOnNum }}</div>
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :span="9" :offset="2" class="card-panel-col">
-                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('shoppings')">
-                    <div class="card-panel-icon-wrapper icon-shopping">
-                      <svg-icon icon-class="left-9" class-name="card-panel-icon" />
-                    </div>
-                    <div class="card-panel-description">
-                      <div class="card-panel-text">
-                        接通率(%)
-                      </div>
-                      <div class="card-panel-num">{{ turnOnRate* 100 }}</div>
-                    </div>
-                  </div>
-                </el-col>
-              </el-row> -->
-              </div>
-            </div>
-            <!-- 拓客模块多任务统计 -->
-            <div v-loading="routineTaskLoading" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">拓客模块多任务统计</div>
-                <div>
-                  <span @click="doTokerExport(1)">
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      content="导出"
-                      placement="top"
-                    >
-                      <i class="el-icon-download icon-currency pointer" />
-                    </el-tooltip>
-                  </span>
-                <!-- <el-popover
-                  v-model="taskProp"
-                  placement="right"
-                  width="400"
-                  trigger="manual"
-                >
-                  <span slot="reference" @click="openTaskDownProp">
-                    <el-tooltip class="item" effect="dark" content="详情导出" placement="top">
-                      <i class="el-icon-document icon-currency pointer" />
-                    </el-tooltip>
-                  </span>
-                  <el-table :data="taskList" height="520">
-                    <el-table-column width="250" property="taskName" label="任务名称" />
-                    <el-table-column width="80" label="文件">
-                      <template slot-scope="scope">
-                        <el-link type="primary" @click="doExport(2, scope.row.id)">下载</el-link>
-                      </template>
-                    </el-table-column>
-                  </el-table>
-                </el-popover> -->
-                </div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="tokerTaskForm.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-select
-                    v-model="tokerTaskForm.taskType"
-                    clearable
-                    filterable
-                    collapse-tags
-                    multiple
-                    :multiple-limit="3"
-                    size="small"
-                    placeholder="任务名"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in tokerTaskList"
-                      :key="it.id"
-                      :label="it.taskName"
-                      :value="it.id"
-                    />
-                  </el-select>
-                  <el-select
-                    v-model="tokerTaskForm.clueStage"
-                    clearable
-                    filterable
-                    collapse-tags
-                    size="small"
-                    placeholder="线索状态"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in tokerCluestage"
-                      :key="it.value"
-                      :label="it.key"
-                      :value="it.value"
-                    />
-                  </el-select>
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="taskToQuery('tokerTaskForm')"
-                  >搜索</el-button>
-                </div>
-              <!-- <el-select v-model="tokerTaskForm.userIdList" clearable size="small" filterable placeholder="业务员" class="filter-item mb-5" style="width: 142px">
-                <el-option-group
-                  v-for="group in userOptions"
-                  :key="group.id"
-                  :label="group.label"
-                >
-                  <el-option
-                    v-for="item in group.children"
-                    :key="item.id"
-                    :label="item.label"
-                    :value="item.id"
-                  />
-                </el-option-group>
-              </el-select> -->
-              </div>
-              <div v-if="tokerLineChartData" style="padding: 10px 10px 0;">
-                <line-chart
-                  :chart-data="tokerLineChartData"
-                  style="height: 290px"
-                />
-              </div>
-              <div v-else style="height: 300px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-          <!-- 广告质量分和商机模块多任务统计(右边区域) -->
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <!-- 广告质量分 -->
-            <div
-              v-loading="tokerTaskLoading"
-              style="background: #fff;margin-bottom: 20px;"
-            >
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">广告质量分</div>
-              </div>
-              <div style="display: flex;justify-content: center;align-items: center;">
-                <advertisingQualityscore v-if="JSON.stringify(advertisingQualityScoreData) !== '{}'" :series-value="advertisingQualityScoreData" />
-              </div>
-            </div>
-            <!-- 商机模块多任务统计 -->
-            <div v-loading="routineTaskLoading" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">商机模块多任务统计</div>
-                <div>
-                  <span @click="doExport(1, 'taskForm')">
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      content="导出"
-                      placement="top"
-                    >
-                      <i class="el-icon-download icon-currency mr-10 pointer" />
-                    </el-tooltip>
-                  </span>
-                <!-- <el-popover
-                  v-model="taskProp"
-                  placement="right"
-                  width="400"
-                  trigger="manual"
-                >
-                  <span slot="reference" @click="openTaskDownProp">
-                    <el-tooltip class="item" effect="dark" content="详情导出" placement="top">
-                      <i class="el-icon-document icon-currency pointer" />
-                    </el-tooltip>
-                  </span>
-                  <el-table :data="taskList" height="520">
-                    <el-table-column width="250" property="taskName" label="任务名称" />
-                    <el-table-column width="80" label="文件">
-                      <template slot-scope="scope">
-                        <el-link type="primary" @click="doExport(2, scope.row.id)">下载</el-link>
-                      </template>
-                    </el-table-column>
-                  </el-table>
-                </el-popover> -->
-                </div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="taskForm.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-select
-                    v-model="taskForm.taskType"
-                    clearable
-                    filterable
-                    collapse-tags
-                    multiple
-                    :multiple-limit="3"
-                    size="small"
-                    placeholder="任务名"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in taskList"
-                      :key="it.id"
-                      :label="it.taskName"
-                      :value="it.id"
-                    />
-                  </el-select>
-                  <el-select
-                    v-model="taskForm.clueStage"
-                    clearable
-                    filterable
-                    collapse-tags
-                    size="small"
-                    placeholder="线索阶段"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in cluestage"
-                      :key="it.value"
-                      :label="it.key"
-                      :value="it.value"
-                    />
-                  </el-select>
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="taskToQuery('taskForm')"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div v-if="lineChartData" style="padding: 10px 10px 0;">
-                <line-chart :chart-data="lineChartData" style="height: 290px" />
-              </div>
-              <div v-else style="height: 300px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row
-          v-if="user.isManager || user.isTokerAdmin"
-          :gutter="20"
-          style="margin-bottom: 20px;"
-        >
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <!-- 业务管理员商机任务线索状态比对图任务 -->
-            <div v-loading="routineLoading1" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">商机任务对比图</div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="manyTaskSerchTop.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-select
-                    v-model="manyTaskSerchTop.taskType"
-                    clearable
-                    filterable
-                    multiple
-                    collapse-tags
-                    :multiple-limit="4"
-                    size="small"
-                    placeholder="任务名"
-                    class="filter-item"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in taskList"
-                      :key="it.id"
-                      :label="it.taskName"
-                      :value="it.id"
-                    />
-                  </el-select>
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="manyTaskQuery"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div class="u-flex">
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerTaskPieChart1"
-                    :chart-data="managerTaskPieChart1"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerTaskPieChart2"
-                    :chart-data="managerTaskPieChart2"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-              </div>
-              <div class="u-flex">
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerTaskPieChart3"
-                    :chart-data="managerTaskPieChart3"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerTaskPieChart4"
-                    :chart-data="managerTaskPieChart4"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <!-- 商机CRM-业务管理员线索状态比对图 小组 人员 -->
-            <div v-loading="routineLoading2" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">商机人员跟进对比图</div>
-              <!-- <el-button
-                size="mini"
-                type="primary"
-                class="filter-item mb-5"
-                @click="quotaQuery"
-              >搜索</el-button> -->
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="localSerchTop.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-select
-                    v-model="localSerchTop.groupid"
-                    clearable
-                    multiple
-                    filterable
-                    :multiple-limit="4"
-                    collapse-tags
-                    size="small"
-                    placeholder="小组名"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option
-                      v-for="it in groupList"
-                      :key="it.id"
-                      :label="it.organizeName"
-                      :value="it.id"
-                    />
-                  </el-select>
-                  <el-select
-                    v-model="localSerchTop.userIdList"
-                    clearable
-                    size="small"
-                    filterable
-                    multiple
-                    :multiple-limit="4"
-                    collapse-tags
-                    placeholder="业务员"
-                    class="filter-item mb-5"
-                    style="width: 142px"
-                  >
-                    <el-option-group
-                      v-for="group in userOptions"
-                      :key="group.id"
-                      :label="group.label"
-                    >
-                      <el-option
-                        v-for="item in group.children"
-                        :key="item.id"
-                        :label="item.label"
-                        :value="item.id"
-                      />
-                    </el-option-group>
-                  </el-select>
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="quotaQuery"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div class="u-flex">
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerPieChart1"
-                    :chart-data="managerPieChart1"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerPieChart2"
-                    :chart-data="managerPieChart2"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-              </div>
-              <div class="u-flex">
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerPieChart3"
-                    :chart-data="managerPieChart3"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-                <div class="chart-wrapper flex-1">
-                  <PieChart
-                    v-if="managerPieChart4"
-                    :chart-data="managerPieChart4"
-                  />
-                  <el-empty
-                    v-else
-                    description="暂无数据"
-                    :image="zanwu"
-                    style="height: 300px;"
-                  />
-                </div>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row v-if="user.isManager || user.isTokerAdmin">
-          <el-col :xs="24" :sm="24" :lg="24" class="card-panel-col">
-            <div v-loading="turnoverLoading" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">成交额</div>
-                <div>
-                  <span @click="doExport(3, 'salesVolume')">
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      content="导出"
-                      placement="top"
-                    >
-                      <i class="el-icon-download icon-currency pointer" />
-                    </el-tooltip>
-                  </span>
-                </div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="salesVolume.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="getTurnover"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div class="chart-wrapper" style="margin-bottom: 0px;">
-                <bar-chart v-if="saleBarCharData" :chart-data="saleBarCharData" />
-                <el-empty v-else description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <!-- 销售漏斗-任务统计 -->
-        <el-row v-if="!user.isManager && !user.isAdmin" :gutter="20">
-          <!-- 销售漏斗 -->
-          <el-col :xs="10" :sm="10" :lg="10" class="card-panel-col">
-            <div v-loading="routineLoading1" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">销售漏斗</div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="salesmanFunnel.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="salesmanFunnelToQuery"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div v-if="FunnelData" style="padding-bottom: 10px">
-                <Funnel
-                  v-if="FunnelData"
-                  :chart-data="FunnelData"
-                  style="height: 723px;"
-                />
-              </div>
-              <div v-else style="height:733px;">
-                <el-empty
-                  description="暂无数据"
-                  :image="zanwu"
-                  :image-size="200"
-                  style="height: 100%;"
-                />
-              </div>
-            </div>
-          </el-col>
-          <!-- 业务统计or业务统计30天 -->
-          <el-col :xs="14" :sm="14" :lg="14" class="card-panel-col">
-            <div
-              v-loading="salesmanbarLoading"
-              style="background: #fff;margin-bottom: 20px;"
-            >
-              <!-- 业务统计 -->
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">业务统计</div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="salesmanBar.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="salesmanToQuery"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div v-if="salesmanBarChartData" style="padding: 10px 10px 0;">
-                <bar-chart
-                  :chart-data="salesmanBarChartData"
-                  style="height: 290px"
-                />
-              </div>
-              <div v-else style="height: 300px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-            <div style="background: #fff;margin-bottom: 20px;">
-              <!-- 业务统计-30天 -->
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">业务统计（30天）</div>
-              </div>
-              <div
-                v-if="salesmanLineChartDatas"
-                style="height: 358px;padding: 10px 10px 0;"
-              >
-                <line-chart
-                  :chart-data="salesmanLineChartDatas"
-                  style="height: 348px"
-                />
-              </div>
-              <div v-else style="height: 358px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <!-- 组员线索比较or成交额 -->
-        <el-row
-          v-if="!user.isManager && !user.isAdmin"
-          :gutter="
-            20"
-          style="margin-bottom: 20px;"
-        >
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <div v-loading="routineLoading2" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">线索状态统计图</div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="localSerchTop.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="quotaQuery"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div v-if="pieChartData" style="padding: 10px 10px 0;">
-                <PieChart :chart-data="pieChartData" style="height: 290px" />
-              </div>
-              <div v-else style="height: 300px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
-            <div v-loading="turnoverLoading" style="background: #fff;">
-              <div class="u-flex u-flex-between top-currency-title">
-                <div class="charTitle">成交额</div>
-              </div>
-              <div class="toolGroup">
-                <div class="screenArea">
-                  <date-range-picker
-                    v-model="salesVolume.taskTime"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期"
-                    class="date-item mb-5"
-                  />
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    class="filter-item mb-5"
-                    @click="getTurnover"
-                  >搜索</el-button>
-                </div>
-              </div>
-              <div v-if="saleBarCharData" style="padding: 10px 10px 0;">
-                <bar-chart :chart-data="saleBarCharData" style="height: 290px" />
-              </div>
-              <div v-else style="height: 300px;">
-                <el-empty description="暂无数据" :image="zanwu" />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-      <el-dialog
-        append-to-body
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-        :show-close="false"
-        :visible.sync="agreementDialog"
-        title="审核申请"
-        width="520px"
-      >
-        <el-form
-          ref="ruleForm"
-          :inline="true"
-          :model="agreementForm"
-          :rules="agreementRules"
-          size="small"
-          label-width="80px"
-        >
-          <el-form-item label="公司名称" prop="companyName" label-width="100px">
-            <el-input v-model="agreementForm.companyName" style="width: 340px" />
-          </el-form-item>
-          <el-form-item label="邀请码" prop="invitationCode" label-width="100px">
-            <el-input
-              v-model="agreementForm.invitationCode"
-              style="width: 340px"
-            />
-          </el-form-item>
-          <el-form-item label="法人身份证" label-width="100px">
-            <div class="u-flex">
-              <el-upload
-                class="avatar-uploader"
-                :action="updateUrl"
-                :headers="header"
-                :show-file-list="false"
-                accept=".jpg,.png"
-                :on-success="
-                  response => {
-                    successImg(response, 'legalPersonIdFront');
-                  }
-                "
-                :on-error="errorImg"
-                :before-upload="beforeAvatarUpload"
-              >
-                <img
-                  v-if="agreementForm.legalPersonIdFront"
-                  :src="agreementForm.legalPersonIdFront"
-                  class="avatar"
-                >
-                <img v-else :src="img1" class="avatar-uploader-img">
-              </el-upload>
-              <el-upload
-                class="avatar-uploader ml-10"
-                :action="updateUrl"
-                :headers="header"
-                :show-file-list="false"
-                accept=".jpg,.png"
-                :on-success="
-                  response => {
-                    successImg(response, 'legalPersonIdReverse');
-                  }
-                "
-                :on-error="errorImg"
-                :before-upload="beforeAvatarUpload"
-              >
-                <img
-                  v-if="agreementForm.legalPersonIdReverse"
-                  :src="agreementForm.legalPersonIdReverse"
-                  class="avatar"
-                >
-                <img v-else :src="img2" class="avatar-uploader-img">
-              </el-upload>
-            </div>
-          </el-form-item>
-          <el-form-item label="经办人身份证" label-width="100px">
-            <div class="u-flex">
-              <el-upload
-                class="avatar-uploader"
-                :action="updateUrl"
-                :headers="header"
-                :show-file-list="false"
-                accept=".jpg,.png"
-                :on-success="
-                  response => {
-                    successImg(response, 'managerIdFront');
-                  }
-                "
-                :on-error="errorImg"
-                :before-upload="beforeAvatarUpload"
-              >
-                <img
-                  v-if="agreementForm.managerIdFront"
-                  :src="agreementForm.managerIdFront"
-                  class="avatar"
-                >
-                <img v-else :src="img1" class="avatar-uploader-img">
-              </el-upload>
-              <el-upload
-                class="avatar-uploader ml-10"
-                :action="updateUrl"
-                :headers="header"
-                :show-file-list="false"
-                accept=".jpg,.png"
-                :on-success="
-                  response => {
-                    successImg(response, 'managerIdReverse');
-                  }
-                "
-                :on-error="errorImg"
-                :before-upload="beforeAvatarUpload"
-              >
-                <img
-                  v-if="agreementForm.managerIdReverse"
-                  :src="agreementForm.managerIdReverse"
-                  class="avatar"
-                >
-                <img v-else :src="img2" class="avatar-uploader-img">
-              </el-upload>
-            </div>
-          </el-form-item>
-          <el-form-item
-            label="营业执照"
-            prop="businessLicense"
-            label-width="100px"
-          >
-            <el-upload
-              class="avatar-uploader"
-              :action="updateUrl"
-              :headers="header"
-              :show-file-list="false"
-              accept=".jpg,.png"
-              :on-success="
-                response => {
-                  successImg(response, 'businessLicense');
-                }
-              "
-              :on-error="errorImg"
-              :before-upload="beforeAvatarUpload"
-            >
-              <img
-                v-if="agreementForm.businessLicense"
-                :src="agreementForm.businessLicense"
-                class="avatar"
-              >
-              <img v-else :src="img3" class="avatar-uploader-img">
-            </el-upload>
-          </el-form-item>
-          <div class="u-flex pl-10">
-            <el-checkbox v-model="agrChecked">阅读并同意</el-checkbox>
-            <el-link type="danger" @click="openagr = true">《用户协议》</el-link>
-          </div>
-        </el-form>
-        <div slot="footer" class="dialog-footer u-flex u-flex-between">
-          <div>
-            <el-button @click="logout">返回登录</el-button>
-          </div>
-          <div>
-            <el-button
-              :loading="subloading"
-              type="primary"
-              @click="submitAgreement"
-            >提交</el-button>
-            <el-button @click="resetForm('ruleForm')">重置</el-button>
-          </div>
-        </div>
-      </el-dialog>
-      <el-dialog
-        append-to-body
-        :close-on-press-escape="false"
-        :visible.sync="openagr"
-        title="入驻协议"
-        width="720px"
-        class="agrProp"
-      >
-        <div v-html="agreementCon" />
-      </el-dialog>
-    </div>
-  </div>
-</template>
-<script>
-import {
-  taskQueryAll,
-  downloadTask,
-  organizeQueryAll,
-  userUpdateCompany,
-  reportBroken,
-  reportOrganize,
-  memberMonth,
-  reportMember,
-  reportHomePage,
-  getClueStage,
-  selectAllOrganizeUser,
-  tokerPie,
-  tokerBroken,
-  tokerDownload,
-  getReportFunnel,
-  reportCrmPie,
-  getTurnover,
-  turnoverDownload,
-  tokeStatistics
-} from '@/api/index'
-// 顶部统计
-import PanelGroup from './dashboard/PanelGroup'
-import PanelGroupManager from './dashboard/PanelGroupManager'
-// 折现图
-import LineChart from './dashboard/LineChart'
-import DateRangePicker from '@/components/DateRangePicker'
-import {
-  getDaysBetween,
-  MonthsBetw,
-  downloadFile,
-  parseTime
-} from '@/utils/index'
-import { getToken } from '@/utils/auth'
-import agreement from '@/utils/agreement'
-import sfzZ from '@/assets/images/sfz-z.png'
-import sfzF from '@/assets/images/sfz-f.png'
-import yyzz from '@/assets/images/yyzz.png'
-import zanwu from '@/assets/images/zanwu.png'
-import kf from '@/assets/images/kf.png'
-// 柱状图
-import BarChart from '@/components/Echarts/BarChart'
-// 饼图
-import PieChart from '@/components/Echarts/PieChart'
-// 漏斗
-import Funnel from '@/components/Echarts/Funnel'
-import store from '@/store'
-import Cookies from 'js-cookie'
-// import PieChartMultiple from '@/components/Echarts/PieChartMultiple'
-import { mapGetters } from 'vuex'
-import advertisingQualityscore from '@/components/Echarts/Radar'
-import { getAdvertisingQualityScore } from '@/api/login.js'
-export default {
-  name: 'Dashboard',
-  components: {
-    PanelGroup,
-    PanelGroupManager,
-    LineChart,
-    BarChart,
-    PieChart,
-    DateRangePicker,
-    Funnel,
-    // PieChartMultiple
-    advertisingQualityscore
-  },
-  data() {
-    return {
-      img1: sfzZ,
-      img2: sfzF,
-      img3: yyzz,
-      zanwu: zanwu,
-      kf: kf,
-      updateUrl: '',
-      header: {
-        Authorization: 'Bearer ' + getToken()
-      },
-      taskForm: {
-        taskTime: '',
-        type: 2,
-        taskType: [],
-        clueStage: null
-      },
-      salesmanBar: {
-        taskTime: ''
-      },
-      groupForm: {
-        groupTime: '',
-        groupid: ''
-      },
-      openagr: false, // 协议prop
-      agrChecked: false,
-      agreementForm: {
-        // 协议foem
-        companyName: '',
-        managerIdFront: '', // 经办人正面照
-        managerIdReverse: '', // 经办人反面照
-        legalPersonIdFront: '', // 法人正面照
-        legalPersonIdReverse: '', // 法人反面照
-        businessLicense: '', // 营业执照
-        invitationCode: '' // 邀请码
-      },
-      agreementRules: {
-        companyName: [
-          { required: true, message: '请输入公司名称', trigger: 'change' }
-        ],
-        businessLicense: [
-          { required: true, message: '请上传营业执照', trigger: 'change' }
-        ]
-      },
-      salesmanFunnel: {
-        taskTime: ''
-      },
-      // 投流拓客任务
-      tokerTaskForm: {
-        taskTime: '',
-        taskType: [],
-        clueStage: null,
-        type: 2,
-        userIdList: ''
-      },
-      turnoverLoading: false, // 成交额loading
-      routineLoading1: false,
-      routineLoading2: false,
-      tokerTaskLoading: false, // 拓客多任务
-      routineTaskLoading: false, // 商机多任务
-      subloading: false, // 协议loading
-      issubmit: true, // 是否可提交
-      taskList: [], // 资源列表
-      tokerTaskList: [], // 拓客资源
-      groupList: [],
-      userOptions: [], // 业务员列表
-      chart: null,
-      taskProp: false,
-      lineChartData: null, // 资源图
-      barCharData: null, // 小组统计
-      FunnelData: null, // 业务员漏斗图
-      salesmanBarChartData: null, // 业务员业务统计-指定
-      salesmanLineChartDatas: null, // 业务员业务统计-30天
-      pieChartData: null, // 线索状态饼图数据
-      managerPieChart1: null, // 业务管理员线索饼图-1
-      managerPieChart2: null, // 业务管理员线索饼图-2
-      managerPieChart3: null, // 业务管理员线索饼图-3
-      managerPieChart4: null, // 业务管理员线索饼图-4
-      saleBarCharData: null, // 销售额柱状图
-      tokerBarChartData: null, // 拓客模块多任务柱状图
-      tokerLineChartData: null, // 投流拓客折线图
-      managerTaskPieChart1: null, // 业务管理员任务饼图-1
-      managerTaskPieChart2: null, // 业务管理员任务饼图-2
-      managerTaskPieChart3: null, // 业务管理员任务饼图-3
-      managerTaskPieChart4: null, // 业务管理员任务饼图-4
-      salesVolume: {
-        taskTime: ''
-      },
-      localSerchTop: {
-        taskTime: '',
-        groupid: [],
-        userIdList: []
-      },
-      manyTaskSerchTop: {
-        taskTime: '',
-        taskType: ''
-      },
-      loading: false,
-      Statistics: {}, // 顶部统计
-      agreementDialog: false, // 协议弹框
-      agreementCon: agreement,
-      salesmanbarLoading: false, //
-      tokerCluestage: [
-        // 拓客模块线索阶段
-        {
-          key: '有意向',
-          value: 1
-        },
-        {
-          key: '无意向',
-          value: 2
-        },
-        {
-          key: '待再次沟通',
-          value: 3
-        }
-      ],
-      cluestage: [
-        // 商机线索阶段
-        {
-          key: '新线索',
-          value: 0
-        },
-        {
-          key: '待再次沟通',
-          value: 1
-        },
-        {
-          key: '有效',
-          value: 2
-        },
-        {
-          key: '已加微信',
-          value: 3
-        },
-        {
-          key: '高意向',
-          value: 4
-        },
-        {
-          key: '邀请中',
-          value: 5
-        },
-        {
-          key: '到场',
-          value: 6
-        },
-        {
-          key: '已成交',
-          value: 7
-        },
-        {
-          key: '无意向',
-          value: 8
-        }
-      ],
-      dateCycle: [
-        {
-          key: '天',
-          value: 2,
-          disabled: false
-        },
-        {
-          key: '月',
-          value: 3
-        }
-      ],
-      uaRtc: null,
-      // 广告质量分和昨日指标区域数据
-      // 广告质量分数据(雷达图数据)
-      advertisingQualityScoreData: {},
-      // // 总线索
-      // totalNum: 0,
-      // 资源总数
-      totalNum: 0,
-      // 资源接通数
-      turnOnNum: 0,
-      // 有效客户数
-      effectiveNum: 0,
-      // 资源使用数
-      usrNum: 0,
-      // 资源接通率
-      turnOnRate: 0,
-      // 有效率
-      effectiveRate: 0,
-      shortIndexLoading: false, // DMP拓客Loading
-      shortIndex: {
-        taskTime: []
-      }
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'adminStatistics',
-      'user',
-      'baseImgUrl',
-      'adminTotalResources',
-      'downloadHeader'
-    ])
-  },
-  watch: {
-    // 'taskForm.taskType': {
-    //   handler(newV) {
-    //     if (newV.length > 5) {
-    //       this.$message.error('最大同时选择5个资源')
-    //       this.taskForm.taskType.splice(5, 1)
-    //     }
-    //   },
-    //   deep: true
-    // },
-    'groupForm.groupid': {
-      handler(newV) {
-        if (newV.length > 5) {
-          this.$message.warning('最大同时选择5个小组')
-          this.groupForm.groupid.splice(5, 1)
-        }
-      },
-      deep: true
-    },
-    adminTotalResources: {
-      handler(newV, oldV) {
-        if (this.user.isManager) {
-          this.Statistics = newV
-        }
-      },
-      deep: true
-    }
-  },
-  created() {
-    // 初始化查询，默认为前一天
-    this.getDefaultTime()
-  },
-  mounted() {
-    if (this.user.roles.length === 1 && this.user.roles[0].id === 11) {
-      console.log('1111')
-    } else {
-      if (this.user.isManager) {
-        this.getAdvertisingQualityScoreData()
-        this.reportAllget()
-        this.taskQueryAll()
-        this.tokerTaskQueryAll()
-        this.organizeQueryAll()
-        this.loadUser()
-        this.getTokeStatistics()
-        this.$nextTick(() => {
-          // 商机模块任务统计
-          this.reportBroken({
-            beginTime: '',
-            endTime: '',
-            memberId: this.user.id,
-            taskIds: [],
-            clueStage: null
-          })
-          // 组任务统计
-          // this.reportOrganize({ beginTime: '', endTime: '' })
-          //  拓客模块线索状态比对or昨日多任务
-          this.getTokerClueStage({
-            beginTime: '',
-            endTime: '',
-            memberId: this.user.id,
-            taskIds: []
-          })
-          // 商机多任务状态比对
-          this.reportCrmPie({
-            beginTime: '',
-            endTime: '',
-            memberId: this.user.id,
-            taskIds: []
-          })
-          // 拓客模块多任务统计
-          this.tokerReportTask({
-            beginTime: '',
-            endTime: '',
-            memberId: this.user.id,
-            taskIds: [],
-            clueStage: null
-          })
-        })
-        if (this.user.isManager && !this.user.isAdmin) {
-          this.agreementDialog = this.user.companyStatus !== 1
-        }
-        this.updateUrl = this.$store.getters.picturesUpload
-      } else if (!this.user.isManager && !this.user.isAdmin) {
-        this.Statistics.usrNum = 0
-        this.Statistics.turnOnNum = 0
-        this.Statistics.turnOnRate = 0
-        this.Statistics.intentionNum = 0
-        this.localSerchTop.userIdList.push(this.user.id)
-        this.reportMember({
-          beginTime: '',
-          endTime: '',
-          memberId: this.user.id
-        })
-        this.getClueStage({
-          startTime: '',
-          endTime: '',
-          memberIds: [this.user.id]
-        })
-        this.salesmanFunnelToQuery()
-        this.$nextTick(() => {
-          this.salesmanChat({ beginTime: '', endTime: '' })
-        })
-      }
-      this.getTurnover()
-    }
-    // 公告
-    // var isrem = Number(localStorage.getItem('isRemind'))
-    // if (isrem !== 1) {
-    // this.$alert(
-    //   `<i>接<i style='color:red'>网信办</i>风险评估整改下发通知，太空猫平台将于10月16日晚8点进行配合整改升级，升级完成后，客户手机号将不再通过【转到CRM】进行解锁，需要在通话时询问客户联系方式并进行填写后即可转入【我的线索】，请各位用户悉知，感谢。</i>`,
-    //   '通知',
-    //   {
-    //     confirmButtonText: '知道啦',
-    //     dangerouslyUseHTMLString: true
-    //   }
-    // )
-    // }
-  },
-  methods: {
-    handleSetLineChartData(type) {
-      this.$emit('handleSetLineChartData', type)
-    },
-    // 时间格式化
-    formatTime(timestamp) {
-      const time = new Date(timestamp)
-      return timestamp - time.getHours() * 60 * 60 * 1000 - time.getMinutes() * 60 * 1000 - time.getSeconds() * 1000 - time.getMilliseconds()
-    },
-    // 设置默认时间
-    getDefaultTime() {
-      var day = new Date()
-      day.setDate(day.getDate() - 1)
-      const start = this.formatTime(day) // 当天零点
-      const end = start - 0 + 24 * 60 * 60 * 1000 - 1
-      this.shortIndex.taskTime[0] = parseTime(start)
-      this.shortIndex.taskTime[1] = parseTime(end)
-    },
-    // 获取DMP拓客
-    async getTokeStatistics(data) {
-      this.shortIndexLoading = true
-      const shortIndexObj = {
-        beginTime: data
-          ? data[0]
-          : '',
-        endTime: data ? data[1] : ''
-      }
-      const res = await tokeStatistics(shortIndexObj)
-      this.shortIndexLoading = false
-      if (res.status === 0) {
-        this.totalNum = res.data.totalNum
-        this.turnOnNum = res.data.turnOnNum
-        this.effectiveNum = res.data.effectiveNum
-        this.usrNum = res.data.usrNum
-        this.turnOnRate = res.data.turnOnRate
-        this.effectiveRate = res.data.effectiveRate
-      } else {
-        this.$message.error(res.msg)
-      }
-    },
-    // 获取广告质量分
-    async getAdvertisingQualityScoreData() {
-      const res = await getAdvertisingQualityScore()
-      if (res.status === 0) {
-        this.advertisingQualityScoreData = res.data
-      } else {
-        this.$message.error(res.msg)
-      }
-    },
-    beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 < 3
-      if (!isLt2M) {
-        this.$message.warning('上传头像图片大小不能超过 3MB!')
-      }
-      return isLt2M
-    },
-    loadUser() {
-      selectAllOrganizeUser().then(res => {
-        var arr = []
-        let index = 0
-        for (const t in res) {
-          const obj = {}
-          obj.label = t
-          obj.id = index
-          obj.children = res[t]
-          arr.push(obj)
-          index++
-        }
-        this.userOptions = arr
-      })
-    },
-    // 业务员 业务统计柱状
-    reportMember({ beginTime, endTime, memberId }) {
-      this.salesmanbarLoading = true
-      reportMember({ beginTime, endTime, memberId })
-        .then(res => {
-          if (res.data) {
-            this.Statistics = res.data.head
-            if (res.data.report) {
-              const seriesArr = [] // 存放series
-              const xAxis = ['意向数', '接通数', '外呼数']
-              const obj = {}
-              const arr = [
-                res.data.report.intentionNum || 0,
-                res.data.report.turnOnNum || 0,
-                res.data.report.usrNum || 0
-              ]
-              obj.type = 'bar'
-              obj.data = arr
-              seriesArr.push(obj)
-              const chartData = {
-                xAxis: xAxis,
-                taskName: '业务统计',
-                type: 'salesman',
-                seriesArr: seriesArr
-              }
-              this.salesmanBarChartData = chartData
-            }
-            this.salesmanbarLoading = false
-          }
-        })
-        .catch(() => {
-          this.salesmanbarLoading = false
-        })
-    },
-    // 业务管理员
-    reportAllget() {
-      reportHomePage({ userId: this.user.id }).then(res => {
-        this.Statistics = res.data
-      })
-    },
-    // 商机模块多任务-折线图
-    reportBroken({ beginTime, endTime, memberId, taskIds, clueStage }) {
-      this.routineTaskLoading = true
-      reportBroken({ beginTime, endTime, memberId, taskIds, clueStage })
-        .then(res => {
-          const seriesArr = [] // 存放series
-          const createTime = res.data[0].data.map(it => {
-            return it.time
-          })
-          res.data.forEach(item => {
-            let arr = []
-            const obj = {}
-            arr = item.data.map(it => it.labelNum)
-            obj.name = item.taskName
-            obj.isManager = false
-            obj.smooth = true
-            obj.type = 'line'
-            obj.data = arr
-            seriesArr.push(obj)
-          })
-          const chartData = {
-            createTime: createTime,
-            taskName: '任务统计',
-            seriesArr: seriesArr
-          }
-          this.lineChartData = chartData
-          this.routineTaskLoading = false
-        })
-        .catch(() => {
-          this.routineTaskLoading = false
-        })
-    },
-    // 成交额通用
-    getTurnover() {
-      this.turnoverLoading = true
-      const obj = {
-        beginTime: this.salesVolume.taskTime
-          ? this.salesVolume.taskTime[0]
-          : '',
-        endTime: this.salesVolume.taskTime ? this.salesVolume.taskTime[1] : '',
-        memberId: this.user.id,
-        type: this.user.isManager ? 1 : 2
-      }
-      this.saleBarCharData = null
-      getTurnover(obj).then(res => {
-        // 业务管理员-柱状图
-        const seriesArr = []
-        if (res.data) {
-          const xAxis = res.data.map(it => {
-            return it.time
-          })
-          const arr = []
-          const obj = {}
-          res.data.forEach(it => {
-            arr.push(it.data)
-          })
-          obj.name = '成交额'
-          obj.type = 'bar'
-          obj.data = arr
-          obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
-          seriesArr.push(obj)
-          const chartData = {
-            xAxis: xAxis,
-            type: this.user.isManager ? 'manager' : 'salesman',
-            seriesArr: seriesArr
-          }
-          this.saleBarCharData = chartData
-        }
-        this.turnoverLoading = false
-      })
-    },
-    // 投流拓客多task-折线图
-    tokerReportTask({ beginTime, endTime, memberId, taskIds, clueStage }) {
-      this.tokerTaskLoading = true
-      tokerBroken({ beginTime, endTime, memberId, taskIds, clueStage })
-        .then(res => {
-          const seriesArr = [] // 存放series
-          const createTime = res.data[0].data.map(it => {
-            return it.time
-          })
-          res.data.forEach((item, index) => {
-            let arr = []
-            const obj = {}
-            arr = item.data.map(it => it.labelNum)
-            obj.name = item.taskName
-            obj.isManager = false
-            obj.smooth = true
-            obj.type = 'line'
-            obj.data = arr
-            seriesArr.push(obj)
-          })
-          const chartData = {
-            createTime: createTime,
-            taskName: '投流任务统计',
-            seriesArr: seriesArr
-          }
-          this.tokerTaskLoading = false
-          this.tokerLineChartData = chartData
-        })
-        .catch(() => {
-          this.tokerTaskLoading = false
-        })
-    },
-    // 组员业务统计-30天
-    salesmanChat() {
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      memberMonth()
-        .then(res => {
-          const seriesArr = [] // 存放series salesmanLineChartDatas
-          const createTime = res.data.map(it => {
-            return it.time
-          })
-          let arr = []
-          let obj = {}
-          arr = res.data.map(item => {
-            return item.intentionNum
-          })
-          obj.name = '意向数'
-          obj.isManager = false
-          obj.smooth = true
-          obj.type = 'line'
-          obj.data = arr
-          seriesArr.push(obj)
-          arr = []
-          obj = {}
-          arr = res.data.map(item => {
-            return item.turnOnNum
-          })
-          obj.name = '接通数'
-          obj.isManager = false
-          obj.smooth = true
-          obj.type = 'line'
-          obj.data = arr
-          seriesArr.push(obj)
-          arr = []
-          obj = {}
-          arr = res.data.map(item => {
-            return item.usrNum
-          })
-          obj.name = '外呼数'
-          obj.isManager = false
-          obj.smooth = true
-          obj.type = 'line'
-          obj.data = arr
-          seriesArr.push(obj)
-          const chartData = {
-            createTime: createTime,
-            taskName: '业务统计-30天',
-            seriesArr: seriesArr
-          }
-          loading.close()
-          this.salesmanLineChartDatas = chartData
-        })
-        .catch(() => {
-          loading.close()
-        })
-    },
-    // 组任务统计
-    reportOrganize({ beginTime, endTime, ids }) {
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      reportOrganize({ beginTime, endTime, ids })
-        .then(res => {
-          const seriesArr = [] // 存放series
-          const xAxis = res.data.map(it => {
-            return it.organizeName
-          })
-          let arr = []
-          let obj = {}
-          res.data.forEach(it => {
-            arr.push(it.turnOnNum)
-            obj.name = '接通数'
-            obj.type = 'bar'
-            obj.data = arr
-            obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
-          })
-          seriesArr.push(obj)
-          arr = []
-          obj = {}
-          res.data.forEach(it => {
-            arr.push(it.usrNum)
-            obj.name = '使用数'
-            obj.type = 'bar'
-            obj.data = arr
-            obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
-          })
-          seriesArr.push(obj)
-          const chartData = {
-            xAxis: xAxis,
-            taskName: '小组统计',
-            type: 'manager',
-            seriesArr: seriesArr
-          }
-          loading.close()
-          this.barCharData = chartData
-        })
-        .catch(() => {
-          loading.close()
-        })
-    },
-    // CRM线索状态比对or成交额
-    getClueStage({ startTime, endTime, memberIds, organizeIds }) {
-      this.routineLoading2 = true
-      getClueStage({ startTime, endTime, memberIds, organizeIds })
-        .then(res => {
-          const data = res.data
-          if (this.user.isManager) {
-            // // 业务管理员
-            data.forEach((item, index) => {
-              const seriesArr = []
-              const obj = {
-                name: item.memberName,
-                type: 'pie',
-                radius: '55%',
-                center: ['50%', '50%'],
-                data: [
-                  {
-                    value: item.newClue,
-                    name: '新线索',
-                    itemStyle: { color: '#388CE4' }
-                  },
-                  {
-                    value: item.communicat,
-                    name: '待沟通',
-                    itemStyle: { color: '#FDE979' }
-                  },
-                  {
-                    value: item.efficient,
-                    name: '有效',
-                    itemStyle: { color: '#EE6666' }
-                  },
-                  {
-                    value: item.addWechat,
-                    name: '已加微信',
-                    itemStyle: { color: '#FBC951' }
-                  },
-                  {
-                    value: item.intention,
-                    name: '高意向',
-                    itemStyle: { color: '#58BFF7' }
-                  },
-                  {
-                    value: item.inviting,
-                    name: '邀约中',
-                    itemStyle: { color: '#A7C0FE' }
-                  },
-                  {
-                    value: item.interview,
-                    name: '到场',
-                    itemStyle: { color: '#91CC75' }
-                  },
-                  {
-                    value: item.deal,
-                    name: '已成交',
-                    itemStyle: { color: '#F78E29' }
-                  },
-                  {
-                    value: item.noIntention,
-                    name: '无意向',
-                    itemStyle: { color: '#92E1C5' }
-                  }
-                ],
-                // roseType: 'radius',
-                animationType: 'scale',
-                animationEasing: 'elasticOut'
-              }
-              seriesArr.push(obj)
-              const chartData = {
-                botDetails: false,
-                type: 'irregular',
-                seriesArr: seriesArr
-              }
-              if (index === 0) {
-                this.managerPieChart1 = chartData
-              }
-              if (index === 1) {
-                this.managerPieChart2 = chartData
-              }
-              if (index === 2) {
-                this.managerPieChart3 = chartData
-              }
-              if (index === 3) {
-                this.managerPieChart4 = chartData
-              }
-            })
-          } else if (!this.user.isManager && !this.user.isAdmin) {
-            const seriesArr = []
-            // 业务员-饼图
-            const obj = {
-              type: 'pie',
-              radius: '50%',
-              data: [
-                { value: data[0].newClue, name: '新线索' },
-                { value: data[0].communicat, name: '待沟通' },
-                { value: data[0].efficient, name: '有效' },
-                { value: data[0].addWechat, name: '已加微信' },
-                { value: data[0].intention, name: '高意向' },
-                { value: data[0].inviting, name: '邀约中' },
-                { value: data[0].interview, name: '到场' },
-                { value: data[0].deal, name: '已成交' },
-                { value: data[0].noIntention, name: '无意向' }
-              ],
-              animationEasing: 'cubicInOut',
-              emphasis: {
-                itemStyle: {
-                  shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
-                }
-              }
-            }
-            seriesArr.push(obj)
-            const chartData = {
-              seriesArr: seriesArr,
-              botDetails: false
-            }
-            this.pieChartData = chartData
-          }
-          this.routineLoading2 = false
-        })
-        .catch(() => {
-          this.routineLoading2 = false
-        })
-    },
-    // 拓客模块线索状态比对or昨日多任务
-    getTokerClueStage({ beginTime, endTime, memberId, taskIds }) {
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      tokerPie({ beginTime, endTime, memberId, taskIds })
-        .then(res => {
-          // 业务管理员
-          const seriesArr = []
-          const YAxis = res.data.map(it => {
-            return it.taskName
-          })
-          let obj = {}
-          let arr = []
-          res.data.forEach(item => {
-            arr.push(item.intention)
-          })
-          obj.name = '有意向'
-          obj.type = 'bar'
-          obj.data = arr
-          seriesArr.push(obj)
-          obj = {}
-          arr = []
-          res.data.forEach(item => {
-            arr.push(item.notIntention)
-          })
-          obj.name = '无意向'
-          obj.type = 'bar'
-          obj.data = arr
-          seriesArr.push(obj)
-          obj = {}
-          arr = []
-          res.data.forEach(item => {
-            arr.push(item.notTurnOn)
-          })
-          obj.name = '待再沟通'
-          obj.type = 'bar'
-          obj.data = arr
-          seriesArr.push(obj)
-          const chartData = {
-            YAxis: YAxis,
-            type: 'vertical',
-            seriesArr: seriesArr
-          }
-          console.log(chartData, 'chartData')
-          this.tokerBarChartData = chartData
-          loading.close()
-        })
-        .catch(() => {
-          loading.close()
-        })
-    },
-    // 商机多任务对比图
-    reportCrmPie({ beginTime, endTime, memberId, taskIds }) {
-      this.routineLoading1 = true
-      reportCrmPie({ beginTime, endTime, memberId, taskIds })
-        .then(res => {
-          res.data.forEach((item, index) => {
-            const seriesArr = []
-            const obj = {
-              name: item.taskName,
-              type: 'pie',
-              radius: '55%',
-              center: ['50%', '50%'],
-              data: [
-                {
-                  value: item.newClue,
-                  name: '新线索',
-                  itemStyle: { color: '#388CE4' }
-                },
-                {
-                  value: item.communicat,
-                  name: '待沟通',
-                  itemStyle: { color: '#FDE979' }
-                },
-                {
-                  value: item.efficient,
-                  name: '有效',
-                  itemStyle: { color: '#EE6666' }
-                },
-                {
-                  value: item.addWechat,
-                  name: '已加微信',
-                  itemStyle: { color: '#FBC951' }
-                },
-                {
-                  value: item.intention,
-                  name: '高意向',
-                  itemStyle: { color: '#58BFF7' }
-                },
-                {
-                  value: item.inviting,
-                  name: '邀约中',
-                  itemStyle: { color: '#A7C0FE' }
-                },
-                {
-                  value: item.interview,
-                  name: '到场',
-                  itemStyle: { color: '#91CC75' }
-                },
-                {
-                  value: item.deal,
-                  name: '已成交',
-                  itemStyle: { color: '#F78E29' }
-                },
-                {
-                  value: item.noIntention,
-                  name: '无意向',
-                  itemStyle: { color: '#92E1C5' }
-                }
-              ],
-              // roseType: 'radius', // 南丁格尔玫瑰图
-              animationType: 'scale',
-              animationEasing: 'elasticOut'
-            }
-            seriesArr.push(obj)
-            const chartData = {
-              botDetails: false,
-              type: 'irregular',
-              seriesArr: seriesArr
-            }
-            if (index === 0) {
-              this.managerTaskPieChart1 = chartData
-            }
-            if (index === 1) {
-              this.managerTaskPieChart2 = chartData
-            }
-            if (index === 2) {
-              this.managerTaskPieChart3 = chartData
-            }
-            if (index === 3) {
-              this.managerTaskPieChart4 = chartData
-            }
-          })
-          this.routineLoading1 = false
-        })
-        .catch(() => {
-          this.routineLoading1 = false
-        })
-    },
-    // 小组列表
-    organizeQueryAll() {
-      const params = {
-        page: 0,
-        size: 100
-      }
-      organizeQueryAll(params).then(res => {
-        this.groupList = res.content
-      })
-    },
-    parameFun(arr) {
-      arr.forEach(item => {
-        item.turnOnRate = item.data.map(it => {
-          return it.turnOnRate * 100
-        })
-        item.usrRate = item.data.map(it => {
-          return it.usrRate * 100
-        })
-        item.createTime = item.data.map(it => {
-          return parseTime(it.createTime, '{y}-{m}-{d}')
-        })
-      })
-      return arr
-    },
-    // 资源列表
-    taskQueryAll() {
-      const params = {
-        page: 0,
-        size: 100,
-        isDistribution: 1,
-        isForm: ''
-      }
-      taskQueryAll(params).then(res => {
-        this.taskList = res.content
-      })
-    },
-    // 拓客资源
-    tokerTaskQueryAll() {
-      const params = {
-        page: 0,
-        size: 100,
-        isDistribution: 1,
-        isForm: ''
-      }
-      if (this.user.isTokerAdmin) {
-        // 拓客投流任务标识
-        params.isForm = 99
-      }
-      taskQueryAll(params).then(res => {
-        this.tokerTaskList = res.content
-      })
-    },
-    // 日期
-    changetime(attribute) {
-      if (this[attribute].taskTime) {
-        const difDay = getDaysBetween(
-          this[attribute].taskTime[0],
-          this[attribute].taskTime[1]
-        )
-        const difHour = getDaysBetween(
-          this[attribute].taskTime[0],
-          this[attribute].taskTime[1],
-          'hour'
-        )
-        const difMonth = MonthsBetw(
-          this[attribute].taskTime[0],
-          this[attribute].taskTime[1]
-        )
-        if (this[attribute].type === 1) {
-          if (difHour > 48) {
-            this.$message.warning('最大支持48小时')
-            this.issubmit = false
-            return false
-          }
-        } else if (this[attribute].type === 2) {
-          if (difDay > 30) {
-            this.$message.warning('最大支持30天')
-            this.issubmit = false
-            return false
-          }
-        } else if (this[attribute].type === 3) {
-          if (difMonth > 2) {
-            this.$message.warning('最大支持2个月')
-            this.issubmit = false
-            return false
-          }
-        }
-        this.issubmit = true
-      }
-    },
-    // 业务管理员搜素
-    taskToQuery(attribute) {
-      if (this.issubmit) {
-        if (
-          (attribute === 'tokerTaskForm' || attribute === 'taskForm') &&
-          this[attribute].taskType.length === 0
-        ) {
-          this.$message.warning('请选择任务')
-          return false
-        }
-        if (
-          (attribute === 'tokerTaskForm' || attribute === 'taskForm') &&
-          (!this[attribute].clueStage && this[attribute].clueStage !== 0)
-        ) {
-          this.$message.warning(
-            `${
-              attribute === 'tokerTaskForm'
-                ? '请选择线索状态'
-                : '请选择线索阶段'
-            }`
-          )
-          return false
-        }
-        const obj = {
-          beginTime: this[attribute].taskTime
-            ? this[attribute].taskTime[0]
-            : '',
-          endTime: this[attribute].taskTime ? this[attribute].taskTime[1] : '',
-          memberId: this.user.id
-        }
-        if (attribute === 'taskForm') {
-          obj.taskIds = this[attribute].taskType
-          obj.clueStage = this[attribute].clueStage
-          this.lineChartData = null
-          this.reportBroken(obj)
-        }
-        if (attribute === 'tokerTaskForm') {
-          obj.taskIds = this[attribute].taskType
-          obj.clueStage = this[attribute].clueStage
-          this.tokerLineChartData = null
-          this.tokerReportTask(obj)
-        }
-      }
-    },
-    // 业务员搜索
-    salesmanToQuery() {
-      const obj = {
-        beginTime: this.salesmanBar.taskTime
-          ? this.salesmanBar.taskTime[0]
-          : '',
-        endTime: this.salesmanBar.taskTime ? this.salesmanBar.taskTime[1] : '',
-        memberId: this.user.id
-      }
-      this.salesmanBarChartData = ''
-      this.reportMember(obj)
-    },
-    // 小组搜素
-    groupQuery() {
-      const obj = {
-        beginTime: this.groupForm.groupTime ? this.groupForm.groupTime[0] : '',
-        endTime: this.groupForm.groupTime ? this.groupForm.groupTime[1] : '',
-        ids: this.groupForm.groupid
-      }
-      this.barCharData = ''
-      this.reportOrganize(obj)
-    },
-    // 业务员状态额度搜素
-    quotaQuery() {
-      const obj = {
-        startTime: this.localSerchTop.taskTime
-          ? this.localSerchTop.taskTime[0]
-          : '',
-        endTime: this.localSerchTop.taskTime
-          ? this.localSerchTop.taskTime[1]
-          : '',
-        memberIds: this.localSerchTop.userIdList,
-        organizeIds: this.localSerchTop.groupid
-      }
-      this.pieChartData = null
-      // this.saleBarCharData = null
-      this.managerPieChart1 = null
-      this.managerPieChart2 = null
-      this.managerPieChart3 = null
-      this.managerPieChart4 = null
-      if (
-        this.user.isManager &&
-        this.localSerchTop.userIdList.length === 0 &&
-        this.localSerchTop.groupid.length === 0
-      ) {
-        this.$message.warning('请选择搜索主体')
-        return false
-      }
-      this.getClueStage(obj)
-    },
-    // 商机多任务状态对比
-    manyTaskQuery() {
-      const obj = {
-        beginTime: this.manyTaskSerchTop.taskTime
-          ? this.manyTaskSerchTop.taskTime[0]
-          : '',
-        endTime: this.manyTaskSerchTop.taskTime
-          ? this.manyTaskSerchTop.taskTime[1]
-          : '',
-        memberId: this.user.id,
-        taskIds: this.manyTaskSerchTop.taskType
-      }
-      this.managerTaskPieChart1 = null
-      this.managerTaskPieChart2 = null
-      this.managerTaskPieChart3 = null
-      this.managerTaskPieChart4 = null
-      if (obj.taskIds.length === 0) {
-        this.$message.warning('请选择任务')
-        return false
-      }
-      this.reportCrmPie(obj)
-    },
-    openTaskDownProp() {
-      this.taskProp = !this.taskProp
-    },
-    // 导出
-    doExport(type, source) {
-      const obj = {
-        beginTime: this[source].taskTime ? this[source].taskTime[0] : '',
-        endTime: this[source].taskTime ? this[source].taskTime[1] : '',
-        type: type === 1 ? this[source].type : '',
-        taskIds: type === 1 ? this[source].taskType : this.groupForm.groupid
-      }
-      if (type === 1) {
-        if (this[source].taskType.length === 0) {
-          this.$message.warning('请选择任务')
-          return false
-        }
-        downloadTask(obj).then(res => {
-          downloadFile(res, '商机多任务统计数据', 'xlsx')
-        })
-      } else if (type === 2) {
-        // singleTask({ id: id }).then(res => {
-        //   downloadFile(res, '任务统计数据', 'xlsx')
-        // })
-      } else if (type === 3) {
-        delete obj.type
-        delete obj.taskIds
-        turnoverDownload(obj).then(res => {
-          downloadFile(res, '成交额统计数据', 'xlsx')
-        })
-      }
-    },
-    // 拓客模块多任务导出
-    doTokerExport(type) {
-      const obj = {
-        beginTime: this.tokerTaskForm.taskTime
-          ? this.tokerTaskForm.taskTime[0]
-          : '',
-        endTime: this.tokerTaskForm.taskTime
-          ? this.tokerTaskForm.taskTime[1]
-          : '',
-        taskIds: this.tokerTaskForm.taskType,
-        clueStage: this.tokerTaskForm.clueStage
-      }
-
-      if (type === 1) {
-        if (this.tokerTaskForm.taskType.length === 0) {
-          this.$message.warning('请选择任务')
-          return false
-        }
-        tokerDownload(obj).then(res => {
-          downloadFile(res, '拓客模块任务统计数据', 'xlsx')
-        })
-      }
-    },
-    // 漏斗搜索
-    salesmanFunnelToQuery() {
-      const arr = []
-      arr.push(this.user.id)
-      const obj = {
-        startTime: this.salesmanFunnel.taskTime
-          ? this.salesmanFunnel.taskTime[0]
-          : '',
-        endTime: this.salesmanFunnel.taskTime
-          ? this.salesmanFunnel.taskTime[1]
-          : '',
-        memberIds: arr
-      }
-      this.getReportFunnel(obj)
-    },
-    getReportFunnel(data) {
-      this.routineLoading1 = true
-      getReportFunnel(data)
-        .then(res => {
-          const data = res.data
-          const num = 10
-          const seriesArr = [
-            { value: data.newClue + num, name: '新线索' },
-            { value: data.communicat + num, name: '待沟通' },
-            { value: data.efficient + num, name: '有效' },
-            { value: data.addWechat + num, name: '已加微信' },
-            { value: data.intention + num, name: '高意向' },
-            { value: data.inviting + num, name: '邀约中' },
-            { value: data.interview + num, name: '到场' },
-            { value: data.deal + num, name: '已成交' }
-          ]
-          const legend = [
-            '新线索',
-            '待沟通',
-            '有效',
-            '已加微信',
-            '高意向',
-            '邀约中',
-            '到场',
-            '已成交'
-          ]
-          const chartData = {
-            tooltipName: '线索',
-            botDetails: false,
-            legend: legend,
-            seriesArr: seriesArr
-          }
-          this.FunnelData = chartData
-          this.routineLoading1 = false
-        })
-        .catch(() => {
-          this.routineLoading1 = false
-        })
-    },
-    successImg(esponse, type) {
-      this.agreementForm[type] = this.baseImgUrl + '/avatar/' + esponse.picture
-    },
-    // 失败处理
-    errorImg(err) {
-      const response = JSON.parse(err.message)
-      const code = response.code
-      if (code === 401) {
-        store.dispatch('LogOut').then(() => {
-          // 用户登录界面提示
-          Cookies.set('point', 401)
-          location.reload()
-        })
-      }
-    },
-    // 签订协议
-    submitAgreement() {
-      this.$refs.ruleForm.validate(valid => {
-        if (!this.agreementForm.managerIdFront) {
-          this.$message.warning('请上传经办人正面照')
-          return false
-        }
-        if (!this.agreementForm.managerIdReverse) {
-          this.$message.warning('请上传经办人反面照')
-          return false
-        }
-        if (!this.agreementForm.legalPersonIdFront) {
-          this.$message.warning('请上传法人正面照')
-          return false
-        }
-        if (!this.agreementForm.legalPersonIdReverse) {
-          this.$message.warning('请上传法人反面照')
-          return false
-        }
-        if (valid) {
-          if (this.agrChecked) {
-            userUpdateCompany(this.agreementForm)
-              .then(res => {
-                this.$alert('提交成功,请联系管理员审核', '通知', {
-                  confirmButtonText: '确定',
-                  callback: action => {
-                    this.$store.dispatch('LogOut').then(() => {
-                      location.reload()
-                    })
-                  }
-                })
-              })
-              .catch(() => {
-                this.subloading = false
-              })
-          } else {
-            this.$message.warning('请先阅读并勾选协议')
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    resetForm(formName) {
-      this.$refs[formName].resetFields()
-      this.agreementForm.managerIdFront = ''
-      this.agreementForm.managerIdReverse = ''
-      this.agreementForm.legalPersonIdFront = ''
-      this.agreementForm.legalPersonIdReverse = ''
-    },
-    // 登出
-    logout() {
-      this.$store.dispatch('LogOut').then(() => {
-        location.reload()
-      })
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-::v-deep .el-select__tags {
-  display: flex;
-  flex-wrap: nowrap;
-}
-::v-deep .el-select__tags-text {
-  max-width: 70px !important; //设置最大宽度 超出显示...
-  display: inline-block;
-  overflow: hidden;
-  vertical-align: bottom;
-  text-overflow: ellipsis;
-}
-.top-block {
-  width: 100%;
-  background: #fff;
-  padding: 20px 20px 20px;
-  margin-bottom: 20px;
-  border-radius: 4px;
-  .title {
-    font-size: 17px;
-    font-weight: 600;
-    color: #000;
-    margin-bottom: 20px;
-  }
-  .min-title {
-    font-size: 12px;
-    color: rgba($color: #000000, $alpha: 0.6);
-    font-weight: 500;
-  }
-  .statistics {
-    // background: #f0f2f5;
-    line-height: 24px;
-    .top-item {
-      background: #ffffff;
-      box-shadow: 0px 1px 4px 1px rgba(36, 111, 220, 0.06);
-      border-radius: 4px;
-      width: 32%;
-      height: 80px;
-      padding: 10px;
-    }
-    img {
-      width: 14px;
-      height: 14x;
-    }
-  }
-}
-.toolGroup {
-  padding: 15px 0 0 15px;
-}
-.top-currency-title {
-  padding: 20px 20px 12px;
-  border-bottom: 1px solid #e9e9e9;
-  height: 56px;
-}
-.charTitle {
-  font-size: 17px;
-  font-weight: 600;
-  color: #000000;
-  font-family: PingFangSC-Medium, PingFang SC;
-}
-.agrProp ::v-deep .el-dialog {
-  height: 70vh;
-  overflow: auto;
-}
-.agrProp ::v-deep .el-dialog__body {
-  padding-top: 0;
-}
-.date-item {
-  width: 230px !important;
-}
-.dashboard-editor-container {
-  padding: 20px;
-  background-color: rgb(240, 242, 245);
-  position: relative;
-
-  .github-corner {
-    position: absolute;
-    top: 0;
-    border: 0;
-    right: 0;
-  }
-
-  .chart-wrapper {
-    background: #fff;
-    padding: 10px 0 0;
-    margin-bottom: 20px;
-  }
-}
-.avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.avatar-uploader .el-upload:hover {
-  border-color: #409eff;
-}
-.avatar-uploader-img {
-  width: 165px;
-  height: 110px;
-}
-.avatar {
-  width: 165px;
-  height: 110px;
-  display: block;
-}
-// DMP拓客和广告质量分
-
-// @media (max-width: 1024px) {
-//   .chart-wrapper {
-//     padding: 8px;
-//   }
-// }
-// .card-panel-description {
-//       font-weight: bold;
-//       margin-top: 32px;
-//       position: inherit;
-//       left: 16px;
-
-//       .card-panel-text {
-//         line-height: 30px;
-//         color: rgba(0, 0, 0, 0.6);
-//         font-size: 14px;
-//       }
-
-//       .card-panel-num {
-//         font-size: 20px;
-//       }
-//     }
-
-// .panel-group {
-  // margin-top: 18px;
-
-  // .card-panel-col {
-  //   margin-bottom: 32px;
-  // }
-
-  // .card-panel {
-    // height: 108px;
-    // cursor: pointer;
-    // font-size: 12px;
-    // position: relative;
-    // overflow: hidden;
-    // color: #666;
-    // background: #fff;
-    // box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-    // border-color: rgba(0, 0, 0, .05);
-
-    // &:hover {
-    //   .card-panel-icon-wrapper {
-    //     color: #fff;
-    //   }
-    //   .icon-app{
-    //     background: #40c9c6;
-    //   }
-
-    //   .icon-people {
-    //     background: #40c9c6;
-    //   }
-
-    //   .icon-message {
-    //     background: #b3a3da;
-    //   }
-
-    //   .icon-money {
-    //     background: #6587f7;
-    //   }
-
-    //   .icon-shopping {
-    //     background: #34bfa3
-    //   }
-    // }
-    // .icon-app{
-    //   color: #40c9c6;
-    // }
-
-    // .icon-people {
-    //   color: #40c9c6;
-    // }
-
-    // .icon-message {
-    //   color: #b3a3da;
-    // }
-
-    // .icon-money {
-    //   color: #6587f7;
-    // }
-
-    // .icon-shopping {
-    //   color: #34bfa3
-    // }
-
-    // .card-panel-icon-wrapper {
-    //   float: left;
-    //   margin: 14px 0 0 14px;
-    //   padding: 16px;
-    //   transition: all 0.38s ease-out;
-    //   border-radius: 6px;
-    // }
-
-    // .card-panel-icon {
-    //   float: left;
-    //   font-size: 48px;
-    // }
-
-    // .card-panel-description {
-      // float: right;
-      // font-weight: bold;
-      // margin: 26px;
-      // margin-left: 0px;
-      // .grid-content{
-      //   // text-align: left;
-      // }
-      .grid-content-item{
-  width: max-content;
-  min-width: 100px;
-  text-align: left;
-  // line-height: 30px;
-  // color: rgba(0,0,0,.6);
-  // // font-size: 14px;
-  font-weight: 700;
-}
-
-      .card-panel-text {
-        line-height: 30px;
-        color: rgba(0,0,0,.6);
-        font-size: 14px;
-        // margin-bottom: 12px;
-      }
-
-      .card-panel-num {
-        font-size: 20px;
-        color: #666;
-      }
-    // }
-  // }
-// }
-
-// @media (max-width:550px) {
-//   .card-panel-description {
-//     display: none;
-//   }
-
-//   .card-panel-icon-wrapper {
-//     float: none !important;
-//     width: 100%;
-//     height: 100%;
-//     margin: 0 !important;
-
-//     .svg-icon {
-//       display: block;
-//       margin: 14px auto !important;
-//       float: none !important;
-//     }
-//   }
-// }
-.el-row {
-    // margin-bottom: 20px;
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-  .el-col {
-    border-radius: 4px;
-  }
-  .bg-purple-dark {
-    background: #99a9bf;
-  }
-  .bg-purple {
-    background: #d3dce6;
-  }
-  .bg-purple-light {
-    background: #e5e9f2;
-  }
-  .grid-content {
-    border-radius: 4px;
-    min-height: 36px;
-  display: flex;
-  justify-content: center;
-  }
-  .row-bg {
-    padding: 10px 0;
-    background-color: #f9fafc;
-  }
-  //搜索放在右下角
-  .screenArea{
-    // width: max-content;
-    // text-align: right;
-  }
-  //相关功能开发中
-  .box .underDevelopment {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    text-align: center;
-    display: flex;
-    align-items: center;
-}
-.bullshit {
-  font-size: 19px;
-            font-weight: bold;
-            line-height: 40px;
-            color: #5066e1;
-            // opacity: 0;
-            margin-left: 20px;
-        }
-</style>
+<!--
+ * @Description: home
+ * @Autor: 飘泊客
+ * @Date: 2021-12-02 16:54:53
+ * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
+ * @LastEditTime: 2023-07-12 15:58:49
+-->
+<template>
+  <div>
+    <!-- v-if="user.roles.length != 1 && user.roles[0].id != 11" -->
+    <!-- 相关功能开发中 -->
+    <div v-if="user.roles.length === 1 && user.roles[0].id === 11" class="box">
+      <div class="underDevelopment">
+        <!-- <img
+          class="pic-404__parent"
+          :src="kf"
+          alt="404"
+          style="margin-bottom: 20px;"
+        > -->
+        <svg-icon icon-class="404" style="font-size: 360px;" />
+        <div class="bullshit">
+          努力开发中，敬请期待...
+        </div>
+      </div>
+    </div>
+    <!-- 开发完的首页 -->
+    <div v-else class="dashboard-container sim-cont">
+      <div class="dashboard-editor-container">
+        <PanelGroupManager
+          v-if="user.isManager || user.isTokerAdmin"
+          :statistics="Statistics"
+        />
+        <panel-group v-else :statistics="Statistics" />
+        <el-row v-if="user.isManager || user.isTokerAdmin" :gutter="20">
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <div v-if="Statistics.talk" class="top-block">
+              <div class="title">拓客总览</div>
+              <div class="u-flex u-flex-between statistics">
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">总线索</span>
+                  </div>
+                  <div class="u-flex u-flex-between mt-10">
+                    <span class="fs-18 block">{{
+                      Statistics.talk.totalNum
+                    }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.talk.addTotalNum }}</span>
+                  </div>
+                </div>
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">投流DMP</span>
+                  </div>
+                  <div class="u-flex u-flex-between  mt-10">
+                    <span class="fs-18 block">{{
+                      Statistics.talk.deliveryNum
+                    }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.talk.addDeliveryNum }}</span>
+                  </div>
+                </div>
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">自主拓客</span>
+                  </div>
+                  <div class="u-flex u-flex-between  mt-10">
+                    <span class="fs-18 block">{{ Statistics.talk.talkNum }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.talk.addTalkNum }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <div v-if="Statistics.crm" class="top-block">
+              <div class="title">商机总览</div>
+              <div class="u-flex u-flex-between statistics">
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">总商机</span>
+                  </div>
+                  <div class="u-flex u-flex-between mt-10">
+                    <span class="fs-18 block">{{ Statistics.crm.totalNum }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.crm.addTotalNum }}</span>
+                  </div>
+                </div>
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">投流DMP</span>
+                  </div>
+                  <div class="u-flex u-flex-between  mt-10">
+                    <span class="fs-18 block">{{
+                      Statistics.crm.deliveryNum
+                    }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.crm.addDeliveryNum }}</span>
+                  </div>
+                </div>
+                <div class="top-item">
+                  <div>
+                    <span class="block min-title">自主拓客</span>
+                  </div>
+                  <div class="u-flex u-flex-between  mt-10">
+                    <span class="fs-18 block">{{ Statistics.crm.talkNum }}</span>
+                    <span class="fs-12 block text-center min-title"><img
+                      src="@/assets/images/boxian.png"
+                      class="mr-5"
+                    >昨日新增：{{ Statistics.crm.addTalkNum }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row
+          v-if="user.isManager || user.isTokerAdmin"
+          :gutter="20"
+          style="margin-bottom: 20px;"
+        >
+          <!-- 拓客投流昨日多任务 -->
+          <!-- <el-col :xs="10" :sm="10" :lg="10" class="card-panel-col">
+          <div style="background: #fff;">
+            <div class="u-flex u-flex-between top-currency-title">
+              <div class="charTitle">拓客昨日多任务统计</div>
+              <div> -->
+          <!-- <span @click="doTokerExport(1)">
+                  <el-tooltip class="item" effect="dark" content="导出" placement="top">
+                    <i class="el-icon-download icon-currency pointer" />
+                  </el-tooltip>
+                </span> -->
+          <!-- </div>
+            </div>
+            <div v-if="tokerBarChartData" style="padding-top:10px">
+              <BarChart
+                :chart-data="tokerBarChartData"
+                style="height: 770px;"
+              />
+            </div>
+            <div v-else style="height:780px;">
+              <el-empty
+                description="暂无数据"
+                :image="zanwu"
+                :image-size="200"
+                style="height: 100%;"
+              />
+            </div>
+          </div>
+        </el-col> -->
+          <!-- DMP拓客和拓客模块多任务统计(左边区域) -->
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <!-- DMP拓客 -->
+            <div
+              v-loading="shortIndexLoading"
+              style="background: #fff;margin-bottom: 20px;"
+            >
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">DMP拓客</div>
+                <div />
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="shortIndex.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="getTokeStatistics(shortIndex.taskTime)"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div style="height: 225px;margin-top: 75px;">
+                <el-row :gutter="20" style="margin-bottom: 30px;">
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">资源总数</div>
+                        <div class="card-panel-num">{{ totalNum }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">资源接通次数</div>
+                        <div class="card-panel-num">{{ turnOnNum }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">有效客户数</div>
+                        <div class="card-panel-num">{{ effectiveNum }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">资源使用次数</div>
+                        <div class="card-panel-num">{{ usrNum }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">接通率(%)</div>
+                        <!-- <div class="card-panel-num">{{ Math.round(turnOnRate* 100) }}</div> -->
+                        <div class="card-panel-num">{{ parseFloat((turnOnRate* 100).toPrecision(3)) }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="grid-content">
+                      <div class="grid-content-item">
+                        <div class="card-panel-text">有效率(%)</div>
+                        <!-- <div class="card-panel-num">{{ Math.round(effectiveRate* 100 ) }}</div> -->
+                        <div class="card-panel-num">{{ parseFloat((effectiveRate* 100).toPrecision(3)) }}</div>
+                      </div>
+                    </div>
+                  </el-col>
+                </el-row>
+              <!-- <el-row class="panel-group">
+                <el-col :span="9" :offset="2" class="card-panel-col" style="margin-top:20px ;">
+                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('messages')">
+                    <div class="card-panel-icon-wrapper icon-app">
+                      <svg-icon icon-class="chain" class-name="card-panel-icon" />
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        总线索
+                      </div>
+                      <div class="card-panel-num">{{ totalNum }}</div>
+                    </div>
+                  </div>
+                </el-col>
+                <el-col :span="9" :offset="2" class="card-panel-col" style="margin-top:20px ;">
+                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('messages')">
+                    <div class="card-panel-icon-wrapper icon-message">
+                      <svg-icon icon-class="left-4" class-name="card-panel-icon" />
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        资源使用次数
+                      </div>
+                      <div class="card-panel-num">{{ usrNum }}</div>
+                    </div>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row class="panel-group">
+                <el-col :span="9" :offset="2" class="card-panel-col">
+                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('purchases')">
+                    <div class="card-panel-icon-wrapper icon-money">
+                      <svg-icon icon-class="left-6" class-name="card-panel-icon" />
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        资源接通数
+                      </div>
+                      <div class="card-panel-num">{{ turnOnNum }}</div>
+                    </div>
+                  </div>
+                </el-col>
+                <el-col :span="9" :offset="2" class="card-panel-col">
+                  <div class="card-panel" style="background-color: #f0f2f5;" @click="handleSetLineChartData('shoppings')">
+                    <div class="card-panel-icon-wrapper icon-shopping">
+                      <svg-icon icon-class="left-9" class-name="card-panel-icon" />
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        接通率(%)
+                      </div>
+                      <div class="card-panel-num">{{ turnOnRate* 100 }}</div>
+                    </div>
+                  </div>
+                </el-col>
+              </el-row> -->
+              </div>
+            </div>
+            <!-- 拓客模块多任务统计 -->
+            <div v-loading="routineTaskLoading" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">拓客模块多任务统计</div>
+                <div>
+                  <span @click="doTokerExport(1)">
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="导出"
+                      placement="top"
+                    >
+                      <i class="el-icon-download icon-currency pointer" />
+                    </el-tooltip>
+                  </span>
+                <!-- <el-popover
+                  v-model="taskProp"
+                  placement="right"
+                  width="400"
+                  trigger="manual"
+                >
+                  <span slot="reference" @click="openTaskDownProp">
+                    <el-tooltip class="item" effect="dark" content="详情导出" placement="top">
+                      <i class="el-icon-document icon-currency pointer" />
+                    </el-tooltip>
+                  </span>
+                  <el-table :data="taskList" height="520">
+                    <el-table-column width="250" property="taskName" label="任务名称" />
+                    <el-table-column width="80" label="文件">
+                      <template slot-scope="scope">
+                        <el-link type="primary" @click="doExport(2, scope.row.id)">下载</el-link>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </el-popover> -->
+                </div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="tokerTaskForm.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-select
+                    v-model="tokerTaskForm.taskType"
+                    clearable
+                    filterable
+                    collapse-tags
+                    multiple
+                    :multiple-limit="3"
+                    size="small"
+                    placeholder="任务名"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in tokerTaskList"
+                      :key="it.id"
+                      :label="it.taskName"
+                      :value="it.id"
+                    />
+                  </el-select>
+                  <el-select
+                    v-model="tokerTaskForm.clueStage"
+                    clearable
+                    filterable
+                    collapse-tags
+                    size="small"
+                    placeholder="线索状态"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in tokerCluestage"
+                      :key="it.value"
+                      :label="it.key"
+                      :value="it.value"
+                    />
+                  </el-select>
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="taskToQuery('tokerTaskForm')"
+                  >搜索</el-button>
+                </div>
+              <!-- <el-select v-model="tokerTaskForm.userIdList" clearable size="small" filterable placeholder="业务员" class="filter-item mb-5" style="width: 142px">
+                <el-option-group
+                  v-for="group in userOptions"
+                  :key="group.id"
+                  :label="group.label"
+                >
+                  <el-option
+                    v-for="item in group.children"
+                    :key="item.id"
+                    :label="item.label"
+                    :value="item.id"
+                  />
+                </el-option-group>
+              </el-select> -->
+              </div>
+              <div v-if="tokerLineChartData" style="padding: 10px 10px 0;">
+                <line-chart
+                  :chart-data="tokerLineChartData"
+                  style="height: 290px"
+                />
+              </div>
+              <div v-else style="height: 300px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+          <!-- 广告质量分和商机模块多任务统计(右边区域) -->
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <!-- 广告质量分 -->
+            <div
+              v-loading="tokerTaskLoading"
+              style="background: #fff;margin-bottom: 20px;"
+            >
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">广告质量分</div>
+                <div>
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="advertisingFun(1)"
+                  >建模</el-button>
+                  <el-button
+                    size="mini"
+                    type="success"
+                    class="filter-item mb-5"
+                    @click="advertisingFun(2)"
+                  >上传巨量</el-button>
+                </div>
+              </div>
+              <div style="display: flex;justify-content: center;align-items: center;">
+                <advertisingQualityscore v-if="JSON.stringify(advertisingQualityScoreData) !== '{}'" :series-value="advertisingQualityScoreData" />
+              </div>
+            </div>
+            <!-- 商机模块多任务统计 -->
+            <div v-loading="routineTaskLoading" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">商机模块多任务统计</div>
+                <div>
+                  <span @click="doExport(1, 'taskForm')">
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="导出"
+                      placement="top"
+                    >
+                      <i class="el-icon-download icon-currency mr-10 pointer" />
+                    </el-tooltip>
+                  </span>
+                <!-- <el-popover
+                  v-model="taskProp"
+                  placement="right"
+                  width="400"
+                  trigger="manual"
+                >
+                  <span slot="reference" @click="openTaskDownProp">
+                    <el-tooltip class="item" effect="dark" content="详情导出" placement="top">
+                      <i class="el-icon-document icon-currency pointer" />
+                    </el-tooltip>
+                  </span>
+                  <el-table :data="taskList" height="520">
+                    <el-table-column width="250" property="taskName" label="任务名称" />
+                    <el-table-column width="80" label="文件">
+                      <template slot-scope="scope">
+                        <el-link type="primary" @click="doExport(2, scope.row.id)">下载</el-link>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </el-popover> -->
+                </div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="taskForm.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-select
+                    v-model="taskForm.taskType"
+                    clearable
+                    filterable
+                    collapse-tags
+                    multiple
+                    :multiple-limit="3"
+                    size="small"
+                    placeholder="任务名"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in taskList"
+                      :key="it.id"
+                      :label="it.taskName"
+                      :value="it.id"
+                    />
+                  </el-select>
+                  <el-select
+                    v-model="taskForm.clueStage"
+                    clearable
+                    filterable
+                    collapse-tags
+                    size="small"
+                    placeholder="线索阶段"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in cluestage"
+                      :key="it.value"
+                      :label="it.key"
+                      :value="it.value"
+                    />
+                  </el-select>
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="taskToQuery('taskForm')"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div v-if="lineChartData" style="padding: 10px 10px 0;">
+                <line-chart :chart-data="lineChartData" style="height: 290px" />
+              </div>
+              <div v-else style="height: 300px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row
+          v-if="user.isManager || user.isTokerAdmin"
+          :gutter="20"
+          style="margin-bottom: 20px;"
+        >
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <!-- 业务管理员商机任务线索状态比对图任务 -->
+            <div v-loading="routineLoading1" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">商机任务对比图</div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="manyTaskSerchTop.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-select
+                    v-model="manyTaskSerchTop.taskType"
+                    clearable
+                    filterable
+                    multiple
+                    collapse-tags
+                    :multiple-limit="4"
+                    size="small"
+                    placeholder="任务名"
+                    class="filter-item"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in taskList"
+                      :key="it.id"
+                      :label="it.taskName"
+                      :value="it.id"
+                    />
+                  </el-select>
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="manyTaskQuery"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div class="u-flex">
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerTaskPieChart1"
+                    :chart-data="managerTaskPieChart1"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerTaskPieChart2"
+                    :chart-data="managerTaskPieChart2"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+              </div>
+              <div class="u-flex">
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerTaskPieChart3"
+                    :chart-data="managerTaskPieChart3"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerTaskPieChart4"
+                    :chart-data="managerTaskPieChart4"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <!-- 商机CRM-业务管理员线索状态比对图 小组 人员 -->
+            <div v-loading="routineLoading2" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">商机人员跟进对比图</div>
+              <!-- <el-button
+                size="mini"
+                type="primary"
+                class="filter-item mb-5"
+                @click="quotaQuery"
+              >搜索</el-button> -->
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="localSerchTop.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-select
+                    v-model="localSerchTop.groupid"
+                    clearable
+                    multiple
+                    filterable
+                    :multiple-limit="4"
+                    collapse-tags
+                    size="small"
+                    placeholder="小组名"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option
+                      v-for="it in groupList"
+                      :key="it.id"
+                      :label="it.organizeName"
+                      :value="it.id"
+                    />
+                  </el-select>
+                  <el-select
+                    v-model="localSerchTop.userIdList"
+                    clearable
+                    size="small"
+                    filterable
+                    multiple
+                    :multiple-limit="4"
+                    collapse-tags
+                    placeholder="业务员"
+                    class="filter-item mb-5"
+                    style="width: 142px"
+                  >
+                    <el-option-group
+                      v-for="group in userOptions"
+                      :key="group.id"
+                      :label="group.label"
+                    >
+                      <el-option
+                        v-for="item in group.children"
+                        :key="item.id"
+                        :label="item.label"
+                        :value="item.id"
+                      />
+                    </el-option-group>
+                  </el-select>
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="quotaQuery"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div class="u-flex">
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerPieChart1"
+                    :chart-data="managerPieChart1"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerPieChart2"
+                    :chart-data="managerPieChart2"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+              </div>
+              <div class="u-flex">
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerPieChart3"
+                    :chart-data="managerPieChart3"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+                <div class="chart-wrapper flex-1">
+                  <PieChart
+                    v-if="managerPieChart4"
+                    :chart-data="managerPieChart4"
+                  />
+                  <el-empty
+                    v-else
+                    description="暂无数据"
+                    :image="zanwu"
+                    style="height: 300px;"
+                  />
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="user.isManager || user.isTokerAdmin">
+          <el-col :xs="24" :sm="24" :lg="24" class="card-panel-col">
+            <div v-loading="turnoverLoading" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">成交额</div>
+                <div>
+                  <span @click="doExport(3, 'salesVolume')">
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="导出"
+                      placement="top"
+                    >
+                      <i class="el-icon-download icon-currency pointer" />
+                    </el-tooltip>
+                  </span>
+                </div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="salesVolume.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="getTurnover"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div class="chart-wrapper" style="margin-bottom: 0px;">
+                <bar-chart v-if="saleBarCharData" :chart-data="saleBarCharData" />
+                <el-empty v-else description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <!-- 销售漏斗-任务统计 -->
+        <el-row v-if="!user.isManager && !user.isAdmin" :gutter="20">
+          <!-- 销售漏斗 -->
+          <el-col :xs="10" :sm="10" :lg="10" class="card-panel-col">
+            <div v-loading="routineLoading1" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">销售漏斗</div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="salesmanFunnel.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="salesmanFunnelToQuery"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div v-if="FunnelData" style="padding-bottom: 10px">
+                <Funnel
+                  v-if="FunnelData"
+                  :chart-data="FunnelData"
+                  style="height: 723px;"
+                />
+              </div>
+              <div v-else style="height:733px;">
+                <el-empty
+                  description="暂无数据"
+                  :image="zanwu"
+                  :image-size="200"
+                  style="height: 100%;"
+                />
+              </div>
+            </div>
+          </el-col>
+          <!-- 业务统计or业务统计30天 -->
+          <el-col :xs="14" :sm="14" :lg="14" class="card-panel-col">
+            <div
+              v-loading="salesmanbarLoading"
+              style="background: #fff;margin-bottom: 20px;"
+            >
+              <!-- 业务统计 -->
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">业务统计</div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="salesmanBar.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="salesmanToQuery"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div v-if="salesmanBarChartData" style="padding: 10px 10px 0;">
+                <bar-chart
+                  :chart-data="salesmanBarChartData"
+                  style="height: 290px"
+                />
+              </div>
+              <div v-else style="height: 300px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+            <div style="background: #fff;margin-bottom: 20px;">
+              <!-- 业务统计-30天 -->
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">业务统计（30天）</div>
+              </div>
+              <div
+                v-if="salesmanLineChartDatas"
+                style="height: 358px;padding: 10px 10px 0;"
+              >
+                <line-chart
+                  :chart-data="salesmanLineChartDatas"
+                  style="height: 348px"
+                />
+              </div>
+              <div v-else style="height: 358px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <!-- 组员线索比较or成交额 -->
+        <el-row
+          v-if="!user.isManager && !user.isAdmin"
+          :gutter="
+            20"
+          style="margin-bottom: 20px;"
+        >
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <div v-loading="routineLoading2" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">线索状态统计图</div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="localSerchTop.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="quotaQuery"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div v-if="pieChartData" style="padding: 10px 10px 0;">
+                <PieChart :chart-data="pieChartData" style="height: 290px" />
+              </div>
+              <div v-else style="height: 300px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+          <el-col :xs="12" :sm="12" :lg="12" class="card-panel-col">
+            <div v-loading="turnoverLoading" style="background: #fff;">
+              <div class="u-flex u-flex-between top-currency-title">
+                <div class="charTitle">成交额</div>
+              </div>
+              <div class="toolGroup">
+                <div class="screenArea">
+                  <date-range-picker
+                    v-model="salesVolume.taskTime"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    class="date-item mb-5"
+                  />
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    class="filter-item mb-5"
+                    @click="getTurnover"
+                  >搜索</el-button>
+                </div>
+              </div>
+              <div v-if="saleBarCharData" style="padding: 10px 10px 0;">
+                <bar-chart :chart-data="saleBarCharData" style="height: 290px" />
+              </div>
+              <div v-else style="height: 300px;">
+                <el-empty description="暂无数据" :image="zanwu" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <el-dialog
+        append-to-body
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :show-close="false"
+        :visible.sync="agreementDialog"
+        title="审核申请"
+        width="520px"
+      >
+        <el-form
+          ref="ruleForm"
+          :inline="true"
+          :model="agreementForm"
+          :rules="agreementRules"
+          size="small"
+          label-width="80px"
+        >
+          <el-form-item label="公司名称" prop="companyName" label-width="100px">
+            <el-input v-model="agreementForm.companyName" style="width: 340px" />
+          </el-form-item>
+          <el-form-item label="邀请码" prop="invitationCode" label-width="100px">
+            <el-input
+              v-model="agreementForm.invitationCode"
+              style="width: 340px"
+            />
+          </el-form-item>
+          <el-form-item label="法人身份证" label-width="100px">
+            <div class="u-flex">
+              <el-upload
+                class="avatar-uploader"
+                :action="updateUrl"
+                :headers="header"
+                :show-file-list="false"
+                accept=".jpg,.png"
+                :on-success="
+                  response => {
+                    successImg(response, 'legalPersonIdFront');
+                  }
+                "
+                :on-error="errorImg"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img
+                  v-if="agreementForm.legalPersonIdFront"
+                  :src="agreementForm.legalPersonIdFront"
+                  class="avatar"
+                >
+                <img v-else :src="img1" class="avatar-uploader-img">
+              </el-upload>
+              <el-upload
+                class="avatar-uploader ml-10"
+                :action="updateUrl"
+                :headers="header"
+                :show-file-list="false"
+                accept=".jpg,.png"
+                :on-success="
+                  response => {
+                    successImg(response, 'legalPersonIdReverse');
+                  }
+                "
+                :on-error="errorImg"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img
+                  v-if="agreementForm.legalPersonIdReverse"
+                  :src="agreementForm.legalPersonIdReverse"
+                  class="avatar"
+                >
+                <img v-else :src="img2" class="avatar-uploader-img">
+              </el-upload>
+            </div>
+          </el-form-item>
+          <el-form-item label="经办人身份证" label-width="100px">
+            <div class="u-flex">
+              <el-upload
+                class="avatar-uploader"
+                :action="updateUrl"
+                :headers="header"
+                :show-file-list="false"
+                accept=".jpg,.png"
+                :on-success="
+                  response => {
+                    successImg(response, 'managerIdFront');
+                  }
+                "
+                :on-error="errorImg"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img
+                  v-if="agreementForm.managerIdFront"
+                  :src="agreementForm.managerIdFront"
+                  class="avatar"
+                >
+                <img v-else :src="img1" class="avatar-uploader-img">
+              </el-upload>
+              <el-upload
+                class="avatar-uploader ml-10"
+                :action="updateUrl"
+                :headers="header"
+                :show-file-list="false"
+                accept=".jpg,.png"
+                :on-success="
+                  response => {
+                    successImg(response, 'managerIdReverse');
+                  }
+                "
+                :on-error="errorImg"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img
+                  v-if="agreementForm.managerIdReverse"
+                  :src="agreementForm.managerIdReverse"
+                  class="avatar"
+                >
+                <img v-else :src="img2" class="avatar-uploader-img">
+              </el-upload>
+            </div>
+          </el-form-item>
+          <el-form-item
+            label="营业执照"
+            prop="businessLicense"
+            label-width="100px"
+          >
+            <el-upload
+              class="avatar-uploader"
+              :action="updateUrl"
+              :headers="header"
+              :show-file-list="false"
+              accept=".jpg,.png"
+              :on-success="
+                response => {
+                  successImg(response, 'businessLicense');
+                }
+              "
+              :on-error="errorImg"
+              :before-upload="beforeAvatarUpload"
+            >
+              <img
+                v-if="agreementForm.businessLicense"
+                :src="agreementForm.businessLicense"
+                class="avatar"
+              >
+              <img v-else :src="img3" class="avatar-uploader-img">
+            </el-upload>
+          </el-form-item>
+          <div class="u-flex pl-10">
+            <el-checkbox v-model="agrChecked">阅读并同意</el-checkbox>
+            <el-link type="danger" @click="openagr = true">《用户协议》</el-link>
+          </div>
+        </el-form>
+        <div slot="footer" class="dialog-footer u-flex u-flex-between">
+          <div>
+            <el-button @click="logout">返回登录</el-button>
+          </div>
+          <div>
+            <el-button
+              :loading="subloading"
+              type="primary"
+              @click="submitAgreement"
+            >提交</el-button>
+            <el-button @click="resetForm('ruleForm')">重置</el-button>
+          </div>
+        </div>
+      </el-dialog>
+      <el-dialog
+        append-to-body
+        :close-on-press-escape="false"
+        :visible.sync="openagr"
+        title="入驻协议"
+        width="720px"
+        class="agrProp"
+      >
+        <div v-html="agreementCon" />
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  taskQueryAll,
+  downloadTask,
+  organizeQueryAll,
+  userUpdateCompany,
+  reportBroken,
+  reportOrganize,
+  memberMonth,
+  reportMember,
+  reportHomePage,
+  getClueStage,
+  selectAllOrganizeUser,
+  tokerPie,
+  tokerBroken,
+  tokerDownload,
+  getReportFunnel,
+  reportCrmPie,
+  getTurnover,
+  turnoverDownload,
+  tokeStatistics
+} from '@/api/index'
+// 顶部统计
+import PanelGroup from './dashboard/PanelGroup'
+import PanelGroupManager from './dashboard/PanelGroupManager'
+// 折现图
+import LineChart from './dashboard/LineChart'
+import DateRangePicker from '@/components/DateRangePicker'
+import {
+  getDaysBetween,
+  MonthsBetw,
+  downloadFile,
+  parseTime
+} from '@/utils/index'
+import { getToken } from '@/utils/auth'
+import agreement from '@/utils/agreement'
+import sfzZ from '@/assets/images/sfz-z.png'
+import sfzF from '@/assets/images/sfz-f.png'
+import yyzz from '@/assets/images/yyzz.png'
+import zanwu from '@/assets/images/zanwu.png'
+import kf from '@/assets/images/kf.png'
+// 柱状图
+import BarChart from '@/components/Echarts/BarChart'
+// 饼图
+import PieChart from '@/components/Echarts/PieChart'
+// 漏斗
+import Funnel from '@/components/Echarts/Funnel'
+import store from '@/store'
+import Cookies from 'js-cookie'
+// import PieChartMultiple from '@/components/Echarts/PieChartMultiple'
+import { mapGetters } from 'vuex'
+import advertisingQualityscore from '@/components/Echarts/Radar'
+import { getAdvertisingQualityScore } from '@/api/login.js'
+export default {
+  name: 'Dashboard',
+  components: {
+    PanelGroup,
+    PanelGroupManager,
+    LineChart,
+    BarChart,
+    PieChart,
+    DateRangePicker,
+    Funnel,
+    // PieChartMultiple
+    advertisingQualityscore
+  },
+  data() {
+    return {
+      img1: sfzZ,
+      img2: sfzF,
+      img3: yyzz,
+      zanwu: zanwu,
+      kf: kf,
+      updateUrl: '',
+      header: {
+        Authorization: 'Bearer ' + getToken()
+      },
+      taskForm: {
+        taskTime: '',
+        type: 2,
+        taskType: [],
+        clueStage: null
+      },
+      salesmanBar: {
+        taskTime: ''
+      },
+      groupForm: {
+        groupTime: '',
+        groupid: ''
+      },
+      openagr: false, // 协议prop
+      agrChecked: false,
+      agreementForm: {
+        // 协议foem
+        companyName: '',
+        managerIdFront: '', // 经办人正面照
+        managerIdReverse: '', // 经办人反面照
+        legalPersonIdFront: '', // 法人正面照
+        legalPersonIdReverse: '', // 法人反面照
+        businessLicense: '', // 营业执照
+        invitationCode: '' // 邀请码
+      },
+      agreementRules: {
+        companyName: [
+          { required: true, message: '请输入公司名称', trigger: 'change' }
+        ],
+        businessLicense: [
+          { required: true, message: '请上传营业执照', trigger: 'change' }
+        ]
+      },
+      salesmanFunnel: {
+        taskTime: ''
+      },
+      // 投流拓客任务
+      tokerTaskForm: {
+        taskTime: '',
+        taskType: [],
+        clueStage: null,
+        type: 2,
+        userIdList: ''
+      },
+      turnoverLoading: false, // 成交额loading
+      routineLoading1: false,
+      routineLoading2: false,
+      tokerTaskLoading: false, // 拓客多任务
+      routineTaskLoading: false, // 商机多任务
+      subloading: false, // 协议loading
+      issubmit: true, // 是否可提交
+      taskList: [], // 资源列表
+      tokerTaskList: [], // 拓客资源
+      groupList: [],
+      userOptions: [], // 业务员列表
+      chart: null,
+      taskProp: false,
+      lineChartData: null, // 资源图
+      barCharData: null, // 小组统计
+      FunnelData: null, // 业务员漏斗图
+      salesmanBarChartData: null, // 业务员业务统计-指定
+      salesmanLineChartDatas: null, // 业务员业务统计-30天
+      pieChartData: null, // 线索状态饼图数据
+      managerPieChart1: null, // 业务管理员线索饼图-1
+      managerPieChart2: null, // 业务管理员线索饼图-2
+      managerPieChart3: null, // 业务管理员线索饼图-3
+      managerPieChart4: null, // 业务管理员线索饼图-4
+      saleBarCharData: null, // 销售额柱状图
+      tokerBarChartData: null, // 拓客模块多任务柱状图
+      tokerLineChartData: null, // 投流拓客折线图
+      managerTaskPieChart1: null, // 业务管理员任务饼图-1
+      managerTaskPieChart2: null, // 业务管理员任务饼图-2
+      managerTaskPieChart3: null, // 业务管理员任务饼图-3
+      managerTaskPieChart4: null, // 业务管理员任务饼图-4
+      salesVolume: {
+        taskTime: ''
+      },
+      localSerchTop: {
+        taskTime: '',
+        groupid: [],
+        userIdList: []
+      },
+      manyTaskSerchTop: {
+        taskTime: '',
+        taskType: ''
+      },
+      loading: false,
+      Statistics: {}, // 顶部统计
+      agreementDialog: false, // 协议弹框
+      agreementCon: agreement,
+      salesmanbarLoading: false, //
+      tokerCluestage: [
+        // 拓客模块线索阶段
+        {
+          key: '有意向',
+          value: 1
+        },
+        {
+          key: '无意向',
+          value: 2
+        },
+        {
+          key: '待再次沟通',
+          value: 3
+        }
+      ],
+      cluestage: [
+        // 商机线索阶段
+        {
+          key: '新线索',
+          value: 0
+        },
+        {
+          key: '待再次沟通',
+          value: 1
+        },
+        {
+          key: '有效',
+          value: 2
+        },
+        {
+          key: '已加微信',
+          value: 3
+        },
+        {
+          key: '高意向',
+          value: 4
+        },
+        {
+          key: '邀请中',
+          value: 5
+        },
+        {
+          key: '到场',
+          value: 6
+        },
+        {
+          key: '已成交',
+          value: 7
+        },
+        {
+          key: '无意向',
+          value: 8
+        }
+      ],
+      dateCycle: [
+        {
+          key: '天',
+          value: 2,
+          disabled: false
+        },
+        {
+          key: '月',
+          value: 3
+        }
+      ],
+      uaRtc: null,
+      // 广告质量分和昨日指标区域数据
+      // 广告质量分数据(雷达图数据)
+      advertisingQualityScoreData: {},
+      // // 总线索
+      // totalNum: 0,
+      // 资源总数
+      totalNum: 0,
+      // 资源接通数
+      turnOnNum: 0,
+      // 有效客户数
+      effectiveNum: 0,
+      // 资源使用数
+      usrNum: 0,
+      // 资源接通率
+      turnOnRate: 0,
+      // 有效率
+      effectiveRate: 0,
+      shortIndexLoading: false, // DMP拓客Loading
+      shortIndex: {
+        taskTime: []
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'adminStatistics',
+      'user',
+      'baseImgUrl',
+      'adminTotalResources',
+      'downloadHeader'
+    ])
+  },
+  watch: {
+    // 'taskForm.taskType': {
+    //   handler(newV) {
+    //     if (newV.length > 5) {
+    //       this.$message.error('最大同时选择5个资源')
+    //       this.taskForm.taskType.splice(5, 1)
+    //     }
+    //   },
+    //   deep: true
+    // },
+    'groupForm.groupid': {
+      handler(newV) {
+        if (newV.length > 5) {
+          this.$message.warning('最大同时选择5个小组')
+          this.groupForm.groupid.splice(5, 1)
+        }
+      },
+      deep: true
+    },
+    adminTotalResources: {
+      handler(newV, oldV) {
+        if (this.user.isManager) {
+          this.Statistics = newV
+        }
+      },
+      deep: true
+    }
+  },
+  created() {
+    // 初始化查询，默认为前一天
+    this.getDefaultTime()
+  },
+  mounted() {
+    if (this.user.roles.length === 1 && this.user.roles[0].id === 11) {
+      console.log('1111')
+    } else {
+      if (this.user.isManager) {
+        this.getAdvertisingQualityScoreData()
+        this.reportAllget()
+        this.taskQueryAll()
+        this.tokerTaskQueryAll()
+        this.organizeQueryAll()
+        this.loadUser()
+        this.getTokeStatistics()
+        this.$nextTick(() => {
+          // 商机模块任务统计
+          this.reportBroken({
+            beginTime: '',
+            endTime: '',
+            memberId: this.user.id,
+            taskIds: [],
+            clueStage: null
+          })
+          // 组任务统计
+          // this.reportOrganize({ beginTime: '', endTime: '' })
+          //  拓客模块线索状态比对or昨日多任务
+          this.getTokerClueStage({
+            beginTime: '',
+            endTime: '',
+            memberId: this.user.id,
+            taskIds: []
+          })
+          // 商机多任务状态比对
+          this.reportCrmPie({
+            beginTime: '',
+            endTime: '',
+            memberId: this.user.id,
+            taskIds: []
+          })
+          // 拓客模块多任务统计
+          this.tokerReportTask({
+            beginTime: '',
+            endTime: '',
+            memberId: this.user.id,
+            taskIds: [],
+            clueStage: null
+          })
+        })
+        if (this.user.isManager && !this.user.isAdmin) {
+          this.agreementDialog = this.user.companyStatus !== 1
+        }
+        this.updateUrl = this.$store.getters.picturesUpload
+        // var isrem = localStorage.getItem('isRemind')
+        // if (everydayRemind() && isrem !== 1 && this.user.companyStatus === 1) {
+        //   this.$alert(
+        //     `<i style='color:red'>昨日日报已生成，可在首页下载</i>`,
+        //     '公告',
+        //     {
+        //       confirmButtonText: '知道啦',
+        //       dangerouslyUseHTMLString: true
+        //     }
+        //   )
+        //   localStorage.setItem('isRemind', 1)
+        // }
+      } else if (!this.user.isManager && !this.user.isAdmin) {
+        this.Statistics.usrNum = 0
+        this.Statistics.turnOnNum = 0
+        this.Statistics.turnOnRate = 0
+        this.Statistics.intentionNum = 0
+        this.localSerchTop.userIdList.push(this.user.id)
+        this.reportMember({
+          beginTime: '',
+          endTime: '',
+          memberId: this.user.id
+        })
+        this.getClueStage({
+          startTime: '',
+          endTime: '',
+          memberIds: [this.user.id]
+        })
+        this.salesmanFunnelToQuery()
+        this.$nextTick(() => {
+          this.salesmanChat({ beginTime: '', endTime: '' })
+        })
+      }
+      this.getTurnover()
+    }
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    },
+    advertisingFun(type) {
+      if (type === 1) {
+        this.$alert('当前检测数量不足，需达到100,000才可制作上传！', '提示', {
+          confirmButtonText: '确定',
+          callback: action => {}
+        })
+      } else if (type === 2) {
+        window.open('https://business.oceanengine.com/site/asset/dmp/audience/list', 'mozillaTab')
+      }
+    },
+    // 时间格式化
+    formatTime(timestamp) {
+      const time = new Date(timestamp)
+      return timestamp - time.getHours() * 60 * 60 * 1000 - time.getMinutes() * 60 * 1000 - time.getSeconds() * 1000 - time.getMilliseconds()
+    },
+    // 设置默认时间
+    getDefaultTime() {
+      var day = new Date()
+      day.setDate(day.getDate() - 1)
+      const start = this.formatTime(day) // 当天零点
+      const end = start - 0 + 24 * 60 * 60 * 1000 - 1
+      this.shortIndex.taskTime[0] = parseTime(start)
+      this.shortIndex.taskTime[1] = parseTime(end)
+    },
+    // 获取DMP拓客
+    async getTokeStatistics(data) {
+      this.shortIndexLoading = true
+      const shortIndexObj = {
+        beginTime: data
+          ? data[0]
+          : '',
+        endTime: data ? data[1] : ''
+      }
+      const res = await tokeStatistics(shortIndexObj)
+      this.shortIndexLoading = false
+      if (res.status === 0) {
+        this.totalNum = res.data.totalNum
+        this.turnOnNum = res.data.turnOnNum
+        this.effectiveNum = res.data.effectiveNum
+        this.usrNum = res.data.usrNum
+        this.turnOnRate = res.data.turnOnRate
+        this.effectiveRate = res.data.effectiveRate
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    // 获取广告质量分
+    async getAdvertisingQualityScoreData() {
+      const res = await getAdvertisingQualityScore()
+      if (res.status === 0) {
+        this.advertisingQualityScoreData = res.data
+        console.log(this.advertisingQualityScoreData, 'this.advertisingQualityScoreData')
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < 3
+      if (!isLt2M) {
+        this.$message.warning('上传头像图片大小不能超过 3MB!')
+      }
+      return isLt2M
+    },
+    loadUser() {
+      selectAllOrganizeUser().then(res => {
+        var arr = []
+        let index = 0
+        for (const t in res) {
+          const obj = {}
+          obj.label = t
+          obj.id = index
+          obj.children = res[t]
+          arr.push(obj)
+          index++
+        }
+        this.userOptions = arr
+      })
+    },
+    // 业务员 业务统计柱状
+    reportMember({ beginTime, endTime, memberId }) {
+      this.salesmanbarLoading = true
+      reportMember({ beginTime, endTime, memberId })
+        .then(res => {
+          if (res.data) {
+            this.Statistics = res.data.head
+            if (res.data.report) {
+              const seriesArr = [] // 存放series
+              const xAxis = ['意向数', '接通数', '外呼数']
+              const obj = {}
+              const arr = [
+                res.data.report.intentionNum || 0,
+                res.data.report.turnOnNum || 0,
+                res.data.report.usrNum || 0
+              ]
+              obj.type = 'bar'
+              obj.data = arr
+              seriesArr.push(obj)
+              const chartData = {
+                xAxis: xAxis,
+                taskName: '业务统计',
+                type: 'salesman',
+                seriesArr: seriesArr
+              }
+              this.salesmanBarChartData = chartData
+            }
+            this.salesmanbarLoading = false
+          }
+        })
+        .catch(() => {
+          this.salesmanbarLoading = false
+        })
+    },
+    // 业务管理员
+    reportAllget() {
+      reportHomePage({ userId: this.user.id }).then(res => {
+        this.Statistics = res.data
+      })
+    },
+    // 商机模块多任务-折线图
+    reportBroken({ beginTime, endTime, memberId, taskIds, clueStage }) {
+      this.routineTaskLoading = true
+      reportBroken({ beginTime, endTime, memberId, taskIds, clueStage })
+        .then(res => {
+          const seriesArr = [] // 存放series
+          const createTime = res.data[0].data.map(it => {
+            return it.time
+          })
+          res.data.forEach(item => {
+            let arr = []
+            const obj = {}
+            arr = item.data.map(it => it.labelNum)
+            obj.name = item.taskName
+            obj.isManager = false
+            obj.smooth = true
+            obj.type = 'line'
+            obj.data = arr
+            seriesArr.push(obj)
+          })
+          const chartData = {
+            createTime: createTime,
+            taskName: '任务统计',
+            seriesArr: seriesArr
+          }
+          this.lineChartData = chartData
+          this.routineTaskLoading = false
+        })
+        .catch(() => {
+          this.routineTaskLoading = false
+        })
+    },
+    // 成交额通用
+    getTurnover() {
+      this.turnoverLoading = true
+      const obj = {
+        beginTime: this.salesVolume.taskTime
+          ? this.salesVolume.taskTime[0]
+          : '',
+        endTime: this.salesVolume.taskTime ? this.salesVolume.taskTime[1] : '',
+        memberId: this.user.id,
+        type: this.user.isManager ? 1 : 2
+      }
+      this.saleBarCharData = null
+      getTurnover(obj).then(res => {
+        // 业务管理员-柱状图
+        const seriesArr = []
+        if (res.data) {
+          const xAxis = res.data.map(it => {
+            return it.time
+          })
+          const arr = []
+          const obj = {}
+          res.data.forEach(it => {
+            arr.push(it.data)
+          })
+          obj.name = '成交额'
+          obj.type = 'bar'
+          obj.data = arr
+          obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
+          seriesArr.push(obj)
+          const chartData = {
+            xAxis: xAxis,
+            type: this.user.isManager ? 'manager' : 'salesman',
+            seriesArr: seriesArr
+          }
+          this.saleBarCharData = chartData
+        }
+        this.turnoverLoading = false
+      })
+    },
+    // 投流拓客多task-折线图
+    tokerReportTask({ beginTime, endTime, memberId, taskIds, clueStage }) {
+      this.tokerTaskLoading = true
+      tokerBroken({ beginTime, endTime, memberId, taskIds, clueStage })
+        .then(res => {
+          const seriesArr = [] // 存放series
+          const createTime = res.data[0].data.map(it => {
+            return it.time
+          })
+          res.data.forEach((item, index) => {
+            let arr = []
+            const obj = {}
+            arr = item.data.map(it => it.labelNum)
+            obj.name = item.taskName
+            obj.isManager = false
+            obj.smooth = true
+            obj.type = 'line'
+            obj.data = arr
+            seriesArr.push(obj)
+          })
+          const chartData = {
+            createTime: createTime,
+            taskName: '投流任务统计',
+            seriesArr: seriesArr
+          }
+          this.tokerTaskLoading = false
+          this.tokerLineChartData = chartData
+        })
+        .catch(() => {
+          this.tokerTaskLoading = false
+        })
+    },
+    // 组员业务统计-30天
+    salesmanChat() {
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      memberMonth()
+        .then(res => {
+          const seriesArr = [] // 存放series salesmanLineChartDatas
+          const createTime = res.data.map(it => {
+            return it.time
+          })
+          let arr = []
+          let obj = {}
+          arr = res.data.map(item => {
+            return item.intentionNum
+          })
+          obj.name = '意向数'
+          obj.isManager = false
+          obj.smooth = true
+          obj.type = 'line'
+          obj.data = arr
+          seriesArr.push(obj)
+          arr = []
+          obj = {}
+          arr = res.data.map(item => {
+            return item.turnOnNum
+          })
+          obj.name = '接通数'
+          obj.isManager = false
+          obj.smooth = true
+          obj.type = 'line'
+          obj.data = arr
+          seriesArr.push(obj)
+          arr = []
+          obj = {}
+          arr = res.data.map(item => {
+            return item.usrNum
+          })
+          obj.name = '外呼数'
+          obj.isManager = false
+          obj.smooth = true
+          obj.type = 'line'
+          obj.data = arr
+          seriesArr.push(obj)
+          const chartData = {
+            createTime: createTime,
+            taskName: '业务统计-30天',
+            seriesArr: seriesArr
+          }
+          loading.close()
+          this.salesmanLineChartDatas = chartData
+        })
+        .catch(() => {
+          loading.close()
+        })
+    },
+    // 组任务统计
+    reportOrganize({ beginTime, endTime, ids }) {
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      reportOrganize({ beginTime, endTime, ids })
+        .then(res => {
+          const seriesArr = [] // 存放series
+          const xAxis = res.data.map(it => {
+            return it.organizeName
+          })
+          let arr = []
+          let obj = {}
+          res.data.forEach(it => {
+            arr.push(it.turnOnNum)
+            obj.name = '接通数'
+            obj.type = 'bar'
+            obj.data = arr
+            obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
+          })
+          seriesArr.push(obj)
+          arr = []
+          obj = {}
+          res.data.forEach(it => {
+            arr.push(it.usrNum)
+            obj.name = '使用数'
+            obj.type = 'bar'
+            obj.data = arr
+            obj.markLine = { data: [{ type: 'average', name: 'Avg' }] }
+          })
+          seriesArr.push(obj)
+          const chartData = {
+            xAxis: xAxis,
+            taskName: '小组统计',
+            type: 'manager',
+            seriesArr: seriesArr
+          }
+          loading.close()
+          this.barCharData = chartData
+        })
+        .catch(() => {
+          loading.close()
+        })
+    },
+    // CRM线索状态比对or成交额
+    getClueStage({ startTime, endTime, memberIds, organizeIds }) {
+      this.routineLoading2 = true
+      getClueStage({ startTime, endTime, memberIds, organizeIds })
+        .then(res => {
+          const data = res.data
+          if (this.user.isManager) {
+            // // 业务管理员
+            data.forEach((item, index) => {
+              const seriesArr = []
+              const obj = {
+                name: item.memberName,
+                type: 'pie',
+                radius: '55%',
+                center: ['50%', '50%'],
+                data: [
+                  {
+                    value: item.newClue,
+                    name: '新线索',
+                    itemStyle: { color: '#388CE4' }
+                  },
+                  {
+                    value: item.communicat,
+                    name: '待沟通',
+                    itemStyle: { color: '#FDE979' }
+                  },
+                  {
+                    value: item.efficient,
+                    name: '有效',
+                    itemStyle: { color: '#EE6666' }
+                  },
+                  {
+                    value: item.addWechat,
+                    name: '已加微信',
+                    itemStyle: { color: '#FBC951' }
+                  },
+                  {
+                    value: item.intention,
+                    name: '高意向',
+                    itemStyle: { color: '#58BFF7' }
+                  },
+                  {
+                    value: item.inviting,
+                    name: '邀约中',
+                    itemStyle: { color: '#A7C0FE' }
+                  },
+                  {
+                    value: item.interview,
+                    name: '到场',
+                    itemStyle: { color: '#91CC75' }
+                  },
+                  {
+                    value: item.deal,
+                    name: '已成交',
+                    itemStyle: { color: '#F78E29' }
+                  },
+                  {
+                    value: item.noIntention,
+                    name: '无意向',
+                    itemStyle: { color: '#92E1C5' }
+                  }
+                ],
+                // roseType: 'radius',
+                animationType: 'scale',
+                animationEasing: 'elasticOut'
+              }
+              seriesArr.push(obj)
+              const chartData = {
+                botDetails: false,
+                type: 'irregular',
+                seriesArr: seriesArr
+              }
+              if (index === 0) {
+                this.managerPieChart1 = chartData
+              }
+              if (index === 1) {
+                this.managerPieChart2 = chartData
+              }
+              if (index === 2) {
+                this.managerPieChart3 = chartData
+              }
+              if (index === 3) {
+                this.managerPieChart4 = chartData
+              }
+            })
+          } else if (!this.user.isManager && !this.user.isAdmin) {
+            const seriesArr = []
+            // 业务员-饼图
+            const obj = {
+              type: 'pie',
+              radius: '50%',
+              data: [
+                { value: data[0].newClue, name: '新线索' },
+                { value: data[0].communicat, name: '待沟通' },
+                { value: data[0].efficient, name: '有效' },
+                { value: data[0].addWechat, name: '已加微信' },
+                { value: data[0].intention, name: '高意向' },
+                { value: data[0].inviting, name: '邀约中' },
+                { value: data[0].interview, name: '到场' },
+                { value: data[0].deal, name: '已成交' },
+                { value: data[0].noIntention, name: '无意向' }
+              ],
+              animationEasing: 'cubicInOut',
+              emphasis: {
+                itemStyle: {
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+            seriesArr.push(obj)
+            const chartData = {
+              seriesArr: seriesArr,
+              botDetails: false
+            }
+            this.pieChartData = chartData
+          }
+          this.routineLoading2 = false
+        })
+        .catch(() => {
+          this.routineLoading2 = false
+        })
+    },
+    // 拓客模块线索状态比对or昨日多任务
+    getTokerClueStage({ beginTime, endTime, memberId, taskIds }) {
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      tokerPie({ beginTime, endTime, memberId, taskIds })
+        .then(res => {
+          // 业务管理员
+          const seriesArr = []
+          const YAxis = res.data.map(it => {
+            return it.taskName
+          })
+          let obj = {}
+          let arr = []
+          res.data.forEach(item => {
+            arr.push(item.intention)
+          })
+          obj.name = '有意向'
+          obj.type = 'bar'
+          obj.data = arr
+          seriesArr.push(obj)
+          obj = {}
+          arr = []
+          res.data.forEach(item => {
+            arr.push(item.notIntention)
+          })
+          obj.name = '无意向'
+          obj.type = 'bar'
+          obj.data = arr
+          seriesArr.push(obj)
+          obj = {}
+          arr = []
+          res.data.forEach(item => {
+            arr.push(item.notTurnOn)
+          })
+          obj.name = '待再沟通'
+          obj.type = 'bar'
+          obj.data = arr
+          seriesArr.push(obj)
+          const chartData = {
+            YAxis: YAxis,
+            type: 'vertical',
+            seriesArr: seriesArr
+          }
+          console.log(chartData, 'chartData')
+          this.tokerBarChartData = chartData
+          loading.close()
+        })
+        .catch(() => {
+          loading.close()
+        })
+    },
+    // 商机多任务对比图
+    reportCrmPie({ beginTime, endTime, memberId, taskIds }) {
+      this.routineLoading1 = true
+      reportCrmPie({ beginTime, endTime, memberId, taskIds })
+        .then(res => {
+          res.data.forEach((item, index) => {
+            const seriesArr = []
+            const obj = {
+              name: item.taskName,
+              type: 'pie',
+              radius: '55%',
+              center: ['50%', '50%'],
+              data: [
+                {
+                  value: item.newClue,
+                  name: '新线索',
+                  itemStyle: { color: '#388CE4' }
+                },
+                {
+                  value: item.communicat,
+                  name: '待沟通',
+                  itemStyle: { color: '#FDE979' }
+                },
+                {
+                  value: item.efficient,
+                  name: '有效',
+                  itemStyle: { color: '#EE6666' }
+                },
+                {
+                  value: item.addWechat,
+                  name: '已加微信',
+                  itemStyle: { color: '#FBC951' }
+                },
+                {
+                  value: item.intention,
+                  name: '高意向',
+                  itemStyle: { color: '#58BFF7' }
+                },
+                {
+                  value: item.inviting,
+                  name: '邀约中',
+                  itemStyle: { color: '#A7C0FE' }
+                },
+                {
+                  value: item.interview,
+                  name: '到场',
+                  itemStyle: { color: '#91CC75' }
+                },
+                {
+                  value: item.deal,
+                  name: '已成交',
+                  itemStyle: { color: '#F78E29' }
+                },
+                {
+                  value: item.noIntention,
+                  name: '无意向',
+                  itemStyle: { color: '#92E1C5' }
+                }
+              ],
+              // roseType: 'radius', // 南丁格尔玫瑰图
+              animationType: 'scale',
+              animationEasing: 'elasticOut'
+            }
+            seriesArr.push(obj)
+            const chartData = {
+              botDetails: false,
+              type: 'irregular',
+              seriesArr: seriesArr
+            }
+            if (index === 0) {
+              this.managerTaskPieChart1 = chartData
+            }
+            if (index === 1) {
+              this.managerTaskPieChart2 = chartData
+            }
+            if (index === 2) {
+              this.managerTaskPieChart3 = chartData
+            }
+            if (index === 3) {
+              this.managerTaskPieChart4 = chartData
+            }
+          })
+          this.routineLoading1 = false
+        })
+        .catch(() => {
+          this.routineLoading1 = false
+        })
+    },
+    // 小组列表
+    organizeQueryAll() {
+      const params = {
+        page: 0,
+        size: 100
+      }
+      organizeQueryAll(params).then(res => {
+        this.groupList = res.content
+      })
+    },
+    parameFun(arr) {
+      arr.forEach(item => {
+        item.turnOnRate = item.data.map(it => {
+          return it.turnOnRate * 100
+        })
+        item.usrRate = item.data.map(it => {
+          return it.usrRate * 100
+        })
+        item.createTime = item.data.map(it => {
+          return parseTime(it.createTime, '{y}-{m}-{d}')
+        })
+      })
+      return arr
+    },
+    // 资源列表
+    taskQueryAll() {
+      const params = {
+        page: 0,
+        size: 100,
+        isDistribution: 1,
+        isForm: ''
+      }
+      taskQueryAll(params).then(res => {
+        this.taskList = res.content
+      })
+    },
+    // 拓客资源
+    tokerTaskQueryAll() {
+      const params = {
+        page: 0,
+        size: 100,
+        isDistribution: 1,
+        isForm: ''
+      }
+      if (this.user.isTokerAdmin) {
+        // 拓客投流任务标识
+        params.isForm = 99
+      }
+      taskQueryAll(params).then(res => {
+        this.tokerTaskList = res.content
+      })
+    },
+    // 日期
+    changetime(attribute) {
+      if (this[attribute].taskTime) {
+        const difDay = getDaysBetween(
+          this[attribute].taskTime[0],
+          this[attribute].taskTime[1]
+        )
+        const difHour = getDaysBetween(
+          this[attribute].taskTime[0],
+          this[attribute].taskTime[1],
+          'hour'
+        )
+        const difMonth = MonthsBetw(
+          this[attribute].taskTime[0],
+          this[attribute].taskTime[1]
+        )
+        if (this[attribute].type === 1) {
+          if (difHour > 48) {
+            this.$message.warning('最大支持48小时')
+            this.issubmit = false
+            return false
+          }
+        } else if (this[attribute].type === 2) {
+          if (difDay > 30) {
+            this.$message.warning('最大支持30天')
+            this.issubmit = false
+            return false
+          }
+        } else if (this[attribute].type === 3) {
+          if (difMonth > 2) {
+            this.$message.warning('最大支持2个月')
+            this.issubmit = false
+            return false
+          }
+        }
+        this.issubmit = true
+      }
+    },
+    // 业务管理员搜素
+    taskToQuery(attribute) {
+      if (this.issubmit) {
+        if (
+          (attribute === 'tokerTaskForm' || attribute === 'taskForm') &&
+          this[attribute].taskType.length === 0
+        ) {
+          this.$message.warning('请选择任务')
+          return false
+        }
+        if (
+          (attribute === 'tokerTaskForm' || attribute === 'taskForm') &&
+          (!this[attribute].clueStage && this[attribute].clueStage !== 0)
+        ) {
+          this.$message.warning(
+            `${
+              attribute === 'tokerTaskForm'
+                ? '请选择线索状态'
+                : '请选择线索阶段'
+            }`
+          )
+          return false
+        }
+        const obj = {
+          beginTime: this[attribute].taskTime
+            ? this[attribute].taskTime[0]
+            : '',
+          endTime: this[attribute].taskTime ? this[attribute].taskTime[1] : '',
+          memberId: this.user.id
+        }
+        if (attribute === 'taskForm') {
+          obj.taskIds = this[attribute].taskType
+          obj.clueStage = this[attribute].clueStage
+          this.lineChartData = null
+          this.reportBroken(obj)
+        }
+        if (attribute === 'tokerTaskForm') {
+          obj.taskIds = this[attribute].taskType
+          obj.clueStage = this[attribute].clueStage
+          this.tokerLineChartData = null
+          this.tokerReportTask(obj)
+        }
+      }
+    },
+    // 业务员搜索
+    salesmanToQuery() {
+      const obj = {
+        beginTime: this.salesmanBar.taskTime
+          ? this.salesmanBar.taskTime[0]
+          : '',
+        endTime: this.salesmanBar.taskTime ? this.salesmanBar.taskTime[1] : '',
+        memberId: this.user.id
+      }
+      this.salesmanBarChartData = ''
+      this.reportMember(obj)
+    },
+    // 小组搜素
+    groupQuery() {
+      const obj = {
+        beginTime: this.groupForm.groupTime ? this.groupForm.groupTime[0] : '',
+        endTime: this.groupForm.groupTime ? this.groupForm.groupTime[1] : '',
+        ids: this.groupForm.groupid
+      }
+      this.barCharData = ''
+      this.reportOrganize(obj)
+    },
+    // 业务员状态额度搜素
+    quotaQuery() {
+      const obj = {
+        startTime: this.localSerchTop.taskTime
+          ? this.localSerchTop.taskTime[0]
+          : '',
+        endTime: this.localSerchTop.taskTime
+          ? this.localSerchTop.taskTime[1]
+          : '',
+        memberIds: this.localSerchTop.userIdList,
+        organizeIds: this.localSerchTop.groupid
+      }
+      this.pieChartData = null
+      // this.saleBarCharData = null
+      this.managerPieChart1 = null
+      this.managerPieChart2 = null
+      this.managerPieChart3 = null
+      this.managerPieChart4 = null
+      if (
+        this.user.isManager &&
+        this.localSerchTop.userIdList.length === 0 &&
+        this.localSerchTop.groupid.length === 0
+      ) {
+        this.$message.warning('请选择搜索主体')
+        return false
+      }
+      this.getClueStage(obj)
+    },
+    // 商机多任务状态对比
+    manyTaskQuery() {
+      const obj = {
+        beginTime: this.manyTaskSerchTop.taskTime
+          ? this.manyTaskSerchTop.taskTime[0]
+          : '',
+        endTime: this.manyTaskSerchTop.taskTime
+          ? this.manyTaskSerchTop.taskTime[1]
+          : '',
+        memberId: this.user.id,
+        taskIds: this.manyTaskSerchTop.taskType
+      }
+      this.managerTaskPieChart1 = null
+      this.managerTaskPieChart2 = null
+      this.managerTaskPieChart3 = null
+      this.managerTaskPieChart4 = null
+      if (obj.taskIds.length === 0) {
+        this.$message.warning('请选择任务')
+        return false
+      }
+      this.reportCrmPie(obj)
+    },
+    openTaskDownProp() {
+      this.taskProp = !this.taskProp
+    },
+    // 导出
+    doExport(type, source) {
+      const obj = {
+        beginTime: this[source].taskTime ? this[source].taskTime[0] : '',
+        endTime: this[source].taskTime ? this[source].taskTime[1] : '',
+        type: type === 1 ? this[source].type : '',
+        taskIds: type === 1 ? this[source].taskType : this.groupForm.groupid
+      }
+      if (type === 1) {
+        if (this[source].taskType.length === 0) {
+          this.$message.warning('请选择任务')
+          return false
+        }
+        downloadTask(obj).then(res => {
+          downloadFile(res, '商机多任务统计数据', 'xlsx')
+        })
+      } else if (type === 2) {
+        // singleTask({ id: id }).then(res => {
+        //   downloadFile(res, '任务统计数据', 'xlsx')
+        // })
+      } else if (type === 3) {
+        delete obj.type
+        delete obj.taskIds
+        turnoverDownload(obj).then(res => {
+          downloadFile(res, '成交额统计数据', 'xlsx')
+        })
+      }
+    },
+    // 拓客模块多任务导出
+    doTokerExport(type) {
+      const obj = {
+        beginTime: this.tokerTaskForm.taskTime
+          ? this.tokerTaskForm.taskTime[0]
+          : '',
+        endTime: this.tokerTaskForm.taskTime
+          ? this.tokerTaskForm.taskTime[1]
+          : '',
+        taskIds: this.tokerTaskForm.taskType,
+        clueStage: this.tokerTaskForm.clueStage
+      }
+
+      if (type === 1) {
+        if (this.tokerTaskForm.taskType.length === 0) {
+          this.$message.warning('请选择任务')
+          return false
+        }
+        tokerDownload(obj).then(res => {
+          downloadFile(res, '拓客模块任务统计数据', 'xlsx')
+        })
+      }
+    },
+    // 漏斗搜索
+    salesmanFunnelToQuery() {
+      const arr = []
+      arr.push(this.user.id)
+      const obj = {
+        startTime: this.salesmanFunnel.taskTime
+          ? this.salesmanFunnel.taskTime[0]
+          : '',
+        endTime: this.salesmanFunnel.taskTime
+          ? this.salesmanFunnel.taskTime[1]
+          : '',
+        memberIds: arr
+      }
+      this.getReportFunnel(obj)
+    },
+    getReportFunnel(data) {
+      this.routineLoading1 = true
+      getReportFunnel(data)
+        .then(res => {
+          const data = res.data
+          const num = 10
+          const seriesArr = [
+            { value: data.newClue + num, name: '新线索' },
+            { value: data.communicat + num, name: '待沟通' },
+            { value: data.efficient + num, name: '有效' },
+            { value: data.addWechat + num, name: '已加微信' },
+            { value: data.intention + num, name: '高意向' },
+            { value: data.inviting + num, name: '邀约中' },
+            { value: data.interview + num, name: '到场' },
+            { value: data.deal + num, name: '已成交' }
+          ]
+          const legend = [
+            '新线索',
+            '待沟通',
+            '有效',
+            '已加微信',
+            '高意向',
+            '邀约中',
+            '到场',
+            '已成交'
+          ]
+          const chartData = {
+            tooltipName: '线索',
+            botDetails: false,
+            legend: legend,
+            seriesArr: seriesArr
+          }
+          this.FunnelData = chartData
+          this.routineLoading1 = false
+        })
+        .catch(() => {
+          this.routineLoading1 = false
+        })
+    },
+    successImg(esponse, type) {
+      this.agreementForm[type] = this.baseImgUrl + '/avatar/' + esponse.picture
+    },
+    // 失败处理
+    errorImg(err) {
+      const response = JSON.parse(err.message)
+      const code = response.code
+      if (code === 401) {
+        store.dispatch('LogOut').then(() => {
+          // 用户登录界面提示
+          Cookies.set('point', 401)
+          location.reload()
+        })
+      }
+    },
+    // 签订协议
+    submitAgreement() {
+      this.$refs.ruleForm.validate(valid => {
+        if (!this.agreementForm.managerIdFront) {
+          this.$message.warning('请上传经办人正面照')
+          return false
+        }
+        if (!this.agreementForm.managerIdReverse) {
+          this.$message.warning('请上传经办人反面照')
+          return false
+        }
+        if (!this.agreementForm.legalPersonIdFront) {
+          this.$message.warning('请上传法人正面照')
+          return false
+        }
+        if (!this.agreementForm.legalPersonIdReverse) {
+          this.$message.warning('请上传法人反面照')
+          return false
+        }
+        if (valid) {
+          if (this.agrChecked) {
+            userUpdateCompany(this.agreementForm)
+              .then(res => {
+                this.$alert('提交成功,请联系管理员审核', '通知', {
+                  confirmButtonText: '确定',
+                  callback: action => {
+                    this.$store.dispatch('LogOut').then(() => {
+                      location.reload()
+                    })
+                  }
+                })
+              })
+              .catch(() => {
+                this.subloading = false
+              })
+          } else {
+            this.$message.warning('请先阅读并勾选协议')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+      this.agreementForm.managerIdFront = ''
+      this.agreementForm.managerIdReverse = ''
+      this.agreementForm.legalPersonIdFront = ''
+      this.agreementForm.legalPersonIdReverse = ''
+    },
+    // 登出
+    logout() {
+      this.$store.dispatch('LogOut').then(() => {
+        location.reload()
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-select__tags {
+  display: flex;
+  flex-wrap: nowrap;
+}
+::v-deep .el-select__tags-text {
+  max-width: 70px !important; //设置最大宽度 超出显示...
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: bottom;
+  text-overflow: ellipsis;
+}
+.top-block {
+  width: 100%;
+  background: #fff;
+  padding: 20px 20px 20px;
+  margin-bottom: 20px;
+  border-radius: 4px;
+  .title {
+    font-size: 17px;
+    font-weight: 600;
+    color: #000;
+    margin-bottom: 20px;
+  }
+  .min-title {
+    font-size: 12px;
+    color: rgba($color: #000000, $alpha: 0.6);
+    font-weight: 500;
+  }
+  .statistics {
+    // background: #f0f2f5;
+    line-height: 24px;
+    .top-item {
+      background: #ffffff;
+      box-shadow: 0px 1px 4px 1px rgba(36, 111, 220, 0.06);
+      border-radius: 4px;
+      width: 32%;
+      height: 80px;
+      padding: 10px;
+    }
+    img {
+      width: 14px;
+      height: 14x;
+    }
+  }
+}
+.toolGroup {
+  padding: 15px 0 0 15px;
+}
+.top-currency-title {
+  padding: 20px 20px 12px;
+  border-bottom: 1px solid #e9e9e9;
+  height: 56px;
+}
+.charTitle {
+  font-size: 17px;
+  font-weight: 600;
+  color: #000000;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+.agrProp ::v-deep .el-dialog {
+  height: 70vh;
+  overflow: auto;
+}
+.agrProp ::v-deep .el-dialog__body {
+  padding-top: 0;
+}
+.date-item {
+  width: 230px !important;
+}
+.dashboard-editor-container {
+  padding: 20px;
+  background-color: rgb(240, 242, 245);
+  position: relative;
+
+  .github-corner {
+    position: absolute;
+    top: 0;
+    border: 0;
+    right: 0;
+  }
+
+  .chart-wrapper {
+    background: #fff;
+    padding: 10px 0 0;
+    margin-bottom: 20px;
+  }
+}
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-img {
+  width: 165px;
+  height: 110px;
+}
+.avatar {
+  width: 165px;
+  height: 110px;
+  display: block;
+}
+// DMP拓客和广告质量分
+
+// @media (max-width: 1024px) {
+//   .chart-wrapper {
+//     padding: 8px;
+//   }
+// }
+// .card-panel-description {
+//       font-weight: bold;
+//       margin-top: 32px;
+//       position: inherit;
+//       left: 16px;
+
+//       .card-panel-text {
+//         line-height: 30px;
+//         color: rgba(0, 0, 0, 0.6);
+//         font-size: 14px;
+//       }
+
+//       .card-panel-num {
+//         font-size: 20px;
+//       }
+//     }
+
+// .panel-group {
+  // margin-top: 18px;
+
+  // .card-panel-col {
+  //   margin-bottom: 32px;
+  // }
+
+  // .card-panel {
+    // height: 108px;
+    // cursor: pointer;
+    // font-size: 12px;
+    // position: relative;
+    // overflow: hidden;
+    // color: #666;
+    // background: #fff;
+    // box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    // border-color: rgba(0, 0, 0, .05);
+
+    // &:hover {
+    //   .card-panel-icon-wrapper {
+    //     color: #fff;
+    //   }
+    //   .icon-app{
+    //     background: #40c9c6;
+    //   }
+
+    //   .icon-people {
+    //     background: #40c9c6;
+    //   }
+
+    //   .icon-message {
+    //     background: #b3a3da;
+    //   }
+
+    //   .icon-money {
+    //     background: #6587f7;
+    //   }
+
+    //   .icon-shopping {
+    //     background: #34bfa3
+    //   }
+    // }
+    // .icon-app{
+    //   color: #40c9c6;
+    // }
+
+    // .icon-people {
+    //   color: #40c9c6;
+    // }
+
+    // .icon-message {
+    //   color: #b3a3da;
+    // }
+
+    // .icon-money {
+    //   color: #6587f7;
+    // }
+
+    // .icon-shopping {
+    //   color: #34bfa3
+    // }
+
+    // .card-panel-icon-wrapper {
+    //   float: left;
+    //   margin: 14px 0 0 14px;
+    //   padding: 16px;
+    //   transition: all 0.38s ease-out;
+    //   border-radius: 6px;
+    // }
+
+    // .card-panel-icon {
+    //   float: left;
+    //   font-size: 48px;
+    // }
+
+    // .card-panel-description {
+      // float: right;
+      // font-weight: bold;
+      // margin: 26px;
+      // margin-left: 0px;
+      // .grid-content{
+      //   // text-align: left;
+      // }
+      .grid-content-item{
+  width: max-content;
+  min-width: 100px;
+  text-align: left;
+  // line-height: 30px;
+  // color: rgba(0,0,0,.6);
+  // // font-size: 14px;
+  font-weight: 700;
+}
+
+      .card-panel-text {
+        line-height: 30px;
+        color: rgba(0,0,0,.6);
+        font-size: 14px;
+        // margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+        color: #666;
+      }
+    // }
+  // }
+// }
+
+// @media (max-width:550px) {
+//   .card-panel-description {
+//     display: none;
+//   }
+
+//   .card-panel-icon-wrapper {
+//     float: none !important;
+//     width: 100%;
+//     height: 100%;
+//     margin: 0 !important;
+
+//     .svg-icon {
+//       display: block;
+//       margin: 14px auto !important;
+//       float: none !important;
+//     }
+//   }
+// }
+.el-row {
+    // margin-bottom: 20px;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  .el-col {
+    border-radius: 4px;
+  }
+  .bg-purple-dark {
+    background: #99a9bf;
+  }
+  .bg-purple {
+    background: #d3dce6;
+  }
+  .bg-purple-light {
+    background: #e5e9f2;
+  }
+  .grid-content {
+    border-radius: 4px;
+    min-height: 36px;
+  display: flex;
+  justify-content: center;
+  }
+  .row-bg {
+    padding: 10px 0;
+    background-color: #f9fafc;
+  }
+  //搜索放在右下角
+  .screenArea{
+    // width: max-content;
+    // text-align: right;
+  }
+  //相关功能开发中
+  .box .underDevelopment {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    display: flex;
+    align-items: center;
+}
+.bullshit {
+  font-size: 19px;
+    font-weight: bold;
+    line-height: 40px;
+    color: #5066e1;
+    // opacity: 0;
+    margin-left: 20px;
+}
+</style>