art: 所有设备 台账 二保工单 根据设备id查询二保工单,并过滤掉已完成和已取消的二保工单

zhangherong

2025-03-04 a9f005e2af294c47d7cd1e4b6ed401bf65f5b080

 src/views/eam/EquipmentListOfAll.vue

@@ -1,7 +1,7 @@
<template>
  <a-card
    :bordered="false"
    title="所有设备"
    title=""
  >
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
@@ -13,35 +13,42 @@
          :gutter="24"
          style="margin-bottom: 1%;"
        >
          <a-col :span="24">
          <a-col :xl='6'
                :lg='7'
                :md='8'
                :sm='24'>
            <a-form-item
              label="统一编号群"
              label="统一编码群"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <a-textarea
                placeholder="请输入所有统一编码,须用空格隔开,否则可能查询出错误信息"
                placeholder="请输入所有统一编码,每个统一编码占用一行,否则查询信息可能会出错"
                v-model="queryParam.nums"
                :auto-size="{ minRows: 2, maxRows:2 }"
              ></a-textarea>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="设备所属分类"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <j-dict-select-tag
                dictCode="mom_eam_equipment_category,name,id"
                dictCode="mom_eam_equipment_category,name,id,del_flag!='1'"
                placeholder="请输入搜索条件并选择"
                v-model="queryParam.equipmentCategoryId"
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
@@ -53,7 +60,10 @@
              ></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
@@ -65,7 +75,10 @@
              ></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="型号"
              :labelCol="labelCol"
@@ -77,9 +90,11 @@
              ></a-input>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="6">

          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="工区"
              :labelCol="labelCol"
@@ -89,7 +104,7 @@
                allow-clear
                placeholder="请选择工区"
                :triggerChange="true"
                dictCode="mom_base_area,name,id,del_flag!='1'"
                dictCode="mom_base_area,name,id,del_flag!='1' and type = '2'"
                v-model="queryParam.factoryModelId"
              />
            </a-form-item>
@@ -109,39 +124,58 @@
              />
            </a-form-item>
          </a-col> -->
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="维护部门"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <a-tree-select
              <!-- <a-tree-select
                style="width: 100%"
                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                :tree-data="treeData"
                placeholder="请选择维护部门"
                tree-default-expand-all
                v-model="queryParam.manageId"
              /> -->
              <j-dict-select-tag
                dictCode="sys_depart,depart_name,id"
                placeholder="请选择维护部门"
                v-model="queryParam.manageId"
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="使用部门"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <a-tree-select
              <!-- <a-tree-select
                style="width: 100%"
                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                :tree-data="treeData"
                placeholder="请选择使用部门"
                tree-default-expand-all
                v-model="queryParam.useId"
              /> -->
              <j-dict-select-tag
                dictCode="sys_depart,depart_name,id"
                placeholder="请选择使用部门"
                v-model="queryParam.useId"
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="是否生产线设备"
              :labelCol="labelCol"
@@ -156,9 +190,10 @@
              />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="ABC标识"
              :labelCol="labelCol"
@@ -173,7 +208,10 @@
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="技术状态"
              :labelCol="labelCol"
@@ -188,7 +226,10 @@
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="设备状态"
              :labelCol="labelCol"
@@ -203,7 +244,10 @@
              />
            </a-form-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="关键设备标识"
              :labelCol="labelCol"
@@ -218,9 +262,10 @@
              />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-model-item
              label="质保开始日期"
              :labelCol="labelCol"
@@ -234,7 +279,10 @@
              ></j-date>
            </a-form-model-item>
          </a-col>
          <a-col :span="6">
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-model-item
              label="质保结束日期"
              :labelCol="labelCol"
@@ -247,6 +295,25 @@
                v-model="queryParam.warrantyEnd"
              ></j-date>
            </a-form-model-item>
          </a-col>
          <!-- 按维修班组检索 -->
          <a-col :xl='6'
                 :lg='7'
                 :md='8'
                 :sm='24'>
            <a-form-item
              label="维修班组"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <j-dict-select-tag
                allow-clear
                placeholder="请选择维修班组"
                :triggerChange="true"
                dictCode="mom_base_team,name,id,del_flag!='1'"
                v-model="queryParam.teamId"
              />
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
@@ -305,11 +372,23 @@
        v-has="'equipmentAccount:add&delete&import&Edit'"
      >质保期变更</a-button>
      <a-button
        :disabled="selectedRowKeys.length==0"
        @click="batchDel"
        type="danger"
        icon="delete"
        v-has="'equipmentAccount:add&delete&import&Edit'"
      >批量删除</a-button>
      <a-button
        @click="handleUpdateKeyEquipment"
        type="primary"
        icon="calendar"
        v-has="'equipmentAccount:add&delete&import&Edit'"
      >设置关键设备标识</a-button>
      <a-button
        type="primary"
        @click="handleDownload"
        icon="download"
      >模版下载</a-button>
    </div>
    <!-- table区域-begin -->
    <div>
