|
|
@@ -1,15 +1,14 @@
|
|
|
<template>
|
|
|
<view class="page">
|
|
|
<public-module></public-module>
|
|
|
-
|
|
|
<view class="fixed dis a-c j-start" :style="headerStyle">
|
|
|
<u-icon name="arrow-left" size="40" @tap="back"></u-icon>
|
|
|
<text style="margin: auto;">{{headerText}}</text>
|
|
|
</view>
|
|
|
- <view class="inputPrompt" style="margin-top: 84px;">
|
|
|
+ <!-- <view class="inputPrompt">
|
|
|
请尽量与上年度保单保持一致！
|
|
|
- </view>
|
|
|
- <view v-show="carInfoShow" class="Information">
|
|
|
+ </view> -->
|
|
|
+ <view v-show="carInfoShow && carModificationLabel" class="Information" style="margin-top: 84px;">
|
|
|
<text class="title">车辆信息</text>
|
|
|
<view class="title dis j-s a-c">
|
|
|
<view class="dis a-c">
|
|
|
@@ -277,61 +276,123 @@
|
|
|
</u-form>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="Information">
|
|
|
- <text class="title">车主信息</text>
|
|
|
- <view class="title dis j-s a-c">
|
|
|
- <view class="dis a-c">
|
|
|
- <text>身份证识别</text>
|
|
|
- <view class="switch-container ml-2" @tap="toggleSwitch" v-if="ownerbackImg">
|
|
|
- <view class="switch-track">
|
|
|
- <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
- <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
- <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ <view v-show="userModificationLabel">
|
|
|
+ <view class="Information" style="margin-top: 84px;">
|
|
|
+ <text class="title">车主信息</text>
|
|
|
+ <view class="title dis j-s a-c">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>身份证识别</text>
|
|
|
+ <view class="switch-container ml-2" @tap="toggleSwitch" v-if="ownerbackImg">
|
|
|
+ <view class="switch-track">
|
|
|
+ <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
+ <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
+ <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="manualSwitch dis a-c j-s" @click="ownerSwitching=!ownerSwitching">
|
|
|
+ <image
|
|
|
+ :src="ownerSwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
+ mode=""></image>
|
|
|
+ <text>{{ownerSwitching?'手动输入':'拍照识别'}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="manualSwitch dis a-c j-s" @click="ownerSwitching=!ownerSwitching">
|
|
|
- <image
|
|
|
- :src="ownerSwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
- mode=""></image>
|
|
|
- <text>{{ownerSwitching?'手动输入':'拍照识别'}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-show="ownerSwitching" class="collapse">
|
|
|
- <!-- 未识别时图片显示 -->
|
|
|
- <image v-show="!ownerfrontImg" @tap="ocrIdentify('ownerInfo')" src="/static/image/car-insure/userbg.png"
|
|
|
- mode="" style="width: 100%;height: 198px;">
|
|
|
- </image>
|
|
|
- <view v-show="ownerfrontImg">
|
|
|
- <!-- 识别后可拖动窗口 -->
|
|
|
- <view class="movable-view dis f-c a-c">
|
|
|
- <movable-area>
|
|
|
- <movable-view direction="all" out-of-bounds :scale="true" :damping="30" :friction="10">
|
|
|
- <image v-if="isActive" :src="ownerfrontImg" mode="widthFix"
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user1deg}deg)`}">
|
|
|
- </image>
|
|
|
- <image v-else :src="ownerbackImg" mode="widthFix"
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user1deg}deg)`}">
|
|
|
- </image>
|
|
|
- </movable-view>
|
|
|
- </movable-area>
|
|
|
- <view class="operate-img dis j-s a-c">
|
|
|
- <view class="dis a-c" @tap="rotatefront('user1deg')">
|
|
|
- <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
- 左转
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="ocrIdentify('ownerInfo')">
|
|
|
- <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
- 上传
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="rotateback('user1deg')">
|
|
|
- <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
- 右转
|
|
|
+ <view v-show="ownerSwitching" class="collapse">
|
|
|
+ <!-- 未识别时图片显示 -->
|
|
|
+ <image v-show="!ownerfrontImg" @tap="ocrIdentify('ownerInfo')"
|
|
|
+ src="/static/image/car-insure/userbg.png" mode="" style="width: 100%;height: 198px;">
|
|
|
+ </image>
|
|
|
+ <view v-show="ownerfrontImg">
|
|
|
+ <!-- 识别后可拖动窗口 -->
|
|
|
+ <view class="movable-view dis f-c a-c">
|
|
|
+ <movable-area>
|
|
|
+ <movable-view direction="all" out-of-bounds :scale="true" :damping="30" :friction="10">
|
|
|
+ <image v-if="isActive" :src="ownerfrontImg" mode="widthFix"
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user1deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ <image v-else :src="ownerbackImg" mode="widthFix"
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user1deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ </movable-view>
|
|
|
+ </movable-area>
|
|
|
+ <view class="operate-img dis j-s a-c">
|
|
|
+ <view class="dis a-c" @tap="rotatefront('user1deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
+ 左转
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="ocrIdentify('ownerInfo')">
|
|
|
+ <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
+ 上传
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="rotateback('user1deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
+ 右转
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 识别后表单 -->
|
|
|
+ <u-form :model="ownerInfo" :rules="ownerRules" ref="ownerForm" :errorType="errorType"
|
|
|
+ label-width="200" style="padding: 0 15px;">
|
|
|
+ <u-form-item label="姓名:" prop="name">
|
|
|
+ <u-input placeholder="请输入姓名" v-model="ownerInfo.name" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
+ <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
+ 身份证
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
+ <u-input placeholder="请输入证件号" v-model="ownerInfo.identifyNumber" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="年龄:" prop="age">
|
|
|
+ <u-input placeholder="请输入年龄" v-model="ownerInfo.age" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="性别:" prop="gender">
|
|
|
+ <u-input placeholder="请输入性别" v-model="ownerInfo.gender" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="手机号:" prop="mobile">
|
|
|
+ <u-input placeholder="请输入手机号" v-model="ownerInfo.mobile" type="text" maxlength="11"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="地址:" prop="addr">
|
|
|
+ <u-input type="textarea" v-model="ownerInfo.addr" :custom-style="{textAlign:'right'}"
|
|
|
+ placeholder-style="color:#808080" :auto-height="true" placeholder="请输入地址" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="邮箱:">
|
|
|
+ <u-input placeholder="请输入邮箱" v-model="ownerInfo.email" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
+ <u-input type="select" :select-open="ownerDateShow"
|
|
|
+ v-model="ownerInfo.identifyValidDate" placeholder="请选择有效期起期"
|
|
|
+ @click="ownerDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
+ placeholder-style="color:#808080"></u-input>
|
|
|
+ <u-picker v-model="ownerDateShow" mode="time" :params="params"
|
|
|
+ @confirm="e=> Dateconfirm(e,'ownerInfo','identifyValidDate')"></u-picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
+ <u-input placeholder="有效期止期" v-model="ownerInfo.identifyValidEndDate" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
+ <view class="dis a-c j-c">
|
|
|
+ <view class="status-data" :class="item.value==ownerValidEndDateholder? 'active':''"
|
|
|
+ v-for="(item,index) in endDateList"
|
|
|
+ @tap="ValidEndDateClick(item.value,'ownerValidEndDateholder','ownerInfo')"
|
|
|
+ :key="index">
|
|
|
+ {{item.label}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
</view>
|
|
|
- <!-- 识别后表单 -->
|
|
|
- <u-form :model="ownerInfo" :rules="ownerRules" ref="ownerForm" :errorType="errorType"
|
|
|
+ </view>
|
|
|
+ <view v-show="!ownerSwitching" class="collapse">
|
|
|
+ <u-form :model="ownerInfo" :rules="ownerRules" ref="ownerForm1" :errorType="errorType"
|
|
|
label-width="200" style="padding: 0 15px;">
|
|
|
<u-form-item label="姓名:" prop="name">
|
|
|
<u-input placeholder="请输入姓名" v-model="ownerInfo.name" type="text"
|
|
|
@@ -344,7 +405,8 @@
|
|
|
</u-form-item>
|
|
|
<u-form-item label="证件号:" prop="identifyNumber">
|
|
|
<u-input placeholder="请输入证件号" v-model="ownerInfo.identifyNumber" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ :custom-style="{textAlign:'right'}"
|
|
|
+ @blur="binddata('identifyNumber', $event,'ownerInfo')"></u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="年龄:" prop="age">
|
|
|
<u-input placeholder="请输入年龄" v-model="ownerInfo.age" disabled type="text"
|
|
|
@@ -378,7 +440,7 @@
|
|
|
:custom-style="{textAlign:'right'}"></u-input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
- <view class="dis a-c j-c">
|
|
|
+ <view class="dis a-c j-start f-wrap">
|
|
|
<view class="status-data" :class="item.value==ownerValidEndDateholder? 'active':''"
|
|
|
v-for="(item,index) in endDateList"
|
|
|
@tap="ValidEndDateClick(item.value,'ownerValidEndDateholder','ownerInfo')"
|
|
|
@@ -390,127 +452,131 @@
|
|
|
</u-form>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-show="!ownerSwitching" class="collapse">
|
|
|
- <u-form :model="ownerInfo" :rules="ownerRules" ref="ownerForm1" :errorType="errorType" label-width="200"
|
|
|
- style="padding: 0 15px;">
|
|
|
- <u-form-item label="姓名:" prop="name">
|
|
|
- <u-input placeholder="请输入姓名" v-model="ownerInfo.name" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
- <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
- 身份证
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
- <u-input placeholder="请输入证件号" v-model="ownerInfo.identifyNumber" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"
|
|
|
- @blur="binddata('identifyNumber', $event,'ownerInfo')"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="年龄:" prop="age">
|
|
|
- <u-input placeholder="请输入年龄" v-model="ownerInfo.age" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="性别:" prop="gender">
|
|
|
- <u-input placeholder="请输入性别" v-model="ownerInfo.gender" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="手机号:" prop="mobile">
|
|
|
- <u-input placeholder="请输入手机号" v-model="ownerInfo.mobile" type="text" maxlength="11"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地址:" prop="addr">
|
|
|
- <u-input type="textarea" v-model="ownerInfo.addr" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080" :auto-height="true" placeholder="请输入地址" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="邮箱:">
|
|
|
- <u-input placeholder="请输入邮箱" v-model="ownerInfo.email" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
- <u-input type="select" :select-open="ownerDateShow" v-model="ownerInfo.identifyValidDate"
|
|
|
- placeholder="请选择有效期起期" @click="ownerDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
- <u-picker v-model="ownerDateShow" mode="time" :params="params"
|
|
|
- @confirm="e=> Dateconfirm(e,'ownerInfo','identifyValidDate')"></u-picker>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
- <u-input placeholder="有效期止期" v-model="ownerInfo.identifyValidEndDate" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
- <view class="dis a-c j-c">
|
|
|
- <view class="status-data" :class="item.value==ownerValidEndDateholder? 'active':''"
|
|
|
- v-for="(item,index) in endDateList"
|
|
|
- @tap="ValidEndDateClick(item.value,'ownerValidEndDateholder','ownerInfo')" :key="index">
|
|
|
- {{item.label}}
|
|
|
- </view>
|
|
|
+ <view class="Information" style="padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;">
|
|
|
+ <view class=" dis j-s a-c">
|
|
|
+ <text class="title">投保人信息</text>
|
|
|
+ <view class="dis a-c j-c">
|
|
|
+ <view class="status-data" :class="item.value==policyHolderholder? 'active':''"
|
|
|
+ v-for="(item,index) in holderstatusList" @tap="applicantholderClick(item.value)"
|
|
|
+ :key="index">
|
|
|
+ {{item.label}}
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- </u-form>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="Information" style="padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;">
|
|
|
- <view class=" dis j-s a-c">
|
|
|
- <text class="title">投保人信息</text>
|
|
|
- <view class="dis a-c j-c">
|
|
|
- <view class="status-data" :class="item.value==policyHolderholder? 'active':''"
|
|
|
- v-for="(item,index) in holderstatusList" @tap="applicantholderClick(item.value)" :key="index">
|
|
|
- {{item.label}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="title dis j-s a-c mt-2" v-show="policyHolderholder=='99'">
|
|
|
- <view class="dis a-c">
|
|
|
- <text>身份证识别</text>
|
|
|
- <view class="switch-container ml-2" @tap="toggleSwitch" v-if="policyHolderbackImg">
|
|
|
- <view class="switch-track">
|
|
|
- <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
- <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
- <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ <view class="title dis j-s a-c mt-2" v-show="policyHolderholder=='99'">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>身份证识别</text>
|
|
|
+ <view class="switch-container ml-2" @tap="toggleSwitch" v-if="policyHolderbackImg">
|
|
|
+ <view class="switch-track">
|
|
|
+ <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
+ <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
+ <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="manualSwitch dis a-c j-s" @click="policySwitching=!policySwitching">
|
|
|
+ <image
|
|
|
+ :src="policySwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
+ mode=""></image>
|
|
|
+ <text>{{policySwitching?'手动输入':'拍照识别'}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="manualSwitch dis a-c j-s" @click="policySwitching=!policySwitching">
|
|
|
- <image
|
|
|
- :src="policySwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
- mode=""></image>
|
|
|
- <text>{{policySwitching?'手动输入':'拍照识别'}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-show="policyHolderholder=='99' && policySwitching" class="collapse">
|
|
|
- <!-- 未识别时图片显示 -->
|
|
|
- <image v-show="!policyHolderfrontImg" @tap="ocrIdentify('policyHolderInfo')"
|
|
|
- src="/static/image/car-insure/userbg.png" mode="" style="width: 100%;height: 198px;">
|
|
|
- </image>
|
|
|
- <view v-show=" policyHolderfrontImg">
|
|
|
- <view class="movable-view dis f-c a-c">
|
|
|
- <movable-area>
|
|
|
- <movable-view direction="all" out-of-bounds :scale="true" :damping="30" :friction="10">
|
|
|
- <image v-if="isActive" :src="policyHolderfrontImg" mode="widthFix"
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user2deg}deg)`}">
|
|
|
- </image>
|
|
|
- <image v-else :src="policyHolderbackImg" mode="widthFix"
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user2deg}deg)`}">
|
|
|
- </image>
|
|
|
- </movable-view>
|
|
|
- </movable-area>
|
|
|
- <view class="operate-img dis j-s a-c">
|
|
|
- <view class="dis a-c" @tap="rotatefront('user2deg')">
|
|
|
- <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
- 左转
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="ocrIdentify('policyHolderInfo')">
|
|
|
- <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
- 上传
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="rotateback('user2deg')">
|
|
|
- <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
- 右转
|
|
|
+ <view v-show="policyHolderholder=='99' && policySwitching" class="collapse">
|
|
|
+ <!-- 未识别时图片显示 -->
|
|
|
+ <image v-show="!policyHolderfrontImg" @tap="ocrIdentify('policyHolderInfo')"
|
|
|
+ src="/static/image/car-insure/userbg.png" mode="" style="width: 100%;height: 198px;">
|
|
|
+ </image>
|
|
|
+ <view v-show=" policyHolderfrontImg">
|
|
|
+ <view class="movable-view dis f-c a-c">
|
|
|
+ <movable-area>
|
|
|
+ <movable-view direction="all" out-of-bounds :scale="true" :damping="30" :friction="10">
|
|
|
+ <image v-if="isActive" :src="policyHolderfrontImg" mode="widthFix"
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user2deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ <image v-else :src="policyHolderbackImg" mode="widthFix"
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user2deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ </movable-view>
|
|
|
+ </movable-area>
|
|
|
+ <view class="operate-img dis j-s a-c">
|
|
|
+ <view class="dis a-c" @tap="rotatefront('user2deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
+ 左转
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="ocrIdentify('policyHolderInfo')">
|
|
|
+ <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
+ 上传
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="rotateback('user2deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
+ 右转
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-form :model="policyHolderInfo" :rules="policyRules" ref="policyForm" :errorType="errorType"
|
|
|
+ label-width="200" style="padding: 0 15px;">
|
|
|
+ <u-form-item label="姓名:" prop="name">
|
|
|
+ <u-input placeholder="请输入姓名" v-model="policyHolderInfo.name" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
+ <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
+ 身份证
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
+ <u-input placeholder="请输入证件号" v-model="policyHolderInfo.identifyNumber" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"
|
|
|
+ @blur="binddata('identifyNumber', $event,'policyHolderInfo')"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="年龄:" prop="age">
|
|
|
+ <u-input placeholder="请输入年龄" v-model="policyHolderInfo.age" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="性别:" prop="gender">
|
|
|
+ <u-input placeholder="请输入性别" v-model="policyHolderInfo.gender" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="手机号:" prop="mobile">
|
|
|
+ <u-input placeholder="请输入手机号" v-model="policyHolderInfo.mobile" type="text"
|
|
|
+ maxlength="11" :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="地址:" prop="addr">
|
|
|
+ <u-input type="textarea" v-model="policyHolderInfo.addr"
|
|
|
+ :custom-style="{textAlign:'right'}" placeholder-style="color:#808080"
|
|
|
+ :auto-height="true" placeholder="请输入地址" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="邮箱:">
|
|
|
+ <u-input placeholder="请输入邮箱" v-model="policyHolderInfo.email" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
+ <u-input type="select" :select-open="applicantDateShow"
|
|
|
+ v-model="policyHolderInfo.identifyValidDate" placeholder="请选择有效期起期"
|
|
|
+ @click="applicantDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
+ placeholder-style="color:#808080"></u-input>
|
|
|
+ <u-picker v-model="applicantDateShow" mode="time" :params="params"
|
|
|
+ @confirm="e=> Dateconfirm(e,'policyHolderInfo','identifyValidDate')"></u-picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
+ <u-input placeholder="有效期止期" v-model="policyHolderInfo.identifyValidEndDate" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
+ <view class="dis a-c j-c">
|
|
|
+ <view class="status-data" :class="item.value==policyValidEndDateholder? 'active':''"
|
|
|
+ v-for="(item,index) in endDateList"
|
|
|
+ @tap="ValidEndDateClick(item.value,'policyValidEndDateholder','policyHolderInfo')"
|
|
|
+ :key="index">
|
|
|
+ {{item.label}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
</view>
|
|
|
- <u-form :model="policyHolderInfo" :rules="policyRules" ref="policyForm" :errorType="errorType"
|
|
|
+ </view>
|
|
|
+ <view v-show="policyHolderholder=='99' && !policySwitching" class="collapse">
|
|
|
+ <u-form :model="policyHolderInfo" :rules="policyRules" ref="policyForm1" :errorType="errorType"
|
|
|
label-width="200" style="padding: 0 15px;">
|
|
|
<u-form-item label="姓名:" prop="name">
|
|
|
<u-input placeholder="请输入姓名" v-model="policyHolderInfo.name" type="text"
|
|
|
@@ -571,129 +637,132 @@
|
|
|
</u-form>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-show="policyHolderholder=='99' && !policySwitching" class="collapse">
|
|
|
- <u-form :model="policyHolderInfo" :rules="policyRules" ref="policyForm1" :errorType="errorType"
|
|
|
- label-width="200" style="padding: 0 15px;">
|
|
|
- <u-form-item label="姓名:" prop="name">
|
|
|
- <u-input placeholder="请输入姓名" v-model="policyHolderInfo.name" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
- <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
- 身份证
|
|
|
+ <view class="Information " style="padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;">
|
|
|
+ <view class="dis j-s a-c">
|
|
|
+ <text class="title">被保人信息</text>
|
|
|
+ <view class="dis a-c j-c">
|
|
|
+ <view class="status-data" :class="item.value==Insuredholder? 'active':''"
|
|
|
+ v-for="(item,index) in insuredstatusList" @tap="InsuredholderClick(item.value)"
|
|
|
+ :key="index">
|
|
|
+ {{item.label}}
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
- <u-input placeholder="请输入证件号" v-model="policyHolderInfo.identifyNumber" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"
|
|
|
- @blur="binddata('identifyNumber', $event,'policyHolderInfo')"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="年龄:" prop="age">
|
|
|
- <u-input placeholder="请输入年龄" v-model="policyHolderInfo.age" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="性别:" prop="gender">
|
|
|
- <u-input placeholder="请输入性别" v-model="policyHolderInfo.gender" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="手机号:" prop="mobile">
|
|
|
- <u-input placeholder="请输入手机号" v-model="policyHolderInfo.mobile" type="text" maxlength="11"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地址:" prop="addr">
|
|
|
- <u-input type="textarea" v-model="policyHolderInfo.addr" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080" :auto-height="true" placeholder="请输入地址" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="邮箱:">
|
|
|
- <u-input placeholder="请输入邮箱" v-model="policyHolderInfo.email" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
- <u-input type="select" :select-open="applicantDateShow"
|
|
|
- v-model="policyHolderInfo.identifyValidDate" placeholder="请选择有效期起期"
|
|
|
- @click="applicantDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
- <u-picker v-model="applicantDateShow" mode="time" :params="params"
|
|
|
- @confirm="e=> Dateconfirm(e,'policyHolderInfo','identifyValidDate')"></u-picker>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
- <u-input placeholder="有效期止期" v-model="policyHolderInfo.identifyValidEndDate" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
- <view class="dis a-c j-c">
|
|
|
- <view class="status-data" :class="item.value==policyValidEndDateholder? 'active':''"
|
|
|
- v-for="(item,index) in endDateList"
|
|
|
- @tap="ValidEndDateClick(item.value,'policyValidEndDateholder','policyHolderInfo')"
|
|
|
- :key="index">
|
|
|
- {{item.label}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- </u-form>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="Information " style="padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;">
|
|
|
- <view class="dis j-s a-c">
|
|
|
- <text class="title">被保人信息</text>
|
|
|
- <view class="dis a-c j-c">
|
|
|
- <view class="status-data" :class="item.value==Insuredholder? 'active':''"
|
|
|
- v-for="(item,index) in insuredstatusList" @tap="InsuredholderClick(item.value)" :key="index">
|
|
|
- {{item.label}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="title dis j-s a-c mt-2" v-show="Insuredholder=='99'">
|
|
|
- <view class="dis a-c">
|
|
|
- <text>身份证识别</text>
|
|
|
- <view class="switch-container ml-2" @tap="toggleSwitch" v-if="InsuredbackImg">
|
|
|
- <view class="switch-track">
|
|
|
- <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
- <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
- <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ <view class="title dis j-s a-c mt-2" v-show="Insuredholder=='99'">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>身份证识别</text>
|
|
|
+ <view class="switch-container ml-2" @tap="toggleSwitch" v-if="InsuredbackImg">
|
|
|
+ <view class="switch-track">
|
|
|
+ <view class="switch-thumb dis a-c j-c" :class="{ thumbactive: !isActive }"></view>
|
|
|
+ <view class="switch-thumb1 dis a-c j-c" :class="{ thumbactive1: isActive }">正面</view>
|
|
|
+ <view class="switch-thumb2 dis a-c j-c" :class="{ thumbactive1: !isActive }">反面</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="manualSwitch dis a-c j-s" @click="insuredSwitching=!insuredSwitching">
|
|
|
+ <image
|
|
|
+ :src="insuredSwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
+ mode=""></image>
|
|
|
+ <text>{{insuredSwitching?'手动输入':'拍照识别'}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="manualSwitch dis a-c j-s" @click="insuredSwitching=!insuredSwitching">
|
|
|
- <image
|
|
|
- :src="insuredSwitching?'../../static/image/car-insure/manualInput.png':'../../static/image/car-insure/captureRecognition.png'"
|
|
|
- mode=""></image>
|
|
|
- <text>{{insuredSwitching?'手动输入':'拍照识别'}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-show="Insuredholder=='99' && insuredSwitching" class="collapse">
|
|
|
- <!-- 未识别时图片显示 -->
|
|
|
- <image v-show="!InsuredfrontImg" @tap="ocrIdentify('insuredPersonInfo')"
|
|
|
- src="/static/image/car-insure/userbg.png" mode="" style="width: 100%;height: 198px;">
|
|
|
- </image>
|
|
|
- <view v-show='InsuredfrontImg'>
|
|
|
- <view class="movable-view dis f-c a-c">
|
|
|
- <movable-area>
|
|
|
- <movable-view direction="all" out-of-bounds :scale="true">
|
|
|
- <image v-if="isActive" :src="InsuredfrontImg" mode=""
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user3deg}deg)`}">
|
|
|
- </image>
|
|
|
- <image v-else :src="InsuredbackImg" mode=""
|
|
|
- :style="{width:'100%',height:'100%',transform:`rotate(-${user3deg}deg)`}">
|
|
|
- </image>
|
|
|
- </movable-view>
|
|
|
- </movable-area>
|
|
|
- <view class="operate-img dis j-s a-c">
|
|
|
- <view class="dis a-c" @tap="rotatefront('user3deg')">
|
|
|
- <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
- 左转
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="ocrIdentify('insuredPersonInfo')">
|
|
|
- <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
- 上传
|
|
|
- </view>
|
|
|
- <view class="dis a-c" @tap="rotateback('user3deg')">
|
|
|
- <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
- 右转
|
|
|
+ <view v-show="Insuredholder=='99' && insuredSwitching" class="collapse">
|
|
|
+ <!-- 未识别时图片显示 -->
|
|
|
+ <image v-show="!InsuredfrontImg" @tap="ocrIdentify('insuredPersonInfo')"
|
|
|
+ src="/static/image/car-insure/userbg.png" mode="" style="width: 100%;height: 198px;">
|
|
|
+ </image>
|
|
|
+ <view v-show='InsuredfrontImg'>
|
|
|
+ <view class="movable-view dis f-c a-c">
|
|
|
+ <movable-area>
|
|
|
+ <movable-view direction="all" out-of-bounds :scale="true">
|
|
|
+ <image v-if="isActive" :src="InsuredfrontImg" mode=""
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user3deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ <image v-else :src="InsuredbackImg" mode=""
|
|
|
+ :style="{width:'100%',height:'100%',transform:`rotate(-${user3deg}deg)`}">
|
|
|
+ </image>
|
|
|
+ </movable-view>
|
|
|
+ </movable-area>
|
|
|
+ <view class="operate-img dis j-s a-c">
|
|
|
+ <view class="dis a-c" @tap="rotatefront('user3deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate1.png" mode=""></image>
|
|
|
+ 左转
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="ocrIdentify('insuredPersonInfo')">
|
|
|
+ <image src="/static/image/car-insure/upload.png" mode=""></image>
|
|
|
+ 上传
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c" @tap="rotateback('user3deg')">
|
|
|
+ <image src="/static/image/car-insure/rotate2.png" mode=""></image>
|
|
|
+ 右转
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-form :model="insuredPersonInfo" :rules="insuredRules" ref="insuredForm"
|
|
|
+ :errorType="errorType" label-width="200" style="padding: 0 15px;">
|
|
|
+ <u-form-item label="姓名:" prop="name">
|
|
|
+ <u-input placeholder="请输入姓名" v-model="insuredPersonInfo.name" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
+ <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
+ 身份证
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
+ <u-input placeholder="请输入证件号" v-model="insuredPersonInfo.identifyNumber" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"
|
|
|
+ @blur="binddata('identifyNumber', $event,'insuredPersonInfo')"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="年龄:" prop="age">
|
|
|
+ <u-input placeholder="请输入年龄" v-model="insuredPersonInfo.age" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="性别:" prop="gender">
|
|
|
+ <u-input placeholder="请输入性别" v-model="insuredPersonInfo.gender" disabled type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="手机号:" prop="mobile">
|
|
|
+ <u-input placeholder="请输入手机号" v-model="insuredPersonInfo.mobile" type="text"
|
|
|
+ maxlength="11" :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="地址:" prop="addr">
|
|
|
+ <u-input type="textarea" v-model="insuredPersonInfo.addr"
|
|
|
+ :custom-style="{textAlign:'right'}" placeholder-style="color:#808080"
|
|
|
+ :auto-height="true" placeholder="请输入地址" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="邮箱:">
|
|
|
+ <u-input placeholder="请输入邮箱" v-model="insuredPersonInfo.email" type="text"
|
|
|
+ :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
+ <u-input type="select" :select-open="InsuredDateShow"
|
|
|
+ v-model="insuredPersonInfo.identifyValidDate" placeholder="请选择有效期起期"
|
|
|
+ @click="InsuredDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
+ placeholder-style="color:#808080"></u-input>
|
|
|
+ <u-picker v-model="InsuredDateShow" mode="time" :params="params"
|
|
|
+ @confirm="e=> Dateconfirm(e,'insuredPersonInfo','identifyValidDate')"></u-picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
+ <u-input placeholder="有效期止期" v-model="insuredPersonInfo.identifyValidEndDate"
|
|
|
+ type="text" :custom-style="{textAlign:'right'}"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
+ <view class="dis a-c j-c">
|
|
|
+ <view class="status-data"
|
|
|
+ :class="item.value==insuredValidEndDateholder? 'active':''"
|
|
|
+ v-for="(item,index) in endDateList"
|
|
|
+ @tap="ValidEndDateClick(item.value,'insuredValidEndDateholder','insuredPersonInfo')"
|
|
|
+ :key="index">
|
|
|
+ {{item.label}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
</view>
|
|
|
- <u-form :model="insuredPersonInfo" :rules="insuredRules" ref="insuredForm" :errorType="errorType"
|
|
|
+ </view>
|
|
|
+ <view v-show="Insuredholder=='99' && !insuredSwitching" class="collapse">
|
|
|
+ <u-form :model="insuredPersonInfo" :rules="insuredRules" ref="insuredForm1" :errorType="errorType"
|
|
|
label-width="200" style="padding: 0 15px;">
|
|
|
<u-form-item label="姓名:" prop="name">
|
|
|
<u-input placeholder="请输入姓名" v-model="insuredPersonInfo.name" type="text"
|
|
|
@@ -755,67 +824,6 @@
|
|
|
</u-form>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-show="Insuredholder=='99' && !insuredSwitching" class="collapse">
|
|
|
- <u-form :model="insuredPersonInfo" :rules="insuredRules" ref="insuredForm" :errorType="errorType"
|
|
|
- label-width="200" style="padding: 0 15px;">
|
|
|
- <u-form-item label="姓名:" prop="name">
|
|
|
- <u-input placeholder="请输入姓名" v-model="insuredPersonInfo.name" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件类型:" prop="identifyType" style="padding: 14rpx 0;">
|
|
|
- <view class="dis a-c j-end" style="width:100%;height: 100%;">
|
|
|
- 身份证
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="证件号:" prop="identifyNumber">
|
|
|
- <u-input placeholder="请输入证件号" v-model="insuredPersonInfo.identifyNumber" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"
|
|
|
- @blur="binddata('identifyNumber', $event,'insuredPersonInfo')"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="年龄:" prop="age">
|
|
|
- <u-input placeholder="请输入年龄" v-model="insuredPersonInfo.age" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="性别:" prop="gender">
|
|
|
- <u-input placeholder="请输入性别" v-model="insuredPersonInfo.gender" disabled type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="手机号:" prop="mobile">
|
|
|
- <u-input placeholder="请输入手机号" v-model="insuredPersonInfo.mobile" type="text" maxlength="11"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="地址:" prop="addr">
|
|
|
- <u-input type="textarea" v-model="insuredPersonInfo.addr" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080" :auto-height="true" placeholder="请输入地址" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="邮箱:">
|
|
|
- <u-input placeholder="请输入邮箱" v-model="insuredPersonInfo.email" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期起期:" prop="identifyValidDate">
|
|
|
- <u-input type="select" :select-open="InsuredDateShow"
|
|
|
- v-model="insuredPersonInfo.identifyValidDate" placeholder="请选择有效期起期"
|
|
|
- @click="InsuredDateShow = true" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
- <u-picker v-model="InsuredDateShow" mode="time" :params="params"
|
|
|
- @confirm="e=> Dateconfirm(e,'insuredPersonInfo','identifyValidDate')"></u-picker>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="有效期止期:" prop="identifyValidEndDate">
|
|
|
- <u-input placeholder="有效期止期" v-model="insuredPersonInfo.identifyValidEndDate" type="text"
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="止期年限:" style="padding: 10rpx 0;">
|
|
|
- <view class="dis a-c j-c">
|
|
|
- <view class="status-data" :class="item.value==insuredValidEndDateholder? 'active':''"
|
|
|
- v-for="(item,index) in endDateList"
|
|
|
- @tap="ValidEndDateClick(item.value,'insuredValidEndDateholder','insuredPersonInfo')"
|
|
|
- :key="index">
|
|
|
- {{item.label}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- </u-form>
|
|
|
- </view>
|
|
|
</view>
|
|
|
<view class="footer-btn">
|
|
|
<button type="primary"
|
|
|
@@ -1434,6 +1442,9 @@
|
|
|
productId: "",
|
|
|
productName: "",
|
|
|
isActive: true,
|
|
|
+ quoteno: "",
|
|
|
+ carModificationLabel: true, //车辆修改标识
|
|
|
+ userModificationLabel: true, //人员修改标识
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -1590,6 +1601,10 @@
|
|
|
} else {
|
|
|
this.Insuredholder = '99';
|
|
|
}
|
|
|
+ if (info.identifier) {
|
|
|
+ this[info.identifier] = false;
|
|
|
+ }
|
|
|
+ this.quoteno = info.quoteno;
|
|
|
this.imageEcho(info.quoteno)
|
|
|
// this.carfrontImg = this.$base.baseUrl +
|
|
|
// '/upload/image/2024/10/21/8962531b02138cd842833fdc3b84b3df.jpg'
|
|
|
@@ -1649,6 +1664,7 @@
|
|
|
},
|
|
|
methods: {
|
|
|
async imageEcho(quotenos) {
|
|
|
+
|
|
|
let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
|
|
|
if (imgres.code == "200") {
|
|
|
Object.keys(imgres.data).forEach((keys) => {
|
|
|
@@ -1682,8 +1698,30 @@
|
|
|
default:
|
|
|
break;
|
|
|
}
|
|
|
+ } else {
|
|
|
+ switch (keys) {
|
|
|
+ case 'C01':
|
|
|
+ this.carSwitching = false;
|
|
|
+ break;
|
|
|
+ case 'C02':
|
|
|
+ this.ownerSwitching = false;
|
|
|
+ break;
|
|
|
+ case 'C03':
|
|
|
+ this.policySwitching = false;
|
|
|
+ break;
|
|
|
+ case 'C04':
|
|
|
+ this.insuredSwitching = false;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
+ } else {
|
|
|
+ this.carSwitching = false;
|
|
|
+ this.ownerSwitching = false;
|
|
|
+ this.policySwitching = false;
|
|
|
+ this.insuredSwitching = false;
|
|
|
}
|
|
|
},
|
|
|
btn_click() {
|
|
|
@@ -2002,33 +2040,6 @@
|
|
|
//校验事件
|
|
|
async next() {
|
|
|
let _this = this;
|
|
|
- //投保人同车主
|
|
|
- if (_this.policyHolderholder) {
|
|
|
- if (_this.policyHolderholder == '1') {
|
|
|
- await _this.setPersonInfoAndImageType('ownerInfo',
|
|
|
- 'policyHolderInfo',
|
|
|
- "C03");
|
|
|
- }
|
|
|
- _this.policyHolderInfo = {
|
|
|
- ..._this.policyHolderInfo
|
|
|
- };
|
|
|
- }
|
|
|
- if (_this.Insuredholder) {
|
|
|
- if (_this.Insuredholder == '1') {
|
|
|
- await _this.setPersonInfoAndImageType('ownerInfo',
|
|
|
- 'insuredPersonInfo',
|
|
|
- "C04");
|
|
|
- _this.insuredPersonInfo = {
|
|
|
- ..._this.insuredPersonInfo
|
|
|
- };
|
|
|
- } else if (_this.Insuredholder == '2') {
|
|
|
- await _this.setPersonInfoAndImageType('policyHolderInfo',
|
|
|
- 'insuredPersonInfo', "C04");
|
|
|
- _this.insuredPersonInfo = {
|
|
|
- ..._this.insuredPersonInfo
|
|
|
- };
|
|
|
- }
|
|
|
- }
|
|
|
_this.$refs[this.carSwitching ? 'carForm' : 'carForm1'].validate(carvalid => {
|
|
|
if (carvalid) {
|
|
|
_this.$refs[this.ownerSwitching ? 'ownerForm' : 'ownerForm1'].validate(ownervalid => {
|
|
|
@@ -2071,6 +2082,8 @@
|
|
|
.productId,
|
|
|
productName: _this
|
|
|
.productName,
|
|
|
+ quoteno: this
|
|
|
+ .quoteno
|
|
|
})
|
|
|
|
|
|
}
|
|
|
@@ -2114,7 +2127,7 @@
|
|
|
|
|
|
},
|
|
|
//投保人同车主
|
|
|
- applicantholderClick(value) {
|
|
|
+ async applicantholderClick(value) {
|
|
|
this.policyHolderholder = value;
|
|
|
if (value == '99') {
|
|
|
for (let key in this.policyHolderInfo) {
|
|
|
@@ -2122,10 +2135,20 @@
|
|
|
this.policyHolderInfo[key] = '';
|
|
|
}
|
|
|
}
|
|
|
+ this.policyHolderfrontImg = "";
|
|
|
+ this.policyHolderbackImg = "";
|
|
|
+ } else {
|
|
|
+ await this.setPersonInfoAndImageType('ownerInfo',
|
|
|
+ 'policyHolderInfo',
|
|
|
+ "C03");
|
|
|
+ this.policyHolderInfo.owner = true;
|
|
|
+ this.policyHolderInfo = {
|
|
|
+ ...this.policyHolderInfo
|
|
|
+ };
|
|
|
}
|
|
|
},
|
|
|
//被保人同车主/投保人
|
|
|
- InsuredholderClick(value) {
|
|
|
+ async InsuredholderClick(value) {
|
|
|
this.Insuredholder = value;
|
|
|
if (value == '99') {
|
|
|
for (let key in this.insuredPersonInfo) {
|
|
|
@@ -2133,6 +2156,23 @@
|
|
|
this.insuredPersonInfo[key] = '';
|
|
|
}
|
|
|
}
|
|
|
+ this.InsuredfrontImg = "";
|
|
|
+ this.InsuredbackImg = "";
|
|
|
+ } else if (value == '1') {
|
|
|
+ await this.setPersonInfoAndImageType('ownerInfo',
|
|
|
+ 'insuredPersonInfo',
|
|
|
+ "C04");
|
|
|
+ this.insuredPersonInfo.owner = true;
|
|
|
+ this.insuredPersonInfo = {
|
|
|
+ ...this.insuredPersonInfo
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ await this.setPersonInfoAndImageType('policyHolderInfo',
|
|
|
+ 'insuredPersonInfo', "C04");
|
|
|
+ this.insuredPersonInfo.insuranceHolder = true;
|
|
|
+ this.insuredPersonInfo = {
|
|
|
+ ...this.insuredPersonInfo
|
|
|
+ };
|
|
|
}
|
|
|
},
|
|
|
//头部颜色变化js
|
