refactor(table): 统一调整全仓表格操作列宽度及按钮样式

- 将所有操作按钮数量≤3的表格操作列宽度统一调整为180px - 调整涉及全局默认值、各模块和页面中menuWidth显式设定 - 单独修改/authority/role页面操作列宽度为240px，/system/menu及流程配置对应调为220px - 通过CSS新规则视觉统一Avue内置操作按钮为el-link链接样式，无功能变更 - 优化通知公告操作列宽度，解决三按钮链接换行问题 - 调整首页Logo图标尺寸及边距以适配设计需求 - 保证所有相关改动经过npm run build验证通过
2026-08-07 12:02:29 +08:00
parent 6364b593ce
commit 565553b3f7
57 changed files with 281 additions and 63 deletions
--- a/src/const/tool/model.js
+++ b/src/const/tool/model.js
@@ -147,7 +147,7 @@ export const option = {
  viewBtn: true,
  grid: true,
  selection: true,
-  menuWidth: 160,
+  menuWidth: 180,
  column: [
    {
      label: '数据源',
--- a/src/main.js
+++ b/src/main.js
@@ -85,7 +85,7 @@ app.use(Avue, {
    searchLabelWidth: 160,
    searchMenuSpan: 24,
    searchMenuPosition: 'right',
-    menuWidth: 160,
+    menuWidth: 180,
    viewBtnIcon: ' ',
    editBtnIcon: ' ',
    copyBtnIcon: ' ',
--- a/src/option/base/cargo-type.js
+++ b/src/option/base/cargo-type.js
@@ -48,7 +48,7 @@ export const getCargoTypeOption = ctx => ({
  editBtn: false,
  selection: true,
  dialogClickModal: false,
-  menuWidth: 160,
+  menuWidth: 180,
  column: [
    {
      label: '类型',
--- a/src/option/business/common.js
+++ b/src/option/business/common.js
@@ -204,7 +204,7 @@ export const createCrudOption = columns => ({
  delBtn: false,
  dialogClickModal: false,
  menuFixed: 'right',
-  menuWidth: 160,
+  menuWidth: 180,
  column: columns,
 });

--- a/src/option/business/process-config.js
+++ b/src/option/business/process-config.js
@@ -178,5 +178,5 @@ export const option = {
  updateBtnText: '保存',
  dialogTop: '10px',
  dialogWidth: '96%',
-  menuWidth: 200,
+  menuWidth: 220,
 };
--- a/src/option/business/waybill-manage.js
+++ b/src/option/business/waybill-manage.js
@@ -718,5 +718,5 @@ export const option = {
  ]),
  dialogWidth: '96%',
  dialogTop: '10px',
-  menuWidth: 320,
+  menuWidth: 280,
 };
--- a/src/option/job/jobinfo.js
+++ b/src/option/job/jobinfo.js
@@ -130,7 +130,7 @@ export default {
  selection: true,
  grid: true,
  labelWidth: 'auto',
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 1200,
  dialogClickModal: false,
  tabs: true,
--- a/src/option/job/jobserver.js
+++ b/src/option/job/jobserver.js
@@ -13,7 +13,7 @@ export default {
  selection: true,
  grid: true,
  labelWidth: 'auto',
-  menuWidth: 160,
+  menuWidth: 180,
  dialogClickModal: false,
  column: [
    {
--- a/src/option/system/authlock.js
+++ b/src/option/system/authlock.js
@@ -22,7 +22,7 @@ export const authLockOption = {
  viewBtn: false,
  editBtn: false,
  delBtn: false,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogType: 'drawer',
  dialogWidth: 800,
  dialogClickModal: false,
--- a/src/option/system/authlog.js
+++ b/src/option/system/authlog.js
@@ -21,7 +21,7 @@ export const authLogOption = {
  editBtn: false,
  delBtn: false,
  menu: true,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogType: 'drawer',
  dialogWidth: 800,
  dialogClickModal: false,
--- a/src/option/system/dict.js
+++ b/src/option/system/dict.js
@@ -11,7 +11,7 @@ export const optionParent = {
  index: true,
  selection: true,
  viewBtn: true,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 880,
  dialogClickModal: false,
  column: [
@@ -104,7 +104,7 @@ export const optionChild = {
  index: true,
  selection: true,
  viewBtn: true,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 880,
  dialogClickModal: false,
  column: [
--- a/src/option/system/dictbiz.js
+++ b/src/option/system/dictbiz.js
@@ -11,7 +11,7 @@ export const optionParent = {
  index: true,
  selection: true,
  viewBtn: true,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 880,
  dialogClickModal: false,
  column: [
@@ -105,7 +105,7 @@ export const optionChild = {
  index: true,
  selection: true,
  viewBtn: true,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 880,
  dialogClickModal: false,
  column: [
--- a/src/option/system/user.js
+++ b/src/option/system/user.js
@@ -365,7 +365,7 @@ export const platformOption = {
  selection: true,
  viewBtn: true,
  dialogClickModal: false,
-  menuWidth: 160,
+  menuWidth: 180,
  editBtnText: '配置',
  column: [
    {
--- a/src/option/tool/code.js
+++ b/src/option/tool/code.js
@@ -14,7 +14,7 @@ export const codeOption = {
  index: true,
  selection: true,
  labelWidth: 'auto',
-  menuWidth: 160,
+  menuWidth: 180,
  viewBtn: true,
  dialogClickModal: false,
  tabs: true,
--- a/src/option/tool/codesetting.js
+++ b/src/option/tool/codesetting.js
@@ -14,7 +14,7 @@ export default {
  selection: true,
  labelWidth: 'auto',
  searchLabelWidth: 160,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogClickModal: false,
  column: [
    {
--- a/src/option/tool/formsetting.js
+++ b/src/option/tool/formsetting.js
@@ -14,7 +14,7 @@ export default {
  selection: true,
  labelWidth: 'auto',
  searchLabelWidth: 160,
-  menuWidth: 160,
+  menuWidth: 180,
  dialogWidth: 500,
  dialogClickModal: false,
  column: [
--- a/src/page/index/logo.vue
+++ b/src/page/index/logo.vue
@@ -42,7 +42,7 @@ export default {
  justify-content: center;
 }
 .logo-img {
-  width: 40px;
-  margin-top: 5px;
+  width: 30px;
+  margin-top: 10px;
 }
 </style>
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -596,6 +596,34 @@
  font-weight: normal;
 }

+// 全站统一：Avue 内置行操作按钮（查看 / 编辑 / 删除 / 复制等）视觉对齐为 el-link 链接样式。
+// 选择器仅命中表格行操作列 .avue-crud__menu 内的 is-text 按钮，不误伤顶部工具栏（.avue-crud__header）
+// 与弹窗按钮（.avue-crud__dialog__menu）。事件（rowView/rowEdit/rowDel）与权限（permission 指令）
+// 由 Avue 自带，此处只改外观，零功能影响。
+.avue-crud__menu > .el-button.is-text {
+  height: auto;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--el-color-primary);
+  font-weight: normal;
+
+  &:hover,
+  &:focus,
+  &:active {
+    background: transparent;
+    color: var(--el-color-primary-light-3);
+    text-decoration: underline;
+  }
+
+  &.is-disabled,
+  &.is-disabled:hover {
+    background: transparent;
+    color: var(--el-color-primary-light-5);
+    text-decoration: none;
+  }
+}
+
@media (max-width: 768px) {
  .avue-crud__pagination .el-pagination,
  .empty-pagination .el-pagination,
--- a/src/utils/table-menu.js
+++ b/src/utils/table-menu.js
@@ -1,6 +1,6 @@
 export const TABLE_MENU_WIDTH = {
-  default: 160,
-  three: 220,
+  default: 180,
+  three: 180,
  four: 320,
 };

--- a/src/views/authority/apikey.vue
+++ b/src/views/authority/apikey.vue
@@ -321,7 +321,7 @@ export default {
        height: 'auto',
        calcHeight: 32,
        dialogWidth: 700,
-        menuWidth: 160,
+        menuWidth: 180,
        tip: false,
        searchShow: true,
        searchMenuSpan: 24,
@@ -500,7 +500,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogType: 'drawer',
        dialogWidth: 800,
        column: [
--- a/src/views/authority/apiscope.vue
+++ b/src/views/authority/apiscope.vue
@@ -164,7 +164,7 @@ export default {
        selection: true,
        labelWidth: 'auto',
        searchLabelWidth: 160,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
@@ -275,7 +275,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
@@ -336,7 +336,7 @@ export default {
        viewBtn: true,
        selection: true,
        labelWidth: 'auto',
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
--- a/src/views/authority/datascope.vue
+++ b/src/views/authority/datascope.vue
@@ -165,7 +165,7 @@ export default {
        selection: true,
        labelWidth: 'auto',
        searchLabelWidth: 160,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
@@ -312,7 +312,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
@@ -375,7 +375,7 @@ export default {
        viewBtn: true,
        selection: true,
        labelWidth: 'auto',
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
--- a/src/views/authority/ratelimit.vue
+++ b/src/views/authority/ratelimit.vue
@@ -211,7 +211,7 @@ export default {
        index: true,
        viewBtn: true,
        selection: true,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
@@ -366,7 +366,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogType: 'drawer',
        dialogWidth: 800,
        column: [
--- a/src/views/authority/role.vue
+++ b/src/views/authority/role.vue
@@ -250,7 +250,7 @@ export default {
        viewBtn: true,
        labelWidth: 'auto',
        searchLabelWidth: 160,
-        menuWidth: 320,
+        menuWidth: 240,
        dialogWidth: 600,
        dialogClickModal: false,
        column: [
--- a/src/views/base/airport-master.vue
+++ b/src/views/base/airport-master.vue
@@ -253,7 +253,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '编码',
--- a/src/views/base/currency.vue
+++ b/src/views/base/currency.vue
@@ -170,7 +170,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        menuFixed: 'right',
        column: [
          {
--- a/src/views/base/customer-type.vue
+++ b/src/views/base/customer-type.vue
@@ -101,7 +101,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '中文名称',
--- a/src/views/base/fee-item.vue
+++ b/src/views/base/fee-item.vue
@@ -141,7 +141,7 @@ export default {
        editBtn: false,
        selection: false,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '费用类型',
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -387,7 +387,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '编码',
--- a/src/views/base/railway-station.vue
+++ b/src/views/base/railway-station.vue
@@ -219,7 +219,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '编码',
--- a/src/views/business/waybill-manage.vue
+++ b/src/views/business/waybill-manage.vue
@@ -1,5 +1,5 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" />
+  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="250" />
 </template>

 <script>
--- a/src/views/data/record.vue
+++ b/src/views/data/record.vue
@@ -99,7 +99,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        labelWidth: 'auto',
        dialogType: 'drawer',
        column: [
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -59,6 +59,7 @@ export default {
        height: 'auto',
        calcHeight: 32,
        dialogWidth: 950,
+        menuWidth: 180,
        tip: false,
        searchShow: true,
        searchMenuSpan: 24,
--- a/src/views/flow/follow.vue
+++ b/src/views/flow/follow.vue
@@ -73,7 +73,7 @@ export default {
        addBtn: false,
        viewBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/flow/manager.vue
+++ b/src/views/flow/manager.vue
@@ -156,7 +156,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/flow/model.vue
+++ b/src/views/flow/model.vue
@@ -213,7 +213,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        size: 'default',
        searchSize: 'default',
--- a/src/views/monitor/log/api.vue
+++ b/src/views/monitor/log/api.vue
@@ -51,7 +51,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogType: 'drawer',
        column: [
          {
--- a/src/views/monitor/log/error.vue
+++ b/src/views/monitor/log/error.vue
@@ -51,7 +51,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogType: 'drawer',
        column: [
          {
--- a/src/views/monitor/log/usual.vue
+++ b/src/views/monitor/log/usual.vue
@@ -51,7 +51,7 @@ export default {
        editBtn: false,
        addBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogType: 'drawer',
        column: [
          {
--- a/src/views/resource/oss.vue
+++ b/src/views/resource/oss.vue
@@ -92,7 +92,7 @@ export default {
        viewBtn: true,
        selection: true,
        grid: true,
-        menuWidth: 160,
+        menuWidth: 180,
        labelWidth: 'auto',
        dialogWidth: 880,
        dialogClickModal: false,
--- a/src/views/resource/sms.vue
+++ b/src/views/resource/sms.vue
@@ -91,7 +91,7 @@ export default {
        viewBtn: true,
        selection: true,
        grid: true,
-        menuWidth: 160,
+        menuWidth: 180,
        labelWidth: 'auto',
        dialogWidth: 880,
        dialogClickModal: false,
--- a/src/views/system/dept.vue
+++ b/src/views/system/dept.vue
@@ -80,7 +80,7 @@ export default {
        index: true,
        selection: true,
        viewBtn: true,
-        menuWidth: 160,
+        menuWidth: 220,
        dialogWidth: 800,
        dialogClickModal: false,
        column: [
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -88,7 +88,7 @@ export default {
        index: true,
        selection: true,
        viewBtn: true,
-        menuWidth: 320,
+        menuWidth: 220,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/system/param.vue
+++ b/src/views/system/param.vue
@@ -81,7 +81,7 @@
            </el-table-column>
          </template>
          <!-- 操作栏模块 -->
-          <el-table-column prop="menu" label="操作" :width="220" align="center">
+          <el-table-column prop="menu" label="操作" :width="180" align="center">
            <template #="{ row }">
              <el-link
                v-if="this.permissionList.viewBtn"
--- a/src/views/system/tenant.vue
+++ b/src/views/system/tenant.vue
@@ -237,7 +237,7 @@ export default {
        selection: true,
        addBtn: false,
        viewBtn: true,
-        menuWidth: 160,
+        menuWidth: 240,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
--- a/src/views/system/topmenu.vue
+++ b/src/views/system/topmenu.vue
@@ -171,7 +171,7 @@ export default {
        index: true,
        viewBtn: true,
        selection: true,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
--- a/src/views/util/demo/dict-classic.vue
+++ b/src/views/util/demo/dict-classic.vue
@@ -72,7 +72,7 @@ export default {
        index: true,
        selection: true,
        viewBtn: true,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 880,
        column: [
          {
--- a/src/views/util/demo/dict-horizontal.vue
+++ b/src/views/util/demo/dict-horizontal.vue
@@ -119,7 +119,7 @@ export default {
        index: true,
        selection: true,
        viewBtn: true,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 880,
        column: [
          {
--- a/src/views/util/demo/dict-vertical.vue
+++ b/src/views/util/demo/dict-vertical.vue
@@ -124,7 +124,7 @@ export default {
        selection: true,
        viewBtn: true,
        height: 300,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 880,
        column: [
          {
--- a/src/views/vehicle/credit-score-quantification.vue
+++ b/src/views/vehicle/credit-score-quantification.vue
@@ -429,7 +429,7 @@ export default {
        editBtn: false,
        selection: true,
        dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
        column: [
          {
            label: '评分表名称',
--- a/src/views/work/claim.vue
+++ b/src/views/work/claim.vue
@@ -107,7 +107,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/work/done.vue
+++ b/src/views/work/done.vue
@@ -101,7 +101,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/work/send.vue
+++ b/src/views/work/send.vue
@@ -104,7 +104,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {
--- a/src/views/work/start.vue
+++ b/src/views/work/start.vue
@@ -116,7 +116,7 @@ export default {
        addBtn: false,
        viewBtn: false,
        delBtn: false,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogWidth: 900,
        dialogClickModal: false,
        column: [
--- a/src/views/work/todo.vue
+++ b/src/views/work/todo.vue
@@ -107,7 +107,7 @@ export default {
        viewBtn: false,
        delBtn: false,
        dialogWidth: 900,
-        menuWidth: 160,
+        menuWidth: 180,
        dialogClickModal: false,
        column: [
          {