feat(rechargeDetail): 审核状态文字颜色根据状态变化

src/styles/index.scss

@@ -184,3 +184,13 @@ tbody {
   }
 }
 
+.success-text{
+  color: #00B42A;
+}
+.error-text{
+  color: #FF0000;
+}
+.normal-text{
+  color: #000000;
+}
+

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>