ccl_plm-vue/src/views/modules/tooling/searchToolApply.vue

<template>
  <div class="mod-config">
    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
      <el-form-item :label="'申请单号'">
        <el-input v-model="searchData.applyNo" style="width: 160px"></el-input>
      </el-form-item>
      <el-form-item label="申请日期">
        <el-date-picker
          value-format="yyyy-MM-dd"
          style="width: 100%"
          v-model="searchData.startDate"
          type="date"
          placeholder="开始日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="到">
        <el-date-picker
          value-format="yyyy-MM-dd"
          style="width: 100%"
          v-model="searchData.endDate"
          type="date"
          placeholder="结束日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label=" ">
        <el-button @click="search()" type="primary" style="margin-left: 2px;margin-top:0px">查询</el-button>
<!--        <el-button @click="addOrUpdateHandle('save')" type="primary" style="margin-left: 2px;margin-top: 0px">新增</el-button>-->
        <download-excel
          :fields="fields()"
          :data="exportData"
          type="xls"
          :name="exportName"
          :header="exportHeader"
          :footer="exportFooter"
          :fetch="createExportData"
          :before-generate="startDownload"
          :before-finish="finishDownload"
          worksheet="导出信息"
          class="el-button el-button--primary el-button--medium">
          {{ '导出' }}
        </download-excel>
      </el-form-item>
    </el-form>
    <el-table
      :height="height"
      :data="dataList1"
      border
      ref="mainTable"
      @row-click="changeData"
      highlight-current-row
      v-loading="dataListLoading"
      style="width: 100%;">
      <el-table-column
        header-align="center"
        align="center"
        width="150"
        fixed="right"
        label="操作">
        <template slot-scope="scope">
          <a type="text" size="small" v-if="scope.row.statusCode==='05'" @click="comfirmApply(scope.row)">下达</a>
          <a type="text" size="small" v-if="scope.row.status=='审批中'" @click="editModal(scope.row)">审批</a>
          <a type="text" size="small" v-if="scope.row.statusCode==='05'" @click="cancelApply(scope.row)">取消申请</a>
        </template>
      </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>
    <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-tabs style="font-size: 12px;min-height: 330px" class="customer-tab" v-model="activeName"  type="border-card"  @tab-click="tabClick">
      <el-tab-pane label="工具明细" name="detail">
        <el-table
          :data="detailList"
          height="240"
          border
          v-loading="dataListLoading"
          style="width: 100%; ">
          <el-table-column
            v-for="(item,index) in columnList2" :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="120"
            fixed="right"
            label="操作">
            <template slot-scope="scope">
              <a type="text" size="small" @click="jumpBM(scope.row)">跳转BenchMark</a>
            </template>
          </el-table-column>
<!--          <el-table-column-->
<!--            fixed="right"-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="100"-->
<!--            label="操作">-->
<!--            <template slot-scope="scope">-->
<!--              &lt;!&ndash;              <a :href="'http://192.168.1.130:80/file/'+scope.row.url" :download="scope.row.fileName">下载</a>&ndash;&gt;-->
<!--              <a  @click="downloadFile(scope.row)" >下载</a>-->
<!--              <a type="text" size="small"  @click="deleteFile(scope.row)">删除</a>-->
<!--            </template>-->
<!--          </el-table-column>-->
        </el-table>

      </el-tab-pane>
      <el-tab-pane label="附件信息" name="down">
        <oss-components height="25vh" label="附件" :columns="ossColumns" :order-ref1="currentRow.site" :order-ref2="currentRow.applyNo"></oss-components>

        <!--文件上传-->
