v1.0.2 更新内容

src/views/admin/system/role/index.vue

@@ -7,7 +7,7 @@
       <div style="width: 12px"></div>
       <ElCol :xs="24" :sm="12" :lg="6" class="el-col2">
         <ElButton v-ripple>搜索</ElButton>
-        <ElButton @click="showDialog('add')" v-ripple>新增角色</ElButton>
+        <ElButton @click="showDialog('add')" v-ripple v-if="hasAuth('system@role_add')">新增角色</ElButton>
       </ElCol>
     </ElRow>
 
@@ -36,9 +36,28 @@
         <ElTableColumn fixed="right" label="操作" width="200px">
           <template #default="scope">
             <ElRow>
-              <el-button link @click="showPermissionDialog(scope.row)"> 菜单权限 </el-button>
-              <el-button link @click="showDialog('edit', scope.row)"> 编辑 </el-button>
-              <el-button link @click="deleteRole(scope.row)"> 删除 </el-button>
+              <el-button
+                link
+                @click="showPermissionDialog(scope.row)"
+                v-if="hasAuth('system@role_perm')"
+              >
+                菜单权限
+              </el-button>
+              <el-button
+                type="success"
+                link
+                @click="showDialog('edit', scope.row)"
+                v-if="hasAuth('system@role_update')"
+              >
+                编辑
+              </el-button>
+              <el-button
+                type="danger"
+                link
+                @click="deleteRole(scope.row)"
+                v-if="hasAuth('system@role_destroy')"
+                >删除
+              </el-button>
             </ElRow>
           </template>
         </ElTableColumn>
@@ -118,6 +137,8 @@
   import type { FormInstance, FormRules } from 'element-plus'
   import { formatMenuTitle } from '@/router/utils/utils'
   import { systemService } from '@/api/systemApi'
+  import { useAuth } from '@/composables/useAuth'
+  const { hasAuth } = useAuth()
   // import { ButtonMoreItem } from '@/components/core/forms/ArtButtonMore.vue'
   // import { Role, ROLE_LIST_DATA } from '@/mock/temp/formData'
   const loading = ref(false)