fix(管理端): 操作列链接不换行(商品评价/通知渠道)

多操作项在窄列下折行,容器加 nowrap,评价列加宽至 220px
This commit is contained in:
吴昊天 2026-10-20 16:48:04 +08:00
parent a8d86e1301
commit a40d5f9a5b
2 changed files with 27 additions and 14 deletions

View File

@ -142,17 +142,19 @@
<span>{{ scope.row.add_time }}</span>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="170">
<el-table-column label="操作" fixed="right" width="220">
<template #default="scope">
<template v-if="scope.row.status == 0">
<a v-db-click @click="adopt(scope.row, '审核通过', 1)">通过</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="adopt(scope.row, '拒绝', 2)">驳回</a>
<el-divider direction="vertical"></el-divider>
</template>
<a v-if="scope.row.status != 2" v-db-click @click="reply(scope.row)">回复</a>
<el-divider v-if="scope.row.status != 2" direction="vertical"></el-divider>
<a v-db-click @click="del(scope.row, '删除评论', scope.$index)">删除</a>
<div class="reply-actions">
<template v-if="scope.row.status == 0">
<a v-db-click @click="adopt(scope.row, '审核通过', 1)">通过</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="adopt(scope.row, '拒绝', 2)">驳回</a>
<el-divider direction="vertical"></el-divider>
</template>
<a v-if="scope.row.status != 2" v-db-click @click="reply(scope.row)">回复</a>
<el-divider v-if="scope.row.status != 2" direction="vertical"></el-divider>
<a v-db-click @click="del(scope.row, '删除评论', scope.$index)">删除</a>
</div>
</template>
</el-table-column>
</el-table>
@ -626,4 +628,7 @@ function removePicture(att_id) {
margin-right: 10px;
}
}
.reply-actions {
white-space: nowrap;
}
</style>

View File

@ -57,9 +57,11 @@
</el-table-column>
<el-table-column label="操作" fixed="right" width="200">
<template #default="scope">
<a v-db-click @click="edit(scope.row)">配置</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="test(scope.row)">测试</a>
<div class="channel-actions">
<a v-db-click @click="edit(scope.row)">配置</a>
<el-divider direction="vertical"></el-divider>
<a v-db-click @click="test(scope.row)">测试</a>
</div>
</template>
</el-table-column>
</el-table>
@ -198,4 +200,10 @@ function test(row) {
getList();
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.channel-actions {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
</style>