<template>
  <div class="mod-config">
<!--    工具申请界面-->
    <el-form label-position="top" :model="searchData">
      <el-row :gutter="18">
        <el-col :span="2">
          <el-form-item label="项目编号">
            <el-input v-model="searchData.projectId" clearable />
          </el-form-item>
        </el-col>
        <el-col :span="2">
          <el-form-item label="项目类型">
            <dict-data-select dict-type="project_info_type_db" filterable clearable :use-default-value="false" v-model="searchData.projectType"></dict-data-select>
          </el-form-item>
        </el-col>
        <el-col :span="2">
          <el-form-item label="项目责任人">
            <el-input v-model="searchData.projectOwnerName" clearable/>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label="项目名称">
            <el-input v-model="searchData.projectName" clearable/>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label=" ">
            <el-button plain type="primary" @click="initDataBtn" >查 询</el-button>
            <el-button type="primary" @click="applyModel">刀模申请</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-table
      :data="dataList"
      :height="height"
      border
      @selection-change="selectionChangeHandle"
      v-loading="dataListLoading"
      style="width: 100%; ">
      <el-table-column
        type="selection"
        align="center"
        width="30">
      </el-table-column>
      <el-table-column
        v-for="(item,index) in columnList1" :key="index"
        :sortable="item.columnSortable"
        :prop="item.columnProp"
        :header-align="item.headerAlign"
        :show-overflow-tooltip="item.showOverflowTooltip"
        :align="item.align"
        :fixed="item.fixed==''?false:item.fixed"
        :min-width="item.columnWidth"
        :label="item.columnLabel">
        <template slot-scope="scope">
          <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                             style="width: 100px; height: 80px"/></span>
        </template>
      </el-table-column>
<!--      <el-table-column-->
<!--        header-align="center"-->
<!--        align="center"-->
<!--        width="150"-->
<!--        fixed="right"-->
<!--        label="操作">-->
<!--        <template slot-scope="scope">-->
<!--          <a type="text" size="small" @click="updateModel(scope.row)">修改</a>-->
<!--          <a type="text" size="small" @click="deleteData(scope.row)">删除</a>-->
<!--        </template>-->
<!--      </el-table-column>-->
    </el-table>
    <el-pagination
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageIndex"
      :page-sizes="[20, 50, 100, 1000]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
    <el-dialog
      width="800px" v-drag
      :title="'刀模申请'"
      :close-on-click-modal="false"
      :visible.sync="visible">
      <el-form :inline="true" label-position="top" label-width="100px" >
        <el-form-item :label="'申请编号'">
          <el-input v-model="dataForm.applyNo" style="width: 130px" disabled></el-input>
        </el-form-item>
        <el-form-item :label="'申请总数'">
          <el-input v-model="dataForm.applySumQty" style="width: 130px" disabled></el-input>
        </el-form-item>
<!--        <el-form-item :label="'总金额'">-->
<!--          <el-input v-model="dataForm.allCost" style="width: 130px" disabled></el-input>-->
<!--        </el-form-item>-->
        <el-form-item  label="部门" required="required">
          <dict-data-select :site="$store.state.user.site"  v-model="dataForm.department" dict-type="tool_application_department" style="width: 130px"></dict-data-select>
        </el-form-item>
        <el-form-item :label="'申请人'" required="required">
          <el-input v-model="dataForm.applyBy" style="width: 130px" ></el-input>
        </el-form-item>
        <el-form-item :label="'申请日期'" required="required">
          <el-date-picker
            value-format="yyyy-MM-dd"
            style="width: 100%"
            v-model="dataForm.applyDate"
            type="date"
            placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item required="required">
          <span slot="label" style="" @click="getBaseList(103,1)"><a herf="#">报价员</a></span>
          <el-input  v-model="dataForm.quoterName" ref="quoterName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
        </el-form-item>
        <el-form-item required="required">
          <span slot="label" style="" @click="getBaseList(103,2)"><a herf="#">TP</a></span>
          <el-input  v-model="dataForm.tpName" ref="tpName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
        </el-form-item>
        <el-form-item required="required">
          <span slot="label" style="" @click="getBaseList(103,3)"><a herf="#">采购员</a></span>
          <el-input  v-model="dataForm.purchaserName" ref="purchaserName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
        </el-form-item>

      </el-form>
      <el-form :inline="true" label-position="top" label-width="100px" >
        <el-form-item :label="'申请原因'">
<!--          <el-input v-model="dataForm.applyReason" style="width: 770px" ></el-input>-->
          <el-input type="textarea" style="width: 770px"  resize="none" :autosize="{minRows: 3, maxRows: 3}"
                    v-model="dataForm.applyReason"/>
        </el-form-item>
      </el-form>
      <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 60px">
        <el-form-item :label="'备注'">
