feat: 工作台布局

.gitignore

@@ -7,6 +7,7 @@ dist-ssr
 report.html
 
 yarn.lock
+pnpm-lock.yaml
 npm-debug.log*
 .pnpm-error.log*
 .pnpm-debug.log

src/router/modules/workbench.ts

@@ -0,0 +1,20 @@
+export default {
+  path: "/workbench",
+  meta: {
+    title: "工作台",
+    icon: "homeFilled",
+    // showLink: false,
+    rank: 1
+  },
+  children: [
+    {
+      path: "/workbench",
+      name: "Workbench",
+      component: () => import("@/views/workbench/index.vue"),
+      meta: {
+        title: "工作台",
+        roles: ["admin", "common"]
+      }
+    }
+  ]
+} as RouteConfigsTable;

src/views/workbench/index.vue

@@ -0,0 +1,152 @@
+<script setup lang="ts">
+import ReCol from "@/components/ReCol";
+
+defineOptions({
+  name: "Workbench"
+});
+</script>
+
+<template>
+  <div class="main">
+    <el-row :gutter="24" justify="space-around">
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="24"
+        :md="24"
+        :sm="24"
+        :xs="24"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[140px]">1111</div>
+        </el-card>
+      </re-col>
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="16"
+        :md="16"
+        :sm="16"
+        :xs="16"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[422px]">222</div>
+        </el-card>
+      </re-col>
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="8"
+        :md="8"
+        :sm="8"
+        :xs="8"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[422px]">222</div>
+        </el-card>
+      </re-col>
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="8"
+        :md="8"
+        :sm="8"
+        :xs="8"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[282px]">33</div>
+        </el-card>
+      </re-col>
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="8"
+        :md="8"
+        :sm="8"
+        :xs="8"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[282px]">33</div>
+        </el-card>
+      </re-col>
+      <re-col
+        v-motion
+        class="mb-[18px]"
+        :value="8"
+        :md="8"
+        :sm="8"
+        :xs="8"
+        :initial="{
+          opacity: 0,
+          y: 100
+        }"
+        :enter="{
+          opacity: 1,
+          y: 0,
+          transition: {
+            delay: 480
+          }
+        }"
+      >
+        <el-card class="line-card" shadow="never">
+          <div class="flex justify-between h-[282px]">33</div>
+        </el-card>
+      </re-col>
+    </el-row>
+  </div>
+</template>