修改设备模块bug

spring

2025-02-15 237f95b05e0f122ee9ec7beaf82ba366a8b220ed

 src/components/equipment/quantity-value-traceability-plan.vue

@@ -2,130 +2,352 @@
  <div>
    <div>
      <div style="margin: 10px 0;text-align: right">
        <el-button size="small" type="primary" @click="getYearTableDetailData">刷新</el-button>
        <el-button size="small" type="primary" @click="handleForm('add')">新增</el-button>
        <el-button size="small" type="primary" @click="getYearTableDetailData"
          >刷新</el-button
        >
        <el-button size="small" type="primary" @click="handleForm('add')"
          >新增</el-button
        >
      </div>
      <div>
        <el-table ref="yearTable" v-loading="yearTableDetailDataLoading" :data="yearTableDetailData"
                  height="calc(100vh - 18em)"
                  style="width: 100% ;">
        <el-table
          ref="yearTable"
          v-loading="yearTableDetailDataLoading"
          :data="yearTableDetailData"
          height="calc(100vh - 18em)"
          style="width: 100% ;"
        >
          <!-- 表格列 -->
          <el-table-column align="center" header-align="center" label="序号" prop="prop" type="index" width="70"></el-table-column>
          <el-table-column label="年份" min-width="80" prop="planYear"></el-table-column>
          <el-table-column label="文件名称" min-width="120" prop="compiler"></el-table-column>
          <el-table-column label="编制人" min-width="150" prop="compiler"></el-table-column>
          <el-table-column label="编制时间" min-width="150" prop="datePreparation"></el-table-column>
          <el-table-column label="批准人" min-width="180" prop="audit"></el-table-column>
          <el-table-column
            align="center"
            header-align="center"
            label="序号"
            prop="prop"
            type="index"
            width="70"
          ></el-table-column>
          <el-table-column
            label="年份"
            min-width="80"
            prop="planYear"
          ></el-table-column>
          <el-table-column
            label="文件名称"
            min-width="120"
            prop="compiler"
          ></el-table-column>
          <el-table-column
            label="编制人"
            min-width="150"
            prop="compiler"
          ></el-table-column>
          <el-table-column
            label="编制时间"
            min-width="150"
            prop="datePreparation"
          ></el-table-column>
          <el-table-column
            label="批准人"
            min-width="180"
            prop="audit"
          ></el-table-column>
          <el-table-column label="批准状态" min-width="180" prop="status">
            <template slot-scope="scope">
              <el-tag v-if="scope.row.status ===  1" type="success">批 准</el-tag>
              <el-tag v-if="scope.row.status ===  0" type="danger">不批准</el-tag>
              <el-tag v-if="scope.row.status === 1" type="success"
                >批 准</el-tag
              >
              <el-tag v-if="scope.row.status === 0" type="danger"
                >不批准</el-tag
              >
            </template>
          </el-table-column>
          <el-table-column label="批准时间" min-width="180" prop="auditDate"></el-table-column>
          <el-table-column
            label="批准时间"
            min-width="180"
            prop="auditDate"
          ></el-table-column>
          <!-- 操作按钮 -->
          <el-table-column align="center" fixed="right" label="操作" min-width="180">
          <el-table-column
            align="center"
            fixed="right"
            label="操作"
            min-width="180"
          >
            <template slot-scope="scope">
              <el-button :disabled="scope.row.status === 1" size="small" type="text" @click="handleForm('edit', scope.row)">编辑</el-button>
              <el-button :disabled="scope.row.status === 1" size="small" type="text" @click="handleForm('check', scope.row)">批准</el-button>
              <el-button size="small" type="text" @click="handleDownOne(scope.row.traceabilityManagementId)">导出</el-button>
              <el-button :disabled="scope.row.status === 1" size="small" style="color: #f56c6c" type="text" @click="deleteFun(scope.row.traceabilityManagementId)">删除</el-button>
              <el-button
                :disabled="scope.row.status === 1"
                size="small"
                type="text"
                @click="handleForm('edit', scope.row)"
                >编辑</el-button
              >
              <el-button
                :disabled="scope.row.status === 1"
                size="small"
                type="text"
                @click="handleForm('check', scope.row)"
                >批准</el-button
              >
              <el-button
                size="small"
                type="text"
                @click="handleDownOne(scope.row.traceabilityManagementId)"
                >导出</el-button
              >
              <el-button
                :disabled="scope.row.status === 1"
                size="small"
                style="color: #f56c6c"
                type="text"
                @click="deleteFun(scope.row.traceabilityManagementId)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination :current-page="1" :page-size="pagination1.size" :page-sizes="[10, 20, 30, 50, 100]"
                       :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange1"
                       @current-change="handleCurrentChange1">
        <el-pagination
          :current-page="1"
          :page-size="pagination1.size"
          :page-sizes="[10, 20, 30, 50, 100]"
          :total="pagination1.total"
          layout="->,total, sizes, prev, pager, next, jumper"
          @size-change="handleSizeChange1"
          @current-change="handleCurrentChange1"
        >
        </el-pagination>
      </div>
    </div>
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false"
               :visible.sync="applicationForm" title="仪器设备量值溯源管理总体计划"
               width="80%" @close="closeDialog">
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="applicationForm"
      title="仪器设备量值溯源管理总体计划"
      width="80%"
      @close="closeDialog"
    >
      <div style="display: flex;align-items: center;">
        <el-button v-if="operationType !== 'check'" size="small" type="primary" @click="addTableRow">添加</el-button>
        <el-button
          v-if="operationType !== 'check'"
          size="small"
          type="primary"
          @click="addTableRow"
          >添加</el-button
        >
        <span style="width: 60px">年份：</span>
        <el-date-picker
          v-model="form.planYear"
          type="year"
          value-format="yyyy"
          :disabled="operationType === 'check'"
          clearable
          size="small"
          format="yyyy"
          placeholder="选择年">
          placeholder="选择年"
        >
        </el-date-picker>
      </div>
      <div style="margin: 10px 0">
        <el-table ref="yearTable" :data="deviceTraceabilityManagementDetails"
                  height="300px" id="templateParamTable" row-key="deviceId"
                  style="width: 100% ;">
          <el-table-column align="center" header-align="center" label="序号" type="index" width="60"></el-table-column>
        <el-table
          ref="yearTable"
          :data="deviceTraceabilityManagementDetails"
          height="300px"
          id="templateParamTable"
          row-key="deviceId"
          style="width: 100% ;"
        >
          <el-table-column
            align="center"
            header-align="center"
            label="序号"
            type="index"
            width="60"
          ></el-table-column>
          <el-table-column label="设备名称" min-width="170" prop="deviceId">
            <template slot-scope="scope">
              <el-input v-model="scope.row.deviceName" :disabled="operationType === 'check'" clearable size="small"></el-input>
              <el-input
                v-model="scope.row.deviceName"
                :disabled="operationType === 'check'"
                clearable
                size="small"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="型号" min-width="140" prop="specificationModel">
          <el-table-column
            label="型号"
            min-width="140"
            prop="specificationModel"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.specificationModel" :disabled="operationType === 'check'" clearable size="small"></el-input>
              <el-input
                v-model="scope.row.specificationModel"
                :disabled="operationType === 'check'"
                clearable
                size="small"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="设备编号" min-width="140" prop="managementNumber">
          <el-table-column
            label="设备编号"
            min-width="140"
            prop="managementNumber"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.managementNumber" :disabled="operationType === 'check'" clearable size="small"></el-input>
              <el-input
                v-model="scope.row.managementNumber"
                :disabled="operationType === 'check'"
                clearable
                size="small"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="技术指标参数" min-width="120" prop="technicalIndexParameters">
          <el-table-column
            label="技术指标参数"
            min-width="120"
            prop="technicalIndexParameters"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.technicalIndexParameters" :disabled="operationType === 'check'" clearable size="small" type="textarea"></el-input>
              <el-input
                v-model="scope.row.technicalIndexParameters"
                :disabled="operationType === 'check'"
                clearable
                size="small"
                type="textarea"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="技术指标要求" min-width="120" prop="technicalRequirements">
          <el-table-column
            label="技术指标要求"
            min-width="120"
            prop="technicalRequirements"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.technicalRequirements" :disabled="operationType === 'check'" clearable size="small" type="textarea"></el-input>
              <el-input
                v-model="scope.row.technicalRequirements"
                :disabled="operationType === 'check'"
                clearable
                size="small"
                type="textarea"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="检定周期" min-width="120" prop="verificationCycle">
          <el-table-column
            label="检定周期"
            min-width="120"
            prop="verificationCycle"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.verificationCycle" :disabled="operationType === 'check'" clearable size="small" type="textarea"></el-input>
              <el-input
                v-model="scope.row.verificationCycle"
                :disabled="operationType === 'check'"
                clearable
                size="small"
                type="textarea"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="检定单位" min-width="90" prop="verificationUnit">
          <el-table-column
            label="检定单位"
            min-width="90"
            prop="verificationUnit"
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.verificationUnit" :disabled="operationType === 'check'" clearable size="small" type="textarea"></el-input>
              <el-input
                v-model="scope.row.verificationUnit"
                :disabled="operationType === 'check'"
                clearable
                size="small"
                type="textarea"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column label="备注" min-width="90" prop="remark">
            <template slot-scope="scope">
              <el-input v-model="scope.row.remark" :disabled="operationType === 'check'" clearable size="small" type="textarea"></el-input>
              <el-input
                v-model="scope.row.remark"
                :disabled="operationType === 'check'"
                clearable
                size="small"
                type="textarea"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="80" align="center">
            <template slot-scope="scope">
              <el-button style="color: #f56c6c" type="text" @click="deleteRow(scope.$index)">删除</el-button>
              <el-button
                style="color: #f56c6c"
                type="text"
                @click="deleteRow(scope.$index)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closeDialog">取 消</el-button>
        <el-button v-if="operationType !=='check'" :loading="submitFormLoading" type="primary" @click="submitForm">确 认</el-button>
        <el-button v-if="operationType ==='check'" :loading="submitFormLoading" type="primary" @click="checkStatus(0)">不通过</el-button>
        <el-button v-if="operationType ==='check'" :loading="submitFormLoading" type="primary" @click="checkStatus(1)">通 过</el-button>
        <el-button
          v-if="operationType !== 'check'"
          :loading="submitFormLoading"
          type="primary"
          @click="submitForm"
          >确 认</el-button
        >
        <el-button
          v-if="operationType === 'check'"
          :loading="submitFormLoading"
          type="primary"
          @click="checkStatus(0)"
          >不通过</el-button
        >
        <el-button
          v-if="operationType === 'check'"
          :loading="submitFormLoading"
          type="primary"
          @click="checkStatus(1)"
          >通 过</el-button
        >
      </span>
    </el-dialog>
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false"
               :visible.sync="addEquipDia" title="添加设备" width="50%">
      <el-table ref="multipleTable" :data="equipOptions" tooltip-effect="dark" height="500"
                style="width: 100%" @selection-change="handleSelectionChange">
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="addEquipDia"
      title="添加设备"
      width="50%"
    >
      <el-table
        ref="multipleTable"
        :data="equipOptions"
        tooltip-effect="dark"
        height="500"
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="设备名称" prop="label" width="190"></el-table-column>
        <el-table-column prop="specificationModel" label="型号" width="120"></el-table-column>
        <el-table-column prop="managementNumber" label="设备编号"></el-table-column>
        <el-table-column
          label="设备名称"
          prop="label"
          width="190"
        ></el-table-column>
        <el-table-column
          prop="specificationModel"
          label="型号"
          width="120"
        ></el-table-column>
        <el-table-column
          prop="managementNumber"
          label="设备编号"
        ></el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="addEquipDia = false">取 消</el-button>
        <el-button v-if="operationType !=='check'" :loading="submitFormLoading" type="primary" @click="changeMachineName">确 认</el-button>
        <el-button
          v-if="operationType !== 'check'"
          :loading="submitFormLoading"
          type="primary"
          @click="changeMachineName"
          >确 认</el-button
        >
      </span>
    </el-dialog>
  </div>
