删除多余代码

src/views/finance/agent-recharge/index.vue

@@ -18,7 +18,7 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton type="primary" @click="showCreateDialog">创建充值订单</ElButton>
+            <ElButton type="primary" @click="showCreateDialog" v-if="hasAuth('agent_recharge:create')">创建充值订单</ElButton>
           </template>
         </ArtTableHeader>
 
@@ -32,29 +32,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="rechargeOperationMenuRef"
-          :menu-items="rechargeOperationMenuItems"
-          :menu-width="140"
-          @select="handleRechargeOperationMenuSelect"
-        />
-
         <!-- 创建充值订单对话框 -->
         <ElDialog
           v-model="createDialogVisible"
@@ -181,17 +168,15 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useUserStore } from '@/store/modules/user'
-  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'
+  import { useAuth } from '@/composables/useAuth'
 
   defineOptions({ name: 'AgentRechargeList' })
 
   const router = useRouter()
   const userStore = useUserStore()
+  const { hasAuth } = useAuth()
 
   const loading = ref(false)
   const createLoading = ref(false)
@@ -201,10 +186,6 @@
   const confirmPayDialogVisible = ref(false)
   const currentRecharge = ref<AgentRecharge | null>(null)
 
-  // 右键菜单
-  const rechargeOperationMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
-  const currentOperatingRecharge = ref<AgentRecharge | null>(null)
-
   // 搜索表单初始值
   const initialSearchState: AgentRechargeQueryParams = {
     shop_id: undefined,
@@ -609,71 +590,25 @@
     })
   }
 
-  // 查看详情
-  const handleViewDetail = (row: AgentRecharge) => {
-    router.push({
-      path: `${RoutesAlias.AgentRecharge}/detail/${row.id}`
-    })
-  }
-
-  // 充值订单操作菜单项配置
-  const rechargeOperationMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = []
+  // 获取操作按钮
+  const getActions = (row: AgentRecharge) => {
+    const actions: any[] = []
 
     // 待支付且线下转账的订单可以确认支付
-    if (
-      currentOperatingRecharge.value?.status === 1 &&
-      currentOperatingRecharge.value?.payment_method === 'offline'
-    ) {
-      items.push({
-        key: 'confirm_pay',
-        label: '确认支付'
+    if (row.status === 1 && row.payment_method === 'offline' && hasAuth('agent_recharge:confirm_payment')) {
+      actions.push({
+        label: '确认支付',
+        handler: () => handleShowConfirmPay(row),
+        type: 'primary'
       })
     }
 
-    return items
-  })
-
-  // 显示充值订单操作右键菜单
-  const showRechargeOperationMenu = (e: MouseEvent, row: AgentRecharge) => {
-    e.preventDefault()
-    e.stopPropagation()
-    currentOperatingRecharge.value = row
-    rechargeOperationMenuRef.value?.show(e)
+    return actions
   }
-
-  // 处理表格行右键菜单
-  const handleRowContextMenu = (row: AgentRecharge, column: any, event: MouseEvent) => {
-    showRechargeOperationMenu(event, row)
-  }
-
-  // 处理充值订单操作菜单选择
-  const handleRechargeOperationMenuSelect = (item: MenuItemType) => {
-    if (!currentOperatingRecharge.value) return
-
-    switch (item.key) {
-      case 'confirm_pay':
-        handleShowConfirmPay(currentOperatingRecharge.value)
-        break
-    }
-  }
-
-  // 使用表格右键菜单功能
-  const {
-    showContextMenuHint,
-    hintPosition,
-    getRowClassName,
-    handleCellMouseEnter,
-    handleCellMouseLeave
-  } = useTableContextMenu()
 </script>
 
 <style scoped lang="scss">
   .agent-recharge-page {
     height: 100%;
   }
-
-  :deep(.el-table__row.table-row-with-context-menu) {
-    cursor: pointer;
-  }
 </style>