@@ -338,7 +417,16 @@
        :customRow="clickThenSelect"
        @change="handleTableChange"
      >

        <!-- 点击技术状态列，跳转到技术状态鉴定页面 -->
        <template
          slot="technologyStatus"
          slot-scope="text,record"
        >
          <a
            href="javascript:eam/EquipmentCalibrationOrder;"
            @click="handleTechnologyStatus(record)"
          >{{record.technologyStatus_dictText}}</a>
        </template>
        <template
          slot="htmlSlot"
          slot-scope="text"
@@ -469,6 +557,71 @@
        </span>

        <span
          slot="name"
          slot-scope="text"
        >
          <j-ellipsis
            :value="text"
            :length="8"
          />
        </span>
        <span
          slot="yseNoInspectionStandard"
          slot-scope="text"
        >
          <a-icon
            type="check"
            style="color: chartreuse;"
            v-if="text==='0'"
          />
          <a-icon
            type="close"
            v-else
            style="color:red;"
          />
        </span>
        <span
          slot="yseNoMaintenance2Standard"
          slot-scope="text"
        >
          <a-icon
            type="check"
            style="color: chartreuse;"
            v-if="text==='0'"
          />
          <a-icon
            type="close"
            v-else
            style="color:red;"
          />
        </span>
        <span
          slot="yseNoMaintenance3Standard"
          slot-scope="text"
        >
          <a-icon
            type="check"
            style="color: chartreuse;"
            v-if="text==='0'"
          />
          <a-icon
            type="close"
            v-else
            style="color:red;"
          />
        </span>

        <template
          slot="num"
          slot-scope="text,record"
        >
          <a
            href="javascript:;"
            @click="handleDetail(record)"
          >{{record.num}}</a>
        </template>

        <span
          slot="action"
          slot-scope="text, record"
        >
@@ -531,8 +684,16 @@

    <a-tabs defaultActiveKey="1">
      <a-tab-pane
        tab="工艺参数"
        tab="设备文档"
        key="1"
        forceRender
      >
        <EquipmentDocumentList :mainId="selectedMainId" />
      </a-tab-pane>
      <a-tab-pane
        tab="工艺参数"
        key="2"
        v-if="isOpenProcess"
      >
        <EquipmentProcessParametersList
          :mainId="selectedMainId"
@@ -541,20 +702,13 @@
      </a-tab-pane>
      <a-tab-pane
        tab="设备精度"
        key="2"
        forceRender
        key="3"
        v-if="isOpenPrecision"
      >
        <EquipmentPrecisionParametersList
          :isOpen="isOpenPrecision"
          :mainId="precisionParametersTemplateId"
        />
      </a-tab-pane>
      <a-tab-pane
        tab="设备文档"
        key="3"
        forceRender
      >
        <EquipmentDocumentList :mainId="selectedMainId" />
      </a-tab-pane>
      <a-tab-pane
        tab="备件"
@@ -578,12 +732,13 @@
        <equipment-update-warranty-list :mainId="selectedMainId" />
      </a-tab-pane>
      <a-tab-pane
        tab="日保标准"
        tab="点检标准"
        key="7"
        forceRender
      >
        <daily-maintenance-list :mainId="selectedMainId"></daily-maintenance-list>
      </a-tab-pane>

      <a-tab-pane
        tab="二保标准"
        key="8"
@@ -597,6 +752,20 @@
        forceRender
      >
        <third-maintenance-list :mainId="selectedMainId"></third-maintenance-list>
      </a-tab-pane>
      <a-tab-pane
        tab="点检工单"
        key="10"
        forceRender
      >
        <daily-inspection-order-list-component :mainId="selectedMainId"></daily-inspection-order-list-component>
      </a-tab-pane>
      <a-tab-pane
        tab="二保工单"
        key="11"
        forceRender
      >
        <daily-maintenance-order-list-component :mainId="selectedMainId"></daily-maintenance-order-list-component>
      </a-tab-pane>
    </a-tabs>
    <equipment-modal
