|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <common @asynCallBack="asynCallBack"></common>
|
|
|
- <top-header :pageTitle="pageTitle" :checkOpenId="false" :leftShow="leftShow" ></top-header>
|
|
|
+ <common @asynCallBack="asynCallBack" :checkOpenId="false"></common>
|
|
|
+ <top-header :pageTitle="pageTitle" :leftShow="leftShow" ></top-header>
|
|
|
|
|
|
<div class="mui-content vongi-qingjiadt margin60" >
|
|
|
<div class="vongi-zd vongi-zdto flew-items">
|
|
|
@@ -25,17 +25,29 @@
|
|
|
<label>账单备注</label>
|
|
|
<span>{{detail.remark}}</span>
|
|
|
</div>
|
|
|
+ <div class="mui-input-row" v-if="detail.bankName">
|
|
|
+ <label>开户名称</label>
|
|
|
+ <span>{{detail.bankName}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="mui-input-row" v-if="detail.bank">
|
|
|
+ <label>开户银行</label>
|
|
|
+ <span>{{detail.bank}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="mui-input-row" v-if="detail.account">
|
|
|
+ <label>账号</label>
|
|
|
+ <span>{{detail.account}}</span>
|
|
|
+ </div>
|
|
|
|
|
|
</form>
|
|
|
<div class="mui-content-padded">
|
|
|
- <h5 class="flew-sp">账单明细<span class="colorfe616c">请在收到账单5日内交纳如下费用</span></h5>
|
|
|
+ <h5 class="flew-sp">账单明细<span class="colorfe616c">请在收到账单{{detail.cycle}}交纳如下费用</span></h5>
|
|
|
</div>
|
|
|
<ul class="mui-table-view vongi-pay-list openfyy-list">
|
|
|
<li class="mui-table-view-cell" v-for="mod in list">
|
|
|
<div class=" mui-card-content-inner flew-sp">
|
|
|
<div class="mui-media-body">
|
|
|
<div class='mui-ellipsis flew-sp flew-items'><span class="color4fc5f7">{{mod.goodsName}}</span>（{{mod.numStr}}）</div>
|
|
|
- <p>{{mod.standard}}</p>
|
|
|
+ <p>收费标准：{{mod.standard}}</p>
|
|
|
</div>
|
|
|
<span class="mui-h2">{{mod.details}}元</span>
|
|
|
</div>
|
|
|
@@ -47,14 +59,11 @@
|
|
|
<h5>支付方式</h5>
|
|
|
</div>
|
|
|
<form class="mui-input-group margin10" v-if="detail.payStatus=='10'&&detail.type=='online'" >
|
|
|
- <div class="mui-input-row mui-radio">
|
|
|
- <label>微信支付</label>
|
|
|
- <input name="radio1" value="1" v-model="paytypeindex" type="radio">
|
|
|
- </div>
|
|
|
- <div class="mui-input-row mui-radio">
|
|
|
- <label>支付宝支付</label>
|
|
|
- <input name="radio1" value="2" v-model="paytypeindex" type="radio" checked>
|
|
|
+ <div class="mui-input-row mui-radio" v-for="pay in detail.payList">
|
|
|
+ <label>{{pay.text}}</label>
|
|
|
+ <input name="radio1" :value="pay.value" v-model="paytypeindex" type="radio">
|
|
|
</div>
|
|
|
+
|
|
|
</form>
|
|
|
|
|
|
<form class="mui-input-group margin10" v-if="detail.payStatus=='20'" >
|
|
|
@@ -143,6 +152,11 @@
|
|
|
this.isLoading = false;
|
|
|
|
|
|
this.detail=res;
|
|
|
+
|
|
|
+ if(this.detail.payList.length){
|
|
|
+ this.detail.type="online";
|
|
|
+ this.paytypeindex=this.detail.payList[0].value;
|
|
|
+ }
|
|
|
this.list=res.list;
|
|
|
}).catch(error => {
|
|
|
|
zhengkaixin