yos_web/src/HDrpManagement/projectData/index.vue

<template>
  <normalLayout style="background: #f8f8f8;">
    <template #refresh>
      <div style="margin-right:15px">
        <el-button style="font-size:14px !important;color: #3874f6" type="text" size="small" @click="$refs.scroll.wrap.scrollTop=0">返回顶部</el-button>
      </div>
      <!-- <i class="el-icon-refresh-right" @click="refresh" v-loading.fullscreen.lock="fullscreenLoading"></i> -->
    </template>
    <template #content>

      <div style="padding: 16px;">
        <el-scrollbar ref="scroll">
          <div style="height:calc(100vh - 230px);padding:5rem">
            <div style="display: flex;justify-content: space-between">
              <div>
                <div class=" inline-16">
                  <label  class="search__label" >部门:</label>
                  <el-cascader
                      ref="selectdep"
                      placement="bottom"
                      size="small"
                      v-model="depment"
                      :options="deplist"
                      :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                      @change="selectDep"
                      clearable
                  ></el-cascader>
                </div>
                <div class="inline-16">
                  <label  class="search__label" >业务员:</label>
                  <el-select v-model="person" filterable placeholder="请选择" size="small" clearable @change="selectPerson">
                    <el-option
                        v-for="item in personnelList"
                        :key="item.index"
                        :label="item.name"
                        :value="item.userid">
                    </el-option>
                  </el-select>
                </div>
                <div class="inline-16">
                  <p class="search__label">状态:</p>
                  <el-select v-model="isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="leaveChange" >
                    <el-option label="在职" value="1"></el-option>
                    <el-option label="离职" value="2"></el-option>
                  </el-select>
                </div>
              </div>
              <div>
                <btnSelect :btn-title="['全部','本年','本季','本月','去年']" :date-type="dateType" @btnClick="btnClick"></btnSelect>
              </div>
            </div>

            <div class="data-all">
              <div style="margin-bottom:20px">项目数据概况</div>
              <div class="data-all-wrapper">
                <div class="data-left">
                  <div class="data-item" @click="onClick('项目总数')">
                    <p>{{ tool.formatAmount(dataAll.totalqty) }}</p>
                    <p>项目总数</p>
                  </div>
                  <div class="data-item" @click="onClick('报备项目数')">
                    <p>{{ tool.formatAmount(dataAll.reportProject)}}</p>
                    <p >
                      报备项目数
                      <el-tooltip class="item" effect="dark" content="报备项目数:统计已报备的项目数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item" @click="onClick('进行中项目数')">
                    <p>{{ dataAll.startproject?tool.formatAmount(dataAll.startproject):0 }}</p>
                    <p>
                      进行中项目数
                      <el-tooltip class="item" effect="dark" content="进行中项目数:进行中状态的项目数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item" @click="onClick('项目成交数')">
                    <p>{{ tool.formatAmount(dataAll.dealProject) }}</p>
                    <p>
                      项目成交数
                      <el-tooltip class="item" effect="dark" content="项目成交数:统计有关联审核过的订单的项目数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item">
                    <p>{{ dataAll.cjl }}%</p>
                    <p>
                      项目成交率
                      <el-tooltip class="item" effect="dark" content="项目成交率=有关联审核订单的项目数÷项目总数×100%" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item" @click="onClick('项目失败数')">
                    <p>{{ dataAll.failedproject?tool.formatAmount(dataAll.failedproject):0 }}</p>
                    <p>
                      项目失败数
                      <el-tooltip class="item" effect="dark" content="项目失败数:已失败状态的项目数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item">
                    <p>{{ dataAll.sbl }}%</p>
                    <p>
                      项目失败率
                      <el-tooltip class="item" effect="dark" content="项目失败率=已失败项目数÷项目总数×100%" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item" @click="onClick('参与项目数')">
                    <p>{{ dataAll.joinProject }}</p>
                    <p>
                      参与项目数
                      <el-tooltip class="item" effect="dark" content="参与项目数：参与的并且至少有一次跟进的项目数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item" @click="onClick('参与项目成交数')">
                    <p>{{ dataAll.joinDealProject }}</p>
                    <p>
                      参与项目成交数
                      <el-tooltip class="item" effect="dark" content="参与项目成交数：参与的并且至少有一次跟进的项目的成交数量" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                  <div class="data-item">
                    <p>{{ dataAll.joinDealProjectcjl }}%</p>
                    <p>
                      参与项目成交率
                      <el-tooltip class="item" effect="dark" content="参与项目成交率=参与项目成交数 ÷ 参与项目数 ×100%" placement="top">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                </div>
                <div class="data-right">
                  <div class="data-item" v-for="item in dataAll.projecttype" :key="item.rowindex" @click="onClick(item.value)">
                    <p>{{ tool.formatAmount(item.qty) }}</p>
                    <p>
                      {{ item.value }}
                      <el-tooltip class="item" effect="dark" content="无分类客户数:统计没有客户分类信息的客户数量" placement="top" v-if="item.value == '无分类客户'">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="A核心客户:客户分类为A核心客户的数量" placement="top" v-else-if="item.value == 'A核心客户'">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="B重要客户:客户分类为B重要客户的数量" placement="top" v-else-if="item.value == 'B重要客户'">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="C普通客户:客户分类为C普通客户的数量" placement="top" v-else-if="item.value == 'C普通客户'">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="D一般客户：客户分类为D一般客户的数量" placement="top" v-else-if="item.value == 'D一般客户'">
                        <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                      </el-tooltip>
                    </p>
                  </div>
                </div>
              </div>

            </div>
            <!--项目类型-->
            <div class="data-panel" id="projectType">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目类型分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="typeTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {typeMapParam.content.type=1;typeMapParam.content.dataid=$event[$event.length - 1];typeTableParam.content.type=1;typeTableParam.content.username='';typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()} else {typeMapParam.content.type='';typeMapParam.content.dataid='';typeTableParam.content.dataid='';typeTableParam.content.type='';typeTableParam.content.username='';typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()}}">
                      </el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="typeTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {typeMapParam.content.type=0;typeMapParam.content.dataid=$event;typeTableParam.content.type=0;typeTableParam.content.dataid=$event;typeTableParam.content.depname='';typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()} else {typeMapParam.content.type='';typeMapParam.content.dataid='';typeTableParam.content.dataid='';typeTableParam.content.type='';typeTableParam.content.depname='';typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()}}"
                    >
                        <el-option
                            v-for="item in typeMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="typeTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="typeMapParam.content.where.isleave = typeTableParam.content.where.isleave;typeTableParam.content.username = '';typeTableParam.content.pageNumber = 1;$refs.typeTable.listData(null,'状态');typeInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="typeTableParam.content.dateType === '全部'?'primary':''" size="small" @click="typeMapParam.content.dateType = '全部';typeTableParam.content.dateType = '全部';
                          typeMapParam.content.where.begdate = '';typeMapParam.content.where.enddate = '';typeTableParam.content.where.begdate = '';typeTableParam.content.where.enddate = '';typeDate = []
                          typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()">全部</el-button>
                        <el-button :type="typeTableParam.content.dateType === '本年'?'primary':''" size="small" @click="typeMapParam.content.dateType = '本年';typeTableParam.content.dateType = '本年';
                          typeDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];typeMapParam.content.where.begdate = new Date().getFullYear() + '-01';typeMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          typeTableParam.content.where.begdate = new Date().getFullYear() + '-01';typeTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="typeDate"
                          :clearable="false"
                          @change="typeMapParam.content.dateType = '';typeMapParam.content.where.begdate = typeDate[0];typeMapParam.content.where.enddate = typeDate[1];typeTableParam.content.dateType = '';typeTableParam.content.where.begdate = typeDate[0];typeTableParam.content.where.enddate = typeDate[1];
                          typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="typeDate"
                          :clearable="false"
                          @change="typeMapParam.content.dateType = '';typeMapParam.content.where.begdate = typeDate[0];typeMapParam.content.where.enddate = typeDate[1];typeTableParam.content.dateType = '';typeTableParam.content.where.begdate = typeDate[0];typeTableParam.content.where.enddate = typeDate[1];
                          typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="typeMapParam.content.where.unfinish" @change="typeTableParam.content.where.unfinish = typeMapParam.content.where.unfinish;typeTableParam.content.pageNumber = 1;$refs.typeTable.listData();typeInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="typeTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目类型分析" :dataid="typeMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectType" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="typeEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
