diff --git a/.env.production b/.env.production
index c0c909d..f242ec6 100644
--- a/.env.production
+++ b/.env.production
@@ -3,13 +3,13 @@
  # @Autor: 飘泊客
  # @Date: 2023-05-05 16:18:03
  # @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-09 15:31:18
+ # @LastEditTime: 2023-10-16 12:57:34
 ### 
 ENV = 'production'
 
 # 如果使用 Nginx 代理后端接口，那么此处需要改为 '/'，文件查看 Docker 部署篇，Nginx 配置
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
-VUE_APP_BASE_API  = 'http://39.100.77.21:8013'
-VUE_APP_BASE_IMG  = 'http://39.100.77.21:8013'
+VUE_APP_BASE_API  = 'https://baiyee.vip'
+VUE_APP_BASE_IMG  = 'https://baiyee.vip'
 # 如果接口是 http 形式， wss 需要改为 ws
 VUE_APP_WS_API = 'wss://baiyee.vip'
\ No newline at end of file
diff --git a/src/views/home.vue b/src/views/home.vue
index 9099126..310cb0a 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,2804 +1,2804 @@
-<!--
- * @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>
-              <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)
-    },
-    // 时间格式化
-    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-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>
diff --git a/src/views/internationalWaters/index.vue b/src/views/internationalWaters/index.vue
index d6529fa..6b7f1c4 100644
--- a/src/views/internationalWaters/index.vue
+++ b/src/views/internationalWaters/index.vue
@@ -1,1220 +1,1220 @@
-<template>
-  <div class="app-container">
-    <el-row :gutter="20">
-      <!--侧边资源列表-->
-      <el-col :xs="9" :sm="6" :md="5" :lg="5" :xl="4" style="max-width: 250px;">
-        <div class="head-container head-left">
-          <div class="text-center u-flex">
-            <img src="@/assets/images/add-icon.png">
-            <el-button class="addBtn" type="text" @click.stop="operationFun({type: 'add'})">新建任务</el-button>
-          </div>
-        </div>
-        <div class="menu-left sim-cont">
-          <div v-if="deptDatas.length > 0">
-            <div v-for="(item, index) in deptDatas" :key="index" :class="{'current-resources': operationIndex === index}" class="resources_item mb-10" @click="operationFun({type: 'select', idx: index, row: item})">
-              <div class="u-flex u-flex-between">
-                <div class="u-flex text-hide">
-                  <label class="el-form-item__label">任务名称</label>
-                  <el-tooltip class="item" effect="dark" :content="item.taskName" placement="top">
-                    <div class="text-hide text">{{ item.taskName }}</div>
-                  </el-tooltip>
-                </div>
-                <!-- <div v-if="!item.isForm" @click.stop="onClickDel(item.id, index)"><i class="el-icon-delete" /></div> -->
-              </div>
-              <div class="u-flex"><label class="el-form-item__label">未分配比</label><div class="text-hide text">{{ item.unassigned + '/' + item.totalNumber }}</div></div>
-              <div class="u-flex flex-baseline">
-                <label class="el-form-item__label">任务备注</label>
-                <el-tooltip class="item" effect="dark" :content="item.remark" placement="top">
-                  <div class="text-hide-2 text">{{ item.remark }}</div>
-                </el-tooltip>
-              </div>
-              <div class="u-flex"><label class="el-form-item__label">导入时间</label><div class="text-hide text"> {{ parseTime(item.updateTime) }}</div></div>
-              <el-button :type="item.isForm == 3 ? 'warning' : 'primary'" :disabled="item.isForm == 1 || item.isForm == 2 || item.isForm == 3 || item.isForm == 8" @click.stop="operationFun({type: 'resourcesProp', idx: index, row: item})">{{ item.isForm == 1 ? '表单动态' : item.isForm == 2 ? '员工导入' : item.isForm == 3 ? '抖音动态' : '编辑' }}</el-button>
-            </div>
-          </div>
-          <div v-else>
-            <el-empty description="暂无数据" :image="zanwu" />
-          </div>
-          <div class="text-center left-page">
-            <el-pagination
-              layout="prev, next"
-              background
-              :page-size="10"
-              :current-page.sync="leftPage"
-              :total="resourcesTotal"
-              :hide-on-single-page="true"
-              @current-change="handleCurrentChange"
-            />
-          </div>
-        </div>
-      </el-col>
-      <!--用户数据-->
-      <el-col :xs="24" :sm="24" :md="19" :lg="19" :xl="20">
-        <!--工具栏-->
-        <div class="head-container">
-          <!-- 搜索 -->
-          <div class="u-flex u-flex-wrap">
-            <div class="u-flex">
-              <label class="y-label">任务名称：</label>
-              <el-input
-                v-model="query.taskName"
-                clearable
-                size="small"
-                placeholder="输入任务名称"
-                style="width: 170px;"
-                class="filter-item"
-                @keyup.enter.native="crud.toQuery"
-              />
-            </div>
-            <div class="u-flex">
-              <label class="y-label">线索状态：</label>
-              <el-select
-                v-model="query.memberStatus"
-                clearable
-                size="small"
-                placeholder="线索状态"
-                class="filter-item"
-                style="width: 170px"
-                @change="crud.toQuery"
-              >
-                <el-option
-                  v-for="item in enabledTypeOptions"
-                  :key="item.key"
-                  :label="item.display_name"
-                  :value="item.key"
-                />
-              </el-select>
-            </div>
-            <div class="u-flex">
-              <label class="y-label">日期：</label>
-              <date-range-picker v-model="query.createTime" class="date-item" />
-            </div>
-            <rrOperation :reset-current="true" style="margin-left: 5px;" @resetcurrent="resetTaskCur" />
-          </div>
-          <el-button size="mini" type="primary" :disabled="multipleSelection.length == 0 || query.memberStatus != 0" @click="operationFun({type: 'distributionProp'})">批量分配</el-button>
-          <el-button size="mini" type="primary" :disabled="multipleSelection.length == 0 || query.memberStatus == 0" @click="operationFun({type: 'allwithdraw'})">批量撤回</el-button>
-          <!-- <el-button v-if="taskDetail.isForm == 1 || taskDetail.isForm == 2 || taskDetail.isForm == 3" size="mini" type="primary" @click="upFormNncryption">{{ taskDetail.encryptionType == 1 ? '脱敏' : '加敏' }}</el-button> -->
-          <el-popover
-            v-model="proportionPopover"
-            placement="right"
-            width="400"
-            trigger="manual"
-          >
-            <div>
-              <div class="u-flex u-flex-between mb-10">
-                <span class="fs-14 block">自动分配<span class="red">(勾选不填默认等比分配)</span></span>
-                <el-switch
-                  v-model="distributionSwitch"
-                  inactive-text="是否开启"
-                />
-              </div>
-              <el-table ref="multipleTable" :data="userOptionsAll" tooltip-effect="dark" style="height: 400px;overflow-y: auto;" @selection-change="handleUserSelectionChange">
-                <el-table-column type="selection" width="55" />
-                <el-table-column width="100" property="label" label="组员名" />
-                <el-table-column label="分配比">
-                  <template slot-scope="scope">
-                    <label>分配比：</label>
-                    <el-input
-                      v-model="scope.row.ratio"
-                      type="number"
-                      placeholder="资源%"
-                      :maxlength="2"
-                      class="input-new-tag"
-                      size="mini"
-                    />
-                  </template>
-                </el-table-column>
-              </el-table>
-              <div style="margin-top: 20px;float: right;">
-                <el-button size="mini" @click="proportionPopover = false">取消</el-button>
-                <el-button type="primary" size="mini" class="ml-5" :loading="subloading" @click="setCurrent">保存</el-button>
-              </div>
-            </div>
-            <el-button slot="reference" :disabled="operationIndex === ''" size="mini" type="primary" @click="upProportion">自动分配</el-button>
-          </el-popover>
-        </div>
-        <!--表格渲染-->
-        <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" :header-cell-style="{'text-align':'left'}" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" />
-          <el-table-column :show-overflow-tooltip="true" prop="taskName" label="任务名" width="120" />
-          <el-table-column :show-overflow-tooltip="true" prop="name" label="姓名">
-            <template slot-scope="scope">
-              {{ scope.row.name || '-' }}
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="nid" width="100" label="手机" />
-          <el-table-column :show-overflow-tooltip="true" prop="castInfo" width="200" label="客户留资">
-            <template slot-scope="scope">
-              {{ scope.row.castInfo || '-' }}
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="memberStatus" label="分配状态">
-            <template slot-scope="scope">
-              <el-tag :type="scope.row.memberStatus == 0 ? 'warning' : 'success'">{{ scope.row.memberStatus == 0 ? '未分配' : '已分配' }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="clueCallStatus" label="通话状态">
-            <template slot-scope="scope">
-              <el-tag :type="scope.row.clueCallStatus == 0 ? '' : scope.row.clueCallStatus == 1 ? 'warning' : 'success'">{{ scope.row.clueCallStatus == 0 ? '未拨打' : scope.row.clueCallStatus == 1 ? '未接听' : '已接通' }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="distributeUserName" label="跟进人" width="160">
-            <template slot-scope="scope">
-              {{ scope.row.distributeUserName || '-' }}
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
-            <template slot-scope="scope">
-              <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="操作"
-            width="140"
-            fixed="right"
-          >
-            <template slot-scope="scope">
-              <div class="u-flex u-flex-center">
-                <el-popover
-                  :ref="`close-popover-${scope.$index}`"
-                  placement="right"
-                  width="400"
-                  trigger="click"
-                >
-                  <div>
-                    <div class="el-dialog__title fs-16 mb-15">人员指派</div>
-                    <treeselect
-                      v-model="assignUserId"
-                      :options="userOptions"
-                      :disable-branch-nodes="true"
-                      search-nested
-                      searchable
-                      no-options-text="暂无数据"
-                      placeholder="选择业务员"
-                      @close="editUser"
-                    />
-                    <div slot="footer" class="dialog-footer mt-15 fr">
-                      <el-button
-                        type="primary"
-                        @click="assignSubmit('single')"
-                      >确认</el-button>
-                    </div>
-                  </div>
-                  <el-button
-                    slot="reference"
-                    size="mini"
-                    type="text"
-                    :disabled="scope.row.memberStatus != 0"
-                    @click.stop="operationFun({type: 'single', idx: scope.$index})"
-                  >指派</el-button>
-                </el-popover>
-                <udOperation :data="scope.row" :permission="permission" msg="确定撤回本条已分配的数据吗？" class="ml-10" @toWithdrawSource="withdrawSource" />
-              </div>
-            </template>
-          </el-table-column>
-          <template #empty>
-            <div style="width: 100%; height: 450px;display: flex; flex-direction: column; justify-content: center;align-items: center">
-              <img src="@/assets/images/zanwu.png" alt="">
-              <div>暂无数据</div>
-            </div>
-          </template>
-        </el-table>
-        <!--分页组件-->
-        <pagination />
-      </el-col>
-      <!-- <el-col :xs="24" :sm="24" :md="8" :lg="6" :xl="4">
-        <Message />
-      </el-col> -->
-    </el-row>
-    <!--新建任务-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :before-close="(type)=>{operationFun({type: 'distSwitch'})}"
-      :visible.sync="taskDialog"
-      title="新建任务"
-      width="520px"
-    >
-      <el-form
-        ref="form"
-        :inline="true"
-        :model="form"
-        :rules="rules"
-        size="small"
-        label-width="80px"
-      >
-        <el-form-item label="任务名称" prop="taskName">
-          <el-input v-model="form.taskName" style="width: 340px" />
-        </el-form-item>
-        <!-- <div class="u-flex mb-15">
-          <div class="label">
-            标签
-          </div>
-          <el-select v-model="form.labelOrganizeId" placeholder="请选择">
-            <el-option
-              v-for="item in labelArr"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            />
-          </el-select>
-          <div class="u-flex labelGroup">
-            <div>
-              <el-tag
-                v-for="tag in form.baseLabel"
-                :key="tag"
-                closable
-                :disable-transitions="false"
-                @close="handleClose(tag)"
-              >
-                {{ tag }}
-              </el-tag>
-              <el-input
-                v-if="inputVisible"
-                ref="saveTagInput"
-                v-model="inputValue"
-                class="input-new-tag"
-                size="small"
-                @keyup.enter.native="handleInputConfirm"
-                @blur="handleInputConfirm"
-              />
-              <el-button v-else class="button-new-tag" size="small" @click="showInput">新增</el-button>
-            </div>
-          </div>
-        </div> -->
-        <el-form-item label="号码加密">
-          <el-switch v-model="form.encryptionType" :active-value="1" :inactive-value="0" />
-        </el-form-item>
-        <el-form-item label="备注">
-          <el-input v-model="form.remark" type="textarea" style="width: 340px" placeholder="请输入备注" :rows="3" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="operationFun({type: 'distSwitch'})">取消</el-button>
-        <el-button
-          :loading="subloading"
-          type="primary"
-          @click="submitTask"
-        >确认</el-button>
-      </div>
-    </el-dialog>
-    <!--追加资源-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :visible.sync="resourcesDialog"
-      :before-close="closeResourcesProp"
-      title="编辑"
-      width="520px"
-      class="import-dialog"
-    >
-      <el-tabs v-model="activeUploadName">
-        <el-tab-pane v-if="taskDetail.isForm !== 1 && taskDetail.isForm !== 2 && taskDetail.isForm !== 6 && taskDetail.isForm !== 7" label="模板导入" name="automatic">
-          <div class="margin-auto">
-            <el-upload
-              ref="updaatefiles"
-              action=""
-              accept=".xlsx,.xls"
-              drag
-              multiple
-              :limit="5"
-              class="mt-10 text-center"
-              :file-list="fileList"
-              :auto-upload="false"
-              :on-remove="handleRemove"
-              :on-exceed="handleExceed"
-              :http-request="updtaFils"
-            >
-              <i class="el-icon-upload" />
-              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-              <div slot="tip" class="el-upload__tip">只能上传.xls，.xlsx文件，且不超过100M</div>
-            </el-upload>
-            <div class="mb-10 u-flex" style="margin-top: 10px;">
-              <label>渠道选择：</label>
-              <div class="u-flex">
-                <el-select
-                  v-model="clueRouteId"
-                  size="mini"
-                  placeholder="请选择渠道"
-                >
-                  <el-option
-                    v-for="item in channelSelectionOptions"
-                    :key="item.id"
-                    :label="item.routeName"
-                    :value="item.id"
-                  />
-                </el-select>
-              </div>
-            </div>
-            <div class="line-text margin-auto">
-              1、请导入 xls，xlsx 格式的文件,默认<a href="#" class="link-type pl-5" @click="downFilex({ type: 1 })">模板下载</a><br>
-              2、必须填写表头方便后续匹配，也可点击下载 模板，帮助您快速完成导入<br>
-              3、多文件导入请统一提交<br>
-              4、一次最多支持导入 5 份文件<br>
-            </div>
-          <!-- <el-button type="success" class="mt-10" :loading="uploading" @click="submitUpload({type: 0})">上传资源</el-button> -->
-          </div>
-        </el-tab-pane>
-        <el-tab-pane v-if="taskDetail.isForm !== 1 && taskDetail.isForm !== 2 && taskDetail.isForm !== 6 && taskDetail.isForm !== 7" label="手动导入" name="manual">
-          <el-form ref="manualUpload" :model="uploadForm" :rules="manualRules" label-width="80px">
-            <el-form-item label="姓名" prop="name">
-              <el-input v-model="uploadForm.name" />
-            </el-form-item>
-            <el-form-item label="手机号" prop="nid">
-              <el-input v-model="uploadForm.nid" />
-            </el-form-item>
-            <el-form-item label="渠道选择" prop="routeId">
-              <el-select
-                v-model="uploadForm.routeId"
-                placeholder="请选择渠道"
-                style="width: 100%;"
-              >
-                <el-option
-                  v-for="item in channelSelectionOptions"
-                  :key="item.id"
-                  :label="item.routeName"
-                  :value="item.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="线索日期">
-              <el-date-picker v-model="uploadForm.collectTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
-            </el-form-item>
-            <el-form-item label="金额">
-              <el-input v-model="uploadForm.amount" type="Number" />
-            </el-form-item>
-            <el-form-item label="标识">
-              <el-input v-model="uploadForm.tag" />
-            </el-form-item>
-          </el-form>
-        </el-tab-pane>
-        <!-- <el-tab-pane label="标签设置" name="setlable">
-          <div class="u-flex mb-15">
-            <div class="label">
-              标签
-            </div>
-            <el-select v-model="uplabelOrganizeId" placeholder="请选择">
-              <el-option
-                v-for="item in labelArr"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
-            </el-select>
-          </div>
-        </el-tab-pane> -->
-      </el-tabs>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="closeResourcesProp">取消</el-button>
-        <el-button
-          v-if="activeUploadName == 'setlable'"
-          :loading="uploading"
-          type="primary"
-          @click="submitUpload()"
-        >保存</el-button>
-        <el-button
-          v-else
-          :loading="uploading"
-          type="primary"
-          @click="submitUpload()"
-        >上传资源</el-button>
-      </div>
-    </el-dialog>
-    <!--批量分配-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :visible.sync="distributionDialog"
-      :before-close="(type)=>{operationFun({type: 'distributionProp'})}"
-      title="批量分配"
-      width="520px"
-    >
-      <div style="width:auto;" class="margin-auto u-flex">
-        <div class="el-form-item__label prop-title">人员指派</div>
-        <treeselect
-          v-model="assignUserIds"
-          :options="userOptions"
-          :disable-branch-nodes="true"
-          search-nested
-          searchable
-          no-options-text="暂无数据"
-          placeholder="选择业务员"
-          :multiple="true"
-          @close="editUser"
-        />
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="operationFun({type: 'distributionProp'})">取消</el-button>
-        <el-button
-          type="primary"
-          @click="assignSubmit('double')"
-        >确认</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import CRUD, { presenter, header, form, crud } from '@crud/crud'
-import { taskQueryAll, taskSaveTask, fileUploads, selectAllOrganizeUser, updateBatchMember, downLoadTemplate, withdrawSource, taskDel, labelOrganizeQueryAll, setDynamicTask, taskUpdate, addTaskDistribution } from '@/api/index'
-import rrOperation from '@crud/RR.operation'
-import pagination from '@crud/Pagination'
-import udOperation from '@crud/UD.operation'
-import DateRangePicker from '@/components/DateRangePicker'
-import { mapGetters } from 'vuex'
-import Treeselect from '@riophae/vue-treeselect'
-import '@riophae/vue-treeselect/dist/vue-treeselect.css'
-import zanwu from '@/assets/images/zanwu.png'
-import { channelList } from '@/api/channelLabel/index'
-const defaultForm = {}
-export default {
-  name: 'InternationalWaters',
-  components: {
-    pagination,
-    rrOperation,
-    Treeselect,
-    DateRangePicker,
-    udOperation
-  },
-  cruds() {
-    return CRUD({
-      title: '动态任务',
-      url: 'api-source/source/clue/queryCluePool',
-      optShow: {
-        add: true,
-        edit: false,
-        del: true,
-        download: false,
-        reset: true
-      },
-      query: { memberId: JSON.parse(localStorage.getItem('userInfo')).id, memberStatus: 0, clueType: '' }
-    })
-  },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  data() {
-    // 自定义验证
-    return {
-      height: document.documentElement.clientHeight - 180 + 'px;',
-      zanwu: zanwu,
-      deptDatas: [],
-      multiple: true, // 多选模式
-      leftPage: 0, // 左侧分页器
-      resourcesTotal: 0, // 资源总量
-      subloading: false, // 任务loading
-      taskDialog: false, // 任务弹框
-      operationIndex: '', // 左侧操作的下标
-      clueCurrent: '', // 右侧操作小标
-      inputVisible: false,
-      inputValue: '',
-      uploading: false,
-      fileList: [], // files集合
-      resourcesDialog: false, // 任务弹框
-      distributionDialog: false, // 分配弹框
-      proportionPopover: false,
-      withdrawVisible: false, // 撤回弹框
-      taskDetail: '', // 左侧任务详情
-      distributionSwitch: false, // 自动分配开关
-      enabledTypeOptions: [
-        { key: 0, display_name: '未分配' },
-        { key: 1, display_name: '已分配' }
-      ],
-      uplabelOrganizeId: '', // 编辑标签组id
-      labelArr: [], // 可选标签组
-      uploadForm: {
-        name: '',
-        nid: '',
-        collectTime: '',
-        amount: '',
-        tag: '',
-        routeId: ''
-      }, // 手动导入obj
-      channelSelectionOptions: [],
-      assignUserIds: [],
-      assignUserId: null, // 指派id
-      multipleUserSelection: [],
-      userOptions: [],
-      userOptionsAll: [], // 组员列表
-      multipleSelection: [], // 多选资源
-      form: {
-        taskName: '', // 任务名
-        // baseLabel: [], // 标签
-        encryptionType: 0,
-        remark: '', // 备注
-        labelOrganizeId: ''
-      },
-      rules: {
-        taskName: [
-          { required: true, message: '请输入任务名', trigger: 'blur' }
-        ]
-      },
-      manualRules: {
-        name: [
-          { required: true, message: '请输入线索名', trigger: 'blur' }
-        ],
-        nid: [
-          { required: true, message: '请输入手机号', trigger: 'blur' }
-        ],
-        routeId: [
-          { required: true, message: '请选择渠道', trigger: ['blur', 'change'] }
-        ]
-      },
-      activeUploadName: 'automatic', // 导入方式tab
-      permission: {
-        withdraw: true
-      },
-      clueRouteId: ''
-    }
-  },
-  computed: {
-    ...mapGetters(['user'])
-  },
-  // watch: {
-  //   multipleSelection(newval) {
-  //     console.log('newval=', newval)
-  //   }
-  // },
-  created() {
-    this.getDeptDatas()
-    this.loadUser()
-    // this.getChannelList()
-  },
-  mounted: function() {
-    const that = this
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 180 + 'px;'
-    }
-    const params = {
-      page: 0,
-      size: 100
-    }
-    labelOrganizeQueryAll(params).then(res => {
-      this.labelArr = res.content
-    })
-  },
-  methods: {
-    // 获取渠道选择下拉列表数据
-    // async getChannelList() {
-    //   const res = await channelList({ routeStatus: 1 })
-    //   this.channelSelectionOptions = JSON.parse(JSON.stringify(res.data))
-    // },
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-    },
-    handleUserSelectionChange(val) {
-      this.multipleUserSelection = val
-    },
-    loadUser(id = '') {
-      return new Promise(resolve => {
-        selectAllOrganizeUser({ taskId: id }).then(res => {
-          var arr = []
-          var arr1 = []
-          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
-          for (const t in res) {
-            const list = [...res[t]]
-            // list.forEach(t => { this.$set(t, 'inputProportion', '') })
-            arr1.push(list)
-          }
-          this.userOptionsAll = arr1.reduce((pre, next) => {
-            return pre.concat(next)
-          }, [])
-          resolve()
-        })
-      })
-    },
-    async upProportion() {
-      if (!this.proportionPopover) {
-        const loading = this.$loading({
-          lock: true,
-          text: 'Loading',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        })
-        await this.loadUser(this.taskDetail.id)
-        loading.close()
-        this.proportionPopover = true
-      } else {
-        this.proportionPopover = false
-      }
-    },
-    // 自动任务
-    setCurrent() {
-      if (this.distributionSwitch && this.multipleUserSelection.length === 0) {
-        this.$message.warning('请选择业务员')
-        return false
-      }
-      this.subloading = true
-      const data = {
-        taskId: this.taskDetail.id,
-        isOpen: this.distributionSwitch ? 1 : 0,
-        dynamicTaskDistributionUserDTOS: this.multipleUserSelection
-      }
-      addTaskDistribution(data).then(res => {
-        this.$message.success(res.msg)
-        this.subloading = false
-        this.deptDatas[this.operationIndex].isOpen = this.distributionSwitch ? 1 : 0
-        this.upProportion()
-      }).catch(() => {
-        this.subloading = false
-      })
-    },
-    // 删除任务
-    onClickDel(id, index) {
-      const h = this.$createElement
-      this.$confirm('', {
-        title: '提示',
-        type: 'warnig',
-        message: h('p', null, [
-          h('span', '将清空该任务下所有资源，'),
-          h('span', {
-            class: 'confirm',
-            style: 'color:red;'
-          }, '(此操作不能撤回)'),
-          h('span', ', 确认删除该任务吗?')
-        ])
-      }).then(() => {
-        const loading = this.$loading({
-          lock: true,
-          text: 'Loading',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        })
-        taskDel({ taskId: id }).then(res => {
-          loading.close()
-          if (res.status === 0) {
-            this.$message({
-              type: 'success',
-              message: '操作成功'
-            })
-            if (this.operationIndex === index) {
-              this.operationIndex = ''
-              this.crud.resetQuery()
-            } else {
-              this.resetCurrent(id)
-            }
-            this.deptDatas.splice(index, 1)
-          }
-        }).catch(() => {
-          loading.close()
-        })
-      }).catch(() => {})
-    },
-    resetCurrent(id) {
-      const curIndex = this.deptDatas.map(item => item.id).indexOf(id)
-      if (this.operationIndex > curIndex) {
-        this.operationIndex--
-      }
-    },
-    // 任务弹框
-    async operationFun(obj = {}) {
-      const { type = '', idx, row } = obj
-      if (type === 'distSwitch' || type === 'add') {
-        this.taskDialog = !this.taskDialog
-      }
-      if (idx != null && type !== 'single') {
-        this.form.taskId = this.deptDatas[idx].id
-      }
-      if (type === 'single') {
-        setTimeout(() => {
-          if (this.$refs[`close-popover-${this.clueCurrent}`] && this.clueCurrent !== idx) {
-            this.$refs[`close-popover-${this.clueCurrent}`].doClose()
-          }
-          this.clueCurrent = idx
-        }, 100)
-      }
-      if (type === 'select' || type === 'resourcesProp') {
-        this.taskDetail = row
-        this.distributionSwitch = row.isOpen !== 0
-        this.query.taskId = this.form.taskId
-        this.operationIndex = idx
-        this.proportionPopover = false
-        if (type === 'resourcesProp') {
-          this.resourcesDialog = true
-          this.uplabelOrganizeId = row.labelOrganizeId
-          if (this.taskDetail.isForm === 1 || this.taskDetail.isForm === 2 || this.taskDetail.isForm === 6 || this.taskDetail.isForm === 7) {
-            this.activeUploadName = 'setlable'
-          } else {
-            this.clueRouteId = ''
-            const res = await channelList({ routeStatus: 1 })
-            this.channelSelectionOptions = JSON.parse(JSON.stringify(res.data))
-            this.activeUploadName = 'automatic'
-          }
-        }
-        this.crud.toQuery()
-      }
-      if (type === 'withdraw') {
-        this.withdrawSource(row.id)
-      }
-      if (type === 'allwithdraw') {
-        if (this.multipleSelection.filter(item => { return item.memberStatus === 0 }).length > 0) {
-          this.$message.warning('只能撤回已分配资源')
-          return false
-        } else {
-          this.$confirm(`确认撤回选中的${this.multipleSelection.length}条线索?`, '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            this.withdrawSource()
-          }).catch(() => {
-          })
-        }
-      }
-      if (type === 'distributionProp') {
-        this.distributionDialog = !this.distributionDialog
-        if (!this.distributionDialog) this.assignUserIds = []
-      }
-      if (!this.taskDialog && type === 'distSwitch') {
-        this.labelOrganizeId = ''
-        this.form.taskName = ''
-        this.form.remark = ''
-      }
-    },
-    closeResourcesProp() {
-      this.resourcesDialog = false
-      // this.$refs['updaatefiles'].clearFiles()
-      this.$refs['manualUpload'].resetFields()
-      this.activeUploadName = 'automatic'
-      // this.$refs.manualUpload.resetFields()
-      this.uploadForm.collectTime = ''
-      this.uploadForm.amount = ''
-      this.uploadForm.tag = ''
-      this.uploadForm.nid = ''
-      this.uploadForm.name = ''
-      this.uploadForm.routeId = ''
-    },
-    // 撤回
-    withdrawSource(id) {
-      const obj = {
-        clueIdList: id ? [id] : this.multipleSelection.map(item => { return item.id }),
-        clueType: ''
-      }
-      withdrawSource(obj).then(res => {
-        this.$message.success('操作成功')
-        if (this.operationIndex !== '') {
-          this.deptDatas[this.operationIndex].unassigned = this.deptDatas[this.operationIndex].unassigned + obj.clueIdList.length
-        }
-        this.crud.refresh()
-      }).catch(() => {
-        this.$message.error('系统异常')
-      })
-    },
-    // 脱敏or加敏
-    // upFormNncryption() {
-    //   upFormNncryption({ taskId: this.taskDetail.id }).then(res => {
-    //     this.$message.success(res.msg)
-    //     this.crud.toQuery()
-    //   })
-    // },
-    // 指派
-    assignSubmit(type) {
-      if (this.assignUserIds.length === 0 && this.assignUserId == null) {
-        this.$message.warning('请选择分配人员')
-        return false
-      }
-      if (type === 'double' && this.multipleSelection.length > 0 && this.multipleSelection.filter(item => { return item.memberStatus !== 0 }).length > 0) {
-        this.$message.warning('只能分配未分配资源')
-        return false
-      }
-      if (type === 'double' && this.multipleSelection.length < this.assignUserIds.length) {
-        this.$message.warning('所选资源数不能小于分配人员数')
-        return false
-      }
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      const obj = {
-        clueIdList: type === 'double' ? this.multipleSelection.map(item => { return item.id }) : [this.crud.data[this.clueCurrent].id],
-        userIdList: type === 'double' ? this.assignUserIds : [this.assignUserId],
-        clueType: ''
-      }
-      updateBatchMember(obj).then(res => {
-        loading.close()
-        this.$message.success('操作成功')
-        if (type === 'double') {
-          this.operationFun({ type: 'distributionProp' })
-          this.getDeptDatas()
-        } else if (type === 'single') {
-          this.$refs[`close-popover-${this.clueCurrent}`].doClose()
-          this.assignUserId = ''
-          this.operationIndex && this.deptDatas[this.operationIndex].unassigned--
-        }
-        this.crud.refresh()
-      }).catch(() => { loading.close() })
-    },
-    // 选择人员
-    editUser(e) {
-      console.log('e===', e)
-    },
-    submitUpload() {
-      // 模板导入
-      if (this.activeUploadName === 'automatic' && this.clueRouteId !== '') {
-        const isLt100M = this.fileList.every(file => file.size / 1024 / 1024 < 100)
-        if (!isLt100M) {
-          this.$message.warning('请检查，上传文件大小不能超过100MB!')
-        } else {
-          this.fileData = new FormData() // new formData对象
-          this.$refs['updaatefiles'].submit()
-          if (!this.fileData.get('file')) {
-            this.$message({
-              message: '请先选择文件',
-              type: 'warning'
-            })
-            return false
-          }
-          // this.fileData.append('userId', this.user.id)
-          // this.fileData.append('uploadType', 5)
-          this.fileData.append('clueRouteId', this.clueRouteId)
-          this.fileData.append('taskType', 2)
-          this.fileData.append('taskId', this.form.taskId)
-          this.uploading = true
-          fileUploads(this.fileData).then((res) => {
-            if (res.status === 0) {
-              this.$message({
-                message: '操作成功，文件上传中',
-                type: 'success'
-              })
-              this.fileList = []
-            } else {
-              this.$message({
-                message: res.data.desc,
-                type: 'error'
-              })
-            }
-            setTimeout(() => {
-              this.closeResourcesProp()
-              this.query.taskId = this.form.taskId
-              this.getDeptDatas('react')
-              this.crud.toQuery()
-              this.uploading = false
-            }, 3000)
-          }).catch(() => {
-            this.uploading = false
-          })
-        }
-      } else if (this.activeUploadName === 'manual') {
-        // 手动导入
-        this.$refs.manualUpload.validate(valid => {
-          if (valid) {
-            this.uploadForm.userId = this.user.id
-            this.uploadForm.type = 5
-            this.uploadForm.taskId = this.form.taskId
-            this.uploading = true
-            setDynamicTask(this.uploadForm).then(res => {
-              if (res.status === 0) {
-                this.$message({
-                  message: '上传成功',
-                  type: 'success'
-                })
-                this.fileList = []
-              } else {
-                this.$message({
-                  message: res.data.desc,
-                  type: 'error'
-                })
-              }
-              setTimeout(() => {
-                this.closeResourcesProp()
-                this.query.taskId = this.form.taskId
-                this.getDeptDatas('react')
-                this.crud.toQuery()
-                this.uploading = false
-              }, 800)
-            }).catch(() => { this.uploading = false })
-          }
-        })
-      } else if (this.activeUploadName === 'setlable') {
-        // 编辑标签
-        this.uploading = true
-        taskUpdate({ id: this.taskDetail.id, labelOrganizeId: this.uplabelOrganizeId }).then(res => {
-          this.$message.success(res.msg)
-          this.closeResourcesProp()
-          this.getDeptDatas()
-          this.uploading = false
-        })
-      } else if (this.activeUploadName === 'automatic' && this.clueRouteId === '') {
-        this.$message({
-          message: '请选择渠道',
-          type: 'warning'
-        })
-      }
-    },
-    // 上传
-    updtaFils(file) {
-      this.fileData.append('file', file.file)
-    },
-    // 移除
-    handleRemove(file, fileList) {
-      this.fileList = fileList
-    },
-    // 选取文件超过数量提示
-    handleExceed(files, fileList) {
-      this.$message.warning(`当前限制选择 5 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
-    },
-    // 下载模板
-    downFilex({ type }) {
-      downLoadTemplate({ downLoadType: type }).then(res => {
-        window.location.href = res
-      })
-    },
-    // 提交任务
-    submitTask() {
-      this.$refs['form'].validate(valid => {
-        if (valid) {
-          this.subloading = true
-          const obj = Object.assign({}, this.form)
-          obj.taskType = 1
-          obj.createBy = this.user.id
-          taskSaveTask(obj).then(res => {
-            this.$message({
-              type: 'success',
-              message: '操作成功!',
-              showClose: true
-            })
-            this.subloading = false
-            this.operationFun({ type: 'distSwitch' })
-            this.getDeptDatas('react')
-          }).catch(() => {
-            this.subloading = false
-          })
-        }
-      })
-    },
-    handleCurrentChange(val) {
-      this.page = val
-      this.form.taskId = ''
-      this.getDeptDatas()
-    },
-    getDeptDatas(type = '') {
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      setTimeout(() => {
-        const data = {
-          page: this.leftPage - 1,
-          size: 10,
-          userId: this.user.id,
-          taskType: 1,
-          isForm: 98
-        }
-        taskQueryAll(data).then(res => {
-          this.deptDatas = res.content
-          this.resourcesTotal = res.totalElements
-          if (type === 'react') {
-            if (this.operationIndex !== '') {
-              this.operationIndex = this.deptDatas.map(it => it.id).indexOf(this.form.taskId)
-            }
-          }
-          loading.close()
-        }).catch(() => {
-          loading.close()
-        })
-      }, 100)
-    },
-    handleClose(tag) {
-      this.form.baseLabel.splice(this.form.baseLabel.indexOf(tag), 1)
-    },
-    showInput() {
-      this.inputVisible = true
-      this.$nextTick(_ => {
-        this.$refs.saveTagInput.input.focus()
-      })
-    },
-    handleInputConfirm() {
-      const inputValue = this.inputValue
-      if (inputValue) {
-        this.form.baseLabel.push(inputValue)
-      }
-      this.inputVisible = false
-      this.inputValue = ''
-    },
-    resetTaskCur() {
-      this.operationIndex = ''
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-::v-deep .vue-treeselect__control,
-::v-deep .vue-treeselect__placeholder,
-::v-deep .vue-treeselect__single-value {
-  height: 30px;
-  line-height: 30px;
-}
-.current-resources {
-  border: 1px solid #1890ff!important;
-}
-.el-dropdown {
-    vertical-align: top;
-}
-.el-dropdown + .el-dropdown {
-  margin-left: 15px;
-}
-.el-icon-arrow-down {
-  font-size: 12px;
-}
-.el-tag + .el-tag {
-  margin-left: 10px;
-}
-.prop-title {
-  min-width:80px;
-  font-weight: bold;
-}
-.import-dialog ::v-deep .el-dialog__body {
-  padding-top: 0px;
-}
-.top-conent {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 20px;
-  border-bottom: 10px solid #F5F5F7;
-  img {
-    width: 35px;
-    height: 35px;
-    border-radius: 50%;
-  }
-}
-.item-title {
-  width: 80px;
-}
-
-.handler {
-  padding: 10px 20px;
-}
-.handler .el-table .warning-row {
-    background: oldlace;
-}
-.handler .el-table .success-row {
-    background: #f0f9eb;
-}
-.handler ::v-deep .el-tooltip {
-  display: flex;
-  align-items: center;
-}
-.button-new-tag {
-  height: 32px;
-  line-height: 30px;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.input-new-tag {
-  width: 90px;
-  margin-left: 10px;
-  vertical-align: bottom;
-}
-.line-text {
-  font-size: 14px;
-  color: #606266;
-  line-height: 21px;
-  margin-top: 10px;
-}
-.crud-opts {
-  padding: 4px 0;
-  display: -webkit-flex;
-  display: flex;
-  align-items: center;
-}
-.crud-opts .crud-opts-right {
-  margin-left: auto;
-}
-.crud-opts .crud-opts-right span {
-  float: left;
-}
-.menu-left {
-  overflow-y: auto;
-  height: calc(100vh - 212px);
-  position: relative;
-}
-.left-page {
-  position: sticky;
-  bottom: 0;
-  background: #fff;
-  width: 100%;
-}
-.red{
-  color: red;
-}
-.labelGroup {
-  flex-wrap: wrap;
-  div{
-    margin-right: 6px;
-  }
-}
-.label{
-  min-width: 80px;
-  line-height: 32px;
-  float: none;
-  display: inline-block;
-  font-size: 14px;
-  color: #606266;
-  text-align: right;
-  vertical-align: middle;
-  font-weight: 700;
-  padding: 0 12px 0 20px;
-}
-.resources_item {
-  width: 100%;
-  font-size: 14px;
-  padding: 6px;
-  background: #FAFAFA;
-  border-radius: 4px;
-  cursor: pointer;
-  ::v-deep .el-form-item__label{
-    line-height: 25px;
-  }
-  label {
-    min-width: 74px;
-  }
-  label + div {
-    font-size: 13px;
-  }
-  button {
-    width: 100%;
-    margin-top: 5px;
-    border-radius: 5px;
-  }
-  .text {
-    color: rgba($color: #000000, $alpha: 0.65);
-    font-size: 12px;
-  }
-}
-.head-left {
-  padding-bottom: 12px;
-  & div:nth-child(1) {
-    cursor: pointer;
-  }
-  img {
-    width: 16px;
-    height: 16px;
-    margin-right: 2px;
-  }
-  .task-conent {
-    padding-bottom: 5px;
-    border-bottom: 1px solid #E6E7EB;
-  }
-  .addBtn {
-    // padding: 11px 25px;
-    color: #246FDC;
-    font-size: 14px;
-    display: flex;
-    font-weight: 600;
-  }
-}
-.text-hide-2 {
-  line-height: 1.3;
-}
-</style>
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <!--侧边资源列表-->
+      <el-col :xs="9" :sm="6" :md="5" :lg="5" :xl="4" style="max-width: 250px;">
+        <div class="head-container head-left">
+          <div class="text-center u-flex">
+            <img src="@/assets/images/add-icon.png">
+            <el-button class="addBtn" type="text" @click.stop="operationFun({type: 'add'})">新建任务</el-button>
+          </div>
+        </div>
+        <div class="menu-left sim-cont">
+          <div v-if="deptDatas.length > 0">
+            <div v-for="(item, index) in deptDatas" :key="index" :class="{'current-resources': operationIndex === index}" class="resources_item mb-10" @click="operationFun({type: 'select', idx: index, row: item})">
+              <div class="u-flex u-flex-between">
+                <div class="u-flex text-hide">
+                  <label class="el-form-item__label">任务名称</label>
+                  <el-tooltip class="item" effect="dark" :content="item.taskName" placement="top">
+                    <div class="text-hide text">{{ item.taskName }}</div>
+                  </el-tooltip>
+                </div>
+                <!-- <div v-if="!item.isForm" @click.stop="onClickDel(item.id, index)"><i class="el-icon-delete" /></div> -->
+              </div>
+              <div class="u-flex"><label class="el-form-item__label">未分配比</label><div class="text-hide text">{{ item.unassigned + '/' + item.totalNumber }}</div></div>
+              <div class="u-flex flex-baseline">
+                <label class="el-form-item__label">任务备注</label>
+                <el-tooltip class="item" effect="dark" :content="item.remark" placement="top">
+                  <div class="text-hide-2 text">{{ item.remark }}</div>
+                </el-tooltip>
+              </div>
+              <div class="u-flex"><label class="el-form-item__label">导入时间</label><div class="text-hide text"> {{ parseTime(item.updateTime) }}</div></div>
+              <el-button :type="item.isForm == 3 ? 'warning' : 'primary'" :disabled="item.isForm == 1 || item.isForm == 2 || item.isForm == 3 || item.isForm == 8" @click.stop="operationFun({type: 'resourcesProp', idx: index, row: item})">{{ item.isForm == 1 ? '表单动态' : item.isForm == 2 ? '员工导入' : item.isForm == 3 ? '抖音动态' : '编辑' }}</el-button>
+            </div>
+          </div>
+          <div v-else>
+            <el-empty description="暂无数据" :image="zanwu" />
+          </div>
+          <div class="text-center left-page">
+            <el-pagination
+              layout="prev, next"
+              background
+              :page-size="10"
+              :current-page.sync="leftPage"
+              :total="resourcesTotal"
+              :hide-on-single-page="true"
+              @current-change="handleCurrentChange"
+            />
+          </div>
+        </div>
+      </el-col>
+      <!--用户数据-->
+      <el-col :xs="24" :sm="24" :md="19" :lg="19" :xl="20">
+        <!--工具栏-->
+        <div class="head-container">
+          <!-- 搜索 -->
+          <div class="u-flex u-flex-wrap">
+            <div class="u-flex">
+              <label class="y-label">任务名称：</label>
+              <el-input
+                v-model="query.taskName"
+                clearable
+                size="small"
+                placeholder="输入任务名称"
+                style="width: 170px;"
+                class="filter-item"
+                @keyup.enter.native="crud.toQuery"
+              />
+            </div>
+            <div class="u-flex">
+              <label class="y-label">线索状态：</label>
+              <el-select
+                v-model="query.memberStatus"
+                clearable
+                size="small"
+                placeholder="线索状态"
+                class="filter-item"
+                style="width: 170px"
+                @change="crud.toQuery"
+              >
+                <el-option
+                  v-for="item in enabledTypeOptions"
+                  :key="item.key"
+                  :label="item.display_name"
+                  :value="item.key"
+                />
+              </el-select>
+            </div>
+            <div class="u-flex">
+              <label class="y-label">日期：</label>
+              <date-range-picker v-model="query.createTime" class="date-item" />
+            </div>
+            <rrOperation :reset-current="true" style="margin-left: 5px;" @resetcurrent="resetTaskCur" />
+          </div>
+          <el-button size="mini" type="primary" :disabled="multipleSelection.length == 0 || query.memberStatus != 0" @click="operationFun({type: 'distributionProp'})">批量分配</el-button>
+          <el-button size="mini" type="primary" :disabled="multipleSelection.length == 0 || query.memberStatus == 0" @click="operationFun({type: 'allwithdraw'})">批量撤回</el-button>
+          <!-- <el-button v-if="taskDetail.isForm == 1 || taskDetail.isForm == 2 || taskDetail.isForm == 3" size="mini" type="primary" @click="upFormNncryption">{{ taskDetail.encryptionType == 1 ? '脱敏' : '加敏' }}</el-button> -->
+          <el-popover
+            v-model="proportionPopover"
+            placement="right"
+            width="400"
+            trigger="manual"
+          >
+            <div>
+              <div class="u-flex u-flex-between mb-10">
+                <span class="fs-14 block">自动分配<span class="red">(勾选不填默认等比分配)</span></span>
+                <el-switch
+                  v-model="distributionSwitch"
+                  inactive-text="是否开启"
+                />
+              </div>
+              <el-table ref="multipleTable" :data="userOptionsAll" :header-cell-style="{'text-align':'left'}" tooltip-effect="dark" style="height: 400px;overflow-y: auto;" @selection-change="handleUserSelectionChange">
+                <el-table-column type="selection" width="55" />
+                <el-table-column width="100" property="label" label="组员名" />
+                <el-table-column label="分配比">
+                  <template slot-scope="scope">
+                    <label>分配比：</label>
+                    <el-input
+                      v-model="scope.row.ratio"
+                      type="number"
+                      placeholder="资源%"
+                      :maxlength="2"
+                      class="input-new-tag"
+                      size="mini"
+                    />
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div style="margin-top: 20px;float: right;">
+                <el-button size="mini" @click="proportionPopover = false">取消</el-button>
+                <el-button type="primary" size="mini" class="ml-5" :loading="subloading" @click="setCurrent">保存</el-button>
+              </div>
+            </div>
+            <el-button slot="reference" :disabled="operationIndex === ''" size="mini" type="primary" @click="upProportion">自动分配</el-button>
+          </el-popover>
+        </div>
+        <!--表格渲染-->
+        <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" :header-cell-style="{'text-align':'left'}" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55" />
+          <el-table-column :show-overflow-tooltip="true" prop="taskName" label="任务名" width="120" />
+          <el-table-column :show-overflow-tooltip="true" prop="name" label="姓名">
+            <template slot-scope="scope">
+              {{ scope.row.name || '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="nid" width="100" label="手机" />
+          <el-table-column :show-overflow-tooltip="true" prop="castInfo" width="200" label="客户留资">
+            <template slot-scope="scope">
+              {{ scope.row.castInfo || '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="memberStatus" label="分配状态">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.memberStatus == 0 ? 'warning' : 'success'">{{ scope.row.memberStatus == 0 ? '未分配' : '已分配' }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="clueCallStatus" label="通话状态">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.clueCallStatus == 0 ? '' : scope.row.clueCallStatus == 1 ? 'warning' : 'success'">{{ scope.row.clueCallStatus == 0 ? '未拨打' : scope.row.clueCallStatus == 1 ? '未接听' : '已接通' }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="distributeUserName" label="跟进人" width="160">
+            <template slot-scope="scope">
+              {{ scope.row.distributeUserName || '-' }}
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="140"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <div class="u-flex u-flex-center">
+                <el-popover
+                  :ref="`close-popover-${scope.$index}`"
+                  placement="right"
+                  width="400"
+                  trigger="click"
+                >
+                  <div>
+                    <div class="el-dialog__title fs-16 mb-15">人员指派</div>
+                    <treeselect
+                      v-model="assignUserId"
+                      :options="userOptions"
+                      :disable-branch-nodes="true"
+                      search-nested
+                      searchable
+                      no-options-text="暂无数据"
+                      placeholder="选择业务员"
+                      @close="editUser"
+                    />
+                    <div slot="footer" class="dialog-footer mt-15 fr">
+                      <el-button
+                        type="primary"
+                        @click="assignSubmit('single')"
+                      >确认</el-button>
+                    </div>
+                  </div>
+                  <el-button
+                    slot="reference"
+                    size="mini"
+                    type="text"
+                    :disabled="scope.row.memberStatus != 0"
+                    @click.stop="operationFun({type: 'single', idx: scope.$index})"
+                  >指派</el-button>
+                </el-popover>
+                <udOperation :data="scope.row" :permission="permission" msg="确定撤回本条已分配的数据吗？" class="ml-10" @toWithdrawSource="withdrawSource" />
+              </div>
+            </template>
+          </el-table-column>
+          <template #empty>
+            <div style="width: 100%; height: 450px;display: flex; flex-direction: column; justify-content: center;align-items: center">
+              <img src="@/assets/images/zanwu.png" alt="">
+              <div>暂无数据</div>
+            </div>
+          </template>
+        </el-table>
+        <!--分页组件-->
+        <pagination />
+      </el-col>
+      <!-- <el-col :xs="24" :sm="24" :md="8" :lg="6" :xl="4">
+        <Message />
+      </el-col> -->
+    </el-row>
+    <!--新建任务-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :before-close="(type)=>{operationFun({type: 'distSwitch'})}"
+      :visible.sync="taskDialog"
+      title="新建任务"
+      width="520px"
+    >
+      <el-form
+        ref="form"
+        :inline="true"
+        :model="form"
+        :rules="rules"
+        size="small"
+        label-width="80px"
+      >
+        <el-form-item label="任务名称" prop="taskName">
+          <el-input v-model="form.taskName" style="width: 340px" />
+        </el-form-item>
+        <!-- <div class="u-flex mb-15">
+          <div class="label">
+            标签
+          </div>
+          <el-select v-model="form.labelOrganizeId" placeholder="请选择">
+            <el-option
+              v-for="item in labelArr"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+          <div class="u-flex labelGroup">
+            <div>
+              <el-tag
+                v-for="tag in form.baseLabel"
+                :key="tag"
+                closable
+                :disable-transitions="false"
+                @close="handleClose(tag)"
+              >
+                {{ tag }}
+              </el-tag>
+              <el-input
+                v-if="inputVisible"
+                ref="saveTagInput"
+                v-model="inputValue"
+                class="input-new-tag"
+                size="small"
+                @keyup.enter.native="handleInputConfirm"
+                @blur="handleInputConfirm"
+              />
+              <el-button v-else class="button-new-tag" size="small" @click="showInput">新增</el-button>
+            </div>
+          </div>
+        </div> -->
+        <el-form-item label="号码加密">
+          <el-switch v-model="form.encryptionType" :active-value="1" :inactive-value="0" />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.remark" type="textarea" style="width: 340px" placeholder="请输入备注" :rows="3" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="operationFun({type: 'distSwitch'})">取消</el-button>
+        <el-button
+          :loading="subloading"
+          type="primary"
+          @click="submitTask"
+        >确认</el-button>
+      </div>
+    </el-dialog>
+    <!--追加资源-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :visible.sync="resourcesDialog"
+      :before-close="closeResourcesProp"
+      title="编辑"
+      width="520px"
+      class="import-dialog"
+    >
+      <el-tabs v-model="activeUploadName">
+        <el-tab-pane v-if="taskDetail.isForm !== 1 && taskDetail.isForm !== 2 && taskDetail.isForm !== 6 && taskDetail.isForm !== 7" label="模板导入" name="automatic">
+          <div class="margin-auto">
+            <el-upload
+              ref="updaatefiles"
+              action=""
+              accept=".xlsx,.xls"
+              drag
+              multiple
+              :limit="5"
+              class="mt-10 text-center"
+              :file-list="fileList"
+              :auto-upload="false"
+              :on-remove="handleRemove"
+              :on-exceed="handleExceed"
+              :http-request="updtaFils"
+            >
+              <i class="el-icon-upload" />
+              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              <div slot="tip" class="el-upload__tip">只能上传.xls，.xlsx文件，且不超过100M</div>
+            </el-upload>
+            <div class="mb-10 u-flex" style="margin-top: 10px;">
+              <label>渠道选择：</label>
+              <div class="u-flex">
+                <el-select
+                  v-model="clueRouteId"
+                  size="mini"
+                  placeholder="请选择渠道"
+                >
+                  <el-option
+                    v-for="item in channelSelectionOptions"
+                    :key="item.id"
+                    :label="item.routeName"
+                    :value="item.id"
+                  />
+                </el-select>
+              </div>
+            </div>
+            <div class="line-text margin-auto">
+              1、请导入 xls，xlsx 格式的文件,默认<a href="#" class="link-type pl-5" @click="downFilex({ type: 1 })">模板下载</a><br>
+              2、必须填写表头方便后续匹配，也可点击下载 模板，帮助您快速完成导入<br>
+              3、多文件导入请统一提交<br>
+              4、一次最多支持导入 5 份文件<br>
+            </div>
+          <!-- <el-button type="success" class="mt-10" :loading="uploading" @click="submitUpload({type: 0})">上传资源</el-button> -->
+          </div>
+        </el-tab-pane>
+        <el-tab-pane v-if="taskDetail.isForm !== 1 && taskDetail.isForm !== 2 && taskDetail.isForm !== 6 && taskDetail.isForm !== 7" label="手动导入" name="manual">
+          <el-form ref="manualUpload" :model="uploadForm" :rules="manualRules" label-width="80px">
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="uploadForm.name" />
+            </el-form-item>
+            <el-form-item label="手机号" prop="nid">
+              <el-input v-model="uploadForm.nid" />
+            </el-form-item>
+            <el-form-item label="渠道选择" prop="routeId">
+              <el-select
+                v-model="uploadForm.routeId"
+                placeholder="请选择渠道"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in channelSelectionOptions"
+                  :key="item.id"
+                  :label="item.routeName"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="线索日期">
+              <el-date-picker v-model="uploadForm.collectTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
+            </el-form-item>
+            <el-form-item label="金额">
+              <el-input v-model="uploadForm.amount" type="Number" />
+            </el-form-item>
+            <el-form-item label="标识">
+              <el-input v-model="uploadForm.tag" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <!-- <el-tab-pane label="标签设置" name="setlable">
+          <div class="u-flex mb-15">
+            <div class="label">
+              标签
+            </div>
+            <el-select v-model="uplabelOrganizeId" placeholder="请选择">
+              <el-option
+                v-for="item in labelArr"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              />
+            </el-select>
+          </div>
+        </el-tab-pane> -->
+      </el-tabs>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="closeResourcesProp">取消</el-button>
+        <el-button
+          v-if="activeUploadName == 'setlable'"
+          :loading="uploading"
+          type="primary"
+          @click="submitUpload()"
+        >保存</el-button>
+        <el-button
+          v-else
+          :loading="uploading"
+          type="primary"
+          @click="submitUpload()"
+        >上传资源</el-button>
+      </div>
+    </el-dialog>
+    <!--批量分配-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :visible.sync="distributionDialog"
+      :before-close="(type)=>{operationFun({type: 'distributionProp'})}"
+      title="批量分配"
+      width="520px"
+    >
+      <div style="width:auto;" class="margin-auto u-flex">
+        <div class="el-form-item__label prop-title">人员指派</div>
+        <treeselect
+          v-model="assignUserIds"
+          :options="userOptions"
+          :disable-branch-nodes="true"
+          search-nested
+          searchable
+          no-options-text="暂无数据"
+          placeholder="选择业务员"
+          :multiple="true"
+          @close="editUser"
+        />
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="operationFun({type: 'distributionProp'})">取消</el-button>
+        <el-button
+          type="primary"
+          @click="assignSubmit('double')"
+        >确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import { taskQueryAll, taskSaveTask, fileUploads, selectAllOrganizeUser, updateBatchMember, downLoadTemplate, withdrawSource, taskDel, labelOrganizeQueryAll, setDynamicTask, taskUpdate, addTaskDistribution } from '@/api/index'
+import rrOperation from '@crud/RR.operation'
+import pagination from '@crud/Pagination'
+import udOperation from '@crud/UD.operation'
+import DateRangePicker from '@/components/DateRangePicker'
+import { mapGetters } from 'vuex'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import zanwu from '@/assets/images/zanwu.png'
+import { channelList } from '@/api/channelLabel/index'
+const defaultForm = {}
+export default {
+  name: 'InternationalWaters',
+  components: {
+    pagination,
+    rrOperation,
+    Treeselect,
+    DateRangePicker,
+    udOperation
+  },
+  cruds() {
+    return CRUD({
+      title: '动态任务',
+      url: 'api-source/source/clue/queryCluePool',
+      optShow: {
+        add: true,
+        edit: false,
+        del: true,
+        download: false,
+        reset: true
+      },
+      query: { memberId: JSON.parse(localStorage.getItem('userInfo')).id, memberStatus: 0, clueType: '' }
+    })
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    // 自定义验证
+    return {
+      height: document.documentElement.clientHeight - 180 + 'px;',
+      zanwu: zanwu,
+      deptDatas: [],
+      multiple: true, // 多选模式
+      leftPage: 0, // 左侧分页器
+      resourcesTotal: 0, // 资源总量
+      subloading: false, // 任务loading
+      taskDialog: false, // 任务弹框
+      operationIndex: '', // 左侧操作的下标
+      clueCurrent: '', // 右侧操作小标
+      inputVisible: false,
+      inputValue: '',
+      uploading: false,
+      fileList: [], // files集合
+      resourcesDialog: false, // 任务弹框
+      distributionDialog: false, // 分配弹框
+      proportionPopover: false,
+      withdrawVisible: false, // 撤回弹框
+      taskDetail: '', // 左侧任务详情
+      distributionSwitch: false, // 自动分配开关
+      enabledTypeOptions: [
+        { key: 0, display_name: '未分配' },
+        { key: 1, display_name: '已分配' }
+      ],
+      uplabelOrganizeId: '', // 编辑标签组id
+      labelArr: [], // 可选标签组
+      uploadForm: {
+        name: '',
+        nid: '',
+        collectTime: '',
+        amount: '',
+        tag: '',
+        routeId: ''
+      }, // 手动导入obj
+      channelSelectionOptions: [],
+      assignUserIds: [],
+      assignUserId: null, // 指派id
+      multipleUserSelection: [],
+      userOptions: [],
+      userOptionsAll: [], // 组员列表
+      multipleSelection: [], // 多选资源
+      form: {
+        taskName: '', // 任务名
+        // baseLabel: [], // 标签
+        encryptionType: 0,
+        remark: '', // 备注
+        labelOrganizeId: ''
+      },
+      rules: {
+        taskName: [
+          { required: true, message: '请输入任务名', trigger: 'blur' }
+        ]
+      },
+      manualRules: {
+        name: [
+          { required: true, message: '请输入线索名', trigger: 'blur' }
+        ],
+        nid: [
+          { required: true, message: '请输入手机号', trigger: 'blur' }
+        ],
+        routeId: [
+          { required: true, message: '请选择渠道', trigger: ['blur', 'change'] }
+        ]
+      },
+      activeUploadName: 'automatic', // 导入方式tab
+      permission: {
+        withdraw: true
+      },
+      clueRouteId: ''
+    }
+  },
+  computed: {
+    ...mapGetters(['user'])
+  },
+  // watch: {
+  //   multipleSelection(newval) {
+  //     console.log('newval=', newval)
+  //   }
+  // },
+  created() {
+    this.getDeptDatas()
+    this.loadUser()
+    // this.getChannelList()
+  },
+  mounted: function() {
+    const that = this
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 180 + 'px;'
+    }
+    const params = {
+      page: 0,
+      size: 100
+    }
+    labelOrganizeQueryAll(params).then(res => {
+      this.labelArr = res.content
+    })
+  },
+  methods: {
+    // 获取渠道选择下拉列表数据
+    // async getChannelList() {
+    //   const res = await channelList({ routeStatus: 1 })
+    //   this.channelSelectionOptions = JSON.parse(JSON.stringify(res.data))
+    // },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    handleUserSelectionChange(val) {
+      this.multipleUserSelection = val
+    },
+    loadUser(id = '') {
+      return new Promise(resolve => {
+        selectAllOrganizeUser({ taskId: id }).then(res => {
+          var arr = []
+          var arr1 = []
+          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
+          for (const t in res) {
+            const list = [...res[t]]
+            // list.forEach(t => { this.$set(t, 'inputProportion', '') })
+            arr1.push(list)
+          }
+          this.userOptionsAll = arr1.reduce((pre, next) => {
+            return pre.concat(next)
+          }, [])
+          resolve()
+        })
+      })
+    },
+    async upProportion() {
+      if (!this.proportionPopover) {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        await this.loadUser(this.taskDetail.id)
+        loading.close()
+        this.proportionPopover = true
+      } else {
+        this.proportionPopover = false
+      }
+    },
+    // 自动任务
+    setCurrent() {
+      if (this.distributionSwitch && this.multipleUserSelection.length === 0) {
+        this.$message.warning('请选择业务员')
+        return false
+      }
+      this.subloading = true
+      const data = {
+        taskId: this.taskDetail.id,
+        isOpen: this.distributionSwitch ? 1 : 0,
+        dynamicTaskDistributionUserDTOS: this.multipleUserSelection
+      }
+      addTaskDistribution(data).then(res => {
+        this.$message.success(res.msg)
+        this.subloading = false
+        this.deptDatas[this.operationIndex].isOpen = this.distributionSwitch ? 1 : 0
+        this.upProportion()
+      }).catch(() => {
+        this.subloading = false
+      })
+    },
+    // 删除任务
+    onClickDel(id, index) {
+      const h = this.$createElement
+      this.$confirm('', {
+        title: '提示',
+        type: 'warnig',
+        message: h('p', null, [
+          h('span', '将清空该任务下所有资源，'),
+          h('span', {
+            class: 'confirm',
+            style: 'color:red;'
+          }, '(此操作不能撤回)'),
+          h('span', ', 确认删除该任务吗?')
+        ])
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        taskDel({ taskId: id }).then(res => {
+          loading.close()
+          if (res.status === 0) {
+            this.$message({
+              type: 'success',
+              message: '操作成功'
+            })
+            if (this.operationIndex === index) {
+              this.operationIndex = ''
+              this.crud.resetQuery()
+            } else {
+              this.resetCurrent(id)
+            }
+            this.deptDatas.splice(index, 1)
+          }
+        }).catch(() => {
+          loading.close()
+        })
+      }).catch(() => {})
+    },
+    resetCurrent(id) {
+      const curIndex = this.deptDatas.map(item => item.id).indexOf(id)
+      if (this.operationIndex > curIndex) {
+        this.operationIndex--
+      }
+    },
+    // 任务弹框
+    async operationFun(obj = {}) {
+      const { type = '', idx, row } = obj
+      if (type === 'distSwitch' || type === 'add') {
+        this.taskDialog = !this.taskDialog
+      }
+      if (idx != null && type !== 'single') {
+        this.form.taskId = this.deptDatas[idx].id
+      }
+      if (type === 'single') {
+        setTimeout(() => {
+          if (this.$refs[`close-popover-${this.clueCurrent}`] && this.clueCurrent !== idx) {
+            this.$refs[`close-popover-${this.clueCurrent}`].doClose()
+          }
+          this.clueCurrent = idx
+        }, 100)
+      }
+      if (type === 'select' || type === 'resourcesProp') {
+        this.taskDetail = row
+        this.distributionSwitch = row.isOpen !== 0
+        this.query.taskId = this.form.taskId
+        this.operationIndex = idx
+        this.proportionPopover = false
+        if (type === 'resourcesProp') {
+          this.resourcesDialog = true
+          this.uplabelOrganizeId = row.labelOrganizeId
+          if (this.taskDetail.isForm === 1 || this.taskDetail.isForm === 2 || this.taskDetail.isForm === 6 || this.taskDetail.isForm === 7) {
+            this.activeUploadName = 'setlable'
+          } else {
+            this.clueRouteId = ''
+            const res = await channelList({ routeStatus: 1 })
+            this.channelSelectionOptions = JSON.parse(JSON.stringify(res.data))
+            this.activeUploadName = 'automatic'
+          }
+        }
+        this.crud.toQuery()
+      }
+      if (type === 'withdraw') {
+        this.withdrawSource(row.id)
+      }
+      if (type === 'allwithdraw') {
+        if (this.multipleSelection.filter(item => { return item.memberStatus === 0 }).length > 0) {
+          this.$message.warning('只能撤回已分配资源')
+          return false
+        } else {
+          this.$confirm(`确认撤回选中的${this.multipleSelection.length}条线索?`, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            this.withdrawSource()
+          }).catch(() => {
+          })
+        }
+      }
+      if (type === 'distributionProp') {
+        this.distributionDialog = !this.distributionDialog
+        if (!this.distributionDialog) this.assignUserIds = []
+      }
+      if (!this.taskDialog && type === 'distSwitch') {
+        this.labelOrganizeId = ''
+        this.form.taskName = ''
+        this.form.remark = ''
+      }
+    },
+    closeResourcesProp() {
+      this.resourcesDialog = false
+      // this.$refs['updaatefiles'].clearFiles()
+      this.$refs['manualUpload'].resetFields()
+      this.activeUploadName = 'automatic'
+      // this.$refs.manualUpload.resetFields()
+      this.uploadForm.collectTime = ''
+      this.uploadForm.amount = ''
+      this.uploadForm.tag = ''
+      this.uploadForm.nid = ''
+      this.uploadForm.name = ''
+      this.uploadForm.routeId = ''
+    },
+    // 撤回
+    withdrawSource(id) {
+      const obj = {
+        clueIdList: id ? [id] : this.multipleSelection.map(item => { return item.id }),
+        clueType: ''
+      }
+      withdrawSource(obj).then(res => {
+        this.$message.success('操作成功')
+        if (this.operationIndex !== '') {
+          this.deptDatas[this.operationIndex].unassigned = this.deptDatas[this.operationIndex].unassigned + obj.clueIdList.length
+        }
+        this.crud.refresh()
+      }).catch(() => {
+        this.$message.error('系统异常')
+      })
+    },
+    // 脱敏or加敏
+    // upFormNncryption() {
+    //   upFormNncryption({ taskId: this.taskDetail.id }).then(res => {
+    //     this.$message.success(res.msg)
+    //     this.crud.toQuery()
+    //   })
+    // },
+    // 指派
+    assignSubmit(type) {
+      if (this.assignUserIds.length === 0 && this.assignUserId == null) {
+        this.$message.warning('请选择分配人员')
+        return false
+      }
+      if (type === 'double' && this.multipleSelection.length > 0 && this.multipleSelection.filter(item => { return item.memberStatus !== 0 }).length > 0) {
+        this.$message.warning('只能分配未分配资源')
+        return false
+      }
+      if (type === 'double' && this.multipleSelection.length < this.assignUserIds.length) {
+        this.$message.warning('所选资源数不能小于分配人员数')
+        return false
+      }
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      const obj = {
+        clueIdList: type === 'double' ? this.multipleSelection.map(item => { return item.id }) : [this.crud.data[this.clueCurrent].id],
+        userIdList: type === 'double' ? this.assignUserIds : [this.assignUserId],
+        clueType: ''
+      }
+      updateBatchMember(obj).then(res => {
+        loading.close()
+        this.$message.success('操作成功')
+        if (type === 'double') {
+          this.operationFun({ type: 'distributionProp' })
+          this.getDeptDatas()
+        } else if (type === 'single') {
+          this.$refs[`close-popover-${this.clueCurrent}`].doClose()
+          this.assignUserId = ''
+          this.operationIndex && this.deptDatas[this.operationIndex].unassigned--
+        }
+        this.crud.refresh()
+      }).catch(() => { loading.close() })
+    },
+    // 选择人员
+    editUser(e) {
+      console.log('e===', e)
+    },
+    submitUpload() {
+      // 模板导入
+      if (this.activeUploadName === 'automatic' && this.clueRouteId !== '') {
+        const isLt100M = this.fileList.every(file => file.size / 1024 / 1024 < 100)
+        if (!isLt100M) {
+          this.$message.warning('请检查，上传文件大小不能超过100MB!')
+        } else {
+          this.fileData = new FormData() // new formData对象
+          this.$refs['updaatefiles'].submit()
+          if (!this.fileData.get('file')) {
+            this.$message({
+              message: '请先选择文件',
+              type: 'warning'
+            })
+            return false
+          }
+          // this.fileData.append('userId', this.user.id)
+          // this.fileData.append('uploadType', 5)
+          this.fileData.append('clueRouteId', this.clueRouteId)
+          this.fileData.append('taskType', 2)
+          this.fileData.append('taskId', this.form.taskId)
+          this.uploading = true
+          fileUploads(this.fileData).then((res) => {
+            if (res.status === 0) {
+              this.$message({
+                message: '操作成功，文件上传中',
+                type: 'success'
+              })
+              this.fileList = []
+            } else {
+              this.$message({
+                message: res.data.desc,
+                type: 'error'
+              })
+            }
+            setTimeout(() => {
+              this.closeResourcesProp()
+              this.query.taskId = this.form.taskId
+              this.getDeptDatas('react')
+              this.crud.toQuery()
+              this.uploading = false
+            }, 3000)
+          }).catch(() => {
+            this.uploading = false
+          })
+        }
+      } else if (this.activeUploadName === 'manual') {
+        // 手动导入
+        this.$refs.manualUpload.validate(valid => {
+          if (valid) {
+            this.uploadForm.userId = this.user.id
+            this.uploadForm.type = 5
+            this.uploadForm.taskId = this.form.taskId
+            this.uploading = true
+            setDynamicTask(this.uploadForm).then(res => {
+              if (res.status === 0) {
+                this.$message({
+                  message: '上传成功',
+                  type: 'success'
+                })
+                this.fileList = []
+              } else {
+                this.$message({
+                  message: res.data.desc,
+                  type: 'error'
+                })
+              }
+              setTimeout(() => {
+                this.closeResourcesProp()
+                this.query.taskId = this.form.taskId
+                this.getDeptDatas('react')
+                this.crud.toQuery()
+                this.uploading = false
+              }, 800)
+            }).catch(() => { this.uploading = false })
+          }
+        })
+      } else if (this.activeUploadName === 'setlable') {
+        // 编辑标签
+        this.uploading = true
+        taskUpdate({ id: this.taskDetail.id, labelOrganizeId: this.uplabelOrganizeId }).then(res => {
+          this.$message.success(res.msg)
+          this.closeResourcesProp()
+          this.getDeptDatas()
+          this.uploading = false
+        })
+      } else if (this.activeUploadName === 'automatic' && this.clueRouteId === '') {
+        this.$message({
+          message: '请选择渠道',
+          type: 'warning'
+        })
+      }
+    },
+    // 上传
+    updtaFils(file) {
+      this.fileData.append('file', file.file)
+    },
+    // 移除
+    handleRemove(file, fileList) {
+      this.fileList = fileList
+    },
+    // 选取文件超过数量提示
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 5 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
+    },
+    // 下载模板
+    downFilex({ type }) {
+      downLoadTemplate({ downLoadType: type }).then(res => {
+        window.location.href = res
+      })
+    },
+    // 提交任务
+    submitTask() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.subloading = true
+          const obj = Object.assign({}, this.form)
+          obj.taskType = 1
+          obj.createBy = this.user.id
+          taskSaveTask(obj).then(res => {
+            this.$message({
+              type: 'success',
+              message: '操作成功!',
+              showClose: true
+            })
+            this.subloading = false
+            this.operationFun({ type: 'distSwitch' })
+            this.getDeptDatas('react')
+          }).catch(() => {
+            this.subloading = false
+          })
+        }
+      })
+    },
+    handleCurrentChange(val) {
+      this.page = val
+      this.form.taskId = ''
+      this.getDeptDatas()
+    },
+    getDeptDatas(type = '') {
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      setTimeout(() => {
+        const data = {
+          page: this.leftPage - 1,
+          size: 10,
+          userId: this.user.id,
+          taskType: 1,
+          isForm: 98
+        }
+        taskQueryAll(data).then(res => {
+          this.deptDatas = res.content
+          this.resourcesTotal = res.totalElements
+          if (type === 'react') {
+            if (this.operationIndex !== '') {
+              this.operationIndex = this.deptDatas.map(it => it.id).indexOf(this.form.taskId)
+            }
+          }
+          loading.close()
+        }).catch(() => {
+          loading.close()
+        })
+      }, 100)
+    },
+    handleClose(tag) {
+      this.form.baseLabel.splice(this.form.baseLabel.indexOf(tag), 1)
+    },
+    showInput() {
+      this.inputVisible = true
+      this.$nextTick(_ => {
+        this.$refs.saveTagInput.input.focus()
+      })
+    },
+    handleInputConfirm() {
+      const inputValue = this.inputValue
+      if (inputValue) {
+        this.form.baseLabel.push(inputValue)
+      }
+      this.inputVisible = false
+      this.inputValue = ''
+    },
+    resetTaskCur() {
+      this.operationIndex = ''
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+.current-resources {
+  border: 1px solid #1890ff!important;
+}
+.el-dropdown {
+    vertical-align: top;
+}
+.el-dropdown + .el-dropdown {
+  margin-left: 15px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-tag + .el-tag {
+  margin-left: 10px;
+}
+.prop-title {
+  min-width:80px;
+  font-weight: bold;
+}
+.import-dialog ::v-deep .el-dialog__body {
+  padding-top: 0px;
+}
+.top-conent {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 20px;
+  border-bottom: 10px solid #F5F5F7;
+  img {
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+  }
+}
+.item-title {
+  width: 80px;
+}
+
+.handler {
+  padding: 10px 20px;
+}
+.handler .el-table .warning-row {
+    background: oldlace;
+}
+.handler .el-table .success-row {
+    background: #f0f9eb;
+}
+.handler ::v-deep .el-tooltip {
+  display: flex;
+  align-items: center;
+}
+.button-new-tag {
+  height: 32px;
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.input-new-tag {
+  width: 90px;
+  margin-left: 10px;
+  vertical-align: bottom;
+}
+.line-text {
+  font-size: 14px;
+  color: #606266;
+  line-height: 21px;
+  margin-top: 10px;
+}
+.crud-opts {
+  padding: 4px 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+.crud-opts .crud-opts-right {
+  margin-left: auto;
+}
+.crud-opts .crud-opts-right span {
+  float: left;
+}
+.menu-left {
+  overflow-y: auto;
+  height: calc(100vh - 212px);
+  position: relative;
+}
+.left-page {
+  position: sticky;
+  bottom: 0;
+  background: #fff;
+  width: 100%;
+}
+.red{
+  color: red;
+}
+.labelGroup {
+  flex-wrap: wrap;
+  div{
+    margin-right: 6px;
+  }
+}
+.label{
+  min-width: 80px;
+  line-height: 32px;
+  float: none;
+  display: inline-block;
+  font-size: 14px;
+  color: #606266;
+  text-align: right;
+  vertical-align: middle;
+  font-weight: 700;
+  padding: 0 12px 0 20px;
+}
+.resources_item {
+  width: 100%;
+  font-size: 14px;
+  padding: 6px;
+  background: #FAFAFA;
+  border-radius: 4px;
+  cursor: pointer;
+  ::v-deep .el-form-item__label{
+    line-height: 25px;
+  }
+  label {
+    min-width: 74px;
+  }
+  label + div {
+    font-size: 13px;
+  }
+  button {
+    width: 100%;
+    margin-top: 5px;
+    border-radius: 5px;
+  }
+  .text {
+    color: rgba($color: #000000, $alpha: 0.65);
+    font-size: 12px;
+  }
+}
+.head-left {
+  padding-bottom: 12px;
+  & div:nth-child(1) {
+    cursor: pointer;
+  }
+  img {
+    width: 16px;
+    height: 16px;
+    margin-right: 2px;
+  }
+  .task-conent {
+    padding-bottom: 5px;
+    border-bottom: 1px solid #E6E7EB;
+  }
+  .addBtn {
+    // padding: 11px 25px;
+    color: #246FDC;
+    font-size: 14px;
+    display: flex;
+    font-weight: 600;
+  }
+}
+.text-hide-2 {
+  line-height: 1.3;
+}
+</style>
diff --git a/src/views/system/down/tripartiteDownload.vue b/src/views/system/down/tripartiteDownload.vue
index 75813dc..bf68af1 100644
--- a/src/views/system/down/tripartiteDownload.vue
+++ b/src/views/system/down/tripartiteDownload.vue
@@ -3,7 +3,7 @@
  * @Autor: 飘泊客
  * @Date: 2022-01-13 15:43:13
  * @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-13 11:29:17
+ * @LastEditTime: 2023-10-13 16:27:05
 -->
 <template>
   <div class="app-container">
@@ -34,7 +34,7 @@
         </el-table-column> -->
         <el-table-column
           label="操作"
-          width="300"
+          width="140"
           align="center"
           fixed="right"
         >
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 77fb561..2669e7f 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,411 +1,412 @@
-<template>
-  <div class="app-container">
-    <!--工具栏-->
-    <div class="head-container">
-      <div v-if="crud.props.searchToggle">
-        <!-- 搜索 -->
-        <el-input
-          v-model="query.blurry"
-          clearable
-          size="small"
-          placeholder="模糊搜索"
-          style="width: 200px;"
-          class="filter-item"
-          @keyup.enter.native="crud.toQuery"
-        />
-        <date-range-picker v-model="query.createTime" class="date-item" />
-        <rrOperation />
-      </div>
-      <crudOperation :permission="permission" />
-    </div>
-    <!--表单渲染-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :before-close="crud.cancelCU"
-      :visible.sync="crud.status.cu > 0"
-      :title="crud.status.title"
-      width="580px"
-    >
-      <el-form
-        ref="form"
-        :inline="true"
-        :model="form"
-        :rules="rules"
-        size="small"
-        label-width="80px"
-      >
-        <el-form-item label="菜单类型" prop="type">
-          <el-radio-group v-model="form.type" size="mini" style="width: 178px">
-            <el-radio-button label="0">目录</el-radio-button>
-            <el-radio-button label="1">菜单</el-radio-button>
-            <el-radio-button label="2">按钮</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-show="form.type.toString() !== '2'"
-          label="菜单图标"
-          prop="icon"
-        >
-          <el-popover
-            placement="bottom-start"
-            width="450"
-            trigger="click"
-            @show="$refs['iconSelect'].reset()"
-          >
-            <IconSelect ref="iconSelect" @selected="selected" />
-            <el-input
-              slot="reference"
-              v-model="form.icon"
-              style="width: 450px;"
-              placeholder="点击选择图标"
-              readonly
-              clearable
-            >
-              <svg-icon
-                v-if="form.icon"
-                slot="prefix"
-                :icon-class="form.icon"
-                class="el-input__icon"
-                style="height: 32px;width: 16px;"
-              />
-              <i v-else slot="prefix" class="el-icon-search el-input__icon" />
-            </el-input>
-          </el-popover>
-        </el-form-item>
-        <el-form-item
-          v-show="form.type.toString() !== '2'"
-          label="外链菜单"
-          prop="iframe"
-        >
-          <el-radio-group v-model="form.iframe" size="mini">
-            <el-radio-button label="true">是</el-radio-button>
-            <el-radio-button label="false">否</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-show="form.type.toString() === '1'"
-          label="菜单缓存"
-          prop="cache"
-        >
-          <el-radio-group v-model="form.cache" size="mini">
-            <el-radio-button label="true">是</el-radio-button>
-            <el-radio-button label="false">否</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-show="form.type.toString() !== '2'"
-          label="菜单可见"
-          prop="hidden"
-        >
-          <el-radio-group v-model="form.hidden" size="mini">
-            <el-radio-button label="false">是</el-radio-button>
-            <el-radio-button label="true">否</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-if="form.type.toString() !== '2'"
-          label="菜单标题"
-          prop="title"
-        >
-          <el-input
-            v-model="form.title"
-            :style="
-              form.type.toString() === '0' ? 'width: 450px' : 'width: 178px'
-            "
-            placeholder="菜单标题"
-          />
-        </el-form-item>
-        <el-form-item
-          v-if="form.type.toString() === '2'"
-          label="按钮名称"
-          prop="title"
-        >
-          <el-input
-            v-model="form.title"
-            placeholder="按钮名称"
-            style="width: 178px;"
-          />
-        </el-form-item>
-        <el-form-item
-          v-show="form.type.toString() !== '0'"
-          label="权限标识"
-          prop="permission"
-        >
-          <el-input
-            v-model="form.permission"
-            :disabled="form.iframe.toString() === 'true'"
-            placeholder="权限标识"
-            style="width: 178px;"
-          />
-        </el-form-item>
-        <el-form-item
-          v-if="form.type.toString() !== '2'"
-          label="路由地址"
-          prop="path"
-        >
-          <el-input
-            v-model="form.path"
-            placeholder="路由地址"
-            style="width: 178px;"
-          />
-        </el-form-item>
-        <el-form-item label="菜单排序" prop="menuSort">
-          <el-input-number
-            v-model.number="form.menuSort"
-            :min="0"
-            :max="999"
-            controls-position="right"
-            style="width: 178px;"
-          />
-        </el-form-item>
-        <el-form-item
-          v-show="
-            form.iframe.toString() !== 'true' && form.type.toString() === '1'
-          "
-          label="组件名称"
-          prop="componentName"
-        >
-          <el-input
-            v-model="form.componentName"
-            style="width: 178px;"
-            placeholder="匹配组件内Name字段"
-          />
-        </el-form-item>
-        <el-form-item
-          v-show="
-            form.iframe.toString() !== 'true' && form.type.toString() === '1'
-          "
-          label="组件路径"
-          prop="component"
-        >
-          <el-input
-            v-model="form.component"
-            style="width: 178px;"
-            placeholder="组件路径"
-          />
-        </el-form-item>
-        <el-form-item label="上级类目" prop="pid">
-          <treeselect
-            v-model="form.pid"
-            :options="menus"
-            :load-options="loadMenus"
-            style="width: 450px;"
-            placeholder="选择上级类目"
-          />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="crud.cancelCU">取消</el-button>
-        <el-button
-          :loading="crud.status.cu === 2"
-          type="primary"
-          @click="crud.submitCU"
-        >确认</el-button>
-      </div>
-    </el-dialog>
-    <!--表格渲染-->
-    <el-table
-      ref="table"
-      v-loading="crud.loading"
-      lazy
-      :load="getMenus"
-      :data="crud.data"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      row-key="id"
-      @select="crud.selectChange"
-      @select-all="crud.selectAllChange"
-      @selection-change="crud.selectionChangeHandler"
-    >
-      <el-table-column type="selection" width="55" />
-      <el-table-column
-        :show-overflow-tooltip="true"
-        label="菜单标题"
-        width="125px"
-        prop="title"
-      />
-      <el-table-column prop="icon" label="图标" align="center" width="60px">
-        <template slot-scope="scope">
-          <svg-icon :icon-class="scope.row.icon ? scope.row.icon : ''" />
-        </template>
-      </el-table-column>
-      <el-table-column prop="menuSort" align="center" label="排序">
-        <template slot-scope="scope">
-          {{ scope.row.menuSort }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        :show-overflow-tooltip="true"
-        prop="permission"
-        label="权限标识"
-      />
-      <el-table-column
-        :show-overflow-tooltip="true"
-        prop="component"
-        label="组件路径"
-      />
-      <el-table-column prop="iframe" label="外链" width="75px">
-        <template slot-scope="scope">
-          <span v-if="scope.row.iframe">是</span>
-          <span v-else>否</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="cache" label="缓存" width="75px">
-        <template slot-scope="scope">
-          <span v-if="scope.row.cache">是</span>
-          <span v-else>否</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="hidden" label="可见" width="75px">
-        <template slot-scope="scope">
-          <span v-if="scope.row.hidden">否</span>
-          <span v-else>是</span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="createTime" label="创建日期" width="135px" />
-      <el-table-column
-        v-if="checkPer(['admin', 'menu:edit', 'menu:del'])"
-        label="操作"
-        width="130px"
-        align="center"
-        fixed="right"
-      >
-        <template slot-scope="scope">
-          <udOperation
-            :data="scope.row"
-            :permission="permission"
-            msg="确定删除吗,如果存在下级节点则一并删除，此操作不能撤销！"
-          />
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import crudMenu from '@/api/system/menu'
-import IconSelect from '@/components/IconSelect'
-import Treeselect from '@riophae/vue-treeselect'
-import '@riophae/vue-treeselect/dist/vue-treeselect.css'
-import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
-import CRUD, { presenter, header, form, crud } from '@crud/crud'
-import rrOperation from '@crud/RR.operation'
-import crudOperation from '@crud/CRUD.operation'
-import udOperation from '@crud/UD.operation'
-import DateRangePicker from '@/components/DateRangePicker'
-
-// crud交由presenter持有
-const defaultForm = {
-  id: null,
-  title: null,
-  menuSort: 999,
-  path: null,
-  component: null,
-  componentName: null,
-  iframe: false,
-  roles: [],
-  pid: 0,
-  icon: null,
-  cache: false,
-  hidden: false,
-  type: 0,
-  permission: null
-}
-export default {
-  name: 'Menu',
-  components: {
-    Treeselect,
-    IconSelect,
-    crudOperation,
-    rrOperation,
-    udOperation,
-    DateRangePicker
-  },
-  cruds() {
-    return CRUD({
-      title: '菜单',
-      url: 'api-management/api/menus',
-      crudMethod: { ...crudMenu }
-    })
-  },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  data() {
-    return {
-      menus: [],
-      permission: {
-        add: ['admin', 'menu:add'],
-        edit: ['admin', 'menu:edit'],
-        del: ['admin', 'menu:del']
-      },
-      rules: {
-        title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
-        path: [{ required: true, message: '请输入地址', trigger: 'blur' }]
-      }
-    }
-  },
-  methods: {
-    // 新增与编辑前做的操作
-    [CRUD.HOOK.afterToCU](crud, form) {
-      this.menus = []
-      if (form.id != null) {
-        if (form.pid === null) {
-          form.pid = 0
-        }
-        this.getSupDepts(form.id)
-      } else {
-        this.menus.push({ id: 0, label: '顶级类目', children: null })
-      }
-    },
-    getMenus(tree, treeNode, resolve) {
-      const params = { pid: tree.id }
-      setTimeout(() => {
-        crudMenu.getMenus(params).then(res => {
-          resolve(res.content)
-        })
-      }, 100)
-    },
-    getSupDepts(id) {
-      crudMenu.getMenuSuperior(id).then(res => {
-        const children = res.map(function(obj) {
-          if (!obj.leaf && !obj.children) {
-            obj.children = null
-          }
-          return obj
-        })
-        this.menus = [{ id: 0, label: '顶级类目', children: children }]
-      })
-    },
-    loadMenus({ action, parentNode, callback }) {
-      if (action === LOAD_CHILDREN_OPTIONS) {
-        crudMenu.getMenusTree(parentNode.id).then(res => {
-          parentNode.children = res.map(function(obj) {
-            if (!obj.leaf) {
-              obj.children = null
-            }
-            return obj
-          })
-          setTimeout(() => {
-            callback()
-          }, 100)
-        })
-      }
-    },
-    // 选中图标
-    selected(name) {
-      this.form.icon = name
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-::v-deep .el-input-number .el-input__inner {
-  text-align: left;
-}
-::v-deep .vue-treeselect__control,
-::v-deep .vue-treeselect__placeholder,
-::v-deep .vue-treeselect__single-value {
-  height: 30px;
-  line-height: 30px;
-}
-</style>
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-input
+          v-model="query.blurry"
+          clearable
+          size="small"
+          placeholder="模糊搜索"
+          style="width: 200px;"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery"
+        />
+        <date-range-picker v-model="query.createTime" class="date-item" />
+        <rrOperation />
+      </div>
+      <crudOperation :permission="permission" />
+    </div>
+    <!--表单渲染-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :before-close="crud.cancelCU"
+      :visible.sync="crud.status.cu > 0"
+      :title="crud.status.title"
+      width="580px"
+    >
+      <el-form
+        ref="form"
+        :inline="true"
+        :model="form"
+        :rules="rules"
+        size="small"
+        label-width="80px"
+      >
+        <el-form-item label="菜单类型" prop="type">
+          <el-radio-group v-model="form.type" size="mini" style="width: 178px">
+            <el-radio-button label="0">目录</el-radio-button>
+            <el-radio-button label="1">菜单</el-radio-button>
+            <el-radio-button label="2">按钮</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          v-show="form.type.toString() !== '2'"
+          label="菜单图标"
+          prop="icon"
+        >
+          <el-popover
+            placement="bottom-start"
+            width="450"
+            trigger="click"
+            @show="$refs['iconSelect'].reset()"
+          >
+            <IconSelect ref="iconSelect" @selected="selected" />
+            <el-input
+              slot="reference"
+              v-model="form.icon"
+              style="width: 450px;"
+              placeholder="点击选择图标"
+              readonly
+              clearable
+            >
+              <svg-icon
+                v-if="form.icon"
+                slot="prefix"
+                :icon-class="form.icon"
+                class="el-input__icon"
+                style="height: 32px;width: 16px;"
+              />
+              <i v-else slot="prefix" class="el-icon-search el-input__icon" />
+            </el-input>
+          </el-popover>
+        </el-form-item>
+        <el-form-item
+          v-show="form.type.toString() !== '2'"
+          label="外链菜单"
+          prop="iframe"
+        >
+          <el-radio-group v-model="form.iframe" size="mini">
+            <el-radio-button label="true">是</el-radio-button>
+            <el-radio-button label="false">否</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          v-show="form.type.toString() === '1'"
+          label="菜单缓存"
+          prop="cache"
+        >
+          <el-radio-group v-model="form.cache" size="mini">
+            <el-radio-button label="true">是</el-radio-button>
+            <el-radio-button label="false">否</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          v-show="form.type.toString() !== '2'"
+          label="菜单可见"
+          prop="hidden"
+        >
+          <el-radio-group v-model="form.hidden" size="mini">
+            <el-radio-button label="false">是</el-radio-button>
+            <el-radio-button label="true">否</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          v-if="form.type.toString() !== '2'"
+          label="菜单标题"
+          prop="title"
+        >
+          <el-input
+            v-model="form.title"
+            :style="
+              form.type.toString() === '0' ? 'width: 450px' : 'width: 178px'
+            "
+            placeholder="菜单标题"
+          />
+        </el-form-item>
+        <el-form-item
+          v-if="form.type.toString() === '2'"
+          label="按钮名称"
+          prop="title"
+        >
+          <el-input
+            v-model="form.title"
+            placeholder="按钮名称"
+            style="width: 178px;"
+          />
+        </el-form-item>
+        <el-form-item
+          v-show="form.type.toString() !== '0'"
+          label="权限标识"
+          prop="permission"
+        >
+          <el-input
+            v-model="form.permission"
+            :disabled="form.iframe.toString() === 'true'"
+            placeholder="权限标识"
+            style="width: 178px;"
+          />
+        </el-form-item>
+        <el-form-item
+          v-if="form.type.toString() !== '2'"
+          label="路由地址"
+          prop="path"
+        >
+          <el-input
+            v-model="form.path"
+            placeholder="路由地址"
+            style="width: 178px;"
+          />
+        </el-form-item>
+        <el-form-item label="菜单排序" prop="menuSort">
+          <el-input-number
+            v-model.number="form.menuSort"
+            :min="0"
+            :max="999"
+            controls-position="right"
+            style="width: 178px;"
+          />
+        </el-form-item>
+        <el-form-item
+          v-show="
+            form.iframe.toString() !== 'true' && form.type.toString() === '1'
+          "
+          label="组件名称"
+          prop="componentName"
+        >
+          <el-input
+            v-model="form.componentName"
+            style="width: 178px;"
+            placeholder="匹配组件内Name字段"
+          />
+        </el-form-item>
+        <el-form-item
+          v-show="
+            form.iframe.toString() !== 'true' && form.type.toString() === '1'
+          "
+          label="组件路径"
+          prop="component"
+        >
+          <el-input
+            v-model="form.component"
+            style="width: 178px;"
+            placeholder="组件路径"
+          />
+        </el-form-item>
+        <el-form-item label="上级类目" prop="pid">
+          <treeselect
+            v-model="form.pid"
+            :options="menus"
+            :load-options="loadMenus"
+            style="width: 450px;"
+            placeholder="选择上级类目"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">取消</el-button>
+        <el-button
+          :loading="crud.status.cu === 2"
+          type="primary"
+          @click="crud.submitCU"
+        >确认</el-button>
+      </div>
+    </el-dialog>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      lazy
+      :load="getMenus"
+      :data="crud.data"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      row-key="id"
+      :header-cell-style="{'text-align':'left'}"
+      @select="crud.selectChange"
+      @select-all="crud.selectAllChange"
+      @selection-change="crud.selectionChangeHandler"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        label="菜单标题"
+        width="125px"
+        prop="title"
+      />
+      <el-table-column prop="icon" label="图标" align="center" width="60px">
+        <template slot-scope="scope">
+          <svg-icon :icon-class="scope.row.icon ? scope.row.icon : ''" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="menuSort" align="center" label="排序">
+        <template slot-scope="scope">
+          {{ scope.row.menuSort }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="permission"
+        label="权限标识"
+      />
+      <el-table-column
+        :show-overflow-tooltip="true"
+        prop="component"
+        label="组件路径"
+      />
+      <el-table-column prop="iframe" label="外链" width="75px">
+        <template slot-scope="scope">
+          <span v-if="scope.row.iframe">是</span>
+          <span v-else>否</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="cache" label="缓存" width="75px">
+        <template slot-scope="scope">
+          <span v-if="scope.row.cache">是</span>
+          <span v-else>否</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="hidden" label="可见" width="75px">
+        <template slot-scope="scope">
+          <span v-if="scope.row.hidden">否</span>
+          <span v-else>是</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="创建日期" width="135px" />
+      <el-table-column
+        v-if="checkPer(['admin', 'menu:edit', 'menu:del'])"
+        label="操作"
+        width="130px"
+        align="center"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <udOperation
+            :data="scope.row"
+            :permission="permission"
+            msg="确定删除吗,如果存在下级节点则一并删除，此操作不能撤销！"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import crudMenu from '@/api/system/menu'
+import IconSelect from '@/components/IconSelect'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import DateRangePicker from '@/components/DateRangePicker'
+
+// crud交由presenter持有
+const defaultForm = {
+  id: null,
+  title: null,
+  menuSort: 999,
+  path: null,
+  component: null,
+  componentName: null,
+  iframe: false,
+  roles: [],
+  pid: 0,
+  icon: null,
+  cache: false,
+  hidden: false,
+  type: 0,
+  permission: null
+}
+export default {
+  name: 'Menu',
+  components: {
+    Treeselect,
+    IconSelect,
+    crudOperation,
+    rrOperation,
+    udOperation,
+    DateRangePicker
+  },
+  cruds() {
+    return CRUD({
+      title: '菜单',
+      url: 'api-management/api/menus',
+      crudMethod: { ...crudMenu }
+    })
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    return {
+      menus: [],
+      permission: {
+        add: ['admin', 'menu:add'],
+        edit: ['admin', 'menu:edit'],
+        del: ['admin', 'menu:del']
+      },
+      rules: {
+        title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+        path: [{ required: true, message: '请输入地址', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {
+      this.menus = []
+      if (form.id != null) {
+        if (form.pid === null) {
+          form.pid = 0
+        }
+        this.getSupDepts(form.id)
+      } else {
+        this.menus.push({ id: 0, label: '顶级类目', children: null })
+      }
+    },
+    getMenus(tree, treeNode, resolve) {
+      const params = { pid: tree.id }
+      setTimeout(() => {
+        crudMenu.getMenus(params).then(res => {
+          resolve(res.content)
+        })
+      }, 100)
+    },
+    getSupDepts(id) {
+      crudMenu.getMenuSuperior(id).then(res => {
+        const children = res.map(function(obj) {
+          if (!obj.leaf && !obj.children) {
+            obj.children = null
+          }
+          return obj
+        })
+        this.menus = [{ id: 0, label: '顶级类目', children: children }]
+      })
+    },
+    loadMenus({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudMenu.getMenusTree(parentNode.id).then(res => {
+          parentNode.children = res.map(function(obj) {
+            if (!obj.leaf) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    // 选中图标
+    selected(name) {
+      this.form.icon = name
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+</style>
diff --git a/src/views/system/timing/log.vue b/src/views/system/timing/log.vue
index 0fcd962..48580a2 100644
--- a/src/views/system/timing/log.vue
+++ b/src/views/system/timing/log.vue
@@ -1,104 +1,104 @@
-<template>
-  <el-dialog :visible.sync="dialog" append-to-body title="执行日志" width="88%">
-    <!-- 搜索 -->
-    <div class="head-container">
-      <el-input v-model="query.jobName" clearable size="small" placeholder="输入任务名称搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
-      <date-range-picker v-model="query.createTime" class="date-item" />
-      <el-select v-model="query.isSuccess" placeholder="日志状态" clearable size="small" class="filter-item" style="width: 110px" @change="toQuery">
-        <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
-      </el-select>
-      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
-      <!-- 导出 -->
-      <div style="display: inline-block;">
-        <el-button
-          :loading="downloadLoading"
-          size="mini"
-          class="filter-item"
-          type="warning"
-          icon="el-icon-download"
-          @click="downloadMethod"
-        >导出</el-button>
-      </div>
-    </div>
-    <!--表格渲染-->
-    <el-table v-loading="loading" :data="data" style="width: 100%;margin-top: -10px;">
-      <el-table-column :show-overflow-tooltip="true" prop="jobName" label="任务名称" />
-      <el-table-column :show-overflow-tooltip="true" prop="beanName" label="Bean名称" />
-      <el-table-column :show-overflow-tooltip="true" prop="methodName" label="执行方法" />
-      <el-table-column :show-overflow-tooltip="true" prop="params" width="120px" label="参数" />
-      <el-table-column :show-overflow-tooltip="true" prop="cronExpression" label="cron表达式" />
-      <el-table-column prop="createTime" label="异常详情" width="110px">
-        <template slot-scope="scope">
-          <el-button v-show="scope.row.exceptionDetail" size="mini" type="text" @click="info(scope.row.exceptionDetail)">查看详情</el-button>
-        </template>
-      </el-table-column>
-      <el-table-column :show-overflow-tooltip="true" align="center" prop="time" width="100px" label="耗时(毫秒)" />
-      <el-table-column align="center" prop="isSuccess" width="80px" label="状态">
-        <template slot-scope="scope">
-          <el-tag :type="scope.row.isSuccess ? 'success' : 'danger'">{{ scope.row.isSuccess ? '成功' : '失败' }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期" />
-    </el-table>
-    <el-dialog :visible.sync="errorDialog" append-to-body title="异常详情" width="85%">
-      <pre v-highlightjs="errorInfo"><code class="java" /></pre>
-    </el-dialog>
-    <!--分页组件-->
-    <el-pagination
-      :total="total"
-      :current-page="page + 1"
-      :page-size="6"
-      style="margin-top:8px;"
-      layout="total, prev, pager, next"
-      @size-change="sizeChange"
-      @current-change="pageChange"
-    />
-  </el-dialog>
-</template>
-
-<script>
-import crud from '@/mixins/crud'
-import DateRangePicker from '@/components/DateRangePicker'
-export default {
-  components: { DateRangePicker },
-  mixins: [crud],
-  data() {
-    return {
-      title: '任务日志',
-      errorInfo: '', errorDialog: false,
-      enabledTypeOptions: [
-        { key: 'true', display_name: '成功' },
-        { key: 'false', display_name: '失败' }
-      ]
-    }
-  },
-  methods: {
-    doInit() {
-      this.$nextTick(() => {
-        this.init()
-      })
-    },
-    // 获取数据前设置好接口地址
-    beforeInit() {
-      this.url = 'api-management/api/jobs/logs'
-      this.size = 6
-      return true
-    },
-    // 异常详情
-    info(errorInfo) {
-      this.errorInfo = errorInfo
-      this.errorDialog = true
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .java.hljs{
-    color: #444;
-    background: #ffffff !important;
-  }
- ::v-deep .el-dialog__body{
-    padding: 0 20px 10px 20px !important;
-  }
-</style>
+<template>
+  <el-dialog :visible.sync="dialog" append-to-body title="执行日志" width="88%">
+    <!-- 搜索 -->
+    <div class="head-container">
+      <el-input v-model="query.jobName" clearable size="small" placeholder="输入任务名称搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
+      <date-range-picker v-model="query.createTime" class="date-item" />
+      <el-select v-model="query.isSuccess" placeholder="日志状态" clearable size="small" class="filter-item" style="width: 110px" @change="toQuery">
+        <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
+      </el-select>
+      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
+      <!-- 导出 -->
+      <div style="display: inline-block;">
+        <el-button
+          :loading="downloadLoading"
+          size="mini"
+          class="filter-item"
+          type="warning"
+          icon="el-icon-download"
+          @click="downloadMethod"
+        >导出</el-button>
+      </div>
+    </div>
+    <!--表格渲染-->
+    <el-table v-loading="loading" :data="data" style="width: 100%;margin-top: -10px;" :header-cell-style="{'text-align':'left'}">
+      <el-table-column :show-overflow-tooltip="true" prop="jobName" label="任务名称" />
+      <el-table-column :show-overflow-tooltip="true" prop="beanName" label="Bean名称" />
+      <el-table-column :show-overflow-tooltip="true" prop="methodName" label="执行方法" />
+      <el-table-column :show-overflow-tooltip="true" prop="params" width="120px" label="参数" />
+      <el-table-column :show-overflow-tooltip="true" prop="cronExpression" label="cron表达式" />
+      <el-table-column prop="createTime" label="异常详情" width="110px">
+        <template slot-scope="scope">
+          <el-button v-show="scope.row.exceptionDetail" size="mini" type="text" @click="info(scope.row.exceptionDetail)">查看详情</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" align="center" prop="time" width="100px" label="耗时(毫秒)" />
+      <el-table-column align="center" prop="isSuccess" width="80px" label="状态">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.isSuccess ? 'success' : 'danger'">{{ scope.row.isSuccess ? '成功' : '失败' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期" />
+    </el-table>
+    <el-dialog :visible.sync="errorDialog" append-to-body title="异常详情" width="85%">
+      <pre v-highlightjs="errorInfo"><code class="java" /></pre>
+    </el-dialog>
+    <!--分页组件-->
+    <el-pagination
+      :total="total"
+      :current-page="page + 1"
+      :page-size="6"
+      style="margin-top:8px;"
+      layout="total, prev, pager, next"
+      @size-change="sizeChange"
+      @current-change="pageChange"
+    />
+  </el-dialog>
+</template>
+
+<script>
+import crud from '@/mixins/crud'
+import DateRangePicker from '@/components/DateRangePicker'
+export default {
+  components: { DateRangePicker },
+  mixins: [crud],
+  data() {
+    return {
+      title: '任务日志',
+      errorInfo: '', errorDialog: false,
+      enabledTypeOptions: [
+        { key: 'true', display_name: '成功' },
+        { key: 'false', display_name: '失败' }
+      ]
+    }
+  },
+  methods: {
+    doInit() {
+      this.$nextTick(() => {
+        this.init()
+      })
+    },
+    // 获取数据前设置好接口地址
+    beforeInit() {
+      this.url = 'api-management/api/jobs/logs'
+      this.size = 6
+      return true
+    },
+    // 异常详情
+    info(errorInfo) {
+      this.errorInfo = errorInfo
+      this.errorDialog = true
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .java.hljs{
+    color: #444;
+    background: #ffffff !important;
+  }
+ ::v-deep .el-dialog__body{
+    padding: 0 20px 10px 20px !important;
+  }
+</style>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index c458b8d..e23823d 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -223,6 +223,7 @@
             ref="multipleTable"
             v-loading="approvalLoading"
             :data="item.list"
+            :header-cell-style="{'text-align':'left'}"
             style="width: 100%"
           >
             <el-table-column
diff --git a/src/views/system/user/toExamineUser.vue b/src/views/system/user/toExamineUser.vue
index 8a81a0a..0cc79ab 100644
--- a/src/views/system/user/toExamineUser.vue
+++ b/src/views/system/user/toExamineUser.vue
@@ -1,777 +1,778 @@
-<template>
-  <div class="app-container">
-    <el-row :gutter="20">
-      <!--工具栏-->
-      <div class="head-container">
-        <div>
-          <!-- 搜索 -->
-          <el-input
-            v-model="query.companyName"
-            clearable
-            size="small"
-            placeholder="输入公司名"
-            style="width: 200px;"
-            class="filter-item"
-          />
-          <date-range-picker v-model="query.createTime" class="date-item" />
-          <rrOperation />
-        </div>
-        <!-- <crudOperation show="" :permission="permission" /> -->
-      </div>
-      <!--表格渲染-->
-      <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" :header-cell-style="{'text-align':'left'}" @selection-change="crud.selectionChangeHandler">
-        <!-- <el-table-column prop="id" label="ID" width="25" /> -->
-        <el-table-column :show-overflow-tooltip="true" prop="companyName" label="公司名" />
-        <el-table-column :show-overflow-tooltip="true" prop="legalPersonIdFront" label="法人身份证正面">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="scope.row.legalPersonIdFront"
-              fit="contain"
-              :preview-src-list="previewImg(scope.row.legalPersonIdFront)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="legalPersonIdReverse" label="法人身份证反面">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="scope.row.legalPersonIdReverse"
-              fit="contain"
-              :preview-src-list="previewImg(scope.row.legalPersonIdReverse)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="managerIdFront" label="经办人身份证正面">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="scope.row.managerIdFront"
-              fit="contain"
-              :preview-src-list="previewImg(scope.row.managerIdFront)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="managerIdReverse" label="经办人身份证反面">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="scope.row.managerIdReverse"
-              fit="contain"
-              :preview-src-list="previewImg(scope.row.managerIdReverse)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="businessLicense" label="营业执照">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="scope.row.businessLicense"
-              fit="contain"
-              :preview-src-list="previewImg(scope.row.businessLicense)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="authorizationState" label="授权统计" width="100">
-          <template slot-scope="scope">
-            <span :style="{color: (scope.row.authorizationState ? '#13ce66' : 'red')}">{{ handAvalidation(scope.row) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="invitationCode" label="邀请人" />
-        <el-table-column label="状态" align="center" prop="enabled">
-          <template slot-scope="scope">
-            <el-tag :type="scope.row.status == 1 ? 'success' : scope.row.status == 0 ? '' : 'danger'">{{ scope.row.status == 1 ? '审核通过' : scope.row.status == 0 ? '待审核' : '审核驳回' }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
-          <template slot-scope="scope">
-            <span>{{ parseTime(scope.row.createTime) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          v-permission="['admin']"
-          label="操作"
-          width="175"
-          fixed="right"
-        >
-          <!-- <template slot-scope="scope">
-            <el-button v-if="scope.row.status == 0" type="danger" size="mini" @click="doExamine(scope.row.id, -1)">驳回
-            </el-button>
-            <el-button v-if="scope.row.status == 0" type="primary" size="mini" @click="doExamine(scope.row.id, 1)">通过
-            </el-button>
-            <el-button v-if="scope.row.status == 1" type="primary" size="mini" @click="doDetail(scope.row)">编辑
-            </el-button>
-            <el-button v-if="scope.row.status == 1" type="warning" size="mini" @click="doExtension(scope.row.id)">分机号
-            </el-button>
-            <el-button v-if="scope.row.status == 0" type="primary" size="mini" @click="doExamine(scope.row.id, 1)">授权</el-button>
-          </template> -->
-          <template slot-scope="scope">
-            <el-popover
-              placement="right"
-              trigger="hover"
-            >
-              <div v-if="scope.row.status == 0" class="popover-item" @click="dohankClick({ type: 'examine', row: scope.row, action: -1 })">
-                <span>驳回</span>
-              </div>
-              <div v-if="scope.row.status == 0" class="popover-item" @click="dohankClick({ type: 'examine', row: scope.row, action: 1 })">
-                <span>通过</span>
-              </div>
-              <div v-if="scope.row.status == 1" class="popover-item" @click="dohankClick({ type: 'edit', row: scope.row })">
-                <span>编辑</span>
-              </div>
-              <div v-if="scope.row.status == 1" class="popover-item" @click="dohankClick({ type: 'extension', row: scope.row })">
-                <span>分机号</span>
-              </div>
-              <div v-if="scope.row.status == 1 && scope.row.companyType == 1" class="popover-item" @click="openDyDialog(scope.row)">
-                <span>抖音授权</span>
-              </div>
-              <el-button slot="reference">操作</el-button>
-            </el-popover>
-          </template>
-        </el-table-column>
-      </el-table>
-      <!--分页组件-->
-      <pagination />
-    </el-row>
-    <el-dialog append-to-body :close-on-click-modal="false" :visible.sync="grantProp" :title="grantTitle" width="570px">
-      <el-form ref="agentForm" :inline="true" :model="grantForm" size="small" label-width="70px">
-        <el-form-item label="授权链接">
-          <div class="u-flex">
-            <el-input v-model="grantForm.shareCode" readonly style="width: 450px" />
-            <el-button type="success" class="ml-5" @click="onCopy">复制</el-button>
-          </div>
-        </el-form-item>
-      </el-form>
-      <!-- <div slot="footer" class="dialog-footer">
-        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">关闭</el-button>
-      </div> -->
-    </el-dialog>
-    <!-- 编辑 -->
-    <el-dialog
-      append-to-body
-      :visible.sync="companyDetailsVisualSwitch"
-      title="编辑信息"
-      width="600px"
-      :before-close="handCompany"
-    >
-      <el-form
-        ref="ruleForm"
-        :inline="true"
-        :model="agreementForm"
-        size="small"
-        label-width="80px"
-      >
-        <el-form-item label="axb:xGroup" prop="a" label-width="100px">
-          <el-input v-model="agreementForm.axbGroup" style="width: 200%" />
-        </el-form-item>
-        <el-form-item label="axb:telX" prop="telX" label-width="100px">
-          <el-input v-model="agreementForm.telX" style="width: 200%" />
-        </el-form-item>
-        <el-form-item label="子账号数量" prop="sonUserNum" label-width="100px">
-          <el-input v-model="agreementForm.sonUserNum" type="number" style="width: 200%" />
-        </el-form-item>
-        <el-form-item label="dmp上传数量" prop="dmpLimitNum" label-width="100px">
-          <el-input v-model="agreementForm.dmpLimitNum" type="number" style="width: 200%" />
-        </el-form-item>
-        <el-form-item label="公司名称" prop="companyName" label-width="100px">
-          <el-input v-model="agreementForm.companyName" style="width: 200%" disabled />
-        </el-form-item>
-        <el-form-item label="邀请码" prop="invitationCode" label-width="100px">
-          <el-input v-model="agreementForm.invitationCode" style="width: 200%" disabled />
-        </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')}"
-              :before-upload="beforeAvatarUpload"
-              :on-error="errorImg"
-            >
-              <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')}"
-              :before-upload="beforeAvatarUpload"
-              :on-error="errorImg"
-            >
-              <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')}"
-              :before-upload="beforeAvatarUpload"
-              :on-error="errorImg"
-            >
-              <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')}"
-              :before-upload="beforeAvatarUpload"
-              :on-error="errorImg"
-            >
-              <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')}"
-            :before-upload="beforeAvatarUpload"
-            :on-error="errorImg"
-          >
-            <img v-if="agreementForm.businessLicense" :src="agreementForm.businessLicense" class="avatar">
-            <img v-else :src="img3" class="avatar-uploader-img">
-          </el-upload>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button
-          :loading="subLoading"
-          type="primary"
-          @click="handleEdit"
-        >提交
-        </el-button>
-      </div>
-    </el-dialog>
-    <!-- 导入分机号 -->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :visible.sync="codeDialog"
-      :before-close="beforClose"
-      title="导入分机号"
-      width="520px"
-    >
-      <div>
-        <!-- :data="parameter" -->
-        <div class="u-flex">
-          <div class="label">外显号</div>
-          <el-input v-model="ExplicitNumber" type="number" placeholder="请设置外显号" style="width: 360px" />
-        </div>
-        <div v-if="rowObj.companyType == 1 && rowObj.status == 1" class="u-flex mt-10">
-          <div class="label">抖音</div>
-          <el-input v-model="dyDisplay" type="number" placeholder="请设置抖音外显号" style="width: 360px" />
-        </div>
-        <div v-if="rowObj.status == 1" class="u-flex mt-10">
-          <div class="label">投流</div>
-          <el-input v-model="deliveryDisplay" type="number" placeholder="请设置投流外显号" style="width: 360px" />
-        </div>
-        <div v-if="rowObj.status == 1" class="u-flex mt-10">
-          <div class="label">拓客</div>
-          <el-input v-model="tokerDisplay" type="number" placeholder="请设置拓客外显号" style="width: 360px" />
-        </div>
-        <div class="margin-auto">
-          <el-upload
-            ref="updaatefiles"
-            action=""
-            accept=".xlsx,.xls"
-            drag
-            multiple
-            :limit="1"
-            class="mt-10 text-center"
-            :file-list="fileList"
-            :auto-upload="false"
-            :on-remove="handleRemove"
-            :http-request="updtaFils"
-          >
-            <i class="el-icon-upload" />
-            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-            <div slot="tip" class="el-upload__tip">只能上传.xls，.xlsx文件，且不超过100M</div>
-          </el-upload>
-          <div class="line-text margin-auto">
-            请导入 xls，xlsx 格式的文件<br>
-          </div>
-        </div>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="beforClose">取消</el-button>
-        <el-button
-          :loading="uploading"
-          type="primary"
-          @click="submitUpload()"
-        >上传资源</el-button>
-      </div>
-    </el-dialog>
-    <!-- 抖音授权 -->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :visible.sync="dyDialog"
-      title="抖音授权管理"
-      width="520px"
-    >
-      <div>
-        <div class="dialog-footer">
-          <el-input v-model="dyNickName" placeholder="请输入飞鱼授权账号" style="width: 200px;" />
-          <el-button
-            type="primary"
-            size="mini"
-            icon="el-icon-circle-plus-outline"
-            @click="dohankClick({ type: 'dyAuthorization', action: 'add' })"
-          >添加</el-button>
-          <el-button class="ml-5" size="mini" type="warning" icon="el-icon-refresh-left" @click="getOceanEnginePage">刷新</el-button>
-        </div>
-        <el-table
-          :data="dyGrantList"
-          stripe
-          style="width: 100%"
-        >
-          <el-table-column prop="authorizeName" label="抖音名" width="160" />
-          <el-table-column label="状态" align="center" prop="enabled">
-            <template slot-scope="scope">
-              <el-tag :type="scope.row.status == 1 ? 'success' : 'danger' ">{{ scope.row.status == 1 ? '授权成功' : '授权失败' }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
-            <template slot-scope="scope">
-              <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="90">
-            <template slot-scope="scope">
-              <el-button @click="dohankClick({ type: 'dyAuthorization', row: scope.row, action: 'url' })">授权</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import { getToken } from '@/utils/auth'
-import pagination from '@crud/Pagination'
-import rrOperation from '@crud/RR.operation'
-import sfzZ from '@/assets/images/sfz-z.png'
-import sfzF from '@/assets/images/sfz-f.png'
-import yyzz from '@/assets/images/yyzz.png'
-import { addExtension } from '@/api/index'
-import { updateCompanyStatus, updateCompany, getOceanEngineAdd, getOceanEngineUrl, getOceanEnginePage, getDisplay } from '@/api/index'
-import store from '@/store'
-import Cookies from 'js-cookie'
-import CRUD, { presenter, header, form, crud } from '@crud/crud'
-import DateRangePicker from '@/components/DateRangePicker'
-import '@riophae/vue-treeselect/dist/vue-treeselect.css'
-
-const defaultForm = {}
-export default {
-  name: 'ToExamineUser',
-  components: { rrOperation, pagination, DateRangePicker },
-  cruds() {
-    return CRUD({ title: '公司列表', url: 'api-management/api/company/companyList', crudMethod: {}})
-  },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  // 数据字典
-  data() {
-    return {
-      updateUrl: '',
-      header: {
-        Authorization: 'Bearer ' + getToken()
-      },
-      img1: sfzZ,
-      img2: sfzF,
-      img3: yyzz,
-      height: document.documentElement.clientHeight - 180 + 'px;',
-      deptName: '', depts: [], deptDatas: [], jobs: [], level: 3, roles: [],
-      jobDatas: [], roleDatas: [], // 多选时使用
-      defaultProps: { children: 'children', label: 'name', isLeaf: 'leaf' },
-      permission: {
-        download: ['admin', 'user:download']
-      },
-      enabledTypeOptions: [
-        { key: 'true', display_name: '激活' },
-        { key: 'false', display_name: '锁定' }
-      ],
-      rules: {
-        username: [
-          { required: true, message: '请输入用户名', trigger: 'blur' },
-          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
-        ],
-        nickName: [
-          { required: true, message: '请输入用户昵称', trigger: 'blur' },
-          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
-        ]
-      },
-      companyDetailsVisualSwitch: false,
-      fileList: [],
-      codeDialog: false, // 分机号弹框
-      companyId: '', // 当前编辑公司id
-      ExplicitNumber: '', // 外显号
-      dyDisplay: '', // 抖音外显号
-      deliveryDisplay: '', // 投流外显号
-      tokerDisplay: '', // 拓客外显号
-      uploading: false, // 上传loading
-      grantProp: false, // 授全dialog
-      dyDialog: false, // 抖音授权
-      dyNickName: '', // 抖音昵称
-      dyGrantList: [], // 抖音授权列表
-      grantTitle: '',
-      rowObj: '', // 当前操作对象
-      agreementForm: { // 协议from
-        telX: '',
-        axbGroup: '',
-        companyName: '',
-        managerIdFront: '', // 经办人正面照
-        managerIdReverse: '', // 经办人反面照
-        legalPersonIdFront: '', // 法人正面照
-        legalPersonIdReverse: '', // 法人反面照
-        businessLicense: '', // 营业执照
-        sonUserNum: null,
-        invitationCode: '' // 邀请码
-      },
-      grantForm: {
-        shareCode: ''
-      },
-      agreementFormBackups: {}, // 审核对象备份
-      subLoading: false
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'user',
-      'baseImgUrl'
-    ])
-  },
-  created() {},
-  mounted: function() {
-    const that = this
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 180 + 'px;'
-    }
-    that.updateUrl = that.$store.getters.picturesUpload
-  },
-  methods: {
-    successImg(esponse, type) {
-      this.agreementForm[type] = this.baseImgUrl + '/avatar/' + esponse.picture
-    },
-    // 抖音弹框
-    openDyDialog(data) {
-      this.companyId = data.id
-      this.dyDialog = true
-      this.getOceanEnginePage()
-    },
-    dohankClick(params) {
-      const { type, row, action } = params
-      if (row) {
-        this.rowObj = row
-        this.companyId = row.companyId
-      }
-      switch (type) {
-        case 'examine':
-          this.doExamine(row.id, action)
-          break
-        case 'edit':
-          this.doDetail(row)
-          break
-        case 'extension':
-          this.doExtension(row.id)
-          break
-        case 'dyAuthorization':
-          if (action === 'add') {
-            if (this.dyNickName === '') {
-              this.$message.warning('请输入授权账号')
-              return false
-            }
-            this.doDyGrantAdd(this.companyId, this.dyNickName)
-          } else {
-            this.doDyGranturl(this.companyId, row.authorizeName)
-          }
-          break
-      }
-    },
-    beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 < 3
-      if (!isLt2M) {
-        this.$message.warning('上传头像图片大小不能超过 3MB!')
-      }
-      return isLt2M
-    },
-    // 抖音授权列表
-    getOceanEnginePage() {
-      getOceanEnginePage({ companyId: this.companyId }).then(res => {
-        this.dyGrantList = res.content
-      })
-    },
-    // 抖音授权
-    doDyGrantAdd(id, name) {
-      this.$confirm(`确定进行抖音授权吗？`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        getOceanEngineAdd({ companyId: id, authorizeName: name }).then(res => {
-          this.grantForm.shareCode = res
-          this.grantTitle = '抖音授权'
-          this.dyNickName = ''
-          this.grantProp = true
-          this.getOceanEnginePage()
-        })
-      }).catch(() => {})
-    },
-    // 抖音授权
-    doDyGranturl(id, name) {
-      this.$confirm(`确定进行抖音授权吗？`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        getOceanEngineUrl({ companyId: id, authorizeName: name }).then(res => {
-          this.grantForm.shareCode = res
-          this.grantTitle = '抖音授权'
-          this.grantProp = true
-        })
-      }).catch(() => {})
-    },
-    // 失败处理
-    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()
-        })
-      }
-    },
-    // 改变状态
-    doExamine(id, state) {
-      this.$confirm('确定执行操作吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        updateCompanyStatus({ id: id, status: state }).then(res => {
-          this.crud.notify('成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
-          this.crud.toQuery()
-        }).catch(() => {})
-      }).catch(() => {})
-    },
-    doDetail(detail) {
-      this.agreementForm = Object.assign({}, detail)
-      this.companyDetailsVisualSwitch = true
-      this.agreementForm.axbGroup = detail.xgroup
-      this.agreementFormBackups = Object.assign({}, this.agreementForm)
-    },
-    // 预览图片
-    previewImg(img) {
-      return [img]
-    },
-    // 关闭处理
-    handCompany(done) {
-      this.agreementForm = this.agreementFormBackups
-      done()
-    },
-    // 授权效验
-    handAvalidation(param) {
-      let text = ''
-      if (param.companyType === 1) {
-        if (param.authorizationState) {
-          text = '抖音已授权'
-        } else {
-          text = '抖音未授权'
-        }
-      }
-      return text
-    },
-    // 新增分机号
-    doExtension(id) {
-      this.companyId = id
-      getDisplay({ companyId: id }).then(res => {
-        const data = res.data
-        if (data) {
-          this.ExplicitNumber = data.display
-          this.dyDisplay = data.dyDisplay
-          this.deliveryDisplay = data.deliveryDisplay
-          this.tokerDisplay = data.tokerDisplay
-        }
-        this.codeDialog = true
-      })
-    },
-    // 上传
-    updtaFils(file) {
-      this.fileData.append('file', file.file)
-    },
-    // 移除
-    handleRemove(file, fileList) {
-      this.fileList = fileList
-    },
-    onCopy() {
-      const that = this
-      if (!that.grantForm.shareCode) return false
-      that.$copyText(that.grantForm.shareCode + '').then(
-        function(e) {
-          that.$message.success('内容已复制到剪切板！')
-        },
-        function(e) {
-          that.$message.error('抱歉，复制失败，请手动复制')
-        }
-      )
-    },
-    submitUpload() {
-      const isLt100M = this.fileList.every(file => file.size / 1024 / 1024 < 100)
-      if (!isLt100M) {
-        this.$message.warning('请检查，上传文件大小不能超过100MB!')
-      } else {
-        this.fileData = new FormData() // new formData对象
-        this.$refs['updaatefiles'].submit()
-        if (!this.fileData.get('file')) {
-          // this.$message({
-          //   message: '请先选择文件',
-          //   type: 'warning'
-          // })
-          // return false
-          this.fileData.append('file', null)
-        }
-        // if (this.ExplicitNumber === '') {
-        //   this.$message({
-        //     message: '请输入分机号',
-        //     type: 'warning'
-        //   })
-        //   return false
-        // }
-        this.fileData.append('display', this.ExplicitNumber === null ? '' : this.ExplicitNumber)
-        this.fileData.append('dyDisplay', this.dyDisplay === null ? '' : this.dyDisplay)
-        this.fileData.append('deliveryDisplay', this.deliveryDisplay === null ? '' : this.deliveryDisplay)
-        this.fileData.append('tokerDisplay', this.tokerDisplay === null ? '' : this.tokerDisplay)
-        this.fileData.append('companyId', this.companyId)
-        this.uploading = true
-        addExtension(this.fileData).then((res) => {
-          if (res.status === 0) {
-            this.$message({
-              message: '上传成功',
-              type: 'success'
-            })
-            this.fileList = []
-          } else {
-            this.$message({
-              message: res.msg,
-              type: 'error'
-            })
-          }
-          this.beforClose()
-          this.uploading = false
-        }).catch(() => {
-          this.codeDialog = false
-          this.uploading = false
-        })
-      }
-    },
-    beforClose() {
-      this.$refs['updaatefiles'].clearFiles()
-      this.ExplicitNumber = ''
-      this.dyDisplay = ''
-      this.deliveryDisplay = ''
-      this.tokerDisplay = ''
-      this.codeDialog = false
-    },
-    handleEdit() {
-      updateCompany(this.agreementForm).then(() => {
-        this.crud.notify('成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
-        this.crud.refresh()
-      }).catch(response => {
-      }).finally(() => {
-        this.subLoading = false
-        this.companyDetailsVisualSwitch = false
-      })
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
-    height: 30px;
-    line-height: 30px;
-  }
-  .popover-item {
-    display: block;
-    cursor: pointer;
-    height: 30px;
-    line-height: 30px;
-    font-size: 13px;
-    text-align: center;
-    span {
-      padding: 0 15px;
-    }
-  }
-  .popover-item:hover {
-    background: #e8f4ff;
-  }
-  .label{
-    min-width: 60px;
-    line-height: 32px;
-    float: none;
-    display: inline-block;
-    font-size: 14px;
-    color: #606266;
-    text-align: left;
-    vertical-align: middle;
-    font-weight: 700;
-    // padding: 0 20px 0 0;
-  }
-  .line-text {
-    font-size: 14px;
-    color: #606266;
-    line-height: 21px;
-    margin-top: 10px;
-  }
-  .rig-btn {
-    display: inline-flex;
-  }
-  .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-uploader-img {
-    width: 165px;
-    height: 110px;
-  }
-  .avatar {
-    width: 165px;
-    height: 110px;
-    display: block;
-  }
-</style>
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <!--工具栏-->
+      <div class="head-container">
+        <div>
+          <!-- 搜索 -->
+          <el-input
+            v-model="query.companyName"
+            clearable
+            size="small"
+            placeholder="输入公司名"
+            style="width: 200px;"
+            class="filter-item"
+          />
+          <date-range-picker v-model="query.createTime" class="date-item" />
+          <rrOperation />
+        </div>
+        <!-- <crudOperation show="" :permission="permission" /> -->
+      </div>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" :header-cell-style="{'text-align':'left'}" @selection-change="crud.selectionChangeHandler">
+        <!-- <el-table-column prop="id" label="ID" width="25" /> -->
+        <el-table-column :show-overflow-tooltip="true" prop="companyName" label="公司名" />
+        <el-table-column :show-overflow-tooltip="true" prop="legalPersonIdFront" label="法人身份证正面">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="scope.row.legalPersonIdFront"
+              fit="contain"
+              :preview-src-list="previewImg(scope.row.legalPersonIdFront)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="legalPersonIdReverse" label="法人身份证反面">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="scope.row.legalPersonIdReverse"
+              fit="contain"
+              :preview-src-list="previewImg(scope.row.legalPersonIdReverse)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="managerIdFront" label="经办人身份证正面">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="scope.row.managerIdFront"
+              fit="contain"
+              :preview-src-list="previewImg(scope.row.managerIdFront)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="managerIdReverse" label="经办人身份证反面">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="scope.row.managerIdReverse"
+              fit="contain"
+              :preview-src-list="previewImg(scope.row.managerIdReverse)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="businessLicense" label="营业执照">
+          <template slot-scope="scope">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="scope.row.businessLicense"
+              fit="contain"
+              :preview-src-list="previewImg(scope.row.businessLicense)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="authorizationState" label="授权统计" width="100">
+          <template slot-scope="scope">
+            <span :style="{color: (scope.row.authorizationState ? '#13ce66' : 'red')}">{{ handAvalidation(scope.row) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="invitationCode" label="邀请人" />
+        <el-table-column label="状态" align="center" prop="enabled">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.status == 1 ? 'success' : scope.row.status == 0 ? '' : 'danger'">{{ scope.row.status == 1 ? '审核通过' : scope.row.status == 0 ? '待审核' : '审核驳回' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-permission="['admin']"
+          label="操作"
+          width="175"
+          fixed="right"
+        >
+          <!-- <template slot-scope="scope">
+            <el-button v-if="scope.row.status == 0" type="danger" size="mini" @click="doExamine(scope.row.id, -1)">驳回
+            </el-button>
+            <el-button v-if="scope.row.status == 0" type="primary" size="mini" @click="doExamine(scope.row.id, 1)">通过
+            </el-button>
+            <el-button v-if="scope.row.status == 1" type="primary" size="mini" @click="doDetail(scope.row)">编辑
+            </el-button>
+            <el-button v-if="scope.row.status == 1" type="warning" size="mini" @click="doExtension(scope.row.id)">分机号
+            </el-button>
+            <el-button v-if="scope.row.status == 0" type="primary" size="mini" @click="doExamine(scope.row.id, 1)">授权</el-button>
+          </template> -->
+          <template slot-scope="scope">
+            <el-popover
+              placement="right"
+              trigger="hover"
+            >
+              <div v-if="scope.row.status == 0" class="popover-item" @click="dohankClick({ type: 'examine', row: scope.row, action: -1 })">
+                <span>驳回</span>
+              </div>
+              <div v-if="scope.row.status == 0" class="popover-item" @click="dohankClick({ type: 'examine', row: scope.row, action: 1 })">
+                <span>通过</span>
+              </div>
+              <div v-if="scope.row.status == 1" class="popover-item" @click="dohankClick({ type: 'edit', row: scope.row })">
+                <span>编辑</span>
+              </div>
+              <div v-if="scope.row.status == 1" class="popover-item" @click="dohankClick({ type: 'extension', row: scope.row })">
+                <span>分机号</span>
+              </div>
+              <div v-if="scope.row.status == 1 && scope.row.companyType == 1" class="popover-item" @click="openDyDialog(scope.row)">
+                <span>抖音授权</span>
+              </div>
+              <el-button slot="reference">操作</el-button>
+            </el-popover>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </el-row>
+    <el-dialog append-to-body :close-on-click-modal="false" :visible.sync="grantProp" :title="grantTitle" width="570px">
+      <el-form ref="agentForm" :inline="true" :model="grantForm" size="small" label-width="70px">
+        <el-form-item label="授权链接">
+          <div class="u-flex">
+            <el-input v-model="grantForm.shareCode" readonly style="width: 450px" />
+            <el-button type="success" class="ml-5" @click="onCopy">复制</el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <!-- <div slot="footer" class="dialog-footer">
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">关闭</el-button>
+      </div> -->
+    </el-dialog>
+    <!-- 编辑 -->
+    <el-dialog
+      append-to-body
+      :visible.sync="companyDetailsVisualSwitch"
+      title="编辑信息"
+      width="600px"
+      :before-close="handCompany"
+    >
+      <el-form
+        ref="ruleForm"
+        :inline="true"
+        :model="agreementForm"
+        size="small"
+        label-width="80px"
+      >
+        <el-form-item label="axb:xGroup" prop="a" label-width="100px">
+          <el-input v-model="agreementForm.axbGroup" style="width: 200%" />
+        </el-form-item>
+        <el-form-item label="axb:telX" prop="telX" label-width="100px">
+          <el-input v-model="agreementForm.telX" style="width: 200%" />
+        </el-form-item>
+        <el-form-item label="子账号数量" prop="sonUserNum" label-width="100px">
+          <el-input v-model="agreementForm.sonUserNum" type="number" style="width: 200%" />
+        </el-form-item>
+        <el-form-item label="dmp上传数量" prop="dmpLimitNum" label-width="100px">
+          <el-input v-model="agreementForm.dmpLimitNum" type="number" style="width: 200%" />
+        </el-form-item>
+        <el-form-item label="公司名称" prop="companyName" label-width="100px">
+          <el-input v-model="agreementForm.companyName" style="width: 200%" disabled />
+        </el-form-item>
+        <el-form-item label="邀请码" prop="invitationCode" label-width="100px">
+          <el-input v-model="agreementForm.invitationCode" style="width: 200%" disabled />
+        </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')}"
+              :before-upload="beforeAvatarUpload"
+              :on-error="errorImg"
+            >
+              <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')}"
+              :before-upload="beforeAvatarUpload"
+              :on-error="errorImg"
+            >
+              <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')}"
+              :before-upload="beforeAvatarUpload"
+              :on-error="errorImg"
+            >
+              <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')}"
+              :before-upload="beforeAvatarUpload"
+              :on-error="errorImg"
+            >
+              <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')}"
+            :before-upload="beforeAvatarUpload"
+            :on-error="errorImg"
+          >
+            <img v-if="agreementForm.businessLicense" :src="agreementForm.businessLicense" class="avatar">
+            <img v-else :src="img3" class="avatar-uploader-img">
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          :loading="subLoading"
+          type="primary"
+          @click="handleEdit"
+        >提交
+        </el-button>
+      </div>
+    </el-dialog>
+    <!-- 导入分机号 -->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :visible.sync="codeDialog"
+      :before-close="beforClose"
+      title="导入分机号"
+      width="520px"
+    >
+      <div>
+        <!-- :data="parameter" -->
+        <div class="u-flex">
+          <div class="label">外显号</div>
+          <el-input v-model="ExplicitNumber" type="number" placeholder="请设置外显号" style="width: 360px" />
+        </div>
+        <div v-if="rowObj.companyType == 1 && rowObj.status == 1" class="u-flex mt-10">
+          <div class="label">抖音</div>
+          <el-input v-model="dyDisplay" type="number" placeholder="请设置抖音外显号" style="width: 360px" />
+        </div>
+        <div v-if="rowObj.status == 1" class="u-flex mt-10">
+          <div class="label">投流</div>
+          <el-input v-model="deliveryDisplay" type="number" placeholder="请设置投流外显号" style="width: 360px" />
+        </div>
+        <div v-if="rowObj.status == 1" class="u-flex mt-10">
+          <div class="label">拓客</div>
+          <el-input v-model="tokerDisplay" type="number" placeholder="请设置拓客外显号" style="width: 360px" />
+        </div>
+        <div class="margin-auto">
+          <el-upload
+            ref="updaatefiles"
+            action=""
+            accept=".xlsx,.xls"
+            drag
+            multiple
+            :limit="1"
+            class="mt-10 text-center"
+            :file-list="fileList"
+            :auto-upload="false"
+            :on-remove="handleRemove"
+            :http-request="updtaFils"
+          >
+            <i class="el-icon-upload" />
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            <div slot="tip" class="el-upload__tip">只能上传.xls，.xlsx文件，且不超过100M</div>
+          </el-upload>
+          <div class="line-text margin-auto">
+            请导入 xls，xlsx 格式的文件<br>
+          </div>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="beforClose">取消</el-button>
+        <el-button
+          :loading="uploading"
+          type="primary"
+          @click="submitUpload()"
+        >上传资源</el-button>
+      </div>
+    </el-dialog>
+    <!-- 抖音授权 -->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :visible.sync="dyDialog"
+      title="抖音授权管理"
+      width="520px"
+    >
+      <div>
+        <div class="dialog-footer">
+          <el-input v-model="dyNickName" placeholder="请输入飞鱼授权账号" style="width: 200px;" />
+          <el-button
+            type="primary"
+            size="mini"
+            icon="el-icon-circle-plus-outline"
+            @click="dohankClick({ type: 'dyAuthorization', action: 'add' })"
+          >添加</el-button>
+          <el-button class="ml-5" size="mini" type="warning" icon="el-icon-refresh-left" @click="getOceanEnginePage">刷新</el-button>
+        </div>
+        <el-table
+          :data="dyGrantList"
+          stripe
+          :header-cell-style="{'text-align':'left'}"
+          style="width: 100%"
+        >
+          <el-table-column prop="authorizeName" label="抖音名" width="160" />
+          <el-table-column label="状态" align="center" prop="enabled">
+            <template slot-scope="scope">
+              <el-tag :type="scope.row.status == 1 ? 'success' : 'danger' ">{{ scope.row.status == 1 ? '授权成功' : '授权失败' }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="true" prop="createTime" width="135" label="创建日期">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="90">
+            <template slot-scope="scope">
+              <el-button @click="dohankClick({ type: 'dyAuthorization', row: scope.row, action: 'url' })">授权</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import pagination from '@crud/Pagination'
+import rrOperation from '@crud/RR.operation'
+import sfzZ from '@/assets/images/sfz-z.png'
+import sfzF from '@/assets/images/sfz-f.png'
+import yyzz from '@/assets/images/yyzz.png'
+import { addExtension } from '@/api/index'
+import { updateCompanyStatus, updateCompany, getOceanEngineAdd, getOceanEngineUrl, getOceanEnginePage, getDisplay } from '@/api/index'
+import store from '@/store'
+import Cookies from 'js-cookie'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import DateRangePicker from '@/components/DateRangePicker'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+
+const defaultForm = {}
+export default {
+  name: 'ToExamineUser',
+  components: { rrOperation, pagination, DateRangePicker },
+  cruds() {
+    return CRUD({ title: '公司列表', url: 'api-management/api/company/companyList', crudMethod: {}})
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  // 数据字典
+  data() {
+    return {
+      updateUrl: '',
+      header: {
+        Authorization: 'Bearer ' + getToken()
+      },
+      img1: sfzZ,
+      img2: sfzF,
+      img3: yyzz,
+      height: document.documentElement.clientHeight - 180 + 'px;',
+      deptName: '', depts: [], deptDatas: [], jobs: [], level: 3, roles: [],
+      jobDatas: [], roleDatas: [], // 多选时使用
+      defaultProps: { children: 'children', label: 'name', isLeaf: 'leaf' },
+      permission: {
+        download: ['admin', 'user:download']
+      },
+      enabledTypeOptions: [
+        { key: 'true', display_name: '激活' },
+        { key: 'false', display_name: '锁定' }
+      ],
+      rules: {
+        username: [
+          { required: true, message: '请输入用户名', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
+        ],
+        nickName: [
+          { required: true, message: '请输入用户昵称', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
+        ]
+      },
+      companyDetailsVisualSwitch: false,
+      fileList: [],
+      codeDialog: false, // 分机号弹框
+      companyId: '', // 当前编辑公司id
+      ExplicitNumber: '', // 外显号
+      dyDisplay: '', // 抖音外显号
+      deliveryDisplay: '', // 投流外显号
+      tokerDisplay: '', // 拓客外显号
+      uploading: false, // 上传loading
+      grantProp: false, // 授全dialog
+      dyDialog: false, // 抖音授权
+      dyNickName: '', // 抖音昵称
+      dyGrantList: [], // 抖音授权列表
+      grantTitle: '',
+      rowObj: '', // 当前操作对象
+      agreementForm: { // 协议from
+        telX: '',
+        axbGroup: '',
+        companyName: '',
+        managerIdFront: '', // 经办人正面照
+        managerIdReverse: '', // 经办人反面照
+        legalPersonIdFront: '', // 法人正面照
+        legalPersonIdReverse: '', // 法人反面照
+        businessLicense: '', // 营业执照
+        sonUserNum: null,
+        invitationCode: '' // 邀请码
+      },
+      grantForm: {
+        shareCode: ''
+      },
+      agreementFormBackups: {}, // 审核对象备份
+      subLoading: false
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'user',
+      'baseImgUrl'
+    ])
+  },
+  created() {},
+  mounted: function() {
+    const that = this
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 180 + 'px;'
+    }
+    that.updateUrl = that.$store.getters.picturesUpload
+  },
+  methods: {
+    successImg(esponse, type) {
+      this.agreementForm[type] = this.baseImgUrl + '/avatar/' + esponse.picture
+    },
+    // 抖音弹框
+    openDyDialog(data) {
+      this.companyId = data.id
+      this.dyDialog = true
+      this.getOceanEnginePage()
+    },
+    dohankClick(params) {
+      const { type, row, action } = params
+      if (row) {
+        this.rowObj = row
+        this.companyId = row.companyId
+      }
+      switch (type) {
+        case 'examine':
+          this.doExamine(row.id, action)
+          break
+        case 'edit':
+          this.doDetail(row)
+          break
+        case 'extension':
+          this.doExtension(row.id)
+          break
+        case 'dyAuthorization':
+          if (action === 'add') {
+            if (this.dyNickName === '') {
+              this.$message.warning('请输入授权账号')
+              return false
+            }
+            this.doDyGrantAdd(this.companyId, this.dyNickName)
+          } else {
+            this.doDyGranturl(this.companyId, row.authorizeName)
+          }
+          break
+      }
+    },
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < 3
+      if (!isLt2M) {
+        this.$message.warning('上传头像图片大小不能超过 3MB!')
+      }
+      return isLt2M
+    },
+    // 抖音授权列表
+    getOceanEnginePage() {
+      getOceanEnginePage({ companyId: this.companyId }).then(res => {
+        this.dyGrantList = res.content
+      })
+    },
+    // 抖音授权
+    doDyGrantAdd(id, name) {
+      this.$confirm(`确定进行抖音授权吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        getOceanEngineAdd({ companyId: id, authorizeName: name }).then(res => {
+          this.grantForm.shareCode = res
+          this.grantTitle = '抖音授权'
+          this.dyNickName = ''
+          this.grantProp = true
+          this.getOceanEnginePage()
+        })
+      }).catch(() => {})
+    },
+    // 抖音授权
+    doDyGranturl(id, name) {
+      this.$confirm(`确定进行抖音授权吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        getOceanEngineUrl({ companyId: id, authorizeName: name }).then(res => {
+          this.grantForm.shareCode = res
+          this.grantTitle = '抖音授权'
+          this.grantProp = true
+        })
+      }).catch(() => {})
+    },
+    // 失败处理
+    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()
+        })
+      }
+    },
+    // 改变状态
+    doExamine(id, state) {
+      this.$confirm('确定执行操作吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        updateCompanyStatus({ id: id, status: state }).then(res => {
+          this.crud.notify('成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+          this.crud.toQuery()
+        }).catch(() => {})
+      }).catch(() => {})
+    },
+    doDetail(detail) {
+      this.agreementForm = Object.assign({}, detail)
+      this.companyDetailsVisualSwitch = true
+      this.agreementForm.axbGroup = detail.xgroup
+      this.agreementFormBackups = Object.assign({}, this.agreementForm)
+    },
+    // 预览图片
+    previewImg(img) {
+      return [img]
+    },
+    // 关闭处理
+    handCompany(done) {
+      this.agreementForm = this.agreementFormBackups
+      done()
+    },
+    // 授权效验
+    handAvalidation(param) {
+      let text = ''
+      if (param.companyType === 1) {
+        if (param.authorizationState) {
+          text = '抖音已授权'
+        } else {
+          text = '抖音未授权'
+        }
+      }
+      return text
+    },
+    // 新增分机号
+    doExtension(id) {
+      this.companyId = id
+      getDisplay({ companyId: id }).then(res => {
+        const data = res.data
+        if (data) {
+          this.ExplicitNumber = data.display
+          this.dyDisplay = data.dyDisplay
+          this.deliveryDisplay = data.deliveryDisplay
+          this.tokerDisplay = data.tokerDisplay
+        }
+        this.codeDialog = true
+      })
+    },
+    // 上传
+    updtaFils(file) {
+      this.fileData.append('file', file.file)
+    },
+    // 移除
+    handleRemove(file, fileList) {
+      this.fileList = fileList
+    },
+    onCopy() {
+      const that = this
+      if (!that.grantForm.shareCode) return false
+      that.$copyText(that.grantForm.shareCode + '').then(
+        function(e) {
+          that.$message.success('内容已复制到剪切板！')
+        },
+        function(e) {
+          that.$message.error('抱歉，复制失败，请手动复制')
+        }
+      )
+    },
+    submitUpload() {
+      const isLt100M = this.fileList.every(file => file.size / 1024 / 1024 < 100)
+      if (!isLt100M) {
+        this.$message.warning('请检查，上传文件大小不能超过100MB!')
+      } else {
+        this.fileData = new FormData() // new formData对象
+        this.$refs['updaatefiles'].submit()
+        if (!this.fileData.get('file')) {
+          // this.$message({
+          //   message: '请先选择文件',
+          //   type: 'warning'
+          // })
+          // return false
+          this.fileData.append('file', null)
+        }
+        // if (this.ExplicitNumber === '') {
+        //   this.$message({
+        //     message: '请输入分机号',
+        //     type: 'warning'
+        //   })
+        //   return false
+        // }
+        this.fileData.append('display', this.ExplicitNumber === null ? '' : this.ExplicitNumber)
+        this.fileData.append('dyDisplay', this.dyDisplay === null ? '' : this.dyDisplay)
+        this.fileData.append('deliveryDisplay', this.deliveryDisplay === null ? '' : this.deliveryDisplay)
+        this.fileData.append('tokerDisplay', this.tokerDisplay === null ? '' : this.tokerDisplay)
+        this.fileData.append('companyId', this.companyId)
+        this.uploading = true
+        addExtension(this.fileData).then((res) => {
+          if (res.status === 0) {
+            this.$message({
+              message: '上传成功',
+              type: 'success'
+            })
+            this.fileList = []
+          } else {
+            this.$message({
+              message: res.msg,
+              type: 'error'
+            })
+          }
+          this.beforClose()
+          this.uploading = false
+        }).catch(() => {
+          this.codeDialog = false
+          this.uploading = false
+        })
+      }
+    },
+    beforClose() {
+      this.$refs['updaatefiles'].clearFiles()
+      this.ExplicitNumber = ''
+      this.dyDisplay = ''
+      this.deliveryDisplay = ''
+      this.tokerDisplay = ''
+      this.codeDialog = false
+    },
+    handleEdit() {
+      updateCompany(this.agreementForm).then(() => {
+        this.crud.notify('成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.refresh()
+      }).catch(response => {
+      }).finally(() => {
+        this.subLoading = false
+        this.companyDetailsVisualSwitch = false
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
+    height: 30px;
+    line-height: 30px;
+  }
+  .popover-item {
+    display: block;
+    cursor: pointer;
+    height: 30px;
+    line-height: 30px;
+    font-size: 13px;
+    text-align: center;
+    span {
+      padding: 0 15px;
+    }
+  }
+  .popover-item:hover {
+    background: #e8f4ff;
+  }
+  .label{
+    min-width: 60px;
+    line-height: 32px;
+    float: none;
+    display: inline-block;
+    font-size: 14px;
+    color: #606266;
+    text-align: left;
+    vertical-align: middle;
+    font-weight: 700;
+    // padding: 0 20px 0 0;
+  }
+  .line-text {
+    font-size: 14px;
+    color: #606266;
+    line-height: 21px;
+    margin-top: 10px;
+  }
+  .rig-btn {
+    display: inline-flex;
+  }
+  .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-uploader-img {
+    width: 165px;
+    height: 110px;
+  }
+  .avatar {
+    width: 165px;
+    height: 110px;
+    display: block;
+  }
+</style>
diff --git a/src/views/teamMember/resources/currentIndex.vue b/src/views/teamMember/resources/currentIndex.vue
index cee4346..6241e96 100644
--- a/src/views/teamMember/resources/currentIndex.vue
+++ b/src/views/teamMember/resources/currentIndex.vue
@@ -447,8 +447,10 @@
               <el-radio v-for="(item, index) in taskDetail.baseLabel" :key="index" :label="item">{{ item }}</el-radio>
             </el-radio-group>
           </div>
-          <div class="label-link">客户号码</div>
-          <el-input v-model="newNid" type="number" placeholder="请输入客户号码" />
+          <div v-if="radioLabel == '有意向'">
+            <div class="label-link">客户号码</div>
+            <el-input v-model="newNid" type="number" placeholder="请输入客户号码" />
+          </div>
           <div class="label-link">线索记录</div>
           <div class="u-flex mt-15">
             <el-input v-model="taskRemarks" type="textarea" :rows="5" placeholder="添加线索记录" />
@@ -1063,7 +1065,7 @@ export default {
           clueId: index != null ? this.crud.data[index].id : this.taskDetail.id,
           optimisticVersion: index != null ? this.crud.data[index].optimisticVersion : this.taskDetail.optimisticVersion
         }
-        if ((type === 'labsub' && this.radioLabel === '有意向') || type === 'update') {
+        if ((type === 'labsub' && this.radioLabel === '有意向') || (type === 'update' && this.radioLabel === '有意向')) {
           const reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
           if (!reg_tel.test(this.newNid)) {
             this.$message({
@@ -1085,7 +1087,7 @@ export default {
         }
         if (type === 'update') {
           this.loadingSub = true
-          // 判断是否是有意向标签
+          // 判断是否打标
           if (this.radioLabel) {
             delete data.optimisticVersion
             data.sourceLabel = [this.radioLabel]
diff --git a/src/views/teamMember/resources/tokerIndex.vue b/src/views/teamMember/resources/tokerIndex.vue
index 40346ed..5ebed26 100644
--- a/src/views/teamMember/resources/tokerIndex.vue
+++ b/src/views/teamMember/resources/tokerIndex.vue
@@ -385,8 +385,10 @@
               <el-radio v-for="(item, index) in taskDetail.baseLabel" :key="index" :label="item">{{ item }}</el-radio>
             </el-radio-group>
           </div>
-          <div class="label-link">客户号码</div>
-          <el-input v-model="newNid" type="number" placeholder="请输入客户号码" />
+          <div v-if="radioLabel == '有意向'">
+            <div class="label-link">客户号码</div>
+            <el-input v-model="newNid" type="number" placeholder="请输入客户号码" />
+          </div>
           <div class="label-link">线索记录</div>
           <div class="u-flex mt-15">
             <el-input v-model="taskRemarks" type="textarea" :rows="5" placeholder="添加线索记录" />
@@ -966,7 +968,7 @@ export default {
           clueId: index != null ? this.crud.data[index].id : this.taskDetail.id,
           optimisticVersion: index != null ? this.crud.data[index].optimisticVersion : this.taskDetail.optimisticVersion
         }
-        if ((type === 'labsub' && this.radioLabel === '有意向') || type === 'update') {
+        if ((type === 'labsub' && this.radioLabel === '有意向') || (type === 'update' && this.radioLabel === '有意向')) {
           const reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
           if (!reg_tel.test(this.newNid)) {
             this.$message({
@@ -988,7 +990,7 @@ export default {
         }
         if (type === 'update') {
           this.loadingSub = true
-          // 判断是否是有意向标签
+          // 判断是否打标
           if (this.radioLabel) {
             delete data.optimisticVersion
             data.sourceLabel = [this.radioLabel]
diff --git a/src/views/tokerModular/tokerTask.vue b/src/views/tokerModular/tokerTask.vue
index 2bf19e3..eda90a1 100644
--- a/src/views/tokerModular/tokerTask.vue
+++ b/src/views/tokerModular/tokerTask.vue
@@ -139,7 +139,7 @@
                   inactive-text="是否开启"
                 />
               </div>
-              <el-table ref="multipleTable" :data="userOptionsAll" tooltip-effect="dark" style="height: 400px;overflow-y: auto;" @selection-change="handleUserSelectionChange">
+              <el-table ref="multipleTable" :data="userOptionsAll" tooltip-effect="dark" :header-cell-style="{'text-align':'left'}" style="height: 400px;overflow-y: auto;" @selection-change="handleUserSelectionChange">
                 <el-table-column type="selection" width="55" />
                 <el-table-column width="100" property="label" label="组员名" />
                 <el-table-column label="分配比">