提交

apps/web-test/src/app.vue

@@ -40,6 +40,671 @@ const tokenTheme = computed(() => {
     token: tokens,
   };
 });
+
+const data = [
+  {
+    name1: 'WORKBENCH_USER_TMPL.png',
+    name2: 'WORKBENCH_USER_TMPL_C用户模板.png',
+    size: '2x2',
+    name: '用户模板',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767249239',
+    path: '/usertemplate',
+    x: 1,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'WORKBENCH_BUSINESS.png',
+    name2: 'WORKBENCH_BUSINESS_C业务域.png',
+    size: '2x2',
+    name: '业务域',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767251344',
+    path: '/operation',
+    x: 2,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'WORKBENCH_MANAGER.png',
+    name2: 'WORKBENCH_MANAGER_C磁贴管理.png',
+    size: '2x2',
+    name: '磁贴管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767253169',
+    path: '/portal',
+    x: 3,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'WORKBENCH_AUDIT.png',
+    name2: 'WORKBENCH_AUDIT_C磁贴审核.png',
+    size: '2x2',
+    name: '磁贴审核',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767255119',
+    path: '/audit',
+    x: 4,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1612255706920.png',
+    name2: 'AUTO_1612255706920_C待办管理.png',
+    size: '2x2',
+    name: '待办管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767257347',
+    path: '/todo',
+    x: 5,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1612159773503.png',
+    name2: 'AUTO_1612159773503_C网络学院.png',
+    size: '2x2',
+    name: '网络学院',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767288372',
+    path: '/audit',
+    x: 5,
+    y: 2,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1612160044533.png',
+    name2: 'AUTO_1612160044533_C市场管理.png',
+    size: '2x2',
+    name: '市场管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767290820',
+    x: 6,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1619690579620.png',
+    name2: 'AUTO_1619690579620_C政务信息.png',
+    size: '2x2',
+    name: '政务信息',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767297167',
+    x: 6,
+    y: 2,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1626147560487.png',
+    name2: 'AUTO_1626147560487_C短信统计.png',
+    size: '2x2',
+    name: '短信统计',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767300828',
+    x: 5,
+    y: 4,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1627617227980.png',
+    name2: 'AUTO_1627617227980_C文档资料共享.png',
+    size: '2x2',
+    name: '文档资料共享',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729767303653',
+    x: 6,
+    y: 4,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name: '我的分组',
+    w: 4,
+    h: 4,
+    component: './components/Output5/index.vue',
+    isResize: true,
+    x: 1,
+    dom: '.titlt-top',
+    y: 2,
+    i: 8737,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          i: {
+            default: '',
+          },
+          data: {
+            default: {},
+          },
+        },
+        emits: ['editGroupName', 'provideGridLayoutRef'],
+        __hmrId: '58720a9e',
+        __scopeId: 'data-v-58720a9e',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output5/index.vue',
+      },
+    },
+    childer: [
+      {
+        name1: 'AUTO_1612159241967.png',
+        name2: 'AUTO_1612159241967_C车辆调度.png',
+        size: '2x2',
+        name: '车辆调度',
+        w: 1,
+        h: 2,
+        minW: 1,
+        minH: 2,
+        i: 0,
+        x: 3,
+        y: 0,
+        component: '../Output1/index.vue',
+        loadComp: {
+          name: 'AsyncComponentWrapper',
+          __asyncResolved: {
+            __name: 'index',
+            props: {
+              data: {
+                default: {},
+              },
+              type: {
+                default: '',
+              },
+            },
+            __hmrId: 'a0c41bfd',
+            __scopeId: 'data-v-a0c41bfd',
+            __file:
+              'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+          },
+        },
+        moved: false,
+      },
+      {
+        name1: 'AUTO_1695377149839.png',
+        name2: 'AUTO_1695377149839_C员工自助.png',
+        size: '2x2',
+        name: '员工自助',
+        w: 1,
+        h: 2,
+        component: '../Output1/index.vue',
+        i: 116,
+        minW: 1,
+        minH: 2,
+        x: 1,
+        y: 0,
+        loadComp: {
+          name: 'AsyncComponentWrapper',
+          __asyncResolved: {
+            __name: 'index',
+            props: {
+              data: {
+                default: {},
+              },
+              type: {
+                default: '',
+              },
+            },
+            __hmrId: 'a0c41bfd',
+            __scopeId: 'data-v-a0c41bfd',
+            __file:
+              'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+          },
+        },
+        moved: false,
+      },
+      {
+        name1: 'WORKBENCH_USER_AUTH.png',
+        name2: 'WORKBENCH_USER_AUTH_C用户授权.png',
+        size: '2x2',
+        name: '用户授权',
+        w: 1,
+        h: 2,
+        component: '../Output1/index.vue',
+        i: 130,
+        minW: 1,
+        minH: 2,
+        x: 2,
+        y: 0,
+        loadComp: {
+          name: 'AsyncComponentWrapper',
+          __asyncResolved: {
+            __name: 'index',
+            props: {
+              data: {
+                default: {},
+              },
+              type: {
+                default: '',
+              },
+            },
+            __hmrId: 'a0c41bfd',
+            __scopeId: 'data-v-a0c41bfd',
+            __file:
+              'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+          },
+        },
+        moved: false,
+      },
+    ],
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1645600400416.png',
+    name2: 'AUTO_1645600400416_C石化商旅.png',
+    size: '2x2',
+    name: '石化商旅',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729822902635',
+    x: 7,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1647511070885.png',
+    name2: 'AUTO_1647511070885_C测试生产日报.png',
+    size: '2x2',
+    name: '测试生产日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729822906043',
+    x: 7,
+    y: 2,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1645756565135.png',
+    name2: 'AUTO_1645756565135_C财务经营.png',
+    size: '2x2',
+    name: '财务经营',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729822909239',
+    x: 7,
+    y: 4,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1649411776285.png',
+    name2: 'AUTO_1649411776285_C智能化管线.png',
+    size: '2x2',
+    name: '智能化管线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729822921153',
+    x: 8,
+    y: 0,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1666582214091.png',
+    name2: 'AUTO_1666582214091_C地面工程.png',
+    size: '2x2',
+    name: '地面工程',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729822926836',
+    x: 8,
+    y: 2,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1630380946904.png',
+    name2: 'AUTO_1630380946904_C操作手册.png',
+    size: '2x2',
+    name: '操作手册',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: '1729837797397',
+    group: 'workbench',
+    type: 'kjrk',
+    x: 8,
+    y: 4,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        props: {
+          data: {
+            default: {},
+          },
+          type: {
+            default: '',
+          },
+        },
+        __hmrId: 'a0c41bfd',
+        __scopeId: 'data-v-a0c41bfd',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output1/index.vue',
+      },
+    },
+    moved: false,
+  },
+  {
+    name1: 'AUTO_1612159241967.png',
+    name2: 'AUTO_1612159241967_C待办列表.png',
+    size: '2x2',
+    name: '待办列表',
+    w: 8,
+    h: 5,
+    component: './components/Output2/index.vue',
+    i: '1729840057657',
+    group: 'commonoffice',
+    type: 'kjrk',
+    x: 1,
+    y: 6,
+    loadComp: {
+      name: 'AsyncComponentWrapper',
+      __asyncResolved: {
+        __name: 'index',
+        __hmrId: '18b849bf',
+        __scopeId: 'data-v-18b849bf',
+        __file:
+          'D:/p/pansoft-plrl/apps/web-test/src/views/dashboard/home/components/Output2/index.vue',
+      },
+    },
+    moved: false,
+  },
+];
+window.localStorage.setItem('layout', JSON.stringify(data));
 </script>
 
 <template>
