mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-10-28 21:40:50 +00:00
fix(管理端): 表格操作列统一为文字链接样式
- 驱动/插件各列表操作项改 a 链接 + el-divider 分隔,移除自定义 .btn/.table-link 样式 - 打印驱动配置禁用态改占位色,会员卡批次「编辑」移出更多菜单直显
This commit is contained in:
parent
03cb678009
commit
633eef89c9
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user