Revert "fix: Experts 操作列太宽 (admin 320/manager 240 → admin 120+更多/manager 180)"

This reverts commit 161fe98a18.
This commit is contained in:
guoju0808
2026-08-26 12:21:33 +00:00
parent 161fe98a18
commit 3a203f4d48
+11 -45
View File
@@ -94,34 +94,19 @@
<template #default="{ row }">{{ fmtTime(row.auditTime) }}</template>
</el-table-column>
<el-table-column prop="auditBy" label="审批人" width="120" align="center" />
<!-- 操作列: manager 全部外置 (3 ), admin 折叠次要到 "更多" -->
<el-table-column v-if="isAdmin" label="操作" width="120" fixed="right">
<template #default="{ row }"><div class="table-actions">
<!-- 高频: 审核 -->
<el-link :underline="false" type="primary" @click="onAudit(row)">审核</el-link>
<!-- 折叠: 修改 / 查看 / 启用/禁用 / 已拒绝 -->
<el-dropdown trigger="hover" @command="(cmd) => onExpertMore(cmd, row)">
<el-link :underline="false" class="op-dropdown">
更多<el-icon class="el-icon--right"><arrow-down /></el-icon>
</el-link>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="edit">修改</el-dropdown-item>
<el-dropdown-item command="view">查看</el-dropdown-item>
<el-dropdown-item :command="row.status === 'N' ? 'enable' : 'disable'">
{{ row.status === 'N' ? '恢复' : '禁用' }}
</el-dropdown-item>
<el-dropdown-item v-if="row.auditStatus === '3'" command="view-opinion" divided>已拒绝 (查意见)</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div></template>
</el-table-column>
<!-- 操作列: manager 全部外置 (3 个以内不需要折叠) -->
<el-table-column v-else label="操作" width="180" fixed="right">
<el-table-column label="操作" :width="isAdmin ? 320 : 240" fixed="right">
<template #default="{ row }"><div class="table-actions">
<!-- 审核 (通过/拒绝): 两角色都有, manager 主业, admin 可兜底 -->
<el-link :underline="false" type="primary" @click="onAudit(row)">审核</el-link>
<!-- 修改: 两角色都有 (独立页编辑, route 自动决定回跳) -->
<el-link :underline="false" type="primary" @click="goEdit(row)">修改</el-link>
<!-- 查看 (只读详情): admin, manager 直接在审核 dialog -->
<el-link :underline="false" v-if="isAdmin" type="primary" @click="goView(row)">查看</el-link>
<!-- 启用/禁用: admin, 是账号管理动作 (同步 sys_user.status) -->
<el-link :underline="false" v-if="isAdmin" :type="row.status === 'N' ? 'success' : 'danger'" @click="row.status === 'N' ? onEnable(row) : onDisable(row)">
{{ row.status === 'N' ? '恢复' : '禁用' }}
</el-link>
<!-- 已拒绝 (查意见): auditStatus=3 时显示, 两角色都可见 -->
<el-link :underline="false" v-if="row.auditStatus === '3'" type="info" @click="onViewAuditOpinion(row)">已拒绝</el-link>
</div></template>
</el-table-column>
@@ -239,7 +224,7 @@ import { useRouter, useRoute } from 'vue-router'
import { useUserStore } from '@/store/user'
import { bizList, bizUpdate } from '@/api/public'
import { ElMessage, ElMessageBox } from 'element-plus'
import { Upload, ArrowDown } from '@element-plus/icons-vue'
import { Upload } from '@element-plus/icons-vue'
import AuditStatusTag from '@/components/AuditStatusTag.vue'
import ImportResultDialog from '@/components/ImportResultDialog.vue'
@@ -263,15 +248,6 @@ function goNew() { router.push(listBasePath.value + '/new') }
function goEdit(row) { router.push(listBasePath.value + '/edit/' + row.expertId) }
function goView(row) { router.push(listBasePath.value + '/view/' + row.expertId) }
/** 操作列"更多"下拉统一入口 (admin 角色) */
function onExpertMore(cmd, row) {
if (cmd === 'edit') goEdit(row)
else if (cmd === 'view') goView(row)
else if (cmd === 'enable') onEnable(row)
else if (cmd === 'disable') onDisable(row)
else if (cmd === 'view-opinion') onViewAuditOpinion(row)
}
async function load() {
loading.value = true
try {
@@ -577,15 +553,5 @@ watch(() => route.fullPath, () => {
/* 表格字号收紧 */
:deep(.el-table) { font-size: 12px !important; }
/* 操作列 mobile: 进一步紧凑, 按钮字号 11px / padding 0 3px */
:deep(.table-actions) { gap: 0 !important; }
:deep(.table-actions .el-link),
:deep(.table-actions .op-dropdown) {
font-size: 11px !important;
padding: 0 3px !important;
}
/* 操作列宽度在 mobile 进一步缩窄 */
:deep(.el-table .is-right) { padding-right: 4px !important; }
}
</style>