风险场所管控仓库

src/store/riskLocationControlDialog.js

@@ -0,0 +1,50 @@
+import { defineStore } from 'pinia'
+
+export const useRiskLocationControlDialogStore = defineStore('riskLocationControlDialog', {
+  state: () => {
+    return {
+      dialogOptions: {
+        imgName: '小标题',
+        title: '风险场所列表',
+        activeIndex: 0,
+        buttons: [],
+        tableColumns: [
+          // { type: 'index', label: '序号', width: '80' },
+          { prop: 'type', label: '风险ID' },
+          { prop: 'date', label: '风险名称' },
+          { prop: 'domeType', label: '管控ID' },
+          { prop: 'samplingNum', label: '管控名称' },
+          {
+            prop: 'actions',
+            label: '操作',
+            slot: 'action-column', // 使用插槽自定义
+            width: '130'
+          }
+        ],
+        tableData: [
+          // 数据...
+          { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+          // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' }
+        ]
+      },
+    }
+  },
+  // 使用插件的配置选项
+  persist: {
+    key: 'risk_location_control_dialog-store',// 自定义存储的键名
+    storage: localStorage // 可以改为sessionStorage
+  }
+})

src/views/left/dialog/components/dialog/RiskLocationControlDialog.vue

@@ -61,47 +61,53 @@
 </template>
 <script setup>
 import { ref, watch, computed, reactive, toRefs, onBeforeMount, onMounted } from 'vue'
+import { draw } from "@/utils/map/AddLayer.js";
 import { useDialogStore } from '@/store/dialog'
-import {draw} from "@/utils/map/AddLayer.js";
 let dialogStore = useDialogStore()
 
-const dialogOptions = ref({
-  imgName: '小标题',
-  title: '风险场所列表',
-  activeIndex: 0,
-  buttons: [],
-  tableColumns: [
-    // { type: 'index', label: '序号', width: '80' },
-    { prop: 'type', label: '风险ID' },
-    { prop: 'date', label: '风险名称' },
-    { prop: 'domeType', label: '管控ID' },
-    { prop: 'samplingNum', label: '管控名称' },
-    {
-      prop: 'actions',
-      label: '操作',
-      slot: 'action-column', // 使用插槽自定义
-      width: '130'
-    }
-  ],
-  tableData: [
-    // 数据...
-    { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
-    { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' }
-  ]
-})
+import { useRiskLocationControlDialogStore } from '@/store/riskLocationControlDialog'
+let riskLocationControlDialogStore = useRiskLocationControlDialogStore()
+// 解构并保持响应式
+const { dialogOptions } = toRefs(riskLocationControlDialogStore)
+
+// console.log(dialogOptions,'dialogOptions')
+// const dialogOptions = ref({
+//   imgName: '小标题',
+//   title: '风险场所列表',
+//   activeIndex: 0,
+//   buttons: [],
+//   tableColumns: [
+//     // { type: 'index', label: '序号', width: '80' },
+//     { prop: 'type', label: '风险ID' },
+//     { prop: 'date', label: '风险名称' },
+//     { prop: 'domeType', label: '管控ID' },
+//     { prop: 'samplingNum', label: '管控名称' },
+//     {
+//       prop: 'actions',
+//       label: '操作',
+//       slot: 'action-column', // 使用插槽自定义
+//       width: '130'
+//     }
+//   ],
+//   tableData: [
+//     // 数据...
+//     // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '病例', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '密接', date: '-', domeType: '血清', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' },
+//     // { type: '咽拭子', date: '-', domeType: '-', samplingNum: '-', testNum: '-', positiveNum: '-' }
+//   ]
+// })
 const isExpend = ref(false)
 
 function addTable () {