From 57d40475cd5fe92260ebae7dbe32d70e98290c2e Mon Sep 17 00:00:00 2001
From: hujiale <13306077+hujiale9527@user.noreply.gitee.com>
Date: Thu, 24 Oct 2024 11:49:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/components/Output5/index.vue         |   75 +-
 .../src/views/dashboard/home/index.vue        |  425 ++-
 .../src/views/dashboard/home/tiles.ts         | 2694 ++++++++---------
 3 files changed, 1705 insertions(+), 1489 deletions(-)

diff --git a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
index 219a2c49..318cf271 100644
--- a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
+++ b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
@@ -1,36 +1,65 @@
-<template>
-  <div class="custom-card w-[100%] h-[100%] flex flex-col">
-    <div class="card-name titlt-top" v-if="isEdit"><div>我的应用</div><EditOutlined /></div>
-    <div class="card-name titlt-top" v-else >
-      <Input v-model:value="cardName" >
-        <template #addonAfter>
-          <CheckOutlined />
-        </template>
-      </Input></div>
-    <GridGroup :list="data.childer" class="flex-1"></GridGroup>
-  </div>
-</template>
 <script setup lang="ts">
-import { toRefs ,ref} from 'vue'
+import { ref, toRefs } from 'vue';
+
+import {
+  CheckOutlined,
+  CloseOutlined,
+  EditOutlined,
+} from '@ant-design/icons-vue';
+import { Input, Space } from 'ant-design-vue';
+
 import GridGroup from '../GridGroup/index.vue';
-import { CheckOutlined,EditOutlined} from '@ant-design/icons-vue';
-import { Input } from 'ant-design-vue';
-let cardName = ref('我的应用')
+
 const props = defineProps({
   data: {
     type: Object,
-    default: {}
+    default: {},
   },
-})
-let isEdit = ref(true)
-console.log('propsprops', props.data);
-let { data } = toRefs(props);
-
+});
+const cardName = ref(props.data.name);
+const newCardName = ref(cardName.value);
+const isEdit = ref(true);
+const setNewName = () => {
+  isEdit.value = !isEdit.value;
+  cardName.value = newCardName.value;
+};
+const { data } = toRefs(props);
 </script>
+<template>
+  <div class="custom-card flex h-[100%] w-[100%] flex-col">
+    <div
+      v-if="isEdit"
+      class="card-name titlt-top flex items-center justify-between"
+    >
+      <div>{{ cardName }}</div>
+      <EditOutlined
+        class="cursor-pointer"
+        style="font-size: 16px"
+        @click="isEdit = !isEdit"
+      />
+    </div>
+    <div v-else class="card-name titlt-top">
+      <Input
+        v-model:value="newCardName"
+        :autofocus="true"
+        :bordered="false"
+        size="small"
+      >
+        <template #addonAfter>
+          <Space warp>
+            <CheckOutlined @click="setNewName" />
+            <CloseOutlined @click="isEdit = !isEdit" />
+          </Space>
+        </template>
+      </Input>
+    </div>
+    <GridGroup :list="data.childer" class="flex-1" />
+  </div>
+</template>
 <style lang="scss" scoped>
 .card-name {
   font-weight: 500;
   padding: 5px 0;
   border-bottom: 1px solid #ddd;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/apps/web-test/src/views/dashboard/home/index.vue b/apps/web-test/src/views/dashboard/home/index.vue
index eb80bcc3..88101849 100644
--- a/apps/web-test/src/views/dashboard/home/index.vue
+++ b/apps/web-test/src/views/dashboard/home/index.vue
@@ -1,15 +1,38 @@
 <script setup>
-import { defineAsyncComponent, getCurrentInstance, markRaw, onMounted, ref, nextTick } from 'vue';
+import {
+  defineAsyncComponent,
+  getCurrentInstance,
+  markRaw,
+  nextTick,
+  onMounted,
+  ref,
+} from 'vue';
+import { useRouter } from 'vue-router';
 
-import { UndoOutlined, CheckOutlined, CloseCircleFilled, QuestionCircleOutlined, SyncOutlined, ShoppingCartOutlined, EditOutlined } from '@ant-design/icons-vue';
-import { CheckboxGroup, Checkbox, Collapse, CollapsePanel, FloatButtonGroup, FloatButton, BackTop, Popover } from 'ant-design-vue';
+import {
+  CheckOutlined,
+  CloseCircleFilled,
+  EditOutlined,
+  ShoppingCartOutlined,
+  UndoOutlined,
+} from '@ant-design/icons-vue';
+import {
+  Button,
+  Checkbox,
+  CheckboxGroup,
+  Collapse,
+  CollapsePanel,
+  FloatButton,
+  FloatButtonGroup,
+  Popover,
+} from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
 
-import { tilesList } from './tiles'
-import { useRouter } from "vue-router";
 import { UseTilesStore } from '#/store';
-import { storeToRefs } from 'pinia'
-const tilesStore = UseTilesStore();
 
+import { tilesList } from './tiles';
+
+const tilesStore = UseTilesStore();
 
 const router = useRouter();
 
@@ -18,18 +41,17 @@ const router = useRouter();
 const { proxy, ctx: that } = getCurrentInstance();
 const layout = ref([]);
 onMounted(() => {
-  let layoutStr = JSON.parse(localStorage.getItem('layout'));
+  const layoutStr = JSON.parse(localStorage.getItem('layout'));
   if (layoutStr && layoutStr.length > 0) {
-    for (let i = 0; i < layoutStr.length; i++) {
-      if (layoutStr[i]&&layoutStr[i].component) {
-        // layoutStr[i].component = loadComponent(layoutStr[i].component);
-      }
-    }
-    layout.value = layoutStr
+    // for (const element of layoutStr) {
+    //   if (element && element.component) {
+    //     layoutStr[i].component = loadComponent(layoutStr[i].component);
+    //   }
+    // }
+    layout.value = layoutStr;
   }
-  console.log('oooo',layout.value);
-  
-})
+  console.log('oooo', layout.value);
+});
 const colNum = 12;
 let defaultH = 2;
 let defaultW = 2;
@@ -44,7 +66,7 @@ const DragPos = {
   h: null,
   i: null,
 };
-const componentsInfo = tilesList
+const componentsInfo = tilesList;
 let currentDragCom = null;
 onMounted(() => {
   document.addEventListener(
@@ -111,7 +133,7 @@ const drag = (e, item) => {
     try {
       proxy.$refs.gridItem[layout.value.length - 1].$refs.item.style.display =
         'none';
-    } catch { }
+    } catch {}
 
     const el = proxy.$refs.gridItem ? proxy.$refs.gridItem[index] : null;
     if (el) {
@@ -198,12 +220,12 @@ const dragend = (e) => {
     try {
       proxy.$refs.gridItem[layout.value.length].$refs.item.style.display =
         'block';
-    } catch {
-    }
+    } catch {}
   }
   nextTick(() => {
+    // eslint-disable-next-line no-use-before-define
     tilesIsMove.value = true;
-  })
+  });
 };
 // 尺寸变更后，触发resize事件，使图表resize
 const resizedEvent = (e) => {
@@ -221,73 +243,142 @@ const delItem = (item) => {
 };
 
 // 商店弹层
-let shop = ref(false)
+const shop = ref(false);
 // 编辑磁贴
-let editTiles = ref(false)
+const editTiles = ref(false);
 // 商店分组展开
-let activeKeyArr = ref(['1', '2', '3'])
+const activeKeyArr = ref(['1', '2', '3']);
 // 选中的磁贴
-let selectTilseArr = ref([])
+const selectTilseArr = ref([]);
 // 新增磁贴
-let addTiles = (val) => {
-  let arr = JSON.parse(JSON.stringify(selectTilseArr.value))
+const addTiles = (val) => {
+  let arr = JSON.parse(JSON.stringify(selectTilseArr.value));
   if (arr.includes(val)) {
     arr = arr.filter((item) => {
-      return item != val
-    })
+      return item != val;
+    });
   } else {
-    arr.push(val)
+    arr.push(val);
   }
 
-  selectTilseArr.value = arr
-}
+  selectTilseArr.value = arr;
+};
 // 磁贴是否可编辑（删除、拖拽、大小）
-let { tilesIsMove } = storeToRefs(tilesStore)
+let { tilesIsMove } = storeToRefs(tilesStore);
 // 取消和确定编辑磁贴
-let cancelOrSure = (type) => {
+const cancelOrSure = (type) => {
   if (type == 'cance') {
     editTiles.value = false;
-    tilesStore.setTilesIsMove(false)
-    layout.value = layout.value.filter((item) => {
-      return !item.isNew
-    })
+    tilesStore.setTilesIsMove(false);
+    const layoutStr = JSON.parse(localStorage.getItem('layout'));
 
+    if (layoutStr && layoutStr.length > 0) {
+      for (const element of layoutStr) {
+        if (element && element.component) {
+          element.loadComp = loadComponent(element.component);
+        }
+      }
+      layout.value = layoutStr;
+    }
   } else if (type == 'sure') {
     editTiles.value = false;
-    tilesStore.setTilesIsMove(false)
+    tilesStore.setTilesIsMove(false);
     layout.value.forEach((element, index) => {
-      delete element.isNew
+      delete element.isNew;
     });
-    let newLayout = JSON.parse(JSON.stringify(layout.value));
+    const newLayout = JSON.parse(JSON.stringify(layout.value));
     window.localStorage.setItem('layout', JSON.stringify(newLayout));
   } else if (type == 'edit') {
     editTiles.value = true;
-    tilesStore.setTilesIsMove(true)
+    tilesStore.setTilesIsMove(true);
   }
-}
+};
 // 页面跳转