<!--        <el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">-->
<!--          <el-form :inline="true" label-position="top" style="margin-top: 0px">-->
<!--            <el-button type="primary" @click="addUploadFileModal()">上传文件</el-button>-->
<!--          </el-form>-->
<!--        </el-form>-->
<!--        <el-table-->
<!--          :data="fileContentList"-->
<!--          height="240"-->
<!--          border-->
<!--          v-loading="dataListLoading"-->
<!--          style="width: 100%; ">-->
<!--          <el-table-column-->
<!--            v-for="(item,index) in columnFileContentArray" :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-->
<!--            fixed="right"-->
<!--            header-align="center"-->
<!--            align="center"-->
<!--            width="100"-->
<!--            label="操作">-->
<!--            <template slot-scope="scope">-->
<!--              &lt;!&ndash;              <a :href="'http://192.168.1.130:80/file/'+scope.row.url" :download="scope.row.fileName">下载</a>&ndash;&gt;-->
<!--              <a  @click="downloadFile(scope.row)" >下载</a>-->
<!--              <a type="text" size="small"  @click="deleteFile(scope.row)">删除</a>-->
<!--            </template>-->
<!--          </el-table-column>-->
<!--        </el-table>-->
      </el-tab-pane>
      <!-- 审批信息 -->
      <el-tab-pane label="审批信息" name="approvalInformation">
        <approval-information ref="approvalTable" v-model:data-list="approvalList" :height="240"></approval-information>
      </el-tab-pane>
      <el-tab-pane label="处理信息" name="tab4">
        <el-form :inline="true" label-position="top" style="margin-top: 0px">
<!--          <el-button type="primary" :disabled="!(currentRow.statusCode==='50'||currentRow.statusCode==='60')" @click="openMassageModel()">申请信息录入</el-button>-->
          <el-button type="primary"  @click="openMassageModel()">申请信息录入</el-button>
        </el-form>
        <el-form label-position="top"  :model="currentRow" >
          <el-row :gutter="15">
            <el-col :span="6">
              <el-form-item label="IFS PR编号" >
                <el-input v-model="currentRow.prNo"  readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="18">
              <el-form-item label="备注" >
                <el-input v-model="currentRow.remark1" readonly></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="15" style="margin-top: 20px">
            <el-col :span="6">
              <el-form-item label="采购订单号" >
                <el-input v-model="currentRow.poNo" readonly ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="厂商名称" >
                <el-input v-model="currentRow.supplierName" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="总成本(元)" >
                <el-input v-model="currentRow.allCost" readonly></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="15" style="margin-top: 0px">
            <el-col :span="24">
              <el-form-item label="备注" >
                <el-input v-model="currentRow.remark2" readonly></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
    </el-tabs>

    <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="部门" required="required">
          <dict-data-select :site="$store.state.user.site"  v-model="dataForm.department" dict-type="tool_application_department" disabled style="width: 130px"></dict-data-select>
        </el-form-item>
        <el-form-item :label="'申请人'" required="required">
          <el-input v-model="dataForm.applyBy" style="width: 130px" disabled></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"
            disabled
            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 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 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
            v-for="(item,index) in columnList2" :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">
              <div v-if="item.columnProp !== 'applyQty' ">
              <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>
              </div>
              <div v-else>
                <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>
              </div>
            </template>
          </el-table-column>
       </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>
        <el-button v-if="dataForm.status === '审批中'" type="primary" @click="agreeSubmit">同意</el-button>
        <el-button v-if="dataForm.status === '审批中' && dataForm.isReject === 'Y'" type="primary" @click="submitDataModal">驳回</el-button>
      </span>
    </el-dialog>

    <el-dialog
      width="600px" v-drag
      :title="'处理信息'"
      :close-on-click-modal="false"
      :visible.sync="modelFlag">
      <el-form label-position="top"  >
        <el-row :gutter="15" >
          <el-col :span="6">
            <el-form-item label="IFS PR编号" >
              <el-input v-model="modelData.prNo"  ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="18">
            <el-form-item label="备注" >
              <el-input v-model="modelData.remark1" ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15" style="margin-top: 20px" >
          <el-col :span="6">
            <el-form-item label="采购订单号" >
              <el-input v-model="modelData.poNo"  ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="厂商名称" >
              <el-input v-model="modelData.supplierName" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="总成本(元)" >
              <el-input v-model="modelData.allCost" type="number" ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15" style="margin-top: 0px">
          <el-col :span="24">
            <el-form-item label="备注" >
              <el-input v-model="modelData.remark2" ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="saveHeaderMessage()">{{'保存'}}</el-button>
        <el-button type="primary" @click="modelFlag = false">{{'取消'}}</el-button>
      </span>
    </el-dialog>

    <!-- 提交 -->
    <el-dialog title="驳回" top="30vh" :close-on-click-modal="false" v-drag :visible.sync="submitModalFlag" width="500px">
      <el-form :inline="true" label-position="top">
        <el-form-item :label="'驳回意见'">
          <el-input type="textarea" v-model="rejectOpinion" :rows="3" resize='none' show-word-limit style="width: 479px;height: 30px"></el-input>
        </el-form-item>
      </el-form>
      <el-footer style="height:30px;margin-top: 50px;text-align:center">
        <el-button type="primary" @click="rejectSubmit">确定</el-button>
        <el-button type="primary" @click="submitModalFlag = false">取消</el-button>
      </el-footer>
    </el-dialog>

    <!-- 上传文件的modal   -->
    <projectUploadFile  ref="projectUploadFile" @refreshPageTables="getFileContentData()" v-drag></projectUploadFile>

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

