From 0e75a478ba822fba4a7cd22feffa87dd7c1dcfdc Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Thu, 5 Jun 2025 13:41:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(rechargeDetail):=20=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=96=87=E5=AD=97=E9=A2=9C=E8=89=B2=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E7=8A=B6=E6=80=81=E5=8F=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/index.scss                        | 10 ++++++++
 src/views/financial/rechargeDetail/index.vue | 24 ++++++++++++++++----
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index 260323c..3db3b5e 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -184,3 +184,13 @@ tbody {
   }
 }
 
+.success-text{
+  color: #00B42A;
+}
+.error-text{
+  color: #FF0000;
+}
+.normal-text{
+  color: #000000;
+}
+
diff --git a/src/views/financial/rechargeDetail/index.vue b/src/views/financial/rechargeDetail/index.vue
index fa2fe24..121a996 100644
--- a/src/views/financial/rechargeDetail/index.vue
+++ b/src/views/financial/rechargeDetail/index.vue
@@ -216,7 +216,7 @@
           align="center"
           prop="paymentBeforeBalance"
           :label="'充前余额' + `(${isLocalSymbol()})`"
-          width="140"
+          width="120px"
           :formatter="stateFormat"
         />
         <el-table-column
@@ -224,7 +224,7 @@
           align="center"
           prop="paymentAmount"
           :label="'充值金额' + `(${isLocalSymbol()})`"
-          width="200px"
+          width="120px"
           :formatter="stateFormat"
         />
         <el-table-column
@@ -232,7 +232,7 @@
           align="center"
           prop="paymentBalance"
           :label="'当前余额' + `(${isLocalSymbol()})`"
-          width="140"
+          width="120px"
           :formatter="stateFormat"
         />
         <el-table-column
@@ -291,8 +291,22 @@
           v-if="listColumnVisible('approveStateVal')"
           align="center"
           prop="approveStateVal"
-          :label="'审核状态'"
-        />
+          label="审核状态"
+          fixed="right"
+        >
+          <template #default="scope">
+            <!--approveStateVal= 审核通过 绿色，=审核驳回 红色 =待审核 正常展示 -->
+            <span
+              :class="{
+                'success-text': scope.row.approveStateVal == '审核通过',
+                'error-text': scope.row.approveStateVal == '审核驳回',
+                'normal-text': scope.row.approveStateVal == '待审核'
+              }"
+            >
+              {{ scope.row.approveStateVal }}
+            </span>
+          </template>
+        </el-table-column>
       </el-table>
     </div>