<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="公司名" prop="companyId">
          <el-select multiple filterable  v-model="companyIdArr" placeholder="请选择公司名" clearable size="small">
              <el-option
                v-for="item in companys"
                :key="item.companyId"
                :label="item.companyName"
                :value="item.companyId"
              />
        </el-select>
      </el-form-item>  
     <el-form-item > 
          <treeselect style="width: 220px" :multiple="true"  :clearable="false"  @select="deptSelect" @deselect="deptCancelSelect"   :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
     </el-form-item>


      <!-- <el-form-item >
          <treeselect style="width: 220px" :clearable="false"  v-model="queryParams.deptId"  :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
      </el-form-item>
       <el-form-item label="员工姓名" prop="userNickName">
        <el-input
          v-model="queryParams.userNickName"
          placeholder="请输入员工姓名"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item> -->

      <el-form-item label="所属档期" prop="scheduleId">
            <el-select filterable multiple style="width:205.4px" v-model="scheduleIdArr" placeholder="请选择档期" clearable size="small" >
                  <el-option
                      v-for="item in scheduleList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
            </el-select>
        </el-form-item>

       <!-- <el-form-item label="档期名称" prop="scheduleName">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入档期名称"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item> -->

    <!-- <el-form-item label="档期状态" prop="scheduleStatus">
        <el-select v-model="queryParams.status" placeholder="请选择档期状态" clearable size="small">
          <el-option
            v-for="dict in statusOptions"
            :key="dict.dictValue"
            :label="dict.dictLabel"
            :value="dict.dictValue"
          />
        </el-select>
      </el-form-item> -->

      <el-form-item label="创建时间" prop="createTime">
            <el-date-picker
              style="width:225.4px"
              clearable size="small"
              v-model="dateRange"
              type="daterange"
              value-format="yyyy-MM-dd"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>

      <el-form-item>
        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

     <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
            type="warning"
            icon="el-icon-download"
            size="mini"
            @click="handleExport"
            v-hasPermi="['company:scheduleReport:export']"
        >导出</el-button>
      </el-col>
	     <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

     <!-- :span-method="objectSpanMethod"  -->
    <el-table  v-loading="loading" border :data="tcmScheduleReportList" @selection-change="handleSelectionChange">
      <!-- <el-table-column label="id"  width="50" align="center" prop="id" /> -->
      <el-table-column fixed label="档期" align="center" prop="scheduleName" />
      <el-table-column fixed label="公司名称" width="100px" align="center" prop="companyName" />
    
      <!-- <el-table-column fixed label="所在部门"  width="100px" align="center" prop="deptName" /> -->
       <!-- <el-table-column label="员工姓名" align="center" prop="userNickName" /> -->

      <el-table-column fixed label="团队总人数" width="90" align="center" prop="cuCount"   >
          <template slot-scope="scope">
            {{!scope.row.cuCount?0:scope.row.cuCount}}
          </template>
      </el-table-column>


       <el-table-column fixed label="接线人数" width="80px" align="center" prop="connectionNum" />
      <el-table-column fixed label="总进线"  width="60"  align="center" prop="totalNum" />

      <el-table-column fixed label="人均受线" width="90" align="center" prop="preMoney"   >
          <template slot-scope="scope">
            {{!scope.row.money?0:(scope.row.totalNum/scope.row.connectionNum).toFixed(2)}}
          </template>
      </el-table-column>

      <el-table-column fixed label="总消费" width="90" align="center" prop="money"   >
          <template slot-scope="scope">
            {{!scope.row.money?0:(scope.row.money).toFixed(2)}}
          </template>
      </el-table-column>

      <el-table-column fixed label="注册数"  width="60"  align="center" prop="registerNum" />
      <el-table-column fixed label="上线数"  width="60"  align="center" prop="onlineNum" />
      <el-table-column fixed label="完课数"  width="60"  align="center" prop="finishNum" />
      <el-table-column  label="注册率"    align="center" prop="registerRate"   >
            <template slot-scope="scope">
              {{ renderTotalVal(scope.row,0) }}
            </template>
     </el-table-column>
     <el-table-column   label="上线率" align="center" prop="onlineRate"   >
            <template slot-scope="scope">
               {{ renderTotalVal(scope.row,1) }}
            </template>
    </el-table-column>
     <el-table-column   label="完课率"  align="center" prop="finishRate"   >
           <template slot-scope="scope">
              {{ renderTotalVal(scope.row,2) }}
           </template>
    </el-table-column>

      <el-table-column  label="创建时间" align="center" prop="createTime" width="100">
            <template slot-scope="scope">
               <span>{{ parseTime(scope.row.createTime) }}</span>
            </template>
      </el-table-column>
     
       <el-table-column  label="最后更新时间" align="center" prop="updateTime" width="100">
            <template slot-scope="scope">
               <span>{{ parseTime(scope.row.updateTime) }}</span>
            </template>
      </el-table-column>


      <el-table-column v-for='index in 36' :key='index' :label="renderLabel(index-1)"  :width="(index-1)%4==2?'85':'72'"  :prop="renderLabelProp(index)"  align="center" >
           <template slot-scope="scope">
                {{ runderValue(scope.row,index-1) }}  
           </template>     
      </el-table-column>

      <el-table-column fixed="right"   label="累计总业绩" width="90" align="center" prop="totalMoney"   >
            <template slot-scope="scope">
               {{!scope.row.totalMoney?0:(scope.row.totalMoney).toFixed(2)}}   
            </template>
      </el-table-column>
      <el-table-column   label="累计总单" width="80" align="center" prop="totalOrder"   >
            <template slot-scope="scope">
              {{!scope.row.totalOrder?0:scope.row.totalOrder}}
            </template>
      </el-table-column>

      <el-table-column fixed="right"  label="人均业绩"  width="90" align="center" prop="targetRate"   >
           <template slot-scope="scope">
               {{ renderTotalVal(scope.row,4) }}
           </template>
      </el-table-column>


      <el-table-column fixed="right"  label="目标业绩"  width="80"  align="center" prop="targetMoney"   >
            <template slot-scope="scope">
              {{!scope.row.targetMoney?0:(scope.row.targetMoney).toFixed(2)}}
            </template>
      </el-table-column>

      <el-table-column fixed="right"  label="目标完成率"  width="90" align="center" prop="targetRate"   >
            <template slot-scope="scope">
                {{ renderTotalVal(scope.row,3) }}
            </template>
      </el-table-column>


      <el-table-column fixed="right"  label="ZROI"  width="90" align="center" prop="zroi"   >
            <template slot-scope="scope">
                {{ renderTotalVal(scope.row,6) }}
            </template>
      </el-table-column>

      <el-table-column fixed="right"  label="单线R值"  width="90" align="center" prop="targetRate"   >
           <template slot-scope="scope">
               {{ renderTotalVal(scope.row,5) }}
           </template>
    </el-table-column>

