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

吴羡

4 天以前 39154a82354b08c2449918c0665457fdb2701b9b

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

@@ -96,11 +96,13 @@
  deviceScopeSearch
} from '@/api/cnas/resourceDemand/device.js'
import Sortable from "sortablejs";
import draftSave from '@/mixins/draftSave'

export default {
  name: "addYearPlanDia",
  // import 引入的组件需要注入到对象中才能使用
  components: {},
  mixins: [draftSave],
  data() {
    // 这里存放数据
    return {
@@ -134,6 +136,10 @@
          calibrationPlanDetailList: [],
        }
        this.calibrationPlanDetailList = []
        this.$nextTick(() => {
          this.draftRestore('addYearPlanDiaForm', 'form', '', 'applicationForm')
          this.draftRestore('addYearPlanDiaRows', 'calibrationPlanDetailList', '', 'applicationForm')
        })
      } else {
        this.getRowInfo(row)
      }
@@ -148,6 +154,10 @@
          this.form.planName = res.data.planName
          this.form.planYear = res.data.planYear
          this.form.planId = res.data.planId
          this.$nextTick(() => {
            this.draftRestore('addYearPlanDiaForm', 'form', this.form.planId, 'applicationForm')
            this.draftRestore('addYearPlanDiaRows', 'calibrationPlanDetailList', this.form.planId, 'applicationForm')
          })
        }
      }).catch(err => {
        this.yearTableLoading = false
@@ -215,6 +225,8 @@
        addDeviceCalibrationPlan(this.form).then(res => {
          if (res.code == 200) {
            this.$message.success('新增成功')
            this.draftClear('addYearPlanDiaForm')
            this.draftClear('addYearPlanDiaRows')
            this.closeDialog()
            this.$emit('closeDia')
          }
@@ -226,6 +238,8 @@
        updateDeviceCalibrationPlan(this.form).then(res => {
          if (res.code == 200) {
            this.$message.success('新增成功')
            this.draftClear('addYearPlanDiaForm')
            this.draftClear('addYearPlanDiaRows')
            this.closeDialog()
            this.$emit('closeDia')
          }
@@ -236,6 +250,8 @@
      }
    },
    closeDialog() {
      this.draftStop('addYearPlanDiaForm')
      this.draftStop('addYearPlanDiaRows')
      this.applicationForm = false
    },
    // 获取所有设备