添加：文创豆提现详细信息

src/components/title.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="page-header-title">
     <van-nav-bar fixed :title="text" v-if="!hide" :class="[this.fun.getPhoneEnv() == 3 ? 'pcStyle' : '']" z-index="99" :border="false">
       <van-button type="default" icon="arrow-left" @click="goto" slot="left" v-if="!goback"></van-button>
       <slot name="left" slot="left"></slot>

src/router/index.js

@@ -10440,6 +10440,15 @@ const routes = [
       foot: true
     }
   },
+  {
+    path: "/member/legumes/withdrawal_details",
+    name: "legumes_center_withdrawal_details",
+    component:()=>import("../views/member/weight_value/legumes/withdrawal_details"),
+    meta: {
+      title: "结算详情",
+      foot: true
+    }
+  },
   // 典藏室
   {
     path: "/member/collection_room",

src/views/member/tool/my_relationship_v2.vue

@@ -21,7 +21,7 @@
           我的市场
         </div>
       </div>
-      <div class="header_box">
+<!--      <div class="header_box">
         <div v-if="isShowClient && show_parents == 0">
           <h1>推荐人</h1>
           <div class="header">
@@ -32,7 +32,7 @@
               <div class="row">
                 <div>昵称:{{ myReferral.nickname }}</div>
                 <div class="member-id">
-                  <!-- 会员ID: -->
+                  &lt;!&ndash; 会员ID: &ndash;&gt;
                   {{ myReferral.uid }}
                 </div>
               </div>
@@ -61,7 +61,7 @@
               <div class="row">
                 <div>昵称:{{ my_referral_parents.nickname }}</div>
                 <div class="member-id">
-                  <!-- 会员ID: -->
+                  &lt;!&ndash; 会员ID: &ndash;&gt;
                   {{ my_referral_parents.uid }}
                 </div>
               </div>
@@ -87,7 +87,7 @@
               <p style="font-weight: 700; font-size: 15px; line-height: 1.35rem;">{{item.team_bought_total}}</p>
             </div>
           </template>
-          
+
           <div class="innerbox-li" @click="gotoList('first')">
             <p>{{agent.agent_num?agent.agent_num:"客户数量"}}（人）</p>
             <p style="font-weight: 700; font-size: 15px; line-height: 1.35rem;">{{ myReferral.child_total }}</p>
@@ -113,7 +113,7 @@
           <div class="note">注：所有数据为截至到昨天汇总数据！</div>
           <div class="note">订单数、订单总额统计{{member_order_status*1 ? '已支付' : '已完成'}}的订单数据</div>
         </div>
-      </div>
+      </div>-->
 
       <div class="info_list">
         <van-tabs v-model="activeName" @click="handleClick">

src/views/member/weight_value/legumes/shopping.vue

@@ -331,6 +331,7 @@ export default {
         if(Math.floor(videoTime.duration) <= Math.floor(videoTime.currentTime)){
           _this.is_video_show = false;
           _this.task_status = true;
+          _this.submitWithdrawal();// 自动触发提交
         }
       });
     },
@@ -364,22 +365,27 @@ export default {
       if(_this.task_type == 'video'){
         // 看视频
         _this.is_video_show = true;
-        _this.videoTime.currentTime = 0;
-        _this.videoTime.play();
+        if(_this.videoTime) {
+          _this.videoTime.currentTime = 0;
+          _this.videoTime.play();
+        }
       } else {
         // 微信分享
         _this.$dialog.alert({message: "请点击右上角微信分享"});
         _this.fun.wxShare("", {mid: _this.fun.getKeyByMid()}, {},
           data => {},
           success => {
-            _this.$dialog.alert({message: "分享成功"});
             _this.task_status = true;
+            _this.$dialog.alert({message: "分享成功"}).then(()=>{
+              _this.submitWithdrawal();// 自动触发提交
+            });
           });
       }
     },
     // 提现 - 开始处理 提现流程
     withdrawalProcessStart(){
       let _this = this;
+      _this.is_show = false;
       // 提交提现申请
       let params = {
         withdrawal_num: _this.withdrawal_num,
@@ -393,6 +399,9 @@ export default {
             _this.task_status = false;
             _this.is_show = false;
             _this.withdrawal_num = '';
+            // 进入结算详情页面
+            let id = response.data || 0;
+            if(id > 0) _this.$router.push(this.fun.getUrl("legumes_center_withdrawal_details", { },{ legumes_withdrawal_id: id }));
           });
         } else {
           _this.$dialog.alert({ message: response.msg });
@@ -514,12 +523,6 @@ export default {
     },
 
 
-
-
-
-
-
-
   }
 };
 </script>

src/views/member/weight_value/legumes/withdrawal_details.vue