@@ -50,7 +715,7 @@ const tokenTheme = computed(() => {
   </ConfigProvider>
 </template>
 <style lang="scss">
-.text-muted-foreground {
+li .text-muted-foreground {
   color: #eee !important;
 
   .text-foreground {
@@ -66,6 +731,10 @@ const tokenTheme = computed(() => {
   }
 }
 
+p.text-muted-foreground {
+  color: hsl(var(--muted-foreground)) !important;
+}
+
 .vben-menu-item,
 .vben-sub-menu-content {
   color: #fff !important;

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

@@ -418,7 +418,7 @@ const moveEvent = (e) => {
     console.log(layout.value[dom]);
     currentDragItem.value = layout.value[dom];
     // 检查是否进入目标画布区域
-    checkIfOverTargetCanvas(e);
+    // checkIfOverTargetCanvas(e);
   }
 };
 
@@ -578,19 +578,6 @@ const formState = reactive({
 
 <template>
   <div id="container-canvas" class="container h-[calc(100%-10px)] px-[20px]">
-    <!-- 自定义布局的部分 -->
-    {{ screenW }} - {{ rowHeight }}
-
-    <div class="layoutJSON">
-      Displayed as <code>[x, y, w, h]</code>:
-      <div class="columns">
-        <div v-for="item in layout">
-          <b>{{ item.i }}</b
-          >: [{{ item.x }}, {{ item.y }}, {{ item.w }}, {{ item.h }}]
-        </div>
-      </div>
-    </div>
-
     <div class="grid-box index-grid select-none">
       <grid-layout
         v-if="rowHeight != 0"
@@ -616,8 +603,8 @@ const formState = reactive({
           :i="item.i"
           :is-resizable="
             tilesIsMove &&
-            (item.component.includes('Output2') ||
-              item.component.includes('Output5'))
+            ((item.component && item.component.includes('Output2')) ||
+              (item.component && item.component.includes('Output5')))
               ? true
               : false
           "

apps/web-test/src/views/dashboard/home/tiles.ts

@@ -201,9 +201,9 @@ const tilesList = [
   },
   {
     name1: 'AUTO_1612159241967.png',
-    name2: 'AUTO_1612159241967_C车辆调度.png',
+    name2: 'AUTO_1612159241967_C待办列表.png',
     size: '2x2',
-    name: '车辆调度',
+    name: '待办列表',
     w: 8,
     h: 5,
     component: './components/Output2/index.vue',

apps/web-test/src/views/dashboard/home/utils.ts

@@ -97,16 +97,16 @@ export const updateRowHeightByGroup = (domId: string): [number, number] => {
     rowHeight = 50; // 宽度 500px ~ 600px
     colNum = 6;
   } else if (containerWidth > 400) {
-    rowHeight = 45; // 宽度 400px ~ 500px
+    rowHeight = 50; // 宽度 400px ~ 500px
     colNum = 6;
   } else if (containerWidth > 300) {
-    rowHeight = 40; // 宽度 300px ~ 400px
+    rowHeight = 45; // 宽度 300px ~ 400px
     colNum = 4;
   } else if (containerWidth > 200) {
-    rowHeight = 35; // 宽度 200px ~ 300px
+    rowHeight = 40; // 宽度 200px ~ 300px
     colNum = 4;
   } else {
-    rowHeight = 30; // 宽度 150px ~ 200px (最小屏幕)
+    rowHeight = 35; // 宽度 150px ~ 200px (最小屏幕)
     colNum = 4;
   }
   console.log(`屏幕 ${domId}resize 监测:`, containerWidth, rowHeight);