<!--                  <div ref="typeEl" style="width:30%"></div>-->
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
<!--                  <div class="panel-table" style="width:70%">-->
                    <pageTable
                      ref="typeTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="typeTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'typeTable',typeTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>

            </div>
            <!--项目等级分析-->
            <div class="data-panel" id="projectGrad">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目等级分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="gradTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {gradMapParam.content.type=1;gradMapParam.content.dataid=$event[$event.length - 1];gradTableParam.content.type=1;gradTableParam.content.username='';gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()} else {gradMapParam.content.type='';gradMapParam.content.dataid='';gradTableParam.content.dataid='';gradTableParam.content.type='';gradTableParam.content.username='';gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="gradTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {gradMapParam.content.type=0;gradMapParam.content.dataid=$event;gradTableParam.content.type=0;gradTableParam.content.dataid=$event;gradTableParam.content.depname='';gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()} else {gradMapParam.content.type='';gradMapParam.content.dataid='';gradTableParam.content.dataid='';gradTableParam.content.type='';gradTableParam.content.depname='';gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()}}"
                      >
                        <el-option
                            v-for="item in gradMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="gradTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="gradMapParam.content.where.isleave = gradTableParam.content.where.isleave;gradTableParam.content.username = '';gradTableParam.content.pageNumber = 1;$refs.gradTable.listData(null,'状态');gradInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="gradTableParam.content.dateType === '全部'?'primary':''" size="small" @click="gradMapParam.content.dateType = '全部';gradTableParam.content.dateType = '全部';
                          gradMapParam.content.where.begdate = '';gradMapParam.content.where.enddate = '';gradTableParam.content.where.begdate = '';gradTableParam.content.where.enddate = '';gradDate = []
                          gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()">全部</el-button>
                        <el-button :type="gradTableParam.content.dateType === '本年'?'primary':''" size="small" @click="gradMapParam.content.dateType = '本年';gradTableParam.content.dateType = '本年';
                          gradDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];gradMapParam.content.where.begdate = new Date().getFullYear() + '-01';gradMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          gradTableParam.content.where.begdate = new Date().getFullYear() + '-01';gradTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="gradDate"
                          :clearable="false"
                          @change="gradMapParam.content.dateType = '';gradMapParam.content.where.begdate = gradDate[0];gradMapParam.content.where.enddate = gradDate[1];gradTableParam.content.dateType = '';gradTableParam.content.where.begdate = gradDate[0];gradTableParam.content.where.enddate = gradDate[1];
                          gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="gradDate"
                          :clearable="false"
                          @change="gradMapParam.content.dateType = '';gradMapParam.content.where.begdate = gradDate[0];gradMapParam.content.where.enddate = gradDate[1];gradTableParam.content.dateType = '';gradTableParam.content.where.begdate = gradDate[0];gradTableParam.content.where.enddate = gradDate[1];
                          gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="gradMapParam.content.where.unfinish" @change="gradTableParam.content.where.unfinish = gradMapParam.content.where.unfinish;gradTableParam.content.pageNumber = 1;$refs.gradTable.listData();gradInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="gradTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目等级分析" :dataid="gradMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectGrad" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="gradEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
                    <pageTable
                      ref="gradTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="gradTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'gradTable',gradTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>
            </div>
            <!--项目评估分析-->
            <div class="data-panel" style="height:800px" id="projectScore1">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                <div class="title">
                  项目评估分析
                  <el-tooltip class="item" effect="dark" placement="top">
                    <template #content>
                      项目指标分类比例：
                      <div v-for="(item,index) in projectScoreDescript" :key="index">
                        <span>{{ item.name }}：</span>
                        <span>{{ item.range }}</span>
                      </div>
                    </template>
                    <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                  </el-tooltip>
                </div>
                <div class="panel-select">
                  <div class="mt-10 inline-16">
                    <label  class="search__label" >部门:</label>
                    <el-cascader
                      ref="selectdep"
                      placement="bottom"
                      :append-to-body="false"
                      size="small"
                      v-model="scoreTableParam1.content.dataid"
                      :options="deplist"
                      :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                      @change="$event => {if($event.length) {scoreMapParam1.content.type=1;scoreMapParam1.content.dataid=$event[$event.length - 1];scoreTableParam1.content.type=1;scoreTableParam1.content.username='';scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData();scoreInit()} else {scoreMapParam1.content.type='';scoreMapParam1.content.dataid='';scoreTableParam1.content.dataid='';scoreTableParam1.content.type='';scoreTableParam1.content.username='';scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData();scoreInit()}}"></el-cascader>
                  </div>
                  <div class="mt-10 inline-16">
                    <label  class="search__label" >业务员:</label>
                    <el-select v-model="scoreTableParam1.content.username" filterable placeholder="请选择" size="small"
                    @change="$event => {if($event) {scoreMapParam1.content.type=0;scoreMapParam1.content.dataid=$event;scoreTableParam1.content.type=0;scoreTableParam1.content.dataid=$event;scoreTableParam1.content.depname='';scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData();scoreInit()} else {scoreMapParam1.content.type='';gradMapParam.content.dataid='';scoreTableParam1.content.dataid='';scoreTableParam1.content.type='';scoreTableParam1.content.depname='';scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData();scoreInit()}}"
                    >
                      <el-option
                          v-for="item in scoreMapParam1Salesman"
                          :key="item.index"
                          :label="item.name"
                          :value="item.userid">
                      </el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <p class="search__label">状态:</p>
                    <el-select v-model="scoreTableParam1.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="scoreMapParam1.content.where.isleave = scoreTableParam1.content.where.isleave;scoreTableParam1.content.username = '';scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData(null,'状态');scoreInit(null,'状态')" >
                      <el-option label="在职" value="1"></el-option>
                      <el-option label="离职" value="2"></el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <el-checkbox true-label="0" false-label="1" v-model="scoreMapParam1.content.where.unfinish" @change="scoreTableParam1.content.where.unfinish = scoreMapParam1.content.where.unfinish;scoreTableParam1.content.pageNumber = 1;$refs.scoreTable.listData();scoreInit()">包含失败、结案项目</el-checkbox>
                  </div>
                  <div class="mt-10 inline-15">
                    <exportFile  :param="scoreTableParam1" :columns="tool.tabelCol($route.name).projectTable2.tablecols.splice(0,tool.tabelCol($route.name).projectTable2.tablecols.length - 1)" fileName="项目评估分析" :dataid="scoreMapParam1.content.dataid"></exportFile>
                  </div>
                  <div style="display: inline-block;vertical-align: middle">
                    <FullScroll domId="projectScore1"></FullScroll>
                  </div>
                </div>
              </div>
                <div style="height:calc(100% - 44px)">
                  <div ref="scoreEl" style="height:30%"></div>
                  <div class="panel-table" style="height:70%">
                    <div class="mt-10 inline-16" style="margin:10px 0;display:flex !important;justify-content:space-between">
                      <span style="font-size:16px;color:#333333">{{ scoreStatus ? scoreStatus : '全部' }}</span>
                      <div style="display:flex;align-items:center">
                        <div>
                          <label  class="search__label" >评估分档位:</label>
                          <el-select v-model="scoreTableParam1.content.where.taskType" filterable placeholder="请选择" size="small"
                          :popper-append-to-body="false"
                          @change="$refs.scoreTable.listData()"
                          >
                            <el-option label="全部" value="" />
                            <el-option label="高分档" value="高分档" />
                            <el-option label="中分档" value="中分档" />
                            <el-option label="低分档" value="低分档" />
                          </el-select>
                        </div>
                        <el-tooltip class="item" effect="dark" placement="top">
                          <template #content>
                              <div>高分档: 200分以上</div>
                              <div>中分档:100-200分</div>
                              <div>低分档:100分以下</div>
                          </template>
                          <img style="vertical-align: middle;margin-left:10px" src="@/assets/icons/prompt_icon.svg" alt="">
                        </el-tooltip>
                      </div>
                    </div>
                    <pageTable
                      :style="windowWidth<1574?'height:calc(100% - 100px)':windowWidth<1593?'height:calc(100% - 90px)':'height:calc(100% - 60px)'"
                      ref="scoreTable"
                      :tablecols="tool.tabelCol($route.name).projectTable2.tablecols.splice(0,tool.tabelCol($route.name).projectTable2.tablecols.length - 1)"
                      :param="scoreTableParam1"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'scoreTable',scoreTableParam1,'sa_projectid')">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname == 'dealamount'">
                          {{ tool.formatAmount(scope.data.data.dealamount,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>
            </div>
            <!--12月项目新增-->
            <div class="data-panel" id="projectAdd">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">近12月项目新增分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        ref="selectdep"
                        size="small"
                        :append-to-body="false"
                        placement="bottom"
                        v-model="addParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {addParam.content.type=1;addParam.content.username='';addFun()} else {addParam.content.dataid='';addParam.content.type='';addParam.content.username='';addFun()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="addParam.content.username" filterable placeholder="请选择" size="small"
                        :popper-append-to-body="false"
                        @change="$event => {if($event) {addParam.content.type=0;addParam.content.dataid=$event;addParam.content.depname='';addFun()} else {addParam.content.dataid='';addParam.content.type='';addParam.content.depname='';addFun()}}"
                        >
                        <el-option
                            v-for="item in addParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="addParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="addFun(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-15">
                      <label  class="search__label" >分析日期:</label>
                      <el-date-picker
                          :append-to-body="false"
                          v-model="addParam.content.enddate"
                          format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd"
                          type="date"
                          size="small"
                          placeholder="选择日期"
                          @change="addFun()">
                      </el-date-picker>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectAdd"></FullScroll>
                    </div>
                  </div>
                </div>
                <div ref="addEl":style="windowWidth<1574?'height:calc(100% - 100px)':windowWidth<1593?'height:calc(100% - 90px)':'height:calc(100% - 55px)'"></div>
              </div>
            </div>
            <!--12月项目报备-->
            <div class="data-panel" id="projectBaobei">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">近12月项目报备分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="baobeiParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {baobeiParam.content.type=1;baobeiParam.content.username='';baobeiFun()} else {baobeiParam.content.dataid='';baobeiParam.content.type='';baobeiParam.content.username='';baobeiFun()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="baobeiParam.content.username" filterable placeholder="请选择" size="small"
                        :popper-append-to-body="false"
                        @change="$event => {if($event) {baobeiParam.content.type=0;baobeiParam.content.dataid=$event;baobeiParam.content.depname='';baobeiFun()} else {baobeiParam.content.dataid='';baobeiParam.content.type='';baobeiParam.content.depname='';baobeiFun()}}"
                        >
                        <el-option
                            v-for="item in baobeiParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="baobeiParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="baobeiFun(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-15">
                      <label  class="search__label" >分析日期:</label>
                      <el-date-picker
                          :append-to-body="false"
                          v-model="baobeiParam.content.enddate"
                          format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd"
                          type="date"
                          size="small"
                          placeholder="选择日期"
                          @change="baobeiFun()">
                      </el-date-picker>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectBaobei"></FullScroll>
                    </div>
                  </div>
                </div>
                <div ref="baobeiEl" :style="windowWidth<1574?'height:calc(100% - 100px)':windowWidth<1593?'height:calc(100% - 90px)':'height:calc(100% - 55px)'"></div>
              </div>
            </div>
            <!--12月项目报价-->
            <div class="data-panel" id="projectBaojia">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">近12月项目报价分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="baojiaParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {baojiaParam.content.type=1;baojiaParam.content.username='';baojiaFun()} else {baojiaParam.content.dataid='';baojiaParam.content.type='';baojiaParam.content.username='';baojiaFun()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="baojiaParam.content.username" filterable placeholder="请选择" size="small"
                        :popper-append-to-body="false"
                        @change="$event => {if($event) {baojiaParam.content.type=0;baojiaParam.content.dataid=$event;baojiaParam.content.depname='';baojiaFun()} else {baojiaParam.content.dataid='';baojiaParam.content.type='';baojiaParam.content.depname='';baojiaFun()}}"
                        >
                        <el-option
                            v-for="item in baojiaParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="baojiaParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="baojiaFun(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-15">
                      <label  class="search__label" >分析日期:</label>
                      <el-date-picker
                          :append-to-body="false"
                          v-model="baojiaParam.content.enddate"
                          format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd"
                          type="date"
                          size="small"
                          placeholder="选择日期"
                          @change="baojiaFun()">
                      </el-date-picker>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectBaojia"></FullScroll>
                    </div>
                  </div>
                </div>
                <div ref="baojiaEl" :style="windowWidth<1574?'height:calc(100% - 100px)':windowWidth<1593?'height:calc(100% - 90px)':'height:calc(100% - 55px)'"></div>
              </div>
            </div>
            <!--12月项目跟进-->
            <div class="data-panel" id="projectFllow">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">近12月项目跟进分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="fllowParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {fllowParam.content.type=1;fllowParam.content.username='';fllowFun()} else {fllowParam.content.dataid='';fllowParam.content.type='';fllowParam.content.username='';fllowFun()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="fllowParam.content.username" filterable placeholder="请选择" size="small"
                        :popper-append-to-body="false"
                        @change="$event => {if($event) {fllowParam.content.type=0;fllowParam.content.dataid=$event;fllowParam.content.depname='';fllowFun()} else {fllowParam.content.dataid='';fllowParam.content.type='';fllowParam.content.depname='';fllowFun()}}"
                        >
                        <el-option
                            v-for="item in fllowParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="fllowParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="fllowFun(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-15">
                      <label  class="search__label" >分析日期:</label>
                      <el-date-picker
                          :append-to-body="false"
                          v-model="fllowParam.content.enddate"
                          format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd"
                          type="date"
                          size="small"
                          placeholder="选择日期"
                          @change="fllowFun()">
                      </el-date-picker>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectFllow"></FullScroll>
                    </div>
                  </div>
                </div>
                <div ref="fllowEl" :style="windowWidth<1574?'height:calc(100% - 100px)':windowWidth<1593?'height:calc(100% - 90px)':'height:calc(100% - 55px)'"></div>
              </div>
            </div>
            <!--项目跟进情况-->
            <div class="data-panel" id="projectFllow1">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目跟进情况统计</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="fllowTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {fllowMapParam.content.type=1;fllowMapParam.content.dataid=$event[$event.length - 1];fllowTableParam.content.type=1;fllowTableParam.content.username='';fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()} else {fllowMapParam.content.type='';fllowMapParam.content.dataid='';fllowTableParam.content.dataid='';fllowTableParam.content.type='';fllowTableParam.content.username='';fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="fllowTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {fllowMapParam.content.type=0;fllowMapParam.content.dataid=$event;fllowTableParam.content.type=0;fllowTableParam.content.dataid=$event;fllowTableParam.content.depname='';
                        fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()} else {fllowMapParam.content.type='';fllowMapParam.content.dataid='';fllowTableParam.content.dataid='';fllowTableParam.content.type='';
                        fllowTableParam.content.depname='';fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()}}"
                      >
                        <el-option
                            v-for="item in fllowMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="fllowTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="fllowMapParam.content.where.isleave = fllowTableParam.content.where.isleave;fllowTableParam.content.username = '';fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData(null,'状态');fllowInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="fllowTableParam.content.dateType === '全部'?'primary':''" size="small" @click="fllowMapParam.content.dateType = '全部';fllowTableParam.content.dateType = '全部';
                          fllowMapParam.content.where.begdate = '';fllowMapParam.content.where.enddate = '';fllowTableParam.content.where.begdate = '';fllowTableParam.content.where.enddate = '';fllowDate = []
                          fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()">全部</el-button>
                        <el-button :type="fllowTableParam.content.dateType === '本年'?'primary':''" size="small" @click="fllowMapParam.content.dateType = '本年';fllowTableParam.content.dateType = '本年';
                          fllowDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];fllowMapParam.content.where.begdate = new Date().getFullYear() + '-01';fllowMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          fllowTableParam.content.where.begdate = new Date().getFullYear() + '-01';fllowTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="fllowDate"
                          :clearable="false"
                          @change="fllowMapParam.content.dateType = '';fllowMapParam.content.where.begdate = fllowDate[0];fllowMapParam.content.where.enddate = fllowDate[1];fllowTableParam.content.dateType = '';fllowTableParam.content.where.begdate = fllowDate[0];fllowTableParam.content.where.enddate = fllowDate[1];
                          fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="fllowDate"
                          :clearable="false"
                          @change="fllowMapParam.content.dateType = '';fllowMapParam.content.where.begdate = fllowDate[0];fllowMapParam.content.where.enddate = fllowDate[1];fllowTableParam.content.dateType = '';fllowTableParam.content.where.begdate = fllowDate[0];fllowTableParam.content.where.enddate = fllowDate[1];
                          fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="fllowMapParam.content.where.unfinish" @change="fllowTableParam.content.where.unfinish = fllowMapParam.content.where.unfinish;fllowTableParam.content.pageNumber = 1;$refs.projectFllowTable.listData();fllowInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile :param="fllowTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目跟进情况统计" :dataid="fllowMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectFllow1" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="projectFllowEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
                    <pageTable
                      ref="projectFllowTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="fllowTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'projectFllowTable',fllowTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>

            </div>
            <!--项目联系人情况-->
            <div class="data-panel" id="projectContact">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目联系人情况统计</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="contactTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {contactMapParam.content.type=1;contactMapParam.content.dataid=$event[$event.length - 1];contactTableParam.content.type=1;contactTableParam.content.username='';contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()} else {contactMapParam.content.type='';contactMapParam.content.dataid='';contactTableParam.content.dataid='';contactTableParam.content.type='';contactTableParam.content.username='';contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="contactTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {contactMapParam.content.type=0;contactMapParam.content.dataid=$event;contactTableParam.content.type=0;contactTableParam.content.dataid=$event;contactTableParam.content.depname='';contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()} else {contactMapParam.content.type='';contactMapParam.content.dataid='';contactTableParam.content.dataid='';contactTableParam.content.type='';contactTableParam.content.depname='';contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()}}"
                      >
                        <el-option
                            v-for="item in contactMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="contactTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="contactMapParam.content.where.isleave = contactTableParam.content.where.isleave;contactTableParam.content.username = '';contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData(null,'状态');contactInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="contactTableParam.content.dateType === '全部'?'primary':''" size="small" @click="contactMapParam.content.dateType = '全部';contactTableParam.content.dateType = '全部';
                          contactMapParam.content.where.begdate = '';contactMapParam.content.where.enddate = '';contactTableParam.content.where.begdate = '';contactTableParam.content.where.enddate = '';contactDate = []
                          contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()">全部</el-button>
                        <el-button :type="contactTableParam.content.dateType === '本年'?'primary':''" size="small" @click="contactMapParam.content.dateType = '本年';contactTableParam.content.dateType = '本年';
                          contactDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];contactMapParam.content.where.begdate = new Date().getFullYear() + '-01';contactMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          contactTableParam.content.where.begdate = new Date().getFullYear() + '-01';contactTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="contactDate"
                          :clearable="false"
                          @change="contactMapParam.content.dateType = '';contactMapParam.content.where.begdate = contactDate[0];contactMapParam.content.where.enddate = contactDate[1];contactTableParam.content.dateType = '';contactTableParam.content.where.begdate = contactDate[0];contactTableParam.content.where.enddate = contactDate[1];
                          contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="contactDate"
                          :clearable="false"
                          @change="contactMapParam.content.dateType = '';contactMapParam.content.where.begdate = contactDate[0];contactMapParam.content.where.enddate = contactDate[1];contactTableParam.content.dateType = '';contactTableParam.content.where.begdate = contactDate[0];contactTableParam.content.where.enddate = contactDate[1];
                          contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="contactMapParam.content.where.unfinish" @change="contactTableParam.content.where.unfinish = contactMapParam.content.where.unfinish;contactTableParam.content.pageNumber = 1;$refs.projectContactTable.listData();contactInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="contactTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目联系人情况统计" :dataid="contactMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectContact" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="projectContactEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
                    <pageTable
                      ref="projectContactTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="contactTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'projectContactTable',contactTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>

            </div>
            <!--项目关联客户情况-->
            <div class="data-panel" id="projectCustomer">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目关联客户情况统计</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="customerTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {customerMapParam.content.type=1;customerMapParam.content.dataid=$event[$event.length - 1];customerTableParam.content.type=1;customerTableParam.content.username='';customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()} else {customerMapParam.content.type='';customerMapParam.content.dataid='';customerTableParam.content.dataid='';customerTableParam.content.type='';customerTableParam.content.username='';customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="customerTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {customerMapParam.content.type=0;customerMapParam.content.dataid=$event;customerTableParam.content.type=0;customerTableParam.content.dataid=$event;customerTableParam.content.depname='';customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()} else {customerMapParam.content.type='';customerMapParam.content.dataid='';customerTableParam.content.dataid='';customerTableParam.content.type='';customerTableParam.content.depname='';customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()}}"
                      >
                        <el-option
                            v-for="item in customerMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="customerTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="customerMapParam.content.where.isleave = customerTableParam.content.where.isleave;customerTableParam.content.username = '';customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData(null,'状态');customerInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="customerTableParam.content.dateType === '全部'?'primary':''" size="small" @click="customerMapParam.content.dateType = '全部';customerTableParam.content.dateType = '全部';
                          customerMapParam.content.where.begdate = '';customerMapParam.content.where.enddate = '';customerTableParam.content.where.begdate = '';customerTableParam.content.where.enddate = '';customerDate = []
                          customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()">全部</el-button>
                        <el-button :type="customerTableParam.content.dateType === '本年'?'primary':''" size="small" @click="customerMapParam.content.dateType = '本年';customerTableParam.content.dateType = '本年';
                          customerDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];customerMapParam.content.where.begdate = new Date().getFullYear() + '-01';customerMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          customerTableParam.content.where.begdate = new Date().getFullYear() + '-01';customerTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="customerDate"
                          :clearable="false"
                          @change="customerMapParam.content.dateType = '';customerMapParam.content.where.begdate = customerDate[0];customerMapParam.content.where.enddate = customerDate[1];customerTableParam.content.dateType = '';customerTableParam.content.where.begdate = customerDate[0];customerTableParam.content.where.enddate = customerDate[1];
                          customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="customerDate"
                          :clearable="false"
                          @change="customerMapParam.content.dateType = '';customerMapParam.content.where.begdate = customerDate[0];customerMapParam.content.where.enddate = customerDate[1];customerTableParam.content.dateType = '';customerTableParam.content.where.begdate = customerDate[0];customerTableParam.content.where.enddate = customerDate[1];
                          customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="customerMapParam.content.where.unfinish" @change="customerTableParam.content.where.unfinish = customerMapParam.content.where.unfinish;customerTableParam.content.pageNumber = 1;$refs.projectCustomerTable.listData();customerInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="customerTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目关联客户情况统计" :dataid="customerMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectCustomer" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="projectCustomerEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
                    <pageTable
                      ref="projectCustomerTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="customerTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'projectCustomerTable',customerTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>

            </div>
            <!--项目评估情况-->
            <div class="data-panel" id="projectScore">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">项目评估情况统计</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="scoreTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {scoreMapParam.content.type=1;scoreMapParam.content.dataid=$event[$event.length - 1];scoreTableParam.content.type=1;scoreTableParam.content.username='';scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()} else {scoreMapParam.content.type='';scoreMapParam.content.dataid='';scoreTableParam.content.dataid='';scoreTableParam.content.type='';scoreTableParam.content.username='';scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="scoreTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {scoreMapParam.content.type=0;scoreMapParam.content.dataid=$event;scoreTableParam.content.type=0;scoreTableParam.content.dataid=$event;scoreTableParam.content.depname='';scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()} else {scoreMapParam.content.type='';scoreMapParam.content.dataid='';scoreTableParam.content.dataid='';scoreTableParam.content.type='';scoreTableParam.content.depname='';scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()}}"
                      >
                        <el-option
                            v-for="item in scoreMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="scoreTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="scoreMapParam.content.where.isleave = scoreTableParam.content.where.isleave;scoreTableParam.content.username = '';scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData(null,'状态');projectScoreInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-button-group>
                        <el-button :type="scoreTableParam.content.dateType === '全部'?'primary':''" size="small" @click="scoreMapParam.content.dateType = '全部';scoreTableParam.content.dateType = '全部';
                          scoreMapParam.content.where.begdate = '';scoreMapParam.content.where.enddate = '';scoreTableParam.content.where.begdate = '';scoreTableParam.content.where.enddate = '';scoreDate = []
                          scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()">全部</el-button>
                        <el-button :type="scoreTableParam.content.dateType === '本年'?'primary':''" size="small" @click="scoreMapParam.content.dateType = '本年';scoreTableParam.content.dateType = '本年';
                          scoreDate = [new Date().getFullYear() + '-01',new Date().getFullYear() + '-12'];scoreMapParam.content.where.begdate = new Date().getFullYear() + '-01';scoreMapParam.content.where.enddate = new Date().getFullYear() + '-12';
                          scoreTableParam.content.where.begdate = new Date().getFullYear() + '-01';scoreTableParam.content.where.enddate = new Date().getFullYear() + '-12';
                          scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()">本年</el-button>
                      </el-button-group>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-date-picker
                          v-show="isFull"
                          :append-to-body="false"
                          v-model="scoreDate"
                          :clearable="false"
                          @change="scoreMapParam.content.dateType = '';scoreMapParam.content.where.begdate = scoreDate[0];scoreMapParam.content.where.enddate = scoreDate[1];scoreTableParam.content.dateType = '';scoreTableParam.content.where.begdate = scoreDate[0];scoreTableParam.content.where.enddate = scoreDate[1];
                          scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                      <el-date-picker
                          v-show="!isFull"
                          v-model="scoreDate"
                          :clearable="false"
                          @change="scoreMapParam.content.dateType = '';scoreMapParam.content.where.begdate = scoreDate[0];scoreMapParam.content.where.enddate = scoreDate[1];scoreTableParam.content.dateType = '';scoreTableParam.content.where.begdate = scoreDate[0];scoreTableParam.content.where.enddate = scoreDate[1];
                          scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()"
                          size="small"
                          format="yyyy-MM"
                          value-format="yyyy-MM"
                          type="monthrange"
                          range-separator="至"
                          start-placeholder="开始月份"
                          end-placeholder="结束月份">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="scoreMapParam.content.where.unfinish" @change="scoreTableParam.content.where.unfinish = scoreMapParam.content.where.unfinish;scoreTableParam.content.pageNumber = 1;$refs.projectScoreTable.listData();projectScoreInit()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="scoreTableParam" :columns="tool.tabelCol($route.name).projectTable.tablecols" fileName="项目评估情况统计" :dataid="scoreMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectScore" @onFull="onFull" @backFull="backFull"></FullScroll>
                    </div>
                  </div>
                </div>
                <div class="panel-content" :style="windowWidth<1335?'height:calc(100% - 140px)':windowWidth<2006?'height:calc(100% - 93px)':windowWidth<2037?'height:calc(100% - 83px)':'height:calc(100% - 53px)'">
                  <div ref="projectScoreEl" :style="windowWidth<1505?'width:54%;height:calc(100%)':windowWidth<1805?'width:54%;height:calc(100%)':windowWidth<2500?'width:45%':'width:30%'"></div>
                  <div class="panel-table" :style="windowWidth<1505?'width:46%;height:calc(100%)':windowWidth<1805?'width:46%;height:calc(100%)':windowWidth<2500?'width:55%':'width:70%'">
                    <pageTable
                      ref="projectScoreTable"
                      :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
                      :param="scoreTableParam"
                      :custom="true"
                      fixedName="operation"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'projectScoreTable',scoreTableParam,'sa_projectid')" :disabled="isFull">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname == 'scale'">
                          {{scope.data.data.scale ? scope.data.data.scale + scope.data.data.unitname : '' }}
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>
            </div>
            <!--有效项目未跟进情况-->
            <div class="data-panel" style="height:800px" id="projectUnfllow">
              <div class="panel-content-wrapper" >
                <div class="panel-header">
                  <div class="title">有效项目未跟进天数分析</div>
                  <div class="panel-select">
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >部门:</label>
                      <el-cascader
                        :append-to-body="false"
                        placement="bottom"
                        ref="selectdep"
                        size="small"
                        v-model="unfllowTableParam.content.dataid"
                        :options="deplist"
                        :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                        @change="$event => {if($event.length) {unfllowMapParam.content.type=1;unfllowMapParam.content.dataid=$event[$event.length - 1];unfllowTableParam.content.type=1;unfllowTableParam.content.username='';unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData();customerUnfllowInit()} else {unfllowMapParam.content.type='';unfllowMapParam.content.dataid='';unfllowTableParam.content.dataid='';unfllowTableParam.content.type='';unfllowTableParam.content.username='';unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData();customerUnfllowInit()}}"></el-cascader>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >业务员:</label>
                      <el-select v-model="unfllowTableParam.content.username" filterable placeholder="请选择" size="small"
                      :popper-append-to-body="false"
                      @change="$event => {if($event) {unfllowMapParam.content.type=0;unfllowMapParam.content.dataid=$event;unfllowTableParam.content.type=0;unfllowTableParam.content.dataid=$event;unfllowTableParam.content.depname='';unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData();customerUnfllowInit()} else {unfllowMapParam.content.type='';unfllowMapParam.content.dataid='';unfllowTableParam.content.dataid='';unfllowTableParam.content.type='';unfllowTableParam.content.depname='';unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData();customerUnfllowInit()}}"
                      >
                        <el-option
                            v-for="item in unfllowMapParamSalesman"
                            :key="item.index"
                            :label="item.name"
                            :value="item.userid">
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <p class="search__label">状态:</p>
                      <el-select v-model="unfllowTableParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="unfllowMapParam.content.where.isleave = unfllowTableParam.content.where.isleave;unfllowTableParam.content.username = '';unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData(null,'状态');customerUnfllowInit(null,'状态')" >
                        <el-option label="在职" value="1"></el-option>
                        <el-option label="离职" value="2"></el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label">项目类型:</label>
                      <el-select
                        v-model="unfllowMapParam.content.where.projecttype"
                        placeholder="请选择项目类型"
                        :popper-append-to-body="false"
                        @change="$event => {if($event.length) {unfllowTableParam.content.where.projecttype=$event;unfllowTableParam.content.pageNumber = 1;$refs.customerUnfllowTable.listData();customerUnfllowInit()} else {unfllowTableParam.content.where.projecttype='';$refs.customerUnfllowTable.listData();customerUnfllowInit()}}"
                        size="small" clearable>
                        <el-option
                            v-for="item in projectType"
                            :key="item.value"
                            :label="item.value"
                            :value="item.value">
                          <span style="float: left">{{ item.value }}</span>
                          <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                        </el-option>
                      </el-select>
                    </div>
                    <div class="mt-10 inline-16">
                      <label  class="search__label" >分析日期:</label>
                      <el-date-picker
                          :append-to-body="false"
                          v-model="unfllowMapParam.content.enddate"
                          format="yyyy-MM-dd"
                          value-format="yyyy-MM-dd"
                          type="date"
                          size="small"
                          placeholder="选择日期"
                          @change="unfllowTableParam.content.enddate=unfllowMapParam.content.enddate;unfllowTableParam.content.pageNumber = 1;customerUnfllowInit();$refs.customerUnfllowTable.listData()">
                      </el-date-picker>
                    </div>
                    <div class="mt-10 inline-16">
                      <el-checkbox true-label="0" false-label="1" v-model="unfllowMapParam.content.where.unfinish" @change="unfllowTableParam.content.where.unfinish = unfllowMapParam.content.where.unfinish;unfllowTableParam.content.pageNumber = 1;customerUnfllowInit();$refs.customerUnfllowTable.listData()">包含失败、结案项目</el-checkbox>
                    </div>
                    <div class="mt-10 inline-15">
                      <exportFile  :param="unfllowTableParam" :columns="tool.tabelCol($route.name).projectTable1.tablecols.splice(0,tool.tabelCol($route.name).projectTable1.tablecols.length - 1)" fileName="有效项目未跟进天数分析" :dataid="unfllowMapParam.content.dataid"></exportFile>
                    </div>
                    <div style="display: inline-block;vertical-align: middle">
                      <FullScroll domId="projectUnfllow"></FullScroll>
                    </div>
                  </div>
                </div>
                <div style="height:calc(100% - 55px)">
                  <div ref="customerUnfllowEl" style="height:30%"></div>
                  <div style="font-size:16px;color:#333333;margin:10px 0">{{ unfllowStatus ? unfllowStatus : '全部' }}</div>
                  <div :style="{height:windowWidth<1359?'60%':windowWidth<1372?'62%':windowWidth<2110?'66%':'71%'}">
                    <pageTable
                      style="height:calc(100% - 50px)"
                      v-if="projectType[0].value != ''"
                      ref="customerUnfllowTable"
                      :tablecols="tool.tabelCol($route.name).projectTable1.tablecols.splice(0,tool.tabelCol($route.name).projectTable1.tablecols.length - 1)"
                      :param="unfllowTableParam"
                      :custom="true"
                      @handleParam="handleUnfllowParam"
                    >
                      <template v-slot:custom="scope">
                        <div v-if="scope.data.columnname == 'sys_tag'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.sys_tag" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname == 'operation'">
                          <el-button type="text" size="small" @click="goDetail(scope.data.data,'customerUnfllowTable',unfllowTableParam,'sa_projectid')">详情</el-button>
                        </div>
                        <div v-else-if="scope.data.columnname == 'signamount_due'">
                          {{ tool.formatAmount(scope.data.data.signamount_due,2,'￥') }}
                        </div>
                        <div v-else-if="scope.data.columnname === 'industry'">
                          <el-tag size="small" v-for="(item,index) in scope.data.data.industry" :key="index" style="margin-right: 5px">{{ item }}</el-tag>
                        </div>
                        <div v-else-if="scope.data.columnname === 'tradingstatus'">
                          <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else-if="scope.data.columnname === 'status'">
                          <span style="color:rgb(250, 140, 22)" v-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
                          <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败' || scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
                        </div>
                        <div v-else>
                          {{ scope.data.data[scope.data.columnname] }}
                        </div>
                      </template>
                    </pageTable>
                  </div>
                </div>
              </div>
            </div>
            <!--项目生命周期分析-->
            <div style="margin-top:16px" class="data-all">
              <div class="panel-header">
                <div class="title">
                  项目生命周期分析
                  <el-tooltip class="item" effect="dark" content="统计项目生命周期中的各个关键节点之间平均周期" placement="top">
                    <img style="vertical-align: middle" src="@/assets/icons/prompt_icon.svg" alt="">
                  </el-tooltip>
                </div>
              </div>
              <div class="progress" v-if="dateList.length">
                  <div class="progress-item" :style="[{'--bg':colorArr[index]},{'--width':item.avg}]" v-for="(item,index) in dateList" :key="index">
                    <div class="day">平均周期:{{ item.dateavg.toFixed(2) }}天</div>
                    <div class="start" v-if="index == 0">
                      <span>{{ item.start }}</span>
                      <span v-if="item.end == '立项'">项目立项</span>
                      <span v-else-if="item.end == '报备'">项目报备审核</span>
                      <span v-else-if="item.end == '报价'">项目报价审核</span>
                      <span v-else-if="item.end == '合同'">项目合同审核</span>
                      <span v-else-if="item.end == '订单'">项目订单审核</span>
                      <span v-else-if="item.end == '结案'">项目结案</span>
                    </div>
                    <div class="end">
                      <span>{{ item.end }}</span>
                      <span v-if="item.end == '立项'">项目立项</span>
                      <span v-else-if="item.end == '报备'">项目报备审核</span>
                      <span v-else-if="item.end == '报价'">项目报价审核</span>
                      <span v-else-if="item.end == '合同'">项目合同审核</span>
                      <span v-else-if="item.end == '订单'">项目订单审核</span>
                      <span v-else-if="item.end == '结案'">项目结案</span>
                    </div>
                  </div>
              </div>
              <el-empty  class="progress-item" description="暂无数据" :image-size="80" v-else></el-empty>
              <div class="panel-select" :style="{marginTop:dateList.length?'90px':'30px'}">
                  <div class="mt-10 inline-16">
                    <label  class="search__label" >部门:</label>
                    <el-cascader
                      clearable
                      :append-to-body="false"
                      ref="selectdep"
                      size="small"
                      placement="bottom"
                      v-model="dateParam.content.dataid"
                      :options="deplist"
                      :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
                      @change="$event => {if($event.length) {[$event.length - 1];dateParam.content.type=1;dateParam.content.username='';getDate()} else {dateParam.content.dataid='';dateParam.content.type='';dateParam.content.username='';getDate()}}"></el-cascader>
                  </div>
                  <div class="mt-10 inline-16">
                    <label  class="search__label" >业务员:</label>
                    <el-select v-model="dateParam.content.username" filterable placeholder="请选择" size="small"
                               :popper-append-to-body="false"
                               @change="$event => {if($event) {dateParam.content.type=0;dateParam.content.dataid=$event;dateParam.content.depname='';getDate()} else {dateParam.content.type='';dateParam.content.dataid='';dateParam.content.depname='';getDate()}}"
                    >
                      <el-option
                          v-for="item in dateParamSalesman"
                          :key="item.index"
                          :label="item.name"
                          :value="item.userid">
                      </el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <p class="search__label">状态:</p>
                    <el-select v-model="dateParam.content.where.isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="getDate(null,'状态')" >
                      <el-option label="在职" value="1"></el-option>
                      <el-option label="离职" value="2"></el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <label  class="search__label">项目类型:</label>
                    <el-select v-model="dateParam.content.where.projecttype" placeholder="请选择项目类型" @change="getDate" size="small" clearable>
                      <el-option
                          v-for="item in projectType"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        <span style="float: left">{{ item.value }}</span>
                        <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                      </el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <label  class="search__label">项目等级:</label>
                    <el-select v-model="dateParam.content.where.grade" placeholder="请选择项目等级" @change="getDate" size="small" clearable>
                      <el-option
                          v-for="item in projectLead"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        <span style="float: left">{{ item.value }}</span>
                        <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                      </el-option>
                    </el-select>
                  </div>
                  <div class="mt-10 inline-16">
                    <label  class="search__label">领域:</label>
                    <el-select v-model="dateParam.content.where.tradefield" placeholder="请选择领域" @change="getDate" size="small" clearable>
                      <el-option
                          v-for="item in tradefieldSelect"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        <span style="float: left">{{ item.value }}</span>
                        <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                      </el-option>
                    </el-select>
                  </div>
              </div>
              <div class="mt-10 inline-16" style="margin-top:10px">
                <label  class="search__label" >项目名称:</label>
                <selectProject :projectType="projectType" :projectLead="projectLead" :tradefieldSelect="tradefieldSelect"  @selectRow="selectRow" ref="selectProject">
                  <div slot="input" style="display:flex;align-items:center">
                    <el-input v-model="projectname" style="width:300px" size="small" placeholder="请选择项目" @focus="$refs.selectProject.visible=true"></el-input>
                    <el-button style="margin-left:10px" @click="clearSelect" size="mini" type="text" v-if="dateParam.content.where.sa_projectid">清空</el-button>
                  </div>
                </selectProject>
              </div>
              <div style="margin-top:10px">
                <div class="mt-10 inline-16">
                  <label  class="search__label">开始节点:</label>
                  <el-select v-model="dateParam.content.begnode" placeholder="开始节点" @change="getDate" size="small" clearable>
                    <el-option label="立项" value="立项"></el-option>
                    <el-option label="报备" value="报备"></el-option>
                    <el-option label="报价" value="报价"></el-option>
                    <el-option label="合同" value="合同"></el-option>
                    <el-option label="订单" value="订单"></el-option>
                    <el-option label="结案" value="结案"></el-option>
                  </el-select>
                </div>
                <span style="margin:0 35px 0 25px">至</span>
                <div class="mt-10 inline-16">
                  <label  class="search__label">结束节点:</label>
                  <el-select v-model="dateParam.content.endnode" placeholder="结束节点" @change="getDate" size="small" clearable>
                    <el-option label="立项" value="立项"></el-option>
                    <el-option label="报备" value="报备"></el-option>
                    <el-option label="报价" value="报价"></el-option>
                    <el-option label="合同" value="合同"></el-option>
                    <el-option label="订单" value="订单"></el-option>
                    <el-option label="结案" value="结案"></el-option>
                  </el-select>
                </div>
              </div>
            </div>
          </div>
        </el-scrollbar>
        <dataDetail ref="detailRef" :title="title" :param="paramDetail" :person="person" :departmentid="depment" :isleave="isleave" :layout="tablecols" height="calc(100vh - 250px)">
          <template #custom>
            <div class="mt-10 inline-16">
              <label  class="search__label">项目阶段:</label>
              <el-select class="inline-24" v-model="paramDetail.content.where.stagename" placeholder="请选择项目阶段" @change="selectChange" size="small" clearable>
                <el-option
                    v-for="item in option.stageList"
                    :key="item.stagename"
                    :label="item.stagename"
                    :value="item.stagename">
                </el-option>
              </el-select>
            </div>
            <div class="mt-10 inline-16">
              <label  class="search__label">报备进度:</label>
              <el-select class="inline-24" v-model="paramDetail.content.where.reportstatus" placeholder="请选择报备进度" @change="selectChange" size="small" clearable>
                <el-option
                    v-for="item in option.reportstatus"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="mt-10 inline-16">
              <label  class="search__label">项目类型:</label>
              <el-select class="inline-24" v-model="paramDetail.content.where.projecttype" placeholder="请选择项目类型" @change="selectChange" size="small" clearable>
                <el-option
                    v-for="item in projectType"
                    :key="item.value"
                    :label="item.value"
                    :value="item.value">
                  <span style="float: left">{{ item.value }}</span>
                  <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                </el-option>
              </el-select>
            </div>
            <div class="mt-10 inline-16">
              <label  class="search__label">领域:</label>
              <el-select class="inline-24" v-model="paramDetail.content.where.tradefield" placeholder="请选择领域" @change="selectChange" size="small" clearable>
                <el-option
                    v-for="item in tradefieldSelect"
                    :key="item.value"
                    :label="item.value"
                    :value="item.value">
                  <span style="float: left">{{ item.value }}</span>
                  <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
                </el-option>
              </el-select>
            </div>
            <div  class="mt-10 inline-16">
              <label class="search__label">标签:</label>
              <el-select  class="inline-24" v-model="paramDetail.content.where.tag" size="small" placeholder="请选择" @change="selectChange" clearable multiple>
                <el-option
                    v-for="item in option.tagData"
                    :key="item.tag"
                    :label="item.tag"
                    :value="item.tag">
                </el-option>
              </el-select>
            </div>
            <div class="mt-10 inline-16">
              <label  class="search__label">项目状态:</label>
              <el-select class="inline-24" v-model="paramDetail.content.where.status" placeholder="请选择项目状态" @change="selectChange" size="small" clearable>
                <el-option
                    v-for="item in option.statusTab"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
              </el-select>
            </div>
          </template>
        </dataDetail>
      </div>
    </template>
  </normalLayout>
