。

src/pages/withdrawalDetails.vue

@@ -17,7 +17,7 @@
             </div>
         </van-sticky>
         <template>
-            <div class="content" v-for="(item, index) in list" :key="index">
+            <div class="content" v-for="(item, index) in list" :key="index" @click="Jump(item)">
                 <div class="con1">
                     <img class="con-img" :src="getIcon(item.status)" />
                     <div>
@@ -85,6 +85,9 @@ export default {
         this.Info();
     },
     methods: {
+        Jump(item) {
+            this.navigateTo('/pages/withdrawalExamine?status=' + item.status);
+        },
         Info() {
             if (this.type === 'ROOM') {
                 wx.showLoading({
@@ -157,11 +160,11 @@ export default {
         getIcon(status) {
             switch (status) {
                 case 'APPLY':
-                    return require('../native/icon_withdraw_pending.png');
+                    return require('../native/shenqing_shenhezhong@3x.png');
                 case 'DENY':
-                    return require('../native/icon_withdraw_deny.png');
+                    return require('../native/shenqing_weitongguo@3x.png');
                 case 'SUCCESS':
-                    return require('../native/icon_withdraw_success.png');
+                    return require('../native/shenqing_yitongguo@3x.png');
             }
         },
         timeFormat(date, fmt) {
@@ -219,7 +222,7 @@ export default {
 .content {
     .flex();
     justify-content: space-between;
-    padding: 16px 20px;
+    padding: 14px 20px;
     border-bottom: 1px solid #f5f7fa;
     .con1 {
         .flex();
@@ -239,6 +242,7 @@ export default {
             font-weight: normal;
             color: #aaacad;
             line-height: 18px;
+            margin-top: 4px;
         }
     }
     .money {

src/pages/withdrawalExamine.vue

@@ -6,11 +6,14 @@
 <template>
     <div class="pay">
         <div class="pay1">
-            <img class="pay-img" src="../native/shenqing_shenhezhong@3x.png" alt="" />
-            <div class="name">提交成功</div>
-            <div class="name1">您已成功申请提现服务，待审核成功后钱款将在72小时内提现到您的账户，请注意查收</div>
+            <img v-if="status === 'APPLY'" class="pay-img" src="../native/shenqing_shenhezhong@3x.png" alt="" />
+            <img v-if="status === 'SUCCESS'" class="pay-img" src="../native/shenqing_yitongguo@3x.png" alt="" />
+            <img v-if="status === 'DENY'" class="pay-img" src="../native/shenqing_weitongguo@3x.png" alt="" />
+            <div class="name">{{ title }}</div>
+            <div class="name1">{{ explain }}</div>
         </div>
-        <div class="btn1" @click="jump">返回</div>
+        <div v-if="status === 'DENY'" class="btn botm" @click="navigateTo('/pages/walletdetails')">重新申请</div>
+        <div class="btn1" :class="{ prim: status === 'DENY' }" @click="jump">返回</div>
     </div>
 </template>
 <script>
@@ -18,6 +21,32 @@ export default {
     data() {
         return {};
     },
+    computed: {
+        status() {
+            return this.$mp.query.status;
+        },
+        title() {
+            if (this.status === 'SUCCESS') {
+                return '申请已通过';
+            } else if (this.status === 'DENY') {
+                return '提现申请未通过';
+            } else {
+                return '提交成功';
+            }
+        },
+        explain() {
+            if (this.status === 'SUCCESS') {
+                return '您已申请的提现服务已通过审核，钱款将在72小时内提现到您的账户，请注意查收';
+            } else if (this.status === 'DENY') {
+                return '您已申请的提现服务未通过审核，请重新进行审核';
+            } else {
+                return '您已成功申请提现服务，待审核成功后钱款将在72小时内提现到您的账户，请注意查收';
+            }
+        }
+    },
+    mounted() {
+        console.log(this.status);
+    },
     methods: {
         jump() {
             wx.navigateBack({
@@ -51,6 +80,20 @@ export default {
             margin-bottom: 50px;
         }
     }
+    .btn {
+        width: 290px;
+        height: 48px;
+        background: #00ba64;
+        border-radius: 24px;
+        text-align: center;
+        line-height: 48px;
+        color: #fff;
+        font-size: 16px;
+        margin: 0 auto;
+        &.botm {
+            margin-bottom: 20px;
+        }
+    }
     .btn1 {
         width: 290px;
         height: 48px;
@@ -61,6 +104,10 @@ export default {
         color: #fff;
         font-size: 16px;
         margin: 0 auto;
+        &.prim {
+            color: #000;
+            background: #f2f4f5;
+        }
     }
 }
 </style>