fix(管理端): 表格操作列统一为文字链接样式

- 驱动/插件各列表操作项改 a 链接 + el-divider 分隔,移除自定义 .btn/.table-link 样式
- 打印驱动配置禁用态改占位色,会员卡批次「编辑」移出更多菜单直显
This commit is contained in:
吴昊天 2026-10-12 15:05:26 +08:00
parent 03cb678009
commit 633eef89c9
16 changed files with 56 additions and 79 deletions

View File

@ -47,9 +47,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 配置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">配置</a>
</template>
</el-table-column>
</el-table>

View File

@ -45,9 +45,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 设置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">设置</a>
</template>
</el-table-column>
</el-table>

View File

@ -47,9 +47,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 配置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">配置</a>
</template>
</el-table-column>
</el-table>

View File

@ -46,9 +46,9 @@
/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="100" align="center">
<el-table-column label="操作" fixed="right" width="100">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)">配置</el-button>
<a v-db-click @click="openEditDrawer(scope.row)">配置</a>
</template>
</el-table-column>
</el-table>

View File

@ -47,9 +47,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 配置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">配置</a>
</template>
</el-table-column>
</el-table>

View File

@ -46,9 +46,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 设置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">设置</a>
</template>
</el-table-column>
</el-table>

View File

@ -76,9 +76,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="handleEdit(scope.row)"> 设置 </el-button>
<a v-db-click @click="handleEdit(scope.row)">设置</a>
</template>
</el-table-column>
</el-table>

View File

@ -83,36 +83,41 @@
<el-table-column label="操作" fixed="right" width="200">
<template #default="scope">
<el-button
<a
v-if="hasPermission('admin-printer-content-read')"
v-auth="['admin-printer-content-read']"
link
type="primary"
v-db-click
@click="handleDesign(scope.row)"
>
设计
</el-button>
<el-button
</a>
<el-divider
v-if="hasPermission('admin-printer-content-read') && hasPermission('admin-printer-detail')"
direction="vertical"
></el-divider>
<a
v-if="hasPermission('admin-printer-detail')"
v-auth="['admin-printer-detail']"
link
type="primary"
v-db-click
@click="handleEdit(scope.row)"
>
设置
</el-button>
<el-button
</a>
<el-divider
v-if="
hasPermission('admin-printer-delete') &&
(hasPermission('admin-printer-detail') || hasPermission('admin-printer-content-read'))
"
direction="vertical"
></el-divider>
<a
v-if="hasPermission('admin-printer-delete')"
v-auth="['admin-printer-delete']"
link
type="danger"
v-db-click
@click="handleDelete(scope.row, scope.$index)"
>
删除
</el-button>
</a>
</template>
</el-table-column>
</el-table>

View File

@ -64,18 +64,18 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="100" align="center">
<el-table-column label="操作" fixed="right" width="100">
<template #default="scope">
<el-button
<a
v-if="hasPermission('admin-printer-driver-detail')"
v-auth="['admin-printer-driver-detail']"
type="text"
v-db-click
:disabled="!scope.row.id"
:style="scope.row.id ? '' : 'color: var(--prev-color-text-placeholder); cursor: not-allowed;'"
@click="showDetail(scope.row)"
>
配置
</el-button>
</a>
</template>
</el-table-column>
</el-table>

View File

@ -47,9 +47,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button type="text" v-db-click @click="openEditDrawer(scope.row)"> 配置 </el-button>
<a v-db-click @click="openEditDrawer(scope.row)">配置</a>
</template>
</el-table-column>
</el-table>

View File

@ -49,11 +49,9 @@
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="150" align="center">
<el-table-column label="操作" fixed="right" width="150">
<template #default="scope">
<el-button v-auth="['driver-upload-save-config']" type="text" v-db-click @click="openEditDrawer(scope.row)">
设置
</el-button>
<a v-auth="['driver-upload-save-config']" v-db-click @click="openEditDrawer(scope.row)">设置</a>
</template>
</el-table-column>
</el-table>

View File