</template>

<script>
import { DualAxes,Pie,measureTextWidth,Column,Line,Bar  } from '@antv/g2plot'
import pageTable from './components/pageTable.vue'
import selectProject from './components/selectProject.vue'
import borderTemp from '@/HDrpManagement/dataanalysis/components/border.vue'
import FullScroll from '@/components/fullScroll/index.vue'
import exportFile from '@/components/export_file/index'
import btnSelect from "@/components/btn_select/btnSelect";
import dataDetail from '@/template/dataDetail/index'
export default {
  name:'projectData',
  components:{borderTemp,pageTable,selectProject,FullScroll,exportFile,btnSelect,dataDetail},
  provide () {
    return {
      projectType:() => this.projectType,
    }
  },
  data () {
    return {
      dateType:'全部',
      isFull:false,
      isAppend:true,
      colorArr:['#3874f6','#00b32b','#ffae02','#f53f3f','#f2f2f2'],
      windowWidth: document.documentElement.clientWidth,  //实时屏幕宽度
      deplist:[],
      personnelList:[],
      depmentParam:{
        "id": 20230620102004,
        "content": {
        }
      },
      projectType:[{value:''}],
      projectLead:[],
      tradefieldSelect:[],
      projectname:'',
      projectScoreDescript:[],
      depment:'',
      dataAll:{
        data:{}
      },
      scoreStatus:'',
      unfllowStatus:'',
      person:'',
      isleave:'1',
      //项目类型分析
      typeMap:'',
      typeDate:[],
      typeMapParam: {
        "id": 20231018140404,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dataid": '',
          "dateType":'全部',
          "where":{
              "projecttype":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      typeTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'全部',
          "where": {
              // "isfollowup": "", // 有跟进 无跟进 ------项目跟进情况统计列表使用该字段
              // "grade": "", //  项目等级统计列表使用该字段
              // "iscontacts": "", //无联系人 有联系人  ------项目联系人情况统计列表使用该字段
              // "iscustomers": "", //无关联客户 有关联客户  ------项目关联客户情况统计列表使用该字段
              // "istask":"",// 有评估记录 无评估记录  ------ 项目评估情况统计列表使用该字段
              "projecttype":"",//   项目类型分析统计列表使用该最低端
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      typeData:{
        map:[],
      },
      //项目等级分析
      gradMap:'',
      gradDate:[],
      gradMapParam: {
        "id": 20231018141804,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'全部',
          "where":{
              "grade":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      gradTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'全部',
          "where": {
              "grade": "", //  项目等级统计列表使用该字段
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      gradData:{
        map:[],
      },
      //项目评估分析
      scoreMap:'',
      scoreMapParam1: {
        "id": 20231024103104,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "where":{
            "unfinish":'0',
            "isleave":'1'
          }
        }
      },
      scoreTableParam1:{
        "id": 20231024112004,
        "content": {
          "type": "",
          "dataid": "",
          "occupancyratio":"",
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "where":{
              "taskType":"",
              "unfinish":'0',
              "isleave":"1"
          },
          "pageSize":20,
          "pageNumber":1
        }
      },
      scoreData:{
        map:[],
      },
      //项目12月新增分析
      addMap:'',
      addParam: {
        "id": 20231018155804,
        "content": {
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "type": '',
          "dataid": '',
          "enddate":`${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
          "where":{
            "isleave":'1'
          }
        }
      },
      addData: {
        arr1:[],
        arr2:[]
      },
      //项目12月报备分析
      baobeiMap:'',
      baobeiParam: {
        "id": 20231018160504,
        "content": {
          "type": '',
          "enddate":`${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dataid": '',
          "where":{
            "isleave":'1'
          }
        }
      },
      baobeiData: {
        arr1:[],
        arr2:[]
      },
      //项目12月跟进分析
      fllowMap:'',
      fllowParam: {
        "id": 20231018163004,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "enddate":`${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
          "dataid": '',
          "where":{
            "isleave":'1'
          }
        }
      },
      fllowData: {
      },
      //项目12月报价分析
      baojiaMap:'',
      baojiaParam: {
        "id": 20231018161604,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "enddate":`${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
          "dataid": '',
          "where":{
            "isleave":'1'
          }
        }
      },
      baojiaData: {
      },
      //项目跟进分析
    /*  projectFllowMap:'',*/
      fllowDate:[],
      fllowMapParam: {
        "id": 20231019085304,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dataid": '',
          "dateType":'全部',
          // "enddate":`${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
          "where":{
              "grade":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      fllowTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dataid": '',
          "dateType":'全部',
          "where": {
              "isfollowup": "", // 有跟进 无跟进 ------项目跟进情况统计列表使用该字段
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      projectFllowData:{
        map:[],
      },
      //项目联系人分析
      projectFllowMap:'',
      contactDate:[],
      contactMapParam: {
        "id": 20231019085404,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'全部',
          "where":{
              "grade":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      contactTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'全部',
          "where": {
              "iscontacts": "", //无联系人 有联系人  ------项目联系人情况统计列表使用该字段
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      projectContactData:{
        map:[],
      },
      //项目关联客户分析
      projectCustomerMap:'',
      customerDate:[],
      customerMapParam: {
        "id": 20231019085504,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":"全部",
          "where":{
              "iscustomers":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      customerTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":"全部",
          "where": {
              "iscustomers": "", //无关联客户 有关联客户  ------项目关联客户情况统计列表使用该字段
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      projectCustomerData:{
        map:[],
      },
      //项目评估分析
      projectScoreMap:'',
      scoreDate:[],
      scoreMapParam: {
        "id": 20231019085604,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":"全部",
          "where":{
              "istask":"",
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      scoreTableParam:{
        "id": 20231019090104,
        "content": {
          "type": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":"全部",
          "dataid": '',
          "where": {
              "istask":"",// 有评估记录 无评估记录  ------ 项目评估情况统计列表使用该字段
              "begdate":"",
              "enddate":"",
              "unfinish":'0',
              "isleave":"1"
          }
        }
      },
      projectScoreData:{
        map:[],
      },
      //未跟进情况
      customerUnfllowMap:'',
      unfllowMapParam: {
        "id": 20231019095804,
        "content": {
            "type": '',
            "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
            "dataid": '',
            "enddate":new Date().getFullYear() + '-' + (new Date().getMonth() + 1)  + '-' + new Date().getDate(),
            "where": {
                "projecttype":"",
                "unfinish":'0',
                "isleave":'1'
            }
        }
      },
      unfllowTableParam:{
        "id": 20231019095904,
        "content": {
          "type": '',
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "enddate":new Date().getFullYear() + '-' + (new Date().getMonth() + 1)  + '-' + new Date().getDate(),
          "where": {
              "projecttype":"",
              "dateType":"",
              "unfinish":'0',
              "isleave":'1'
          }
        }
      },
      customerUnfllowData:{
        map:[],
      },
      //项目周期分析
      dateParam: {
        "id": 20231023092304,
        "content": {
          "type": 1,
          "dataid": '',
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "begnode":"",//开始节点
          "endnode":"",//结束节点
          "where": {
            "projecttype": "",//项目类型
            "grade":"",//项目等级
            "tradefield":"",//领域
            "sa_projectid":"",//项目id
            "isleave":'1'
          }
        }
      },
      dateList:{},
      dataAllParam:{
        "id": 20231018110404,
        "content" :{
          "dataid": '',
          "type":"",
          "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
          "dateType":'',
          "where":{
            "isleave":'1'
          }
        }
      },
      /*业务员列表*/
      typeMapParamSalesman:[],
      gradMapParamSalesman:[],
      scoreMapParam1Salesman:[],
      addParamSalesman:[],
      baobeiParamSalesman:[],
      fllowParamSalesman:[],
      baojiaParamSalesman:[],
      fllowMapParamSalesman:[],
      contactMapParamSalesman:[],
      customerMapParamSalesman:[],
      scoreMapParamSalesman:[],
      unfllowMapParamSalesman:[],
      dateParamSalesman:[],
      paramDetail:{
        "id": 20241008152904,
        "content": {
          "dataid": '',
          "type": '',
          "typemx": "",
          "dateType":"",
          "where": {
            "isleave": "1",
            "condition":"",
            "stagename":"",
            "projecttype":"",
            "tradefield":"",
            "status":"",
            "tag":[],
            "reportstatus":""
          }
        },
      },
      title:'',
      userName:JSON.parse(window.sessionStorage.getItem('active_account')).name,
      tablecols:'',
      option:{
        statusTab:[
          {
            value:"跟进中",
            label:"跟进中"
          },
          {
            value:"已成交",
            label:"已成交"
          },
          {
            value:"已失败",
            label:"已失败"
          },
          {
            value:"已结案",
            label:"已结案"
          }
        ],
        stageList:[

        ],
        tagData:[],
        reportstatus:[
          {
            value:"未报备",
            label:"未报备"
          },
          {
            value:"报备中",
            label:"报备中"
          },
          {
            value:"已报备",
            label:"已报备"
          },
        ],
      },
    }
  },
  methods:{
    btnClick(data){
      this.dateType = data
      this.dataAllParam.content.dateType = data
      this.getdataAll()
    },
    goDetail (data,refData,paramData,fieldname) {
      sessionStorage.setItem('listqueryid',this.$refs[refData].listqueryid)
      sessionStorage.setItem('isGo','1')
      this.$router.push({
        path:'/projectChangeDetail',
        query:{
          id:data.sa_projectid,
          rowindex:data.rowindex,
          listqueryid:this.$refs[refData].listqueryid,
          fieldname:fieldname
        }
      })
      this.$store.dispatch('saveListData',{listData:this.$refs[refData].list2,param:paramData,pageTotal:this.$refs[refData].pageTotal})
      this.$store.dispatch('changeDetailDrawer',true)
    },
    //获取数据总览
    async getdataAll () {
      let res = await this.$api.requested(this.dataAllParam)
      this.dataAll = res.data
      console.log(this.dataAll,'数据总览');
    },
    async departmentrtment() {
      const res = await this.$api.requested(this.depmentParam)
      this.deplist = this.createMenu(res.data.dep)
      this.personnelList = res.data.hr
      this.typeMapParamSalesman = res.data.hr
      this.gradMapParamSalesman = res.data.hr
      this.scoreMapParam1Salesman = res.data.hr
      this.addParamSalesman = res.data.hr
      this.baobeiParamSalesman = res.data.hr
      this.fllowParamSalesman = res.data.hr
      this.baojiaParamSalesman = res.data.hr
      this.fllowMapParamSalesman = res.data.hr
      this.contactMapParamSalesman = res.data.hr
      this.customerMapParamSalesman = res.data.hr
      this.scoreMapParamSalesman = res.data.hr
      this.unfllowMapParamSalesman = res.data.hr
      this.dateParamSalesman = res.data.hr
      this.person = JSON.parse(sessionStorage.getItem('accountinfo')).name
    },
    //12月跟进初始化
    async chart2Fun (init) {
      let res = await this.$api.requested(this.chartParam2)
      console.log(res.data,'近12月跟进');
      this.chartMapData = res.data
      if (init) {
        this.chartMap = new DualAxes(this.$refs.chart2, {
          data: [this.chartMapData.followup, this.chartMapData.tbzzl],
          xField: 'date',
          yField: ['value', 'value'],
          geometryOptions: [
            {
              geometry: 'line',
              seriesField:'key',
              color: '#5B8FF9',
            },
            {
              geometry: 'line',
              seriesField:'key',
              color: '#5AD8A6',
            },
          ],
        });

        this.chartMap.render();
      } else {
        this.chartMap.changeData([this.chartMapData.followup, this.chartMapData.tbzzl])
      }
    },
    //项目类型图初始化
    async typeInit (init,state) {
      if (state == '状态'){
        this.personData('typeMapParamSalesman',this.typeMapParam.content.where.isleave)
        this.typeMapParam.content.dataid = this.typeMapParam.content.type == 0 || this.typeMapParam.content.type == ''  ? -1:this.typeMapParam.content.dataid
      }
      let res = await this.$api.requested(this.typeMapParam)
      this.typeData.map = res.data
      console.log(this.typeData.map,'项目类型数据');
      if (init) {
        this.typeMap = new Pie(this.$refs.typeEl, {
          appendPadding: 10,
          data:this.typeData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            /*type: 'inner',
            offset: '-50%',
            style: {
              textAlign: 'center',
            },
            autoRotate: false,*/
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-single-selected' },{ type: 'element-active' }],
        });
        this.typeMap.on('element:click',(v) => {
          if (v.data.data.value != this.typeTableParam.content.where.projecttype) {
            this.typeTableParam.content.where.projecttype = v.data.data.value
            this.typeTableParam.content.pageNumber = 1
            this.$refs.typeTable.listData()
          } else {
            this.typeTableParam.content.where.projecttype = ''
            this.typeTableParam.content.pageNumber = 1
            this.$refs.typeTable.listData()
          }
        })
        this.typeMap.render();
      } else {
        this.typeMap.changeData(this.typeData.map)
      }

    },
    //项目等级图初始化
    async gradInit (init,state) {
      if (state == '状态'){
        this.personData('gradMapParamSalesman',this.gradMapParam.content.where.isleave)
        this.gradMapParam.content.dataid = this.gradMapParam.content.type == 0 || this.gradMapParam.content.type == ''  ? -1:this.gradMapParam.content.dataid
      }
      let res = await this.$api.requested(this.gradMapParam)
      this.gradData.map = res.data
      console.log(this.gradData.map,'项目等级数据');
      if (init) {
        this.gradMap = new Pie(this.$refs.gradEl, {
          appendPadding: 10,
          data:this.gradData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
        });
        this.gradMap.on('element:click',(v) => {
          if (v.data.data.key != this.gradTableParam.content.where.grade) {
            this.gradTableParam.content.where.grade = v.data.data.key
            this.gradTableParam.content.pageNumber = 1
            this.$refs.gradTable.listData()
          } else {
            this.gradTableParam.content.where.grade = ''
            this.gradTableParam.content.pageNumber = 1
            this.$refs.gradTable.listData()
          }
        })
        this.gradMap.render();
      } else {
        this.gradMap.changeData(this.gradData.map)
      }

    },
    //项目评估图初始化
    async scoreInit (init,state) {
      if (state == '状态'){
        this.personData('scoreMapParam1Salesman',this.scoreMapParam1.content.where.isleave)
        this.scoreMapParam1.content.dataid = this.scoreMapParam1.content.type == 0 || this.scoreMapParam1.content.type == ''  ? -1:this.scoreMapParam1.content.dataid
      }
      let res = await this.$api.requested(this.scoreMapParam1)
      this.scoreData.map = res.data
      if (init) {
        this.scoreMap = new Bar(this.$refs.scoreEl, {
          data:this.scoreData.map,
          xField: 'value',
          yField: 'key',
          seriesField: 'key',
          minBarWidth: 20,
          maxBarWidth: 40,
          label:{
            position:top
          },
          legend: {
            position: 'top-left',
          },
          interactions: [{ type: 'element-single-selected' }],
        });
        this.scoreMap.on('element:click',(v) => {
          if (v.data.data.key != this.scoreTableParam1.content.occupancyratio) {
            this.scoreStatus = v.data.data.key
            this.scoreTableParam1.content.occupancyratio = v.data.data.key
            this.scoreTableParam1.content.pageNumber = 1
            this.$refs.scoreTable.listData()
          } else {
            this.scoreStatus = ''
            this.scoreTableParam1.content.occupancyratio = ''
            this.scoreTableParam1.content.pageNumber = 1
            this.$refs.scoreTable.listData()
          }
        })
        this.scoreMap.render();
      } else {
        this.scoreMap.changeData(this.scoreData.map)
      }

    },
    //12月新增初始化
    async addFun (init,state) {
      let param = JSON.parse(JSON.stringify(this.addParam))
      if (state == '状态'){
        this.personData('addParamSalesman',this.addParam.content.where.isleave)
        param.content.dataid = param.content.type == 0 || param.content.type == ''  ? -1:param.content.dataid
      }
      if (param.content.dataid instanceof Array) {
        param.content.dataid = param.content.dataid[param.content.dataid.length - 1]
      }
      let res = await this.$api.requested(param)
      /*this.addData.arr1 = res.data.histogram*/
      let lastYear = []
      let nowYear = []
      let k=0
      for (var i=0;i<res.data.histogram.length;i++){
        if (res.data.histogram[i].key === '去年同期新增'){
          lastYear[k]=res.data.histogram[i]
          k++
        }
      }
      let x=0
      for (var i=0;i<res.data.histogram.length;i++){
        if (res.data.histogram[i].key === '本期新增'){
          nowYear[x]=res.data.histogram[i]
          x++
        }
      }
      this.addData.arr1 = lastYear.concat(nowYear)
      res.data.lineChart.forEach(item => item[`同比增长率`] = item.value)
      this.addData.arr2 = res.data.lineChart
      if (init) {
        this.addMap = new DualAxes(this.$refs.addEl, {
          data: [this.addData.arr1,this.addData.arr2],
          xField: 'date',
          yField: ['value', '同比增长率'],
          geometryOptions: [
            {
              geometry: 'column',
              isGroup: true,
              seriesField: 'key',
              color:['#62daab','#6395fa'],
              label:{
                position:top
              }
            },
            {
              geometry: 'line',
              lineStyle: {
                lineWidth: 2,
              },
              color: '#F6903D',
              smooth: true,
              label:{
                position:top,
                formatter: (datum) =>{
                  return  datum.value + '%'
                }
              }
            },
          ],
          tooltip: {
            formatter: (datum) => {
              return { name: datum.key?datum.key:'同比增长率', value: datum.key? datum.value  : datum.同比增长率 + '%'};
            },
          },
        });
        this.addMap.render()
      } else {
        this.addMap.changeData([this.addData.arr1,this.addData.arr2])
      }
    },
    //12月报备初始化
    async baobeiFun (init,state) {
      let param = JSON.parse(JSON.stringify(this.baobeiParam))
      if (state == '状态'){
        this.personData('baobeiParamSalesman',this.baobeiParam.content.where.isleave)
        param.content.dataid = param.content.type == 0 || param.content.type == ''  ? -1:param.content.dataid
      }
      if (param.content.dataid instanceof Array) {
        param.content.dataid = param.content.dataid[param.content.dataid.length - 1]
      }
      let res = await this.$api.requested(param)
      /*this.baobeiData.arr1 = res.data.histogram*/
      let lastYear = []
      let nowYear = []
      let k=0
      for (var i=0;i<res.data.histogram.length;i++){
        if (res.data.histogram[i].key === '去年同期报备'){
          lastYear[k]=res.data.histogram[i]
          k++
        }
      }
      let x=0
      for (var i=0;i<res.data.histogram.length;i++){
        if (res.data.histogram[i].key === '本期报备'){
          nowYear[x]=res.data.histogram[i]
          x++
        }
      }
      this.baobeiData.arr1 = lastYear.concat(nowYear)
      res.data.lineChart.forEach(item => item[`同比增长率`] = item.value)
      this.baobeiData.arr2 = res.data.lineChart
      if (init) {
        this.baobeiMap = new DualAxes(this.$refs.baobeiEl, {
          data: [this.baobeiData.arr1,this.baobeiData.arr2],
          xField: 'date',
          yField: ['value', '同比增长率'],
          geometryOptions: [
            {
              geometry: 'column',
              isGroup: true,
              seriesField: 'key',
              color:['#62daab','#6395fa'],
              label:{
                position:top
              }
            },
            {
              geometry: 'line',
              lineStyle: {
                lineWidth: 2,
              },
              color: '#F6903D',
              smooth: true,
              label:{
                position:top,
                formatter: (datum) =>{
                  return  datum.value + '%'
                }
              }
            },
          ],
          tooltip: {
            formatter: (datum) => {
              return { name: datum.key?datum.key:'同比增长率', value: datum.key? datum.value  : datum.同比增长率 + '%'};
            },
          },
        });
        this.baobeiMap.render()
      } else {
        this.baobeiMap.changeData([this.baobeiData.arr1,this.baobeiData.arr2])
      }
    },
    //12月跟进初始化
    async fllowFun (init,state) {
      let param = JSON.parse(JSON.stringify(this.fllowParam))
      if (state == '状态'){
        this.personData('fllowParamSalesman',this.fllowParam.content.where.isleave)
        param.content.dataid = param.content.type == 0 || param.content.type == ''  ? -1:param.content.dataid
      }
      if (param.content.dataid instanceof Array) {
        param.content.dataid = param.content.dataid[param.content.dataid.length - 1]
      }
      let res = await this.$api.requested(param)
      this.fllowData = res.data
      let lastYear = []
      let nowYear = []
      let k=0
      for (var i=0;i<res.data.followup.length;i++){
        if (res.data.followup[i].key === '去年同期跟进'){
          lastYear[k]=res.data.followup[i]
          k++
        }
      }
      let x=0
      for (var i=0;i<res.data.followup.length;i++){
        if (res.data.followup[i].key === '本期跟进'){
          nowYear[x]=res.data.followup[i]
          x++
        }
      }
      this.fllowData.followup = lastYear.concat(nowYear)
      this.fllowData.tbzzl.forEach(item => item.key = '同比增长率')
      console.log(res.data,'跟进数据');
      if (init) {
        this.fllowMap = new DualAxes(this.$refs.fllowEl, {
          data: [this.fllowData.followup, this.fllowData.tbzzl],
          xField: 'date',
          yField: ['value', 'value'],
          geometryOptions: [
            {
              geometry: 'column',
              seriesField:'key',
              isGroup: 'true',
              color:['#62daab','#6395fa'],
              label:{
                position:top
              }
            },
            {
              geometry: 'line',
              seriesField:'key',
              color: '#F6903D',
              smooth: true,
              label:{
                formatter: (datum) =>{
                  return  datum.value + '%'
                }
              }
            },
          ],
          tooltip: {
            formatter: (datum) => {
              return { name: datum.key, value: datum.key == '同比增长率'? datum.value + '%' : datum.value };
            },
          },
        })
        this.fllowMap.render()
      } else {
        this.fllowMap.changeData([this.fllowData.followup, this.fllowData.tbzzl])
      }
    },
    //12月报价初始化
    async baojiaFun (init,state) {
      let param = JSON.parse(JSON.stringify(this.baojiaParam))
      if (state == '状态'){
        this.personData('baojiaParamSalesman',this.baojiaParam.content.where.isleave)
        param.content.dataid = param.content.type == 0 || param.content.type == ''  ? -1:param.content.dataid
      }
      if (param.content.dataid instanceof Array) {
        param.content.dataid = param.content.dataid[param.content.dataid.length - 1]
      }
      let res = await this.$api.requested(param)
      this.baojiaData = res.data

      if (init) {
        this.baojiaMap = new Line(this.$refs.baojiaEl, {
          data:this.baojiaData,
          xField: 'date',
          yField: 'value',
          seriesField: 'key',
          label:{
            layout: [],
          },
          xAxis: {
            /*type: 'time',*/
          },
          yAxis: {
            // label: {
            //   // 数值格式化为千分位
            //   formatter: (v) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`),
            // },
          },
          smooth: true,
        })
        this.baojiaMap.render()
      } else {
        this.baojiaMap.changeData(this.baojiaData)
      }
    },
    //项目跟进图初始化
    async fllowInit (init,state) {
      if (state == '状态'){
        this.personData('fllowMapParamSalesman',this.fllowMapParam.content.where.isleave)
        this.fllowMapParam.content.dataid = this.fllowMapParam.content.type == 0 || this.fllowMapParam.content.type == ''  ? -1:this.fllowMapParam.content.dataid
      }
      let res = await this.$api.requested(this.fllowMapParam)
      this.projectFllowData.map = res.data
      if (init) {
        this.projectFllowMap = new Pie(this.$refs.projectFllowEl, {
          appendPadding: 10,
          data:this.projectFllowData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
        });
        this.projectFllowMap.on('element:click',(v) => {
          if (v.data.data.value != this.fllowTableParam.content.where.isfollowup) {
            this.fllowTableParam.content.where.isfollowup = v.data.data.value
            this.fllowTableParam.content.pageNumber = 1
            this.$refs.projectFllowTable.listData()
          } else {
            this.fllowTableParam.content.where.isfollowup = ''
            this.fllowTableParam.content.pageNumber = 1
            this.$refs.projectFllowTable.listData()
          }
        })
        this.projectFllowMap.render();
      } else {
        this.projectFllowMap.changeData(this.projectFllowData.map)
      }

    },
    //项目联系人图初始化
    async contactInit (init,state) {
      if (state == '状态'){
        this.personData('contactMapParamSalesman',this.contactMapParam.content.where.isleave)
        this.contactMapParam.content.dataid = this.contactMapParam.content.type == 0 || this.contactMapParam.content.type == ''  ? -1:this.contactMapParam.content.dataid
      }
      let res = await this.$api.requested(this.contactMapParam)
      this.projectContactData.map = res.data
      console.log(this.projectContactData.map,'项目联系人数据');
      if (init) {
        this.projectContactMap = new Pie(this.$refs.projectContactEl, {
          appendPadding: 10,
          data:this.projectContactData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
        });
        this.projectContactMap.on('element:click',(v) => {
          if (v.data.data.key != this.contactTableParam.content.where.iscontacts) {
            this.contactTableParam.content.where.iscontacts = v.data.data.key
            this.contactTableParam.content.pageNumber = 1
            this.$refs.projectContactTable.listData()
          } else {
            this.contactTableParam.content.where.iscontacts = ''
            this.contactTableParam.content.pageNumber = 1
            this.$refs.projectContactTable.listData()
          }
        })
        this.projectContactMap.render();
      } else {
        this.projectContactMap.changeData(this.projectContactData.map)
      }

    },
    //项目关联客户图初始化
    async customerInit (init,state) {
      if (state == '状态'){
        this.personData('customerMapParamSalesman',this.customerMapParam.content.where.isleave)
        this.customerMapParam.content.dataid = this.customerMapParam.content.type == 0 || this.customerMapParam.content.type == ''  ? -1:this.customerMapParam.content.dataid
      }
      let res = await this.$api.requested(this.customerMapParam)
      this.projectCustomerData.map = res.data
      console.log(this.projectCustomerData.map,'项目关联客户数据');
      if (init) {
        this.projectCustomerMap = new Pie(this.$refs.projectCustomerEl, {
          appendPadding: 10,
          data:this.projectCustomerData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
        });
        this.projectCustomerMap.on('element:click',(v) => {
          if (v.data.data.key != this.customerTableParam.content.where.iscustomers) {
            this.customerTableParam.content.where.iscustomers = v.data.data.key
            this.customerTableParam.content.pageNumber = 1
            this.$refs.projectCustomerTable.listData()
          } else {
            this.customerTableParam.content.where.iscustomers = ''
            this.customerTableParam.content.pageNumber = 1
            this.$refs.projectCustomerTable.listData()
          }
        })
        this.projectCustomerMap.render();
      } else {
        this.projectCustomerMap.changeData(this.projectCustomerData.map)
      }

    },
    //项目评估图初始化
    async projectScoreInit (init,state) {
      if (state == '状态'){
        this.personData('scoreMapParamSalesman',this.scoreMapParam.content.where.isleave)
        this.scoreMapParam.content.dataid = this.scoreMapParam.content.type == 0 || this.scoreMapParam.content.type == ''  ? -1:this.scoreMapParam.content.dataid
      }
      let res = await this.$api.requested(this.scoreMapParam)
      this.projectScoreData.map = res.data
      console.log(this.projectScoreData.map,'项目评估数据');
      if (init) {
        this.projectScoreMap = new Pie(this.$refs.projectScoreEl, {
          appendPadding: 10,
          data:this.projectScoreData.map,
          angleField: 'ratio',
          colorField: 'key',
          radius: 1,
          innerRadius: 0.64,
          label:{
            formatter: (datum) => `${datum.ratio}%`
          },
          tooltip:{
            formatter: (datum) => {
              return { name: datum.key, value: datum.ratio + '%' };
            },
          },
          statistic: {
            title: {
              offsetY: -4,
              style: {
                fontSize:'16px'
              },
              content:'项目总数'
            },
            content: {
              offsetY: 4,
              style: {
                whiteSpace: 'pre-wrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis',
                fontSize:'16px'
              },
              customHtml: (container, view, datum, data) => {
                const text = data[0].totalqty
                return text
              },
            },
          },
          legend: {
            position:'bottom'
          },
          // 添加 中心统计文本 交互
          interactions: [{ type: 'element-highlight-by-x ' },{ type: 'element-active' }],
        });
        this.projectScoreMap.on('element:click',(v) => {
          if (v.data.data.key != this.scoreTableParam.content.where.istask) {
            this.scoreTableParam.content.where.istask = v.data.data.key
            this.scoreTableParam.content.pageNumber = 1
            this.$refs.projectScoreTable.listData()
          } else {
            this.scoreTableParam.content.where.istask = ''
            this.scoreTableParam.content.pageNumber = 1
            this.$refs.projectScoreTable.listData()
          }
        })
        this.projectScoreMap.render();
      } else {
        this.projectScoreMap.changeData(this.projectScoreData.map)
      }

    },
    async getDate (init,state) {
      if(init === true) this.dateParam.content.where.projecttype = this.projectType.length ? this.projectType[0].value : ''
      let param = JSON.parse(JSON.stringify(this.dateParam))
      if (state == '状态'){
        this.personData('dateParamSalesman',this.dateParam.content.where.isleave)
        param.content.dataid = param.content.type == 0 || param.content.type == ''  ? -1:param.content.dataid
      }
      if (param.content.dataid instanceof Array) {
        param.content.dataid = param.content.dataid[param.content.dataid.length - 1]
      }
      let res = await this.$api.requested(param)
      this.dateList = res.data
      console.log(this.dateList,'周期数据');
    },
    //项目未跟进情况图初始化
    async customerUnfllowInit (init,state) {
      if (state == '状态'){
        this.personData('unfllowMapParamSalesman',this.unfllowMapParam.content.where.isleave)
        this.unfllowMapParam.content.dataid = this.unfllowMapParam.content.type == 0 || this.unfllowMapParam.content.type == ''  ? -1:this.unfllowMapParam.content.dataid
      }
      let res = await this.$api.requested(this.unfllowMapParam)
      this.customerUnfllowData.map = res.data
      if (init) {
        this.customerUnfllowMap = new Column(this.$refs.customerUnfllowEl, {
          data:this.customerUnfllowData.map,
          isGroup: true,
          xField: 'datetype',
          yField: 'value',
          seriesField: 'key',
          label:{
            position:top
          },
          /** 设置颜色 */
          //color: ['#1ca9e6', '#f88c24'],
          /** 设置间距 */

          // marginRatio: 0.1,
          /*label: {
            // 可手动配置 label 数据标签位置
            position: 'top', // 'top', 'middle', 'bottom'
            // 可配置附加的布局方法
            layout: [
              // 柱形图数据标签位置自动调整
              { type: 'interval-adjust-position' },
              // 数据标签防遮挡
              { type: 'interval-hide-overlap' },
              // 数据标签文颜色自动调整
              { type: 'adjust-color' },
            ],
          },*/
          interactions: [{ type: 'element-highlight-by-x' }],
        });
        this.customerUnfllowMap.on('element:click',(v) => {
          console.log(v);
          if (v.data.data.datetype == this.unfllowTableParam.content.where.dateType) {
            this.unfllowStatus = ''
            this.unfllowTableParam.content.where.dateType = ''
            this.unfllowTableParam.content.pageNumber = 1
          } else {
            this.unfllowStatus = v.data.data.datetype
            this.unfllowTableParam.content.where.dateType = v.data.data.datetype
            this.unfllowTableParam.content.pageNumber = 1
          }
          this.$refs.customerUnfllowTable.listData()
        })
        this.customerUnfllowMap.render()
      } else {
        this.customerUnfllowMap.changeData(this.customerUnfllowData.map)
      }

    },
    renderStatistic(containerWidth, text, style) {
      const textWidth = measureTextWidth(text, style);
      const textHeight = style.lineHeight || style.fontSize
      const R = containerWidth / 2;
      // r^2 = (w / 2)^2 + (h - offsetY)^2
      let scale = 1;
      if (containerWidth < textWidth) {
        scale = Math.min(Math.sqrt(Math.abs(Math.pow(R, 2) / (Math.pow(textWidth / 2, 2) + Math.pow(textHeight, 2)))), 1);
      }
      const textStyleStr = `width:${containerWidth}px;`;
      return `<div style="${textStyleStr};font-size:${scale}em;line-height:${scale < 1 ? 1 : 'inherit'};">${text}</div>`;
    },
    async getProjectScoreDescript () {
      let res = await this.$api.requested({
         "id": 20231101091904,
         "content": {}
      })
      this.projectScoreDescript = res.data
      console.log(this.projectScoreDescript,'评估描述');
    },
    createMenu (array) {
      var that = this
      let arr = []
      function convertToElementTree(node) {
        // 新节点
        if (node.subdep.length === 0){
          var elNode = {
            label: node["depname"],
            parentid:node['parentid'],
            parentname:node['parentname'],
            departmentid:node["departmentid"],
            value:node["departmentid"],
            remarks:node["remarks"],
            isused:node["isused"],
            changedate:node['changedate'],
            changeby:node['changeby'],
            createdate:node['createdate'],
            createby:node['createby'],
            depno:node['depno'],
            disabled:that.pageOnlyRead,
          }
        }else {
          var elNode = {
            label: node["depname"],
            parentid:node['parentid'],
            parentname:node['parentname'],
            departmentid:node["departmentid"],
            value:node["departmentid"],
            remarks:node["remarks"],
            isused:node["isused"],
            changedate:node['changedate'],
            changeby:node['changeby'],
            createdate:node['createdate'],
            createby:node['createby'],
            depno:node['depno'],
            disabled:that.pageOnlyRead,
            children: []
          }
        }
        if (node.subdep && node.subdep.length > 0) {
          // 如果存在子节点
          for (var index = 0; index < node.subdep.length; index++) {
            // 遍历子节点, 把每个子节点看做一颗独立的树, 传入递归构造子树, 并把结果放回到新node的children中
            elNode.children.push(convertToElementTree(node.subdep[index]));
          }
        }
        return elNode;
      }
      array.forEach((element) => {
        arr.push(convertToElementTree(element))
      });
      return arr
    },
    selectDep (val) {
      this.person = ''
      let id = val[val.length - 1]
      if (val.length) {
        /*数据总览*/
        this.dataAllParam.content.dataid = id
        this.dataAllParam.content.type = 1
        this.dataAllParam.content.username = ''
        this.dataAllParam.content.dateType = this.dateType
        this.getdataAll()

        /*项目类型分析*/
        this.typeMapParam.content.dataid = id
        this.typeMapParam.content.type = 1
        this.typeInit()
        this.typeTableParam.content.dataid = id
        this.typeTableParam.content.type = 1
        this.typeTableParam.content.username = ''
        this.$refs.typeTable.listData()

        /*项目等级分析*/
        this.gradMapParam.content.dataid = id
        this.gradMapParam.content.type = 1
        this.gradInit()
        this.gradTableParam.content.dataid = id
        this.gradTableParam.content.type = 1
        this.gradTableParam.content.username = ''
        this.$refs.gradTable.listData()

        /*项目评估分析*/
        this.scoreMapParam1.content.dataid = id
        this.scoreMapParam1.content.type = 1
        this.scoreInit()
        this.scoreTableParam1.content.dataid = id
        this.scoreTableParam1.content.type = 1
        this.scoreTableParam1.content.username = ''
        this.$refs.scoreTable.listData()

        /*近12月项目新增分析*/
        this.addParam.content.dataid = id
        this.addParam.content.type = 1
        this.addParam.content.username = ''
        this.addFun()

        /*近12月项目报备分析*/
        this.baobeiParam.content.dataid = id
        this.baobeiParam.content.type = 1
        this.baobeiParam.content.username = ''
        this.baobeiFun()

        /*近12月项目跟进分析*/
        this.fllowParam.content.dataid = id
        this.fllowParam.content.type = 1
        this.fllowParam.content.username = ''
        this.fllowFun()

        /*近12月项目报价分析*/
        this.baojiaParam.content.dataid = id
        this.baojiaParam.content.type = 1
        this.baojiaParam.content.username = ''
        this.baojiaFun()

        /*近12月项目跟进分析*/
        this.fllowMapParam.content.dataid = id
        this.fllowMapParam.content.type = 1
        this.fllowInit()
        this.fllowTableParam.content.dataid = id
        this.fllowTableParam.content.type = 1
        this.fllowTableParam.content.username = ''
        this.$refs.projectFllowTable.listData()

        /*项目联系人情况统计*/
        this.contactMapParam.content.dataid = id
        this.contactMapParam.content.type = 1
        this.contactInit()
        this.contactTableParam.content.dataid = id
        this.contactTableParam.content.type = 1
        this.contactTableParam.content.username = ''
        this.$refs.projectContactTable.listData()

        /*项目关联客户情况统计*/
        this.customerMapParam.content.dataid = id
        this.customerMapParam.content.type = 1
        this.customerInit()
        this.customerTableParam.content.dataid = id
        this.customerTableParam.content.type = 1
        this.customerTableParam.content.username = ''
        this.$refs.projectCustomerTable.listData()

        /*项目评估情况统计*/
        this.scoreMapParam.content.dataid = id
        this.scoreMapParam.content.type = 1
        this.projectScoreInit()
        this.scoreTableParam.content.dataid = id
        this.scoreTableParam.content.type = 1
        this.scoreTableParam.content.username = ''
        this.$refs.projectScoreTable.listData()

        /*有效项目未跟进天数分析*/
        this.unfllowMapParam.content.dataid = id
        this.unfllowMapParam.content.type = 1
        this.customerUnfllowInit()
        this.unfllowTableParam.content.dataid = id
        this.unfllowTableParam.content.type = 1
        this.unfllowTableParam.content.username = ''
        this.$refs.customerUnfllowTable.listData()

        /*项目生命周期分析*/
        this.dateParam.content.dataid = id
        this.dateParam.content.type = 1
        this.dateParam.content.username = ''
        this.getDate()

      } else {
        /*项目类型分析*/
        let name = JSON.parse(sessionStorage.getItem('accountinfo')).name
        /*数据总览*/
        this.dataAllParam.content.dataid = ''
        this.dataAllParam.content.type = ''
        this.dataAllParam.content.username = name
        this.dataAllParam.content.dateType = this.dateType
        this.getdataAll()

        this.typeMapParam.content.dataid = ''
        this.typeMapParam.content.type = ''
        this.typeInit()
        this.typeTableParam.content.dataid = ''
        this.typeTableParam.content.type = ''
        this.typeTableParam.content.username = name
        this.$refs.typeTable.listData()

        /*项目等级分析*/
        this.gradMapParam.content.dataid = ''
        this.gradMapParam.content.type = ''
        this.gradInit()
        this.gradTableParam.content.dataid = ''
        this.gradTableParam.content.type = ''
        this.gradTableParam.content.username = name
        this.$refs.gradTable.listData()

        /*项目评估分析*/
        this.scoreMapParam1.content.dataid = ''
        this.scoreMapParam1.content.type = ''
        this.scoreInit()
        this.scoreTableParam1.content.dataid = ''
        this.scoreTableParam1.content.type = ''
        this.scoreTableParam1.content.username = name
        this.$refs.scoreTable.listData()

        /*近12月项目新增分析*/
        this.addParam.content.dataid = ''
        this.addParam.content.type = ''
        this.addParam.content.username = name
        this.addFun()

        /*近12月项目报备分析*/
        this.baobeiParam.content.dataid = ''
        this.baobeiParam.content.type = ''
        this.baobeiParam.content.username = name
        this.baobeiFun()

        /*近12月项目跟进分析*/
        this.fllowParam.content.dataid = ''
        this.fllowParam.content.type = ''
        this.fllowParam.content.username = name
        this.fllowFun()

        /*近12月项目报价分析*/
        this.baojiaParam.content.dataid = ''
        this.baojiaParam.content.type = ''
        this.baojiaParam.content.username = name
        this.baojiaFun()

        /*近12月项目跟进分析*/
        this.fllowMapParam.content.dataid = ''
        this.fllowMapParam.content.type = ''
        this.fllowInit()
        this.fllowTableParam.content.dataid = ''
        this.fllowTableParam.content.type = ''
        this.fllowTableParam.content.username = name
        this.$refs.projectFllowTable.listData()

        /*项目联系人情况统计*/
        this.contactMapParam.content.dataid = ''
        this.contactMapParam.content.type = ''
        this.contactInit()
        this.contactTableParam.content.dataid = ''
        this.contactTableParam.content.type = ''
        this.contactTableParam.content.username = name
        this.$refs.projectContactTable.listData()

        /*项目关联客户情况统计*/
        this.customerMapParam.content.dataid = ''
        this.customerMapParam.content.type = ''
        this.customerInit()
        this.customerTableParam.content.dataid = ''
        this.customerTableParam.content.type = ''
        this.customerTableParam.content.username = name
        this.$refs.projectCustomerTable.listData()

        /*项目评估情况统计*/
        this.scoreMapParam.content.dataid = ''
        this.scoreMapParam.content.type = ''
        this.projectScoreInit()
        this.scoreTableParam.content.dataid = ''
        this.scoreTableParam.content.type = ''
        this.scoreTableParam.content.username = name
        this.$refs.projectScoreTable.listData()

        /*有效项目未跟进天数分析*/
        this.unfllowMapParam.content.dataid = ''
        this.unfllowMapParam.content.type = ''
        this.customerUnfllowInit()
        this.unfllowTableParam.content.dataid = ''
        this.unfllowTableParam.content.type = ''
        this.unfllowTableParam.content.username = name
        this.$refs.customerUnfllowTable.listData()

        /*项目生命周期分析*/
        this.dateParam.content.dataid = ''
        this.dateParam.content.type = ''
        this.dateParam.content.username = name
        this.getDate()
      }
    },
    selectPerson(id){
      this.depment = ''
      /*数据总览*/
      this.dataAllParam.content.dataid = id
      this.dataAllParam.content.type = 0
      this.dataAllParam.content.username = this.person
      this.dataAllParam.content.dateType = this.dateType
      this.getdataAll()

      /*项目类型分析*/
      this.typeMapParam.content.dataid = id
      this.typeMapParam.content.type = 0
      this.typeInit()
      this.typeTableParam.content.dataid = id
      this.typeTableParam.content.type = 0
      this.typeTableParam.content.username = this.person
      this.$refs.typeTable.listData()

      /*项目等级分析*/
      this.gradMapParam.content.dataid = id
      this.gradMapParam.content.type = 0
      this.gradInit()
      this.gradTableParam.content.dataid = id
      this.gradTableParam.content.type = 0
      this.gradTableParam.content.username = this.person
      this.$refs.gradTable.listData()

      /*项目评估分析*/
      this.scoreMapParam1.content.dataid = id
      this.scoreMapParam1.content.type = 0
      this.scoreInit()
      this.scoreTableParam1.content.dataid = id
      this.scoreTableParam1.content.type = 0
      this.scoreTableParam1.content.username = this.person
      this.$refs.scoreTable.listData()

      /*近12月项目新增分析*/
      this.addParam.content.dataid = id
      this.addParam.content.type = 0
      this.addParam.content.username = this.person
      this.addFun()

      /*近12月项目报备分析*/
      this.baobeiParam.content.dataid = id
      this.baobeiParam.content.type = 0
      this.baobeiParam.content.username = this.person
      this.baobeiFun()

      /*近12月项目跟进分析*/
      this.fllowParam.content.dataid = id
      this.fllowParam.content.type = 0
      this.fllowParam.content.username = this.person
      this.fllowFun()

      /*近12月项目报价分析*/
      this.baojiaParam.content.dataid = id
      this.baojiaParam.content.type = 0
      this.baojiaParam.content.username = this.person
      this.baojiaFun()

      /*近12月项目跟进分析*/
      this.fllowMapParam.content.dataid = id
      this.fllowMapParam.content.type = 0
      this.fllowInit()
      this.fllowTableParam.content.dataid = id
      this.fllowTableParam.content.type = 0
      this.fllowTableParam.content.username = this.person
      this.$refs.projectFllowTable.listData()

      /*项目联系人情况统计*/
      this.contactMapParam.content.dataid = id
      this.contactMapParam.content.type = 0
      this.contactInit()
      this.contactTableParam.content.dataid = id
      this.contactTableParam.content.type = 0
      this.contactTableParam.content.username = this.person
      this.$refs.projectContactTable.listData()

      /*项目关联客户情况统计*/
      this.customerMapParam.content.dataid = id
      this.customerMapParam.content.type = 0
      this.customerInit()
      this.customerTableParam.content.dataid = id
      this.customerTableParam.content.type = 0
      this.customerTableParam.content.username = this.person
      this.$refs.projectCustomerTable.listData()

      /*项目评估情况统计*/
      this.scoreMapParam.content.dataid = id
      this.scoreMapParam.content.type = 0
      this.projectScoreInit()
      this.scoreTableParam.content.dataid = id
      this.scoreTableParam.content.type = 0
      this.scoreTableParam.content.username = this.person
      this.$refs.projectScoreTable.listData()

      /*有效项目未跟进天数分析*/
      this.unfllowMapParam.content.dataid = id
      this.unfllowMapParam.content.type = 0
      this.customerUnfllowInit()
      this.unfllowTableParam.content.dataid = id
      this.unfllowTableParam.content.type = 0
      this.unfllowTableParam.content.username = this.person
      this.$refs.customerUnfllowTable.listData()

      /*项目生命周期分析*/
      this.dateParam.content.dataid = id
      this.dateParam.content.type = 0
      this.dateParam.content.username = this.person
      this.getDate()
    },
    leaveChange(){
      /*数据总览*/

      this.dataAllParam.content.where.isleave = this.isleave
      this.dataAllParam.content.dateType = this.dateType
      this.person = ''
      this.dataAllParam.content.dataid = this.dataAllParam.content.type == 0?-1:this.dataAllParam.content.dataid
      this.getdataAll()

      /*项目类型分析*/
      this.typeMapParam.content.where.isleave = this.isleave
      this.typeMapParam.content.username = ''
      this.typeMapParam.content.dataid = this.typeMapParam.content.type == 0?-1:this.typeMapParam.content.dataid
      this.typeInit()
      this.typeTableParam.content.where.isleave = this.isleave
      this.typeTableParam.content.username = ''
      this.typeTableParam.content.dataid = this.typeTableParam.content.type == 0?-1:this.typeTableParam.content.dataid
      this.$refs.typeTable.listData()

      /*项目等级分析*/
      this.gradMapParam.content.where.isleave = this.isleave
      this.gradMapParam.content.username = ''
      this.gradMapParam.content.dataid = this.gradMapParam.content.type == 0?-1:this.gradMapParam.content.dataid
      this.gradInit()
      this.gradTableParam.content.where.isleave = this.isleave
      this.gradTableParam.content.username = ''
      this.gradTableParam.content.dataid = this.gradTableParam.content.type == 0?-1:this.gradTableParam.content.dataid
      this.$refs.gradTable.listData()

      /*项目评估分析*/
      this.scoreMapParam1.content.where.isleave = this.isleave
      this.scoreMapParam1.content.username = ''
      this.scoreMapParam1.content.dataid = this.scoreMapParam1.content.type == 0?-1:this.scoreMapParam1.content.dataid
      this.scoreInit()
      this.scoreTableParam1.content.where.isleave = this.isleave
      this.scoreTableParam1.content.username = ''
      this.scoreTableParam1.content.dataid = this.scoreTableParam1.content.type == 0?-1:this.scoreTableParam1.content.dataid
      this.$refs.scoreTable.listData()

      /*近12月项目新增分析*/
      this.addParam.content.where.isleave = this.isleave
      this.addParam.content.username = ''
      this.addParam.content.dataid = this.addParam.content.type == 0?-1:this.addParam.content.dataid
      this.addFun()

      /*近12月项目报备分析*/
      this.baobeiParam.content.where.isleave = this.isleave
      this.baobeiParam.content.username = ''
      this.baobeiParam.content.dataid = this.baobeiParam.content.type == 0?-1:this.baobeiParam.content.dataid
      this.baobeiFun()

      /*近12月项目跟进分析*/
      this.fllowParam.content.where.isleave = this.isleave
      this.fllowParam.content.username = ''
      this.fllowParam.content.dataid = this.fllowParam.content.type == 0?-1:this.fllowParam.content.dataid
      this.fllowFun()

      /*近12月项目报价分析*/
      this.baojiaParam.content.where.isleave = this.isleave
      this.baojiaParam.content.username = ''
      this.baojiaParam.content.dataid = this.baojiaParam.content.type == 0?-1:this.baojiaParam.content.dataid
      this.baojiaFun()

      /*近12月项目跟进分析*/
      this.fllowMapParam.content.where.isleave = this.isleave
      this.fllowMapParam.content.username = ''
      this.fllowMapParam.content.dataid = this.fllowMapParam.content.type == 0?-1:this.fllowMapParam.content.dataid
      this.fllowInit()
      this.fllowTableParam.content.where.isleave = this.isleave
      this.fllowTableParam.content.username = ''
      this.fllowTableParam.content.dataid = this.fllowTableParam.content.type == 0?-1:this.fllowTableParam.content.dataid
      this.$refs.projectFllowTable.listData()

      /*项目联系人情况统计*/
      this.contactMapParam.content.where.isleave = this.isleave
      this.contactMapParam.content.username = ''
      this.contactMapParam.content.dataid = this.contactMapParam.content.type == 0?-1:this.contactMapParam.content.dataid
      this.contactInit()
      this.contactTableParam.content.where.isleave = this.isleave
      this.contactTableParam.content.username = ''
      this.contactTableParam.content.dataid = this.contactTableParam.content.type == 0?-1:this.contactTableParam.content.dataid
      this.$refs.projectContactTable.listData()

      /*项目关联客户情况统计*/
      this.customerMapParam.content.where.isleave = this.isleave
      this.customerMapParam.content.username = ''
      this.customerMapParam.content.dataid = this.customerMapParam.content.type == 0?-1:this.customerMapParam.content.dataid
      this.customerInit()
      this.customerTableParam.content.where.isleave = this.isleave
      this.customerTableParam.content.username = ''
      this.customerTableParam.content.dataid = this.customerTableParam.content.type == 0?-1:this.customerTableParam.content.dataid
      this.$refs.projectCustomerTable.listData()

      /*项目评估情况统计*/
      this.scoreMapParam.content.where.isleave = this.isleave
      this.scoreMapParam.content.username = ''
      this.scoreMapParam.content.dataid = this.scoreMapParam.content.type == 0?-1:this.scoreMapParam.content.dataid
      this.projectScoreInit()
      this.scoreTableParam.content.where.isleave = this.isleave
      this.scoreTableParam.content.username = ''
      this.scoreTableParam.content.dataid = this.scoreTableParam.content.type == 0?-1:this.scoreTableParam.content.dataid
      this.$refs.projectScoreTable.listData()

      /*有效项目未跟进天数分析*/
      this.unfllowMapParam.content.where.isleave = this.isleave
      this.unfllowMapParam.content.username = ''
      this.unfllowMapParam.content.dataid = this.unfllowMapParam.content.type == 0?-1:this.unfllowMapParam.content.dataid
      this.customerUnfllowInit()
      this.unfllowTableParam.content.where.isleave = this.isleave
      this.unfllowTableParam.content.username = ''
      this.unfllowTableParam.content.dataid = this.unfllowTableParam.content.type == 0?-1:this.unfllowTableParam.content.dataid
      this.$refs.customerUnfllowTable.listData()

      /*项目生命周期分析*/
      this.dateParam.content.where.isleave = this.isleave
      this.dateParam.content.username = ''
      this.dateParam.content.dataid = this.dateParam.content.type == 0?-1:this.dateParam.content.dataid
      this.getDate()

      this.personDataAll()
    },
    selectRow (data) {
      this.projectname = data.projectname
      this.dateParam.content.where.sa_projectid = data.sa_projectid
      this.dateParam.content.type = ''
      this.dateParam.content.dataid = ''
      this.dateParam.content.where.projecttype = ''
      this.dateParam.content.where.grade = ''
      this.dateParam.content.where.tradefield = ''
      this.getDate()
    },
    clearSelect () {
      this.projectname=''
      this.dateParam.content.where.sa_projectid=''
      this.dateParam.content.where.projecttype = this.projectType.length ? this.projectType[0].value : ''
      this.getDate()
    },
    handleUnfllowParam (param) {
      console.log('触发',param,this.projectType);
      param.content.where.projecttype = this.projectType.length ? this.projectType[0].value : ''
      this.unfllowMapParam.content.where.projecttype = this.projectType.length ? this.projectType[0].value : ''
    },
    /*获取新的业务员列表*/
    async personDataAll(){
      let param = {
        id: 20230620102004,
        content: {
          isleave:this.isleave
        },
      }
      const res = await this.$api.requested(param)
      this.personnelList = res.data.hr
      this.typeMapParamSalesman = res.data.hr
      this.gradMapParamSalesman = res.data.hr
      this.scoreMapParam1Salesman = res.data.hr
      this.addParamSalesman = res.data.hr
      this.baobeiParamSalesman = res.data.hr
      this.fllowParamSalesman = res.data.hr
      this.baojiaParamSalesman = res.data.hr
      this.fllowMapParamSalesman = res.data.hr
      this.contactMapParamSalesman = res.data.hr
      this.customerMapParamSalesman = res.data.hr
      this.scoreMapParamSalesman = res.data.hr
      this.unfllowMapParamSalesman = res.data.hr
      this.dateParamSalesman = res.data.hr

    },
    /*获取新的业务员列表*/
    async personData(keyName,isleave){
      let param = {
        id: 20230620102004,
        content: {
          isleave:isleave
        },
      }
      const res = await this.$api.requested(param)
      this[keyName] = res.data.hr
    },
    /*全屏*/
    onFull(){
      this.isFull = true
      this.isAppend = false
    },
    /*退出全屏*/
    backFull(){
      this.isFull = false
      this.isAppend = true
    },
    /*级联*/
    format (labels, selectedData) {
      const index = labels.length - 1;
      return labels[index];
    },
    onClick(title){
      this.title = this.dateType + '_' + title
      this.paramDetail.content.dataid = this.person?this.person == this.userName?JSON.parse(sessionStorage.getItem('active_account')).userid:this.person:this.depment[0]
      this.paramDetail.content.type = this.person?'0':'1'
      this.paramDetail.content.typemx = title
      this.paramDetail.content.where.isleave = this.isleave
      this.paramDetail.content.dateType = this.dateType
      this.$refs.detailRef.onShow()
    },
    /*获取阶段*/
    async stageData(){
      const res = await this.$api.requested({
        "id": 20221128143604,
        "content": {
          "pageNumber": 1,
          "pageSize": 99,
          "where": {
            "condition": "",
            "allprojecttype":"",
            "projecttype":""
          }
        }
      })
      this.option.stageList = res.data
    },
    /*标签列表*/
    async tagList(){
      const res = await this.$api.requested({
        "id":20221013104401,
        "content":{
          "isExport":1,
          "pageNumber":1,
          "pageSize":100,
          "sys_systemtagid":1,
          "where":{
            "condition":""
          }
        }
      })
      this.option.tagData = this.unique(res.data)
    },
    /*去重*/
    unique(arr) {
      const res = new Map();
      return arr.filter((arr) => !res.has(arr.tag) && res.set(arr.tag, 1));
    },
    selectChange(){
      this.paramDetail.content.pageNumber = 1
      this.$refs.detailRef.listData()
    },
  },
  async mounted () {
    this.tagList()
    this.stageData()
    this.getProjectScoreDescript()
    this.departmentrtment()
    this.getdataAll()
    this.typeInit(true)
    this.gradInit(true)
    this.scoreInit(true)
    this.addFun(true)
    this.baobeiFun(true)
    this.fllowFun(true)
    this.baojiaFun(true)
    this.fllowInit(true)
    this.contactInit(true)
    this.projectScoreInit(true)
    this.customerInit(true)
    this.customerUnfllowInit(true)
    let baseWidth = 1920
    document.querySelector('html').style.fontSize = `${100 / baseWidth}vw`


    /* 获取项目类型 */
    let res = await this.$store.dispatch('optiontypeselect','projecttype')
    this.projectType = res.data
    this.getDate(true)
    /* 获取项目等级 */
    let res2 = await this.$store.dispatch('optiontypeselect','projectgrade')
    this.projectLead = res2.data
    let res3 = await this.$store.dispatch('optiontypeselect','tradefield')
    this.tradefieldSelect = res3.data


    var that = this;
    // <!--把window.onresize事件挂在到mounted函数上-->
    window.onresize = () => {
      return (() => {
        window.fullWidth = document.documentElement.clientWidth;
        that.windowWidth = window.fullWidth; // 宽
        console.log(that.windowWidth,'屏幕宽度')
      })()
    };
  },
  created() {
    this.tablecols = this.tool.tabelCol(this.$route.name).projectDetail.tablecols
  }
}

</script>
<style>
.basic__layout__panel {
  height: 100% !important;
}
</style>
<style scoped>

*{
  box-sizing: border-box;
}
.data-all {
  padding: 16px;
  width: 100%;
  border-radius: 5rem;
  border: 1rem;
  box-shadow: 0rem 2rem 5rem 0rem rgba(0, 0, 0, 0.15);
  background: #FFFFFF;
  margin-top: 16px;
}
.data-all .data-left {
  border-right: 1rem solid rgb(136,136,146);
  display: flex;
  flex-wrap: wrap;
}
.data-all .data-right {
  padding-left: 100rem;
  display: flex;
  flex-wrap: wrap;
}
.data-all .data-left,.data-right {
  display: flex;
}
.data-all .data-item {
  width: 186rem;
  margin-bottom: 20px;
}
.data-all .data-item p:nth-child(1) {
  font-size: 26px;
  font-weight: 5px;
  font-family: 'ArialMT', 'Arial', sans-serif;
  color: rgba(0, 0, 0, 0.85);
}
.data-all .data-item p:nth-child(2) {
  font-size: 14px;
  font-weight: 5px;
  font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
  color: rgba(0, 0, 0, 0.65)
}
.data-all .data-all-wrapper {
  display: flex;
}
.data-panel {
  padding: 16px;
  margin-top: 16px;
  height: 500px;
  border-radius: 5rem;
  border: 1rem;
  box-shadow: 0rem 2rem 5rem 0rem rgba(0, 0, 0, 0.15);
  background: #FFFFFF;
}
.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.title {
  min-width: 220px;
}
.title::before {
  content:'';
  border-left: 4px #3874f6 solid;
  padding-right: 10px;
}
.panel-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background:#ffffff;
  height: calc(100% - 55px);
}
.panel-content-wrapper {
  height: 100%;
  background:#ffffff;
}
.panel-content div:first-child {
  padding: 0 5px;
}
.progress {
  display: flex;
  width: 100%;
  padding: 40rem 100rem;
  height: 50rem;
  margin-bottom: 60rem;
}
.progress::after {
  content:'';
  display: block;
  clear:both;
}
.progress .progress-item {
  flex:var(--width);
  min-width: 150rem;
  height: 50rem;
  position: relative;
  background:var(--bg);
}
.progress .progress-item .day {
  position: absolute;
  top: -40rem;
  left: 50%;
  font-size: 14rem;
  transform: translateX(-50%);
  white-space: nowrap;
}
.progress .progress-item .start {
  position: absolute;
  left: 0;
  bottom:-50rem;
  transform: translateX(-50%);
}
.progress .progress-item .end {
  position: absolute;
  right:0;
  bottom:-50rem;
  transform: translateX(50%);
}
.progress .progress-item .start,.end {
  display: flex;
  flex-direction: column;
}
.progress .progress-item .start,.end span {
  text-align: center;
}
.progress .progress-item .start span:first-child,.end span:first-child {
  font-size: 14rem;
}
.progress .progress-item .start span:last-child,.end span:last-child {
  margin-top: 10rem;
  color: #aaaaaa;
  font-size: 12rem;
}
.search__label {
  margin-right: 5px !important;
}
.mt-10 {
  margin-right: 16px !important;
}
.el-empty {
  padding: 0 !important;
}
.panel-table {
  height: 100%;
}
</style>