|
@@ -9,20 +9,20 @@
|
|
|
<view v-show="carInfoShow" class="Information" style="margin-top: -84px;">
|
|
|
<text class="title">车辆信息</text>
|
|
|
<view class="collapse">
|
|
|
- <view class="top-ocr dis j-c a-c" v-show="!carimg">
|
|
|
+ <view class="top-ocr dis j-c a-c" v-show="!carfrontImg">
|
|
|
<image src="../../static/image/car-insure/Frame.png" mode="">
|
|
|
</image>
|
|
|
<text @tap="ocrIdentify('carInfo')" style="margin-left: 5px;">点击上传/拍摄行驶证 自动填写信息</text>
|
|
|
</view>
|
|
|
- <view v-show="!carExpand && !carimg" class="btn-collapse dis a-c j-c" @click="expand('carExpand')">
|
|
|
+ <view v-show="!carExpand && !carfrontImg" class="btn-collapse dis a-c j-c" @click="expand('carExpand')">
|
|
|
<text>展开手动输入车辆信息</text>
|
|
|
<u-icon name="arrow-down" size="30" color="rgb(60 60 60 / 60%)" style="margin-left: 5px;"></u-icon>
|
|
|
</view>
|
|
|
<view v-show="carExpand" class="">
|
|
|
- <view v-if=" carimg" class="movable-view dis f-c a-c">
|
|
|
+ <view v-if=" carfrontImg" class="movable-view dis f-c a-c">
|
|
|
<movable-area>
|
|
|
<movable-view direction="all" out-of-bounds :scale="true">
|
|
|
- <image :src="carimg" mode=""
|
|
|
+ <image :src="carfrontImg" mode=""
|
|
|
:style="{width:'100%',height:'100%',transform:`rotate(-${cardeg}deg)`}">
|
|
|
</image>
|
|
|
</movable-view>
|
|
@@ -88,13 +88,13 @@
|
|
|
<u-picker v-model="issueDateShow" mode="time" :params="params"
|
|
|
@confirm="e=> Dateconfirm(e,'carInfo','issueDate')"></u-picker>
|
|
|
</uni-forms-item>
|
|
|
- <uni-forms-item v-if="carInfo.transferFlag" required label="转移登记日期" name="transferDate">
|
|
|
+ <!-- <uni-forms-item v-if="carInfo.transferFlag" required label="转移登记日期" name="transferDate">
|
|
|
<u-input type="select" :custom-style="{textAlign:'right'}" :select-open="transferDateShow"
|
|
|
v-model="carInfo.transferDate" placeholder="请选择过户日期" @click="transferDateShow = true"
|
|
|
placeholder-style="color:#808080"></u-input>
|
|
|
<u-picker v-model="transferDateShow" mode="time" :params="params" :end-year="endYear"
|
|
|
:end-month="endMonth" @confirm="e=> Dateconfirm(e,'carInfo','transferDate')"></u-picker>
|
|
|
- </uni-forms-item>
|
|
|
+ </uni-forms-item> -->
|
|
|
<uni-forms-item label="整备质量: " required name="completeKerbMass">
|
|
|
<input class="uni-input-input textColor" placeholder="请输入整备质量"
|
|
|
v-model="carInfo.completeKerbMass" placeholder-style="font-size:28upx" />
|
|
@@ -168,12 +168,12 @@
|
|
|
@blur="binddata('purchasePrice', $event.detail.value,'carForm')"
|
|
|
@input="upperCaseType('purchasePrice')" />
|
|
|
</uni-forms-item>
|
|
|
- <uni-forms-item label="是否过户: ">
|
|
|
+ <!-- <uni-forms-item label="是否过户: ">
|
|
|
<view class="d-flex j-end a-c" style="height:100%">
|
|
|
<u-switch v-model="carInfo.transferFlag" active-color="#0052FF " size="30"
|
|
|
@change="transferFlagchange"></u-switch>
|
|
|
</view>
|
|
|
- </uni-forms-item>
|
|
|
+ </uni-forms-item> -->
|
|
|
</uni-forms>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -181,21 +181,21 @@
|
|
|
<view class="Information">
|
|
|
<text class="title">车主信息</text>
|
|
|
<view class="collapse">
|
|
|
- <view class="top-ocr dis j-c a-c" v-show="!ownerimg">
|
|
|
+ <view class="top-ocr dis j-c a-c" v-show="!ownerfrontImg">
|
|
|
<image src="../../static/image/car-insure/Frame1.png" mode="">
|
|
|
</image>
|
|
|
<text @tap="ocrIdentify('ownerInfo')" style="margin-left: 5px;">点击上传/拍摄身份证 自动填写信息</text>
|
|
|
</view>
|
|
|
- <view v-show="!ownersExpand && !ownerimg" class="btn-collapse dis a-c j-c"
|
|
|
+ <view v-show="!ownersExpand && !ownerfrontImg" class="btn-collapse dis a-c j-c"
|
|
|
@click="expand('ownersExpand')">
|
|
|
<text>展开手动输入车主信息</text>
|
|
|
<u-icon name="arrow-down" size="30" color="rgb(60 60 60 / 60%)" style="margin-left: 5px;"></u-icon>
|
|
|
</view>
|
|
|
<view v-show="ownersExpand">
|
|
|
- <view v-show=" ownerimg" class="movable-view dis f-c a-c">
|
|
|
+ <view v-show=" ownerfrontImg" class="movable-view dis f-c a-c">
|
|
|
<movable-area>
|
|
|
<movable-view direction="all" out-of-bounds :scale="true">
|
|
|
- <image :src="ownerimg" mode=""
|
|
|
+ <image :src="ownerfrontImg" mode=""
|
|
|
:style="{width:'100%',height:'100%',transform:`rotate(-${user1deg}deg)`}">
|
|
|
</image>
|
|
|
</movable-view>
|
|
@@ -237,11 +237,8 @@
|
|
|
v-model="ownerInfo.age" maxlength="18" placeholder-style="font-size:28upx" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item name="gender" required label="性别:">
|
|
|
- <u-input v-model="ownerInfo.gender" type="select" :select-open="ownergenderShow"
|
|
|
- @click="ownergenderShow = true" :custom-style="{textAlign:'right'}"
|
|
|
- placeholder-style="color:#808080" placeholder="请选择性别" />
|
|
|
- <u-select mode="single-column" :list="genderList" v-model="ownergenderShow"
|
|
|
- @confirm="e=>genderConfirm(e,'ownerInfo')"></u-select>
|
|
|
+ <input class="uni-input-input textColor" disabled placeholder="请输入性别"
|
|
|
+ v-model="ownerInfo.gender" maxlength="1" placeholder-style="font-size:28upx" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item required name="mobile" label="手机号: ">
|
|
|
<input class="uni-input-input textColor" placeholder="请输入手机号" v-model="ownerInfo.mobile"
|
|
@@ -262,12 +259,19 @@
|
|
|
<u-picker v-model="ownerDateShow" mode="time" :params="params"
|
|
|
@confirm="e=> Dateconfirm(e,'ownerInfo','identifyValidDate')"></u-picker>
|
|
|
</uni-forms-item>
|
|
|
- <uni-forms-item required label="有效期止期" name="identifyValidEndDate">
|
|
|
- <u-input v-model="ownerInfo.identifyValidEndDate" :custom-style="{textAlign:'right'}"
|
|
|
- type="select" placeholder="请输入有效期止期" :select-open="ownerEndDateShow"
|
|
|
- placeholder-style="color:#808080" @click="ownerEndDateShow=true"></u-input>
|
|
|
- <u-select mode="single-column" :list="endDateList" v-model="ownerEndDateShow"
|
|
|
- @confirm="e=>endDateConfirm(e,'ownerInfo','identifyValidDate','identifyValidEndDate')"></u-select>
|
|
|
+ <uni-forms-item required label="有效期止期" name="identifyValidEndDate" style="padding-right: 18px;">
|
|
|
+ <input class="uni-input-input textColor" disabled placeholder="有效期止期"
|
|
|
+ v-model="ownerInfo.identifyValidEndDate" placeholder-style="font-size:28upx" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item label="止期年限" style="padding: 10px 0 5px;">
|
|
|
+ <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>
|
|
|
</uni-forms-item>
|
|
|
</uni-forms>
|
|
|
</view>
|
|
@@ -286,22 +290,22 @@
|
|
|
<uni-forms :rules="policyHolderRules" :value="policyHolderInfo" ref="policyHolderForm"
|
|
|
validate-trigger="bind" err-show-type="toast" label-width="80">
|
|
|
<view v-show="policyHolderholder=='99'" class="collapse">
|
|
|
- <view class="top-ocr dis j-c a-c" v-show="!policyHolderimg">
|
|
|
+ <view class="top-ocr dis j-c a-c" v-show="!policyHolderfrontImg">
|
|
|
<image src="../../static/image/car-insure/Frame1.png" mode="">
|
|
|
</image>
|
|
|
<text @tap="ocrIdentify('policyHolderInfo')" style="margin-left: 5px;">点击上传/拍摄身份证 自动填写信息</text>
|
|
|
</view>
|
|
|
- <view v-show="!policyHolderExpand && !policyHolderimg" class="btn-collapse dis a-c j-c"
|
|
|
+ <view v-show="!policyHolderExpand && !policyHolderfrontImg" class="btn-collapse dis a-c j-c"
|
|
|
@click="expand('policyHolderExpand')">
|
|
|
<text>展开手动输入投保人信息</text>
|
|
|
<u-icon name="arrow-down" size="30" color="rgb(60 60 60 / 60%)"
|
|
|
style="margin-left: 5px;"></u-icon>
|
|
|
</view>
|
|
|
<view v-show="policyHolderExpand">
|
|
|
- <view v-show=" policyHolderimg" class="movable-view dis f-c a-c">
|
|
|
+ <view v-show=" policyHolderfrontImg" class="movable-view dis f-c a-c">
|
|
|
<movable-area>
|
|
|
<movable-view direction="all" out-of-bounds :scale="true">
|
|
|
- <image :src="policyHolderimg" mode=""
|
|
|
+ <image :src="policyHolderfrontImg" mode=""
|
|
|
:style="{width:'100%',height:'100%',transform:`rotate(-${user2deg}deg)`}">
|
|
|
</image>
|
|
|
</movable-view>
|
|
@@ -342,12 +346,7 @@
|
|
|
v-model="policyHolderInfo.age" maxlength="18" placeholder-style="font-size:28upx" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item name="gender" required label="性别:">
|
|
|
- <u-input v-model="policyHolderInfo.gender" type="select"
|
|
|
- :select-open="applicantgenderShow" @click="applicantgenderShow = true"
|
|
|
- :custom-style="{textAlign:'right'}" placeholder-style="color:#808080"
|
|
|
- placeholder="请选择性别" />
|
|
|
- <u-select mode="single-column" :list="genderList" v-model="applicantgenderShow"
|
|
|
- @confirm="e=>genderConfirm(e,'policyHolderInfo')"></u-select>
|
|
|
+
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item required name="mobile" label="手机号: ">
|
|
|
<input class="uni-input-input textColor" placeholder="请输入手机号"
|
|
@@ -371,13 +370,21 @@
|
|
|
<u-picker v-model="applicantDateShow" mode="time" :params="params"
|
|
|
@confirm="e=> Dateconfirm(e,'policyHolderInfo','identifyValidDate')"></u-picker>
|
|
|
</uni-forms-item>
|
|
|
- <uni-forms-item required label="有效期止期" name="identifyValidEndDate">
|
|
|
- <u-input v-model="policyHolderInfo.identifyValidEndDate"
|
|
|
- :custom-style="{textAlign:'right'}" type="select" placeholder="请输入有效期止期"
|
|
|
- :select-open="applicantEndDateShow" placeholder-style="color:#808080"
|
|
|
- @click="applicantEndDateShow=true"></u-input>
|
|
|
- <u-select mode="single-column" :list="endDateList" v-model="applicantEndDateShow"
|
|
|
- @confirm="e=>endDateConfirm(e,'policyHolderInfo','identifyValidDate','identifyValidEndDate')"></u-select>
|
|
|
+ <uni-forms-item required label="有效期止期" name="identifyValidEndDate"
|
|
|
+ style="padding-right: 18px;">
|
|
|
+ <input class="uni-input-input textColor" disabled placeholder="有效期止期"
|
|
|
+ v-model="policyHolderInfo.identifyValidEndDate"
|
|
|
+ placeholder-style="font-size:28upx" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item label="止期年限" style="padding: 10px 0 5px;">
|
|
|
+ <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>
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -397,22 +404,22 @@
|
|
|
<uni-forms :rules="InsuredRules" :value="insuredPersonInfo" ref="InsuredForm" validate-trigger="bind"
|
|
|
err-show-type="toast" label-width="80">
|
|
|
<view v-show="Insuredholder=='99'" class="collapse">
|
|
|
- <view class="top-ocr dis j-c a-c" v-show="!Insuredimg">
|
|
|
+ <view class="top-ocr dis j-c a-c" v-show="!InsuredfrontImg">
|
|
|
<image src="../../static/image/car-insure/Frame1.png" mode="">
|
|
|
</image>
|
|
|
<text @tap="ocrIdentify('insuredPersonInfo')" style="margin-left: 5px;">点击上传/拍摄身份证 自动填写信息</text>
|
|
|
</view>
|
|
|
- <view v-show="!InsuredExpand && !Insuredimg" class="btn-collapse dis a-c j-c"
|
|
|
+ <view v-show="!InsuredExpand && !InsuredfrontImg" class="btn-collapse dis a-c j-c"
|
|
|
@click="expand('InsuredExpand')">
|
|
|
<text>展开手动输入被保人信息</text>
|
|
|
<u-icon name="arrow-down" size="30" color="rgb(60 60 60 / 60%)"
|
|
|
style="margin-left: 5px;"></u-icon>
|
|
|
</view>
|
|
|
<view v-show='InsuredExpand'>
|
|
|
- <view v-show=" Insuredimg" class="movable-view dis f-c a-c">
|
|
|
+ <view v-show=" InsuredfrontImg" class="movable-view dis f-c a-c">
|
|
|
<movable-area>
|
|
|
<movable-view direction="all" out-of-bounds :scale="true">
|
|
|
- <image :src="Insuredimg" mode=""
|
|
|
+ <image :src="InsuredfrontImg" mode=""
|
|
|
:style="{width:'100%',height:'100%',transform:`rotate(-${user3deg}deg)`}">
|
|
|
</image>
|
|
|
</movable-view>
|
|
@@ -455,12 +462,7 @@
|
|
|
placeholder-style="font-size:28upx" />
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item name="gender" required label="性别:">
|
|
|
- <u-input v-model="insuredPersonInfo.gender" type="select"
|
|
|
- :select-open="InsuredgenderShow" @click="InsuredgenderShow = true"
|
|
|
- :custom-style="{textAlign:'right'}" placeholder-style="color:#808080"
|
|
|
- placeholder="请选择性别" />
|
|
|
- <u-select mode="single-column" :list="genderList" v-model="InsuredgenderShow"
|
|
|
- @confirm="e=>genderConfirm(e,'insuredPersonInfo')"></u-select>
|
|
|
+
|
|
|
</uni-forms-item>
|
|
|
<uni-forms-item required name="mobile" label="手机号: ">
|
|
|
<input class="uni-input-input textColor" placeholder="请输入手机号"
|
|
@@ -484,13 +486,22 @@
|
|
|
<u-picker v-model="InsuredDateShow" mode="time" :params="params"
|
|
|
@confirm="e=> Dateconfirm(e,'insuredPersonInfo','identifyValidDate')"></u-picker>
|
|
|
</uni-forms-item>
|
|
|
- <uni-forms-item required label="有效期止期" name="identifyValidEndDate">
|
|
|
- <u-input v-model="insuredPersonInfo.identifyValidEndDate"
|
|
|
- :custom-style="{textAlign:'right'}" type="select" placeholder="请输入有效期止期"
|
|
|
- :select-open="InsuredEndDateShow" placeholder-style="color:#808080"
|
|
|
- @click="InsuredEndDateShow=true"></u-input>
|
|
|
- <u-select mode="single-column" :list="endDateList" v-model="InsuredEndDateShow"
|
|
|
- @confirm="e=>endDateConfirm(e,'insuredPersonInfo','identifyValidDate','identifyValidEndDate')"></u-select>
|
|
|
+ <uni-forms-item required label="有效期止期" name="identifyValidEndDate"
|
|
|
+ style="padding-right: 18px;">
|
|
|
+ <input class="uni-input-input textColor" disabled placeholder="有效期止期"
|
|
|
+ v-model="insuredPersonInfo.identifyValidEndDate"
|
|
|
+ placeholder-style="font-size:28upx" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item label="止期年限" style="padding: 10px 0 5px;">
|
|
|
+ <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>
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -511,7 +522,8 @@
|
|
|
<script>
|
|
|
import OCRComponent from '@/components/modules/carInsure/OCRComponent/OCRComponent.vue'; //引用图片信息检查插件
|
|
|
import {
|
|
|
- getAgeByIdCard
|
|
|
+ getAgeByIdCard,
|
|
|
+ getGenderFromIdCard
|
|
|
} from '@/plugins/utils';
|
|
|
var dateTime = new Date();
|
|
|
let Year = dateTime.getFullYear();
|
|
@@ -610,10 +622,14 @@
|
|
|
policyHolderInfoPositiveList: [], //投保人
|
|
|
insuredPersonInfoPositiveList: [], //被保人
|
|
|
//影像信息
|
|
|
- carimg: "", //显示图片
|
|
|
- ownerimg: "", //显示图片
|
|
|
- policyHolderimg: "", //显示图片
|
|
|
- Insuredimg: "", //显示图片
|
|
|
+ carfrontImg: "", //显示图片
|
|
|
+ carbackImg: "", //显示图片
|
|
|
+ ownerfrontImg: "", //显示图片
|
|
|
+ ownerbackImg: "", //显示图片
|
|
|
+ policyHolderfrontImg: "", //显示图片
|
|
|
+ policyHolderbackImg: "", //显示图片
|
|
|
+ InsuredfrontImg: "", //显示图片
|
|
|
+ InsuredbackImg: "", //显示图片
|
|
|
OCRShow: false,
|
|
|
tabsCurrent: 0,
|
|
|
checkType: "carInfo", //组件类型
|
|
@@ -918,18 +934,13 @@
|
|
|
|
|
|
endYear: Year,
|
|
|
endMonth: Month,
|
|
|
- ownergenderShow: false, //性别选择
|
|
|
- applicantgenderShow: false, //性别选择
|
|
|
- InsuredgenderShow: false, //性别选择
|
|
|
+
|
|
|
registerDateShow: false, //注册日期
|
|
|
issueDateShow: false, //发证日期
|
|
|
transferDateShow: false, //转移登记日期
|
|
|
ownerDateShow: false, //
|
|
|
- ownerEndDateShow: false, //止期选择
|
|
|
applicantDateShow: false, //
|
|
|
- applicantEndDateShow: false, //止期选择
|
|
|
InsuredDateShow: false, //
|
|
|
- InsuredEndDateShow: false, //止期选择
|
|
|
identifyType: "身份证",
|
|
|
carExpand: false,
|
|
|
ownersExpand: false,
|
|
@@ -943,6 +954,9 @@
|
|
|
prevScrollTop: 0,
|
|
|
policyHolderholder: "1",
|
|
|
Insuredholder: "2",
|
|
|
+ ownerValidEndDateholder: null,
|
|
|
+ policyValidEndDateholder: null,
|
|
|
+ insuredValidEndDateholder: null,
|
|
|
holderstatusList: [{
|
|
|
label: '同车主',
|
|
|
value: "1",
|
|
@@ -980,16 +994,7 @@
|
|
|
value: "长期"
|
|
|
},
|
|
|
],
|
|
|
- genderList: [{
|
|
|
- label: '男',
|
|
|
- value: "男"
|
|
|
- },
|
|
|
- {
|
|
|
- label: '女',
|
|
|
- value: "女"
|
|
|
- },
|
|
|
|
|
|
- ],
|
|
|
|
|
|
cardeg: 0, //旋转角度
|
|
|
user1deg: 0, //旋转角度
|
|
@@ -1034,13 +1039,52 @@
|
|
|
}
|
|
|
},
|
|
|
deep: true
|
|
|
- }
|
|
|
+ },
|
|
|
+ // "carInfo.energyType": {
|
|
|
+ // handler(val) {
|
|
|
+ // if (val) {
|
|
|
+ // this.carInfo1.energyType = this.dictionaryMatching(this.energyTypeoptions,
|
|
|
+ // this
|
|
|
+ // .carInfo
|
|
|
+ // .energyType);
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // deep: true
|
|
|
+ // },
|
|
|
+ "carInfo.cartype": {
|
|
|
+ handler(val) {
|
|
|
+ if (val) {
|
|
|
+ this.carInfo1.cartype = this.dictionaryMatching(this.trafficManagementVehicleTypeoptions,
|
|
|
+ this
|
|
|
+ .carInfo
|
|
|
+ .cartype);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ },
|
|
|
+ "carInfo.vehicleUse": {
|
|
|
+ handler(val) {
|
|
|
+ if (val) {
|
|
|
+ this.carInfo1.vehicleUse = this.carInfo.carnature == '02' ? this.dictionaryMatching(this
|
|
|
+ .outOfBusinessVehicleUseoptions,
|
|
|
+ this
|
|
|
+ .carInfo
|
|
|
+ .vehicleUse) : "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ },
|
|
|
},
|
|
|
onShow() {
|
|
|
|
|
|
},
|
|
|
onLoad(params) {
|
|
|
-
|
|
|
+ this.getDicType("businessVehicleUse"); //车辆用途(营业)
|
|
|
+ this.getDicType("outOfBusinessVehicleUse"); //车辆用途(非营业)
|
|
|
+ this.getDicType("natureOfVehicleUse"); //车辆性质
|
|
|
+ this.getDicType("vehicleType"); //车辆种类
|
|
|
+ this.getDicType("trafficManagementVehicleType"); //车辆类型
|
|
|
+ this.getDicType("energyType"); //能源种类
|
|
|
let pages = getCurrentPages(); // 当前页面路由
|
|
|
if (pages.length > 1) {
|
|
|
let beforePage = pages[pages.length - 2].route; // 上一个页面路由
|
|
@@ -1060,12 +1104,22 @@
|
|
|
case 'pages/carInsure2/entry':
|
|
|
this.carInfoShow = false;
|
|
|
this.carInfo = info.carInfo; //车辆信息
|
|
|
+ if (this.carInfo.cimodelclass == 'A0') {
|
|
|
+ this.carInfo1.cimodelclass = "客车"
|
|
|
+ } else {
|
|
|
+ this.carInfo1.cimodelclass = "货车"
|
|
|
+ }
|
|
|
this.ownerInfo.name = info.carInfo.carOwner; //车主
|
|
|
this.carInfoPositiveList = info.carInfoPositiveList; //车辆
|
|
|
break;
|
|
|
case 'pages/carInsure2/quote':
|
|
|
case 'pages/carInsure2/quoteDetail':
|
|
|
this.carInfo = info.carInfo; //车辆信息
|
|
|
+ if (this.carInfo.cimodelclass == 'A0') {
|
|
|
+ this.carInfo1.cimodelclass = "客车"
|
|
|
+ } else {
|
|
|
+ this.carInfo1.cimodelclass = "货车"
|
|
|
+ }
|
|
|
this.ownerInfo = info.ownerInfo; //车主信息
|
|
|
this.policyHolderInfo = info.policyHolderInfo; //投保人信息
|
|
|
this.insuredPersonInfo = info.insuredPersonInfo; //被保人信息
|
|
@@ -1091,12 +1145,7 @@
|
|
|
|
|
|
})
|
|
|
}
|
|
|
- this.getDicType("businessVehicleUse"); //车辆用途(营业)
|
|
|
- this.getDicType("outOfBusinessVehicleUse"); //车辆用途(非营业)
|
|
|
- this.getDicType("natureOfVehicleUse"); //车辆性质
|
|
|
- this.getDicType("vehicleType"); //车辆种类
|
|
|
- this.getDicType("trafficManagementVehicleType"); //车辆类型
|
|
|
- this.getDicType("energyType"); //能源种类
|
|
|
+
|
|
|
},
|
|
|
onPageScroll(e) {
|
|
|
this.handleScroll(e);
|
|
@@ -1183,33 +1232,43 @@
|
|
|
this.x = e.detail.x;
|
|
|
this.y = e.detail.y;
|
|
|
},
|
|
|
+ //字典name匹配
|
|
|
+ dictionaryMatching(list, value) {
|
|
|
+ let obj = list.find(val => val.dictValue == value);
|
|
|
+ return obj.dictTag;
|
|
|
+ },
|
|
|
//OC识别返回信息
|
|
|
carCallback(obj) {
|
|
|
- this.carimg = obj.img;
|
|
|
+ this.carfrontImg = obj.frontImg;
|
|
|
+ this.carbackImg = obj.backImg;
|
|
|
this.carInfoPositiveList = obj.ImgList;
|
|
|
Object.assign(this.carInfo, obj.Info);
|
|
|
+ this.carInfo1.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
|
|
|
+ this
|
|
|
+ .carInfo
|
|
|
+ .cimodelclass)
|
|
|
this.OCRShow = false;
|
|
|
this.carExpand = true;
|
|
|
},
|
|
|
ownerInfoCallback(obj) {
|
|
|
- console.log(obj);
|
|
|
- this.ownerimg = obj.img;
|
|
|
+ this.ownerfrontImg = obj.frontImg;
|
|
|
+ this.ownerbackImg = obj.backImg;
|
|
|
this.ownerInfoPositiveList = obj.ImgList;
|
|
|
Object.assign(this.ownerInfo, obj.Info);
|
|
|
this.OCRShow = false;
|
|
|
this.ownersExpand = true;
|
|
|
},
|
|
|
applicantInfoCallback(obj) {
|
|
|
- console.log(obj);
|
|
|
- this.policyHolderimg = obj.img;
|
|
|
+ this.policyHolderfrontImg = obj.frontImg;
|
|
|
+ this.policyHolderbackImg = obj.backImg;
|
|
|
this.policyHolderInfoPositiveList = obj.ImgList;
|
|
|
Object.assign(this.policyHolderInfo, obj.Info);
|
|
|
this.OCRShow = false;
|
|
|
this.policyHolderExpand = true;
|
|
|
},
|
|
|
InsuredInfoCallback(obj) {
|
|
|
- console.log(obj);
|
|
|
- this.Insuredimg = obj.img;
|
|
|
+ this.InsuredfrontImg = obj.frontImg;
|
|
|
+ this.InsuredbackImg = obj.backImg;
|
|
|
this.insuredPersonInfoPositiveList = obj.ImgList;
|
|
|
Object.assign(this.insuredPersonInfo, obj.Info);
|
|
|
this.OCRShow = false;
|
|
@@ -1233,11 +1292,11 @@
|
|
|
}
|
|
|
},
|
|
|
binddata(name, value, type) {
|
|
|
- if (name == 'identifyNumber') {
|
|
|
+ if (name == 'identifyNumber' && value) {
|
|
|
this[type].age = getAgeByIdCard(value)
|
|
|
+ this[type].gender = getGenderFromIdCard(value)
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
//转变大写(车型/车架号/发动机号)
|
|
|
upperCaseType(type) {
|
|
|
this.carInfo[type] = this.carInfo[type].toUpperCase();
|
|
@@ -1245,28 +1304,10 @@
|
|
|
this.carInfo.vinNo = this.carInfo.frameNo.trim();
|
|
|
}
|
|
|
},
|
|
|
- //身份证止期(10/20/长期)处理
|
|
|
- endDateConfirm(e, obj, param1, param2) {
|
|
|
- switch (e[0].label) {
|
|
|
- case '10年':
|
|
|
- this[obj][param2] = this.endDateInt(this[obj][param1], 10)
|
|
|
- break;
|
|
|
- case '20年':
|
|
|
- this[obj][param2] = this.endDateInt(this[obj][param1], 20)
|
|
|
- break;
|
|
|
- case '长期':
|
|
|
- this[obj][param2] = "9999-12-31"
|
|
|
- break;
|
|
|
- default:
|
|
|
- }
|
|
|
- },
|
|
|
Dateconfirm(e, obj, param) {
|
|
|
this[obj][param] = e.year + '-' + e.month + '-' + e.day;
|
|
|
},
|
|
|
- //性别匹配
|
|
|
- genderConfirm(val, name) {
|
|
|
- this[name].gender = val[0].label;
|
|
|
- },
|
|
|
+
|
|
|
//(同车主/同投保人)数据处理
|
|
|
setPersonInfoAndImageType(sourceInfo, targetInfo, imageType) {
|
|
|
let obj = Object.assign({}, this[sourceInfo]);
|
|
@@ -1340,6 +1381,24 @@
|
|
|
},
|
|
|
expand(int) {
|
|
|
this[int] = true;
|
|
|
+ },
|
|
|
+ //人员止期
|
|
|
+ ValidEndDateClick(value, identify, info) {
|
|
|
+ this[identify] = value;
|
|
|
+ switch (value) {
|
|
|
+ case '10年':
|
|
|
+ this[info].identifyValidEndDate = this.endDateInt(this[info].identifyValidDate, 10)
|
|
|
+ break;
|
|
|
+ case '20年':
|
|
|
+ this[info].identifyValidEndDate = this.endDateInt(this[info].identifyValidDate, 20)
|
|
|
+ break;
|
|
|
+ case '长期':
|
|
|
+ this[info].identifyValidEndDate = '9999-12-31'
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
//投保人同车主
|
|
|
applicantholderClick(value) {
|
|
@@ -1512,15 +1571,27 @@
|
|
|
.movable-view {
|
|
|
.operate-img {
|
|
|
width: 90%;
|
|
|
- height: 38px;
|
|
|
+ height: auto;
|
|
|
background-color: #F9F9F9;
|
|
|
border-radius: 8px;
|
|
|
padding: 10px 25px;
|
|
|
margin-top: 10px;
|
|
|
|
|
|
+ >view:nth-child(2) {
|
|
|
+ background-color: rgba(0, 82, 255, 0.06);
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ border: 1px solid #0052FF;
|
|
|
+ color: #0052FF;
|
|
|
+ padding: 3px 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ >view {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
image {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
}
|