@ -101,19 +101,14 @@
<el-table-column label="操作" fixed="right" width="220">
<template #default="scope">
<template v-if="canConfigureCname(scope.row)">
<span class="btn" v-db-click @click="config(scope.row)">CNAME配置</span>
<a v-db-click @click="config(scope.row)">CNAME配置</a>
<el-divider direction="vertical"></el-divider>
</template>
<span v-auth="['driver-storage-domain']" class="btn" v-db-click @click="edit(scope.row)">修改空间域名</span>
<a v-auth="['driver-storage-domain']" v-db-click @click="edit(scope.row)">修改空间域名</a>
<el-divider direction="vertical"></el-divider>
<span
v-auth="['driver-storage-delete']"
class="btn"
v-db-click
@click="del(scope.row, '删除该数据', scope.$index)"
>
<a v-auth="['driver-storage-delete']" v-db-click @click="del(scope.row, '删除该数据', scope.$index)">
删除
</span>
</a>
</template>
</el-table-column>
</el-table>
@ -529,11 +524,6 @@ function submitAddStorageForm() {
:deep(.el-card__body) {
padding: 0;
}
.btn {
cursor: pointer;
color: var(--prev-color-primary);
font-size: 12px;
}
.confignv {
margin: 10px 0px;
overflow-wrap: anywhere;

View File

@ -36,9 +36,11 @@
</el-table-column>
<el-table-column label="操作" fixed="right" width="190">
<template #default="scope">
<span class="table-link" @click="openEditor(scope.row)">编辑</span>
<span class="table-link" @click="openAttachments(scope.row)">附件</span>
<span class="table-link danger" @click="removeSkill(scope.row)">删除</span>
<a v-db-click @click="openEditor(scope.row)">编辑</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="openAttachments(scope.row)">附件</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="removeSkill(scope.row)">删除</a>
</template>
</el-table-column>
<template #empty>暂无 Skill,点击右上角「新建 Skill」创建</template>
@ -153,8 +155,9 @@
</el-table-column>
<el-table-column label="操作" width="110" fixed="right">
<template #default="scope">
<span class="table-link" @click="openAttachmentEditor(scope.row)">编辑</span>
<span class="table-link danger" @click="removeAttachment(scope.row)">删除</span>
<a v-db-click @click="openAttachmentEditor(scope.row)">编辑</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="removeAttachment(scope.row)">删除</a>
</template>
</el-table-column>
<template #empty>暂无附属资料,点击右上角「新建附件」添加</template>
@ -589,26 +592,6 @@ onMounted(() => {
font-family: Menlo, Consolas, monospace;
font-size: 12px;
}
/* 表格操作链接(替代 el-button,避免全局样式导致的过大间距与换行) */
.table-link {
display: inline-block;
margin-right: 14px;
color: var(--prev-color-primary);
font-size: 13px;
cursor: pointer;
&:last-child {
margin-right: 0;
}
&:hover {
opacity: 0.8;
}
&.danger {
color: var(--prev-color-danger);
}
}
.danger {
color: var(--prev-color-danger);
}
.content-editor :deep(.el-textarea__inner) {
height: max(calc(100vh - 310px), 520px);
resize: vertical;

View File

@ -306,7 +306,7 @@
</el-table-column>
<el-table-column label="操作" width="70" fixed="right">
<template #default="{ row }">
<el-button link type="primary" @click="openRunDetail(row)">详情</el-button>
<a v-db-click @click="openRunDetail(row)">详情</a>
</template>
</el-table-column>
</el-table>

View File

@ -85,9 +85,9 @@
</template>
</el-table-column>
<el-table-column label="打印时间" min-width="160" prop="add_time" />
<el-table-column label="操作" fixed="right" width="100" align="center">
<el-table-column label="操作" fixed="right" width="100">
<template #default="scope">
<el-button type="text" v-db-click @click="viewLogDetail(scope.row)">详情</el-button>
<a v-db-click @click="viewLogDetail(scope.row)">详情</a>
</template>
</el-table-column>
</el-table>

View File

@ -65,11 +65,12 @@
</el-table-column>
<el-table-column label="操作" fixed="right" width="120">
<template #default="scope">
<a v-db-click @click="changeMenu(scope.row, '1')">编辑</a>
<el-divider direction="vertical"></el-divider>
<el-dropdown @command="changeMenu(scope.row, $event, scope.$index)" :transfer="true">
<span class="el-dropdown-link">更多<i class="el-icon-arrow-down el-icon--right"></i></span>
<template #dropdown
><el-dropdown-menu>
<el-dropdown-item command="1">编辑批次名</el-dropdown-item>
<el-dropdown-item command="2">查看卡列表</el-dropdown-item>
<el-dropdown-item command="3">导出</el-dropdown-item>
</el-dropdown-menu></template