<!--          <el-input v-model="dataForm.remark" style="width: 770px" ></el-input>-->
          <el-input type="textarea" style="width: 770px"  resize="none" :autosize="{minRows: 3, maxRows: 3}"
                    v-model="dataForm.remark"/>
        </el-form-item>
      </el-form>
      <div  class="rq" style="margin-top: 60px">
        <el-table
          height="250"
          :data="toolData"
          border
          ref="toolTable"
          v-loading="dataListLoading"
          style="width: 100%;">
          <el-table-column label="项目号" width="90" prop="projectId" show-overflow-tooltip/>
          <el-table-column label="物料编码" width="100" prop="partNo" show-overflow-tooltip/>
          <el-table-column label="工具描述" width="120" prop="toolDescription" show-overflow-tooltip/>
          <el-table-column label="工具数量" width="60" prop="toolQty" show-overflow-tooltip/>
          <el-table-column label="申请数量" width="70" prop="applyQty" show-overflow-tooltip>
            <template slot-scope="scope">
              <el-input v-model="scope.row.applyQty" type="number" @change="changeSum(scope.row)"  placeholder="请输入数量" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
                        style="width:98%"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="物料名称" width="160" prop="partDesc" show-overflow-tooltip/>
          <el-table-column label="工艺版本" width="80" prop="routingRevision" show-overflow-tooltip/>
          <el-table-column label="工艺类型" width="80" prop="routingType" show-overflow-tooltip/>
          <el-table-column label="替代编码" width="80" prop="alternativeNo" show-overflow-tooltip/>
          <el-table-column label="替代名称" width="80" prop="alternativeDescription" show-overflow-tooltip/>
          <el-table-column label="工序号" width="60" prop="operationNo" show-overflow-tooltip/>
          <el-table-column label="工序名称" width="80" prop="operationName" show-overflow-tooltip/>
          <el-table-column label="工具成本" width="60" prop="standardCost" show-overflow-tooltip/>
<!--          <el-table-column label="单位报价成本" width="90" prop="quotationUnitCost" show-overflow-tooltip/>-->
<!--          <el-table-column label="预计使用寿命" width="90" prop="expectedServiceLife" show-overflow-tooltip/>-->
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="saveData()">{{'保存'}}</el-button>
        <el-button type="primary" @click="visible = false">{{'取消'}}</el-button>
      </span>
    </el-dialog>

    <Chooselist ref="baseList"  @getBaseData="getBaseData"></Chooselist>
    <ChooseUser ref="userList"  @getBaseData="getUserData"></ChooseUser>
  </div>
</template>