@@ -141,8 +363,7 @@
  props: {
    clickNodeVal: {
      type: Object,
      default: () => {
      }
      default: () => {}
    }
  },
  data() {
@@ -151,7 +372,7 @@
      pagination1: {
        size: 10,
        current: 1,
        total: 0,
        total: 0
      },
      yearTableDetailDataLoading: false,
      yearTableDetailData: [],
@@ -160,146 +381,190 @@
      deviceIds: [],
      applicationForm: false,
      submitFormLoading: false,
      operationType: '',
      operationType: "",
      equipOptions: [],
      form: {
        planYear: '',
        planYear: "",
        deviceTraceabilityManagementDetails: []
      },
      addEquipDia: false,
    }
      addEquipDia: false
    };
  },
  mounted() {
    this.getYearTableDetailData()
    this.getYearTableDetailData();
  },
  // 方法集合
  methods: {
    // 查询
    getYearTableDetailData() {
      this.yearTableDetailDataLoading = true
      this.$axios.post(this.$api.deviceTraceabilityManagement.selectDeviceTraceabilityManagementByPage, {
        page: {
          current: this.pagination1.current,
          size: this.pagination1.size,
        },
        entity: {}
      }, {
        headers: {
          'Content-Type': 'application/json'
        },
        noQs: true
      }).then(res => {
        if (res.code == 200) {
          this.yearTableDetailData = res.data.records
          this.pagination1.total = res.data.total
        }
        this.yearTableDetailDataLoading = false
      }).catch(err => {
        this.yearTableDetailDataLoading = false
      })
      this.yearTableDetailDataLoading = true;
      this.$axios
        .post(
          this.$api.deviceTraceabilityManagement
            .selectDeviceTraceabilityManagementByPage,
          {
            page: {
              current: this.pagination1.current,
              size: this.pagination1.size
            },
            entity: {}
          },
          {
            headers: {
              "Content-Type": "application/json"
            },
            noQs: true
          }
        )
        .then(res => {
          if (res.code == 200) {
            this.yearTableDetailData = res.data.records;
            this.pagination1.total = res.data.total;
          }
          this.yearTableDetailDataLoading = false;
        })
        .catch(err => {
          this.yearTableDetailDataLoading = false;
        });
    },
    // 打开新增和编辑弹框
    handleForm(type, row) {
      this.operationType = type
      this.applicationForm = true
      this.form = {
        planYear: '',
          deviceTraceabilityManagementDetails: []
      },
      this.deviceTraceabilityManagementDetails = []
      this.operationType = type;
      this.applicationForm = true;
      (this.form = {
        planYear: "",
        deviceTraceabilityManagementDetails: []
      }),
        (this.deviceTraceabilityManagementDetails = []);
      if (row) {
        this.traceabilityManagementId = row.traceabilityManagementId
        this.$axios.get(this.$api.deviceTraceabilityManagement.getTraceabilityManagementDetail + '?traceabilityManagementId=' + this.traceabilityManagementId).then(res => {
          if (res.code === 200) {
            this.form = res.data
            this.deviceTraceabilityManagementDetails = this.form.deviceTraceabilityManagementDetails
          }
        }).catch(error => {
          console.error(error)
        })
        this.traceabilityManagementId = row.traceabilityManagementId;
        this.$axios
          .get(
            this.$api.deviceTraceabilityManagement
              .getTraceabilityManagementDetail +
              "?traceabilityManagementId=" +
              this.traceabilityManagementId
          )
          .then(res => {
            if (res.code === 200) {
              this.form = res.data;
              this.deviceTraceabilityManagementDetails = this.form.deviceTraceabilityManagementDetails;
            }
          })
          .catch(error => {
            console.error(error);
          });
      }
    },
    // 添加设备
    addTableRow () {
      this.addEquipDia = true
      this.getEquipOptions()
    addTableRow() {
      this.addEquipDia = true;
      this.getEquipOptions();
    },
    handleSelectionChange (selection) {
      this.selectionRows = selection
    handleSelectionChange(selection) {
      this.selectionRows = selection;
    },
    // 赋值仪器编号
    changeMachineName() {
      this.deviceTraceabilityManagementDetails = []
      this.deviceTraceabilityManagementDetails = [];
      this.selectionRows.map(val => {
        this.deviceTraceabilityManagementDetails.push({deviceId: val.id,managementNumber: val.value, deviceName: val.label, specificationModel: val.specificationModel})
      })
      this.addEquipDia = false
      this.rowDrop()
        this.deviceTraceabilityManagementDetails.push({
          deviceId: val.id,
          managementNumber: val.value,
          deviceName: val.label,
          specificationModel: val.specificationModel
        });
      });
      this.addEquipDia = false;
      this.rowDrop();
    },
    rowDrop() {
      const that = this
      const that = this;
      const tbody = document.querySelector(
        '#templateParamTable .el-table__body-wrapper tbody'
      )
        "#templateParamTable .el-table__body-wrapper tbody"
      );
      if (!this.sortTable) {
        this.sortTable = Sortable.create(tbody, {
          animation: 200, //动画时长
          handle: ".el-table__row", //可拖拽区域class
          //拖拽中事件
          onMove: ({ dragged, related }) => {
            const oldRow = that.deviceTraceabilityManagementDetails[dragged.rowIndex] //旧位置数据
            const newRow = that.deviceTraceabilityManagementDetails[related.rowIndex] //被拖拽的新数据
            const oldRow =
              that.deviceTraceabilityManagementDetails[dragged.rowIndex]; //旧位置数据
            const newRow =
              that.deviceTraceabilityManagementDetails[related.rowIndex]; //被拖拽的新数据
          },
          //拖拽结束事件
          onEnd: evt => {
            const curRow = that.deviceTraceabilityManagementDetails.splice(evt.oldIndex, 1)[0];
            that.deviceTraceabilityManagementDetails.splice(evt.newIndex, 0, curRow);
            const curRow = that.deviceTraceabilityManagementDetails.splice(
              evt.oldIndex,
              1
            )[0];
            that.deviceTraceabilityManagementDetails.splice(
              evt.newIndex,
              0,
              curRow
            );
          }
        })
        });
      }
    },
    // 删除表格行
    deleteRow (index) {
      this.deviceTraceabilityManagementDetails.splice(index, 1)
    deleteRow(index) {
      this.deviceTraceabilityManagementDetails.splice(index, 1);
    },
    // 提交新增和修改
    submitForm() {
      this.form.deviceTraceabilityManagementDetails = this.HaveJson(this.deviceTraceabilityManagementDetails)
      this.submitFormLoading = true
      if (this.operationType === 'add') {
        this.$axios.post(this.$api.deviceTraceabilityManagement.addTraceabilityManagement,
          this.form, {
            headers: {
              'Content-Type': 'application/json'
            },
            noQs: true
          }).then(res => {
          if (res.code == 200) {
            this.$message.success('新增成功')
            this.applicationForm = false
            this.getYearTableDetailData()
          }
          this.submitFormLoading = false
        }).catch(err => {
          this.submitFormLoading = false
        })
      this.form.deviceTraceabilityManagementDetails = this.HaveJson(
        this.deviceTraceabilityManagementDetails
      );
      this.submitFormLoading = true;
      if (this.operationType === "add") {
        this.$axios
          .post(
            this.$api.deviceTraceabilityManagement.addTraceabilityManagement,
            this.form,
            {
              headers: {
                "Content-Type": "application/json"
              },
              noQs: true
            }
          )
          .then(res => {
            if (res.code == 200) {
              this.$message.success("新增成功");
              this.applicationForm = false;
              this.getYearTableDetailData();
            }
            this.submitFormLoading = false;
          })
          .catch(err => {
            this.submitFormLoading = false;
          });
      } else {
        this.$axios.post(this.$api.deviceTraceabilityManagement.updateTraceabilityManagement,
          this.form, {
            headers: {
              'Content-Type': 'application/json'
            },
            noQs: true
          }).then(res => {
          if (res.code == 200) {
            this.$message.success('修改成功')
            this.applicationForm = false
            this.getYearTableDetailData()
          }
          this.submitFormLoading = false
        }).catch(err => {
          this.submitFormLoading = false
        })
        this.$axios
          .post(
            this.$api.deviceTraceabilityManagement.updateTraceabilityManagement,
            this.form,
            {
              headers: {
                "Content-Type": "application/json"
              },
              noQs: true
            }
          )
          .then(res => {
            if (res.code == 200) {
              this.$message.success("修改成功");
              this.applicationForm = false;
              this.getYearTableDetailData();
            }
            this.submitFormLoading = false;
          })
          .catch(err => {
            this.submitFormLoading = false;
          });
      }
    },
    // 提交审核
@@ -307,106 +572,133 @@
      const params = {
        status: status,
        traceabilityManagementId: this.traceabilityManagementId
      }
      this.$axios.post(this.$api.deviceTraceabilityManagement.reviewTraceabilityManagementStatus,
        params, {
          headers: {
            'Content-Type': 'application/json'
          },
          noQs: true
        }).then(res => {
        if (res.code == 200) {
          this.$message.success('审核成功')
          this.applicationForm = false
          this.getYearTableDetailData()
        }
        this.submitFormLoading = false
      }).catch(err => {
        this.submitFormLoading = false
      })
      };
      this.$axios
        .post(
          this.$api.deviceTraceabilityManagement
            .reviewTraceabilityManagementStatus,
          params,
          {
            headers: {
              "Content-Type": "application/json"
            },
            noQs: true
          }
        )
        .then(res => {
          if (res.code == 200) {
            this.$message.success("审核成功");
            this.applicationForm = false;
            this.getYearTableDetailData();
          }
          this.submitFormLoading = false;
        })
        .catch(err => {
          this.submitFormLoading = false;
        });
    },
    closeDialog() {
      this.applicationForm = false
      this.getYearTableDetailData()
      this.applicationForm = false;
      this.getYearTableDetailData();
    },
    // 分页
    handleSizeChange1(val) {
      this.pagination1.size = val
      this.getYearTableDetailData()
      this.pagination1.size = val;
      this.getYearTableDetailData();
    },
    // 分页
    handleCurrentChange1(val) {
      this.pagination1.current = val
      this.getYearTableDetailData()
      this.pagination1.current = val;
      this.getYearTableDetailData();
    },
    handleDownOne(id) {
      this.outLoading = true
      this.$axios.get(this.$api.deviceTraceabilityManagement.exportDeviceTraceabilityManagement + '?traceabilityManagementId=' + id, {
        responseType: "blob"
      }).then(res => {
        this.outLoading = false
        const blob = new Blob([res], {type: 'application/octet-stream'});
        //将Blob 对象转换成字符串
        let reader = new FileReader();
        reader.readAsText(blob, 'utf-8');
        reader.onload = () => {
          try {
            let result = JSON.parse(reader.result);
            if (result.message) {
              this.$message.error(result.message);
            } else {
              const url = URL.createObjectURL(blob);
              const link = document.createElement('a');
              link.href = url;
              link.download = '仪器设备量值溯源管理总体计划.doc';
              link.click();
              this.$message.success('导出成功')
            }
          } catch (err) {
            console.log(err);
            const url = URL.createObjectURL(blob);
            const link = document.createElement('a');
            link.href = url;
            link.download = '仪器设备量值溯源管理总体计划.doc';
            link.click();
            this.$message.success('导出成功')
      this.outLoading = true;
      this.$axios
        .get(
          this.$api.deviceTraceabilityManagement
            .exportDeviceTraceabilityManagement +
            "?traceabilityManagementId=" +
            id,
          {
            responseType: "blob"
          }
        }
      })
        )
        .then(res => {
          this.outLoading = false;
          const blob = new Blob([res], { type: "application/octet-stream" });
          //将Blob 对象转换成字符串
          let reader = new FileReader();
          reader.readAsText(blob, "utf-8");
          reader.onload = () => {
            try {
              let result = JSON.parse(reader.result);
              if (result.message) {
                this.$message.error(result.message);
              } else {
                const url = URL.createObjectURL(blob);
                const link = document.createElement("a");
                link.href = url;
                link.download = "仪器设备量值溯源管理总体计划.doc";
                link.click();
                this.$message.success("导出成功");
              }
            } catch (err) {
              console.log(err);
              const url = URL.createObjectURL(blob);
              const link = document.createElement("a");
              link.href = url;
              link.download = "仪器设备量值溯源管理总体计划.doc";
              link.click();
              this.$message.success("导出成功");
            }
          };
        });
    },
    // 删除
    deleteFun(id) {
      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$axios.get(this.$api.deviceTraceabilityManagement.deleteTraceabilityManagement + '?traceabilityManagementId=' + id).then(res => {
          this.$message.success('删除成功！');
          this.getYearTableDetailData();
      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .get(
              this.$api.deviceTraceabilityManagement
                .deleteTraceabilityManagement +
                "?traceabilityManagementId=" +
                id
            )
            .then(res => {
              this.$message.success("删除成功！");
              this.getYearTableDetailData();
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    // 获取所有设备
    getEquipOptions() {
      this.equipOptions = []
      this.$axios.get(this.$api.deviceScope.deviceScopeSearch + '?status=0').then(res => {
        if (res.code === 200 && res.data) {
          this.equipOptions = res.data.map(m => {
            m.value = m.managementNumber
            m.label = m.deviceName
            return m
          })
        }
      }).catch(error => {
        console.error(error)
      })
    },
      this.equipOptions = [];
      this.$axios
        .get(this.$api.deviceScope.deviceScopeSearch + "?status=0")
        .then(res => {
          if (res.code === 200 && res.data) {
            this.equipOptions = res.data.map(m => {
              m.value = m.managementNumber;
              m.label = m.deviceName;
              return m;
            });
          }
        })
        .catch(error => {
          console.error(error);
        });
    }
  },
  watch: {
    // 监听点击el-tree的数据，进行数据刷新
@@ -414,9 +706,9 @@
      if (newVal.value) {
        this.getYearTableDetailData();
      }
    },
    }
  }
}
};
</script>

<style scoped>