| | |
| | | <text>关联保单号:{{info.applyCode}}</text> |
| | | </view> |
| | | <image v-if="info.status === 2" src="@/static/icon/progress_yishengxiao@2x.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 1 || info.status === 9" src="@/static/icon/progress_daishenhe@2x.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 9" src="@/static/icon/ic_toubaozhong.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 1" src="@/static/icon/progress_daishenhe@2x.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 0" src="@/static/icon/progress_daiqianshu@2x.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 3" src="@/static/icon/progress_shenqingtuihui@2x.png" mode="widthFix"></image> |
| | | <image v-if="info.status === 5" src="@/static/icon/progress_yituihui@2x.png" mode="widthFix"></image> |
| | |
| | | </view> |
| | | <view class="box_info_list_item"> |
| | | <view class="box_info_list_item_label">费用变更:</view> |
| | | <view class="box_info_list_item_val">-{{info.fee}}元</view> |
| | | <view class="box_info_list_item_val">{{info.fee}}元</view> |
| | | </view> |
| | | <view class="box_info_list_item"> |
| | | <view class="box_info_list_item_label">保单生效期:</view> |
| | | <view class="box_info_list_item_val">{{info.startTime}}~{{info.endTime}}</view> |
| | | </view> |
| | | <view class="box_info_list_item"> |
| | | <view class="box_info_list_item_label">批单生效期:</view> |
| | | <view class="box_info_list_item_label">批增生效日期:</view> |
| | | <view class="box_info_list_item_val">{{info.applyStartTime}}</view> |
| | | </view> |
| | | <view class="box_info_list_item"> |
| | | <view class="box_info_list_item_label">批减生效日期:</view> |
| | | <view class="box_info_list_item_val">{{info.delValidTime}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="item_head_bottom"> |
| | | 身份证号:{{item.memberIdcardNo}} |
| | | </view> |
| | | <view class="item_head_bottom"> |
| | | 备注:{{item.remark || ''}} |
| | | </view> |
| | | </view> |
| | | <view class="item_x"></view> |
| | | <view class="item_list"> |
| | |
| | | <template v-if="info && info.solutionType === 0"> |
| | | <!-- 已生效 --> |
| | | <view class="details_footer" v-if="info.status === 2"> |
| | | <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看申请单" @click="seePdf(info.applyFile.fileurlFull)"></u-button> |
| | | <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单" @click="seePdf(info.applyFile.fileurlFull)"></u-button> |
| | | <view style="width: 44rpx; height: 50rpx;"></view> |
| | | <u-button type="primary" shape="circle" color="#437CB3" :plain="true" text="查看批单" @click="seePdf(info.pidanFile.fileurlFull)"></u-button> |
| | | <u-button type="primary" shape="circle" color="#437CB3" text="查看批单" @click="seePdf(info.pidanFile.fileurlFull)"></u-button> |
| | | </view> |
| | | <!-- 待审核 --> |
| | | <view class="details_footer" v-if="info.status === 1"> |
| | |
| | | </view> |
| | | <!-- 已退回 --> |
| | | <view class="details_footer" v-if="info.status === 5"> |
| | | <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭订单"></u-button> |
| | | <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭申请"></u-button> |
| | | </view> |
| | | <!-- 待签署 --> |
| | | <view class="details_footer" v-if="info.status === 0"> |
| | |
| | | </template> |
| | | <!-- 委托保 --> |
| | | <template v-if="info && info.solutionType === 1"> |
| | | <!-- 已生效 --> |
| | | <view class="details_footer" v-if="info.status === 2"> |
| | | <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单" @click="seePdf(info.applyFile.fileurlFull)"></u-button> |
| | | <view style="width: 44rpx; height: 50rpx;"></view> |
| | | <u-button type="primary" shape="circle" color="#437CB3" text="查看批单" @click="seePdf(info.pidanFile.fileurlFull)"></u-button> |
| | | </view> |
| | | <!-- 待审核/待出单/投保中 --> |
| | | <view class="details_footer" v-if="info.status === 1 || info.status === 9 || info.status === 7"> |
| | | <u-button type="primary" shape="circle" color="#437CB3" text="查看申请单" @click="seePdf(info.applyFile.fileurlFull)"></u-button> |
| | | </view> |
| | | <!-- 已退回 --> |
| | | <view class="details_footer" v-if="info.status === 5"> |
| | | <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭订单"></u-button> |
| | | <u-button type="primary" shape="circle" color="#437CB3" @click="show2 = true" :plain="true" text="关闭申请"></u-button> |
| | | </view> |
| | | <!-- 待签署 --> |
| | | <view class="details_footer" v-if="info.status === 0"> |
| | |
| | | </u-modal> |
| | | <!-- 关闭确认弹窗 --> |
| | | <u-modal :show="show2" title="温馨提示" :showCancelButton="true" cancelText="我再想想" confirmColor="#437CB3" @cancel="cancel2" @confirm="confirm2"> |
| | | 确认关闭订单? |
| | | 确认关闭申请? |
| | | </u-modal> |
| | | <!-- 签署投保单验证码弹窗 --> |
| | | <u-modal :show="show1" title="获取验证码" :showCancelButton="true" confirmColor="#437CB3" @cancel="cancel1" @confirm="confirm1"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapState } from 'vuex' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | code: '', |
| | | num: 0, |
| | | error: false, |
| | | timer: null |
| | | timer: null, |
| | | |
| | | loading: false |
| | | }; |
| | | }, |
| | | onLoad(options) { |
| | | this.id = options.id |
| | | this.getInfo() |
| | | this.getList() |
| | | }, |
| | | computed: { |
| | | ...mapState(['userInfo']) |
| | | }, |
| | | onReachBottom() { |
| | | this.getList() |
| | |
| | | }, |
| | | // 打开发送验证码弹窗 |
| | | openmessage(type) { |
| | | this.code = '' |
| | | clearInterval(this.timer) |
| | | this.error = '' |
| | | this.timer = null |
| | | this.num = 0 |
| | | // this.code = '' |
| | | // clearInterval(this.timer) |
| | | // this.error = '' |
| | | // this.timer = null |
| | | // this.num = 0 |
| | | this.type = type |
| | | this.show1 = true |
| | | this.confirm1() |
| | | // this.show1 = true |
| | | }, |
| | | IdCard(UUserCard) { |
| | | let idcard = UUserCard.toString(); |
| | |
| | | }, |
| | | // 签署 |
| | | confirm1() { |
| | | if (!this.code) { |
| | | this.error = 1 |
| | | return |
| | | } |
| | | // if (!this.code) { |
| | | // this.error = 1 |
| | | // return |
| | | // } |
| | | this.loading = true |
| | | // 签署投保单 |
| | | if (this.type === 1) { |
| | | console.log('签署申请单') |
| | |
| | | code: this.code |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.error = '' |
| | | this.show1 = false |
| | | // this.error = '' |
| | | // this.show1 = false |
| | | this.$u.api.getJiajianBaoSignLink({ id: this.info.id }) |
| | | .then(url => { |
| | | if (url.code === 200) { |
| | | this.loading = false |
| | | uni.navigateTo({ |
| | | url: `/pages/webView/webView?url=${url.data}` |
| | | url: `/pages/webView/webView?url=${encodeURIComponent(url.data)}` |
| | | }) |
| | | } |
| | | }) |
| | | } else { |
| | | this.error = 2 |
| | | } |
| | | // else { |
| | | // this.error = 2 |
| | | // } |
| | | }) |
| | | this.show1 = false |
| | | // this.show1 = false |
| | | // 申请单 |
| | | } else if (this.type === 2) { |
| | | this.$u.api.getChangeMemberListOnlineSignLink({ |
| | |
| | | code: this.code |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.error = '' |
| | | this.show1 = false |
| | | // this.error = '' |
| | | // this.show1 = false |
| | | this.loading = false |
| | | uni.navigateTo({ |
| | | url: `/pages/webView/webView?url=${res.data}` |
| | | url: `/pages/webView/webView?url=${encodeURIComponent(res.data)}` |
| | | }) |
| | | } else { |
| | | this.error = 2 |
| | | } |
| | | // else { |
| | | // this.error = 2 |
| | | // } |
| | | }) |
| | | } |
| | | }, |
| | | cancel1() { |
| | | this.show1 = false |
| | | }, |
| | | // 关闭订单 |
| | | // 关闭申请 |
| | | confirm2() { |
| | | this.$u.api.applyChangeOpt({ |
| | | applyId: this.info.id, |
| | |
| | | this.show2 = false |
| | | }, |
| | | returnStyle(type) { |
| | | if ([2].includes(type)) { |
| | | if ([2,9].includes(type)) { |
| | | return 'linear-gradient(#97DDC5 0%, #F7F7F7 100%);' |
| | | } else if ([0,1,9,7].includes(type)) { |
| | | } else if ([0,1,7].includes(type)) { |
| | | return 'linear-gradient( 180deg, #FBC88C 0%, #F7F7F7 100%);' |
| | | } else if ([3,5,6].includes(type)) { |
| | | return '' |
| | | } |
| | | }, |
| | | returnStyle1(type) { |
| | | if ([2].includes(type)) { |
| | | if ([2,9].includes(type)) { |
| | | return 'linear-gradient( 180deg, #E5F7F1 0%, rgba(255,255,255,0) 100%)' |
| | | } else if ([0,1,9,7].includes(type)) { |
| | | } else if ([0,1,7].includes(type)) { |
| | | return 'linear-gradient( 180deg, #FFF2E3 0%, rgba(255,255,255,0) 100%);' |
| | | } else if ([3,5,6].includes(type)) { |
| | | return '#ffffff' |
| | |
| | | position: fixed; |
| | | bottom: 0; |
| | | left: 0; |
| | | padding: 10rpx 30rpx; |
| | | padding: 10rpx 30rpx calc(env(safe-area-inset-bottom) + 10rpx) 30rpx; |
| | | box-sizing: border-box; |
| | | background-color: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | | padding-bottom: env(safe-area-inset-bottom); |
| | | } |
| | | .code { |
| | | width: 100%; |