<script>
  import {projectInfoForToolApply,
    getProjectPartToolForApply,
    saveProjectToolApply,
  } from "@/api/tool/toolApply.js"
  import Chooselist from '@/views/modules/common/Chooselist'
  import DictDataSelect from "../sys/dict-data-select.vue"
  import ChooseUser from '@/views/modules/common/ChooseUser'
  export default {
    components: {
      Chooselist,      DictDataSelect,ChooseUser,
    },
    data() {
      return {
        height: 200,
        dataList: [],
        searchFlag:false,
        // 搜索条件对象
        searchData:{
          page: 1,
          limit: 100,
          site:this.$store.state.user.site,
          projectId:'',
          projectType:'',
          projectOwnerName:'',
          projectName:'',
          userName:this.$store.state.user.name,
        },
        exportList:[],
        pageIndex: 1,
        pageSize: 100,
        totalPage: 0,
        visible:false,
        dataListLoading: false,
        currentRow:'',
        columnList1: [
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1ProjectId',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "projectId",
            headerAlign: "center",
            align: "center",
            columnLabel: "项目号",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1ProjectType',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "projectType",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目类型",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1ProjectName',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "projectName",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目名称",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 200
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1Status',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "status",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目状态",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1Priority',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "priorityDesc",
            headerAlign: "center",
            align: "left",
            columnLabel: "优先级",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          // {
          //   userId: this.$store.state.user.name,
          //   functionId: 106001001,
          //   serialNumber: '106001001Table1BuNo',
          //   tableId: "106001001Table1",
          //   tableName: "项目信息主表",
          //   columnProp: "buNo",
          //   headerAlign: "center",
          //   align: "left",
          //   columnLabel: "BU编码",
          //   columnHidden: false,
          //   columnImage: false,
          //   columnSortable: false,
          //   sortLv: 0,
          //   status: true,
          //   fixed: '',
          //   columnWidth: 100
          // },
          // {
          //   userId: this.$store.state.user.name,
          //   functionId: 106001001,
          //   serialNumber: '106001001Table1BuDesc',
          //   tableId: "106001001Table1",
          //   tableName: "项目信息主表",
          //   columnProp: "buDesc",
          //   headerAlign: "center",
          //   align: "left",
          //   columnLabel: "BU名称",
          //   columnHidden: false,
          //   columnImage: false,
          //   columnSortable: false,
          //   sortLv: 0,
          //   status: true,
          //   fixed: '',
          //   columnWidth: 100
          // },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1ProjectOwnerName',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "projectOwnerName",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目负责人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1ProjectSource',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "projectSourceDesc",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目来源",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1CustomerId',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "customerId",
            headerAlign: "center",
            align: "left",
            columnLabel: "客户代码",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1CustomerName',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "customerName",
            headerAlign: "center",
            align: "left",
            columnLabel: "客户名称",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 150
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1CreateDate',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "createDate",
            headerAlign: "center",
            align: "left",
            columnLabel: "创建时间",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1CreateBy',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "createBy",
            headerAlign: "center",
            align: "left",
            columnLabel: "创建人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1UpdateDate',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "updateDate",
            headerAlign: "center",
            align: "left",
            columnLabel: "修改时间",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106001001,
            serialNumber: '106001001Table1UpdateBy',
            tableId: "106001001Table1",
            tableName: "项目信息主表",
            columnProp: "updateBy",
            headerAlign: "center",
            align: "left",
            columnLabel: "修改人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          },
        ],
        dataForm:{
          site: '',
          applyNo: '',
          applyBy:'',
          applyDate:'',
          applySumQty:'',
          applyReason:'',
          remark:'',
          createBy:'',
          department:'',
          quoter: '',
          quoterName: '',
          tp: '',
          tpName: '',
          purchaser: '',
          purchaserName: '',
          detailList:[],
        },
        toolData:[],
        dataListSelections:[],
        dataRole: {
          partTypeDesc: [
            {
              required: true,
              message: ' ',
              trigger: 'change'
            }
          ],
          partName: [
            {
              required: true,
              message: ' ',
              trigger: 'change'
            }
          ],
        },
        // 导出 start
        exportData: [],
        exportName: '项目物料'+this.dayjs().format('YYYYMMDDHHmmss'),
        exportHeader: ["项目物料"],
        exportFooter: [],
        // 导出 end
      }
    },
    mounted() {
      this.$nextTick(() => {
        this.height = window.innerHeight - 190;
      })
    },
    methods: {
      getUserList (type) {
        if(this.ifDisableFlag){
          return false
        }
        this.tagNo1 = type
        this.$nextTick(() => {
          let strVal = ''

          if(type==1) {
            strVal = this.dataForm.quoter
          }
          if(type==2) {
            strVal = this.dataForm.tp
          }
          if(type==3) {
            strVal = this.dataForm.purchaser
          }

          this.$refs.userList.init(this.searchData.site,'%%', strVal)
        })
      },
      /* 列表方法的回调 */
      getUserData (val) {

        if(this.tagNo1==1) {
          this.dataForm.quoter = val.username
          this.dataForm.quoterName = val.userDisplay
          this.$nextTick(() => {
            this.$triggerInputEvent(this.$refs.quoterName);
          });
        }
        if(this.tagNo1==2) {
          this.dataForm.tp = val.username
          this.dataForm.tpName = val.userDisplay
          this.$nextTick(() => {
            this.$triggerInputEvent(this.$refs.tpName);
          });
        }
        if(this.tagNo1==3) {
          this.dataForm.purchaser = val.username
          this.dataForm.purchaserName = val.userDisplay
          this.$nextTick(() => {
            this.$triggerInputEvent(this.$refs.purchaserName);
          });
        }
      },
      // 获取基础数据列表S
      getBaseList (val, type) {
        this.tagNo = val
        this.tagNo1 = type
        this.$nextTick(() => {
          let strVal = ''
          if (val === 103) {
            if(type==1) {
              strVal = this.dataForm.quoter
            }
            if(type==2) {
              strVal = this.dataForm.tp
            }
            if(type==3) {
              strVal = this.dataForm.purchaser
            }
          }
          this.$refs.baseList.init(val, strVal)
        })
      },
      /* 列表方法的回调 */
      getBaseData (val) {
        if (this.tagNo === 103) {
          if(this.tagNo1==1) {
            this.dataForm.quoter = val.username
            this.dataForm.quoterName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.quoterName);
            });
          }
          if(this.tagNo1==2) {
            this.dataForm.tp = val.username
            this.dataForm.tpName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.tpName);
            });
          }
          if(this.tagNo1==3) {
            this.dataForm.purchaser = val.username
            this.dataForm.purchaserName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.purchaserName);
            });
          }
        }
      },
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageIndex = 1
        this.search()
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageIndex = val
        this.search()
      },
      initDataBtn(){
        this.initData();
      },
      // 初始化数据
      initData(){
        this.searchData.limit = this.pageSize
        this.searchData.page = this.pageIndex
        projectInfoForToolApply(this.searchData).then(({data}) => {
          if (data.code == 0) {
            this.dataList = data.page.list
            this.pageIndex = data.page.currPage
            this.pageSize = data.page.pageSize
            this.totalPage = data.page.totalCount
          }
          this.dataListLoading = false
        })
      },

      applyModel() {
        if(this.dataListSelections.length===0){
          this.$alert('请选择报价单！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        getProjectPartToolForApply(this.dataListSelections).then(({data}) => {
          if (data.code == 0) {
            this.toolData=data.rows
          }
        })
        this.dataForm={
          site: this.$store.state.user.site,
          applyNo: '',
          applyBy:this.$store.state.user.name,
          applyDate:new Date(),
          applySumQty:0,
          applyReason:'',
          remark:'',
          createBy:this.$store.state.user.name,
          department: '',
          quoter: '',
          quoterName: '',
          tp: '',
          tpName: '',
          purchaser: '',
          purchaserName: '',
          detailList:[],
        };
        this.visible=true;
      },
      changeSum(row){
        // if(row.applyQty!=null&&row.applyQty!==''&& row.toolQuantity<row.applyQty){
        //   row.applyQty=''
        //   this.$alert(data.msg, '错误', {
        //     confirmButtonText: '确定'
        //   })
        //
        // }
        this.dataForm.applySumQty =0
        // this.dataForm.allCost =0
        for (const item of this.toolData) {
          // 累加之前先确保值存在，并将 null 或 undefined 转换为0
          this.dataForm.applySumQty += Number(item.applyQty != null && item.applyQty !== '' ? item.applyQty : 0);
          // this.dataForm.allCost += Number(item.applyQty != null && item.applyQty !== '' ? item.applyQty*item.standardCost : 0);

        }
      },
      saveData(){
        // for (let i = 0; i <  this.toolData.length; i++) {
        //   if(this.toolData[i].toolQuantity<this.toolData[i].applyQty){
        //     this.$alert( '工具：'+this.toolData[i].toolNo +'  实际申请数量大于表单工具数量！', '错误', {
        //       confirmButtonText: '确定'
        //     })
        //     return false;
        //   }
        // }
        if(this.dataForm.applySumQty===0){
          this.$alert('未填写申请数量！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.applyBy===''||this.dataForm.applyBy==null){
          this.$alert('未选择申请人！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.applyDate===''||this.dataForm.applyDate==null){
          this.$alert('未选择申请日期！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.department===''||this.dataForm.department==null){
          this.$alert('未选择部门！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.quoter===''||this.dataForm.quoter==null){
          this.$alert('未选择报价员！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.tp===''||this.dataForm.tp==null){
          this.$alert('未选择TP！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        if(this.dataForm.purchaser===''||this.dataForm.purchaser==null){
          this.$alert('未选择采购员！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        this.$confirm('确定要保存?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          for (let i = 0; i < this.toolData.length; i++) {
            if (this.toolData[i].applyQty===''||this.toolData[i].applyQty==null){
              this.toolData[i].applyQty=0
            }
          }
          this.dataForm.detailList=this.toolData.filter(item => item.applyQty > 0)
          saveProjectToolApply(this.dataForm).then(({data}) => {
            if (data && data.code == 0) {
              this.visible=false;
              this.initDataBtn();
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                }
              })
            } else {
              this.$alert(data.msg, '错误', {
                confirmButtonText: '确定'
              })
            }
          })
        }).catch(() => {
        })
      },
      //导出excel
      //导出excel
      async createExportData() {
        // this.searchData.limit = -1
        // this.searchData.page = 1
        // await projectInfoSearch(this.searchData).then(({data}) => {
        //   this.exportList= data.page.list;
        // })
        //
        // return this.exportList;
      },
      startDownload() {
        //  this.exportData = this.dataList

      },
      finishDownload() {
      },
      fields() {
        let json = "{"
        this.columnList1.forEach((item, index) => {
          if (index == this.columnList1.length - 1) {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
          } else {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
          }
        })
        json += "}"
        let s = eval("(" + json + ")")

        return s
      },
    },
  }
</script>

<style scoped>

</style>
