From bc588890bb0d740dd59e91cbf3e45b6b55b0cb2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Tue, 11 Apr 2023 17:39:33 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E9=A6=96=E9=A1=B5=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=B8=B8=E7=94=A8=E5=8A=9F=E8=83=BD=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/CommonMenu/index.vue | 48 +++++++++++++++++++++++
 src/views/index_v1.vue                    | 13 ++++++
 2 files changed, 61 insertions(+)
 create mode 100644 src/views/components/CommonMenu/index.vue

diff --git a/src/views/components/CommonMenu/index.vue b/src/views/components/CommonMenu/index.vue
new file mode 100644
index 0000000..800cebf
--- /dev/null
+++ b/src/views/components/CommonMenu/index.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="tool-wrap">
+    <template v-for="item in menuList">
+      <div class="tool-item" v-if="checkPermi(item)">
+        <router-link :to="item.path">
+          <svg-icon :name="item.name" class-name="card-panel-icon mb10" :color="item.color" />
+          <div>{{ item.title }}</div>
+        </router-link>
+      </div>
+    </template>
+  </div>
+</template>
+<script setup>
+import { getCurrentInstance } from 'vue'
+
+const { proxy } = getCurrentInstance()
+const menuList = ref([
+  { path: '/tool/gen', title: '代码生成', color: '#40c9c6', name: 'code', permi: ['tool:gen:list'] },
+  { path: '/tool/file', title: '文件存储', color: '#6A5ACD', name: 'upload', permi: ['tool:file:list'] },
+  // // { path: '/system/user', title: '角色管理', color: '#7FFF00', name: 'peoples' },
+  { path: '/system/dict', title: '字典管理', color: '#B0E0E6', name: 'dict', permi: ['system:dict:list'] },
+  { path: '/monitor/job', title: '定时任务', color: '#D2691E', name: 'job', permi: ['monitor:job:list'] }
+])
+
+function checkPermi(v) {
+  if (v && v.permi) {
+    return proxy.$auth.hasPermiOr(v.permi)
+  }
+  return true
+}
+</script>
+<style lang="scss" scoped>
+.tool-wrap {
+  display: flex;
+
+  .tool-item {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    width: 110px;
+
+    .card-panel-icon {
+      width: 30px;
+      height: 30px;
+    }
+  }
+}
+</style>
diff --git a/src/views/index_v1.vue b/src/views/index_v1.vue
index abc8d47..b10ca47 100644
--- a/src/views/index_v1.vue
+++ b/src/views/index_v1.vue
@@ -84,6 +84,18 @@
         </el-card>
       </el-col>
     </el-row>
+
+    <el-row :gutter="15">
+      <el-col :md="24" :lg="24" :xl="24" class="mb10">
+        <el-card shadow="hover">
+          <template #header>
+            <span>常用功能</span>
+          </template>
+
+          <CommonMenu></CommonMenu>
+        </el-card>
+      </el-col>
+    </el-row>
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
     <el-row :gutter="32">
@@ -128,6 +140,7 @@ import RaddarChart from './dashboard/RaddarChart'
 import PieChart from './dashboard/PieChart'
 import BarChart from './dashboard/BarChart'
 import WordCloudChat from './dashboard/WordCloud.vue'
+import CommonMenu from './components/CommonMenu'
 
 import dayjs from 'dayjs'