前端增加插件化示例

web/src/view/dashboard/index.vue

@@ -6,7 +6,7 @@
           <div class="gva-top-card-left-title">早安，管理员，请开始一天的工作吧</div>
           <div class="gva-top-card-left-dot">{{ weatherInfo }}</div>
           <div class="gva-top-card-left-rows">
-            <el-row v-auth="888">
+            <el-row v-auth="btnAuth.a">
               <el-col :span="8" :xs="24" :sm="8">
                 <div class="flex-center">
                   <el-icon class="dasboard-icon">
@@ -110,6 +110,10 @@ import dashboardTable from '@/view/dashboard/dashboardTable/dashboardTable.vue'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useWeatherInfo } from '@/view/dashboard/weather.js'
+
+import { useBtnAuth } from '@/utils/btnAuth'
+const btnAuth = useBtnAuth()
+
 const weatherInfo = useWeatherInfo()
 
 const toolCards = ref([