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/element-override.scss |  365 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 365 insertions(+), 0 deletions(-)

diff --git a/src/assets/styles/element-override.scss b/src/assets/styles/element-override.scss
new file mode 100644
index 0000000..513143a
--- /dev/null
+++ b/src/assets/styles/element-override.scss
@@ -0,0 +1,365 @@
+// ============================================================
+// 缁勪欢榛樿澶栬锛堥潤鎬佷护鐗屽眰锛�
+// ------------------------------------------------------------
+// 鐩殑锛氫笉鏀逛换浣曚笟鍔￠〉闈㈡ā鏉匡紝鐢ㄥ叏灞�鏍峰紡鎶� Element 鐨勯粯璁よ鎰�
+//       缁熶竴鎴�"绱у噾銆佹竻鐖姐�佷笓涓�"鐨勪竴濂椼��
+// 閲嶇偣锛氳〃鏍硷紙鏂戦┈绾�/鍘荤珫绾�/琛ㄥご搴曡壊锛夈�佽〃鍗曘�佹寜閽�佸脊绐椼�佹爣绛俱��
+// 椤哄簭锛氬繀椤绘櫄浜� element-ui 涓� ruoyi.scss锛堣 main.js锛夈��
+// ============================================================
+
+// ---------- 鍏ㄥ眬鎺掔増 ----------
+body {
+  font-family: var(--opo-font-family-base);
+  font-size: var(--opo-font-size-base);
+  color: var(--opo-text-primary);
+  background-color: var(--opo-bg-page);
+}
+
+// 瑕嗙洊 index.scss 閲岀殑 label { font-weight: 700 }
+label {
+  font-weight: 400;
+}
+
+.app-container {
+  // 2026-10-22锛氱粺涓�鏀剁揣涓� 8/12/12锛堝師 12/16锛夛紝鍏ㄧ珯鍒楄〃椤典竴鑷�
+  padding: 8px 12px 12px;
+}
+
+// 鏁板瓧绫诲瓧娈碉紙閲戦/缂栧彿/韬唤璇侊級鍙敤姝ょ被鑾峰緱绛夊鏁板瓧
+.opo-number {
+  font-family: var(--opo-font-family-number);
+  font-variant-numeric: tabular-nums;
+}
+
+// ---------- 琛ㄦ牸 ----------
+// 2026-10-22锛氭暟鎹瀛楀彿涓庤〃澶寸粺涓�锛�14px / 甯歌瀛楅噸锛�
+// 娉ㄦ剰锛氬叏灞� size=small 浼氳姣忎釜琛ㄦ牸甯︿笂 .el-table--small锛�
+// Element 鐢ㄥ畠鎶婂瓧鍙峰啓鍥� 12px銆佸崟鍏冩牸 padding 鍐欏洖 8px锛�
+// 鎵�浠ヨ繖閲屽繀椤诲悓鏃舵彁楂橀�夋嫨鍣ㄧ壒寮傛�э紝鍚﹀垯浼氳鍘嬪洖鍘汇��
+.el-table,
+.el-table.el-table--small,
+.el-table.el-table--medium,
+.el-table.el-table--mini,
+.el-table.el-table--large {
+  color: var(--opo-text-primary);
+  font-size: var(--opo-font-size-sm);
+}
+
+.el-table {
+  th,
+  th.el-table__cell {
+    background-color: var(--opo-bg-thead) !important;
+    color: var(--opo-text-primary);
+    // 琛ㄥご涓嶅姞绮楋紙2026-10-22 鍙嶉锛�
+    font-weight: 400;
+    font-size: var(--opo-font-size-sm);
+    height: 40px;
+    padding: 0;
+  }
+
+  td,
+  td.el-table__cell,
+  &.el-table--small td.el-table__cell,
+  &.el-table--medium td.el-table__cell,
+  &.el-table--mini td.el-table__cell {
+    padding: 9px 0;
+    // 琛屽垎闅旂嚎锛�2026-10-22 鍐嶅姞娣变竴妗ｏ級
+    border-bottom: 1px solid var(--opo-table-border, #c8cfd8);
+  }
+
+  // 琛ㄦ牸搴曢儴閭ｆ潯绾�
+  &::before {
+    background-color: var(--opo-table-border, #c8cfd8);
+  }
+
+  // 甯﹁竟妗嗙殑琛ㄦ牸锛屽妗嗙嚎
+  &.el-table--border {
+    border-color: var(--opo-table-border, #c8cfd8);
+  }
+
+  .cell {
+    line-height: 23px;
+  }
+
+  // 琛ㄥご涓庡唴瀹瑰尯鐨勫垎闅旂嚎锛堟瘮琛岀嚎鍐嶆繁涓�鐐癸紝浣滀负鍒嗙晫锛�
+  .el-table__header-wrapper th {
+    border-bottom: 1px solid var(--opo-table-border-strong, #b7c0cc);
+  }
+
+  // 鏂戦┈绾癸細鐢� CSS 瀹炵幇锛屾棤闇�缁� 162 涓〃鏍奸�愪釜鍔� stripe 灞炴��
+  .el-table__body tr:nth-child(2n) > td,
+  .el-table__body tr:nth-child(2n) > td.el-table__cell {
+    background-color: var(--opo-bg-stripe);
+  }
+
+  // 榧犳爣琛岄珮浜紙瑕嗙洊鏂戦┈绾癸紱Element 榛樿 hover 鑹插亸鐏帮級
+  .el-table__body tr:hover > td,
+  .el-table__body tr:hover > td.el-table__cell {
+    background-color: var(--opo-primary-light-95, #f5f9fd);
+  }
+
+  // 鍘绘帀绔栫嚎锛歜order 灞炴�т粛淇濈暀鍦ㄦā鏉块噷锛岃繖閲屽彧璁╁畠鍦ㄨ瑙変笂娑堝け
+  &.el-table--border td,
+  &.el-table--border th,
+  &.el-table--border th.el-table__cell,
+  &.el-table--border td.el-table__cell {
+    border-right: none;
+  }
+
+  &.el-table--border::after,
+  &.el-table--group::after {
+    display: none;
+  }
+
+  .el-table__empty-text {
+    color: var(--opo-text-placeholder);
+    font-size: var(--opo-font-size-sm);
+  }
+}
+
+// 闇�瑕�"寮虹綉鏍肩嚎"鐨勬槑缁嗗綍鍏ヨ〃锛氭ā鏉夸笂鍔� class="table-bordered" 鍗冲彲鎭㈠
+.el-table.table-bordered {
+  border: 1px solid var(--opo-table-border, #c8cfd8);
+
+  td,
+  th,
+  td.el-table__cell,
+  th.el-table__cell {
+    border-right: 1px solid var(--opo-table-border, #c8cfd8);
+  }
+}
+
+// 琛ㄦ牸鍐呮寜閽洿绱у噾锛岄伩鍏嶆妸琛屾拺楂�
+.el-table .el-button--mini,
+.el-table .el-button--small {
+  padding: 5px 8px;
+}
+
+// ---------- 琛ㄥ崟 ----------
+// 鏌ヨ鏉′欢/琛ㄥ崟鏁翠綋鏀剁揣锛欵lement 榛樿 margin-bottom 22px锛岃璺濇槑鏄惧亸澶�
+.el-form-item {
+  margin-bottom: 12px;
+
+  &__label {
+    font-weight: 400;
+    color: var(--opo-text-regular);
+    // 鏍囩淇濇寔 14px锛氭煡璇㈠尯澶ч噺浣跨敤 label-width="68px"/"70px"锛�
+    // 鏍囩鑻ラ殢姝ｆ枃鍗囧埌 16px锛�4 涓瓧锛堝"鎹愮尞妗堜緥"锛夊氨浼氭崲琛屻�佽楂樼炕鍊�
+    font-size: var(--opo-font-size-sm);
+    padding-right: 8px;
+    line-height: 32px;
+  }
+
+  &__content {
+    line-height: 32px;
+    min-height: 32px;
+  }
+
+  &.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
+    color: var(--opo-danger);
+  }
+
+  &__error {
+    font-size: var(--opo-font-size-xs);
+    line-height: 1.4;
+    padding-top: 2px;
+  }
+}
+
+// 妯悜鎺掑垪鐨勬煡璇㈡潯浠跺啀绱у噾涓�妗�
+.el-form--inline .el-form-item {
+  margin-right: 12px;
+  margin-bottom: 8px;
+}
+
+// ---------- 绱у噾鏌ヨ鍖猴紙opt-in锛� ----------
+// 鐢ㄦ硶锛氱粰鏌ヨ鐢ㄧ殑 el-form 鍔� class="opo-query-form"锛堝垪琛ㄩ〉缁熶竴绾﹀畾锛�
+// 琛岃窛 8鈫�4px銆佹爣绛句笌鎺т欢瀵归綈銆佹渶鍚庝竴琛岋紙鎼滅储/閲嶇疆锛夊幓鎺変笅杈硅窛
+.opo-query-form {
+  // 鏌ヨ鏉′欢涓庝笅鏂�"鏂板/瀵煎嚭"宸ュ叿鏍忥紙瀵硅〃鏍肩殑鎿嶄綔锛変箣闂寸暀鍑洪棿璺�
+  margin-bottom: 12px;
+
+  .el-form-item {
+    margin-right: 8px;
+    margin-bottom: 4px;
+  }
+
+  .el-form-item__label {
+    line-height: 32px;
+    padding-right: 6px;
+  }
+
+  .el-form-item__content {
+    line-height: 32px;
+    min-height: 32px;
+  }
+
+  // 鏈�鍚庝竴琛岄�氬父鏄�"鎼滅储/閲嶇疆"锛屼笉鍐嶉澶栫暀鐧�
+  > .el-row:last-child .el-form-item {
+    margin-bottom: 0;
+  }
+}
+
+// 绱ц窡鏌ヨ鍖轰箣鍚庣殑宸ュ叿鏍忚锛堟柊澧�/瀵煎嚭锛夛細璐磋繎琛ㄦ牸锛屼笌鏌ヨ鍖虹敱 margin-bottom 闅斿紑
+.opo-query-form + .el-row.mb8 {
+  margin-bottom: 4px;
+}
+
+// 椤甸潰閲岀殑鏌ヨ鍖哄父鍖呭湪鍗＄墖鎴� el-row 涓紝鍘绘帀澶氫綑鐨勫灞傜暀鐧�
+.el-card__body > .el-form:first-child,
+.el-card__body > .el-row:first-child .el-form {
+  margin-bottom: 0;
+}
+
+.el-input__inner,
+.el-textarea__inner {
+  border-radius: var(--opo-radius-base);
+  color: var(--opo-text-primary);
+
+  &::placeholder {
+    color: var(--opo-text-placeholder);
+  }
+}
+
+// ---------- 鎸夐挳 ----------
+.el-button {
+  border-radius: var(--opo-radius-base);
+  font-weight: 400;
+
+  [class*='el-icon-'] + span {
+    margin-left: 4px;
+  }
+}
+
+// 灏�/杩蜂綘鎸夐挳鐨勫瓧鍙峰湪 Element 閲屾槸纭紪鐮� 12px锛岄殢姝ｆ枃涓�璧蜂笂璋冿紙2026-10-22 鍐嶅ぇ涓�鍙� 鈫� 16px锛�
+.el-button--small,
+.el-button--mini {
+  font-size: var(--opo-font-size-base);
+}
+
+// ---------- 寮圭獥 ----------
+.el-dialog {
+  border-radius: var(--opo-radius-lg);
+  box-shadow: var(--opo-shadow-lg);
+  overflow: hidden;
+
+  &__header {
+    padding: 16px 20px 12px;
+    border-bottom: 1px solid var(--opo-border-light);
+  }
+
+  &__title {
+    font-size: var(--opo-font-size-lg);
+    font-weight: 600;
+    color: var(--opo-text-primary);
+  }
+
+  &__body {
+    padding: 16px 20px;
+    color: var(--opo-text-regular);
+  }
+
+  &__footer {
+    padding: 12px 20px 16px;
+    border-top: 1px solid var(--opo-border-light);
+  }
+}
+
+.el-drawer__header {
+  padding: 16px 20px;
+  margin-bottom: 0;
+  border-bottom: 1px solid var(--opo-border-light);
+  color: var(--opo-text-primary);
+  font-weight: 600;
+}
+
+// ---------- 鏍囩 ----------
+.el-tag {
+  border-radius: var(--opo-radius-sm);
+  font-size: var(--opo-font-size-xs);
+}
+
+// ---------- 鍗＄墖 ----------
+.el-card {
+  border-radius: var(--opo-radius-lg);
+  border-color: var(--opo-border-light);
+  box-shadow: var(--opo-shadow-sm) !important;
+
+  &__header {
+    padding: 14px 16px 10px;
+    border-bottom: 1px solid var(--opo-border-light);
+    font-weight: 600;
+    color: var(--opo-text-primary);
+  }
+
+  &__body {
+    padding: 12px 16px;
+  }
+}
+
+// ---------- 鍒嗛〉 ----------
+// Element 鎶婂垎椤垫枃瀛楀啓姝� 13px銆佸瓧閲� 700锛屽拰 16px 鐨勮〃鏍兼鏂囦笉鎼� 鈫� 缁熶竴 14px/甯歌
+.el-pagination {
+  font-weight: 400;
+  color: var(--opo-text-regular);
+  font-size: var(--opo-font-size-sm);
+
+  button,
+  span:not([class*='suffix']) {
+    font-size: var(--opo-font-size-sm);
+  }
+
+  .el-pager li {
+    font-size: var(--opo-font-size-sm);
+  }
+}
+
+.pagination-container {
+  margin-top: 12px;
+  height: auto;
+  padding: 8px 16px !important;
+}
+
+// ---------- 闈㈠寘灞� / 椤电 ----------
+.el-breadcrumb {
+  font-size: var(--opo-font-size-sm);
+
+  &__inner,
+  &__inner a {
+    font-weight: 400 !important;
+    color: var(--opo-text-secondary);
+  }
+
+  &__item:last-child .el-breadcrumb__inner {
+    color: var(--opo-text-primary);
+  }
+}
+
+// ---------- 鎻愮ず / 娑堟伅 ----------
+.el-message {
+  border-radius: var(--opo-radius-base);
+  box-shadow: var(--opo-shadow-md);
+}
+
+.el-tooltip__popper {
+  font-size: var(--opo-font-size-xs);
+}
+
+// ---------- 婊氬姩鏉★紙瑙傛劅缁嗚妭锛� ----------
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.18);
+  border-radius: var(--opo-radius-pill);
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.28);
+  }
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}

--
Gitblit v1.9.3