fetch(modify):完善按钮权限

2026-02-03 17:20:50 +08:00
parent de9753f42d
commit 192c6f1d26
22 changed files with 885 additions and 232 deletions
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -17,7 +17,7 @@
          @refresh="handleRefresh"
        >
          <template #left>
-            <ElButton @click="showDialog('add')">新增账号</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'account:add'">新增账号</ElButton>
          </template>
        </ArtTableHeader>

@@ -117,6 +117,7 @@
  import { ElMessageBox, ElMessage } from 'element-plus'
  import type { FormRules } from 'element-plus'
  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
  import { AccountService } from '@/api/modules/account'
  import { RoleService } from '@/api/modules/role'
@@ -128,6 +129,8 @@

  defineOptions({ name: 'Account' }) // 定义组件名称，用于 KeepAlive 缓存控制

+  const { hasAuth } = useAuth()
+
  const dialogType = ref('add')
  const dialogVisible = ref(false)
  const roleDialogVisible = ref(false)
@@ -375,20 +378,36 @@
      width: 200,
      fixed: 'right',
      formatter: (row: any) => {
-        return h('div', { style: 'display: flex; gap: 8px;' }, [
-          h(ArtButtonTable, {
-            icon: '&#xe72b;',
-            onClick: () => showRoleDialog(row)
-          }),
-          h(ArtButtonTable, {
-            type: 'edit',
-            onClick: () => showDialog('edit', row)
-          }),
-          h(ArtButtonTable, {
-            type: 'delete',
-            onClick: () => deleteAccount(row)
-          })
-        ])
+        const buttons = []
+
+        if (hasAuth('account:patch_role')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              icon: '&#xe72b;',
+              onClick: () => showRoleDialog(row)
+            })
+          )
+        }
+
+        if (hasAuth('account:edit')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              type: 'edit',
+              onClick: () => showDialog('edit', row)
+            })
+          )
+        }
+
+        if (hasAuth('account:delete')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              type: 'delete',
+              onClick: () => deleteAccount(row)
+            })
+          )
+        }
+
+        return h('div', { style: 'display: flex; gap: 8px;' }, buttons)
      }
    }
  ])
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -19,7 +19,7 @@
          @refresh="handleRefresh"
        >
          <template #left>
-            <ElButton @click="showDialog('add')">新增企业客户</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'enterprise_customer:add'">新增企业客户</ElButton>
          </template>
        </ArtTableHeader>

@@ -213,6 +213,7 @@
  import type { EnterpriseItem, ShopResponse } from '@/types/api'
  import type { SearchFormItem } from '@/types'
  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
  import CustomerAccountDialog from '@/components/business/CustomerAccountDialog.vue'
  import { formatDateTime } from '@/utils/business/format'
@@ -220,6 +221,8 @@

  defineOptions({ name: 'EnterpriseCustomer' })

+  const { hasAuth } = useAuth()
+
  const router = useRouter()

  const dialogVisible = ref(false)
@@ -450,28 +453,49 @@
      width: 340,
      fixed: 'right',
      formatter: (row: EnterpriseItem) => {
-        return h('div', { style: 'display: flex; gap: 8px;' }, [
-          h(ArtButtonTable, {
-            text: '编辑',
-            iconClass: BgColorEnum.SECONDARY,
-            onClick: () => showDialog('edit', row)
-          }),
-          h(ArtButtonTable, {
-            text: '查看客户',
-            iconClass: BgColorEnum.PRIMARY,
-            onClick: () => viewCustomerAccounts(row)
-          }),
-          h(ArtButtonTable, {
-            text: '卡授权',
-            iconClass: BgColorEnum.PRIMARY,
-            onClick: () => manageCards(row)
-          }),
-          h(ArtButtonTable, {
-            text: '修改密码',
-            iconClass: BgColorEnum.WARNING,
-            onClick: () => showPasswordDialog(row)
-          })
-        ])
+        const buttons = []
+
+        if (hasAuth('enterprise_customer:edit')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              text: '编辑',
+              iconClass: BgColorEnum.SECONDARY,
+              onClick: () => showDialog('edit', row)
+            })
+          )
+        }
+
+        if (hasAuth('enterprise_customer:look_customer')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              text: '查看客户',
+              iconClass: BgColorEnum.PRIMARY,
+              onClick: () => viewCustomerAccounts(row)
+            })
+          )
+        }
+
+        if (hasAuth('enterprise_customer:card_authorization')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              text: '卡授权',
+              iconClass: BgColorEnum.PRIMARY,
+              onClick: () => manageCards(row)
+            })
+          )
+        }
+
+        if (hasAuth('enterprise_customer:update_pwd')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              text: '修改密码',
+              iconClass: BgColorEnum.WARNING,
+              onClick: () => showPasswordDialog(row)
+            })
+          )
+        }
+
+        return h('div', { style: 'display: flex; gap: 8px;' }, buttons)
      }
    }
  ])