-let goPage = (item) => {
+const goPage = (item) => {
   if (tilesIsMove.value) return;
   router.push(item?.path);
-}
+};
+
+// 新增分组
+const addGroup = () => {
+  const arr = JSON.parse(JSON.stringify(layout.value));
+  const maxY = arr.reduce((max, item) => {
+    return Math.max(max, item.y);
+  }, -Infinity);
+  const obj = {
+    name: '新建分组',
+    w: 4,
+    h: 6,
+    component: './components/Output5/index.vue',
+    dom: '.titlt-top',
+    isResize: true,
+    X: 0,
+    y: 0,
+    i: Math.random() * 100,
+    loadComp: loadComponent('./components/Output5/index.vue'),
+    childer: [
+      {
+        name1: 'AUTO_1612159241967.png',
+        name2: 'AUTO_1612159241967_C车辆调度.png',
+        size: '2x2',
+        name: '车辆调度',
+        w: 1,
+        h: 2,
+        i: 0,
+        x: 1,
+        y: 1,
+        component: '../../components/Output1/index.vue',
+      },
+    ],
+  };
+
+  layout.value.push(obj);
+
+  console.log(layout.value, '00000');
+};
 </script>
 
 <template>
   <div class="container h-[calc(100%-10px)] px-[20px]">
     <!-- 自定义布局的部分 -->
-    <div class="grid-box  select-none index-grid">
-      <grid-layout ref="gridLayout" v-model:layout="layout" :col-num="12" :is-draggable="tilesIsMove"
-        :is-mirrored="false" :auto-size="false" :responsive="false" :is-resizable="tilesIsMove" :margin="[10, 10]"
-        :row-height="70" :vertical-compact="true">
-
-        <grid-item v-for="(item, index ) in layout" :key="item.i" ref="gridItem" :h="item.h" :i="item.i" :w="item.w"
-          :x="item.x" :y="item.y" :dragAllowFrom="item && item.dom ? item.dom : null"
-          :isResizable="tilesIsMove && item && item.isResize ? item.isResize : false" @resized="resizedEvent">
-          <span class="close" @click="delItem(item)" v-if="tilesIsMove">
-            <CloseCircleFilled style="color: #f10215;" />
+    <div class="grid-box index-grid select-none">
+      <Button type="primary" @click="addGroup">新增分组</Button>
+      <grid-layout
+        ref="gridLayout"
+        v-model:layout="layout"
+        :auto-size="false"
+        :col-num="12"
+        :is-draggable="tilesIsMove"
+        :is-mirrored="false"
+        :is-resizable="tilesIsMove"
+        :margin="[10, 10]"
+        :responsive="false"
+        :row-height="70"
+        :vertical-compact="true"
+      >
+        <grid-item
+          v-for="(item, index) in layout"
+          :key="item.i"
+          ref="gridItem"
+          :drag-allow-from="item && item.dom ? item.dom : null"
+          :h="item.h"
+          :i="item.i"
+          :is-resizable="
+            tilesIsMove && item && item.isResize ? item.isResize : false
+          "
+          :w="item.w"
+          :x="item.x"
+          :y="item.y"
+          @resized="resizedEvent"
+        >
+          <span v-if="tilesIsMove" class="close" @click="delItem(item)">
+            <CloseCircleFilled style="color: #f10215" />
           </span>
-          <div class="py-2 px-4 box-border w-[100%] h-[100%] us-card-box bg-background" @click="goPage(item)">
-            <component :is="item.loadComp" :data="item" :key="item.i" />
+          <div
+            class="us-card-box bg-background box-border h-[100%] w-[100%] px-4 py-2"
+            @click="goPage(item)"
+          >
+            <component :is="item.loadComp" :key="item.i" :data="item" />
           </div>
         </grid-item>
 
@@ -300,113 +391,207 @@ let goPage = (item) => {
     </div>
 
     <!-- 右侧悬浮部分 -->
-    <FloatButtonGroup shape="circle" :style="{ right: '40px' }">
+    <FloatButtonGroup :style="{ right: '40px' }" shape="circle">
       <template v-if="!editTiles">
         <FloatButton tooltip="编辑磁贴" @click="cancelOrSure('edit')">
           <template #icon>
-            <EditOutlined style="font-size: 20px;" />
+            <EditOutlined style="font-size: 20px" />
           </template>
         </FloatButton>
       </template>
       <template v-else>
         <FloatButton tooltip="保存修改" @click="cancelOrSure('sure')">
           <template #icon>
-            <CheckOutlined style="font-size: 20px;" />
+            <CheckOutlined style="font-size: 20px" />
           </template>
         </FloatButton>
         <FloatButton tooltip="取消修改" @click="cancelOrSure('cance')">
           <template #icon>
-            <UndoOutlined style="font-size: 20px;" />
+            <UndoOutlined style="font-size: 20px" />
           </template>
         </FloatButton>
-        <Popover v-model:open="shop" title="磁贴商店（127）" trigger="click" placement="topRight">
+        <Popover
+          v-model:open="shop"
+          placement="topRight"
+          title="磁贴商店（127）"
+          trigger="click"
+        >
           <template #content>
             <div class="shop-box">
-              <CheckboxGroup style="width: 100%" v-model:value="selectTilseArr">
-                <Collapse v-model:activeKey="activeKeyArr" style="width: 100%">
+              <CheckboxGroup v-model:value="selectTilseArr" style="width: 100%">
+                <Collapse v-model:active-key="activeKeyArr" style="width: 100%">
                   <CollapsePanel key="1" header="个人工作台（22）">
                     <!-- 可拖入的组件部分 -->
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(0, 22)" :key="item.name" class="ctrl-box bg-background"
-                        draggable="true" @drag="drag" @dragend="dragend($event)" @dragstart="dragstart($event, item)"
-                        @click="addTiles(item.name)" :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(0, 22)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend($event)"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="2" header="综合行政（12）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(22, 34)" :key="item.name" class="ctrl-box bg-background"
-                        draggable="true" @drag="drag" @dragend="dragend" @dragstart="dragstart($event, item)"
-                        @click="addTiles(item.name)" :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(22, 34)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="3" header="经营管理（22）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(34, 56)" :key="item.name" class="ctrl-box bg-background"
-                        draggable="true" @drag="drag" @dragend="dragend" @dragstart="dragstart($event, item)"
-                        @click="addTiles(item.name)" :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(34, 56)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="4" header="安全生产（19）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(56, 75)" :key="item.name" class="ctrl-box bg-background"
-                        draggable="true" @drag="drag" @dragend="dragend" @dragstart="dragstart($event, item)"
-                        @click="addTiles(item.name)" :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(56, 75)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="5" header="勘探开发（26）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(75, 101)" :key="item.name" class="ctrl-box bg-background"
-                        draggable="true" @drag="drag" @dragend="dragend" @dragstart="dragstart($event, item)"
-                        @click="addTiles(item.name)" :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(75, 101)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="6" header="数据管理（1）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(101, 102)" :key="item.name"
-                        class="ctrl-box bg-background" draggable="true" @drag="drag" @dragend="dragend"
-                        @dragstart="dragstart($event, item)" @click="addTiles(item.name)"
-                        :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(101, 102)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
                   <CollapsePanel key="7" header="总部系统（25）">
                     <div class="components-box">
-                      <div v-for="item in componentsInfo.slice(102, 127)" :key="item.name"
-                        class="ctrl-box bg-background" draggable="true" @drag="drag" @dragend="dragend"
-                        @dragstart="dragstart($event, item)" @click="addTiles(item.name)"
-                        :class="{ 'active': selectTilseArr.includes(item.name) }">
-                        <div class="ctrl-name">{{ item.name + '(' + item.size + ')' }}</div>
-                        <img :src="'/xbyt/' + item.name2" alt="">
-                        <Checkbox :value="item.name" :checked="selectTilseArr.includes(item.name)"
-                          class="absolute bottom-0 right-1" />
+                      <div
+                        v-for="item in componentsInfo.slice(102, 127)"
+                        :key="item.name"
+                        :class="{ active: selectTilseArr.includes(item.name) }"
+                        class="ctrl-box bg-background"
+                        draggable="true"
+                        @click="addTiles(item.name)"
+                        @drag="drag"
+                        @dragend="dragend"
+                        @dragstart="dragstart($event, item)"
+                      >
+                        <div class="ctrl-name">
+                          {{ `${item.name}(${item.size})` }}
+                        </div>
+                        <img :src="`/xbyt/${item.name2}`" alt="" />
+                        <Checkbox
+                          :checked="selectTilseArr.includes(item.name)"
+                          :value="item.name"
+                          class="absolute bottom-0 right-1"
+                        />
                       </div>
                     </div>
                   </CollapsePanel>
@@ -416,7 +601,10 @@ let goPage = (item) => {
           </template>
           <FloatButton tooltip="磁贴商店">
             <template #icon>
-              <ShoppingCartOutlined style="font-size: 20px;" :visibility-height="0" />
+              <ShoppingCartOutlined
+                :visibility-height="0"
+                style="font-size: 20px"
+              />
             </template>
           </FloatButton>
         </Popover>
@@ -476,11 +664,10 @@ let goPage = (item) => {
       margin-bottom: 8px;
     }
 
-
     img {
       width: 100%;
       // height: 100%;
-      object-fit: contain
+      object-fit: contain;
     }
   }
 }
