fix: 按旧页面修正商务入口和绑定可见条件

web/src/view/sw/components/BusinessBindings.vue

@@ -4,27 +4,31 @@
       <el-form :inline="true" :model="query" @submit.prevent="search">
         <el-form-item label="所属平台"><el-select v-model="query.sourceDb" multiple clearable placeholder="全部平台" style="width: 220px"><el-option v-for="(label, value) in platforms" :key="value" :value="value" :label="label" /></el-select></el-form-item>
         <el-form-item label="游戏商务账号"><el-input v-model="query.platformBusierAccount" clearable /></el-form-item>
-        <el-form-item label="状态"><el-select v-model="query.status" clearable style="width: 130px"><el-option v-for="(label, value) in statuses" :key="value" :value="value" :label="label" /></el-select></el-form-item>
+        <el-form-item label="审核状态"><el-select v-model="query.status" clearable style="width: 130px"><el-option v-for="(label, value) in statuses" :key="value" :value="value" :label="label" /></el-select></el-form-item>
         <el-form-item><el-button type="primary" icon="search" native-type="submit">查询</el-button><el-button icon="refresh" @click="reset">重置</el-button></el-form-item>
       </el-form>
     </div>
     <div class="kra-table-box">
       <div v-if="!userId && canBind" class="kra-btn-list"><el-button type="primary" icon="plus" @click="openBind">绑定游戏商务</el-button></div>
       <el-table v-loading="loading" :data="rows" :row-key="rowKey">
-        <el-table-column prop="platformName" label="平台" min-width="80" />
+        <el-table-column prop="platformName" label="所属平台" min-width="80" />
+        <el-table-column v-if="userId" prop="platformBusierId" label="ID" min-width="90" />
         <el-table-column prop="platformBusierAccount" label="游戏商务账号" min-width="140" />
-        <el-table-column prop="bindUserName" label="绑定商务" min-width="140" />
-        <el-table-column label="直属渠道数" min-width="110"><template #default="{ row }"><span :class="{ 'text-gray-400': row.promoteCount === null }">{{ row.promoteCount === null ? '未接入' : row.promoteCount }}</span></template></el-table-column>
-        <el-table-column label="状态" width="110"><template #default="{ row }"><el-tag :type="row.status === '0' ? 'success' : row.status === '2' ? 'danger' : 'warning'">{{ statuses[row.status] || row.status }}</el-tag></template></el-table-column>
-        <el-table-column prop="createTime" label="提交时间" min-width="180" />
-        <el-table-column prop="reviewTime" label="审核时间" min-width="180" />
-        <el-table-column prop="reviewAccount" label="审核人" min-width="100" />
-        <el-table-column prop="rejectReason" label="驳回原因" min-width="150" show-overflow-tooltip />
-        <el-table-column v-if="canBind" label="操作" width="90" fixed="right"><template #default="{ row }"><el-button v-if="row.userId === user.userInfo.ID" link type="danger" @click="remove(row)">解绑</el-button></template></el-table-column>
+        <el-table-column v-if="!userId" prop="bindUserName" label="绑定商务" min-width="140" />
+        <el-table-column v-if="!userId" label="旗下渠道数" min-width="110"><template #default="{ row }"><span :class="{ 'text-gray-400': row.promoteCount === null }">{{ row.promoteCount === null ? '未接入' : row.promoteCount }}</span></template></el-table-column>
+        <el-table-column label="审核状态" width="110"><template #default="{ row }"><el-tag :type="row.status === '0' ? 'success' : row.status === '2' ? 'danger' : 'warning'">{{ statuses[row.status] || row.status }}</el-tag></template></el-table-column>
+        <el-table-column prop="createTime" label="绑定时间" min-width="130"><template #default="{ row }">{{ row.createTime?.slice(0, 10) }}</template></el-table-column>
+        <el-table-column v-if="!userId" label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button v-if="canBind && row.status === '0' && row.userId === user.userInfo.ID" link type="danger" @click="remove(row)">解绑</el-button>
+            <el-button v-else-if="row.status === '2'" link type="primary" @click="showReject(row)">查看驳回</el-button>
+            <span v-else>—</span>
+          </template>
+        </el-table-column>
       </el-table>
       <div v-if="!userId" class="kra-pagination"><el-pagination v-model:current-page="query.pageNum" v-model:page-size="query.pageSize" :total="total" :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper" @size-change="search" @current-change="load" /></div>
     </div>
-    <el-dialog v-model="dialog" title="绑定游戏商务" width="460px" destroy-on-close>
+    <el-drawer append-to-body v-model="dialog" title="绑定游戏商务" size="460px" destroy-on-close>
       <el-alert title="验证成功后提交 OA 审核，审核通过后可查看对应渠道数据。" type="info" :closable="false" class="mb-4" />
       <el-form ref="formRef" :model="form" :rules="rules" label-position="top">
         <el-form-item label="所属平台" prop="sourceDb"><el-select v-model="form.sourceDb"><el-option v-for="(label, value) in platforms" :key="value" :value="value" :label="label" /></el-select></el-form-item>
