'申请提现'

+export default function() {
+  return {
+    form: '',
+    data: {
+      seasons: '',
+      productIntro: '',
+    },
+    ruleValidate: {
+      productName: [{ required: true, message: '商品名不能为空', trigger: 'blur' }],
+    },
+  };
+}

 <template>
   <layout-body>
-    <div class="detail">
-      <div class="detail-header">
-        <p class="bold-title">状态：{{ data.status }}</p>
-        <p class="no-title">提现发起后，正常xx-xx工作日到款</p>
-      </div>
-      <div class="detail-list">
-        <table border class="table-body">
-          <tr>
-            <td>业务单据号</td>
-            <td>{{ data.statementSn }}</td>
-            <td>类型</td>
-            <td>{{ data.type }}</td>
-          </tr>
-        </table>
-      </div>
-    </div>
+    <Form ref="withdraw" :model="data" class="detail" :label-width="100" :rules="ruleValidate">
+      <Form-item label="店铺名称">
+        <span>{{ data.shopName }}</span>
+      </Form-item>
+      <Form-item label="可提现金额">
+        <span>{{ data.availableAmount }}</span
+        ><br /><span class="red">*支付宝每日转账最高限额10万元人民币，单日超过10万人民币限额的，请联系平台客服</span>
+      </Form-item>
+      <Form-item label="提现方式">
+        <span>{{ data.type }}</span>
+      </Form-item>
+      <Form-item label="提现金额">
+        <span>{{ data.availableAmount }}</span>
+      </Form-item>
+      <Form-item label="提现到帐号">
+        <span>{{ data.withdrawAccount }}</span>
+      </Form-item>
+      <Form-item label="账号名称">
+        <span>{{ data.withdrawAccountName }}</span>
+      </Form-item>
+      <Form-item label="账号名称">
+        <span>{{ data.withdrawAccountName }}</span>
+      </Form-item>
+      <Form-item label="备注">
+        <span>{{ data.remark }}</span>
+      </Form-item>
+      <Form-item>
+        <Button type="primary" @click="submit" size="large" id="btnSubmit">确认提现</Button>
+        <Button type="primary" size="large">联系客服</Button>
+        <Button type="primary" size="large" id="cancle">联系客服</Button>
+      </Form-item>
+    </Form>
   </layout-body>
 </template>
 
 <script>
 import FinanceService from 'services/finance/finance-service';
+import { WithdrawApply } from './store';
 
 export default {
   data() {
-    return {
-      data: [],
-    };
+    return WithdrawApply.call(this);
   },
   created() {
+    const params = {
+      token: this.$user.token,
+      timestamps: Math.round(new Date().getTime() / 1000),
+    };
     this.financeService = new FinanceService();
+    this.financeService.shopWithdrawApplyInit(params).then(result => {
+      if (result.code === 200) {
+        Object.assign(this.data, result.data);
+      }
+    });
   },
   mounted() {
     this.getInfo();
@@ -46,6 +70,9 @@ export default {
         }
       });
     },
+    submit() {
+      this.getInfo();
+    },
     refresh() {
       this.getInfo();
     },
@@ -55,39 +82,38 @@ export default {
 
 <style lang="scss">
 .detail {
-  margin-bottom: 20px;
-
-  .detail-header {
-    .bold-title {
-      font-size: 25px;
+  .ivu-input-wrapper {
+    width: 300px;
   }
 
-    .no-title {
-      font-size: 12px;
-    }
+  .ivu-date-picker-editor {
+    width: 150px;
   }
 
-  .detail-list {
-    margin-top: 20px;
-
-    table,
-    tr,
-    td {
-      border: 1px solid #e9e9e9;
-      padding: 8px 16px;
-      text-align: left;
+  .ivu-select {
+    width: 200px;
   }
 
-    table {
-      font-size: 12px;
-      border-collapse: collapse;
-      border-spacing: 0;
-      empty-cells: show;
+  .ivu-table-cell {
+    .ivu-input-wrapper {
+      width: auto;
     }
   }
 
-  .detail-footer {
-    margin-top: 20px;
+  .btn-fixed {
+    &.fix {
+      width: calc(100% - 200px);
+      position: fixed;
+      bottom: 0;
+      left: 200px;
+      text-align: right;
+      padding-right: 50px;
+      height: 60px;
+      line-height: 60px;
+      background: rgba(255, 255, 255, 0.7);
+      box-shadow: 1px 0 5px 1px #ccc;
+      z-index: 1002;
+    }
   }
 }
 </style>

@@ -64,6 +64,7 @@ class UserController extends Context {
                       overdueInfo,
                       pwdComplexRateDesc: user.pwdComplexRateDesc,
                       needUpdate,
+                      token: user.token,
                     },
                   });
                 });