|
@@ -88,12 +88,12 @@
|
|
|
<text>{{carSwitching?'手动输入':'拍照识别'}}</text>
|
|
<text>{{carSwitching?'手动输入':'拍照识别'}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="carSwitching" class="ocr mt-2">
|
|
|
|
|
- <image v-show="!carfrontImg" @tap="ocrIdentify" src="/static/image/car-insure/carbg.png" mode=""
|
|
|
|
|
- style="width: 100%;height: 198px;">
|
|
|
|
|
- </image>
|
|
|
|
|
- <view v-show="carfrontImg">
|
|
|
|
|
- <view class="movable-view dis f-c a-c">
|
|
|
|
|
|
|
+ <view class="ocr mt-2">
|
|
|
|
|
+ <view class="" v-show="carSwitching">
|
|
|
|
|
+ <image v-show="!carfrontImg" @tap="ocrIdentify" src="/static/image/car-insure/carbg.png" mode=""
|
|
|
|
|
+ style="width: 100%;height: 198px;">
|
|
|
|
|
+ </image>
|
|
|
|
|
+ <view v-if="carfrontImg" class="movable-view dis f-c a-c">
|
|
|
<movable-area>
|
|
<movable-area>
|
|
|
<movable-view direction="all" :out-of-bounds="true" :scale="true" :damping="30"
|
|
<movable-view direction="all" :out-of-bounds="true" :scale="true" :damping="30"
|
|
|
:friction="10">
|
|
:friction="10">
|
|
@@ -120,224 +120,19 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <u-form :model="carInfo" :rules="carRules" ref="carForm" :errorType="errorType"
|
|
|
|
|
- label-width="200" style="padding: 0 15px;">
|
|
|
|
|
- <u-form-item label-width="120" label="车牌号:">
|
|
|
|
|
- <u-input placeholder="输入车牌号" v-model="carInfo.licenseNo" type="text"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('licenseNo')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="品牌型号:" prop="modelcname">
|
|
|
|
|
- <u-input placeholder="请输入品牌型号" v-model="carInfo.modelcname" type="text"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('modelcname')"></u-input>
|
|
|
|
|
- <view class="search ml-1" @tap="toChooseVehicleType(carInfo.modelcname)">查询</view>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆识别码:" prop="frameNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入车辆识别码" v-model="carInfo.frameNo"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('frameNo')"></u-input>
|
|
|
|
|
- <view class="search ml-1" @tap="toChooseVin(carInfo.frameNo)">查询</view>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="发动机号:" prop="engineNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入发动机号" v-model="carInfo.engineNo"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('engineNo')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="注册日期:" prop="registerDate">
|
|
|
|
|
- <u-input type="select" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- :select-open="registerDateShow" v-model="carInfo.registerDate" placeholder="请选择注册日期"
|
|
|
|
|
- @click="registerDateShow = true" placeholder-style="color:#808080"></u-input>
|
|
|
|
|
- <u-picker v-model="registerDateShow" mode="time" :params="params" :end-year="endYear"
|
|
|
|
|
- :end-month="endMonth"
|
|
|
|
|
- @confirm="e=> Dateconfirm(e,'carInfo','registerDate')"></u-picker>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="发证日期:" prop="issueDate">
|
|
|
|
|
- <u-input type="select" :custom-style="{textAlign:'right'}" :select-open="issueDateShow"
|
|
|
|
|
- v-model="carInfo.issueDate" placeholder="请选择发证日期" @click="issueDateShow = true"
|
|
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
|
|
- <u-picker v-model="issueDateShow" mode="time" :params="params"
|
|
|
|
|
- @confirm="e=> Dateconfirm(e,'carInfo','issueDate')"></u-picker>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="整备质量:" prop="completeKerbMass">
|
|
|
|
|
- <u-input type="text" placeholder="请输入整备质量" v-model="carInfo.completeKerbMass"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="核定载质量:" prop="frameNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入核定载质量" v-model="carInfo.limitLoad"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="使用性质:" prop="carnature">
|
|
|
|
|
- <u-input v-model="carInfo1.carnature" type="select" :select-open="carnatureShow"
|
|
|
|
|
- @click="carnatureShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择使用性质" />
|
|
|
|
|
- <u-select mode="single-column" :list="natureOfVehicleUseoptions" v-model="carnatureShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'carnature')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="能源种类: " prop="energyType">
|
|
|
|
|
- <u-input v-model="carInfo1.energyType" type="select" :select-open="energyTypeShow"
|
|
|
|
|
- @click="energyTypeShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择能源种类" />
|
|
|
|
|
- <u-select mode="single-column" :list="energyTypeoptions" v-model="energyTypeShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'energyType')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆用途: " prop="vehicleUse">
|
|
|
|
|
- <u-input v-model="carInfo1.vehicleUse" type="select" :select-open="vehicleUseShow"
|
|
|
|
|
- @click="vehicleUseShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆用途" />
|
|
|
|
|
- <u-select v-if="carInfo.carnature=='01'" mode="single-column"
|
|
|
|
|
- :list="businessVehicleUseoptions" v-model="vehicleUseShow" label-name="dictTag"
|
|
|
|
|
- value-name="dictValue" @confirm="dictionaryConfirm($event,'vehicleUse')"></u-select>
|
|
|
|
|
- <u-select v-else mode="single-column" :list="outOfBusinessVehicleUseoptions"
|
|
|
|
|
- v-model="vehicleUseShow" label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'vehicleUse')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆类型: " prop="cartype">
|
|
|
|
|
- <u-input v-model="carInfo1.cartype" type="select" :select-open="cartypeShow"
|
|
|
|
|
- @click="cartypeShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆类型" />
|
|
|
|
|
- <u-select mode="single-column" :searchShow="true"
|
|
|
|
|
- :list="trafficManagementVehicleTypeoptions" v-model="cartypeShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'cartype')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆种类: " prop="cimodelclass">
|
|
|
|
|
- <u-input v-model="carInfo1.cimodelclass" type="select" :select-open="cimodelclassShow"
|
|
|
|
|
- @click="cimodelclassShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆种类" />
|
|
|
|
|
- <u-select mode="single-column" :list="vehicleTypeoptions" v-model="cimodelclassShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'cimodelclass')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="年款:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入年款" v-model="carInfo.caryear"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="座位数:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入座位数" v-model="carInfo.seatCount"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="排量:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入排量" v-model="carInfo.enginedesc"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="功率:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入功率" v-model="carInfo.powerScale"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="新车购置价:" prop="purchasePrice">
|
|
|
|
|
- <u-input type="text" placeholder="请输入新车购置价" v-model="carInfo.purchasePrice"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"
|
|
|
|
|
- @input="upperCaseType('purchasePrice')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- </u-form>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view v-if="!carSwitching" class="content mt-2">
|
|
|
|
|
- <u-form :model="carInfo" :rules="carRules" ref="carForm1" :errorType="errorType" label-width="200"
|
|
|
|
|
- style="padding: 0 15px;">
|
|
|
|
|
- <u-form-item label="车牌号:">
|
|
|
|
|
- <u-input placeholder="输入车牌号" v-model="carInfo.licenseNo" type="text"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('licenseNo')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="品牌型号:" prop="modelcname">
|
|
|
|
|
- <u-input placeholder="请输入品牌型号" v-model="carInfo.modelcname" type="text"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('modelcname')"></u-input>
|
|
|
|
|
- <view class="search ml-1" @tap="toChooseVehicleType(carInfo.modelcname)">查询</view>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆识别码:" prop="frameNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入车辆识别码" v-model="carInfo.frameNo"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('frameNo')"></u-input>
|
|
|
|
|
- <view class="search ml-1" @tap="toChooseVin(carInfo.frameNo)">查询</view>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="发动机号:" prop="engineNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入发动机号" v-model="carInfo.engineNo"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('engineNo')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="注册日期:" prop="registerDate">
|
|
|
|
|
- <u-input type="select" :custom-style="{textAlign:'right'}" :select-open="registerDateShow"
|
|
|
|
|
- v-model="carInfo.registerDate" placeholder="请选择注册日期" @click="registerDateShow = true"
|
|
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
|
|
- <u-picker v-model="registerDateShow" mode="time" :params="params" :end-year="endYear"
|
|
|
|
|
- :end-month="endMonth" @confirm="e=> Dateconfirm(e,'carInfo','registerDate')"></u-picker>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="发证日期:" prop="issueDate">
|
|
|
|
|
- <u-input type="select" :custom-style="{textAlign:'right'}" :select-open="issueDateShow"
|
|
|
|
|
- v-model="carInfo.issueDate" placeholder="请选择发证日期" @click="issueDateShow = true"
|
|
|
|
|
- placeholder-style="color:#808080"></u-input>
|
|
|
|
|
- <u-picker v-model="issueDateShow" mode="time" :params="params"
|
|
|
|
|
- @confirm="e=> Dateconfirm(e,'carInfo','issueDate')"></u-picker>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="整备质量:" prop="completeKerbMass">
|
|
|
|
|
- <u-input type="text" placeholder="请输入整备质量" v-model="carInfo.completeKerbMass"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="核定载质量:" prop="frameNo">
|
|
|
|
|
- <u-input type="text" placeholder="请输入核定载质量" v-model="carInfo.limitLoad"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="使用性质:" prop="carnature">
|
|
|
|
|
- <u-input v-model="carInfo1.carnature" type="select" :select-open="carnatureShow"
|
|
|
|
|
- @click="carnatureShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择使用性质" />
|
|
|
|
|
- <u-select mode="single-column" :list="natureOfVehicleUseoptions" v-model="carnatureShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'carnature')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="能源种类: " prop="energyType">
|
|
|
|
|
- <u-input v-model="carInfo1.energyType" type="select" :select-open="energyTypeShow"
|
|
|
|
|
- @click="energyTypeShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择能源种类" />
|
|
|
|
|
- <u-select mode="single-column" :list="energyTypeoptions" v-model="energyTypeShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'energyType')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆用途: " prop="vehicleUse">
|
|
|
|
|
- <u-input v-model="carInfo1.vehicleUse" type="select" :select-open="vehicleUseShow"
|
|
|
|
|
- @click="vehicleUseShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆用途" />
|
|
|
|
|
- <u-select v-if="carInfo.carnature=='01'" mode="single-column"
|
|
|
|
|
- :list="businessVehicleUseoptions" v-model="vehicleUseShow" label-name="dictTag"
|
|
|
|
|
- value-name="dictValue" @confirm="dictionaryConfirm($event,'vehicleUse')"></u-select>
|
|
|
|
|
- <u-select v-else mode="single-column" :list="outOfBusinessVehicleUseoptions"
|
|
|
|
|
- v-model="vehicleUseShow" label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'vehicleUse')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆类型: " prop="cartype">
|
|
|
|
|
- <u-input v-model="carInfo1.cartype" type="select" :select-open="cartypeShow"
|
|
|
|
|
- @click="cartypeShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆类型" />
|
|
|
|
|
- <u-select mode="single-column" :searchShow="true"
|
|
|
|
|
- :list="trafficManagementVehicleTypeoptions" v-model="cartypeShow" label-name="dictTag"
|
|
|
|
|
- value-name="dictValue" @confirm="dictionaryConfirm($event,'cartype')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="车辆种类: " prop="cimodelclass">
|
|
|
|
|
- <u-input v-model="carInfo1.cimodelclass" type="select" :select-open="cimodelclassShow"
|
|
|
|
|
- @click="cimodelclassShow = true" :custom-style="{textAlign:'right'}"
|
|
|
|
|
- placeholder-style="color:#808080" placeholder="请选择车辆种类" />
|
|
|
|
|
- <u-select mode="single-column" :list="vehicleTypeoptions" v-model="cimodelclassShow"
|
|
|
|
|
- label-name="dictTag" value-name="dictValue"
|
|
|
|
|
- @confirm="dictionaryConfirm($event,'cimodelclass')"></u-select>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="年款:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入年款" v-model="carInfo.caryear"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="座位数:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入座位数" v-model="carInfo.seatCount"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="排量:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入排量" v-model="carInfo.enginedesc"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="功率:">
|
|
|
|
|
- <u-input type="text" placeholder="请输入功率" v-model="carInfo.powerScale"
|
|
|
|
|
- :custom-style="{textAlign:'right'}"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="新车购置价:" prop="purchasePrice">
|
|
|
|
|
- <u-input type="text" placeholder="请输入新车购置价" v-model="carInfo.purchasePrice"
|
|
|
|
|
- :custom-style="{textAlign:'right'}" @input="upperCaseType('purchasePrice')"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- </u-form>
|
|
|
|
|
|
|
+ <view v-show="!carSwitching || carfrontImg">
|
|
|
|
|
+ <CarInfoForm :carInfo="carInfo" ref="carForm" :upperCaseType="upperCaseType"
|
|
|
|
|
+ :toChooseVehicleType="toChooseVehicleType" :toChooseVin="toChooseVin"
|
|
|
|
|
+ :dictionaryConfirm="dictionaryConfirm" :Dateconfirm="Dateconfirm"
|
|
|
|
|
+ :natureOfVehicleUseoptions="natureOfVehicleUseoptions"
|
|
|
|
|
+ :energyTypeoptions="energyTypeoptions"
|
|
|
|
|
+ :trafficManagementVehicleTypeoptions="trafficManagementVehicleTypeoptions"
|
|
|
|
|
+ :vehicleTypeoptions="vehicleTypeoptions"
|
|
|
|
|
+ :businessVehicleUseoptions="businessVehicleUseoptions"
|
|
|
|
|
+ :outOfBusinessVehicleUseoptions="outOfBusinessVehicleUseoptions" :carInfos="carInfo1"
|
|
|
|
|
+ :errorType="errorType" />
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -442,12 +237,14 @@
|
|
|
nextTick
|
|
nextTick
|
|
|
} from 'process';
|
|
} from 'process';
|
|
|
import OCRComponent from '@/components/modules/carInsure/OCRComponent/OCRComponent.vue'; //引用图片信息检查插件
|
|
import OCRComponent from '@/components/modules/carInsure/OCRComponent/OCRComponent.vue'; //引用图片信息检查插件
|
|
|
|
|
+ import CarInfoForm from '@/components/common/commonFormItem/CarInfoForm.vue';
|
|
|
var dateTime = new Date();
|
|
var dateTime = new Date();
|
|
|
let Year = dateTime.getFullYear();
|
|
let Year = dateTime.getFullYear();
|
|
|
let Month = Number(dateTime.getMonth() + 1);
|
|
let Month = Number(dateTime.getMonth() + 1);
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
OCRComponent,
|
|
OCRComponent,
|
|
|
|
|
+ CarInfoForm
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -471,85 +268,6 @@
|
|
|
carTypeVINList: [],
|
|
carTypeVINList: [],
|
|
|
carTypeVINListIndex: {},
|
|
carTypeVINListIndex: {},
|
|
|
carModelLookupModal: false,
|
|
carModelLookupModal: false,
|
|
|
- carRules: {
|
|
|
|
|
- frameNo: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请输入车辆识别码',
|
|
|
|
|
- trigger: ['blur', 'change'],
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- pattern: /^([0-9A-Z]){17}$/,
|
|
|
|
|
- message: '请输入正确的车辆识别码',
|
|
|
|
|
- }
|
|
|
|
|
- ],
|
|
|
|
|
- modelcname: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请输入品牌型号',
|
|
|
|
|
- trigger: ['blur', 'change'],
|
|
|
|
|
- }],
|
|
|
|
|
- engineNo: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请输入发动机号',
|
|
|
|
|
- trigger: ['blur', 'change'],
|
|
|
|
|
- }],
|
|
|
|
|
- purchasePrice: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请输入新车购置价',
|
|
|
|
|
- trigger: ['blur', 'change'],
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- ],
|
|
|
|
|
- completeKerbMass: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请输入整备质量',
|
|
|
|
|
- trigger: ['blur', 'change'],
|
|
|
|
|
- }],
|
|
|
|
|
- carnature: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '使用性质必选',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- }],
|
|
|
|
|
- energyType: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '能源种类必选',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- }],
|
|
|
|
|
- vehicleUse: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '车辆用途必选',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- }],
|
|
|
|
|
- cartype: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '车辆类型必选',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- }],
|
|
|
|
|
- cimodelclass: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '车辆种类必选',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- }],
|
|
|
|
|
- registerDate: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请选择注册日期',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- pattern: /^\d{4}-\d{2}-\d{2}$/,
|
|
|
|
|
- message: '注册日期格式错误',
|
|
|
|
|
- }
|
|
|
|
|
- ],
|
|
|
|
|
- issueDate: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: '请选择发证日期',
|
|
|
|
|
- trigger: 'change',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- pattern: /^\d{4}-\d{2}-\d{2}$/,
|
|
|
|
|
- message: '发证日期日期格式错误',
|
|
|
|
|
- }
|
|
|
|
|
- ],
|
|
|
|
|
- },
|
|
|
|
|
model: {
|
|
model: {
|
|
|
name: '',
|
|
name: '',
|
|
|
sex: '',
|
|
sex: '',
|
|
@@ -735,9 +453,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
- onReady() {
|
|
|
|
|
- this.$refs.carForm.setRules(this.carRules);
|
|
|
|
|
- },
|
|
|
|
|
|
|
+
|
|
|
onShow() {
|
|
onShow() {
|
|
|
let historyInfo = uni.getStorageSync('historyInfo');
|
|
let historyInfo = uni.getStorageSync('historyInfo');
|
|
|
if (historyInfo) {
|
|
if (historyInfo) {
|
|
@@ -752,17 +468,6 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
|
- carSwitching(newVal) {
|
|
|
|
|
- if (newVal) {
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
|
- this.$refs.carForm.setRules(this.carRules);
|
|
|
|
|
- })
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
|
- this.$refs.carForm1.setRules(this.carRules);
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
currentInputIndex(newVal) {
|
|
currentInputIndex(newVal) {
|
|
|
switch (newVal) {
|
|
switch (newVal) {
|
|
|
case 0:
|
|
case 0:
|
|
@@ -943,98 +648,50 @@
|
|
|
duration: 1500
|
|
duration: 1500
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- if (this.carSwitching) {
|
|
|
|
|
- this.$refs['carForm'].validate(valid => {
|
|
|
|
|
- if (valid) {
|
|
|
|
|
- if (this.vehicleType) {
|
|
|
|
|
- this.navigate({
|
|
|
|
|
- url: '/pages/carInsure/Information',
|
|
|
|
|
- success: (res) => {
|
|
|
|
|
- res.eventChannel.emit(
|
|
|
|
|
- "acceptData", {
|
|
|
|
|
- carInfo: this
|
|
|
|
|
- .carInfo,
|
|
|
|
|
- ownerInfo: this
|
|
|
|
|
- .ownerInfo,
|
|
|
|
|
- policyHolderInfo: this
|
|
|
|
|
- .policyHolderInfo,
|
|
|
|
|
- insuredPersonInfo: this
|
|
|
|
|
- .insuredPersonInfo,
|
|
|
|
|
- carInfoPositiveList: this
|
|
|
|
|
- .carInfoPositiveList, //车辆
|
|
|
|
|
- ownerInfoPositiveList: this
|
|
|
|
|
- .ownerInfoPositiveList, //车主
|
|
|
|
|
- policyHolderInfoPositiveList: this
|
|
|
|
|
- .policyHolderInfoPositiveList, //投保人
|
|
|
|
|
- insuredPersonInfoPositiveList: this
|
|
|
|
|
- .insuredPersonInfoPositiveList, //被保人
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- }, "navigateTo", true);
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
|
- title: '检测到未精准校验车型,即将跳转到车型界面选择,请等待。。。',
|
|
|
|
|
- type: 'warning',
|
|
|
|
|
- icon: false,
|
|
|
|
|
- })
|
|
|
|
|
- setTimeout(() => {
|
|
|
|
|
- this.navigate({
|
|
|
|
|
- url: '/pages/carInsure/carType?frameNo=' +
|
|
|
|
|
- encodeURIComponent(this.carInfo
|
|
|
|
|
- .frameNo) +
|
|
|
|
|
- '&vehicleType=true'
|
|
|
|
|
- }, "navigateTo", true);
|
|
|
|
|
- }, 2000)
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$refs['carForm1'].validate(valid => {
|
|
|
|
|
- if (valid) {
|
|
|
|
|
- if (this.vehicleType) {
|
|
|
|
|
|
|
+ this.$refs.carForm.validate(valid => {
|
|
|
|
|
+ if (valid) {
|
|
|
|
|
+ if (this.vehicleType) {
|
|
|
|
|
+ this.navigate({
|
|
|
|
|
+ url: '/pages/carInsure/Information',
|
|
|
|
|
+ success: (res) => {
|
|
|
|
|
+ res.eventChannel.emit(
|
|
|
|
|
+ "acceptData", {
|
|
|
|
|
+ carInfo: this
|
|
|
|
|
+ .carInfo,
|
|
|
|
|
+ ownerInfo: this
|
|
|
|
|
+ .ownerInfo,
|
|
|
|
|
+ policyHolderInfo: this
|
|
|
|
|
+ .policyHolderInfo,
|
|
|
|
|
+ insuredPersonInfo: this
|
|
|
|
|
+ .insuredPersonInfo,
|
|
|
|
|
+ carInfoPositiveList: this
|
|
|
|
|
+ .carInfoPositiveList, //车辆
|
|
|
|
|
+ ownerInfoPositiveList: this
|
|
|
|
|
+ .ownerInfoPositiveList, //车主
|
|
|
|
|
+ policyHolderInfoPositiveList: this
|
|
|
|
|
+ .policyHolderInfoPositiveList, //投保人
|
|
|
|
|
+ insuredPersonInfoPositiveList: this
|
|
|
|
|
+ .insuredPersonInfoPositiveList, //被保人
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }, "navigateTo", true);
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
|
+ title: '检测到未精准校验车型,即将跳转到车型界面选择,请等待。。。',
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ icon: false,
|
|
|
|
|
+ })
|
|
|
|
|
+ setTimeout(() => {
|
|
|
this.navigate({
|
|
this.navigate({
|
|
|
- url: '/pages/carInsure/Information',
|
|
|
|
|
- success: (res) => {
|
|
|
|
|
- res.eventChannel.emit(
|
|
|
|
|
- "acceptData", {
|
|
|
|
|
- carInfo: this
|
|
|
|
|
- .carInfo,
|
|
|
|
|
- ownerInfo: this
|
|
|
|
|
- .ownerInfo,
|
|
|
|
|
- policyHolderInfo: this
|
|
|
|
|
- .policyHolderInfo,
|
|
|
|
|
- insuredPersonInfo: this
|
|
|
|
|
- .insuredPersonInfo,
|
|
|
|
|
- carInfoPositiveList: this
|
|
|
|
|
- .carInfoPositiveList, //车辆
|
|
|
|
|
- ownerInfoPositiveList: this
|
|
|
|
|
- .ownerInfoPositiveList, //车主
|
|
|
|
|
- policyHolderInfoPositiveList: this
|
|
|
|
|
- .policyHolderInfoPositiveList, //投保人
|
|
|
|
|
- insuredPersonInfoPositiveList: this
|
|
|
|
|
- .insuredPersonInfoPositiveList, //被保人
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ url: '/pages/carInsure/carType?frameNo=' +
|
|
|
|
|
+ encodeURIComponent(this.carInfo
|
|
|
|
|
+ .frameNo) +
|
|
|
|
|
+ '&vehicleType=true'
|
|
|
}, "navigateTo", true);
|
|
}, "navigateTo", true);
|
|
|
- } else {
|
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
|
- title: '检测到未精准校验车型,即将跳转到车型界面选择,请等待。。。',
|
|
|
|
|
- type: 'warning',
|
|
|
|
|
- icon: false,
|
|
|
|
|
- })
|
|
|
|
|
- setTimeout(() => {
|
|
|
|
|
- this.navigate({
|
|
|
|
|
- url: '/pages/carInsure/carType?frameNo=' +
|
|
|
|
|
- encodeURIComponent(this.carInfo
|
|
|
|
|
- .frameNo) +
|
|
|
|
|
- '&vehicleType=true'
|
|
|
|
|
- }, "navigateTo", true);
|
|
|
|
|
- }, 2000)
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }, 2000)
|
|
|
}
|
|
}
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
break;
|
|
break;
|
|
|
default:
|
|
default:
|
|
|
}
|
|
}
|