From a51f1668970994607d83344495d91194f60be4ba Mon Sep 17 00:00:00 2001 From: lzq <2495532633@qq.com> Date: Sat, 31 Jan 2026 19:16:51 +0800 Subject: [PATCH] =?UTF-8?q?=E8=89=B2=E5=BD=A9=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/stylus/button.styl | 160 ------------------ src/assets/stylus/dialog.styl | 4 +- src/assets/stylus/input.styl | 7 - src/assets/stylus/root.styl | 144 ++++++++-------- src/assets/stylus/table.styl | 72 +------- src/components/a-desensitize/ADesensitize.vue | 2 +- .../a-page/a-table-page/ATablePage.tsx | 8 +- .../a-table-page/a-table-page.module.styl | 24 ++- .../a-table-column/ADesensitizeColumn.vue | 2 +- src/components/page/FormPage.vue | 8 +- src/pages/a-frame/AAvatar.vue | 2 +- src/pages/a-frame/AFrame.vue | 4 +- src/pages/a-frame/ATabbar.vue | 14 +- src/pages/cst/customer/Customer.vue | 10 +- .../cst/customer/purchaser/Purchaser.vue | 2 +- .../cst/customer/transport/Transport.vue | 2 +- .../cst/customer/waste-prod/WasteProd.vue | 2 +- src/pages/cst/project/Project.vue | 112 ++++++------ src/pages/fin/bill/Bill.vue | 2 +- src/pages/fin/money-account/MoneyAccount.vue | 6 +- src/pages/fin/money-flow/MoneyFlow.vue | 2 +- .../gds/goods-category/GoodsCategory.vue | 148 ++++++++-------- src/pages/gds/goods/Goods.vue | 8 +- src/pages/home/Home.vue | 38 ++++- src/pages/order/book/Book.vue | 4 +- src/pages/order/realtime/Realtime.vue | 6 +- 26 files changed, 308 insertions(+), 485 deletions(-) diff --git a/src/assets/stylus/button.styl b/src/assets/stylus/button.styl index 42909bf..e69de29 100644 --- a/src/assets/stylus/button.styl +++ b/src/assets/stylus/button.styl @@ -1,160 +0,0 @@ -.el-button { - /*--el-button-text-color oklch(72% .19 231.6) !important; - --el-button-bg-color oklch(0.96 0.03 224.26) !important; - --el-button-border-color: oklch(0.96 0.03 224.26) !important; - - --el-button-hover-text-color: oklch(72% .19 231.6) !important; - --el-button-hover-bg-color: oklch(0.96 0.03 224.26) !important; - --el-button-hover-border-color: oklch(0.96 0.03 224.26) !important;*/ - height: var(--el-component-custom-height) !important; - -} - -.el-button--default.is-circle { - width: var(--el-component-custom-height) !important; -} - - -// 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' -/* -.el-button--primary { - --el-button-text-color #FFFFFF !important; - --el-button-bg-color #5D87FF !important; - --el-button-border-color: #5D87FF !important; - - --el-button-hover-text-color: #FFFFFF !important; - --el-button-hover-bg-color: #8DABFF !important; - --el-button-hover-border-color: #8DABFF !important; -} -*/ - -/* ========== Default 按钮配置 ========== */ -.el-button--default { - --el-button-text-color: var(--el-color-default) !important; - --el-button-bg-color: var(--el-color-white) !important; - --el-button-border-color: var(--el-border-color-light) !important; - - --el-button-hover-text-color: var(--el-color-primary) !important; - --el-button-hover-bg-color: var(--el-color-primary-light-9) !important; - --el-button-hover-border-color: var(--el-color-primary-light-7) !important; - - --el-button-active-text-color: var(--el-color-primary) !important; - --el-button-active-bg-color: var(--el-color-primary-light-9) !important; - --el-button-active-border-color: var(--el-color-primary) !important; - - - --el-button-outline-color: var(--el-color-default-dark-2) !important; - --el-button-hover-link-text-color: var(--el-text-color-regular) !important; - - --el-button-disabled-text-color: var(--el-color-default-light-5) !important; - --el-button-disabled-bg-color: #F9FAFB !important; - --el-button-disabled-border-color: #F9FAFB !important; -} - -/* ========== Primary 按钮配置 ========== */ -.el-button--primary { - --el-button-text-color: var(--el-color-primary) !important; - --el-button-bg-color: var(--el-bg-primary) !important; - --el-button-border-color: var(--el-bg-primary) !important; - --el-button-outline-color: var(--el-color-primary-light-5) !important; - --el-button-active-color: var(--el-color-primary-dark-2) !important; - --el-button-hover-text-color: var(--el-color-primary) !important; - --el-button-hover-link-text-color: var(--el-color-primary-light-5) !important; - --el-button-hover-bg-color: #E1E8FF !important; - --el-button-hover-border-color: #E1E8FF !important; - --el-button-active-bg-color: #D7E0FF !important; - --el-button-active-border-color: #D7E0FF !important; - --el-button-disabled-text-color: var(--el-color-primary-light-5) !important; - --el-button-disabled-bg-color: #F0F4FF !important; - --el-button-disabled-border-color: #F0F4FF !important; -} - -/* ========== Success 按钮配置 ========== */ -.el-button--success { - --el-button-text-color: var(--el-color-success) !important; - --el-button-bg-color: var(--el-bg-success) !important; - --el-button-border-color: var(--el-bg-success) !important; - --el-button-outline-color: var(--el-color-success-light-5) !important; - --el-button-active-color: var(--el-color-success-dark-2) !important; - --el-button-hover-text-color: var(--el-color-success) !important; - --el-button-hover-link-text-color: var(--el-color-success-light-5) !important; - --el-button-hover-bg-color: oklch(0.97 0.02 140.1) !important; - --el-button-hover-border-color: oklch(0.97 0.02 140.1) !important; - --el-button-active-bg-color: oklch(0.95 0.02 140.1) !important; - --el-button-active-border-color: oklch(0.95 0.02 140.1) !important; - --el-button-disabled-text-color: var(--el-color-success-light-5) !important; - --el-button-disabled-bg-color: oklch(0.98 0.01 140.1) !important; - --el-button-disabled-border-color: oklch(0.98 0.01 140.1) !important; -} - -/* ========== Warning 按钮配置 ========== */ -.el-button--warning { - --el-button-text-color: var(--el-color-warning) !important; - --el-button-bg-color: var(--el-bg-warning) !important; - --el-button-border-color: var(--el-bg-warning) !important; - --el-button-outline-color: var(--el-color-warning-light-5) !important; - --el-button-active-color: var(--el-color-warning-dark-2) !important; - --el-button-hover-text-color: var(--el-color-warning) !important; - --el-button-hover-link-text-color: var(--el-color-warning-light-5) !important; - --el-button-hover-bg-color: oklch(0.97 0.03 58.5) !important; - --el-button-hover-border-color: oklch(0.97 0.03 58.5) !important; - --el-button-active-bg-color: oklch(0.95 0.03 58.5) !important; - --el-button-active-border-color: oklch(0.95 0.03 58.5) !important; - --el-button-disabled-text-color: var(--el-color-warning-light-5) !important; - --el-button-disabled-bg-color: oklch(0.98 0.02 58.5) !important; - --el-button-disabled-border-color: oklch(0.98 0.02 58.5) !important; -} - -/* ========== Info 按钮配置 ========== */ -.el-button--info { - --el-button-text-color: var(--el-color-info) !important; - --el-button-bg-color: var(--el-bg-info) !important; - --el-button-border-color: var(--el-bg-info) !important; - --el-button-outline-color: var(--el-color-info-light-5) !important; - --el-button-active-color: var(--el-color-info-dark-2) !important; - --el-button-hover-text-color: var(--el-color-info) !important; - --el-button-hover-link-text-color: var(--el-color-info-light-5) !important; - --el-button-hover-bg-color: oklch(0.97 0.03 224.26) !important; - --el-button-hover-border-color: oklch(0.97 0.03 224.26) !important; - --el-button-active-bg-color: oklch(0.95 0.03 224.26) !important; - --el-button-active-border-color: oklch(0.95 0.03 224.26) !important; - --el-button-disabled-text-color: var(--el-color-info-light-5) !important; - --el-button-disabled-bg-color: oklch(0.98 0.02 224.26) !important; - --el-button-disabled-border-color: oklch(0.98 0.02 224.26) !important; -} - -/* ========== Danger 按钮配置 ========== */ -.el-button--danger { - --el-button-text-color: var(--el-color-danger) !important; - --el-button-bg-color: var(--el-bg-danger) !important; - --el-button-border-color: var(--el-bg-danger) !important; - --el-button-outline-color: var(--el-color-danger-light-5) !important; - --el-button-active-color: var(--el-color-danger-dark-2) !important; - --el-button-hover-text-color: var(--el-color-danger) !important; - --el-button-hover-link-text-color: var(--el-color-danger-light-5) !important; - --el-button-hover-bg-color: oklch(0.97 0.02 22.09) !important; - --el-button-hover-border-color: oklch(0.97 0.02 22.09) !important; - --el-button-active-bg-color: oklch(0.95 0.02 22.09) !important; - --el-button-active-border-color: oklch(0.95 0.02 22.09) !important; - --el-button-disabled-text-color: var(--el-color-danger-light-5) !important; - --el-button-disabled-bg-color: oklch(0.98 0.01 22.09) !important; - --el-button-disabled-border-color: oklch(0.98 0.01 22.09) !important; -} - -/* ========== Text 按钮配置 ========== */ -.el-button--text { - --el-button-text-color: var(--el-color-text-btn) !important; - --el-button-bg-color: var(--el-bg-text) !important; - --el-button-border-color: var(--el-bg-text) !important; - --el-button-outline-color: var(--el-color-text-btn-light-5) !important; - --el-button-active-color: var(--el-color-text-btn-dark-2) !important; - --el-button-hover-text-color: var(--el-color-text-btn) !important; - --el-button-hover-link-text-color: var(--el-color-text-btn-light-5) !important; - --el-button-hover-bg-color: #F9FAFB !important; - --el-button-hover-border-color: #F9FAFB !important; - --el-button-active-bg-color: #E9EBF0 !important; - --el-button-active-border-color: #E9EBF0 !important; - --el-button-disabled-text-color: var(--el-color-text-btn-light-5) !important; - --el-button-disabled-bg-color: #FAFBFC !important; - --el-button-disabled-border-color: #FAFBFC !important; -} diff --git a/src/assets/stylus/dialog.styl b/src/assets/stylus/dialog.styl index 0ae2ac7..17f109a 100644 --- a/src/assets/stylus/dialog.styl +++ b/src/assets/stylus/dialog.styl @@ -38,11 +38,11 @@ .draggable-dialog > .el-dialog__header { - border-bottom: 1px solid #EAEBF1; + border-bottom: 1px solid var(--el-border-color-light); } .draggable-dialog > .el-dialog__footer { - border-top: 1px solid #EAEBF1; + border-top: 1px solid var(--el-border-color-light); } .el-dialog__body { diff --git a/src/assets/stylus/input.styl b/src/assets/stylus/input.styl index ee0f99a..fdc807b 100644 --- a/src/assets/stylus/input.styl +++ b/src/assets/stylus/input.styl @@ -3,13 +3,6 @@ } -.el-select--default { - .el-select__wrapper { - min-height: var(--el-component-custom-height) !important; - } -} - - .el-checkbox-button--default .el-checkbox-button__inner, .el-radio-group { gap 10px diff --git a/src/assets/stylus/root.styl b/src/assets/stylus/root.styl index 6e0448c..3211fa5 100644 --- a/src/assets/stylus/root.styl +++ b/src/assets/stylus/root.styl @@ -1,51 +1,5 @@ body { - --main-color: #5D87FF; - /* Primary 系列 (固定 #5D87FF 为主色，衍生色匹配 EBF0FF 风格) */ - --el-color-primary: #5D87FF !important; - --el-color-primary-light-3: #85A5FF !important; /* 浅3度 - 悬浮背景/边框 */ - --el-color-primary-light-5: #AAC0FF !important; /* 浅5度 - 禁用背景/边框、悬浮链接文字 */ - --el-color-primary-light-7: #C9D4FF !important; /* 浅7度 - 极浅背景/辅助边框 */ - --el-color-primary-light-8: #DCE4FF !important; /* 浅8度 - 最浅背景/分割线 */ - --el-color-primary-light-9: #EBF0FF !important; /* 浅9度 - 近白色背景/高亮区 */ - --el-color-primary-dark-2: #4A6FE6 !important; /* 深2度 - 激活背景/边框、激活文字 */ - - /* Success 系列 (OKLCH 转换为 HEX 格式) */ - --el-color-success: #4CB772 !important; /* 原 oklch(68% .18 142.5) */ - --el-color-success-light-3: #6FC78C !important; /* 原 oklch(72% .15 142.5) */ - --el-color-success-light-5: #91D6A7 !important; /* 原 oklch(76% .12 142.5) */ - --el-color-success-light-7: #B3E5C1 !important; /* 原 oklch(80% .09 142.5) */ - --el-color-success-light-8: #D5F4DB !important; /* 原 oklch(84% .06 142.5) */ - --el-color-success-light-9: #F7FFF6 !important; /* 原 oklch(88% .03 142.5) */ - --el-color-success-dark-2: #38A85E !important; /* 原 oklch(64% .20 142.5) */ - - /* Warning 系列 (OKLCH 转换为 HEX 格式) */ - --el-color-warning: #F2B84D !important; /* 原 oklch(75% .22 60.8) */ - --el-color-warning-light-3: #F7CA74 !important; /* 原 oklch(78% .19 60.8) */ - --el-color-warning-light-5: #FBDB9B !important; /* 原 oklch(81% .16 60.8) */ - --el-color-warning-light-7: #FFEDC2 !important; /* 原 oklch(84% .13 60.8) */ - --el-color-warning-light-8: #FFF8DF !important; /* 原 oklch(87% .10 60.8) */ - --el-color-warning-light-9: #FFFEFC !important; /* 原 oklch(90% .07 60.8) */ - --el-color-warning-dark-2: #E0A636 !important; /* 原 oklch(71% .24 60.8) */ - - /* Info 系列 (OKLCH 转换为 HEX 格式) */ - --el-color-info: #6DA1F0 !important; /* 原 oklch(72% .19 231.6) */ - --el-color-info-light-3: #8EB1F4 !important; /* 原 oklch(75% .16 231.6) */ - --el-color-info-light-5: #AFC1F8 !important; /* 原 oklch(78% .13 231.6) */ - --el-color-info-light-7: #D0D1FC !important; /* 原 oklch(81% .10 231.6) */ - --el-color-info-light-8: #E1E1FE !important; /* 原 oklch(84% .07 231.6) */ - --el-color-info-light-9: #F2F2FF !important; /* 原 oklch(87% .04 231.6) */ - --el-color-info-dark-2: #578EE8 !important; /* 原 oklch(68% .21 231.6) */ - - /* Danger 系列 (OKLCH 转换为 HEX 格式) */ - --el-color-danger: #ED7A69 !important; /* 原 oklch(73% .15 25.3) */ - --el-color-danger-light-3: #F2998C !important; /* 原 oklch(76% .12 25.3) */ - --el-color-danger-light-5: #F7B8AF !important; /* 原 oklch(79% .09 25.3) */ - --el-color-danger-light-7: #FCD7D2 !important; /* 原 oklch(82% .06 25.3) */ - --el-color-danger-light-8: #FFE6E5 !important; /* 原 oklch(85% .03 25.3) */ - --el-color-danger-light-9: #FFF6F6 !important; /* 原 oklch(88% .00 25.3) */ - --el-color-danger-dark-2: #E05F4D !important; /* 原 oklch(69% .17 25.3) */ - - /* Default 系列 (匹配十六进制配色风格) */ + /* Default 系列 */ --el-color-default: #7987A1 !important; --el-color-default-light-3: #8E9AB0 !important; --el-color-default-light-5: #A3ABC0 !important; @@ -54,36 +8,80 @@ body { --el-color-default-light-9: #E1E9EE !important; --el-color-default-dark-2: #6A788F !important; - /* Text 系列 (匹配十六进制配色风格) */ - --el-color-text-btn: #4E5969 !important; - --el-color-text-btn-light-3: #616C7C !important; - --el-color-text-btn-light-5: #747F8F !important; - --el-color-text-btn-light-7: #878FAF !important; - --el-color-text-btn-light-8: #9AA4BF !important; - --el-color-text-btn-light-9: #ADB9CF !important; - --el-color-text-btn-dark-2: #3B4656 !important; + /* Primary 系列 */ + --el-color-primary: #5D87FF !important; + --el-color-primary-light-3: #85A5FF !important; + --el-color-primary-light-5: #AAC0FF !important; + --el-color-primary-light-7: #C9D4FF !important; + --el-color-primary-light-8: #DCE4FF !important; + --el-color-primary-light-9: #EBF0FF !important; + --el-color-primary-dark-2: #4A6FE6 !important; - /* 通用背景色变量 (匹配你的 icon-btn 背景色) */ - --el-bg-primary: #EBF0FF !important; - --el-bg-success: oklch(0.96 0.02 140.1) !important; - --el-bg-warning: oklch(0.96 0.03 58.5) !important; - --el-bg-info: oklch(0.96 0.03 224.26) !important; - --el-bg-danger: oklch(0.96 0.02 22.09) !important; - --el-bg-default: #F2F4F5 !important; - --el-bg-text: #F8F9FA !important; + /* Success 系列 */ + --el-color-success: #4CB772 !important; + --el-color-success-light-3: #6FC78C !important; + --el-color-success-light-5: #91D6A7 !important; + --el-color-success-light-7: #B3E5C1 !important; + --el-color-success-light-8: #D5F4DB !important; + --el-color-success-light-9: #F7FFF6 !important; + --el-color-success-dark-2: #38A85E !important; + + /* Warning 系列 */ + --el-color-warning: #F5B800 !important; + --el-color-warning-dark-2: #E0A600 !important; + --el-color-warning-light-3: #F9C733 !important; + --el-color-warning-light-5: #FBD666 !important; + --el-color-warning-light-7: #FDE599 !important; + --el-color-warning-light-8: #FEF0BB !important; + --el-color-warning-light-9: #FFFAE0 !important; + + /* Info 系列 */ + --el-color-info: #5A6578 !important; + --el-color-info-light-3: #747F91 !important; + --el-color-info-light-5: #8D97A6 !important; + --el-color-info-light-7: #A6AEBD !important; + --el-color-info-light-8: #C0C6D2 !important; + --el-color-info-light-9: #D9DCE4 !important; + --el-color-info-dark-2: #485263 !important; + + + /* Danger 系列 */ + --el-color-danger: #E05F4D !important; + --el-color-danger-light-3: #F2998C !important; + --el-color-danger-light-5: #F7B8AF !important; + --el-color-danger-light-7: #FCD7D2 !important; + --el-color-danger-light-8: #FFE6E5 !important; + --el-color-danger-light-9: #FFF6F6 !important; + --el-color-danger-dark-2: #C93649 !important; + + /* 樱草紫 */ + --el-color-ycz: #C06F98 !important; + --el-color-ycz-dark-2: #9E547A !important; + --el-color-ycz-light-3: #CD8AAD !important; + --el-color-ycz-light-5: #DAA5C1 !important; + --el-color-ycz-light-7: #E6BED2 !important; + --el-color-ycz-light-8: #F0D4E2 !important; + --el-color-ycz-light-9: #F8E8F1 !important; + /* 淡土黄 */ + --el-color-dth: #8C4B31 !important; + --el-color-dth-dark-2: #792808 !important; + --el-color-dth-light-3: #915D47 !important; + --el-color-dth-light-5: #946A5A !important; + --el-color-dth-light-7: #957568 !important; + --el-color-dth-light-8: #94796E !important; + --el-color-dth-light-9: #937B72 !important; + + /*山茶红*/ + --el-color-sch: #ED556A !important; + --el-color-sch-light-3: #FA6175 !important; + --el-color-sch-light-5: #FF798A !important; + --el-color-sch-light-7: #FF90A0 !important; + --el-color-sch-light-8: #FFA8B7 !important; + --el-color-sch-light-9: #FFC0CE !important; + --el-color-sch-dark-2: #BB2243 !important; - --el-color-white: #FFFFFF !important; --el-font-weight-primary: 400 !important; - - --el-component-custom-height: 32px !important; - - --el-component-size: var(--el-component-custom-height) !important; - - --el-border-radius-base: 4px !important; - - --el-border-color-light #EAEBF1 !important; - letter-spacing: .5px; //user-select: none; } diff --git a/src/assets/stylus/table.styl b/src/assets/stylus/table.styl index 7df9c02..e3c4216 100644 --- a/src/assets/stylus/table.styl +++ b/src/assets/stylus/table.styl @@ -1,13 +1,13 @@ .data-table.el-table { + --el-table-text-color: #2F3540 !important; + --el-table-header-text-color: #454C59 !important; width 100% !important height 100% !important; .table-header { - color #454C59 !important - th { background-color #EDF1F7 !important - font-weight 500 !important + font-weight 600 !important position relative & > div { @@ -28,70 +28,4 @@ } } } - - .table-cell { - color #2F3540 !important - } - - .action-btn { - width 100% !important - display grid !important - grid-template-columns repeat(auto-fit, 32px) !important - grid-auto-rows: 32px !important - gap: 10px !important - - .text-btn { - margin 0 !important - } - - .icon-btn { - margin 0 !important - padding: 8px !important - justify-content center !important - align-items center !important - } - - .el-button--default.icon-btn { - color #7987A1 !important - background-color #F2F4F5 !important - border-color #F2F4F5 !important - } - - - .el-button--primary.icon-btn { - color #5D87FF !important - background-color #EBF0FF !important - border-color #EBF0FF !important - } - - .el-button--success.icon-btn { - color: oklch(68% .18 142.5) !important; - background-color: oklch(0.96 0.02 140.1) !important; - border-color: oklch(0.96 0.02 140.1) !important; - } - - .el-button--warning.icon-btn { - color: oklch(75% .22 60.8) !important; - background-color: oklch(0.96 0.03 58.5) !important; - border-color: oklch(0.96 0.03 58.5) !important; - } - - .el-button--info.icon-btn { - color oklch(72% .19 231.6) !important - background-color oklch(0.96 0.03 224.26) !important - border-color oklch(0.96 0.03 224.26) !important - } - - .el-button--danger.icon-btn { - color oklch(73% .15 25.3) !important - background-color oklch(0.96 0.02 22.09) !important - border-color oklch(0.96 0.02 22.09) !important - } - - .el-button--text.icon-btn { - color: #4E5969 !important; - background-color: #F8F9FA !important; - border-color: #F8F9FA !important; - } - } } diff --git a/src/components/a-desensitize/ADesensitize.vue b/src/components/a-desensitize/ADesensitize.vue index eb8ca97..b9ee920 100644 --- a/src/components/a-desensitize/ADesensitize.vue +++ b/src/components/a-desensitize/ADesensitize.vue @@ -58,7 +58,7 @@ const handleDblClick = async () => { user-select none &:hover { - color: var(--main-color); + color: var(--el-color-primary); text-decoration: underline; } } diff --git a/src/components/a-page/a-table-page/ATablePage.tsx b/src/components/a-page/a-table-page/ATablePage.tsx index 629b480..7f62749 100644 --- a/src/components/a-page/a-table-page/ATablePage.tsx +++ b/src/components/a-page/a-table-page/ATablePage.tsx @@ -372,16 +372,16 @@ const component = defineComponent( icon={elIcon} loading={tableAction.loading} type={tableAction.type} - class="icon-btn" + class={styles.iconBtn} onClick={tableAction.confirm == null ? () => rowAction(scope, tableAction) : undefined} - text/> + plain/> ) } return ( rowAction(scope, tableAction) : undefined} text/>) } @@ -482,7 +482,7 @@ const component = defineComponent( }} ) } - return (
+ return (
{btns}
) }, diff --git a/src/components/a-page/a-table-page/a-table-page.module.styl b/src/components/a-page/a-table-page/a-table-page.module.styl index e8999a0..3657ca3 100644 --- a/src/components/a-page/a-table-page/a-table-page.module.styl +++ b/src/components/a-page/a-table-page/a-table-page.module.styl @@ -16,7 +16,7 @@ } .search-form-wrapper { - border: 1px solid #EAEBF1; + border: 1px solid var(--el-border-color-light); padding: 20px; border-radius: 8px; background-color: white; @@ -54,7 +54,7 @@ display grid grid-template-columns 1fr grid-template-rows 50px minmax(0, 1fr) 50px - border: 1px solid #EAEBF1; + border: 1px solid var(--el-border-color-light); padding: 15px 20px 20px 15px; border-radius: 8px; background-color: white; @@ -107,7 +107,7 @@ margin 0 &:hover { - color var(--main-color) + color var(--el-color-primary) background-color #E6EAEB; border-color #E6EAEB; } @@ -118,12 +118,28 @@ } :global(.el-button--default).filter-btn-active { - color var(--main-color) + color var(--el-color-primary) } } } } + .action-btn { + width 100% !important + display grid !important + grid-template-columns repeat(auto-fit, 32px) !important + grid-auto-rows: 32px !important + gap: 10px !important + + .icon-btn { + margin 0 !important + padding: 8px !important + justify-content center !important + align-items center !important + //border-color var(--el-button-bg-color) !important + } + } + :global(.el-pagination) { justify-content center diff --git a/src/components/a-table-column/ADesensitizeColumn.vue b/src/components/a-table-column/ADesensitizeColumn.vue index 2ed396e..2b14192 100644 --- a/src/components/a-table-column/ADesensitizeColumn.vue +++ b/src/components/a-table-column/ADesensitizeColumn.vue @@ -34,7 +34,7 @@ defineProps<{ user-select none &:hover { - color: var(--main-color); + color: var(--el-color-primary); text-decoration: underline; } } diff --git a/src/components/page/FormPage.vue b/src/components/page/FormPage.vue index bb07ab3..321e0ca 100644 --- a/src/components/page/FormPage.vue +++ b/src/components/page/FormPage.vue @@ -340,7 +340,7 @@ onMounted(doSearch)