在线预览调整

zss

2025-02-18 4b1898aa7f82e400b5958293c6c0a5dce5da6d6c

 src/components/do/a6-device/calibration.vue

@@ -1,13 +1,1111 @@
<!-- 设备校准 -->
<template>
  <div>设备校准</div>
  <div>
    <div class="btnS">
      <el-button size="small" type="primary" @click="calibrationMaintenance()"
        >校准项目维护</el-button
      >
      <el-button size="small" type="primary" @click="add('add')"
        >添加校准记录</el-button
      >
      <!-- <el-button size="small" type="primary" @click="handleDown"
        >导出Excel</el-button
      > -->
    </div>
    <div class="tables" style="margin-top: 10px;">
      <el-table :data="tableData" height="calc(100vh - 20em)">
        <el-table-column label="序号" type="index" width="120">
          <template v-slot="scope">
            <span>{{
              (search.current - 1) * search.size + scope.$index + 1
            }}</span>
          </template>
        </el-table-column>
        <el-table-column
          label="记录编号"
          min-width="150"
          prop="processNumber"
        ></el-table-column>
        <el-table-column
          label="校准机构"
          min-width="150"
          prop="unitOfMeasure"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column label="校准结论" min-width="150" prop="status">
          <template v-slot="scope">
            {{
              scope.row.status === "0yes"
                ? "合格"
                : scope.row.status === "1no"
                ? "不合格"
                : "其他"
            }}
          </template>
        </el-table-column>
        <el-table-column
          label="校准证书编号"
          min-width="150"
          prop="certificateSerialNumber"
        ></el-table-column>
        <el-table-column
          label="说明"
          min-width="150"
          prop="remark"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          label="校准日期"
          min-width="150"
          prop="calibrationDate"
        ></el-table-column>
        <el-table-column
          label="下次校准日期"
          min-width="150"
          prop="nextCalibrationDate"
        ></el-table-column>
        <el-table-column
          label="确认日期"
          min-width="150"
          prop="confirmDate"
        ></el-table-column>
        <el-table-column
          label="登记人"
          min-width="150"
          prop="createUser"
        ></el-table-column>
        <el-table-column
          label="登记日期"
          min-width="150"
          prop="createTime"
        ></el-table-column>
        <el-table-column
          fixed="right"
          label="操作"
          min-width="180"
          align="center"
        >
          <template #default="{ row }">
            <el-button
              size="small"
              type="text"
              @click="handleAttachmentClick(row)"
              >下载附件</el-button
            >
            <el-button
              size="small"
              type="text"
              @click="handleViewClick('view', row)"
              >查看</el-button
            >
            <el-button size="small" type="text" @click="handleDeleteClick(row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        :current-page="1"
        :page-size="search.size"
        :page-sizes="[10, 20, 30, 50, 100]"
        :total="search.total"
        layout="->,total, sizes, prev, pager, next, jumper"
        style="margin-right: 5%;"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      >
      </el-pagination>
    </div>
    <!-- 校准项目维护 -->
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="dialogVisible0"
      title="校准项目维护"
      top="5vh"
      width="70%"
    >
      <h4>
        <span style="display: flex;align-items: center;"
          ><span class="line"></span><span>设备校准参数维护</span></span
        >
        <el-button
          :loading="addCalibrateLoading"
          size="small"
          type="primary"
          @click="addCalibrate"
          >添 加</el-button
        >
      </h4>
      <div>
        <el-form
          ref="form0"
          :model="form0"
          :rules="form0Rules"
          label-position="right"
          label-width="120px"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item label="计量参数:" prop="measurementParameter">
                <el-input
                  v-model="form0.measurementParameter"
                  clearable
                  placeholder="请输入"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="量程范围:" prop="rangeOfMeasurement">
                <el-input
                  v-model="form0.rangeOfMeasurement"
                  clearable
                  placeholder="请输入"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="最大允许误差:" prop="maxPermissibleError">
                <el-input
                  v-model="form0.maxPermissibleError"
                  clearable
                  placeholder="请输入"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="判定标准:" prop="judgmentCriteria">
                <el-input
                  v-model="form0.judgmentCriteria"
                  clearable
                  placeholder="请输入"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <h4>
        <span style="display: flex;align-items: center;"
          ><span class="line"></span><span>设备校准参数</span></span
        >
      </h4>
      <!-- 设备校准参数表格 -->
      <el-table
        ref="calibrateTable"
        v-loading="calibrateParamsLoading"
        :data="calibrateParams"
        max-height="450"
        stripe
        style="width: 100%"
      >
        <el-table-column label="编号" type="index" width="80"></el-table-column>
        <el-table-column
          label="计量参数"
          prop="measurementParameter"
        ></el-table-column>
        <el-table-column
          label="量程范围"
          prop="rangeOfMeasurement"
        ></el-table-column>
        <el-table-column
          label="最大允许误差"
          prop="maxPermissibleError"
        ></el-table-column>
        <el-table-column
          label="判定标准"
          prop="judgmentCriteria"
        ></el-table-column>
        <el-table-column label="创建人" prop="createdBy"></el-table-column>
        <el-table-column label="创建时间" prop="creationTime"></el-table-column>
        <el-table-column fixed="right" label="操作">
          <template slot-scope="scope">
            <el-button size="small" type="text" @click="handleDelete(scope.row)"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <!-- 添加校准记录 -->
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="dialogVisible1"
      title="添加校准记录"
      top="5vh"
      width="80%"
      @close="resetCalibrationRecord"
    >
      <div style="height: 70vh;overflow-y: auto;overflow-x: hidden;">
        <h4>
          <div style="display: flex;align-items: center;">
            <span class="line"></span>
            <span>添加设备校准记录</span>
          </div>
        </h4>
        <el-form
          ref="calibrationRecord"
          :model="calibrationRecord"
          :rules="formRules"
          label-position="right"
          label-width="120px"
        >
          <el-row>
            <el-col :span="6">
              <el-form-item label="校准服务机构:" prop="unitOfMeasure">
                <el-input
                  v-model="calibrationRecord.unitOfMeasure"
                  :disabled="operationType === 'view'"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="校准日期:" prop="calibrationDate">
                <el-date-picker
                  v-model="calibrationRecord.calibrationDate"
                  :disabled="operationType === 'view'"
                  format="yyyy-MM-dd"
                  placeholder="选择日期"
                  size="small"
                  style="width: 90%"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="getNextCalibrationDate"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="下次校准日期:" label-width="140px">
                <el-date-picker
                  v-model="calibrationRecord.nextCalibrationDate"
                  disabled
                  format="yyyy-MM-dd"
                  placeholder="选择日期"
                  size="small"
                  style="width: 90%"
                  type="date"
                  value-format="yyyy-MM-dd"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="计算器具:" prop="calculatingApparatus">
                <el-input
                  v-model="calibrationRecord.calculatingApparatus"
                  :disabled="operationType === 'view'"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="计算标准量程:" prop="standardRange">
                <el-input
                  v-model="calibrationRecord.standardRange"
                  :disabled="operationType === 'view'"
                  size="small"
                  style="width: 90%"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item
                label="计量标准不确定度:"
                label-width="140px"
                prop="calibrationStandardUncertainty"
              >
                <el-input
                  v-model="calibrationRecord.calibrationStandardUncertainty"
                  :disabled="operationType === 'view'"
                  size="small"
                  style="width: 90%"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="所依据文件:" prop="byDocument">
                <el-input
                  v-model="calibrationRecord.byDocument"
                  :disabled="operationType === 'view'"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="证书编号:" prop="certificateSerialNumber">
                <el-input
                  v-model="calibrationRecord.certificateSerialNumber"
                  :disabled="operationType === 'view'"
                  size="small"
                  style="width: 90%"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item
                label="状态:"
                label-width="140px"
                prop="status"
                required
              >
                <el-radio-group
                  v-model="calibrationRecord.status"
                  :disabled="operationType === 'view'"
                >
                  <el-radio label="0yes">合格</el-radio>
                  <el-radio label="1no">不合格</el-radio>
                  <el-radio label="2other">其他</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="确认日期:">
                <el-date-picker
                  v-model="calibrationRecord.confirmDate"
                  :disabled="operationType === 'view'"
                  format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择日期"
                  size="small"
                  style="width: 100%"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="17">
              <el-form-item label="附件：" prop="fileName">
                <el-input
                  v-model="calibrationRecord.fileName"
                  :style="
                    `width: ${operationType === 'add' ? '85%' : '100%'};}`
                  "
                  disabled
                  size="small"
                >
                  <el-button
                    v-if="operationType === 'add'"
                    slot="append"
                    icon="el-icon-delete-solid"
                    @click="deleteFile"
                  ></el-button>
                </el-input>
                <el-upload
                  v-if="operationType === 'add'"
                  ref="upload"
                  :action="action"
                  :before-upload="beforeUpload"
                  :headers="headers"
                  :limit="1"
                  :on-error="onError"
                  :on-success="handleSuccessUp"
                  :show-file-list="false"
                  style="float: right;"
                >
                  <el-button
                    :loading="upLoading"
                    size="small"
                    style="position: relative; top: -4px;"
                    type="primary"
                    >附件上传
                  </el-button>
                </el-upload>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="备注:">
                <el-input
                  v-model="calibrationRecord.remark"
                  :disabled="operationType === 'view'"
                  :rows="3"
                  size="small"
                  style="width: 96%"
                  type="textarea"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <h4>
          <span style="display: flex;align-items: center;">
            <span class="line"></span><span>校准条目确认结果</span>
          </span>
        </h4>
        <el-table ref="calibrateTable" :data="calibrateParams" border>
          <el-table-column
            label="编号"
            type="index"
            width="60"
          ></el-table-column>
          <el-table-column
            label="计量参数"
            prop="measurementParameter"
          ></el-table-column>
          <el-table-column
            label="量程范围"
            prop="rangeOfMeasurement"
          ></el-table-column>
          <el-table-column
            label="最大允许误差"
            prop="maxPermissibleError"
          ></el-table-column>
          <el-table-column
            label="判定标准"
            prop="judgmentCriteria"
          ></el-table-column>
          <el-table-column label="是否校准" prop="isCalibration">
            <template slot="header" slot-scope="scope">
              <span class="required-span">* </span>是否校准
            </template>
            <template slot-scope="scope">
              <el-radio-group
                v-model="scope.row.isCalibration"
                :disabled="operationType === 'view'"
              >
                <el-radio label="0yes">是</el-radio>
                <el-radio label="1no">否</el-radio>
              </el-radio-group>
            </template>
          </el-table-column>
          <el-table-column label="判定结果" min-width="140" prop="result">
            <template slot="header" slot-scope="scope">
              <span class="required-span">* </span>判定结果
            </template>
            <template slot-scope="scope">
              <el-radio-group
                v-model="scope.row.result"
                :disabled="operationType === 'view'"
                @input="checkRadio()"
              >
                <el-radio label="0yes">合格</el-radio>
                <el-radio label="1no">不合格</el-radio>
                <el-radio label="2other">其他</el-radio>
              </el-radio-group>
            </template>
          </el-table-column>
          <el-table-column label="单项结果说明" prop="singleResultStatement">
            <template slot-scope="scope">
              <el-input
                v-model="scope.row.singleResultStatement"
                :disabled="operationType === 'view'"
                size="small"
              ></el-input>
            </template>
          </el-table-column>
        </el-table>
        <!-- 操作日志 -->
        <!--        <h4>-->
        <!--          <div style="display: flex;-->
        <!--      align-items: center;">-->
        <!--            <span class="line"></span><span>本记录状态和操作日志</span>-->
        <!--          </div>-->
        <!--        </h4>-->
        <!--        <el-table :data="tableDataOperate" style="width: 100%">-->
        <!--          <el-table-column type="index" label="序号" width="100"></el-table-column>-->
        <!--          <el-table-column prop="operator" label="操作人" width="120"></el-table-column>-->
        <!--          <el-table-column prop="operationTime" label="操作时间" width="180"></el-table-column>-->
        <!--          <el-table-column prop="operationType" label="操作类型" width="120"></el-table-column>-->
        <!--          <el-table-column prop="operationContent" label="操作内容"></el-table-column>-->
        <!--        </el-table>-->
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
          v-if="operationType === 'add'"
          @click="dialogVisible1 = false"
          >取 消</el-button
        >
        <el-button
          v-if="operationType === 'add'"
          :loading="addRecordLoading"
          type="primary"
          @click="addRecord"
          >确 定</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