<!--     
       <el-table-column  label="一轮业绩"  width="72"  align="center" prop="round1Money"   >  
           <template slot-scope="scope">
                {{!scope.row.round1Money?0:(scope.row.round1Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="一轮单数"  width="72" align="center" prop="round1Order" ></el-table-column> 
      <el-table-column label="一轮转化率" width="85"  align="center" prop="round1Rate">
            <template slot-scope="scope">
                {{(scope.row.round1Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="一轮客单"  width="72"  align="center" prop="round1Unit">
             <template slot-scope="scope">
                {{(scope.row.round1Unit).toFixed(2)}}
             </template>
      </el-table-column>


      <el-table-column  label="二轮业绩"  width="72"  align="center" prop="round2Money"   >
           <template slot-scope="scope">
                {{!scope.row.round2Money?0:(scope.row.round2Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="二轮单数"  width="72" align="center" prop="round2Order" ></el-table-column>
      <el-table-column label="二轮转化率" width="85"  align="center" prop="round2Rate">
            <template slot-scope="scope">
                {{(scope.row.round2Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="二轮客单"  width="72"  align="center" prop="round2Unit">
             <template slot-scope="scope">
                {{(scope.row.round2Unit).toFixed(2)}}
             </template>
      </el-table-column>


      <el-table-column  label="三轮业绩"  width="72"  align="center" prop="round3Money"   >
           <template slot-scope="scope">
                {{!scope.row.round3Money?0:(scope.row.round3Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="三轮单数"  width="72" align="center" prop="round3Order" ></el-table-column>
      <el-table-column label="三轮转化率" width="85"  align="center" prop="round3Rate">
            <template slot-scope="scope">
                {{(scope.row.round3Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="三轮客单"  width="72"  align="center" prop="round3Unit">
             <template slot-scope="scope">
                {{(scope.row.round3Unit).toFixed(2)}}
             </template>
      </el-table-column>
   
      <el-table-column  label="四轮业绩"  width="72"  align="center" prop="round4Money"   >
           <template slot-scope="scope">
                {{!scope.row.round4Money?0:(scope.row.round4Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="四轮单数"  width="72" align="center" prop="round4Order" ></el-table-column>
      <el-table-column label="四轮转化率" width="85"  align="center" prop="round4Rate">
            <template slot-scope="scope1">
                {{(scope1.row.round4Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="四轮客单"  width="72"  align="center" prop="round4Unit">
             <template slot-scope="scope">
                {{(scope.row.round4Unit).toFixed(2)}}
             </template>
      </el-table-column>

      <el-table-column  label="五轮业绩"  width="72"  align="center" prop="round5Money"   >
           <template slot-scope="scope">
                {{!scope.row.round5Money?0:(scope.row.round5Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="五轮单数"  width="72" align="center" prop="round5Order" ></el-table-column>
      <el-table-column label="五轮转化率" width="85"  align="center" prop="round5Rate">
            <template slot-scope="scope">
                {{(scope.row.round5Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="五轮客单"  width="72"  align="center" prop="round5Unit">
             <template slot-scope="scope">
                {{(scope.row.round5Unit).toFixed(2)}}
             </template>
      </el-table-column>
      
      <el-table-column  label="六轮业绩"  width="72"  align="center" prop="round6Money"   >
           <template slot-scope="scope">
                {{!scope.row.round6Money?0:(scope.row.round6Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="六轮单数"  width="72" align="center" prop="round6Order" ></el-table-column>
      <el-table-column label="六轮转化率" width="85"  align="center" prop="round6Rate">
            <template slot-scope="scope">
                {{(scope.row.round6Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="六轮客单"  width="72"  align="center" prop="round6Unit">
             <template slot-scope="scope">
                {{(scope.row.round6Unit).toFixed(2)}}
             </template>
      </el-table-column>

      <el-table-column  label="七轮业绩"  width="72"  align="center" prop="round7Money"   >
           <template slot-scope="scope">
                {{!scope.row.round7Money?0:(scope.row.round7Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="七轮单数"  width="72" align="center" prop="round7Order" ></el-table-column>
      <el-table-column label="七轮转化率" width="85"  align="center" prop="round7Rate">
            <template slot-scope="scope">
                {{(scope.row.round7Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="七轮客单"  width="72"  align="center" prop="round7Unit">
             <template slot-scope="scope">
                {{(scope.row.round7Unit).toFixed(2)}}
             </template>
      </el-table-column>

      <el-table-column  label="八轮业绩"  width="72"  align="center" prop="round8Money"   >
           <template slot-scope="scope">
                {{!scope.row.round8Money?0:(scope.row.round8Money).toFixed(2)}}
           </template>
      </el-table-column>
      <el-table-column label="八轮单数"  width="72" align="center" prop="round8Order" ></el-table-column>
      <el-table-column label="八轮转化率" width="85"  align="center" prop="round8Rate">
            <template slot-scope="scope">
                {{(scope.row.round8Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="八轮客单"  width="72"  align="center" prop="round8Unit">
             <template slot-scope="scope">
                {{(scope.row.round8Unit).toFixed(2)}}
             </template>
      </el-table-column>

      <el-table-column  label="九轮业绩"  width="72"  align="center" prop="round9Money"   >
            <template slot-scope="scope">
                    {{!scope.row.round9Money?0:(scope.row.round9Money).toFixed(2)}}
            </template>
      </el-table-column>
      <el-table-column label="九轮单数"  width="72" align="center" prop="round9Order" ></el-table-column>
      <el-table-column label="九轮转化率" width="85"  align="center" prop="round9Rate">
            <template slot-scope="scope">
                {{(scope.row.round9Rate*100).toFixed(2)+"%"}}
            </template>
      </el-table-column>
      <el-table-column label="九轮客单"  width="72"  align="center" prop="round9Unit">
             <template slot-scope="scope">
                {{(scope.row.round9Unit).toFixed(2)}}
             </template>
      </el-table-column> -->

        <el-table-column  fixed="right" label="操作" width="80px" align="center" class-name="small-padding fixed-width">
            <template slot-scope="scope">
               <el-button size="mini" type="text" @click="handleLook(scope.row)">查看</el-button>
            </template>
        </el-table-column>

    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <el-dialog :title="companyScheduleList.title" :visible.sync="companyScheduleList.open" width="1400px" append-to-body>
      <company-schedule  ref="companyScheduleList" @close="closeCompanyScheduleList"></company-schedule >
    </el-dialog>

  </div>
</template>

<script>
import { treeselect } from "@/api/company/companyDept";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { listTcmStatisticsReport, exportStatisticsScheduleReport,listAllSchedule } from "@/api/company/scheduleReport";
import { getCompanyList } from "@/api/company/company";
import companySchedule from '../components/companySchedule.vue';
export default {
   watch: {
     // 监听companyIdArr
    'companyIdArr':'companyChange'
  },
  name: "TcmScheduleStatistics",
  components: { Treeselect,companySchedule },
  data() {
    return {
      companyScheduleList:{
        title:"团队档期报表",
        open:false,
      },
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 中医档期业绩报表表格数据
      tcmScheduleReportList: [],
      scheduleList:[],
      companyIdArr:[],
      scheduleIdArr:[],
      deptIds:[],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      dateRange: [],
      companyId:undefined,
      companys:[],
      roundArr:["一轮","二轮","三轮","四轮","五轮","六轮","七轮","八轮","九轮"],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        scheduleId: null,
        deptId:null,
        deptIdStr:"",
        userId: null,
        companyId: null,
        totalNum: null,
        registerNum: null,
        onlineNum: null,
        finishNum: null,
        registerRate: null,
        onlineRate: null,
        finishRate: null,
        totalMoney: null,
      },
      users:[],
      singleColumnArrs:[],
      // 部门树选项
      deptOptions: [],
      // 部门名称
      deptName: undefined,
      // 表单参数
      form: {},
      // 表单校验
      rules: { 
         
      }
    };
  },
  created() {
    getCompanyList().then(response => {
       this.companys = response.data;
       if(this.companys!=null&&this.companys.length>0){
          this.companyId=this.companys[0].companyId;
          this.getTreeselect();
        }
    });
    this.getListSchedule();
    this.getList();
  },
  methods: {
     getTreeselect() {
        var param={companyId:this.companyId}
        treeselect(param).then((response) => {
          this.deptOptions = response.data;
        });
    },
    companyChange(val){
      var companyIdArr=this.companyIdArr;
      if(companyIdArr.length>0){
          this.companyId=companyIdArr[companyIdArr.length-1];
      }else{
          delete this.queryParams.deptId;
          this.companyId=this.companys[0].companyId;
      }
      this.getTreeselect();
    },  
    deptSelect(node,instanceId){
          console.log(node, instanceId, 'deptSelect');
          this.deptIds.push(node.id);
          if(node.children){
               node.children.forEach(item => {
                   console.log("qxj item:"+JSON.stringify(item));
                   this.deptIds.push(item.id);
               });
          }
          this.queryParams.deptIdStr=this.deptIds.toString();
          //console.log('deptIdStr:'+this.queryParams.deptIdStr);
          this.getList();
    },
    deptCancelSelect(node,instanceId){
        console.log(node, instanceId, 'delete');
        for (let i = 0;i<this.deptIds.length;i++){
                if(node.id == this.deptIds[i]){
                    this.deptIds.splice(i,1);
                }
                if(node.children){
                    node.children.forEach(item => {
                          if(item.id == this.deptIds[i]){
                              var index=this.deptIds.indexOf(item.id);
                              this.deptIds.splice(index,1);
                          }
                     });
                }
        }
        this.queryParams.deptIdStr=this.deptIds.toString();
        console.log('deptIdStr:'+this.queryParams.deptIdStr);
        this.getList();
    },
    getListSchedule() {
        this.loading = true;
        listAllSchedule().then(response => {
            this.scheduleList = response.rows;
        });
    },
    /** 查询中医档期业绩报表列表 */
    getList() {
      this.queryParams.scheduleId="";
      this.queryParams.companyId="";
      if(this.scheduleIdArr.length>0){
          this.queryParams.scheduleId=this.scheduleIdArr.toString();
      }
      if(this.companyIdArr.length>0){
          this.queryParams.companyId=this.companyIdArr.toString();
      }
      this.loading = true;
      listTcmStatisticsReport(this.addDateRange(this.queryParams,this.dateRange)).then(response => {
          this.tcmScheduleReportList = response.rows;
          this.total = response.total;
          this.loading = false;
          this.calcFilterData();
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    handleLook(row){
      this.companyScheduleList.open=true;
      var that=this;
      setTimeout(() => {
            that.$refs.companyScheduleList.getData(row);
      }, 200);
    },
    closeCompanyScheduleList(){
       this.companyScheduleList.open=false;
       this.getList();
    },
    /** 导出按钮操作 */
    handleExport() {
      this.queryParams.scheduleId="";
      this.queryParams.companyId="";
      if(this.scheduleIdArr.length>0){
          this.queryParams.scheduleId=this.scheduleIdArr.toString();
      }
      if(this.companyIdArr.length>0){
          this.queryParams.companyId=this.companyIdArr.toString();
      }
      this.queryParams=this.addDateRange(this.queryParams,this.dateRange);
      const queryParams = this.queryParams;
      this.$confirm('是否确认导出中医报表统计数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return exportStatisticsScheduleReport(queryParams);
        }).then(response => {
          this.download(response.msg);
        }).catch(function() {});
    },
    renderLabel(index){
        var colls=parseInt(index/4);
        var cell=parseInt(index%4);
        var str=this.roundArr[colls];
        if(cell==0){
            str+="业绩"
        }
        else if(cell==1){
            str+="单数"
        }
        else if(cell==2){
             str+="转化率"
        }
        else if(cell==3){
             str+="客单"
        }
        return str;
    },
    renderLabelProp(index){  
        var colls=parseInt(index/4)+1;
        var str=this.roundArr[colls];
        if(colls==1){
             str="round"+colls+"Money";
        }
        else if(colls==2){
             str="round"+colls+"Order";
        }
        else if(colls==3){
             str="round"+colls+"Rate";
        }
        else if(colls==4){
             str="round"+colls+"Unit";
        }
        return str;
    },
    runderValue(row,index){    //注册率=注册数/总进线  上线率=上线数/注册数  完课率=完课数/注册数   目标完成率=累计业绩/目标业绩  单线R值=累计业绩/总进线
        var colls=parseInt(index/4)+1;
        var cell=parseInt(index%4);
        var value=0;
        if(cell==0){   //业绩   
            value=!row["round"+colls+"Money"]?0:(row["round"+colls+"Money"]).toFixed(2);
        }
        else if(cell==1){   //订单数
            value=row["round"+colls+"Order"];
        }
        else if(cell==2){    //转化率 =成单数/总进线 
            value=(row["round"+colls+"Order"]/row["totalNum"]*100.0).toFixed(2)+"%";
            //value=(row["round"+colls+"Rate"]*100).toFixed(2)+"%";
        }
        else if(cell==3){    //客单=成交金额/成交单数
            var roundMoney=row["round"+colls+"Money"];
            var roundOrder=row["round"+colls+"Order"];
            if(!!roundMoney && !!roundOrder){
                value=(roundMoney/roundOrder*1.0).toFixed(2);
            }
        }
        return value;
    },
    renderTotalVal(row,index){
       var value=0;
        if(index==0){   //注册率=注册数/总进线
             value=(row["registerNum"]/row["totalNum"]*100.0).toFixed(3)+"%";
        }
        else if(index==1){   //上线率=上线数/注册数
             value=(row["onlineNum"]/row["totalNum"]*100.0).toFixed(3)+"%";
        }
        else if(index==2){   //完课率=完课数/注册数
             value=(row["finishNum"]/row["totalNum"]*100.0).toFixed(3)+"%";
        }
        else if(index==3){   //目标完成率=累计业绩/目标业绩
            if(row.targetMoney>0){
                value=(row.totalMoney/row.targetMoney*100.0).toFixed(3)+"%";  
            }else{
                value="0%";
            } 
        }
        else if(index==4){   //人均业绩=总业绩/接线人数
             value=(row["totalMoney"]/row["connectionNum"]*1.0).toFixed(3);  
        }
        else if(index==5){   //单线R值=累计业绩/总进线
             value=(row["targetMoney"]/row["totalNum"]*1.0).toFixed(3);  
        }
        else if(index==6){   //zori=总业绩/总消耗
            if(row.money>0){
                value=(row.totalMoney/row.money*1.0).toFixed(3);  
            }else{
                value="0%";
            } 
        }
        return value;
    },

    calcFilterData(){
       var that=this;
       that.singleColumnArrs=[];
       let arr1 = this.tcmScheduleReportList.map(item => item["companyId"]);
       let arrFilter=arr1.filter(function(id,index){
          if(arr1.indexOf(id)==index){
              that.singleColumnArrs.push(index);
              return true;
          }
          return false
       });
    },
    objectSpanMethod({row,column,rowIndex,columnIndex }) { 
        //console.log("qxj singleColumnArrs:"+JSON.stringify(this.singleColumnArrs)+" rowIndex:"+rowIndex+" columnIndex:"+columnIndex);
        if (columnIndex === 0) {
          if (this.singleColumnArrs.indexOf(rowIndex)!=-1) {
               if(this.singleColumnArrs.length<this.tcmScheduleReportList.length){
                 return {
                      rowspan: 2,
                      colspan: 1
                  };
               }else{
                    return {
                      rowspan: 1,
                      colspan: 1
                  };
               }

          } 
          else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }
    }
   
  }
};
</script>