@@ -498,7 +685,7 @@ let goPage = (item) => {
 </style>
 
 <style lang="scss" scoped>
-.index-grid>:deep(.vue-grid-layout) {
+.index-grid > :deep(.vue-grid-layout) {
   height: 100% !important;
   overflow: auto;
   background: transparent;
diff --git a/apps/web-test/src/views/dashboard/home/tiles.ts b/apps/web-test/src/views/dashboard/home/tiles.ts
index ba432051..166d6e3b 100644
--- a/apps/web-test/src/views/dashboard/home/tiles.ts
+++ b/apps/web-test/src/views/dashboard/home/tiles.ts
@@ -1,1348 +1,1348 @@
-let tilesList = [
-    {
-        "name1": "WORKBENCH_USER_TMPL.png",
-        "name2": "WORKBENCH_USER_TMPL_C用户模板.png",
-        "size": "2x2",
-        "name": "用户模板",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 131,
-        "path": "/usertemplate"
-    },
-    {
-        "name1": "WORKBENCH_BUSINESS.png",
-        "name2": "WORKBENCH_BUSINESS_C业务域.png",
-        "size": "2x2",
-        "name": "业务域",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 128,
-        "path": "/operation"
-    },
-    {
-        "name1": "WORKBENCH_MANAGER.png",
-        "name2": "WORKBENCH_MANAGER_C磁贴管理.png",
-        "size": "2x2",
-        "name": "磁贴管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 129,
-        "path": "/portal"
-    },
-    {
-        "name1": "WORKBENCH_AUDIT.png",
-        "name2": "WORKBENCH_AUDIT_C磁贴审核.png",
-        "size": "2x2",
-        "name": "磁贴审核",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 127,
-        "path": "/audit"
-    },
-    {
-        "name1": "AUTO_1612255706920.png",
-        "name2": "AUTO_1612255706920_C待办管理.png",
-        "size": "2x2",
-        "name": "待办管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 27,
-        "path": "/todo"
-    },
-    {
-        "name1": "AUTO_1612155980933.png",
-        "name2": "AUTO_1612155980933_C会议管理.png",
-        "size": "2x2",
-        "name": "会议管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 0,
-    },
-    {
-        "name1": "AUTO_1612158921536.png",
-        "name2": "AUTO_1612158921536_C电子考勤.png",
-        "size": "2x2",
-        "name": "电子考勤",
-        "w": 4,
-        "h": 6,
-        "component": "./components/Output5/index.vue",
-        "dom": '.titlt-top',
-        "isResize": true,
-        "childer": [
-            {
-                "name1": "AUTO_1612159241967.png",
-                "name2": "AUTO_1612159241967_C车辆调度.png",
-                "size": "2x2",
-                "name": "车辆调度",
-                "w": 1,
-                "h": 2,
-                "i": 0,
-                "x": 1,
-                "y": 1,
-                "component": "../../components/Output1/index.vue"
-            }
-        ],
-        "i": 1
-    },
-    {
-        "name1": "AUTO_1612159241967.png",
-        "name2": "AUTO_1612159241967_C车辆调度.png",
-        "size": "2x2",
-        "name": "车辆调度",
-        "w": 8,
-        "h": 5,
-        "component": "./components/Output2/index.vue",
-        "i": 2,
-        "dom": '.titlt-top',
-        "isResize": true
-    },
-    {
-        "name1": "AUTO_1612159773503.png",
-        "name2": "AUTO_1612159773503_C网络学院.png",
-        "size": "2x2",
-        "name": "网络学院",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 3,
-        "path": '/audit'
-    },
-    {
-        "name1": "AUTO_1612160044533.png",
-        "name2": "AUTO_1612160044533_C市场管理.png",
-        "size": "2x2",
-        "name": "市场管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 4
-    },
-    {
-        "name1": "AUTO_1612171928867.png",
-        "name2": "AUTO_1612171928867_C员工培训.png",
-        "size": "2x2",
-        "name": "员工培训",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 5
-    },
-    {
-        "name1": "AUTO_1612174485058.png",
-        "name2": "AUTO_1612174485058_C投资共享.png",
-        "size": "2x2",
-        "name": "投资共享",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 6
-    },
-    {
-        "name1": "AUTO_1612174582883.png",
-        "name2": "AUTO_1612174582883_C即完即结.png",
-        "size": "2x2",
-        "name": "即完即结",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 7
-    },
-    {
-        "name1": "AUTO_1612175576303.png",
-        "name2": "AUTO_1612175576303_C费用报销.png",
-        "size": "2x2",
-        "name": "费用报销",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 8
-    },
-    {
-        "name1": "AUTO_1612175720787.png",
-        "name2": "AUTO_1612175720787_C统一身份.png",
-        "size": "2x2",
-        "name": "统一身份",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 9
-    },
-    {
-        "name1": "AUTO_1612175837663.png",
-        "name2": "AUTO_1612175837663_C设备管理.png",
-        "size": "2x2",
-        "name": "设备管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 10
-    },
-    {
-        "name1": "AUTO_1612176086934.png",
-        "name2": "AUTO_1612176086934_C物资管理.png",
-        "size": "2x2",
-        "name": "物资管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 11
-    },
-    {
-        "name1": "AUTO_1612176568856.png",
-        "name2": "AUTO_1612176568856_C财务管理.png",
-        "size": "2x2",
-        "name": "财务管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 12
-    },
-    {
-        "name1": "AUTO_1612176783322.png",
-        "name2": "AUTO_1612176783322_C内部审计.png",
-        "size": "2x2",
-        "name": "内部审计",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 13
-    },
-    {
-        "name1": "AUTO_1612176967032.png",
-        "name2": "AUTO_1612176967032_C土地信息.png",
-        "size": "2x2",
-        "name": "土地信息",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 14
-    },
-    {
-        "name1": "AUTO_1612178344190.png",
-        "name2": "AUTO_1612178344190_CHSSE.png",
-        "size": "2x2",
-        "name": "HSSE",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 15
-    },
-    {
-        "name1": "AUTO_1612236164722.png",
-        "name2": "AUTO_1612236164722_C门户网站.png",
-        "size": "2x2",
-        "name": "门户网站",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 16
-    },
-    {
-        "name1": "AUTO_1612250582407.png",
-        "name2": "AUTO_1612250582407_C生产运行.png",
-        "size": "2x2",
-        "name": "生产运行",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 17
-    },
-    {
-        "name1": "AUTO_1612251274093.png",
-        "name2": "AUTO_1612251274093_C集输防腐.png",
-        "size": "2x2",
-        "name": "集输防腐",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 18
-    },
-    {
-        "name1": "AUTO_1612251718987.png",
-        "name2": "AUTO_1612251718987_C地面工程GIS.png",
-        "size": "2x2",
-        "name": "地面工程GIS",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 19
-    },
-    {
-        "name1": "AUTO_1612253226393.jpg",
-        "name2": "AUTO_1612253226393_C单井日报.jpg",
-        "size": "2x2",
-        "name": "单井日报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 20
-    },
-    {
-        "name1": "AUTO_1612254108987.png",
-        "name2": "AUTO_1612254108987_C新井日报.png",
-        "size": "2x2",
-        "name": "新井日报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 21
-    },
-    {
-        "name1": "AUTO_1612254641675.png",
-        "name2": "AUTO_1612254641675_C单元日报.png",
-        "size": "2x2",
-        "name": "单元日报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 22
-    },
-    {
-        "name1": "AUTO_1612254711440.png",
-        "name2": "AUTO_1612254711440_C单井曲线.png",
-        "size": "2x2",
-        "name": "单井曲线",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 23
-    },
-    {
-        "name1": "AUTO_1612254770604.png",
-        "name2": "AUTO_1612254770604_C单元曲线.png",
-        "size": "2x2",
-        "name": "单元曲线",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 24
-    },
-    {
-        "name1": "AUTO_1612254834191.png",
-        "name2": "AUTO_1612254834191_C缝洞单元查询.png",
-        "size": "2x2",
-        "name": "缝洞单元查询",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 25
-    },
-    {
-        "name1": "AUTO_1612254982651.png",
-        "name2": "AUTO_1612254982651_C单位日度生产曲线.png",
-        "size": "2x2",
-        "name": "单位日度生产曲线",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 26
-    },
-    {
-        "name1": "AUTO_1615449162971.png",
-        "name2": "AUTO_1615449162971_C日志服务.png",
-        "size": "2x2",
-        "name": "日志服务",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 28
-    },
-    {
-        "name1": "AUTO_1619690316967.png",
-        "name2": "AUTO_1619690316967_C领导请销假.png",
-        "size": "2x2",
-        "name": "领导请销假",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 29
-    },
-    {
-        "name1": "AUTO_1619690579620.png",
-        "name2": "AUTO_1619690579620_C政务信息.png",
-        "size": "2x2",
-        "name": "政务信息",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 30
-    },
-    {
-        "name1": "AUTO_1619692785109.png",
-        "name2": "AUTO_1619692785109_C诉求建议.png",
-        "size": "2x2",
-        "name": "诉求建议",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 31
-    },
-    {
-        "name1": "AUTO_1619693932246.png",
-        "name2": "AUTO_1619693932246_CEPBP.png",
-        "size": "2x2",
-        "name": "EPBP",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 32
-    },
-    {
-        "name1": "AUTO_1620294589450.png",
-        "name2": "AUTO_1620294589450.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 33
-    },
-    {
-        "name1": "AUTO_1620294688040.png",
-        "name2": "AUTO_1620294688040.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 34
-    },
-    {
-        "name1": "AUTO_1620295916974.png",
-        "name2": "AUTO_1620295916974.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 35
-    },
-    {
-        "name1": "AUTO_1620296071109.png",
-        "name2": "AUTO_1620296071109.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 36
-    },
-    {
-        "name1": "AUTO_1621594591994.png",
-        "name2": "AUTO_1621594591994.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 37
-    },
-    {
-        "name1": "AUTO_1626147030794.png",
-        "name2": "AUTO_1626147030794_C短信发送系统列表.png",
-        "size": "2x2",
-        "name": "短信发送系统列表",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 38
-    },
-    {
-        "name1": "AUTO_1626147560487.png",
-        "name2": "AUTO_1626147560487_C短信统计.png",
-        "size": "2x2",
-        "name": "短信统计",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 39
-    },
-    {
-        "name1": "AUTO_1627447527085.png",
-        "name2": "AUTO_1627447527085_C单井数据服务.png",
-        "size": "2x2",
-        "name": "单井数据服务",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 40
-    },
-    {
-        "name1": "AUTO_1627617227980.png",
-        "name2": "AUTO_1627617227980_C文档资料共享.png",
-        "size": "2x2",
-        "name": "文档资料共享",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 41
-    },
-    {
-        "name1": "AUTO_1627617829154.png",
-        "name2": "AUTO_1627617829154_C数据管理平台.png",
-        "size": "2x2",
-        "name": "数据管理平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 42
-    },
-    {
-        "name1": "AUTO_1629707506710.png",
-        "name2": "AUTO_1629707506710_C电子邮件.png",
-        "size": "2x2",
-        "name": "电子邮件",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 43
-    },
-    {
-        "name1": "AUTO_1629712380535.png",
-        "name2": "AUTO_1629712380535_C督办管理.png",
-        "size": "2x2",
-        "name": "督办管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 44
-    },
-    {
-        "name1": "AUTO_1630380946904.png",
-        "name2": "AUTO_1630380946904_C操作手册.png",
-        "size": "2x2",
-        "name": "操作手册",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 45
-    },
-    {
-        "name1": "AUTO_1630399009307.png",
-        "name2": "AUTO_1630399009307_C志审计服.png",
-        "size": "2x2",
-        "name": "志审计服",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 46
-    },
-    {
-        "name1": "AUTO_1631003052258.png",
-        "name2": "AUTO_1631003052258_C工程造价.png",
-        "size": "2x2",
-        "name": "工程造价",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 47
-    },
-    {
-        "name1": "AUTO_1631269202083.png",
-        "name2": "AUTO_1631269202083_C信息化标准管理系统.png",
-        "size": "2x2",
-        "name": "信息化标准管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 48
-    },
-    {
-        "name1": "AUTO_1634034734031.png",
-        "name2": "AUTO_1634034734031_C区块目标.png",
-        "size": "2x2",
-        "name": "区块目标",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 49
-    },
-    {
-        "name1": "AUTO_1634092797607.png",
-        "name2": "AUTO_1634092797607_C开发业务平台.png",
-        "size": "2x2",
-        "name": "开发业务平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 50
-    },
-    {
-        "name1": "AUTO_1634205034896.png",
-        "name2": "AUTO_1634205034896_C工程决策.png",
-        "size": "2x2",
-        "name": "工程决策",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 51
-    },
-    {
-        "name1": "AUTO_1636014526817.png",
-        "name2": "AUTO_1636014526817_Csec储量管理.png",
-        "size": "2x2",
-        "name": "sec储量管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 52
-    },
-    {
-        "name1": "AUTO_1639123306823.png",
-        "name2": "AUTO_1639123306823_C投资优选.png",
-        "size": "2x2",
-        "name": "投资优选",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 53
-    },
-    {
-        "name1": "AUTO_1639555021078.png",
-        "name2": "AUTO_1639555021078_C油藏经营决策支撑系统.png",
-        "size": "2x2",
-        "name": "油藏经营决策支撑系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 54
-    },
-    {
-        "name1": "AUTO_1640597761259.png",
-        "name2": "AUTO_1640597761259_C两册管理.png",
-        "size": "2x2",
-        "name": "两册管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 55
-    },
-    {
-        "name1": "AUTO_1645438375823_C.png",
-        "name2": "AUTO_1645438375823_C.png",
-        "size": "2x2",
-        "name": "",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 56
-    },
-    {
-        "name1": "AUTO_1645597539550.png",
-        "name2": "AUTO_1645597539550_C开发数据.png",
-        "size": "2x2",
-        "name": "开发数据",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 57
-    },
-    {
-        "name1": "AUTO_1645598155236.png",
-        "name2": "AUTO_1645598155236_C新公文.png",
-        "size": "2x2",
-        "name": "新公文",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 58
-    },
-    {
-        "name1": "AUTO_1645598261641.png",
-        "name2": "AUTO_1645598261641_C原油生产.png",
-        "size": "2x2",
-        "name": "原油生产",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 59
-    },
-    {
-        "name1": "AUTO_1645598347761.png",
-        "name2": "AUTO_1645598347761_C天然气量.png",
-        "size": "2x2",
-        "name": "天然气量",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 60
-    },
-    {
-        "name1": "AUTO_1645598429026.png",
-        "name2": "AUTO_1645598429026_C移动平台.png",
-        "size": "2x2",
-        "name": "移动平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 61
-    },
-    {
-        "name1": "AUTO_1645598631260.png",
-        "name2": "AUTO_1645598631260_C合同管理.png",
-        "size": "2x2",
-        "name": "合同管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 62
-    },
-    {
-        "name1": "AUTO_1645598899300.png",
-        "name2": "AUTO_1645598899300_C开发曲线.png",
-        "size": "2x2",
-        "name": "开发曲线",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 63
-    },
-    {
-        "name1": "AUTO_1645599156154.png",
-        "name2": "AUTO_1645599156154_C党群管理.png",
-        "size": "2x2",
-        "name": "党群管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 64
-    },
-    {
-        "name1": "AUTO_1645599366859.png",
-        "name2": "AUTO_1645599366859_C法律管理.png",
-        "size": "2x2",
-        "name": "法律管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 65
-    },
-    {
-        "name1": "AUTO_1645599467554.png",
-        "name2": "AUTO_1645599467554_C安全管理.png",
-        "size": "2x2",
-        "name": "安全管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 66
-    },
-    {
-        "name1": "AUTO_1645599603920.png",
-        "name2": "AUTO_1645599603920_C法治合规管理系统.png",
-        "size": "2x2",
-        "name": "法治合规管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 67
-    },
-    {
-        "name1": "AUTO_1645599712492.png",
-        "name2": "AUTO_1645599712492_C制度管理.png",
-        "size": "2x2",
-        "name": "制度管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 68
-    },
-    {
-        "name1": "AUTO_1645599804473.png",
-        "name2": "AUTO_1645599804473_C标准系统.png",
-        "size": "2x2",
-        "name": "标准系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 69
-    },
-    {
-        "name1": "AUTO_1645599941581.png",
-        "name2": "AUTO_1645599941581_C网络学院.png",
-        "size": "2x2",
-        "name": "网络学院",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 70
-    },
-    {
-        "name1": "AUTO_1645600400416.png",
-        "name2": "AUTO_1645600400416_C石化商旅.png",
-        "size": "2x2",
-        "name": "石化商旅",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 71
-    },
-    {
-        "name1": "AUTO_1645600945423.png",
-        "name2": "AUTO_1645600945423_C新井跟踪.png",
-        "size": "2x2",
-        "name": "新井跟踪",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 72
-    },
-    {
-        "name1": "AUTO_1645688629273.png",
-        "name2": "AUTO_1645688629273_C生产重点.png",
-        "size": "2x2",
-        "name": "生产重点",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 73
-    },
-    {
-        "name1": "AUTO_1645756565135.png",
-        "name2": "AUTO_1645756565135_C财务经营.png",
-        "size": "2x2",
-        "name": "财务经营",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 74
-    },
-    {
-        "name1": "AUTO_1647509677160.png",
-        "name2": "AUTO_1647509677160_C科技管理平台.png",
-        "size": "2x2",
-        "name": "科技管理平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 75
-    },
-    {
-        "name1": "AUTO_1647510707318.png",
-        "name2": "AUTO_1647510707318_C钻井监督日报.png",
-        "size": "2x2",
-        "name": "钻井监督日报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 76
-    },
-    {
-        "name1": "AUTO_1647511070885.png",
-        "name2": "AUTO_1647511070885_C测试生产日报.png",
-        "size": "2x2",
-        "name": "测试生产日报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 77
-    },
-    {
-        "name1": "AUTO_1648454882130.png",
-        "name2": "AUTO_1648454882130_C实验分析.png",
-        "size": "2x2",
-        "name": "实验分析",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 78
-    },
-    {
-        "name1": "AUTO_1649408616960.png",
-        "name2": "AUTO_1649408616960_C物装BW系统.png",
-        "size": "2x2",
-        "name": "物装BW系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 79
-    },
-    {
-        "name1": "AUTO_1649411112471.png",
-        "name2": "AUTO_1649411112471_C物资电子商务.png",
-        "size": "2x2",
-        "name": "物资电子商务",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 80
-    },
-    {
-        "name1": "AUTO_1649411513969.png",
-        "name2": "AUTO_1649411513969_C易派客.png",
-        "size": "2x2",
-        "name": "易派客",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 81
-    },
-    {
-        "name1": "AUTO_1649411560473.png",
-        "name2": "AUTO_1649411560473_C物资供应协同.png",
-        "size": "2x2",
-        "name": "物资供应协同",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 82
-    },
-    {
-        "name1": "AUTO_1649411776285.png",
-        "name2": "AUTO_1649411776285_C智能化管线.png",
-        "size": "2x2",
-        "name": "智能化管线",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 83
-    },
-    {
-        "name1": "AUTO_1662610017418.png",
-        "name2": "AUTO_1662610017418_C完井快报.png",
-        "size": "2x2",
-        "name": "完井快报",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 84
-    },
-    {
-        "name1": "AUTO_1662610117349.png",
-        "name2": "AUTO_1662610117349_C完井测试.png",
-        "size": "2x2",
-        "name": "完井测试",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 85
-    },
-    {
-        "name1": "AUTO_1666581710706.png",
-        "name2": "AUTO_1666581710706_C注气三次采油系统.png",
-        "size": "2x2",
-        "name": "注气三次采油系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 86
-    },
-    {
-        "name1": "AUTO_1666581786818.png",
-        "name2": "AUTO_1666581786818_C二厂数据决策系统.png",
-        "size": "2x2",
-        "name": "二厂数据决策系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 87
-    },
-    {
-        "name1": "AUTO_1666581893053.png",
-        "name2": "AUTO_1666581893053_C石油工程方案管理系统.png",
-        "size": "2x2",
-        "name": "石油工程方案管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 88
-    },
-    {
-        "name1": "AUTO_1666582018742.png",
-        "name2": "AUTO_1666582018742_C井控装备图库系统.png",
-        "size": "2x2",
-        "name": "井控装备图库系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 89
-    },
-    {
-        "name1": "AUTO_1666582152494.png",
-        "name2": "AUTO_1666582152494_C监督生产经营平台.png",
-        "size": "2x2",
-        "name": "监督生产经营平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 90
-    },
-    {
-        "name1": "AUTO_1666582214091.png",
-        "name2": "AUTO_1666582214091_C地面工程.png",
-        "size": "2x2",
-        "name": "地面工程",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 91
-    },
-    {
-        "name1": "AUTO_1666582329658.png",
-        "name2": "AUTO_1666582329658_C科技研发管理系统.png",
-        "size": "2x2",
-        "name": "科技研发管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 92
-    },
-    {
-        "name1": "AUTO_1666582540377.png",
-        "name2": "AUTO_1666582540377_C油气运销智能管理系统.png",
-        "size": "2x2",
-        "name": "油气运销智能管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 93
-    },
-    {
-        "name1": "AUTO_1666582779648.png",
-        "name2": "AUTO_1666582779648_C倒液运输管理系统.png",
-        "size": "2x2",
-        "name": "倒液运输管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 94
-    },
-    {
-        "name1": "AUTO_1666582846531.png",
-        "name2": "AUTO_1666582846531_C供水系统.png",
-        "size": "2x2",
-        "name": "供水系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 95
-    },
-    {
-        "name1": "AUTO_1666582926626.png",
-        "name2": "AUTO_1666582926626_C能源管控一体化系统.png",
-        "size": "2x2",
-        "name": "能源管控一体化系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 96
-    },
-    {
-        "name1": "AUTO_1666583039406.png",
-        "name2": "AUTO_1666583039406_C智能应急指挥系统.png",
-        "size": "2x2",
-        "name": "智能应急指挥系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 97
-    },
-    {
-        "name1": "AUTO_1666583226002.png",
-        "name2": "AUTO_1666583226002_C-六精-管理共享平台.png",
-        "size": "2x2",
-        "name": "六精管理共享平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 98
-    },
-    {
-        "name1": "AUTO_1666583364982.png",
-        "name2": "AUTO_1666583364982_C取证培训系统.png",
-        "size": "2x2",
-        "name": "取证培训系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 99
-    },
-    {
-        "name1": "AUTO_1666583498511.png",
-        "name2": "AUTO_1666583498511_C一厂考勤管理系统.png",
-        "size": "2x2",
-        "name": "一厂考勤管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 100
-    },
-    {
-        "name1": "AUTO_1666583740187.png",
-        "name2": "AUTO_1666583740187_C离退休职工信息管理系统.png",
-        "size": "2x2",
-        "name": "离退休职工信息管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 101
-    },
-    {
-        "name1": "AUTO_1666583880545.png",
-        "name2": "AUTO_1666583880545_C一厂仓储管理系统.png",
-        "size": "2x2",
-        "name": "一厂仓储管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 102
-    },
-    {
-        "name1": "AUTO_1666583928544.png",
-        "name2": "AUTO_1666583928544_C采油（气）井口管理系统.png",
-        "size": "2x2",
-        "name": "采油（气）井口管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 103
-    },
-    {
-        "name1": "AUTO_1666583973186.png",
-        "name2": "AUTO_1666583973186_C西北油田管杆管理系统.png",
-        "size": "2x2",
-        "name": "西北油田管杆管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 104
-    },
-    {
-        "name1": "AUTO_1666584180379.png",
-        "name2": "AUTO_1666584180379_C数字档案馆系统.png",
-        "size": "2x2",
-        "name": "数字档案馆系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 105
-    },
-    {
-        "name1": "AUTO_1666584268653.png",
-        "name2": "AUTO_1666584268653_C研究院云平台.png",
-        "size": "2x2",
-        "name": "研究院云平台",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 106
-    },
-    {
-        "name1": "AUTO_1670838488350.jpg",
-        "name2": "AUTO_1670838488350_C中石化电子招标交易网.jpg",
-        "size": "2x2",
-        "name": "中石化电子招标交易网",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 107
-    },
-    {
-        "name1": "AUTO_1672994044904.png",
-        "name2": "AUTO_1672994044904_C财务运营运行分析系统.png",
-        "size": "2x2",
-        "name": "财务运营运行分析系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 108
-    },
-    {
-        "name1": "AUTO_1675824694006.png",
-        "name2": "AUTO_1675824694006_C方案管理系统.png",
-        "size": "2x2",
-        "name": "方案管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 109
-    },
-    {
-        "name1": "AUTO_1675824822492.png",
-        "name2": "AUTO_1675824822492_C工程院价值积分.png",
-        "size": "2x2",
-        "name": "工程院价值积分",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 110
-    },
-    {
-        "name1": "AUTO_1675824877492.png",
-        "name2": "AUTO_1675824877492_C工程院管理系统.png",
-        "size": "2x2",
-        "name": "工程院管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 111
-    },
-    {
-        "name1": "AUTO_1675824988429.png",
-        "name2": "AUTO_1675824988429_C科研项目管理.png",
-        "size": "2x2",
-        "name": "科研项目管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 112
-    },
-    {
-        "name1": "AUTO_1677663885789.png",
-        "name2": "AUTO_1677663885789_C总部督办系统.png",
-        "size": "2x2",
-        "name": "总部督办系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 113
-    },
-    {
-        "name1": "AUTO_1694663735085.png",
-        "name2": "AUTO_1694663735085_C中石化地质资料管理系统.png",
-        "size": "2x2",
-        "name": "中石化地质资料管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 114
-    },
-    {
-        "name1": "AUTO_1694663867828.png",
-        "name2": "AUTO_1694663867828_C中石化档案管理系统.png",
-        "size": "2x2",
-        "name": "中石化档案管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 115
-    },
-    {
-        "name1": "AUTO_1695377149839.png",
-        "name2": "AUTO_1695377149839_C员工自助.png",
-        "size": "2x2",
-        "name": "员工自助",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 116
-    },
-    {
-        "name1": "AUTO_1697681999227.png",
-        "name2": "AUTO_1697681999227_C中石化法治合规管理系统.png",
-        "size": "2x2",
-        "name": "中石化法治合规管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 117
-    },
-    {
-        "name1": "AUTO_1698372021846.png",
-        "name2": "AUTO_1698372021846_C开发工具箱.png",
-        "size": "2x2",
-        "name": "开发工具箱",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 118
-    },
-    {
-        "name1": "AUTO_1703582374111.png",
-        "name2": "AUTO_1703582374111_C标准化系统.png",
-        "size": "2x2",
-        "name": "标准化系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 119
-    },
-    {
-        "name1": "AUTO_1704682089834.png",
-        "name2": "AUTO_1704682089834_C后勤管理系统.png",
-        "size": "2x2",
-        "name": "后勤管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 120
-    },
-    {
-        "name1": "AUTO_1704873061517.png",
-        "name2": "AUTO_1704873061517_C中石化会议管理系统.png",
-        "size": "2x2",
-        "name": "中石化会议管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 121
-    },
-    {
-        "name1": "AUTO_1704963304068.png",
-        "name2": "AUTO_1704963304068_C中石化股权管理系统.png",
-        "size": "2x2",
-        "name": "中石化股权管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 122
-    },
-    {
-        "name1": "AUTO_1710824498180.png",
-        "name2": "AUTO_1710824498180_C信用风险管理系统.png",
-        "size": "2x2",
-        "name": "信用风险管理系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 123
-    },
-    {
-        "name1": "AUTO_1710824885325.png",
-        "name2": "AUTO_1710824885325_CSmartBI报表工具.png",
-        "size": "2x2",
-        "name": "SmartBI报表工具",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 124
-    },
-    {
-        "name1": "AUTO_1711525669182.png",
-        "name2": "AUTO_1711525669182_C纪检监督应用系统.png",
-        "size": "2x2",
-        "name": "纪检监督应用系统",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 125
-    },
-    {
-        "name1": "AUTO_1722308567948.png",
-        "name2": "AUTO_1722308567948_C投资管理.png",
-        "size": "2x2",
-        "name": "投资管理",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 126
-    },
-    {
-        "name1": "WORKBENCH_USER_AUTH.png",
-        "name2": "WORKBENCH_USER_AUTH_C用户授权.png",
-        "size": "2x2",
-        "name": "用户授权",
-        "w": 1,
-        "h": 2,
-        "component": "./components/Output1/index.vue",
-        "i": 130
-    },
-]
+const tilesList = [
+  {
+    name1: 'WORKBENCH_USER_TMPL.png',
+    name2: 'WORKBENCH_USER_TMPL_C用户模板.png',
+    size: '2x2',
+    name: '用户模板',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 131,
+    path: '/usertemplate',
+  },
+  {
+    name1: 'WORKBENCH_BUSINESS.png',
+    name2: 'WORKBENCH_BUSINESS_C业务域.png',
+    size: '2x2',
+    name: '业务域',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 128,
+    path: '/operation',
+  },
+  {
+    name1: 'WORKBENCH_MANAGER.png',
+    name2: 'WORKBENCH_MANAGER_C磁贴管理.png',
+    size: '2x2',
+    name: '磁贴管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 129,
+    path: '/portal',
+  },
+  {
+    name1: 'WORKBENCH_AUDIT.png',
+    name2: 'WORKBENCH_AUDIT_C磁贴审核.png',
+    size: '2x2',
+    name: '磁贴审核',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 127,
+    path: '/audit',
+  },
+  {
+    name1: 'AUTO_1612255706920.png',
+    name2: 'AUTO_1612255706920_C待办管理.png',
+    size: '2x2',
+    name: '待办管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 27,
+    path: '/todo',
+  },
+  {
+    name1: 'AUTO_1612155980933.png',
+    name2: 'AUTO_1612155980933_C会议管理.png',
+    size: '2x2',
+    name: '会议管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 0,
+  },
+  {
+    name1: 'AUTO_1612158921536.png',
+    name2: 'AUTO_1612158921536_C电子考勤.png',
+    size: '2x2',
+    name: '电子考勤',
+    w: 4,
+    h: 6,
+    component: './components/Output5/index.vue',
+    dom: '.titlt-top',
+    isResize: true,
+    childer: [
+      {
+        name1: 'AUTO_1612159241967.png',
+        name2: 'AUTO_1612159241967_C车辆调度.png',
+        size: '2x2',
+        name: '车辆调度',
+        w: 1,
+        h: 2,
+        i: 0,
+        x: 1,
+        y: 1,
+        component: '../../components/Output1/index.vue',
+      },
+    ],
+    i: 1,
+  },
+  {
+    name1: 'AUTO_1612159241967.png',
+    name2: 'AUTO_1612159241967_C车辆调度.png',
+    size: '2x2',
+    name: '车辆调度',
+    w: 8,
+    h: 5,
+    component: './components/Output2/index.vue',
+    i: 2,
+    dom: '.titlt-top',
+    isResize: true,
+  },
+  {
+    name1: 'AUTO_1612159773503.png',
+    name2: 'AUTO_1612159773503_C网络学院.png',
+    size: '2x2',
+    name: '网络学院',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 3,
+    path: '/audit',
+  },
+  {
+    name1: 'AUTO_1612160044533.png',
+    name2: 'AUTO_1612160044533_C市场管理.png',
+    size: '2x2',
+    name: '市场管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 4,
+  },
+  {
+    name1: 'AUTO_1612171928867.png',
+    name2: 'AUTO_1612171928867_C员工培训.png',
+    size: '2x2',
+    name: '员工培训',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 5,
+  },
+  {
+    name1: 'AUTO_1612174485058.png',
+    name2: 'AUTO_1612174485058_C投资共享.png',
+    size: '2x2',
+    name: '投资共享',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 6,
+  },
+  {
+    name1: 'AUTO_1612174582883.png',
+    name2: 'AUTO_1612174582883_C即完即结.png',
+    size: '2x2',
+    name: '即完即结',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 7,
+  },
+  {
+    name1: 'AUTO_1612175576303.png',
+    name2: 'AUTO_1612175576303_C费用报销.png',
+    size: '2x2',
+    name: '费用报销',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 8,
+  },
+  {
+    name1: 'AUTO_1612175720787.png',
+    name2: 'AUTO_1612175720787_C统一身份.png',
+    size: '2x2',
+    name: '统一身份',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 9,
+  },
+  {
+    name1: 'AUTO_1612175837663.png',
+    name2: 'AUTO_1612175837663_C设备管理.png',
+    size: '2x2',
+    name: '设备管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 10,
+  },
+  {
+    name1: 'AUTO_1612176086934.png',
+    name2: 'AUTO_1612176086934_C物资管理.png',
+    size: '2x2',
+    name: '物资管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 11,
+  },
+  {
+    name1: 'AUTO_1612176568856.png',
+    name2: 'AUTO_1612176568856_C财务管理.png',
+    size: '2x2',
+    name: '财务管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 12,
+  },
+  {
+    name1: 'AUTO_1612176783322.png',
+    name2: 'AUTO_1612176783322_C内部审计.png',
+    size: '2x2',
+    name: '内部审计',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 13,
+  },
+  {
+    name1: 'AUTO_1612176967032.png',
+    name2: 'AUTO_1612176967032_C土地信息.png',
+    size: '2x2',
+    name: '土地信息',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 14,
+  },
+  {
+    name1: 'AUTO_1612178344190.png',
+    name2: 'AUTO_1612178344190_CHSSE.png',
+    size: '2x2',
+    name: 'HSSE',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 15,
+  },
+  {
+    name1: 'AUTO_1612236164722.png',
+    name2: 'AUTO_1612236164722_C门户网站.png',
+    size: '2x2',
+    name: '门户网站',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 16,
+  },
+  {
+    name1: 'AUTO_1612250582407.png',
+    name2: 'AUTO_1612250582407_C生产运行.png',
+    size: '2x2',
+    name: '生产运行',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 17,
+  },
+  {
+    name1: 'AUTO_1612251274093.png',
+    name2: 'AUTO_1612251274093_C集输防腐.png',
+    size: '2x2',
+    name: '集输防腐',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 18,
+  },
+  {
+    name1: 'AUTO_1612251718987.png',
+    name2: 'AUTO_1612251718987_C地面工程GIS.png',
+    size: '2x2',
+    name: '地面工程GIS',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 19,
+  },
+  {
+    name1: 'AUTO_1612253226393.jpg',
+    name2: 'AUTO_1612253226393_C单井日报.jpg',
+    size: '2x2',
+    name: '单井日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 20,
+  },
+  {
+    name1: 'AUTO_1612254108987.png',
+    name2: 'AUTO_1612254108987_C新井日报.png',
+    size: '2x2',
+    name: '新井日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 21,
+  },
+  {
+    name1: 'AUTO_1612254641675.png',
+    name2: 'AUTO_1612254641675_C单元日报.png',
+    size: '2x2',
+    name: '单元日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 22,
+  },
+  {
+    name1: 'AUTO_1612254711440.png',
+    name2: 'AUTO_1612254711440_C单井曲线.png',
+    size: '2x2',
+    name: '单井曲线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 23,
+  },
+  {
+    name1: 'AUTO_1612254770604.png',
+    name2: 'AUTO_1612254770604_C单元曲线.png',
+    size: '2x2',
+    name: '单元曲线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 24,
+  },
+  {
+    name1: 'AUTO_1612254834191.png',
+    name2: 'AUTO_1612254834191_C缝洞单元查询.png',
+    size: '2x2',
+    name: '缝洞单元查询',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 25,
+  },
+  {
+    name1: 'AUTO_1612254982651.png',
+    name2: 'AUTO_1612254982651_C单位日度生产曲线.png',
+    size: '2x2',
+    name: '单位日度生产曲线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 26,
+  },
+  {
+    name1: 'AUTO_1615449162971.png',
+    name2: 'AUTO_1615449162971_C日志服务.png',
+    size: '2x2',
+    name: '日志服务',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 28,
+  },
+  {
+    name1: 'AUTO_1619690316967.png',
+    name2: 'AUTO_1619690316967_C领导请销假.png',
+    size: '2x2',
+    name: '领导请销假',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 29,
+  },
+  {
+    name1: 'AUTO_1619690579620.png',
+    name2: 'AUTO_1619690579620_C政务信息.png',
+    size: '2x2',
+    name: '政务信息',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 30,
+  },
+  {
+    name1: 'AUTO_1619692785109.png',
+    name2: 'AUTO_1619692785109_C诉求建议.png',
+    size: '2x2',
+    name: '诉求建议',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 31,
+  },
+  {
+    name1: 'AUTO_1619693932246.png',
+    name2: 'AUTO_1619693932246_CEPBP.png',
+    size: '2x2',
+    name: 'EPBP',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 32,
+  },
+  {
+    name1: 'AUTO_1620294589450.png',
+    name2: 'AUTO_1620294589450.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 33,
+  },
+  {
+    name1: 'AUTO_1620294688040.png',
+    name2: 'AUTO_1620294688040.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 34,
+  },
+  {
+    name1: 'AUTO_1620295916974.png',
+    name2: 'AUTO_1620295916974.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 35,
+  },
+  {
+    name1: 'AUTO_1620296071109.png',
+    name2: 'AUTO_1620296071109.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 36,
+  },
+  {
+    name1: 'AUTO_1621594591994.png',
+    name2: 'AUTO_1621594591994.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 37,
+  },
+  {
+    name1: 'AUTO_1626147030794.png',
+    name2: 'AUTO_1626147030794_C短信发送系统列表.png',
+    size: '2x2',
+    name: '短信发送系统列表',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 38,
+  },
+  {
+    name1: 'AUTO_1626147560487.png',
+    name2: 'AUTO_1626147560487_C短信统计.png',
+    size: '2x2',
+    name: '短信统计',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 39,
+  },
+  {
+    name1: 'AUTO_1627447527085.png',
+    name2: 'AUTO_1627447527085_C单井数据服务.png',
+    size: '2x2',
+    name: '单井数据服务',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 40,
+  },
+  {
+    name1: 'AUTO_1627617227980.png',
+    name2: 'AUTO_1627617227980_C文档资料共享.png',
+    size: '2x2',
+    name: '文档资料共享',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 41,
+  },
+  {
+    name1: 'AUTO_1627617829154.png',
+    name2: 'AUTO_1627617829154_C数据管理平台.png',
+    size: '2x2',
+    name: '数据管理平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 42,
+  },
+  {
+    name1: 'AUTO_1629707506710.png',
+    name2: 'AUTO_1629707506710_C电子邮件.png',
+    size: '2x2',
+    name: '电子邮件',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 43,
+  },
+  {
+    name1: 'AUTO_1629712380535.png',
+    name2: 'AUTO_1629712380535_C督办管理.png',
+    size: '2x2',
+    name: '督办管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 44,
+  },
+  {
+    name1: 'AUTO_1630380946904.png',
+    name2: 'AUTO_1630380946904_C操作手册.png',
+    size: '2x2',
+    name: '操作手册',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 45,
+  },
+  {
+    name1: 'AUTO_1630399009307.png',
+    name2: 'AUTO_1630399009307_C志审计服.png',
+    size: '2x2',
+    name: '志审计服',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 46,
+  },
+  {
+    name1: 'AUTO_1631003052258.png',
+    name2: 'AUTO_1631003052258_C工程造价.png',
+    size: '2x2',
+    name: '工程造价',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 47,
+  },
+  {
+    name1: 'AUTO_1631269202083.png',
+    name2: 'AUTO_1631269202083_C信息化标准管理系统.png',
+    size: '2x2',
+    name: '信息化标准管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 48,
+  },
+  {
+    name1: 'AUTO_1634034734031.png',
+    name2: 'AUTO_1634034734031_C区块目标.png',
+    size: '2x2',
+    name: '区块目标',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 49,
+  },
+  {
+    name1: 'AUTO_1634092797607.png',
+    name2: 'AUTO_1634092797607_C开发业务平台.png',
+    size: '2x2',
+    name: '开发业务平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 50,
+  },
+  {
+    name1: 'AUTO_1634205034896.png',
+    name2: 'AUTO_1634205034896_C工程决策.png',
+    size: '2x2',
+    name: '工程决策',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 51,
+  },
+  {
+    name1: 'AUTO_1636014526817.png',
+    name2: 'AUTO_1636014526817_Csec储量管理.png',
+    size: '2x2',
+    name: 'sec储量管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 52,
+  },
+  {
+    name1: 'AUTO_1639123306823.png',
+    name2: 'AUTO_1639123306823_C投资优选.png',
+    size: '2x2',
+    name: '投资优选',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 53,
+  },
+  {
+    name1: 'AUTO_1639555021078.png',
+    name2: 'AUTO_1639555021078_C油藏经营决策支撑系统.png',
+    size: '2x2',
+    name: '油藏经营决策支撑系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 54,
+  },
+  {
+    name1: 'AUTO_1640597761259.png',
+    name2: 'AUTO_1640597761259_C两册管理.png',
+    size: '2x2',
+    name: '两册管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 55,
+  },
+  {
+    name1: 'AUTO_1645438375823_C.png',
+    name2: 'AUTO_1645438375823_C.png',
+    size: '2x2',
+    name: '',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 56,
+  },
+  {
+    name1: 'AUTO_1645597539550.png',
+    name2: 'AUTO_1645597539550_C开发数据.png',
+    size: '2x2',
+    name: '开发数据',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 57,
+  },
+  {
+    name1: 'AUTO_1645598155236.png',
+    name2: 'AUTO_1645598155236_C新公文.png',
+    size: '2x2',
+    name: '新公文',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 58,
+  },
+  {
+    name1: 'AUTO_1645598261641.png',
+    name2: 'AUTO_1645598261641_C原油生产.png',
+    size: '2x2',
+    name: '原油生产',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 59,
+  },
+  {
+    name1: 'AUTO_1645598347761.png',
+    name2: 'AUTO_1645598347761_C天然气量.png',
+    size: '2x2',
+    name: '天然气量',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 60,
+  },
+  {
+    name1: 'AUTO_1645598429026.png',
+    name2: 'AUTO_1645598429026_C移动平台.png',
+    size: '2x2',
+    name: '移动平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 61,
+  },
+  {
+    name1: 'AUTO_1645598631260.png',
+    name2: 'AUTO_1645598631260_C合同管理.png',
+    size: '2x2',
+    name: '合同管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 62,
+  },
+  {
+    name1: 'AUTO_1645598899300.png',
+    name2: 'AUTO_1645598899300_C开发曲线.png',
+    size: '2x2',
+    name: '开发曲线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 63,
+  },
+  {
+    name1: 'AUTO_1645599156154.png',
+    name2: 'AUTO_1645599156154_C党群管理.png',
+    size: '2x2',
+    name: '党群管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 64,
+  },
+  {
+    name1: 'AUTO_1645599366859.png',
+    name2: 'AUTO_1645599366859_C法律管理.png',
+    size: '2x2',
+    name: '法律管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 65,
+  },
+  {
+    name1: 'AUTO_1645599467554.png',
+    name2: 'AUTO_1645599467554_C安全管理.png',
+    size: '2x2',
+    name: '安全管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 66,
+  },
+  {
+    name1: 'AUTO_1645599603920.png',
+    name2: 'AUTO_1645599603920_C法治合规管理系统.png',
+    size: '2x2',
+    name: '法治合规管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 67,
+  },
+  {
+    name1: 'AUTO_1645599712492.png',
+    name2: 'AUTO_1645599712492_C制度管理.png',
+    size: '2x2',
+    name: '制度管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 68,
+  },
+  {
+    name1: 'AUTO_1645599804473.png',
+    name2: 'AUTO_1645599804473_C标准系统.png',
+    size: '2x2',
+    name: '标准系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 69,
+  },
+  {
+    name1: 'AUTO_1645599941581.png',
+    name2: 'AUTO_1645599941581_C网络学院.png',
+    size: '2x2',
+    name: '网络学院',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 70,
+  },
+  {
+    name1: 'AUTO_1645600400416.png',
+    name2: 'AUTO_1645600400416_C石化商旅.png',
+    size: '2x2',
+    name: '石化商旅',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 71,
+  },
+  {
+    name1: 'AUTO_1645600945423.png',
+    name2: 'AUTO_1645600945423_C新井跟踪.png',
+    size: '2x2',
+    name: '新井跟踪',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 72,
+  },
+  {
+    name1: 'AUTO_1645688629273.png',
+    name2: 'AUTO_1645688629273_C生产重点.png',
+    size: '2x2',
+    name: '生产重点',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 73,
+  },
+  {
+    name1: 'AUTO_1645756565135.png',
+    name2: 'AUTO_1645756565135_C财务经营.png',
+    size: '2x2',
+    name: '财务经营',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 74,
+  },
+  {
+    name1: 'AUTO_1647509677160.png',
+    name2: 'AUTO_1647509677160_C科技管理平台.png',
+    size: '2x2',
+    name: '科技管理平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 75,
+  },
+  {
+    name1: 'AUTO_1647510707318.png',
+    name2: 'AUTO_1647510707318_C钻井监督日报.png',
+    size: '2x2',
+    name: '钻井监督日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 76,
+  },
+  {
+    name1: 'AUTO_1647511070885.png',
+    name2: 'AUTO_1647511070885_C测试生产日报.png',
+    size: '2x2',
+    name: '测试生产日报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 77,
+  },
+  {
+    name1: 'AUTO_1648454882130.png',
+    name2: 'AUTO_1648454882130_C实验分析.png',
+    size: '2x2',
+    name: '实验分析',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 78,
+  },
+  {
+    name1: 'AUTO_1649408616960.png',
+    name2: 'AUTO_1649408616960_C物装BW系统.png',
+    size: '2x2',
+    name: '物装BW系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 79,
+  },
+  {
+    name1: 'AUTO_1649411112471.png',
+    name2: 'AUTO_1649411112471_C物资电子商务.png',
+    size: '2x2',
+    name: '物资电子商务',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 80,
+  },
+  {
+    name1: 'AUTO_1649411513969.png',
+    name2: 'AUTO_1649411513969_C易派客.png',
+    size: '2x2',
+    name: '易派客',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 81,
+  },
+  {
+    name1: 'AUTO_1649411560473.png',
+    name2: 'AUTO_1649411560473_C物资供应协同.png',
+    size: '2x2',
+    name: '物资供应协同',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 82,
+  },
+  {
+    name1: 'AUTO_1649411776285.png',
+    name2: 'AUTO_1649411776285_C智能化管线.png',
+    size: '2x2',
+    name: '智能化管线',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 83,
+  },
+  {
+    name1: 'AUTO_1662610017418.png',
+    name2: 'AUTO_1662610017418_C完井快报.png',
+    size: '2x2',
+    name: '完井快报',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 84,
+  },
+  {
+    name1: 'AUTO_1662610117349.png',
+    name2: 'AUTO_1662610117349_C完井测试.png',
+    size: '2x2',
+    name: '完井测试',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 85,
+  },
+  {
+    name1: 'AUTO_1666581710706.png',
+    name2: 'AUTO_1666581710706_C注气三次采油系统.png',
+    size: '2x2',
+    name: '注气三次采油系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 86,
+  },
+  {
+    name1: 'AUTO_1666581786818.png',
+    name2: 'AUTO_1666581786818_C二厂数据决策系统.png',
+    size: '2x2',
+    name: '二厂数据决策系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 87,
+  },
+  {
+    name1: 'AUTO_1666581893053.png',
+    name2: 'AUTO_1666581893053_C石油工程方案管理系统.png',
+    size: '2x2',
+    name: '石油工程方案管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 88,
+  },
+  {
+    name1: 'AUTO_1666582018742.png',
+    name2: 'AUTO_1666582018742_C井控装备图库系统.png',
+    size: '2x2',
+    name: '井控装备图库系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 89,
+  },
+  {
+    name1: 'AUTO_1666582152494.png',
+    name2: 'AUTO_1666582152494_C监督生产经营平台.png',
+    size: '2x2',
+    name: '监督生产经营平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 90,
+  },
+  {
+    name1: 'AUTO_1666582214091.png',
+    name2: 'AUTO_1666582214091_C地面工程.png',
+    size: '2x2',
+    name: '地面工程',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 91,
+  },
+  {
+    name1: 'AUTO_1666582329658.png',
+    name2: 'AUTO_1666582329658_C科技研发管理系统.png',
+    size: '2x2',
+    name: '科技研发管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 92,
+  },
+  {
+    name1: 'AUTO_1666582540377.png',
+    name2: 'AUTO_1666582540377_C油气运销智能管理系统.png',
+    size: '2x2',
+    name: '油气运销智能管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 93,
+  },
+  {
+    name1: 'AUTO_1666582779648.png',
+    name2: 'AUTO_1666582779648_C倒液运输管理系统.png',
+    size: '2x2',
+    name: '倒液运输管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 94,
+  },
+  {
+    name1: 'AUTO_1666582846531.png',
+    name2: 'AUTO_1666582846531_C供水系统.png',
+    size: '2x2',
+    name: '供水系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 95,
+  },
+  {
+    name1: 'AUTO_1666582926626.png',
+    name2: 'AUTO_1666582926626_C能源管控一体化系统.png',
+    size: '2x2',
+    name: '能源管控一体化系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 96,
+  },
+  {
+    name1: 'AUTO_1666583039406.png',
+    name2: 'AUTO_1666583039406_C智能应急指挥系统.png',
+    size: '2x2',
+    name: '智能应急指挥系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 97,
+  },
+  {
+    name1: 'AUTO_1666583226002.png',
+    name2: 'AUTO_1666583226002_C-六精-管理共享平台.png',
+    size: '2x2',
+    name: '六精管理共享平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 98,
+  },
+  {
+    name1: 'AUTO_1666583364982.png',
+    name2: 'AUTO_1666583364982_C取证培训系统.png',
+    size: '2x2',
+    name: '取证培训系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 99,
+  },
+  {
+    name1: 'AUTO_1666583498511.png',
+    name2: 'AUTO_1666583498511_C一厂考勤管理系统.png',
+    size: '2x2',
+    name: '一厂考勤管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 100,
+  },
+  {
+    name1: 'AUTO_1666583740187.png',
+    name2: 'AUTO_1666583740187_C离退休职工信息管理系统.png',
+    size: '2x2',
+    name: '离退休职工信息管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 101,
+  },
+  {
+    name1: 'AUTO_1666583880545.png',
+    name2: 'AUTO_1666583880545_C一厂仓储管理系统.png',
+    size: '2x2',
+    name: '一厂仓储管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 102,
+  },
+  {
+    name1: 'AUTO_1666583928544.png',
+    name2: 'AUTO_1666583928544_C采油（气）井口管理系统.png',
+    size: '2x2',
+    name: '采油（气）井口管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 103,
+  },
+  {
+    name1: 'AUTO_1666583973186.png',
+    name2: 'AUTO_1666583973186_C西北油田管杆管理系统.png',
+    size: '2x2',
+    name: '西北油田管杆管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 104,
+  },
+  {
+    name1: 'AUTO_1666584180379.png',
+    name2: 'AUTO_1666584180379_C数字档案馆系统.png',
+    size: '2x2',
+    name: '数字档案馆系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 105,
+  },
+  {
+    name1: 'AUTO_1666584268653.png',
+    name2: 'AUTO_1666584268653_C研究院云平台.png',
+    size: '2x2',
+    name: '研究院云平台',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 106,
+  },
+  {
+    name1: 'AUTO_1670838488350.jpg',
+    name2: 'AUTO_1670838488350_C中石化电子招标交易网.jpg',
+    size: '2x2',
+    name: '中石化电子招标交易网',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 107,
+  },
+  {
+    name1: 'AUTO_1672994044904.png',
+    name2: 'AUTO_1672994044904_C财务运营运行分析系统.png',
+    size: '2x2',
+    name: '财务运营运行分析系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 108,
+  },
+  {
+    name1: 'AUTO_1675824694006.png',
+    name2: 'AUTO_1675824694006_C方案管理系统.png',
+    size: '2x2',
+    name: '方案管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 109,
+  },
+  {
+    name1: 'AUTO_1675824822492.png',
+    name2: 'AUTO_1675824822492_C工程院价值积分.png',
+    size: '2x2',
+    name: '工程院价值积分',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 110,
+  },
+  {
+    name1: 'AUTO_1675824877492.png',
+    name2: 'AUTO_1675824877492_C工程院管理系统.png',
+    size: '2x2',
+    name: '工程院管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 111,
+  },
+  {
+    name1: 'AUTO_1675824988429.png',
+    name2: 'AUTO_1675824988429_C科研项目管理.png',
+    size: '2x2',
+    name: '科研项目管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 112,
+  },
+  {
+    name1: 'AUTO_1677663885789.png',
+    name2: 'AUTO_1677663885789_C总部督办系统.png',
+    size: '2x2',
+    name: '总部督办系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 113,
+  },
+  {
+    name1: 'AUTO_1694663735085.png',
+    name2: 'AUTO_1694663735085_C中石化地质资料管理系统.png',
+    size: '2x2',
+    name: '中石化地质资料管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 114,
+  },
+  {
+    name1: 'AUTO_1694663867828.png',
+    name2: 'AUTO_1694663867828_C中石化档案管理系统.png',
+    size: '2x2',
+    name: '中石化档案管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 115,
+  },
+  {
+    name1: 'AUTO_1695377149839.png',
+    name2: 'AUTO_1695377149839_C员工自助.png',
+    size: '2x2',
+    name: '员工自助',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 116,
+  },
+  {
+    name1: 'AUTO_1697681999227.png',
+    name2: 'AUTO_1697681999227_C中石化法治合规管理系统.png',
+    size: '2x2',
+    name: '中石化法治合规管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 117,
+  },
+  {
+    name1: 'AUTO_1698372021846.png',
+    name2: 'AUTO_1698372021846_C开发工具箱.png',
+    size: '2x2',
+    name: '开发工具箱',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 118,
+  },
+  {
+    name1: 'AUTO_1703582374111.png',
+    name2: 'AUTO_1703582374111_C标准化系统.png',
+    size: '2x2',
+    name: '标准化系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 119,
+  },
+  {
+    name1: 'AUTO_1704682089834.png',
+    name2: 'AUTO_1704682089834_C后勤管理系统.png',
+    size: '2x2',
+    name: '后勤管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 120,
+  },
+  {
+    name1: 'AUTO_1704873061517.png',
+    name2: 'AUTO_1704873061517_C中石化会议管理系统.png',
+    size: '2x2',
+    name: '中石化会议管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 121,
+  },
+  {
+    name1: 'AUTO_1704963304068.png',
+    name2: 'AUTO_1704963304068_C中石化股权管理系统.png',
+    size: '2x2',
+    name: '中石化股权管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 122,
+  },
+  {
+    name1: 'AUTO_1710824498180.png',
+    name2: 'AUTO_1710824498180_C信用风险管理系统.png',
+    size: '2x2',
+    name: '信用风险管理系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 123,
+  },
+  {
+    name1: 'AUTO_1710824885325.png',
+    name2: 'AUTO_1710824885325_CSmartBI报表工具.png',
+    size: '2x2',
+    name: 'SmartBI报表工具',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 124,
+  },
+  {
+    name1: 'AUTO_1711525669182.png',
+    name2: 'AUTO_1711525669182_C纪检监督应用系统.png',
+    size: '2x2',
+    name: '纪检监督应用系统',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 125,
+  },
+  {
+    name1: 'AUTO_1722308567948.png',
+    name2: 'AUTO_1722308567948_C投资管理.png',
+    size: '2x2',
+    name: '投资管理',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 126,
+  },
+  {
+    name1: 'WORKBENCH_USER_AUTH.png',
+    name2: 'WORKBENCH_USER_AUTH_C用户授权.png',
+    size: '2x2',
+    name: '用户授权',
+    w: 1,
+    h: 2,
+    component: './components/Output1/index.vue',
+    i: 130,
+  },
+];
 
-export { tilesList }
\ No newline at end of file
+export { tilesList };