表格组件封装

mock/login.ts

@@ -1,10 +1,10 @@
 /*
- * @Author: 
+ * @Author:
  * @Date: 2023-09-27 14:33:29
  * @LastEditors: Please set LastEditors
  * @LastEditTime: 2024-01-03 14:16:53
  * @Description: kxs files
- * @filePath: 
+ * @filePath:
  */
 // 根据角色动态生成路由
 import { MockMethod } from "vite-plugin-mock";
@@ -15,7 +15,7 @@ export default [
     method: "post",
     response: () => {
       return {
-        status: '1',
+        status: "1",
         data: {
           SysAdminId: "1",
           realName: "admin",
@@ -24,7 +24,7 @@ export default [
           accessToken: "eyJhbGciOiJIUzUxMiJ9.admin",
           refreshToken: "eyJhbGciOiJIUzUxMiJ9.adm inRefresh",
           expires: "2023/10/30 00:00:00",
-          rightList: [],
+          rightList: []
         }
       };
     }
@@ -34,7 +34,7 @@ export default [
     method: "post",
     response: () => {
       return {
-        status: '1',
+        status: "1",
         data: {
           SysAdminId: "1",
           realName: "admin",
@@ -43,7 +43,7 @@ export default [
           accessToken: "eyJhbGciOiJIUzUxMiJ9.admin",
           refreshToken: "eyJhbGciOiJIUzUxMiJ9.adm inRefresh",
           expires: "2023/10/30 00:00:00",
-          rightList: [],
+          rightList: []
         }
       };
     }

mock/welcome.ts

@@ -1,96 +1,28 @@
 /*
- * @Author: 
+ * @Author:
  * @Date: 2023-09-27 14:33:29
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-01-03 17:28:27
+ * @LastEditors: guicheng 1625811865@qq.com
+ * @LastEditTime: 2025-02-11 14:56:07
  * @Description: kxs files
- * @filePath: 
+ * @filePath:
  */
 // 根据角色动态生成路由
 import { MockMethod } from "vite-plugin-mock";
 
 export default [
-  {
-    url: "/pie",
-    method: "get",
-    response: () => {
-      return {
-        status: '1',
-        message: '',
-        data: [
-          {
-            name: '数据1',
-            value: 100
-          },
-          {
-            name: '数据2',
-            value: 125
-          },
-          {
-            name: '数据3',
-            value: 635
-          },
-        ]
-      };
-    }
-  },
-  {
-    url: "/line",
-    method: "get",
-    response: () => {
-      return {
-        status: '1',
-        message: '',
-        data: [
-          {
-            name: '数据1',
-            data: [
-              509, 917, 2455, 2610, 2719, 3033, 3044, 3085, 2708, 2809, 2117, 2000, 1455, 1210, 719, 733, 944, 2285, 2208, 3372, 3936, 3693, 2962, 2810, 3519, 2455, 2610, 2719, 2484, 2078]
-          },
-          {
-            name: '数据2',
-            data: [
-              2136, 3693, 2962, 3810, 3519, 3484, 3915, 3823, 3455, 4310, 4019, 3433, 3544, 3885, 4208, 3372, 3484, 3915, 3748, 3675, 4009, 4433, 3544, 3285, 4208, 3372, 3484, 3915, 3823, 4265, 4298
-            ]
-          },
-          {
-            name: '数据3',
-            data: [
-              1361, 2693, 5962, 3810, 3519, 3484, 3915, 3823, 3455, 4310, 4019, 4332, 3544, 3885, 4208, 3372, 3484, 3915, 3748, 3675, 4009, 4433, 3544, 3283, 4208, 3372, 3484, 3915, 3823, 4265, 4298
-            ]
-          }
-        ]
-      };
-    }
-  },
-  {
-    url: "/bar",
-    method: "get",
-    response: () => {
-      return {
-        status: '1',
-        message: '',
-        data: [
-          { name: '数据1', data: [100, 500, 1000], date: ["2021", "2022", "2023"] },
-          { name: '数据2', data: [10, 50, 100], date: ["2021", "2022", "2023"] },
-          { name: '数据3', data: [80, 130, 600], date: ["2021", "2022", "2023"] },
-        ]
-      };
-    }
-  },
   {
     url: "/list",
     method: "get",
     response: () => {
       return {
-        status: '1',
-        message: '',
+        status: "1",
+        message: "",
         data: [
-          { content: '这是第一条', date: '2024/01/01 00:00:15' },
-          { content: '这是第二条', date: '2024/01/02 10:30:57' },
-          { content: '这是第三条', date: '2024/01/03 11:08:29' },
+          { content: "一一一一一一一一", date: "2024/01/01 00:00:15" },
+          { content: "二二二二二二二二", date: "2024/01/02 10:30:57" },
+          { content: "三三三三三三三三", date: "2024/01/03 11:08:29" }
         ]
       };
     }
-  },
+  }
 ] as MockMethod[];

src/api/welcome.ts

@@ -8,20 +8,7 @@
  */
 import { http } from "@/utils/http";
 import { dataResult } from "@/api/apiResult";
-
-/** 饼图数据 */
-export const welcomePie = (data?: object): dataResult => {
-  return http.request("get", "/pie", { data });
-};
-/** 折线图数据 */
-export const line = (data?: object) => {
-  return http.request("get", "/line ", { data });
-};
-/** 柱状图数据 */
-export const bar = (data?: object) => {
-  return http.request("get", "/bar ", { data });
-};
 /** 列表数据 */
-export const noticelist = (data?: object) => {
+export const noticelist = (data?: object): dataResult => {
   return http.request("get", "/list ", { data });
 };

src/assets/brandList/brandlist.js

@@ -1,23 +0,0 @@
-/*
- * @Author: Gui
- * @Date: 2023-05-11 16:33:30
- * @LastEditors:
- * @LastEditTime: 2023-05-16 11:49:09
- * @Description: kxs files
- * @filePath:
- */
-const brandlist = [
-  "金控电签",
-  "开店宝电签",
-  "金控大POS",
-  "乐刷电签",
-  "乐刷大POS",
-  "立刷云电签",
-  "盛付通电签",
-  "海科电签",
-  "海科大POS",
-  "联动电签",
-  "联动大POS",
-  "盒易付电签"
-];
-export default brandlist;

src/components/OmageTable/index.vue

@@ -0,0 +1,89 @@
+<!--
+ * @Author: Gui
+ * @Date: 2023-03-01 19:20:44
+ * @LastEditors: guicheng 1625811865@qq.com
+ * @LastEditTime: 2025-02-11 18:03:18
+ * @Description: kxs files
+ * @filePath: 
+-->
+<script setup lang="ts">
+const props = defineProps({
+  "row-key": {
+    type: String,
+    default: ""
+  },
+  "align-whole": {
+    type: String,
+    default: "left"
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: "default"
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  checkList: {
+    type: Array,
+    default: () => []
+  },
+  pagination: {
+    type: Object,
+    default: () => {
+      return {
+        // 总数
+        total: 0,
+        // 条数
+        pageSize: 30,
+        // 页码
+        currentPage: 1,
+        background: true,
+        pageSizes: [10, 30, 50, 100]
+      };
+    }
+  },
+  paginationSmall: {
+    type: Boolean,
+    default: true
+  },
+  "header-cell-style": {
+    type: Object,
+    default: () => {
+      return {
+        background: "var(--el-table-row-hover-bg-color)",
+        color: "var(--el-text-color-primary)"
+      };
+    }
+  }
+});
+const emit = defineEmits(["size-change", "selection-change", "current-change"]);
+const handleSizeChange = val => {
+  emit("size-change", val);
+};
+const handleCurrentChange = val => {
+  emit("current-change", val);
+};
+// emits("selection-change");
+</script>
+<script></script>
+<template>
+  <el-table :data="data" stripe style="width: 100%" row-key>
+    <el-table-column v-for="(item, index) in columns" :key="index" :prop="item.prop" :label="item.label" />
+  </el-table>
+  <div class="flex justify-end mb-4 mt-4">
+    <el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
+      :page-sizes="pagination.pageSizes" :size="size" :disabled="disabled" :background="background"
+      layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange" />
+  </div>
+</template>
+<style></style>

src/main.ts

@@ -1,8 +1,8 @@
 /*
  * @Author: Gui
  * @Date: 2023-03-01 19:20:44
- * @LastEditors:
- * @LastEditTime: 2023-09-04 14:42:43
+ * @LastEditors: guicheng 1625811865@qq.com
+ * @LastEditTime: 2025-02-11 16:34:48
  * @Description: kxs files
  * @filePath:
  */
@@ -17,7 +17,8 @@ import { MotionPlugin } from "@vueuse/motion";
 import { useEcharts } from "@/plugins/echarts";
 import { injectResponsiveStorage } from "@/utils/responsive";
 
-import Table from "@pureadmin/table";
+// import Table from "@pureadmin/table";
+import Table from "@/components/OmageTable/index.vue";
 import PureDescriptions from "@pureadmin/descriptions";
 import * as ElementPlusIconsVue from "@element-plus/icons-vue";
 
@@ -54,6 +55,7 @@ import {
 app.component("IconifyIconOffline", IconifyIconOffline);
 app.component("IconifyIconOnline", IconifyIconOnline);
 app.component("FontIcon", FontIcon);
+app.component("PureTable", Table);
 
 // 全局注册按钮级别权限组件
 import { Auth } from "@/components/ReAuth";
@@ -68,7 +70,7 @@ getServerConfig(app).then(async config => {
     .use(MotionPlugin)
     .use(useI18n)
     .use(ElementPlus)
-    .use(Table)
+    // .use(Table)
     .use(PureDescriptions)
     .use(useEcharts);
   app.mount("#app");

src/utils/BrandList.ts

@@ -1,38 +0,0 @@
-/*
- * @Author: Gui
- * @Date: 2023-04-07 16:09:33
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-06-01 17:57:43
- * @Description: kxs files
- * @filePath:
- */
-import { BrandList } from "@/api/brandlist";
-import { onMounted, ref } from "vue";
-type Data = {
-  status?: string;
-  info?: string;
-  other?: any;
-  data?: Array<objectData>;
-};
-type objectData = {
-  Name?: string;
-  Id?: Number;
-};
-
-export function BrandListHook() {
-  const Brand: any = ref([]);
-  function getBrandList() {
-    // 开始加载
-    BrandList({}).then((data?: Data) => {
-      Brand.value = data.data.map(data => {
-        return { Name: data.Name, Id: data.Id };
-      });
-    });
-  }
-  onMounted(() => {
-    getBrandList();
-  });
-  return {
-    Brand
-  };
-}

src/views/admin/menu/index.vue

@@ -126,7 +126,7 @@ const rules = reactive({
         @selection-change="handleSelectionChange",
         @size-change="handleSizeChange",
         @current-change="handleCurrentChange"
-      )          
+      )
         template(#operation="{ row }")
           el-button.reset-margin(
             link

src/views/app/fileUpdateInfo/hook.tsx

@@ -1,28 +1,38 @@
-import { reactive, onMounted, ref, ElMessage, ElMessageBox, http, getGroupUrl, RegularVerification, verification, PaginationProps } from "@/utils/importUsed"
+import {
+  reactive,
+  onMounted,
+  ref,
+  ElMessage,
+  ElMessageBox,
+  http,
+  getGroupUrl,
+  RegularVerification,
+  verification,
+  PaginationProps
+} from "@/utils/importUsed";
 // 表单实例
-const ruleFormRef = ref()
+const ruleFormRef = ref();
 export function useFileUpdateInfo() {
   // 接口列表实例
-  let UrlList = reactive(null)
+  let UrlList = reactive(null);
   // 获取当前板块接口列表
   onMounted(async () => {
     UrlList = await getGroupUrl(["kxsConfigServer"]);
     onSearch(ruleFormRef.value);
-
   });
-  let form = reactive({
+  const form = reactive({
     kind: "creater", //分类
-    appVersion: "",
-
+    appVersion: ""
   });
   const dataList = ref([]);
   const loading = ref(false);
   const dialogAddVisible = ref(false);
   const pagination = reactive<PaginationProps>({
     total: 0,
-    pageSize: 10,
+    pageSize: 30,
     currentPage: 1,
-    background: true
+    background: true,
+    pageSizes: [10, 30, 50, 100]
   });
   const columns: TableColumnList = [
     {
@@ -88,11 +98,11 @@ export function useFileUpdateInfo() {
   // 搜索列表
   async function onSearch(formEl) {
     // 表单校验拦截
-    if (!formEl) return
+    if (!formEl) return;
     await formEl.validate(async (valid, fields) => {
       if (valid) {
         //表单校验成功回调
-        console.log('submit!')
+        console.log("submit!");
         // 状态调整为加载中
         loading.value = true;
         // 调用接口（需动态生成接口）
@@ -117,23 +127,21 @@ export function useFileUpdateInfo() {
           type: "error"
         });
       }
-    })
+    });
   }
 
-
-
   // 删除
   function handleDelete(row) {
-    ElMessageBox.confirm(
-      `是否删除该资源文件更新信息? `,
-      "提示",
-      {
-        confirmButtonText: "删除",
-        cancelButtonText: "取消",
-        type: "warning"
-      }
-    ).then(async () => {
-      const { status, msg }: any = await http.Request({ method: UrlList.kxsConfigServer.fileUpdateInfodelete.method, url: UrlList.kxsConfigServer.fileUpdateInfodelete.url, params: String(row.id) });
+    ElMessageBox.confirm(`是否删除该资源文件更新信息? `, "提示", {
+      confirmButtonText: "删除",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(async () => {
+      const { status, msg }: any = await http.Request({
+        method: UrlList.kxsConfigServer.fileUpdateInfodelete.method,
+        url: UrlList.kxsConfigServer.fileUpdateInfodelete.url,
+        params: String(row.id)
+      });
       if (status === 1) {
         ElMessage({
           message: "删除成功",
@@ -145,8 +153,8 @@ export function useFileUpdateInfo() {
           confirmButtonText: "关闭",
           type: "warning"
         });
-      };
-    })
+      }
+    });
   }
 
   function handleUpdateFile() {
@@ -157,16 +165,16 @@ export function useFileUpdateInfo() {
       });
       return;
     }
-    ElMessageBox.confirm(
-      `是否同步资源文件? `,
-      "提示",
-      {
-        confirmButtonText: "同步",
-        cancelButtonText: "取消",
-        type: "warning"
-      }
-    ).then(async () => {
-      const { status, msg }: any = await http.Request({ method: UrlList.kxsConfigServer.fileUpdateInfoupdateFile.method, url: UrlList.kxsConfigServer.fileUpdateInfoupdateFile.url, params: { kind: form.kind, appVersion: form.appVersion } });
+    ElMessageBox.confirm(`是否同步资源文件? `, "提示", {
+      confirmButtonText: "同步",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(async () => {
+      const { status, msg }: any = await http.Request({
+        method: UrlList.kxsConfigServer.fileUpdateInfoupdateFile.method,
+        url: UrlList.kxsConfigServer.fileUpdateInfoupdateFile.url,
+        params: { kind: form.kind, appVersion: form.appVersion }
+      });
       if (status === 1) {
         ElMessage({
           message: "同步成功",
@@ -178,15 +186,15 @@ export function useFileUpdateInfo() {
           confirmButtonText: "关闭",
           type: "warning"
         });
-      };
-    })
+      }
+    });
   }
 
   // 新增
   const addVisible = ref(false);
   function handleAdd() {
     addVisible.value = true;
-  };
+  }
 
   // 修改
   const editUpdateVisible = ref(false);
@@ -195,7 +203,7 @@ export function useFileUpdateInfo() {
     editUpdateVisible.value = true;
     // 表格数据赋值
     editUpdateFormData.value = row;
-  };
+  }
   // 更新版本号
   const editUpVersionVisible = ref(false);
   const editUpVersionFormData = ref({});
@@ -222,12 +230,10 @@ export function useFileUpdateInfo() {
         type: "warning"
       });
     }
-  };
+  }
 
   // 分类选项数据
-  const kindOptionList = [
-    { label: '创客版', id: 'creater' }
-  ]
+  const kindOptionList = [{ label: "创客版", id: "creater" }];
 
   return {
     form,
@@ -251,7 +257,6 @@ export function useFileUpdateInfo() {
     handleUpVersion,
     handleUpdateFile,
     editUpVersionVisible,
-    editUpVersionFormData,
-
+    editUpVersionFormData
   };
 }

src/views/welcome/components/Bar.vue

@@ -1,118 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, watch, type Ref } from "vue";
-import { useAppStoreHook } from "@/store/modules/app";
-import {
-  delay,
-  useDark,
-  useECharts,
-  type EchartOptions,
-  randomColor
-} from "@pureadmin/utils";
-import * as echarts from "echarts/core";
-import { bar } from "@/api/welcome";
-
-const { isDark } = useDark();
-
-const theme: EchartOptions["theme"] = computed(() => {
-  return isDark.value ? "dark" : "light";
-});
-
-const barChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions, resize } = useECharts(barChartRef as Ref<HTMLDivElement>, {
-  theme
-});
-
-let barxList = [];
-let nameList = [];
-function getList() {
-  bar()
-    .then((data) => {
-      if (data.status == '1') {
-        data.data.forEach((item) => {
-          const colort = randomColor({ type: "hex" }) as string;
-          const colorb = randomColor({ type: "hex" }) as string;
-          nameList.push(item.name)
-          barxList = item.date
-          item.type = "bar"
-          item.barWidth = "15%";
-          item.itemStyle = {
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              {
-                offset: 0,
-                color: colort
-              },
-              {
-                offset: 1,
-                color: colorb
-              }
-            ])
-          }
-        });
-        setOptions(
-          {
-            tooltip: {
-              trigger: "axis",
-              axisPointer: {
-                type: "shadow"
-              }
-            },
-            grid: {
-              bottom: "20px",
-              right: "10px"
-            },
-            legend: {
-              //@ts-expect-error
-              right: true,
-              data: nameList
-            },
-            xAxis: [
-              {
-                type: "category",
-                axisTick: {
-                  alignWithLabel: true
-                },
-                axisLabel: {
-                  interval: 0
-                  // width: "70",
-                  // overflow: "truncate"
-                },
-                data: barxList,
-                triggerEvent: true
-              }
-            ],
-            yAxis: [
-              {
-                type: "value",
-                triggerEvent: true
-              }
-            ],
-            series: data.data,
-            addTooltip: true
-          },
-          {
-            name: "click",
-            callback: params => {
-              console.log("click", params);
-            }
-          }
-        );
-      } else {
-        console.log(data.message);
-      };
-    }).catch(err => {
-      console.log(err);
-    })
-}
-
-getList();
-watch(
-  () => useAppStoreHook().getSidebarStatus,
-  () => {
-    delay(600).then(() => resize());
-  }
-);
-</script>
-
-<template>
-  <div ref="barChartRef" style="width: 100%; height: 35vh" />
-</template>

src/views/welcome/components/Line.vue

@@ -1,177 +0,0 @@
-<!--
- * @Author: 
- * @Date: 2023-03-01 19:20:44
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-01-03 15:42:58
- * @Description: kxs files
- * @filePath: 
--->
-<script setup lang="ts">
-import { useIntervalFn } from "@vueuse/core";
-import { ref, computed, watch, type Ref } from "vue";
-import { useAppStoreHook } from "@/store/modules/app";
-import { line } from "@/api/welcome"
-import {
-  delay,
-  useDark,
-  useECharts,
-  type EchartOptions,
-  randomColor
-} from "@pureadmin/utils";
-
-const { isDark } = useDark();
-
-const theme: EchartOptions["theme"] = computed(() => {
-  return isDark.value ? "dark" : "default";
-});
-
-const lineChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions, getInstance, resize } = useECharts(
-  lineChartRef as Ref<HTMLDivElement>,
-  { theme }
-);
-
-const xData = (() => {
-  const data: any[] = [];
-  for (let i = 1; i < 31; i++) {
-    data.push(`${i}日`);
-  }
-  return data;
-})();
-let pieColorList = [];
-function getList() {
-  line()
-    .then((data) => {
-      if (data.status == '1') {
-        data.data.forEach(item => {
-          let color = randomColor({ type: "hex" });
-          let BGcolor = randomColor({ type: "hex" });
-          pieColorList.push(item.name)
-          item.type = "line",
-            item.symbolSize = 10,
-            item.symbol = "circle",
-            item.color = BGcolor,
-            item.markPoint = {
-              label: {
-                color: color
-              },
-              data: [
-                {
-                  type: "max",
-                  name: "最大值"
-                },
-                {
-                  type: "min",
-                  name: "最小值"
-                }
-              ]
-            }
-        });
-        setOptions(
-          {
-            tooltip: {
-              trigger: "axis",
-              axisPointer: {
-                type: "shadow"
-              }
-            },
-            grid: {
-              bottom: "20px",
-              right: "10px"
-            },
-            legend: {
-              //@ts-expect-error
-              right: true,
-              data: pieColorList
-            },
-            calculable: true,
-            xAxis: [
-              {
-                triggerEvent: true,
-                type: "category",
-                splitLine: {
-                  show: false
-                },
-                axisTick: {
-                  show: false
-                },
-                data: xData
-              }
-            ],
-            yAxis: [
-              {
-                triggerEvent: true,
-                type: "value",
-                splitLine: {
-                  show: false
-                },
-                axisLine: {
-                  show: true
-                }
-              }
-            ],
-            dataZoom: [
-              {
-                type: "slider",
-                show: false,
-                realtime: true,
-                startValue: 0,
-                endValue: 24
-              }
-            ],
-            series: data.data,
-            addTooltip: true
-          },
-          {
-            name: "click",
-            callback: params => {
-              console.log("click", params);
-            }
-          },
-          {
-            name: "contextmenu",
-            callback: params => {
-              console.log("contextmenu", params);
-            }
-          },
-          // 点击空白处
-          {
-            type: "zrender",
-            name: "click",
-            callback: params => {
-              console.log("点击空白处", params);
-            }
-          }
-        );
-      } else {
-        console.log(data.message);
-      };
-    }).catch(err => {
-      console.log(err);
-    })
-}
-let a = 1;
-useIntervalFn(() => {
-  if (a == xData.length - 24) {
-    a = 0;
-  }
-  getInstance()!.dispatchAction({
-    type: "dataZoom",
-    startValue: a,
-    endValue: a + 24
-  });
-  a++;
-}, 2000);
-
-watch(
-  () => useAppStoreHook().getSidebarStatus,
-  () => {
-    delay(600).then(() => resize());
-  }
-);
-getList();
-</script>
-
-<template>
-  <div ref="lineChartRef" style="width: 100%; height: 35vh" />
-</template>

src/views/welcome/components/Pie.vue

@@ -1,102 +0,0 @@
-<!--
- * @Author: 
- * @Date: 2023-03-01 19:20:44
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-01-03 14:47:29
- * @Description: kxs files
- * @filePath: 
--->
-<script setup lang="ts">
-import { ref, computed, watch, type Ref } from "vue";
-import { useAppStoreHook } from "@/store/modules/app";
-import { welcomePie } from "@/api/welcome"
-import {
-  delay,
-  useDark,
-  useECharts,
-  type EchartOptions,
-  randomColor
-} from "@pureadmin/utils";
-
-const { isDark } = useDark();
-
-const theme: EchartOptions["theme"] = computed(() => {
-  return isDark.value ? "dark" : "light";
-});
-const pieChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions, resize } = useECharts(pieChartRef as Ref<HTMLDivElement>, {
-  theme
-})
-const pieColorList = [];
-function getList() {
-  welcomePie()
-    .then((data) => {
-      if (data.status == '1') {
-        data.data.forEach(() => {
-          pieColorList.push(randomColor({ type: "hex" }))
-        });
-        setOptions(
-          {
-            tooltip: {
-              trigger: "item"
-            },
-            legend: {
-              icon: "circle",
-              //@ts-expect-error
-              right: true
-            },
-            series: [
-              {
-                name: "分类占比",
-                type: "pie",
-                top: "20%",
-                radius: "80%",
-                center: ["40%", "50%"],
-                color: pieColorList,
-                data: data.data
-                // emphasis: {
-                //   itemStyle: {
-                //     shadowBlur: 10,
-                //     shadowOffsetX: 0,
-                //     shadowColor: "rgba(0, 0, 0, 0.5)"
-                //   }
-                // }
-              }
-            ]
-          },
-          {
-            name: "click",
-            callback: params => {
-              console.log("click", params);
-            }
-          },
-          // 点击空白处
-          {
-            type: "zrender",
-            name: "click",
-            callback: params => {
-              console.log("点击空白处", params);
-            }
-          }
-        );
-
-      } else {
-        console.log(data.message);
-      };
-    }).catch((err) => {
-      console.log(err);
-    })
-};
-getList();
-
-watch(
-  () => useAppStoreHook().getSidebarStatus,
-  () => {
-    delay(600).then(() => resize());
-  }
-);
-</script>
-
-<template>
-  <div ref="pieChartRef" style="width: 100%; height: 35vh" />
-</template>

src/views/welcome/index.vue

@@ -2,9 +2,6 @@
 import dayjs from "dayjs";
 import axios from "axios";
 import MdEditor from "md-editor-v3";
-import Bar from "./components/Bar.vue";
-import Pie from "./components/Pie.vue";
-import Line from "./components/Line.vue";
 import TypeIt from "@/components/ReTypeit";
 import { ref, computed, markRaw, onMounted } from "vue";
 import Table from "./components/Table.vue";