设备模块各标签页弹窗新增草稿自动保存与恢复：编辑或录入数据中途关闭/刷新页面，再次打开同一弹窗时自动恢复未保存的编辑内容（弹窗显示"已恢复上次未保存的...

吴羡

4 天以前 39154a82354b08c2449918c0665457fdb2701b9b

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

@@ -166,10 +166,12 @@
} from '@/api/cnas/resourceDemand/device.js'
import { selectUserCondition } from "@/api/business/inspectionTask";
import { mapGetters } from "@/utils/store-compat";
import draftSave from '@/mixins/draftSave'
export default {
  name: "equipment-maintenance-plan",
  // import 引入的组件需要注入到对象中才能使用
  components: {},
  mixins: [draftSave],
  props: {
    clickNodeVal: {
      type: Object,
@@ -273,12 +275,22 @@
          if (res.code === 200) {
            this.form = res.data
            this.deviceMaintenancePlanDetails = this.form.deviceMaintenancePlanDetails
            this.restoreMaintenancePlanDraft()
          }
        }).catch(error => {
          console.error(error)
        })
      } else {
        this.restoreMaintenancePlanDraft()
      }
      this.getEquipOptions()
    },
    restoreMaintenancePlanDraft() {
      if (this.operationType === 'add' || this.operationType === 'edit') {
        const rid = this.operationType === 'edit' ? this.maintenancePlanId : ''
        this.draftRestore('maintenancePlanForm', 'form', rid, 'applicationForm')
        this.draftRestore('maintenancePlanRows', 'deviceMaintenancePlanDetails', rid, 'applicationForm')
      }
    },
    // 添加设备
    addTableRow() {
@@ -331,6 +343,8 @@
        addMaintenancePlan(this.form).then(res => {
          if (res.code == 200) {
            this.$message.success('新增成功')
            this.draftClear('maintenancePlanForm')
            this.draftClear('maintenancePlanRows')
            this.applicationForm = false
            this.getYearTableDetailData()
          }
@@ -342,6 +356,8 @@
        updateMaintenancePlan(this.form).then(res => {
          if (res.code == 200) {
            this.$message.success('修改成功')
            this.draftClear('maintenancePlanForm')
            this.draftClear('maintenancePlanRows')
            this.applicationForm = false
            this.getYearTableDetailData()
          }