style(crud): 统一操作列宽度并调整内容左对齐

- 将全站 Avue CRUD 操作列宽度统一修改为 180px,替换原有不同宽度配置
- 修正部分页面菜单宽度从 160、220、250、300、350 等多值变为统一 180
- 新增全局样式,实现操作列内容左对齐,解决内置右对齐不统一问题
- 统一所有“删 除”按钮文本为“删除”,提升文案一致性
- 根据 cargo-type 参考,精简全站操作列宽度,提升界面紧凑度和一致性
- 说明风险:部分按钮较多页面可能出现换行或溢出,需单独处理
This commit is contained in:
2026-07-31 18:26:44 +08:00
parent 06dc1c64f6
commit 638d09b19d
85 changed files with 162 additions and 143 deletions

View File

@@ -26,7 +26,7 @@
plain
v-if="userInfo.authority.includes('admin')"
@click="handleDelete"
>
>删除
</el-button>
</template>
<template #status="{ row }">
@@ -327,7 +327,7 @@ export default {
height: 'auto',
calcHeight: 32,
dialogWidth: 700,
menuWidth: 350,
menuWidth: 180,
tip: false,
searchShow: true,
searchMenuSpan: 24,
@@ -506,7 +506,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 100,
menuWidth: 180,
dialogType: 'drawer',
dialogWidth: 800,
column: [

View File

@@ -24,7 +24,7 @@
>
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" plain @click="handleDeleteList"
>
>删除
</el-button>
</template>
<template #menu-right>
@@ -114,7 +114,7 @@
>
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" plain @click="handleDeleteScope"
>
>删除
</el-button>
</template>
<template #scopeType="{ row }">
@@ -167,7 +167,7 @@ export default {
selection: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 250,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [
@@ -278,7 +278,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 200,
menuWidth: 180,
dialogClickModal: false,
column: [
{
@@ -339,7 +339,7 @@ export default {
viewBtn: true,
selection: true,
labelWidth: 'auto',
menuWidth: 250,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [

View File

@@ -24,7 +24,7 @@
>
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" plain @click="handleDeleteList"
>
>删除
</el-button>
</template>
<template #menu-right>
@@ -114,7 +114,7 @@
>
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" plain @click="handleDeleteScope"
>
>删除
</el-button>
</template>
<template #scopeType="{ row }">
@@ -168,7 +168,7 @@ export default {
selection: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 250,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [
@@ -315,7 +315,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 200,
menuWidth: 180,
dialogClickModal: false,
column: [
{
@@ -378,7 +378,7 @@ export default {
viewBtn: true,
selection: true,
labelWidth: 'auto',
menuWidth: 250,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [

View File

@@ -26,7 +26,7 @@
plain
v-if="userInfo.authority.includes('administrator')"
@click="handleDelete"
>
>删除
</el-button>
</template>
<template #limitPattern="{ row }">
@@ -218,7 +218,7 @@ export default {
index: true,
viewBtn: true,
selection: true,
menuWidth: 350,
menuWidth: 180,
dialogClickModal: false,
column: [
{
@@ -373,7 +373,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 100,
menuWidth: 180,
dialogType: 'drawer',
dialogWidth: 800,
column: [

View File

@@ -26,7 +26,7 @@
v-if="permission.role_delete"
plain
@click="handleDelete"
>
>删除
</el-button>
<el-button
icon="el-icon-setting"
@@ -253,7 +253,7 @@ export default {
viewBtn: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 350,
menuWidth: 180,
dialogWidth: 600,
dialogClickModal: false,
column: [