<script>
  import {
    customerInformationSearch, // 客户信息列表查询`
  } from '@/api/customer/customerInformation.js'
  import projectUploadFile from "./com_tool_upload_file";/*上传文件的組件*/
  import Chooselist from '@/views/modules/common/Chooselist'
  import {searchProjectToolApplyHeader,
    searchProjectToolApplyDetail,
    comfirmProjectToolApply,
    cancelProjectToolApply,
    saveProjectHeaderMessage,
    editToolApplication,
    submitChange
  } from "@/api/tool/toolApply.js"
  import {
    deleteProjectFile,
    getFileContentList,
    downLoadProjectFile,
    getProjectPartNowBm,
  } from "@/api/project/project.js"
  import {
    getNodeAuthority, // 获取节点权限
    getApprovalList, // 查询审批信息
  } from '@/api/changeManagement/changeManagement.js'
  import ApprovalInformation from "../changeManagement/approvalInformation.vue";
  import OssComponents from "../oss/ossComponents";
  import DictDataSelect from "../sys/dict-data-select.vue"

  /*組件*/
  export default {
    components: {
      ApprovalInformation,
      OssComponents,
      Chooselist,
      projectUploadFile,
      DictDataSelect,
    },
    name: "null",
    data() {
      return {
        visible:false,
        fileContentList: [],
        activeName: 'detail',
        searchData:{
          page: 1,
          limit: 100,
          site:this.$store.state.user.site,
          applyNo:'',
          startDate:'',
          endDate:'',
        },
        toolData:[],
        dataForm:{
          site: '',
          applyNo: '',
          applyBy:'',
          applyDate:'',
          applySumQty:'',
          applyReason:'',
          remark:'',
          createBy:'',
          detailList:[],
          status: '',
          rejectOpinion: '',
          nodeConclusion: '',
          quoter: '',
          quoterName: '',
          tp: '',
          tpName: '',
          purchaser: '',
          purchaserName: '',
          menuId: this.$route.meta.menuId,
          userName: this.$store.state.user.name,
        },
        modelData:{
          site:'',
          applyNo:'',
          prNo:'',
          remark1:'',
          poNo:'',
          supplierName:'',
          allCost:'',
          remark2:'',
        },
        modelFlag:false,
        currentRow:{},
        currentRow2:{},
        height: 200,
        dataList1:[],
        detailList:[],
        dataListLoading: false,
        // 导出 start
        exportData: [],
        exportName: "项目清单" + this.dayjs().format('YYYYMMDDHHmmss'),
        exportHeader: ["项目清单"],
        exportFooter: [],
        exportList:[],
        // 导出 start
        exportData2: [],
        exportName2: "项目客户联系人" + this.dayjs().format('YYYYMMDDHHmmss'),
        exportHeader2: ["项目客户联系人"],
        exportFooter2: [],
        exportList2:[],
        tagNo:'',
        tagNo2:'',
        pageIndex: 1,
        pageSize: 100,
        totalPage: 0,
        ossColumns:[
          {
            userId: this.$store.state.user.name,
            functionId: 103001,
            serialNumber: '103001Table2FileName',
            tableId: '103001Table2',
            tableName: '文件信息表',
            columnProp: 'fileName',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '文件名称',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 140
          },
          {
            userId: this.$store.state.user.name,
            functionId: 103001,
            serialNumber: '103001Table2FileRemark',
            tableId: '103001Table2',
            tableName: '文件信息表',
            columnProp: 'fileRemark',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '备注',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 240
          },
          // {
          //   userId: this.$store.state.user.name,
          //   functionId: 103001,
          //   serialNumber: '103001Table2OrderRef3',
          //   tableId: '103001Table2',
          //   tableName: '文件信息表',
          //   columnProp: 'orderRef3',
          //   headerAlign: 'center',
          //   align: 'center',
          //   columnLabel: '文件描述',
          //   columnHidden: false,
          //   columnImage: false,
          //   columnSortable: false,
          //   sortLv: 0,
          //   status: true,
          //   fixed: '',
          //   columnWidth: 120
          // },
          {
            userId: this.$store.state.user.name,
            functionId: 103001,
            serialNumber: '103001Table2CreateDate',
            tableId: '103001Table2',
            tableName: '文件信息表',
            columnProp: 'createDate',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '上传时间',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 140
          },
          {
            userId: this.$store.state.user.name,
            functionId: 103001,
            serialNumber: '103001Table2CreatedBy',
            tableId: '103001Table2',
            tableName: '文件信息表',
            columnProp: 'createBy',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '上传人',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 140
          }
        ],
        // 导出 end
        columnList1: [
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1Site',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "site",
            headerAlign: "center",
            align: "left",
            columnLabel: "工厂编码",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1DepartmentDesc',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "departmentDesc",
            headerAlign: "center",
            align: "left",
            columnLabel: "部门",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1ApplyNo',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "applyNo",
            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: 106002,
            serialNumber: '106002Table1ApplyBy',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "applyBy",
            headerAlign: "center",
            align: "left",
            columnLabel: "申请人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1Status',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "status",
            headerAlign: "center",
            align: "left",
            columnLabel: "状态",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1QuoterName',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "quoterName",
            headerAlign: "center",
            align: "left",
            columnLabel: "报价员",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1TpName',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "tpName",
            headerAlign: "center",
            align: "left",
            columnLabel: "TP",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1PurchaserName',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "purchaserName",
            headerAlign: "center",
            align: "left",
            columnLabel: "采购员",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table1ApplyDate',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "applyDate",
            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: 106002,
            serialNumber: '106002Table1ApplyReason',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "applyReason",
            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: 106002,
            serialNumber: '106002Table1Remark',
            tableId: "106002Table1",
            tableName: "刀具申请主表",
            columnProp: "remark",
            headerAlign: "center",
            align: "left",
            columnLabel: "申请备注",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 200
          },
        ],
        columnList2: [
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2SeqNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'seqNo',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '序号',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 40
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'orderRef1',
            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: 106002,
            serialNumber: '106002Table2ToolNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'toolId',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工具编码',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2ToolDescription',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'toolDesc',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工具描述',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2ApplyQty',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'applyQty',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '申请数量',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2UnitCost',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'standardCost',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工具成本',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'orderRef2',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '物料编码',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },       {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'orderRef3',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工艺路线版本',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },
          {
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'orderRef5',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '替代编码',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },{
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'operationNo',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工序号',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },{
            userId: this.$store.state.user.name,
            functionId: 106002,
            serialNumber: '106002Table2QuotationNo',
            tableId: '106002Table2',
            tableName: '工具申请明细',
            columnProp: 'operationName',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '工序',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 70
          },
        ],
        columnFileContentArray: [
          {
            columnProp: 'fileName',
            headeralign: 'left',
            align: 'left',
            columnLabel: '文件名称',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: false
          // }, {
          //   columnProp: 'createdBy',
          //   headeralign: 'left',
          //   align: 'left',
          //   columnLabel: '上传人',
          //   columnHidden: false,
          //   columnImage: false,
          //   columnSortable: true,
          //   sortLv: 0,
          //   status: true,
          //   fixed: false
          }, {
            columnProp: 'createDate',
            headeralign: 'left',
            align: 'left',
            columnLabel: '上传时间',
            columnHidden: false,
            columnImage: false,
            columnSortable: true,
            sortLv: 0,
            status: true,
            fixed: false
          }, {
            columnProp: 'orderRef3',
            headeralign: 'left',
            align: 'left',
            columnLabel: '类型',
            columnHidden: false,
            columnImage: false,
            columnSortable: true,
            sortLv: 0,
            status: true,
            fixed: false
          },
        ],
        approvalList: [],
        rejectOpinion: '',
        submitModalFlag: false,
      }
    },
    watch: {
      // columnList1: {
      //   deep: true,
      //   handler: function (newV, oldV) {
      //     debugger
      //
      //   }
      // }
    },
    mounted() {
      this.$nextTick(() => {
        this.height = window.innerHeight - 520;
      })
    },
    methods: {
      // 查询审批信息
      getApprovalList () {
        if (Object.keys(this.currentRow).length !== 0) {
          let tempData = {
            site: this.$store.state.user.site,
            menuId: this.$route.meta.menuId,
            documentNo: this.currentRow.applyNo
          }
          getApprovalList(tempData).then(({data}) => {
            if (data && data.code === 0) {
              this.approvalList = data.rows
            } else {
              this.approvalList = []
            }
          })
        }
      },

      // 获取基础数据列表S
      getBaseList (val, type) {
        this.tagNo = val
        this.tagNo2 = 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.tagNo2==1) {
            this.dataForm.quoter = val.username
            this.dataForm.quoterName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.quoterName);
            });
          }
          if(this.tagNo2==2) {
            this.dataForm.tp = val.username
            this.dataForm.tpName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.tpName);
            });
          }
          if(this.tagNo2==3) {
            this.dataForm.purchaser = val.username
            this.dataForm.purchaserName = val.user_display
            this.$nextTick(() => {
              this.$triggerInputEvent(this.$refs.purchaserName);
            });
          }
        }
      },

      //导出excel
      async createExportData() {
        this.searchData.limit = -1
        this.searchData.page = 1
        await searchProjectToolApplyHeader(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
      },
      //导出excel
      async createExportData2() {

        return this.contactList;
      },
      startDownload2() {
        //  this.exportData = this.dataList

      },
      finishDownload2() {

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

        return s
      },
      // 导出 end
      // 获取数据列表
      search () {
        this.searchData.limit = this.pageSize
        this.searchData.page = this.pageIndex
        searchProjectToolApplyHeader(this.searchData).then(({data}) => {
          if (data.code == 0) {
            this.dataList1 = data.page.list
            this.pageIndex = data.page.currPage
            this.pageSize = data.page.pageSize
            this.totalPage = data.page.totalCount
            if(this.dataList1.length>0){
              this.$refs.mainTable.setCurrentRow(this.dataList1[0]);
              this.currentRow = JSON.parse( JSON.stringify(this.dataList1[0]));

            }else {
              this.currentRow ={}
            }
            this.refreshCurrentTabTable ()
          }
          this.dataListLoading = false
        })
      },
      //单击切换订单
      changeData(row) {
        this.currentRow = JSON.parse(JSON.stringify(row));
        this.currentRow2 = row;
        this.refreshCurrentTabTable ();
        },
      addUploadFileModal(){
        let currentData = {
          site: this.currentRow.site,
          createBy: this.$store.state.user.name,
          projectId: this.currentRow.applyNo,
          projectName: '',
          remark: '',
        };
        //打开组件 去做新增业务
        this.$nextTick(() => {
          this.$refs.projectUploadFile.init(currentData);
        })
      },
      deleteFile(row){
        this.$confirm('确定要删除此文件?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          deleteProjectFile(row).then(({data}) => {
            if (data && data.code == 0) {
              this.getFileContentData();
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                }
              })
            } else {
              this.$alert(data.msg, '错误', {
                confirmButtonText: '确定'
              })
            }
          })
        }).catch(() => {
        })
      },
      tabClick (tab, event) {
        // 刷新列表数据
        this.refreshCurrentTabTable()
      },
      // 刷新页签的table数据
      refreshCurrentTabTable () {
        if (this.activeName == 'detail') {
          this.searchToolApplyDetail();
        }
        if (this.activeName == 'down') {
          // this.getFileContentData();
        }
        if (this.activeName === 'approvalInformation') {
          this.getApprovalList()
        }

      },
      searchToolApplyDetail(){
        if(this.currentRow.applyNo){
          searchProjectToolApplyDetail(this.currentRow).then(({data}) => {
            if (data.code == 0) {
              this.detailList = data.rows
            }
          })
        }else {
          this.detailList =[]
        }
      },
      editModal (row) {
        this.dataForm = {
          site: row.site,
          applyNo: row.applyNo,
          applyBy: row.applyBy,
          applyDate: row.applyDate,
          applySumQty: row.applySumQty,
          applyReason: row.applyReason,
          remark: row.remark,
          createBy: row.createBy,
          department:row.department,
          detailList: [],
          status: row.status,
          rejectOpinion: '',
          nodeConclusion: '',
          quoter: row.quoter,
          quoterName: row.quoterName,
          tp: row.tp,
          tpName: row.tpName,
          purchaser: row.purchaser,
          purchaserName: row.purchaserName,
          menuId: this.$route.meta.menuId,
          userName: this.$store.state.user.name,
        }
        searchProjectToolApplyDetail({ site: row.site,
          applyNo: row.applyNo,}).then(({data}) => {
          if (data.code == 0) {
            this.toolData = data.rows
          }
        })
        this.visible=true
      },
      comfirmApply (row) {
        this.$confirm(`确定下达这个申请`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          let tempData = {
            site: row.site,
            userName: this.$store.state.user.name,
            applyNo: row.applyNo,
            menuId: this.$route.meta.menuId
          }
          comfirmProjectToolApply(tempData).then(({data}) => {
          if (data && data.code === 0) {
            row.statusCode = '10'
            row.status = '下达'
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {}
            })
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
        })
      },
      cancelApply(row){
        this.$confirm(`确定取消这个申请`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          cancelProjectToolApply(row).then(({data}) => {
            if (data && data.code === 0) {
              this.search();
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                }
              })
            } else {
              this.$alert(data.msg, '错误', {
                confirmButtonText: '确定'
              })
            }
          })
        })
      },
      //刷新派设备文档的列表
      getFileContentData() {
        let currentData = {orderRef2: this.currentRow.applyNo};
        getFileContentList(currentData).then(({data}) => {
          //区分请求成功和失败的状况
          if (data && data.code == 200) {
            this.fileContentList = data.rows;
          } else {
            this.fileContentList = [];
          }
        });
      },
      // 下载
      downloadFile(row){
        // let inData={
        //   site:this.currentRow.site,
        //   username:this.$store.state.user.name,
        //   projectId:this.currentRow.projectId
        // }
        // getProjectUserRole(inData).then(({data}) => {
        //   if(this.$store.state.user.name=='admin'||data.row.downFlag=='Y') {
            downLoadProjectFile(row)
              .then(({data}) => {
                // 不限制文件下载类型
                const blob = new Blob([data], {type:'application/octet-stream;charset=utf-8'})
                // 下载文件名称
                const fileName = row.fileName
                // a标签下载
                const linkNode = document.createElement('a')
                linkNode.download = fileName // a标签的download属性规定下载文件的名称
                linkNode.style.display = 'none'
                linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
                console.log(linkNode)
                // if(val == 'Y'){
                //   this.pdfVisible = true
                //   this.pdfUrl = linkNode.href
                // }else {
                document.body.appendChild(linkNode)
                linkNode.click() // 模拟在按钮上的一次鼠标单击
                URL.revokeObjectURL(linkNode.href) // 释放URL 对象
                document.body.removeChild(linkNode)
                // }
              })
        //   }else {
        //     this.$alert('没有权限下载这个项目的文件！', '错误', {
        //       confirmButtonText: '确定'
        //     })
        //   }
        // })
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageIndex = 1
        this.search()
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageIndex = val
        this.search()
      },

      openMassageModel(){
        if(Object.keys(this.currentRow).length === 0){
          this.$alert('未选择记录！', '错误', {
            confirmButtonText: '确定'
          })
          return false;
        }
        this.modelData={
          site:this.currentRow.site,
          applyNo:this.currentRow.applyNo,
          prNo:this.currentRow.prNo,
          remark1:this.currentRow.remark1,
          poNo:this.currentRow.poNo,
          supplierName:this.currentRow.supplierName,
          allCost:this.currentRow.allCost,
          remark2:this.currentRow.remark2,
        }
        this.modelFlag=true
      },
      changeSum() {
        this.dataForm.applySumQty = 0
        for (const item of this.toolData) {
          // 累加之前先确保值存在，并将 null 或 undefined 转换为0
          this.dataForm.applySumQty += Number(item.applyQty != null && item.applyQty !== '' ? item.applyQty : 0);
        }
      },
      saveHeaderMessage(){
        this.$confirm('确定是否保存','提示',{
          confirmButtonText:'确定',
          cancelButtonText:'取消',
          type:'warning'
        }).then(()=>{
          saveProjectHeaderMessage(this.modelData).then(({data}) => {
            if (data && data.code == 0) {
              this.modelFlag=false;
              this.currentRow.prNo=this.modelData.prNo
              this.currentRow.remark1=this.modelData.remark1
              this.currentRow.poNo=this.modelData.poNo
              this.currentRow.supplierName=this.modelData.supplierName
              this.currentRow.allCost=this.modelData.allCost
              this.currentRow.remark2=this.modelData.remark2

              this.currentRow2.prNo=this.modelData.prNo
              this.currentRow2.remark1=this.modelData.remark1
              this.currentRow2.poNo=this.modelData.poNo
              this.currentRow2.supplierName=this.modelData.supplierName
              this.currentRow2.allCost=this.modelData.allCost
              this.currentRow2.remark2=this.modelData.remark2
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                }
              })
            } else {
              this.$alert(data.msg, '错误', {
                confirmButtonText: '确定'
              })
            }
          })
        })
      },

      // 同意提交
      agreeSubmit () {
        this.$confirm(`是否确认提交?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.dataForm.nodeConclusion = 'Y'
          this.submitData()
        })
      },

      // 打开提交模态框
      submitDataModal () {
        this.rejectOpinion = ''
        this.submitModalFlag = true
      },

      // 驳回提交
      rejectSubmit () {
        this.$confirm(`是否确认驳回?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.dataForm.rejectOpinion = this.rejectOpinion
          this.dataForm.nodeConclusion = 'N'
          this.submitData()
        })
      },

      // 提交
      submitData () {
        this.dataForm.userName = this.$store.state.user.name
        this.dataForm.menuId = this.$route.meta.menuId
        this.dataForm.detailList = this.toolData
        submitChange(this.dataForm).then(({data}) => {
          if (data && data.code === 0) {
            for (let i = 0; i <this.dataList1.length ; i++) {
              if (this.dataList1[i].applyNo === this.dataForm.applyNo) {
                this.dataList1[i].remark = this.dataForm.remark
                this.dataList1[i].applySumQty = this.dataForm.applySumQty
                this.dataList1[i].applyReason = this.dataForm.applyReason
              }
            }
            this.refreshCurrentTabTable()
            this.submitModalFlag = false
            this.visible = false
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
              }
            })
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },

      saveData () {
        this.dataForm.detailList = this.toolData
        editToolApplication(this.dataForm).then(({data}) => {
          if (data && data.code === 0) {
            for (let i = 0; i <this.dataList1.length ; i++) {
              if (this.dataList1[i].applyNo === this.dataForm.applyNo) {
                this.dataList1[i].remark = this.dataForm.remark
                this.dataList1[i].applySumQty = this.dataForm.applySumQty
                this.dataList1[i].applyReason = this.dataForm.applyReason
                this.dataList1[i].quoter = this.dataForm.quoter
                this.dataList1[i].tp = this.dataForm.tp
                this.dataList1[i].purchaser = this.dataForm.purchaser
                this.dataList1[i].quoterName = this.dataForm.quoterName
                this.dataList1[i].tpName = this.dataForm.tpName
                this.dataList1[i].purchaserName = this.dataForm.purchaserName
              }
            }
            this.visible = false
            this.refreshCurrentTabTable()
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
              }
            })
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },
      jumpBM(row){
        if (this.$router.resolve(`/sampleManagement-technicalSpecificationList`).resolved.name === '404'){
          this.$alert('权限不足,访问失败', '警告', {confirmButtonText: '确定',});
        }else {
          let inData={
            site:row.site,
            testPartNo:row.orderRef2
          }
          getProjectPartNowBm(inData).then(({data}) => {
            //区分请求成功和失败的状况
            if (data && data.code == 0) {
              if(data.rows==null||data.rows.length==0){
                this.$alert('该物料没有benchmark', '警告', {confirmButtonText: '确定',});
              }
              this.$router.push({name:`sampleManagement-technicalSpecificationList`,params:{nowCodeNo:data.rows[0].nowBm},})
            } else {

            }
          });
        }
      },
    },
    activated() {

    },
  }
</script>

<style >
  .el-transfer-panel {
    border: 2px solid #17b3a3;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  .el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #17b3a3;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #17b3a3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
  }

  .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 14px;
    color: #303133;
    font-weight: 400;
  }
</style>