|
|
@@ -1,58 +1,60 @@
|
|
|
<template>
|
|
|
- <zj-page-container>
|
|
|
- <zj-fiex-column>
|
|
|
- <view class="page-content" v-if="!loading">
|
|
|
- <view class="module-view">
|
|
|
- <view class="module-view-single">
|
|
|
- <text>被保险人</text>
|
|
|
- <text>{{ info.workerName }}</text>
|
|
|
+ <view style="height: 100vh">
|
|
|
+ <zj-page-container>
|
|
|
+ <zj-fiex-column>
|
|
|
+ <view class="page-content" v-if="!loading">
|
|
|
+ <view class="module-view">
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>被保险人</text>
|
|
|
+ <text>{{ info.workerName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>被保险人身份证号</text>
|
|
|
+ <text>{{ info.workerIdcard }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>保单名称</text>
|
|
|
+ <text>{{ info.policyName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>生效日期</text>
|
|
|
+ <text>{{ info.startTime }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>保障截止时间</text>
|
|
|
+ <text>{{ info.endTime }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="module-view-single">
|
|
|
- <text>被保险人身份证号</text>
|
|
|
- <text>{{ info.workerIdcard }}</text>
|
|
|
- </view>
|
|
|
- <view class="module-view-single">
|
|
|
- <text>保单名称</text>
|
|
|
- <text>{{ info.policyName }}</text>
|
|
|
- </view>
|
|
|
- <view class="module-view-single">
|
|
|
- <text>生效日期</text>
|
|
|
- <text>{{ info.startTime }}</text>
|
|
|
- </view>
|
|
|
- <view class="module-view-single">
|
|
|
- <text>保障截止时间</text>
|
|
|
- <text>{{ info.endTime }}</text>
|
|
|
+ <view class="module-view">
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>付款方式</text>
|
|
|
+ <text>全额支付</text>
|
|
|
+ </view>
|
|
|
+ <view class="module-view-single">
|
|
|
+ <text>保费</text>
|
|
|
+ <text style="color: #e95505">{{ info.payAmount }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="module-view">
|
|
|
- <view class="module-view-single">
|
|
|
- <text>付款方式</text>
|
|
|
- <text>全额支付</text>
|
|
|
+ <view slot="after" class="bottom-reservation">
|
|
|
+ <view class="gouxuan">
|
|
|
+ <label :disabled="loading" class="radio" @click="checked = !checked">
|
|
|
+ <radio :checked="checked" />
|
|
|
+ <text>请阅读</text>
|
|
|
+ </label>
|
|
|
+ <text v-for="(item, index) in insureAgreeList" :key="index" @click="goDetailsAgreement(item)">{{
|
|
|
+ item.agreementName
|
|
|
+ }}</text>
|
|
|
+ <text v-if="index < insureAgreeList.length - 1">/</text>
|
|
|
</view>
|
|
|
- <view class="module-view-single">
|
|
|
- <text>保费</text>
|
|
|
- <text style="color: #e95505">{{ info.payAmount }}</text>
|
|
|
+ <view class="btns">
|
|
|
+ <u-button :disabled="loading" type="primary" @click="goback">暂不同意</u-button>
|
|
|
+ <u-button :disabled="loading || !checked" type="primary" @click="pay">同意并继续</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view slot="after" class="bottom-reservation">
|
|
|
- <view class="gouxuan">
|
|
|
- <label :disabled="loading" class="radio" @click="checked = !checked">
|
|
|
- <radio :checked="checked" />
|
|
|
- <text>请阅读</text>
|
|
|
- </label>
|
|
|
- <text v-for="(item, index) in insureAgreeList" :key="index" @click="goDetailsAgreement(item)">{{
|
|
|
- item.agreementName
|
|
|
- }}</text>
|
|
|
- <text v-if="index < insureAgreeList.length - 1">/</text>
|
|
|
- </view>
|
|
|
- <view class="btns">
|
|
|
- <u-button :disabled="loading" type="primary" @click="goback">暂不同意</u-button>
|
|
|
- <u-button :disabled="loading || !checked" type="primary" @click="pay">同意并继续</u-button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </zj-fiex-column>
|
|
|
- </zj-page-container>
|
|
|
+ </zj-fiex-column>
|
|
|
+ </zj-page-container>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
<script>
|
|
|
import ZjFiexColumn from '@/components/zj-container/zj-fiex-column.vue'
|
linwenxin