--- a/src/views/account-management/platform-account/index.vue
+++ b/src/views/account-management/platform-account/index.vue
@@ -18,7 +18,7 @@
          @refresh="handleRefresh"
        >
          <template #left>
-            <ElButton @click="showDialog('add')">新增平台账号</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'platform_account:add'">新增平台账号</ElButton>
          </template>
        </ArtTableHeader>

@@ -164,6 +164,7 @@
  import { FormInstance, ElMessage, ElMessageBox, ElTag, ElSwitch } from 'element-plus'
  import type { FormRules } from 'element-plus'
  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
  import { AccountService, RoleService, ShopService } from '@/api/modules'
  import type { SearchFormItem } from '@/types'
@@ -173,6 +174,8 @@

  defineOptions({ name: 'PlatformAccount' }) // 定义组件名称，用于 KeepAlive 缓存控制

+  const { hasAuth } = useAuth()
+
  const dialogType = ref('add')
  const dialogVisible = ref(false)
  const roleDialogVisible = ref(false)
@@ -443,24 +446,45 @@
      width: 240,
      fixed: 'right',
      formatter: (row: PlatformAccount) => {
-        return h('div', { style: 'display: flex; gap: 8px;' }, [
-          h(ArtButtonTable, {
-            icon: '&#xe72b;',
-            onClick: () => showRoleDialog(row)
-          }),
-          h(ArtButtonTable, {
-            icon: '&#xe722;',
-            onClick: () => showPasswordDialog(row)
-          }),
-          h(ArtButtonTable, {
-            type: 'edit',
-            onClick: () => showDialog('edit', row)
-          }),
-          h(ArtButtonTable, {
-            type: 'delete',
-            onClick: () => deleteAccount(row)
-          })
-        ])
+        const buttons = []
+
+        if (hasAuth('platform_account:patch_role')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              icon: '&#xe72b;',
+              onClick: () => showRoleDialog(row)
+            })
+          )
+        }
+
+        if (hasAuth('platform_account:update_psd')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              icon: '&#xe722;',
+              onClick: () => showPasswordDialog(row)
+            })
+          )
+        }
+
+        if (hasAuth('platform_account:edit')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              type: 'edit',
+              onClick: () => showDialog('edit', row)
+            })
+          )
+        }
+
+        if (hasAuth('platform_account:delete')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              type: 'delete',
+              onClick: () => deleteAccount(row)
+            })
+          )
+        }
+
+        return h('div', { style: 'display: flex; gap: 8px;' }, buttons)
      }
    }
  ])
--- a/src/views/account-management/shop-account/index.vue
+++ b/src/views/account-management/shop-account/index.vue
@@ -17,7 +17,7 @@
          @refresh="handleRefresh"
        >
          <template #left>
-            <ElButton @click="showDialog('add')">新增代理账号</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'shop_account:add'">新增代理账号</ElButton>
          </template>
        </ArtTableHeader>

@@ -125,6 +125,7 @@
  import { FormInstance, ElMessage, ElMessageBox, ElSwitch, ElSelect, ElOption } from 'element-plus'
  import type { FormRules } from 'element-plus'
  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
  import { AccountService, ShopService } from '@/api/modules'
  import type { SearchFormItem } from '@/types'
@@ -134,6 +135,8 @@

  defineOptions({ name: 'ShopAccount' }) // 定义组件名称，用于 KeepAlive 缓存控制

+  const { hasAuth } = useAuth()
+
  const dialogType = ref('add')
  const dialogVisible = ref(false)
  const passwordDialogVisible = ref(false)
@@ -342,16 +345,27 @@
      width: 120,
      fixed: 'right',
      formatter: (row: PlatformAccount) => {
-        return h('div', { style: 'display: flex; gap: 8px;' }, [
-          h(ArtButtonTable, {
-            icon: '&#xe722;',
-            onClick: () => showPasswordDialog(row)
-          }),
-          h(ArtButtonTable, {
-            type: 'edit',
-            onClick: () => showDialog('edit', row)
-          })
-        ])
+        const buttons = []
+
+        if (hasAuth('shop_account:update_psd')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              icon: '&#xe722;',
+              onClick: () => showPasswordDialog(row)
+            })
+          )
+        }
+
+        if (hasAuth('shop_account:edit')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              type: 'edit',
+              onClick: () => showDialog('edit', row)
+            })
+          )
+        }
+
+        return h('div', { style: 'display: flex; gap: 8px;' }, buttons)
      }
    }
  ])