fgm
/
cankao-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(richedit): 调整操作列布局为垂直排列并优化按钮间距 

将操作列按钮布局改为垂直排列，提高可读性和一致性
移除按钮间的水平间距，统一使用垂直布局
调整操作列宽度为100px以适应新布局
This commit is contained in:
zzp 2025-11-29 15:56:25 +08:00
parent 835365cf82
commit 9480e8c4d0
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/pages/richedit/index.vue
View File

@ -509,17 +509,17 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="250" fixed="right"> <el-table-column label="操作" align="center" width="100" fixed="right">
<template v-slot="scope"> <template v-slot="scope">
<div class="option"> <div class="option">
<el-button v-if="scope.row.deleted" type="text" style="margin-left: -10px" @click="doRecoverFn(scope.row)"> <el-button v-if="scope.row.deleted" type="text" style="margin-left: -10px" @click="doRecoverFn(scope.row)">
<text>恢复</text> <text>恢复</text>
</el-button> </el-button>
<div v-else style="display: flex; gap: 10px; align-items: center"> <div v-else style="display: flex; align-items: center; flex-direction: column; justify-content: center">
<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn" @click="copyUrl(scope.row)">复制</el-button> <el-button type="text" :disabled="scope.row.status != 2" class="copyBtn" @click="copyUrl(scope.row)">复制</el-button>
<!-- 新闻状态 0-草稿 | 1-未发布 | 2-已发布 | 3-送审 | 4-已二审 | -1-退改中 --> <!-- 新闻状态 0-草稿 | 1-未发布 | 2-已发布 | 3-送审 | 4-已二审 | -1-退改中 -->
<div v-if="Session.get('userInfoLocal').userType == '00'"> <div v-if="Session.get('userInfoLocal').userType == '00'" style="display: flex; flex-direction: column">
<!-- 普通账号 --> <!-- 普通账号 -->
<el-button <el-button
v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1" v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1"
@ -544,7 +544,7 @@
>删除</el-button >删除</el-button
> >
</div> </div>
<div v-if="Session.get('userInfoLocal').userType == '02'"> <div v-if="Session.get('userInfoLocal').userType == '02'" style="display: flex; flex-direction: column">
<el-button v-if="scope.row.status == 4" type="text" @click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button> <el-button v-if="scope.row.status == 4" type="text" @click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
<!-- 二审账号 --> <!-- 二审账号 -->
@ -556,7 +556,7 @@
<el-button type="text" v-if="scope.row.status == 4" @click="doNewsPublishFn(scope.row, 2)">发布</el-button> <el-button type="text" v-if="scope.row.status == 4" @click="doNewsPublishFn(scope.row, 2)">发布</el-button>
</div> </div>
<div v-if="Session.get('userInfoLocal').userType == '01'"> <div v-if="Session.get('userInfoLocal').userType == '01'" style="display: flex; flex-direction: column">
<!-- 终审账号 --> <!-- 终审账号 -->
<el-button v-if="scope.row.status == 3 || scope.row.status == 4" type="text" @click="goDetail(1, scope.row, false)">编辑</el-button> <el-button v-if="scope.row.status == 3 || scope.row.status == 4" type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
@ -1241,9 +1241,11 @@ onMounted(async () => {
.option { .option {
display: flex; display: flex;
flex-direction: column;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%;
:deep(.el-button--large) { :deep(.el-button--large) {
padding: 0; padding: 0;
@ -1391,4 +1393,8 @@ onMounted(async () => {
background-size: 16px; background-size: 16px;
} }
.el-button + .el-button {
margin-left: 0px;
}
</style> </style>