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

@@ -51,3 +51,17 @@
- **文件**: `src/styles/element-ui.scss`
- **改动**: 新增全局规则 `.avue-crud__menu .el-button { margin-left: 4px; margin-right: 0; padding: 0 4px }`
- **效果**: 全站 CRUD 操作列按钮统一为 4px 间距 + 4px 内边距,与 cargo-type 一致
## 全站操作列宽度统一为 160px
- **目标**: 参考 cargo-typemenuWidth: 160的紧凑效果全站统一操作列宽度
- **改动**: ① `src/main.js` 全局默认 `menuWidth` 由 220 改为 160② 批量将 src 下 72 处 option/vue 里显式 `menuWidth: 数字` 统一替换为 `menuWidth: 160`
- **影响范围**: 全站所有 Avue CRUD 操作列(含自定义 menu 插槽列menuWidth 仍控制该列宽度)
- **风险**: 原部分页面操作按钮较多(如 tenant/customer-archive 等曾配 380~420统一 160px 后若按钮数 > 3 可能出现换行/溢出;如某页溢出需单独放宽或精简按钮
## 全站操作列内容左对齐
- **文件**: `src/styles/element-ui.scss`
- **原因**: cargo-type 用自定义 `#menu` 模板默认左对齐;其他页面用 Avue 内置菜单viewBtn:true默认右对齐
- **改动**: 新增 `.avue-crud .el-table td .cell.avue-crud__menu { text-align: left }`
- **效果**: 全站操作列统一左对齐

View File

@@ -147,7 +147,7 @@ export const option = {
viewBtn: true,
grid: true,
selection: true,
menuWidth: 250,
menuWidth: 180,
column: [
{
label: '数据源',

View File

@@ -82,7 +82,7 @@ app.use(Avue, {
searchLabelWidth: 160,
searchMenuSpan: 24,
searchMenuPosition: 'right',
menuWidth: 220,
menuWidth: 180,
},
labelPosition: 'right',
labelWidth: 'auto',

View File

@@ -48,7 +48,7 @@ export const getCargoTypeOption = ctx => ({
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '类型',

View File

@@ -204,7 +204,7 @@ export const createCrudOption = columns => ({
delBtn: false,
dialogClickModal: false,
menuFixed: 'right',
menuWidth: 240,
menuWidth: 180,
column: columns,
});

View File

@@ -130,7 +130,7 @@ export default {
selection: true,
grid: true,
labelWidth: 'auto',
menuWidth: 350,
menuWidth: 180,
dialogWidth: 1200,
dialogClickModal: false,
tabs: true,

View File

@@ -13,7 +13,7 @@ export default {
selection: true,
grid: true,
labelWidth: 'auto',
menuWidth: 350,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -22,7 +22,7 @@ export const authLockOption = {
viewBtn: false,
editBtn: false,
delBtn: false,
menuWidth: 160,
menuWidth: 180,
dialogType: 'drawer',
dialogWidth: 800,
dialogClickModal: false,

View File

@@ -21,7 +21,7 @@ export const authLogOption = {
editBtn: false,
delBtn: false,
menu: true,
menuWidth: 100,
menuWidth: 180,
dialogType: 'drawer',
dialogWidth: 800,
dialogClickModal: false,

View File

@@ -11,7 +11,7 @@ export const optionParent = {
index: true,
selection: true,
viewBtn: true,
menuWidth: 250,
menuWidth: 180,
dialogWidth: 880,
dialogClickModal: false,
column: [
@@ -104,7 +104,7 @@ export const optionChild = {
index: true,
selection: true,
viewBtn: true,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 880,
dialogClickModal: false,
column: [

View File

@@ -11,7 +11,7 @@ export const optionParent = {
index: true,
selection: true,
viewBtn: true,
menuWidth: 250,
menuWidth: 180,
dialogWidth: 880,
dialogClickModal: false,
column: [
@@ -105,7 +105,7 @@ export const optionChild = {
index: true,
selection: true,
viewBtn: true,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 880,
dialogClickModal: false,
column: [

View File

@@ -365,7 +365,7 @@ export const platformOption = {
selection: true,
viewBtn: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
editBtnText: '配置',
column: [
{

View File

@@ -14,7 +14,7 @@ export const codeOption = {
index: true,
selection: true,
labelWidth: 'auto',
menuWidth: 350,
menuWidth: 180,
viewBtn: true,
dialogClickModal: false,
tabs: true,

View File

@@ -14,7 +14,7 @@ export default {
selection: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 320,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -14,7 +14,7 @@ export default {
selection: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 320,
menuWidth: 180,
dialogWidth: 500,
dialogClickModal: false,
column: [

View File

@@ -14,7 +14,7 @@ export const option = {
editBtn: false,
delBtn: false,
viewBtn: false,
menuWidth: 210,
menuWidth: 180,
dialogClickModal: false,
column: [
{ label: '船舶名', prop: 'shipName', search: true, searchOrder: 5, slot: true, width: 130 },

View File

@@ -52,7 +52,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -51,7 +51,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -41,7 +41,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -49,7 +49,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -37,7 +37,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -38,7 +38,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -49,7 +49,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -42,7 +42,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车牌号',

View File

@@ -29,7 +29,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -60,7 +60,7 @@ export const option = {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -462,6 +462,11 @@
padding-right: 4px;
}
// 全站统一操作列内容左对齐Avue 内置菜单默认右对齐)
.avue-crud .el-table td .cell.avue-crud__menu {
text-align: left;
}
@media (max-width: 768px) {
.avue-crud__pagination .el-pagination,
.empty-pagination .el-pagination,

View File

@@ -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

@@ -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

@@ -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

@@ -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

@@ -253,7 +253,7 @@ export default {
viewBtn: true,
labelWidth: 'auto',
searchLabelWidth: 160,
menuWidth: 350,
menuWidth: 180,
dialogWidth: 600,
dialogClickModal: false,
column: [

View File

@@ -216,7 +216,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '编码',

View File

@@ -174,7 +174,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 170,
menuWidth: 180,
menuFixed: 'right',
column: [
{

View File

@@ -105,7 +105,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '中文名称',

View File

@@ -95,7 +95,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '费用类型',

View File

@@ -314,7 +314,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '类型',

View File

@@ -215,7 +215,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 160,
menuWidth: 180,
column: [
{
label: '编码',

View File

@@ -99,7 +99,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 120,
menuWidth: 180,
labelWidth: 'auto',
dialogType: 'drawer',
column: [

View File

@@ -73,7 +73,7 @@ export default {
addBtn: false,
viewBtn: false,
dialogWidth: 900,
menuWidth: 100,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -162,7 +162,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 250,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -219,7 +219,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 220,
menuWidth: 180,
dialogClickModal: false,
size: 'default',
searchSize: 'default',

View File

@@ -51,7 +51,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 120,
menuWidth: 180,
dialogType: 'drawer',
column: [
{

View File

@@ -51,7 +51,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 120,
menuWidth: 180,
dialogType: 'drawer',
column: [
{

View File

@@ -51,7 +51,7 @@ export default {
editBtn: false,
addBtn: false,
delBtn: false,
menuWidth: 120,
menuWidth: 180,
dialogType: 'drawer',
column: [
{

View File

@@ -95,7 +95,7 @@ export default {
viewBtn: true,
selection: true,
grid: true,
menuWidth: 350,
menuWidth: 180,
labelWidth: 'auto',
dialogWidth: 880,
dialogClickModal: false,

View File

@@ -95,7 +95,7 @@ export default {
viewBtn: true,
selection: true,
grid: true,
menuWidth: 350,
menuWidth: 180,
labelWidth: 'auto',
dialogWidth: 880,
dialogClickModal: false,

View File

@@ -82,7 +82,7 @@ export default {
index: true,
selection: true,
viewBtn: true,
menuWidth: 320,
menuWidth: 180,
dialogWidth: 800,
dialogClickModal: false,
column: [

View File

@@ -89,7 +89,7 @@ export default {
index: true,
selection: true,
viewBtn: true,
menuWidth: 320,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -240,7 +240,7 @@ export default {
selection: true,
addBtn: false,
viewBtn: true,
menuWidth: 380,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [

View File

@@ -173,7 +173,7 @@ export default {
index: true,
viewBtn: true,
selection: true,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [

View File

@@ -74,7 +74,7 @@ export default {
index: true,
selection: true,
viewBtn: true,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 880,
column: [
{

View File

@@ -119,7 +119,7 @@ export default {
index: true,
selection: true,
viewBtn: true,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 880,
column: [
{

View File

@@ -124,7 +124,7 @@ export default {
selection: true,
viewBtn: true,
height: 300,
menuWidth: 300,
menuWidth: 180,
dialogWidth: 880,
column: [
{

View File

@@ -425,7 +425,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 300,
menuWidth: 180,
column: [
{
label: '评定表名称',

View File

@@ -804,7 +804,7 @@ export default {
editBtn: false,
selection: true,
dialogClickModal: false,
menuWidth: 420,
menuWidth: 180,
column: [
{ label: '客商编号', prop: 'customerCode', slot: true, search: true, minWidth: 140 },
{ label: '客商简称', prop: 'shortName', search: true, minWidth: 150 },

View File

@@ -172,7 +172,7 @@ export default {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -170,7 +170,7 @@ export default {
viewBtn: true,
selection: true,
dialogClickModal: false,
menuWidth: 220,
menuWidth: 180,
column: [
{
label: '车船类型',

View File

@@ -113,7 +113,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 250,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -105,7 +105,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 200,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -108,7 +108,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 200,
menuWidth: 180,
dialogClickModal: false,
column: [
{

View File

@@ -120,7 +120,7 @@ export default {
addBtn: false,
viewBtn: false,
delBtn: false,
menuWidth: 200,
menuWidth: 180,
dialogWidth: 900,
dialogClickModal: false,
column: [

View File

@@ -113,7 +113,7 @@ export default {
viewBtn: false,
delBtn: false,
dialogWidth: 900,
menuWidth: 250,
menuWidth: 180,
dialogClickModal: false,
column: [
{