|
@ -29,6 +29,17 @@ |
|
|
<view class="se-ml-10 se-fs-30 se-c-black se-fw-5"> |
|
|
<view class="se-ml-10 se-fs-30 se-c-black se-fw-5"> |
|
|
购买保险(可选) |
|
|
购买保险(可选) |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="se-ml-auto se-fs-28 se-c-orange se-fw-6" v-if="items.premium"> |
|
|
|
|
|
¥{{items.premium}}元 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="se-mt-20 se-px-30"> |
|
|
|
|
|
<u-checkbox-group v-model="insuranceChecked"> |
|
|
|
|
|
<u-checkbox name="true" activeColor="#ff7a31" label-size="14" shape="circle"> |
|
|
|
|
|
<text class="se-fs-28 se-c-black">购买保险</text> |
|
|
|
|
|
<text class="se-fs-24 se-c-text-third se-ml-10" v-if="items.premium">(¥{{items.premium}}元)</text> |
|
|
|
|
|
</u-checkbox> |
|
|
|
|
|
</u-checkbox-group> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="se-mt-10 se-py-30 se-px-30 se-bs se-bgc-white se-br-20"> |
|
|
<view class="se-mt-10 se-py-30 se-px-30 se-bs se-bgc-white se-br-20"> |
|
@ -66,7 +77,7 @@ |
|
|
<view class="se-pos-fixed se-pos-lb se-bs-t se-flex se-flex-h-sb se-pb-60 se-pt-20 se-bgc-white se-w-vw-100"> |
|
|
<view class="se-pos-fixed se-pos-lb se-bs-t se-flex se-flex-h-sb se-pb-60 se-pt-20 se-bgc-white se-w-vw-100"> |
|
|
<view class="se-fs-32 se-c-black se-ml-30" @click="onDetail()"> |
|
|
<view class="se-fs-32 se-c-black se-ml-30" @click="onDetail()"> |
|
|
<text class="se-fs-24">合计</text> |
|
|
<text class="se-fs-24">合计</text> |
|
|
<text class="se-c-orange">¥{{items.premium}}元</text> |
|
|
|
|
|
|
|
|
<text class="se-c-orange">¥{{totalAmount}}元</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="se-flex se-mr-30"> |
|
|
<view class="se-flex se-mr-30"> |
|
|
<view @click="onReject()" class="se-mr-20 se-w-120 se-h-80 se-lh-80 se-ta-c se-c-orange se-fs-28 se-br-40 se-b se-bc-orange"> |
|
|
<view @click="onReject()" class="se-mr-20 se-w-120 se-h-80 se-lh-80 se-ta-c se-c-orange se-fs-28 se-br-40 se-b se-bc-orange"> |
|
@ -108,18 +119,25 @@ |
|
|
DisclaimerModal |
|
|
DisclaimerModal |
|
|
}, |
|
|
}, |
|
|
data(){ |
|
|
data(){ |
|
|
return{ |
|
|
|
|
|
show:false, |
|
|
|
|
|
id:"", |
|
|
|
|
|
checked:[], |
|
|
|
|
|
myMoney:"",//账户余额 |
|
|
|
|
|
items:{}, |
|
|
|
|
|
amount:"9.9", |
|
|
|
|
|
payRadio:"1", |
|
|
|
|
|
sysList:[] |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
onLoad(options) { |
|
|
|
|
|
|
|
|
return{ |
|
|
|
|
|
show:false, |
|
|
|
|
|
id:"", |
|
|
|
|
|
checked:[], |
|
|
|
|
|
insuranceChecked:[], // 保险选择状态 |
|
|
|
|
|
myMoney:"",//账户余额 |
|
|
|
|
|
items:{}, |
|
|
|
|
|
amount:"9.9", |
|
|
|
|
|
payRadio:"1", |
|
|
|
|
|
sysList:[] |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
computed: { |
|
|
|
|
|
// 计算总金额(只显示保险费用,因为这是保险支付页面) |
|
|
|
|
|
totalAmount() { |
|
|
|
|
|
return this.insuranceChecked.includes('true') ? (this.items.premium || 0) : 0; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
onLoad(options) { |
|
|
// this.sysList = uni.getStorageSync('sysList') |
|
|
// this.sysList = uni.getStorageSync('sysList') |
|
|
console.info(options) |
|
|
console.info(options) |
|
|
this.id = options.id |
|
|
this.id = options.id |
|
@ -154,7 +172,9 @@ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
onPay(){ |
|
|
onPay(){ |
|
|
this.payWithInsurance(true); |
|
|
|
|
|
|
|
|
// 根据用户的保险选择来决定是否购买保险 |
|
|
|
|
|
const buyInsurance = this.insuranceChecked.includes('true'); |
|
|
|
|
|
this.payWithInsurance(buyInsurance); |
|
|
}, |
|
|
}, |
|
|
onReject(){ |
|
|
onReject(){ |
|
|
this.$refs.disclaimerModal.open(); |
|
|
this.$refs.disclaimerModal.open(); |
|
|