feat(device): 核查计划检查日期精确到日；提前审核增加归档提醒；删除放开至未开始/待批准行

吴羡

6 天以前 a1e4d36f3ab3eb2e10373adfffebda4430e0ea3f

 src/views/CNAS/resourceDemand/device/component/equipmentVerificationPlan.vue

@@ -51,6 +51,7 @@
          width="70"></el-table-column>
        <el-table-column label="设备编号" min-width="170" prop="deviceNumber"></el-table-column>
        <el-table-column label="设备名称" min-width="180" prop="deviceName" show-overflow-tooltip></el-table-column>
        <el-table-column label="设备型号" min-width="120" prop="deviceModel" show-overflow-tooltip></el-table-column>
        <el-table-column label="核查时间" min-width="120" prop="checkTime"
          :formatter="formatCheckMonth"></el-table-column>
        <el-table-column label="核查指标" min-width="140" prop="checkIndex"> </el-table-column>
@@ -89,7 +90,7 @@
              @click="handleRecord(scope.row)">审核</el-button>
            <el-button v-if="scope.row.recordStatus === 2 || scope.row.recordStatus === 3"
              size="small" link type="primary" @click="handleDown(scope.row)">导出</el-button>
            <el-button v-if="scope.row.recordStatus === 0 && scope.row.recordContrastStatus === 0"
            <el-button v-if="scope.row.recordStatus === 0 || scope.row.recordStatus === 1"
              size="small" link type="danger" @click="deleteFun1(scope.row.planDetailsId)">删除</el-button>
          </template>
        </el-table-column>
@@ -107,16 +108,20 @@
          <div class="form-section-title">基本信息</div>
          <el-row :gutter="12">
            <el-col :span="12">
              <el-form-item label="仪器名称：" prop="deviceName">
              <el-form-item label="设备名称：" prop="deviceName">
                <el-input v-model="form.deviceName" disabled size="small"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="检查日期：" prop="checkTime">
                <el-date-picker v-model="form.checkTime" :disabled="operationType === 'view'" clearable
                  format="YYYY-MM" placeholder="选择检查日期" size="small" style="width:100%" type="month"
                  value-format="YYYY-MM">
                </el-date-picker>
                <el-input v-if="operationType === 'view'" :model-value="formatCheckMonth(null, null, form.checkTime)"
                  disabled size="small"></el-input>
                <template v-else>
                  <el-date-picker v-model="checkTimeEditValue" clearable format="YYYY-MM-DD" placeholder="选择检查日期"
                    size="small" style="width:100%" type="date" value-format="YYYY-MM-DD">
                  </el-date-picker>
                  <div v-if="isMonthOnlyCheckTime" class="check-time-tip">系统登记只到月份，选择具体日期后将按日保存</div>
                </template>
              </el-form-item>
            </el-col>
            <el-col :span="8">
@@ -212,7 +217,7 @@
        </div>
      </el-form>
      <template #footer><span class="dialog-footer">
        <el-button @click="resetForm">取 消</el-button>
        <el-button @click="handleCancel">取 消</el-button>
        <el-button :loading="submitFormLoading" type="primary" @click="submitForm"
          v-if="operationType !== 'view'">确 认</el-button>
      </span></template>
@@ -471,7 +476,10 @@
      this.$nextTick(() => {
        this.form = this.HaveJson(row)
        if (this.operationType !== 'view') {
          this.draftRestore('equipmentVerificationPlan', 'form', this.form.planDetailsId, 'dialogVisible')
          const rowDeviceName = this.form.deviceName
          this.draftRestore('equipmentVerificationPlan', 'form', this.form.planDetailsId, 'dialogVisible',
            // 设备名称是禁用字段，草稿里为空说明是被表单重置清空的废草稿，直接丢弃
            draft => !!draft.deviceName || !rowDeviceName)
        }
      })
    },
@@ -496,7 +504,7 @@
    },
    // 明细-删除
    deleteFun1(id) {
      this.$confirm('删除后，若该设备还有审核通过的核查记录，档案的最近核查日期将回退到最近一次完成记录；若没有，则清空档案的核查日期和核查周期。是否继续?', '提示', {
      this.$confirm('删除后，该行未审核的核查记录及附件会一并删除；若该设备还有审核通过的核查记录，档案的最近核查日期将回退到最近一次完成记录；若没有，则清空档案的核查日期和核查周期。是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
@@ -518,7 +526,28 @@
        this.saveDocx(res, '仪器设备期间核查计划表.docx')
      }).catch(() => { })
    },
    // 本次是否有改动（含打开时恢复的草稿）
    hasUnsavedEdit() {
      const state = this.draftStates && this.draftStates['equipmentVerificationPlan']
      return !!state && this.draftSnapshot(state) !== state.baseline
    },
    // 取消：无编辑直接退出；有编辑先确认，确认后丢弃草稿退出
    handleCancel() {
      if (this.operationType === 'view' || !this.hasUnsavedEdit()) {
        this.dialogVisible = false
        return
      }
      this.$confirm('是否确认取消编辑？本次编辑记录不保存！', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '继续编辑',
        type: 'warning'
      }).then(() => {
        this.draftClear('equipmentVerificationPlan')
        this.dialogVisible = false
      }).catch(() => { })
    },
    resetForm() {
      // 右上角关闭时 close 事件先于显隐监听触发，先把草稿存下再重置表单，避免重置后的空内容被存成草稿
      this.draftStop('equipmentVerificationPlan')
      this.$refs.modelForm.resetFields();
      this.dialogVisible = false
@@ -625,6 +654,19 @@
      }
      return list
    },
    // 日期控件只接受 YYYY-MM-DD；系统登记的待核查行只有年月，未改日期时不能把“日”写进表单
    checkTimeEditValue: {
      get() {
        const val = this.form.checkTime || ''
        return /^\d{4}-\d{2}$/.test(val) ? `${val}-01` : val
      },
      set(val) {
        this.form.checkTime = val || ''
      }
    },
    isMonthOnlyCheckTime() {
      return /^\d{4}-\d{2}$/.test(this.form.checkTime || '')
    },
  },
}
</script>
@@ -712,6 +754,14 @@
  margin-bottom: 12px;
}

.check-time-tip {
  width: 100%;
  font-size: 12px;
  line-height: 1.4;
  color: #909399;
  margin-top: 2px;
}

.export-panel {
  border: 1px solid #e4e7ed;
  border-radius: 6px;