import file from "../../../util/file";
import fileDownload from "../../../util/file";

export default {
  props: {
    clickNodeVal: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  data() {
    return {
      value: "",
      calibrateParams: [],
      calibrateParamsLoading: false,
      addCalibrateLoading: false,
      calibrationRecord: {
        unitOfMeasure: "", // 计量单位
        calibrationDate: null, // 校准日期
        nextCalibrationDate: null, // 下次校准日期
        calculatingApparatus: "", // 计算器具
        confirmDate: null, // 确认日期
        standardRange: "", // 计算标准量程
        calibrationStandardUncertainty: "", // 计量标准不确定度
        byDocument: "", // 依据文件
        certificateSerialNumber: "", // 证书编号
        status: "", // 状态
        remark: "", // 备注
        systemFileName: "", //
        fileName: "" //
      },
      formRules: {
        unitOfMeasure: [
          { required: true, message: "请输入校准服务机构", trigger: "blur" }
        ],
        calibrationDate: [
          { required: true, message: "请选择校准日期", trigger: "change" }
        ],
        calculatingApparatus: [
          { required: true, message: "请输入计算器具", trigger: "blur" }
        ],
        standardRange: [
          { required: true, message: "请输入计算标准量程", trigger: "blur" }
        ],
        calibrationStandardUncertainty: [
          { required: true, message: "请输入计量标准不确定度", trigger: "blur" }
        ],
        byDocument: [
          { required: true, message: "请输入所依据文件", trigger: "blur" }
        ],
        status: [{ required: true, message: "请选择状态", trigger: "change" }]
      },
      tableData: [],
      dialogVisible0: false,
      dialogVisible1: false,
      form0: {
        measurementParameter: "", // 计量参数
        rangeOfMeasurement: "",
        maxPermissibleError: "",
        judgmentCriteria: "",
        createdBy: "",
        action: "",
        deviceId: null
      },
      form0Rules: {
        measurementParameter: [
          { required: true, message: "请输入计量参数", trigger: "blur" }
        ],
        rangeOfMeasurement: [
          { required: true, message: "请输入量程范围", trigger: "blur" }
        ],
        maxPermissibleError: [
          { required: true, message: "请输入最大允许误差", trigger: "blur" }
        ],
        judgmentCriteria: [
          { required: true, message: "请输入判定标准", trigger: "blur" }
        ]
      },
      addRecordLoading: false,
      tableDataOperate: [], // 本记录状态和操作日志
      upLoading: false,
      operationType: "",
      search: {
        size: 20,
        current: 1,
        total: 0
      }
    };
  },
  // 用于上传文件的信息
  computed: {
    headers() {
      return {
        token: sessionStorage.getItem("token")
      };
    },
    action() {
      return this.javaApi + this.$api.personnel.saveCNASFile;
    }
  },
  mounted() {
    //获取操作记录信息
    this.getOperateMsg();
    this.getTableList(this.clickNodeVal.value); // 获取设备校准列表数据
  },
  methods: {
    //状态判定
    checkRadio() {
      let resultList = this.calibrateParams.map(ele => ele.result);
      if (resultList && resultList.filter(ele => ele == "1no").length > 0) {
        this.calibrationRecord.status = "1no";
      } else if (
        resultList &&
        resultList.filter(ele => ele == "2other").length == resultList.length
      ) {
        this.calibrationRecord.status = "2other";
      } else if (
        resultList &&
        resultList.filter(ele => ele == "0yes").length == resultList.length
      ) {
        this.calibrationRecord.status = "0yes";
      }
    },
    getNextCalibrationDate(val) {
      let oneYearLaterDate = new Date(val);
      oneYearLaterDate.setFullYear(oneYearLaterDate.getFullYear() + 1);
      oneYearLaterDate.setDate(oneYearLaterDate.getDate() - 1);
      // let obj = oneYearLaterDate.toISOString().split('T')[0];
      this.calibrationRecord.nextCalibrationDate = oneYearLaterDate;
    },
    handleSizeChange(val) {
      this.search.size = val;
      this.getTableList(this.clickNodeVal.value);
    },
    handleCurrentChange(val) {
      this.search.current = val;
      this.getTableList(this.clickNodeVal.value);
    },
    getTableList(deviceId) {
      this.$axios
        .get(
          this.$api.deviceCheck.deviceMetricRecordPage +
            "?deviceId=" +
            deviceId +
            "&size=" +
            this.search.size +
            "&current=" +
            this.search.current +
            "&type=calibrate"
        )
        .then(res => {
          this.tableData = res.data.records;
          this.search.total = res.data.total;
        });
    },
    getOperateMsg() {
      this.$axios
        .get(this.$api.deviceOperate.list + "/" + this.clickNodeVal.value)
        .then(res => {
          this.tableDataOperate = res.data;
        });
    },
    // 添加核查记录
    add(type) {
      this.operationType = type;
      this.dialogVisible1 = true;
      this.getXmsg();
    },
    // 查看详情
    handleViewClick(type, row) {
      this.$axios
        .get(
          this.$api.deviceCheck.showDeviceMetricsCopy +
            "?id=" +
            row.id +
            "&type=calibrate"
        )
        .then(res => {
          this.calibrateParams = res.data;
        });
      this.calibrationRecord = { ...row };
      this.operationType = type;
      this.dialogVisible1 = true;
    },
    // 表格删除操作
    handleDeleteClick(row) {
      this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .delete(
              this.$api.deviceCheck.deleteDeviceMetricRecord + "?id=" + row.id
            )
            .then(res => {
              this.getTableList(this.clickNodeVal.value); // 获取设备校准列表数据
              this.$message.success("删除成功！");
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    handleAttachmentClick(row) {
      let state = /\.(jpg|jpeg|png|gif)$/i.test(row.systemFileName);
      if (state) {
        let url = this.javaApi + "/img/" + row.systemFileName;
        fileDownload.downloadIamge(url, row.systemFileName);
      } else {
        const url = this.javaApi + "/word/" + row.systemFileName;
        const link = document.createElement("a");
        link.href = url;
        link.download = row.systemFileName;
        link.click();
        this.$message.success("下载成功");
      }
    },
    //导出
    handleDown() {
      this.outLoading = true;
      this.$axios
        .get(
          this.$api.deviceCheck.deviceMetricRecordExport +
            "?deviceId=" +
            this.clickNodeVal.value +
            "&type=calibrate",
          {
            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 = "设备校准.xlsx";
                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 = "设备校准.xlsx";
              link.click();
              this.$message.success("导出成功");
            }
          };
        });
    },
    deleteFile() {
      this.$confirm("此操作将永久删除文件, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .delete(
              this.$api.personnel.deleteCNASFile +
                "?fileName=" +
                this.calibrationRecord.systemFileName
            )
            .then(res => {
              this.calibrationRecord.fileName = "";
              this.$refs.upload.clearFiles();
              if (res.code == 200) {
                this.$message.success("删除成功！");
              }
            });
        })
        .catch(err => {
          console.log("err----", err);
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    // 校准项目维护
    calibrationMaintenance() {
      this.dialogVisible0 = true;
      this.getXmsg();
    },
    // 获取设备校准参数table信息
    async getXmsg() {
      this.calibrateParamsLoading = true;
      try {
        await this.$axios
          .get(
            this.$api.deviceCheck.selectDeviceMetric +
              "?deviceId=" +
              this.clickNodeVal.value +
              "&type=calibrate"
          )
          .then(res => {
            if (res.code == 200) {
              this.calibrateParams = res.data;
            }
            this.calibrateParamsLoading = false;
          });
      } catch (e) {
        console.log("getXmsg---", e);
        this.calibrateParamsLoading = false;
      }
    },
    // 校准项目维护-删除设备校准参数
    handleDelete(row) {
      this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .delete(this.$api.deviceCheck.deleteDeviceMetrics + "?id=" + row.id)
            .then(res => {
              if (res.code === 200) {
                this.$message.success("删除成功!");
                this.getXmsg();
              }
            });
        })
        .catch(() => {
          this.$message.info("已取消删除");
        });
    },
    addCalibrate() {
      this.$refs["form0"].validate(valid => {
        if (valid) {
          // 保存
          this.calibrateParamsLoading = true;
          this.addCalibrateLoading = true;
          this.form0.deviceId = this.clickNodeVal.value;
          const user = JSON.parse(localStorage.getItem("user"));
          this.form0.createdBy = user.name;
          this.form0.type = "calibrate";
          this.$axios
            .post(this.$api.deviceCheck.saveOrUpdateDeviceMetric, this.form0, {
              headers: {
                "Content-Type": "application/json"
              }
            })
            .then(res => {
              if (res.code == 200) {
                this.$message.success("保存成功");
                this.$refs["form0"].resetFields();
                this.getXmsg(); // 刷新设备校准参数表格
              }
              this.calibrateParamsLoading = false;
              this.addCalibrateLoading = false;
            });
        } else {
          this.addCalibrateLoading = false;
          this.$message.warning("有必填项未填");
        }
      });
    },
    addRecord() {
      this.$refs["calibrationRecord"].validate(valid => {
        if (valid) {
          try {
            if (this.calibrateParams.some(m => m.isCalibration === undefined)) {
              this.$message.error("请选择是否校准");
              return;
            }
            if (!this.calibrateParams.every(m => m.result !== undefined)) {
              this.$message.error("请选择判定结果");
              return;
            }
            this.addRecordLoading = true;
            this.calibrationRecord.deviceId = this.clickNodeVal.value;
            let user = JSON.parse(localStorage.getItem("user"));
            this.calibrationRecord.createUser = user.name;
            this.calibrationRecord.type = "calibrate";
            this.calibrationRecord.deviceMetricsCopyList = this.calibrateParams;
            this.$axios
              .post(
                this.$api.deviceCheck.addOrUpdateDeviceMetricRecord,
                this.calibrationRecord,
                {
                  headers: {
                    "Content-Type": "application/json"
                  }
                }
              )
              .then(res => {
                if (res.code == 200) {
                  this.$message.success("添加成功");
                  this.dialogVisible1 = false;
                  this.getTableList(this.clickNodeVal.value);
                }
                this.addRecordLoading = false;
              });
          } catch (e) {
            console.log("addRecord---", e);
            this.addRecordLoading = false;
          }
        } else {
          this.$message.warning("有必填项未填");
        }
      });
    },
    resetCalibrationRecord() {
      this.$refs.calibrationRecord.resetFields();
    },
    // 上传附件
    handleSuccessUp(response, file) {
      if (response.code == 200) {
        // 在保存赋值新文件
        this.calibrationRecord.fileName = file.name;
        this.calibrationRecord.systemFileName = response.data;
        this.upLoading = false;
      } else {
        this.upLoading = false;
        this.$message.error(response.message);
      }
    },
    beforeUpload(file) {
      if (file.size > 1024 * 1024 * 10) {
        this.$message.error("上传文件不超过10M");
        this.$refs.upload.clearFiles();
        return false;
      } else {
        this.upLoading = true;
        return true;
      }
    },
    onError(err, file, fileList) {
      this.$message.error("上传失败");
      this.$refs.upload.clearFiles();
    }
    // end
  },
  watch: {
    // 监听点击el-tree的数据，进行数据刷新
    clickNodeVal(newVal) {
      if (newVal.value) {
        this.getTableList(newVal.value);
      }
    },
    dialogVisible1(newVal) {
      if (newVal === false) {
        this.calibrateParams = [];
        this.calibrationRecord = {
          unitOfMeasure: "", // 计量单位
          calibrationDate: null, // 校准日期
          nextCalibrationDate: null, // 下次校准日期
          calculatingApparatus: "", // 计算器具
          standardRange: "", // 计算标准量程
          calibrationStandardUncertainty: "", // 计量标准不确定度
          byDocument: "", // 依据文件
          certificateSerialNumber: "", // 证书编号
          status: "", // 状态
          remark: "" // 备注
        };
      }
    }
  }
};

function downloadImage(url) {
  const link = document.createElement("a");
  link.href = url;
  link.target = "_blank";
  link.download = "attachment.jpg"; // 文件名
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}
</script>

<style scoped>
.tables {
  width: 100%;
  height: calc(100vh - 230px);
}

.search {
  background-color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
}

.search_thing {
  display: flex;
  align-items: center;
  height: 40px;
}

.search_label {
  width: 70px;
  font-size: 14px;
  text-align: right;
  margin-right: 10px;
}

.search_input {
  width: calc(100% - 110px);
}

.btnS {
  text-align: right;
  margin-top: 10px;
}

h4 {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

h4 .line {
  display: inline-block;
  width: 3px;
  height: 16px;
  background: #3a7bfa;
  margin-right: 4px;
}

.check {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.check_thing {
  flex: 0 0 calc(20% - 10px);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.check_label {
  font-size: 14px;
  margin-bottom: 5px;
}

.check_data .check_input {
  width: 100%;
}

.el-table {
  font-size: 14px;
  color: #333;
}

.el-table thead {
  background-color: #f5f5f5;
}
</style>