删除多余代码

src/views/settings/wechat-config/index.vue

@@ -19,7 +19,7 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton type="primary" @click="showCreateDialog">新增支付配置</ElButton>
+            <ElButton type="primary" @click="showCreateDialog" v-if="hasAuth('wechat_config:create')">新增支付配置</ElButton>
           </template>
         </ArtTableHeader>
 
@@ -33,29 +33,16 @@
           :pageSize="pagination.page_size"
           :total="pagination.total"
           :marginTop="10"
-          :row-class-name="getRowClassName"
+          :actions="getActions"
+          :actionsWidth="120"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
-          @row-contextmenu="handleRowContextMenu"
-          @cell-mouse-enter="handleCellMouseEnter"
-          @cell-mouse-leave="handleCellMouseLeave"
         >
           <template #default>
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
           </template>
         </ArtTable>
 
-        <!-- 鼠标悬浮提示 -->
-        <TableContextMenuHint :visible="showContextMenuHint" :position="hintPosition" />
-
-        <!-- 支付配置操作右键菜单 -->
-        <ArtMenuRight
-          ref="configOperationMenuRef"
-          :menu-items="configOperationMenuItems"
-          :menu-width="140"
-          @select="handleConfigOperationMenuSelect"
-        />
-
         <!-- 创建/编辑对话框 -->
         <ElDialog
           v-model="dialogVisible"
@@ -436,7 +423,7 @@
   import { h, nextTick } from 'vue'
   import { useRouter } from 'vue-router'
   import { WechatConfigService } from '@/api/modules'
-  import { ElMessage, ElTag, ElMessageBox, ElSwitch, ElButton } from 'element-plus'
+  import { ElMessage, ElMessageBox, ElSwitch, ElButton } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type {
     WechatConfig,
@@ -448,10 +435,6 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
-  import { useTableContextMenu } from '@/composables/useTableContextMenu'
-  import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
-  import TableContextMenuHint from '@/components/core/others/TableContextMenuHint.vue'
-  import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
   import { formatDateTime } from '@/utils/business/format'
   import { RoutesAlias } from '@/router/routesAlias'
 
@@ -467,10 +450,6 @@
   const dialogType = ref<'add' | 'edit'>('add')
   const formRef = ref<FormInstance>()
 
-  // 右键菜单
-  const configOperationMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
-  const currentOperatingConfig = ref<WechatConfig | null>(null)
-
   // 搜索表单初始值
   const initialSearchState = {
     provider_type: undefined as PaymentProviderType | undefined,
@@ -533,7 +512,7 @@
   ]
 
   // URL格式验证规则
-  const urlValidator = (rule: any, value: any, callback: any) => {
+  const urlValidator = (_rule: any, value: any, callback: any) => {
     if (!value) {
       callback()
       return
@@ -692,6 +671,7 @@
           activeText: '已激活',
           inactiveText: '未激活',
           inlinePrompt: true,
+          disabled: !hasAuth('wechat_config:status'),
           'onUpdate:modelValue': (val) => handleStatusChange(row, val)
         })
       }
@@ -848,7 +828,7 @@
         })
         dialogType.value = 'edit'
         dialogVisible.value = true
-        nextTick(() => {
+        await nextTick(() => {
           formRef.value?.clearValidate()
         })
       }
@@ -956,6 +936,11 @@
 
   // 激活/停用状态切换
   const handleStatusChange = async (row: WechatConfig, newStatus: string | number | boolean) => {
+    if (!hasAuth('wechat_config:status')) {
+      ElMessage.warning('您没有修改激活状态的权限')
+      return
+    }
+
     const newBoolStatus = Boolean(newStatus)
     const oldStatus = row.is_active
     row.is_active = newBoolStatus
@@ -1002,63 +987,35 @@
 
   // 处理名称点击
   const handleNameClick = (row: WechatConfig) => {
-    handleViewDetail(row)
-  }
-
-  // 支付配置操作菜单项配置
-  const configOperationMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = []
-
-    // 编辑
-    items.push({
-      key: 'edit',
-      label: '编辑'
-    })
-
-    // 删除
-    items.push({
-      key: 'delete',
-      label: '删除'
-    })
-
-    return items
-  })
-
-  // 显示支付配置操作右键菜单
-  const showConfigOperationMenu = (e: MouseEvent, row: WechatConfig) => {
-    e.preventDefault()
-    e.stopPropagation()
-    currentOperatingConfig.value = row
-    configOperationMenuRef.value?.show(e)
-  }
-
-  // 处理表格行右键菜单
-  const handleRowContextMenu = (row: WechatConfig, column: any, event: MouseEvent) => {
-    showConfigOperationMenu(event, row)
-  }
-
-  // 处理支付配置操作菜单选择
-  const handleConfigOperationMenuSelect = (item: MenuItemType) => {
-    if (!currentOperatingConfig.value) return
-
-    switch (item.key) {
-      case 'edit':
-        showEditDialog(currentOperatingConfig.value)
-        break
-      case 'delete':
-        handleDelete(currentOperatingConfig.value)
-        break
+    if (hasAuth('wechat_config:detail')) {
+      handleViewDetail(row)
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
     }
   }
 
-  // 使用表格右键菜单功能
-  const {
-    showContextMenuHint,
-    hintPosition,
-    getRowClassName,
-    handleCellMouseEnter,
-    handleCellMouseLeave
-  } = useTableContextMenu()
+  // 获取操作按钮
+  const getActions = (row: WechatConfig) => {
+    const actions: any[] = []
+
+    if (hasAuth('wechat_config:edit')) {
+      actions.push({
+        label: '编辑',
+        handler: () => showEditDialog(row),
+        type: 'primary'
+      })
+    }
+
+    if (hasAuth('wechat_config:delete')) {
+      actions.push({
+        label: '删除',
+        handler: () => handleDelete(row),
+        type: 'danger'
+      })
+    }
+
+    return actions
+  }
 </script>
 
 <style scoped lang="scss">
@@ -1066,10 +1023,6 @@
     height: 100%;
   }
 
-  :deep(.el-table__row.table-row-with-context-menu) {
-    cursor: pointer;
-  }
-
   .config-form {
     max-height: 600px;
     padding-right: 10px;