From 3873d3c350c8c1edd7bfdc8afe08c9e78f56d968 Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期四, 22 十月 2026 23:24:20 +0800
Subject: [PATCH] 调整费用申请模式
---
src/assets/styles/theme-runtime.scss | 270 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 270 insertions(+), 0 deletions(-)
diff --git a/src/assets/styles/theme-runtime.scss b/src/assets/styles/theme-runtime.scss
new file mode 100644
index 0000000..233599c
--- /dev/null
+++ b/src/assets/styles/theme-runtime.scss
@@ -0,0 +1,270 @@
+// ============================================================
+// 杩愯鏃朵富棰樺眰锛圕SS 鍙橀噺娑堣垂鏂癸級
+// ------------------------------------------------------------
+// Element UI 2.x 鐨勪富棰樿壊鏄� SCSS 缂栬瘧鏈熷父閲忥紝鏃犳硶鍦ㄨ繍琛屾椂淇敼銆�
+// 鏈枃浠朵笉鏀� Element 婧愮爜锛屽彧"閲嶅啓鐢ㄥ埌涓昏壊鐨勯�夋嫨鍣�"锛屽�兼敼涓�
+// var(--opo-primary*)锛涜繖浜涘彉閲忕敱 utils/theme.js 鍦ㄥ垏鎹㈢毊鑲ゆ椂鍐欏叆
+// :root锛屽洜姝ゆ崲鑲ゆ棤闇�閲嶆柊缂栬瘧銆佹棤闇�鍒锋柊椤甸潰銆�
+//
+// 瑕嗙洊椤哄簭寰堝叧閿細鏈枃浠跺繀椤诲湪 element-ui 涓� ruoyi.scss 涔嬪悗寮曞叆
+// 锛堣 main.js 鐨� import 椤哄簭锛夈��
+// 瑕嗙洊鑼冨洿锛氭寜閽�/閾炬帴/杈撳叆/鍗曢�夊閫夊紑鍏�/Tabs/鍒嗛〉/琛ㄦ牸/姝ラ鏉�/
+// 鏃ユ湡/涓嬫媺/鍔犺浇/杩涘害锛屽叾浣欑粍浠舵寜闇�琛ュ厖銆�
+// ============================================================
+
+$opo-fallback: #0E768F;
+
+// ---------- 鎸夐挳 ----------
+.el-button--primary {
+ background-color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary, #{$opo-fallback});
+ color: #fff;
+
+ &:hover,
+ &:focus {
+ background-color: var(--opo-primary-hover, #{$opo-fallback});
+ border-color: var(--opo-primary-hover, #{$opo-fallback});
+ color: #fff;
+ }
+
+ &:active {
+ background-color: var(--opo-primary-active, #{$opo-fallback});
+ border-color: var(--opo-primary-active, #{$opo-fallback});
+ color: #fff;
+ }
+
+ &.is-disabled,
+ &.is-disabled:hover,
+ &.is-disabled:focus,
+ &.is-disabled:active {
+ background-color: var(--opo-primary-light-5, #{$opo-fallback});
+ border-color: var(--opo-primary-light-5, #{$opo-fallback});
+ color: #fff;
+ }
+
+ &.is-plain {
+ background-color: var(--opo-primary-light-9, #fff);
+ border-color: var(--opo-primary-light-5, #{$opo-fallback});
+ color: var(--opo-primary, #{$opo-fallback});
+
+ &:hover,
+ &:focus,
+ &:active {
+ background-color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary, #{$opo-fallback});
+ color: #fff;
+ }
+ }
+}
+
+.el-button--text {
+ color: var(--opo-primary, #{$opo-fallback});
+
+ &:hover,
+ &:focus {
+ color: var(--opo-primary-hover, #{$opo-fallback});
+ }
+
+ &.is-disabled,
+ &.is-disabled:hover {
+ color: var(--opo-primary-light-5, #{$opo-fallback});
+ }
+}
+
+// 榛樿鎸夐挳 hover 鏃堕�忓嚭鍝佺墝鑹诧紙鍘熸潵鏄竴鐗囩伆锛�
+.el-button--default:hover,
+.el-button--default:focus {
+ color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary-light-5, #{$opo-fallback});
+ background-color: var(--opo-primary-light-9, #fff);
+}
+
+// ---------- 閾炬帴 ----------
+.el-link.el-link--primary {
+ color: var(--opo-primary, #{$opo-fallback});
+
+ &:hover {
+ color: var(--opo-primary-light-3, #{$opo-fallback});
+ }
+}
+
+// ---------- 杈撳叆绫� ----------
+.el-input__inner:focus,
+.el-textarea__inner:focus,
+.el-input__inner:hover {
+ border-color: var(--opo-primary-light-5, #{$opo-fallback});
+}
+
+.el-input__inner:focus,
+.el-textarea__inner:focus {
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-select .el-input.is-focus .el-input__inner,
+.el-select .el-input__inner:focus {
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-select-dropdown__item.selected {
+ color: var(--opo-primary, #{$opo-fallback});
+ font-weight: 600;
+}
+
+.el-input-number__decrease:hover,
+.el-input-number__increase:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 鍗曢�� / 澶嶉�� ----------
+.el-radio__input.is-checked .el-radio__inner,
+.el-checkbox__input.is-checked .el-checkbox__inner,
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+ border-color: var(--opo-primary, #{$opo-fallback});
+ background-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-radio__input.is-checked + .el-radio__label,
+.el-checkbox__input.is-checked + .el-checkbox__label {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-radio-button__orig-radio:checked + .el-radio-button__inner,
+.el-checkbox-button__orig-radio:checked + .el-checkbox-button__inner {
+ background-color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary, #{$opo-fallback});
+ box-shadow: -1px 0 0 0 var(--opo-primary, #{$opo-fallback});
+ color: #fff;
+}
+
+// ---------- 寮�鍏� ----------
+.el-switch.is-checked .el-switch__core {
+ border-color: var(--opo-primary, #{$opo-fallback});
+ background-color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- Tabs ----------
+.el-tabs__item.is-active,
+.el-tabs__item:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-tabs__active-bar {
+ background-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+ color: var(--opo-primary, #{$opo-fallback});
+ border-bottom-color: transparent;
+}
+
+// ---------- 鍒嗛〉 ----------
+.el-pager li.active,
+.el-pager li:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+ background-color: var(--opo-primary, #{$opo-fallback});
+ color: #fff;
+}
+
+.el-pagination button:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 琛ㄦ牸 ----------
+.el-table .ascending .sort-caret.ascending {
+ border-bottom-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-table .descending .sort-caret.descending {
+ border-top-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-table__body tr.current-row > td {
+ background-color: var(--opo-primary-light-9, #fff) !important;
+}
+
+.el-table--enable-row-hover .el-table__body tr:hover > td {
+ background-color: var(--opo-primary-light-95, #f5f9fd) !important;
+}
+
+// ---------- 姝ラ鏉� ----------
+.el-step__head.is-process {
+ color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-step__title.is-process {
+ color: var(--opo-primary, #{$opo-fallback});
+ font-weight: 600;
+}
+
+.el-step__head.is-finish {
+ color: var(--opo-primary, #{$opo-fallback});
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-step__title.is-finish {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 鏃ユ湡 / 鏃堕棿 ----------
+.el-date-table td.today span {
+ color: var(--opo-primary, #{$opo-fallback});
+ font-weight: 700;
+}
+
+.el-date-table td.current:not(.disabled) span {
+ background-color: var(--opo-primary, #{$opo-fallback});
+ color: #fff;
+}
+
+.el-date-table td.available:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-date-picker__header-label.active,
+.el-date-picker__header-label:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 涓嬫媺 / 寮瑰嚭鑿滃崟锛堝彧浣滅敤浜庡脊鍑哄眰锛岄伩鍏嶅奖鍝嶆繁鑹蹭晶杈规爮锛� ----------
+.el-dropdown-menu__item:not(.is-disabled):hover,
+.el-dropdown-menu__item:focus {
+ color: var(--opo-primary, #{$opo-fallback});
+ background-color: var(--opo-primary-light-9, #fff);
+}
+
+.el-menu--popup .el-menu-item.is-active,
+.el-menu--popup .el-menu-item:hover {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 绾ц仈 ----------
+.el-cascader .el-input.is-focus .el-input__inner {
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-cascader-node.in-active-path,
+.el-cascader-node.is-active {
+ color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 鍔犺浇 / 杩涘害 ----------
+.el-loading-spinner .path {
+ stroke: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-progress-bar__inner {
+ background-color: var(--opo-primary, #{$opo-fallback});
+}
+
+// ---------- 婊戝潡 ----------
+.el-slider__bar {
+ background-color: var(--opo-primary, #{$opo-fallback});
+}
+
+.el-slider__button {
+ border-color: var(--opo-primary, #{$opo-fallback});
+}
--
Gitblit v1.9.3