@@ -631,8 +800,9 @@

import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import { mixinDevice } from '@/utils/mixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
import EquipmentModal from './modules/equipmentNew/EquipmentModal'
import { getAction } from '@/api/manage'
import { getAction, downFile, deleteAction } from '@/api/manage'
import EquipmentProcessParametersList from './modules/equipmentNew/EquipmentProcessParametersList'
import EquipmentDocumentList from './modules/equipmentNew/EquipmentDocumentList'
import EquipmentPrecisionParametersList from './modules/equipmentNew/EquipmentPrecisionParametersList'
@@ -653,6 +823,8 @@
import SecondMaintenanceList from './modules/equipmentNew/SecondMaintenanceList.vue'
import ThirdMaintenanceList from './modules/equipmentNew/ThirdMaintenanceList.vue'
import KeyEquipmentUpdateModel from './modules/equipmentNew/edit/KeyEquipmentUpdateModel.vue'
import DailyInspectionOrderListComponent from './modules/equipmentNew/DailyInspectionOrderListComponent.vue'
import DailyMaintenanceOrderListComponent from './modules/equipmentNew/DailyMaintenanceOrderListComponent.vue'

export default {
  name: "EquipmentList",
@@ -678,6 +850,9 @@
    SecondMaintenanceList,
    ThirdMaintenanceList,
    KeyEquipmentUpdateModel,
    JEllipsis,
    DailyInspectionOrderListComponent,
    DailyMaintenanceOrderListComponent,
  },
  data() {
    return {
@@ -694,46 +869,41 @@
            return parseInt(index) + 1
          },
          width: 50,
        },
        {
          title: '设备类型',
          align: "center",
          dataIndex: 'equipmentCategoryId_dictText',
        },
        {
          title: '是否生产线设备',
          align: "center",
          dataIndex: 'isLineEquip_dictText',
          fixed: 'left',
        },
        {
          title: '统一编码',
          align: "center",
          dataIndex: 'num',
          scopedSlots: { customRender: 'num' },
          fixed: 'left',
        },
        {
          title: '设备名称',
          align: "center",
          dataIndex: 'name',
        },
        {
          title: '型号',
          align: "center",
          dataIndex: 'model',
        },
        {
          title: '规格',
          align: "center",
          dataIndex: 'specification',
        },
        {
          title: '总功率',
          align: "center",
          dataIndex: 'gpo',
          scopedSlots: { customRender: 'name' },
          fixed: 'left',
        },
        {
          title: '使用部门',
          align: "center",
          dataIndex: 'useId_dictText',
        },
        {
          title: '中心',
          align: "center",
          dataIndex: 'workCenterId_dictText',
        },
        {
          title: '工区',
          align: "center",
          dataIndex: 'factoryModelId_dictText',
        },
        {
          title: '工段',
          align: "center",
          dataIndex: 'areaId_dictText',
        },
        {
          title: '维护部门',
@@ -746,6 +916,11 @@
          dataIndex: 'teamId_dictText',
        },
        {
          title: '设备所属分类',
          align: "center",
          dataIndex: 'equipmentCategoryId_dictText',
        },
        {
          title: 'ABC标识',
          align: "center",
          dataIndex: 'equipmentImportanceId',
@@ -756,16 +931,186 @@
          dataIndex: 'specificEquipment_dictText',
        },
        {
          title: '安全配置',
          align: "center",
          dataIndex: 'securityConfiguration',
        },
        {
          title: '冷却系统',
          align: "center",
          dataIndex: 'coolingSystem',
        },
        {
          title: '灭火器',
          align: "center",
          dataIndex: 'fireExtinguisher',
        },
        {
          title: '灭火器有效期',
          align: "center",
          dataIndex: 'fireExtinguisherValidityPeriod',
        },
        {
          title: '操作系统',
          align: "center",
          dataIndex: 'operatingSystem',
        },
        {
          title: '系统',
          align: "center",
          dataIndex: 'system',
        },
        {
          title: '设备端口',
          align: "center",
          dataIndex: 'port',
        },
        {
          title: '坐标数量',
          align: "center",
          dataIndex: 'coordinateNum',
        },
        {
          title: '设备状态',
          align: "center",
          dataIndex: 'equipmentStatus_dictText',
        },
        {
          title: '技术状态',
          align: "center",
          dataIndex: 'technologyStatus_dictText',
          scopedSlots: { customRender: 'technologyStatus' },
        },
        {
          title: '重量',
          align: "center",
          dataIndex: 'equipmentUda3',
        },
        {
          title: '重量计量单位',
          align: "center",
          dataIndex: 'equipmentUda4_dictText',
        },
        {
          title: '功能位置',
          align: "center",
          dataIndex: 'equipmentUda5',
        },
        {
          title: '安装位置',
          align: "center",
          dataIndex: 'equipmentUda2',
        },
        {
          title: '出厂日期',
          align: "center",
          dataIndex: 'leaveFactoryDate',
        },
        {
          title: '立项卡号',
          align: "center",
          dataIndex: 'projectApprovalNo',
        },
        {
          title: '资金来源',
          align: "center",
          dataIndex: 'fundSource',
        },
        {
          title: '验收日期',
          align: "center",
          dataIndex: 'acceptanceCheckDate',
        },
        {
          title: '出厂编号',
          align: "center",
          dataIndex: 'factoryNo',
        },
        {
          title: '资产制造商',
          align: "center",
          dataIndex: 'constructorId_dictText',
        },
        {
          title: '资产的来源国家',
          align: "center",
          dataIndex: 'sourceCountry',
        },
        {
          title: '型号',
          align: "center",
          dataIndex: 'model',
        },
        {
          title: '设备规格',
          align: "center",
          dataIndex: 'specification',
        },
        {
          title: '总功率',
          align: "center",
          dataIndex: 'gpo',
        },
        {
          title: '创建人',
          align: "center",
          dataIndex: 'createBy'
        },
        {
          title: '创建时间',
          align: "center",
          dataIndex: 'createTime',
        },
        {
          title: '更新人',
          align: "center",
          dataIndex: 'updateBy'
        },
        {
          title: '更新时间',
          align: "center",
          dataIndex: 'updateTime',
        },
        {
          title: '质保开始日期',
          align: "center",
          dataIndex: 'warrantyStart'
        },
        {
          title: '质保结束日期',
          align: "center",
          dataIndex: 'warrantyEnd',
        },
        {
          title: '资产状态',
          align: "center",
          dataIndex: 'propertyStatus_dictText',
        },
        {
          title: '三保日期',
          align: "center",
          dataIndex: 'thirdMaintenanceTime',
        },
        {
          title: '技术鉴定日期',
          align: "center",
          dataIndex: 'technologyStatusQualificationTime',
        },
        {
          title: '技术状态鉴定类型',
          align: "center",
          dataIndex: 'technologyStatusVerificationType_dictText',
        },

        {
          title: '下次技术状态鉴定时间',
          align: "center",
          dataIndex: 'nextTechnologyStatusQualificationTime',
        },
        {
          title: '是否生产线设备',
          align: "center",
          dataIndex: 'isLineEquip_dictText',
        },
        {
          title: '生产线编号',
          align: "center",
@@ -776,107 +1121,6 @@
          align: "center",
          dataIndex: 'isMeta_dictText',
        },
        // {
        //   title: '安全配置',
        //   align: "center",
        //   dataIndex: 'securityConfiguration',
        // },
        // {
        //   title: '冷却系统',
        //   align: "center",
        //   dataIndex: 'coolingSystem',
        // },
        // {
        //   title: '灭火器',
        //   align: "center",
        //   dataIndex: 'fireExtinguisher',
        // },

        // {
        //   title: '灭火器有效期',
        //   align: "center",
        //   dataIndex: 'fireExtinguisherValidityPeriod',
        // },
        // {
        //   title: '操作系统',
        //   align: "center",
        //   dataIndex: 'operatingSystem',
        // },
        // {
        //   title: '系统',
        //   align: "center",
        //   dataIndex: 'system',
        // },
        // {
        //   title: '设备端口',
        //   align: "center",
        //   dataIndex: 'port',
        // },
        // {
        //   title: '坐标数量',
        //   align: "center",
        //   dataIndex: 'coordinateNum',
        // },
        // {
        //   title: '设备状态',
        //   align: "center",
        //   dataIndex: 'equipmentStatus_dictText',
        // },
        // {
        //   title: '重量',
        //   align: "center",
        //   dataIndex: 'equipmentUda3',
        // },
        // {
        //   title: '重量计量单位',
        //   align: "center",
        //   dataIndex: 'equipmentUda4_dictText',
        // },
        // {
        //   title: '功能位置',
        //   align: "center",
        //   dataIndex: 'equipmentUda5',
        // },
        // {
        //   title: '安装位置',
        //   align: "center",
        //   dataIndex: 'equipmentUda2',
        // },
        // {
        //   title: '出厂日期',
        //   align: "center",
        //   dataIndex: 'leaveFactoryDate',
        // },
        // {
        //   title: '立项卡号',
        //   align: "center",
        //   dataIndex: 'projectApprovalNo',
        // },
        // {
        //   title: '资金来源',
        //   align: "center",
        //   dataIndex: 'fundSource',
        // },
        // {
        //   title: '验收日期',
        //   align: "center",
        //   dataIndex: 'acceptanceCheckDate',
        // },
        // {
        //   title: '出厂编号',
        //   align: "center",
        //   dataIndex: 'factoryNo',
        // },
        // {
        //   title: '资产制造商',
        //   align: "center",
        //   dataIndex: 'constructorId_dictText',
        // },
        // {
        //   title: '资产的来源国家',
        //   align: "center",
        //   dataIndex: 'sourceCountry',
        // }, 
        {
          title: '工艺参数管理',
          align: "center",
@@ -899,6 +1143,24 @@
          align: "center",
          dataIndex: 'precisionParametersTemplateId_dictText',
        },
        {
          title: '有无点检标准',
          align: "center",
          dataIndex: 'yseNoInspectionStandard',
          scopedSlots: { customRender: 'yseNoInspectionStandard' }
        },
        {
          title: '有无二保标准',
          align: "center",
          dataIndex: 'yseNoMaintenance2Standard',
          scopedSlots: { customRender: 'yseNoMaintenance2Standard' }
        },
        {
          title: '有无三保标准',
          align: "center",
          dataIndex: 'yseNoMaintenance3Standard',
          scopedSlots: { customRender: 'yseNoMaintenance3Standard' }
        },
        // {
        //   title: '备注',
        //   align: "center",
