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

吴羡

4 天以前 39154a82354b08c2449918c0665457fdb2701b9b

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

@@ -181,10 +181,12 @@
  getNoConfigProduct,
} from '@/api/cnas/resourceDemand/device.js'
import limsTable from "@/components/Table/lims-table.vue";
import draftSave from '@/mixins/draftSave'
export default {
  name: "dataAcquisitionConfig",
  // import 引入的组件需要注入到对象中才能使用
  components: {limsTable},
  mixins: [draftSave],
  props: {
    deviceId: {
      type: Number,
@@ -405,6 +407,9 @@
        this.configForm["sampleCode"] = res.data.sampleCode;
        this.configForm["dbFileName"] = res.data.dbFileName;
        this.configForm["fiberOpticRibbon"] = res.data.fiberOpticRibbon
        this.$nextTick(() => {
          this.draftRestore('acquisitionConfig4', 'configForm', this.deviceId, 'dialogVisible4')
        })
      })
    },
    // 提交文件配置
@@ -423,6 +428,7 @@
      this.upLoad4 = true;
      saveDeviceFileConfiguration({ deviceId: this.deviceId, ...obj }).then(res => {
        if (res.code == 200) {
          this.draftClear('acquisitionConfig4')
          this.dialogVisible4 = false;
          this.init();
          this.$message.success("操作成功");
@@ -481,6 +487,10 @@
            });
          });
        }
        this.$nextTick(() => {
          this.draftRestore('acquisitionConfig3', 'configForm', row.structureItemParameterId, 'dialogVisible3')
          this.draftRestore('acquisitionConfig3Domains', 'domains', row.structureItemParameterId, 'dialogVisible3')
        })
      });
    },
    // 提交数采配置
@@ -520,6 +530,8 @@
            dataConfigList: this.domains,
            isDevice: false
          }).then(res => {
            this.draftClear('acquisitionConfig3')
            this.draftClear('acquisitionConfig3Domains')
            this.dialogVisible3 = false;
            this.domains = [
              {
@@ -580,6 +592,8 @@
      this.page.current = val;
    },
    closeForm() {
      this.draftStop('acquisitionConfig3')
      this.draftStop('acquisitionConfig3Domains')
      this.deleteList = [];
      this.domains = [
        {