zhuli 3 周之前
父节点
当前提交
28ac830c53
共有 1 个文件被更改,包括 25 次插入17 次删除
  1. 25 17
      src/views/financialManagement/withdrawaRecord.vue

+ 25 - 17
src/views/financialManagement/withdrawaRecord.vue

@@ -53,7 +53,7 @@
             </div>
             <div class="detail-item">
               <span class="detail-label">提现金额</span>
-              <span class="detail-value amount">¥{{ withdrawalDetail.money || "6146.6" }}</span>
+              <span class="detail-value amount">¥{{ (withdrawalDetail.money / 100).toFixed(2) || "6146.6" }}</span>
             </div>
             <div class="detail-item">
               <span class="detail-label">发起提现时间</span>
@@ -116,7 +116,7 @@ const columns = reactive<ColumnProps<any>[]>([
     prop: "money",
     label: "提现金额",
     render: (scope: any) => {
-      return scope.row.money ? `¥${scope.row.money}` : "--";
+      return scope.row.money ? `¥${(scope.row.money / 100).toFixed(2)}` : "--";
     }
   },
   {
@@ -268,9 +268,11 @@ const currentStep = computed(() => {
 });
 
 // 处理状态(用于失败情况)
-const processStatus = computed<"error" | "process" | "finish" | "wait">(() => {
+const processStatus = computed<"error" | "process" | "success" | "wait">(() => {
   const status = withdrawalDetail.value.paymentStatus;
-  if (status === 4) {
+  if (status === 1 || status === 5) {
+    return "success" as const; // 提现成功,第三步显示完成状态(对号)
+  } else if (status === 4) {
     return "error" as const; // 提现拒绝,在第三步显示错误状态
   } else if (status === 2) {
     return "error" as const; // 提现失败,在等待审核阶段显示错误状态
@@ -282,17 +284,6 @@ const processStatus = computed<"error" | "process" | "finish" | "wait">(() => {
 const finishStatus = computed<"finish">(() => {
   return "finish" as const; // 完成状态
 });
-// 获取状态文本
-const getStatusText = (status: string) => {
-  const statusMap: Record<string, string> = {
-    processing: "提现中",
-    pending: "等待审核",
-    success: "提现成功",
-    failed: "提现失败",
-    rejected: "审核拒绝"
-  };
-  return statusMap[status] || "提现中";
-};
 </script>
 
 <style lang="scss" scoped>
@@ -354,6 +345,9 @@ const getStatusText = (status: string) => {
   .progress-section {
     margin-bottom: 30px;
     :deep(.el-steps) {
+      .el-step__head.is-process {
+        color: #6c8ff8;
+      }
       .el-step {
         margin-bottom: 24px;
         &:last-child {
@@ -387,12 +381,26 @@ const getStatusText = (status: string) => {
           }
         }
       }
+
+      // 等待审核步骤(第二个步骤)的文字颜色
+      .el-step:nth-child(2) {
+        &.is-process {
+          .el-step__main {
+            .el-step__title {
+              .step-title {
+                color: #6c8ff8;
+              }
+            }
+          }
+        }
+      }
       .el-step__line {
         top: 20px;
         bottom: -24px;
         left: 9px;
         height: calc(100% + 4px);
-        border-left: 2px dashed #dcdfe6;
+        background-color: #6c8ff8;
+        border-left: 2px dashed #6c8ff8;
       }
       .el-step__line-inner {
         height: 100%;
@@ -429,7 +437,7 @@ const getStatusText = (status: string) => {
             color: #303133;
           }
           &.status {
-            color: #409eff;
+            color: #6c8ff8;
           }
         }
       }