@@ -916,13 +1178,15 @@
        },
      ],
      url: {
        list: "/eam/equipment/getEquipmentList",
        list: "/eam/equipment/getEquipmentTZList",
        delete: "/eam/equipment/delete",
        deleteBatch: "/eam/equipment/deleteBatch",
        active: "/eam/equipment/active",
        exportXlsUrl: '/eam/equipment/exportXls',
        importExcelUrl: "/eam/equipment/importExcel",
        loadOptions: '/sys/sysDepart/loadDepartTreeOptions',
        uploadList: '/sys/upload/list',
        download: '/sys/upload/downloadFile',
      },
      dictOptions: {
      },
@@ -990,7 +1254,7 @@
      this.selectedMainId = ''
    },
    onSelectChange(selectedRowKeys, selectionRows) {
      if (selectedRowKeys.length == 1) {
      if (selectedRowKeys.length >= 1) {
        this.selectedMainId = selectedRowKeys[0]
        this.precisionParametersTemplateId = selectionRows[0].precisionParametersTemplateId;
        this.isOpenProcess = selectionRows[0].processParameters == 1;
@@ -1112,6 +1376,52 @@
    handleUpdateKeyEquipment() {
      this.$refs.keyEquipmentUpdate.add();
    },
    //技术状态跳转
    handleTechnologyStatus(record) {
      //路由是eam/EquipmentCalibrationOrder
      this.$router.push({
        path: '/eam/EquipmentCalibrationOrder',
        query: {
          equipmentId: record.id,
          technologyStatus: record.technologyStatus,
          technologyStatusVerificationType: record.technologyStatusVerificationType,
        }
      })
    },

    handleDownload() {
      var params = {}//查询条件
      params.type = "equipment"
      params.pageNo = 1
      params.pageSize = 10
      getAction(this.url.uploadList, params).then((res2) => {
        if (res2.success) {
          if (res2.result.records.length > 0) {
            downFile(this.url.download, { id: res2.result.records[0].id }).then((res) => {
              if (!res) {
                this.$message.warning('文件下载失败')
                return
              } else {
                let fileName = res2.result.records[0].name
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                  window.navigator.msSaveBlob(new Blob([res]), fileName)
                } else {
                  let url = window.URL.createObjectURL(new Blob([res]))
                  let link = document.createElement('a')
                  link.style.display = 'none'
                  link.href = url
                  link.setAttribute('download', fileName)
                  document.body.appendChild(link)
                  link.click()
                  document.body.removeChild(link) //下载完成移除元素
                  window.URL.revokeObjectURL(url) //释放掉blob对象
                }
              }
            })
          }
        }
      })
    },
  }
}
</script>