@@ -32,13 +36,31 @@
         <el-form-item label="游戏商务密码" prop="password"><el-input v-model="form.password" type="password" show-password autocomplete="new-password" /></el-form-item>
       </el-form>
       <template #footer><el-button @click="dialog = false">取消</el-button><el-button type="primary" :loading="saving" @click="submit">验证并提交</el-button></template>
-    </el-dialog>
+    </el-drawer>
+    <el-drawer append-to-body v-model="rejectDrawer" title="审核详情" size="420px" destroy-on-close>
+      <el-descriptions v-if="selectedRow" :column="1" border>
+        <el-descriptions-item label="申请商务">{{ selectedRow.bindUserName || '—' }}</el-descriptions-item>
+        <el-descriptions-item label="所属平台">{{ selectedRow.platformName }}</el-descriptions-item>
+        <el-descriptions-item label="游戏商务账号">{{ selectedRow.platformBusierAccount }}</el-descriptions-item>
+        <el-descriptions-item label="当前状态">{{ statuses[selectedRow.status] }}</el-descriptions-item>
+        <el-descriptions-item label="申请时间">{{ selectedRow.createTime || '—' }}</el-descriptions-item>
+        <el-descriptions-item label="审核时间">{{ selectedRow.reviewTime || '—' }}</el-descriptions-item>
+        <el-descriptions-item label="审核人">{{ selectedRow.reviewAccount || '—' }}</el-descriptions-item>
+        <el-descriptions-item label="审核意见">{{ selectedRow.rejectReason || '—' }}</el-descriptions-item>
+      </el-descriptions>
+      <template #footer><el-button @click="rejectDrawer = false">关闭</el-button></template>
+    </el-drawer>
+    <el-drawer append-to-body v-model="unbindDrawer" title="解除绑定确认" size="420px" destroy-on-close>
+      <p>确认解除游戏SDK商务「{{ selectedRow?.platformBusierAccount }}」（平台：{{ selectedRow?.platformName }}）的绑定吗？</p>
+      <p class="mt-4 text-gray-500">解除后该商务将从列表移除，其名下渠道数据将不再可查询。</p>
+      <template #footer><el-button @click="unbindDrawer = false">取消</el-button><el-button type="danger" :loading="saving" @click="confirmUnbind">确认解除</el-button></template>
+    </el-drawer>
   </div>
 </template>
 
 <script setup>
 import { computed, reactive, ref, watch } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import { useUserStore } from '@/pinia/modules/user'
 import { useBtnAuth } from '@/utils/btnAuth'
 import { listBusinessBindings, listUserBindings, bindPlatform, unbindPlatform } from '@/api/business'
@@ -48,14 +70,18 @@ const props = defineProps({ userId: { type: Number, default: 0 } })
 const emit = defineEmits(['changed'])
 const user = useUserStore()
 const buttons = useBtnAuth()
-const canBind = computed(() => Number(user.userInfo.level) === 3 && Boolean(buttons['sw:business:bind']))
+const canBind = computed(() => !props.userId && Number(user.userInfo.level) === 3 && Boolean(buttons['sw:business:bind']))
 const platforms = { lx: '龙翔', hw: '汇玩', yq: '游趣' }
-const statuses = { 0: '已通过', 2: '已驳回', 3: '待审核' }
+const statuses = { 0: '正常', 2: '已驳回', 3: '待审核' }
 const query = reactive({ pageNum: 1, pageSize: 10, sourceDb: [], platformBusierAccount: '', status: '' })
 const rows = ref([])
 const total = ref(0)
 const loading = ref(false)
 const dialog = ref(false)
+const rejectDrawer = ref(false)
+const unbindDrawer = ref(false)
+const selectedRow = ref(null)
+const showReject = (row) => { selectedRow.value = row; rejectDrawer.value = true }
 const saving = ref(false)
 const formRef = ref()
 const form = ref({})
@@ -82,10 +108,15 @@ const submit = async () => {
     if (res.code === 0) { ElMessage.success('已提交，请等待 OA 审核'); dialog.value = false; form.value.password = ''; emit('changed'); await load() }
   } finally { saving.value = false }
 }
-const remove = async (row) => {
-  if (!await ElMessageBox.confirm(`确认解绑 ${row.platformName} 的游戏商务 ${row.platformBusierAccount}？`, '解绑确认', { type: 'warning' }).then(() => true).catch(() => false)) return
-  const res = await unbindPlatform({ sourceDb: row.sourceDb, platformBusierId: row.platformBusierId })
-  if (res.code === 0) { ElMessage.success('解绑成功'); emit('changed'); await load() }
+const remove = (row) => { selectedRow.value = row; unbindDrawer.value = true }
+const confirmUnbind = async () => {
+  const row = selectedRow.value
+  if (!row || !canBind.value || row.status !== '0' || row.userId !== user.userInfo.ID) return
+  saving.value = true
+  try {
+    const res = await unbindPlatform({ sourceDb: row.sourceDb, platformBusierId: row.platformBusierId })
+    if (res.code === 0) { ElMessage.success('解绑成功'); unbindDrawer.value = false; emit('changed'); await load() }
+  } finally { saving.value = false }
 }
 watch(() => props.userId, load, { immediate: true })
 </script>