@@ -0,0 +1,207 @@
+<template>
+  <div>
+    <c-title :hide="false" :text="'结算详情'" tolink="detailed"></c-title>
+    <div class="content-box">
+      <div class="bg-content"></div>
+      <div class="main-content">
+        <div class="top-content">
+          <div class="left-icon">
+            <span class="left-icon-drop"></span>
+            <span class="left-icon-drop"></span>
+            <span class="left-icon-drop"></span>
+          </div>
+          <div class="right-text">
+            <div class="status">审核中</div>
+            <div class="status-desc">您提交的结算正在进行审核</div>
+          </div>
+        </div>
+        <div class="form-content">
+          <div class="form-block">
+            <div class="form-label">易出文创豆</div>
+            <div class="form-value">{{ info.withdrawal_total_num || '' }}</div>
+          </div>
+          <div class="form-block">
+            <div class="form-label">文创豆价格</div>
+            <div class="form-value">¥{{ info.current_fee || '' }}</div>
+          </div>
+          <div class="form-block">
+            <div class="form-label">服务费</div>
+            <div class="form-value">¥{{ info.commission_amount || '' }}</div>
+          </div>
+          <div class="form-block">
+            <div class="form-label">预计到账金额</div>
+            <div class="form-value">¥{{ info.reality_amount || '' }}</div>
+          </div>
+          <div class="form-block">
+            <div class="form-label">到账银行卡</div>
+            <div class="form-value">{{ info.use_staff ? info.use_staff.card_num : '' }}</div>
+          </div>
+          <div class="form-block">
+            <div class="form-label">预计到账时间</div>
+            <div class="form-value">{{ info.expected_receipt_time || '' }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  components:{},
+  data() {
+    return {
+      page_params: {},
+      info: {},
+
+    };
+  },
+  mounted() {
+    let _this = this;
+    _this.page_params = Object.assign(_this.$route.params, _this.$route.query);
+    _this.getData();
+  },
+  methods: {
+    // 获取用户持有文创豆信息
+    getData() {
+      let _this = this;
+      $http.get("plugin.cultural-space.api.index.withdrawal-details", { legumes_withdrawal_id: _this.page_params.legumes_withdrawal_id }, "加载中...")
+        .then(response => {
+          if (response.result === 1) {
+            _this.info = response.data || {};
+          } else {
+            _this.$dialog.alert({message: response.msg}).then(() => {
+              _this.$router.push(_this.fun.getUrl('legumes_center_shopping'));
+            });
+          }
+        })
+        .catch(error => {
+          console.log(error);
+        });
+    },
+
+
+
+  }
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .page-header-title {
+  .van-nav-bar__content {
+    background: #fecb32 !important;
+  }
+
+  .van-button::before {
+    background: #fecb32 !important;
+  }
+
+  .van-button {
+    background: #fecb32 !important;
+  }
+}
+.content-box {
+  width: 100%;
+  min-height: calc(100vh - 40px);
+  position: relative;
+
+  .bg-content {
+    width: 100%;
+    height: 230px;
+    border-radius: 300px / 0 0 30px 30px;
+    background: #fecb32;
+  }
+
+  .main-content {
+    position: absolute;
+    top: 0px;
+    left: 0;
+    width: 100%;
+    padding: 15px;
+
+    .top-content {
+      padding-left: 15px;
+      width: 100%;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      height: 60px;
+      margin: 20px 0 10px 0;
+
+      .left-icon {
+        width: 35px;
+        height: 35px;
+        border-radius: 50%;
+        border: 2px solid #120d14;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: space-evenly;
+        align-items: center;
+
+        .left-icon-drop {
+          background: #120d14;
+          width: 4px;
+          height: 4px;
+          display: inline-block;
+          border-radius: 50%;
+        }
+      }
+
+      .right-text {
+        height: 100%;
+        padding-left: 10px;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        align-items: flex-start;
+        justify-content: space-evenly;
+        color: #120d14;
+
+        .status {
+          font-size: 18px;
+          font-weight: bold;
+        }
+
+        .status-desc {
+          font-size: 14px;
+          font-weight: bold;
+        }
+      }
+    }
+
+    .form-content {
+      padding: 15px;
+      box-shadow: 0px 2px 5px #eaebe7;
+      width: 100%;
+      background: #ffffff;
+      border-radius: 10px;
+
+      .form-block {
+        width: 100%;
+        height: 50px;
+        font-size: 15px;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: center;
+
+        .form-label {
+          width: 110px;
+          text-align: left;
+          color: #6a6a6a;
+        }
+
+        .form-value {
+          color: #111111;
+        }
+      }
+
+      .form-block:not(:last-child) {
+        border-bottom: 1px solid #e7e7e7;
+      }
+    }
+  }
+}
+</style>