用户模板

apps/web-test/src/views/dashboard/home/index.vue

@@ -538,6 +538,7 @@ const formState = reactive({
             <CloseCircleFilled style="color: #f10215" />
           </span>
           <div
+            :class="{ 'cursor-pointer': !tilesIsMove }"
             class="us-card-box bg-background box-border h-[100%] w-[100%] px-4 py-2"
             @click="goPage(item)"
           >

apps/web-test/src/views/dashboard/home/template.vue

@@ -40,7 +40,6 @@ import { storeToRefs } from 'pinia';
 
 import { UseTilesStore } from '#/store';
 
-import templateList from './template';
 import { tilesList } from './tiles';
 import { debounce, updateRowHeight } from './utils';
 
@@ -60,9 +59,12 @@ const setComponentRef = (el, id) => {
 
 const { proxy, ctx: that } = getCurrentInstance();
 const layout = ref([]);
+const id = ref('');
 onMounted(() => {
-  const id = route.params.id;
+  id.value = route.params.id;
-  const list = templateList[id] || templateList['1001'];
+  const list =
+    JSON.parse(localStorage.getItem(`layout_${id.value}`)) ||
+    JSON.parse(localStorage.getItem('layout'));
   const layoutStr = list;
   layout.value = layoutStr;
 });
@@ -372,7 +374,7 @@ const cancelOrSure = (type) => {
   if (type == 'cance') {
     editTiles.value = false;
     tilesStore.setTilesIsMove(false);
-    const layoutStr = JSON.parse(localStorage.getItem('layout'));
+    const layoutStr = JSON.parse(localStorage.getItem(`layout_${id.value}`));
 
     if (layoutStr && layoutStr.length > 0) {
       for (const element of layoutStr) {
@@ -389,7 +391,10 @@ const cancelOrSure = (type) => {
       delete element.isNew;
     });
     const newLayout = JSON.parse(JSON.stringify(layout.value));
-    window.localStorage.setItem('layout', JSON.stringify(newLayout));
+    window.localStorage.setItem(
+      `layout_${id.value}`,
+      JSON.stringify(newLayout),
+    );
   } else if (type == 'edit') {
     editTiles.value = true;
     tilesStore.setTilesIsMove(true);
@@ -534,7 +539,6 @@ const formState = reactive({
           </span>
           <div
             class="us-card-box bg-background box-border h-[100%] w-[100%] px-4 py-2"
-            @click="goPage(item)"
           >
             <component
               :is="item.loadComp"

apps/web-test/src/views/dashboard/home/usertemplate.vue

@@ -21,6 +21,9 @@ import {
 } from 'ant-design-vue';
 import { VxeUI } from 'vxe-table';
 
+import { saveTemplateData } from './template';
+
+saveTemplateData();
 watch(
   () => preferences.theme.mode,
   (n: any) => {