|
@@ -1,122 +1,124 @@
|
|
|
<template>
|
|
|
- <zj-page-container>
|
|
|
- <zj-fiex-column
|
|
|
- background="#F7F7F7"
|
|
|
- @scrolltolower="carScrolltolower"
|
|
|
- @refresherrefresh="carRefresherrefresh"
|
|
|
- @refresherrestore="carRefresherrestore"
|
|
|
- :refresherEnabled="true"
|
|
|
- :refresherTriggered="refresherTriggered"
|
|
|
- >
|
|
|
- <view slot="before" class="head-view">
|
|
|
- <view class="head-view-bg"></view>
|
|
|
- </view>
|
|
|
- <view class="page-content">
|
|
|
- <view class="page-title-view">
|
|
|
- <text>{{ info.policyName }}</text>
|
|
|
- <image mode="aspectFit" src="/static/images/common/bpa.png"> </image>
|
|
|
+ <view style="height: 100vh">
|
|
|
+ <zj-page-container>
|
|
|
+ <zj-fiex-column
|
|
|
+ background="#F7F7F7"
|
|
|
+ @scrolltolower="carScrolltolower"
|
|
|
+ @refresherrefresh="carRefresherrefresh"
|
|
|
+ @refresherrestore="carRefresherrestore"
|
|
|
+ :refresherEnabled="true"
|
|
|
+ :refresherTriggered="refresherTriggered"
|
|
|
+ >
|
|
|
+ <view slot="before" class="head-view">
|
|
|
+ <view class="head-view-bg"></view>
|
|
|
</view>
|
|
|
- <view class="page-content-view">
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">保单名称:{{ info.policyName }}</text>
|
|
|
+ <view class="page-content">
|
|
|
+ <view class="page-title-view">
|
|
|
+ <text>{{ info.policyName }}</text>
|
|
|
+ <image mode="aspectFit" src="/static/images/common/bpa.png"> </image>
|
|
|
</view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext"
|
|
|
- >保障期限:{{ info && info.startTime && info.startTime.split(' ')[0] }}至{{
|
|
|
- info && info.endTime && info.endTime.split(' ')[0]
|
|
|
- }}</text
|
|
|
+ <view class="page-content-view">
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">保单名称:{{ info.policyName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext"
|
|
|
+ >保障期限:{{ info && info.startTime && info.startTime.split(' ')[0] }}至{{
|
|
|
+ info && info.endTime && info.endTime.split(' ')[0]
|
|
|
+ }}</text
|
|
|
+ >
|
|
|
+ <text class="ogtext minwidth"
|
|
|
+ >{{
|
|
|
+ parseInt(
|
|
|
+ baozhang > 0
|
|
|
+ ? baozhang === 1
|
|
|
+ ? getDaysBetween(info.startTime, new Date())
|
|
|
+ : getDaysBetween(info.startTime, info.endTime)
|
|
|
+ : 0
|
|
|
+ )
|
|
|
+ }}天</text
|
|
|
+ >
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">被保险人:{{ info.workerName || '' }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">所属网点:{{ info.websitName || '' }}</text>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ v-if="info.policyOrderStatus === 'DSX'"
|
|
|
+ class="yingzhang"
|
|
|
+ mode="aspectFit"
|
|
|
+ src="/static/images/common/dsx.png"
|
|
|
>
|
|
|
- <text class="ogtext minwidth"
|
|
|
- >{{
|
|
|
- parseInt(
|
|
|
- baozhang > 0
|
|
|
- ? baozhang === 1
|
|
|
- ? getDaysBetween(info.startTime, new Date())
|
|
|
- : getDaysBetween(info.startTime, info.endTime)
|
|
|
- : 0
|
|
|
- )
|
|
|
- }}天</text
|
|
|
+ </image>
|
|
|
+ <image
|
|
|
+ v-if="info.policyOrderStatus === 'BZZ'"
|
|
|
+ class="yingzhang"
|
|
|
+ mode="aspectFit"
|
|
|
+ src="/static/images/common/yshx.png"
|
|
|
>
|
|
|
+ </image>
|
|
|
+ <image
|
|
|
+ v-if="info.policyOrderStatus === 'YSX'"
|
|
|
+ class="yingzhang"
|
|
|
+ mode="aspectFit"
|
|
|
+ src="/static/images/common/ysx.png"
|
|
|
+ >
|
|
|
+ </image>
|
|
|
</view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">被保险人:{{ info.workerName || '' }}</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">所属网点:{{ info.websitName || '' }}</text>
|
|
|
- </view>
|
|
|
- <image
|
|
|
- v-if="info.policyOrderStatus === 'DSX'"
|
|
|
- class="yingzhang"
|
|
|
- mode="aspectFit"
|
|
|
- src="/static/images/common/dsx.png"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <image
|
|
|
- v-if="info.policyOrderStatus === 'BZZ'"
|
|
|
- class="yingzhang"
|
|
|
- mode="aspectFit"
|
|
|
- src="/static/images/common/yshx.png"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <image
|
|
|
- v-if="info.policyOrderStatus === 'YSX'"
|
|
|
- class="yingzhang"
|
|
|
- mode="aspectFit"
|
|
|
- src="/static/images/common/ysx.png"
|
|
|
- >
|
|
|
- </image>
|
|
|
- </view>
|
|
|
- <!-- --------------------- -->
|
|
|
- <view class="page-content-view">
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="bigtext">保障内容</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">保单编码:{{ info.policyOrderId }}</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">承保公司:{{ info.policy && info.policy.company }}</text>
|
|
|
- </view>
|
|
|
- <view class="hr" />
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="bigtext">保障范围</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text" v-for="(item, index) in info.policyRanges || []" :key="index">
|
|
|
- <text class="mintext">{{ item.rangeName }}</text>
|
|
|
- <text class="mintext maxwidth">{{ item.rangeText }}</text>
|
|
|
- </view>
|
|
|
- <view class="hr" />
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="bigtext">保费</text>
|
|
|
- <text class="mintext">{{ info.payAmount }}</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="mintext">缴费方式</text>
|
|
|
- <text class="mintext maxwidth">一次性年缴</text>
|
|
|
- </view>
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="tsogtext">注:已承保期间,不足一个月的部分按一个月计缴费</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- --------------------- -->
|
|
|
- <view class="page-content-view">
|
|
|
- <view class="page-content-text">
|
|
|
- <text class="bigtext">协议条款</text>
|
|
|
+ <!-- --------------------- -->
|
|
|
+ <view class="page-content-view">
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="bigtext">保障内容</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">保单编码:{{ info.policyOrderId }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">承保公司:{{ info.policy && info.policy.company }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="hr" />
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="bigtext">保障范围</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text" v-for="(item, index) in info.policyRanges || []" :key="index">
|
|
|
+ <text class="mintext">{{ item.rangeName }}</text>
|
|
|
+ <text class="mintext maxwidth">{{ item.rangeText }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="hr" />
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="bigtext">保费</text>
|
|
|
+ <text class="mintext">{{ info.payAmount }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="mintext">缴费方式</text>
|
|
|
+ <text class="mintext maxwidth">一次性年缴</text>
|
|
|
+ </view>
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="tsogtext">注:已承保期间,不足一个月的部分按一个月计缴费</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <template v-for="(item, index) in insureAgreeList">
|
|
|
- <view class="page-content-text" :key="index" @click="goDetailsAgreement(item)">
|
|
|
- <view class="baoxianxieyi">
|
|
|
- <text>《{{ item.agreementName }}》</text>
|
|
|
- <u-icon name="arrow-right" size="18"></u-icon>
|
|
|
- </view>
|
|
|
+ <!-- --------------------- -->
|
|
|
+ <view class="page-content-view">
|
|
|
+ <view class="page-content-text">
|
|
|
+ <text class="bigtext">协议条款</text>
|
|
|
</view>
|
|
|
- <view class="minhr" v-if="index < insureAgreeList.length - 1" />
|
|
|
- </template>
|
|
|
+ <template v-for="(item, index) in insureAgreeList">
|
|
|
+ <view class="page-content-text" :key="index" @click="goDetailsAgreement(item)">
|
|
|
+ <view class="baoxianxieyi">
|
|
|
+ <text>《{{ item.agreementName }}》</text>
|
|
|
+ <u-icon name="arrow-right" size="18"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="minhr" v-if="index < insureAgreeList.length - 1" />
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <u-button type="primary" plain @click="goHome">返回首页</u-button>
|
|
|
</view>
|
|
|
- <u-button type="primary" plain @click="goHome">返回首页</u-button>
|
|
|
- </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'
|