|
|
|
@@ -4,7 +4,7 @@ |
|
|
|
<u-form label-width="230" :model="state.form" ref="uForm" :label-style='labelStyle'> |
|
|
|
<u-form-item label="车牌号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlate" input-align='right'disabled/> |
|
|
|
<u-input v-model="state.form.vehiclePlate" input-align='right' disabled/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车牌颜色" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
@@ -19,10 +19,10 @@ |
|
|
|
<view class="tip-value"> 拍摄规范 </view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<image v-if="!state.form.vehicleImagesUrl1" class="icon" :src="`${$imgUrl}issuance/xz.png`" |
|
|
|
<image v-if="!state.form.vehPosImgUrl" class="icon" :src="`${$imgUrl}issuance/xz.png`" |
|
|
|
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"> |
|
|
|
</image> |
|
|
|
<image v-else class="icon" :src="strReplace(state.form.vehicleImagesUrl1)" |
|
|
|
<image v-else class="icon" :src="strReplace(state.form.vehPosImgUrl)" |
|
|
|
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@@ -35,10 +35,10 @@ |
|
|
|
<view class="tip-value"> 拍摄规范 </view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<image v-if="!state.form.vehicleImagesUrl2" class="icon" :src="`${$imgUrl}issuance/xf.png`" |
|
|
|
<image v-if="!state.form.vehNegImgUrl" class="icon" :src="`${$imgUrl}issuance/xf.png`" |
|
|
|
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"> |
|
|
|
</image> |
|
|
|
<image v-else class="icon" :src="strReplace(state.form.vehicleImagesUrl2)" |
|
|
|
<image v-else class="icon" :src="strReplace(state.form.vehNegImgUrl)" |
|
|
|
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@@ -48,80 +48,68 @@ |
|
|
|
<view class="bg"> |
|
|
|
<view class="title_wrap"><text class="title">以下信息选择性修改/填写</text></view> |
|
|
|
<u-form label-width="230" :model="state.form" ref="uForm" :label-style='labelStyle'> |
|
|
|
<u-form-item label="车辆所有人信息" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
<u-form-item label="变更车主姓名" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.form.ownerName" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆所有人证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
<u-form-item label="变更车辆类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.form.vehicleType" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆所有人证件号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
<u-form-item label="变更证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.form.ownerIdTypeStr" type="select" @click="show1 = true" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆所有号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
<u-form-item label="变更证件号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.form.ownerIdNum" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
<u-form-item label="变更地址" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.customerName" inputAlign="right" /> |
|
|
|
<u-input v-model="state.form.ownerAddress" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="行驶证车辆类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.customerTel" inputAlign="right"/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆识别代号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车辆识别代号" v-model="state.form.vin" |
|
|
|
maxlength="50" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="发动机号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.form.engineNum" |
|
|
|
maxlength="20" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆收费车型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.form.engineNum" |
|
|
|
maxlength="20" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="核定载人数" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入核定载人数" v-model="state.form.engineNum" |
|
|
|
maxlength="3" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="总质量" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入总质量" v-model="state.form.engineNum" |
|
|
|
<u-form-item label="总质量(kg)" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入总质量" v-model="state.form.totalMass" |
|
|
|
/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="整备质量" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.form.engineNum" |
|
|
|
<u-form-item label="整备质量(kg)" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.form.maintenaceMass" |
|
|
|
maxlength="7" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="核定载质量" v-if="state.form.engineNum" :left-icon='`${$imgUrl}issuance/point-form.png`' |
|
|
|
:left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="核定载质量" v-model="state.form.engineNum"/> |
|
|
|
<u-form-item label="变更车轴数(轴)" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车轴数" v-model="state.form.axleCount"/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="外廓尺寸" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="外廓尺寸" v-model="state.form.engineNum" |
|
|
|
maxlength="7" /> |
|
|
|
<u-form-item label="外廓尺寸(mm)" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入外廓尺寸" v-model="state.form.vehicleDimensions" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="准牵引总质量" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="准牵引总质量" v-model="state.form.engineNum" |
|
|
|
maxlength="7" /> |
|
|
|
<u-form-item label="核定载人数(人)" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入核定载人数" v-model="state.form.approvedCount" |
|
|
|
maxlength="3" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车轮数" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车轮数" v-model="state.form.engineNum" type="number" |
|
|
|
maxlength="2" /> |
|
|
|
<u-form-item label="发动机号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.form.engineNum" |
|
|
|
maxlength="20" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆识别号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车辆识别号" v-model="state.form.vin" |
|
|
|
maxlength="20" /> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车轴数" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车轴数" v-model="state.form.engineNum" type="number" |
|
|
|
maxlength="2" /> |
|
|
|
<u-form-item label="是否本人办理" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<radio-group @change="radioChange"> |
|
|
|
<label style="margin-right: 60rpx;" class="uni-list-cell uni-list-cell-pd " |
|
|
|
v-for="(item, index) in state.items" :key="item.value"> |
|
|
|
<radio :value="item.value" :checked="index === state.form.isMyselfHandle" />{{item.name}} |
|
|
|
</label> |
|
|
|
</radio-group> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="车辆使用性质" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'> |
|
|
|
<u-input inputAlign="right" placeholder="请输入车辆使用性质" v-model="state.form.engineNum" type="number" |
|
|
|
maxlength="2" /> |
|
|
|
<u-form-item label="是否牵引车" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.form.isTractor"> |
|
|
|
<label style="margin-right: 60rpx;" class="uni-list-cell uni-list-cell-pd " |
|
|
|
v-for="(item, index) in state.items" :key="item.value"> |
|
|
|
<radio :value="item.value" :checked="index === state.form.isMyselfHandle" />{{item.name}} |
|
|
|
</label> |
|
|
|
</u-form-item> |
|
|
|
</u-form> |
|
|
|
<view class="picture-wrapper" @click="cardFileImageUpdate(1)"> |
|
|
|
<!-- <view class="picture-wrapper" @click="cardFileImageUpdate(1)"> |
|
|
|
<view class="bg1"> |
|
|
|
<view class=""> |
|
|
|
<view class="name"> 车身45°照 </view> |
|
|
|
@@ -168,21 +156,21 @@ |
|
|
|
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)" |
|
|
|
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="bg"> |
|
|
|
<u-form label-width="230" :model="state.form" ref="uForm" :label-style='labelStyle'> |
|
|
|
<u-form-item label="手机号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.ownerTel" input-align='right'/> |
|
|
|
</u-form-item> |
|
|
|
<u-form-item label="验证码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' |
|
|
|
borderBottom> |
|
|
|
<view style="display: flex;align-items: center;flex-shrink: 0;"> |
|
|
|
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'/> |
|
|
|
<u-input v-model="state.code" input-align='right'/> |
|
|
|
<text @click="getCode" v-if="waitTime==0" class="search">获取验证码</text> |
|
|
|
<text class="btn" v-else>{{waitTime}}后重试</text> |
|
|
|
<text class="search" v-else>{{waitTime}}后重试</text> |
|
|
|
</view> |
|
|
|
</u-form-item> |
|
|
|
</u-form> |
|
|
|
@@ -193,7 +181,7 @@ |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
<!-- 选择车牌颜色 --> |
|
|
|
<u-select v-model="show1" :list="state.colorRange" @confirm="changeColor"></u-select> |
|
|
|
<u-select v-model="show1" :list="state.ownerIdTypeRange" @confirm="changeOwnerIdType"></u-select> |
|
|
|
<view class="choice-takePhoto-wrap" v-if="state.isTakePhotoModeShow" @click="cancle"> |
|
|
|
<view class="choice-takePhoto"> |
|
|
|
<view @click.stop="takePhoto(state.choiceIndex)" style="border-radius: 20rpx 20rpx 0 0;">拍照</view> |
|
|
|
@@ -211,11 +199,12 @@ |
|
|
|
import carNumberInput from "@/components/car-number-input/car-number-input.vue"; |
|
|
|
import { onLoad } from "@dcloudio/uni-app"; |
|
|
|
import { getItem } from "@/utils/storage.ts" |
|
|
|
import {newMobileSmsCode,vehicleLicenseOcr} from "@/utils/network/api.js"; |
|
|
|
import {sendMessage,vehicleLicenseOcr,vehicleInformationChange,messageValid,vehicleInfoChangeApply} from "@/utils/network/api.js"; |
|
|
|
import {requestNew} from "@/utils/network/request.js"; |
|
|
|
import { |
|
|
|
getCodeName |
|
|
|
} from "@/datas/queryKey.js"; |
|
|
|
import viewfinder from "../../../components/viewfinder.vue" |
|
|
|
const labelStyle = { |
|
|
|
color: "#004576", |
|
|
|
fontSize: "28rpx", |
|
|
|
@@ -228,81 +217,227 @@ import { |
|
|
|
'margin-right': '4rpx', |
|
|
|
} |
|
|
|
const show1 = ref(false) |
|
|
|
const show2 = ref(false) |
|
|
|
const state = reactive({ |
|
|
|
form: { |
|
|
|
customerName: "", |
|
|
|
customerTel: "", |
|
|
|
|
|
|
|
vehiclePlate: "", |
|
|
|
vehiclePlateColor: "", |
|
|
|
vehiclePlateColorStr:"",//车牌颜色中文 |
|
|
|
questionType:"", |
|
|
|
questionTypeStr:"", |
|
|
|
etcUser:"", |
|
|
|
etcUserStr:"", |
|
|
|
eventOccurrenceDate:"",//2016-09-01 00:00:00 |
|
|
|
supportingMaterialsUrlShow:[], |
|
|
|
insertTime:"", |
|
|
|
vehicleImagesUrl1:"", |
|
|
|
vehicleImagesUrl2:"", |
|
|
|
name:"", |
|
|
|
part:"", |
|
|
|
customerIdNum:"", |
|
|
|
customerIdNum1:"", |
|
|
|
userImagesUrl1:"", |
|
|
|
userImagesUrl2:"", |
|
|
|
vin:"", |
|
|
|
engineNum:"", |
|
|
|
|
|
|
|
|
|
|
|
vehPosImgUrl:"", |
|
|
|
vehNegImgUrl:"", |
|
|
|
|
|
|
|
vehBodyUrl:"", |
|
|
|
|
|
|
|
isVehiclePlateChange:"",//是否车牌变更 否_0,是_1 |
|
|
|
ownerName:"",//车主姓名 |
|
|
|
ownerAddress:"", |
|
|
|
vehicleType:"", |
|
|
|
totalMass:"", |
|
|
|
maintenaceMass:"", |
|
|
|
axleCount:"", |
|
|
|
vehicleDimensions:"", |
|
|
|
approvedCount:"", |
|
|
|
engineNum:"", |
|
|
|
vin:"", |
|
|
|
ownerIdTypeStr:"", |
|
|
|
ownerIdType:"", |
|
|
|
ownerIdNum:"", |
|
|
|
isTractor:0,//否_0,是_1 |
|
|
|
cardId:"", |
|
|
|
obuId:"", |
|
|
|
isMyselfHandle:1,//本人办理_1,代理人办理_2 |
|
|
|
ownerTel:"" |
|
|
|
}, |
|
|
|
colorRange: [], |
|
|
|
questionTypeRange:[ |
|
|
|
{value: 1, label: "工单1"}, |
|
|
|
{value: 2, label: "工单2"}, |
|
|
|
], |
|
|
|
etcUserRange:[ |
|
|
|
{value: 1, label: "是"}, |
|
|
|
{value: 0, label: "否"}, |
|
|
|
], |
|
|
|
ownerIdTypeRange: [], |
|
|
|
isTakePhotoModeShow: false, //选择拍照方式是否出来 |
|
|
|
choiceIndex: 1, // 1 身份证正面 2 身份证反面 |
|
|
|
ownerInfo:false,//非本人 个人 车主信息true ==== 本人 个人 false |
|
|
|
phoneType: 0, // 1 身份证正面 2 身份证反面 3行驶证正面 4行驶证反面 |
|
|
|
images: '', |
|
|
|
showImg: true, |
|
|
|
vehicleId:"", |
|
|
|
code:"", |
|
|
|
items: [{ |
|
|
|
value: '1', |
|
|
|
name: '是', |
|
|
|
checked: 'true' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
name: '否', |
|
|
|
}], |
|
|
|
}) |
|
|
|
onLoad((option : any) => { |
|
|
|
state.form.isVehiclePlateChange=option.isVehiclePlateChange |
|
|
|
state.form.vehiclePlate=option.vehicleId.split("_")[0] |
|
|
|
state.form.vehiclePlateColor=option.vehicleId.split("_")[1] |
|
|
|
state.vehicleId=option.vehicleId |
|
|
|
state.form.cardId=option.cardId |
|
|
|
state.form.obuId=option.obuId |
|
|
|
|
|
|
|
let getColor = getItem('key')['VEHICLE_COLOR_TYPE']; |
|
|
|
for (var k = 0; k < getColor.length; k++) { |
|
|
|
let type = getItem('key')['CERTIFICATE_TYPE']; |
|
|
|
for (var k = 0; k < type.length; k++) { |
|
|
|
let obj = {}; |
|
|
|
obj['value'] = getColor[k]['code'] |
|
|
|
obj['label'] = getColor[k]['name'] |
|
|
|
state.colorRange.push(obj) |
|
|
|
obj['value'] = type[k]['code'] |
|
|
|
obj['label'] = type[k]['name'] |
|
|
|
state.ownerIdTypeRange.push(obj) |
|
|
|
} |
|
|
|
console.log("state.colorRange",state.colorRange,option) |
|
|
|
getCarDetails() |
|
|
|
console.log("state.ownerIdTypeRange",state.ownerIdTypeRange,option) |
|
|
|
}); |
|
|
|
const getCarDetails = () => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
vehicleId:state.vehicleId |
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
//调用方式 |
|
|
|
requestNew(vehicleInformationChange, options) |
|
|
|
.then((res) => { |
|
|
|
console.log('车辆信息', res) |
|
|
|
state.form.ownerName=res.info.ownerName |
|
|
|
state.form.ownerAddress=res.info.ownerAddress |
|
|
|
state.form.vehicleType=res.info.vehicleType |
|
|
|
state.form.totalMass=res.info.totalMass |
|
|
|
state.form.maintenaceMass=res.info.maintenaceMass |
|
|
|
state.form.axleCount=res.info.axleCount |
|
|
|
state.form.vehicleDimensions=res.info.vehicleDimensions.slice(0,-2) |
|
|
|
state.form.approvedCount=res.info.approvedCount |
|
|
|
state.form.engineNum=res.info.engineNum |
|
|
|
state.form.vin=res.info.vin |
|
|
|
|
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log(err); |
|
|
|
}); |
|
|
|
} |
|
|
|
const checkCodeRequest = () => { |
|
|
|
if(!state.form.ownerTel){ |
|
|
|
msg("请输入手机号"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.code){ |
|
|
|
msg("请输入验证码"); |
|
|
|
return; |
|
|
|
} |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
mobile: state.form.ownerTel, |
|
|
|
code: state.code |
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
return new Promise(async (resolve, reject) => { |
|
|
|
const res = await requestNew(messageValid, options); |
|
|
|
const data = res; |
|
|
|
resolve(data); |
|
|
|
}).catch((error) => { |
|
|
|
reject(error); |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
//车牌号输入 |
|
|
|
const carNumber = (val : any) => { |
|
|
|
state.form.vehiclePlate = val.trim(); |
|
|
|
}; |
|
|
|
const savaHandle = () => { |
|
|
|
|
|
|
|
if(!state.form.vehPosImgUrl){ |
|
|
|
msg("请上传行驶证主页"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.vehNegImgUrl){ |
|
|
|
msg("请上传行驶证副页"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.ownerName){ |
|
|
|
msg("请输入变更车主姓名"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.vehicleType){ |
|
|
|
msg("请输入变更车辆类型"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.ownerIdTypeStr){ |
|
|
|
msg("请选择变更证件类型"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(checkStr(state.form.ownerIdNum, "card")){ |
|
|
|
msg("请输入正确变更证件号码"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.ownerAddress){ |
|
|
|
msg("请输入变更地址"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.totalMass){ |
|
|
|
msg("请输入总质量"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.maintenaceMass){ |
|
|
|
msg("请输入整备质量"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.axleCount){ |
|
|
|
msg("请输入车轴数"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.vehicleDimensions){ |
|
|
|
msg("请输入外廓尺寸"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.approvedCount){ |
|
|
|
msg("请输入核定载人数"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.engineNum){ |
|
|
|
msg("请输入发动机号码"); |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.form.vin){ |
|
|
|
msg("请输入车辆识别号"); |
|
|
|
return; |
|
|
|
} |
|
|
|
checkCodeRequest().then((val : any) => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
...state.form |
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
//调用方式 |
|
|
|
requestNew(vehicleInfoChangeApply, options) |
|
|
|
.then((res) => { |
|
|
|
msg("待审核") |
|
|
|
setTimeout(() => { |
|
|
|
uni.navigateBack({ |
|
|
|
delta: 2 |
|
|
|
}) |
|
|
|
}, 2000) |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log(err); |
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
const changeColor = (item) => { |
|
|
|
state.form.vehiclePlateColor = item[0].value |
|
|
|
state.form.vehiclePlateColorStr = item[0].label |
|
|
|
const changeOwnerIdType = (item) => { |
|
|
|
state.form.ownerIdType = item[0].value |
|
|
|
state.form.ownerIdTypeStr = item[0].label |
|
|
|
console.log(item) |
|
|
|
} |
|
|
|
const takePhotoMode = (index,ownerInfo) => { |
|
|
|
const takePhotoMode = (index) => { |
|
|
|
console.log("index", index) |
|
|
|
state.isTakePhotoModeShow = true |
|
|
|
state.choiceIndex = index |
|
|
|
state.ownerInfo=ownerInfo |
|
|
|
} |
|
|
|
//车头照图片上传 val 1 车头照 2 道路运输证 |
|
|
|
const cardFileImageUpdate = (val) => { |
|
|
|
@@ -335,7 +470,7 @@ import { |
|
|
|
} |
|
|
|
const getCode = () => { |
|
|
|
console.log(123); |
|
|
|
if (checkStr(state.form.newMobile, "mobile")) { |
|
|
|
if (checkStr(state.form.ownerTel, "mobile")) { |
|
|
|
sendCodeApi() |
|
|
|
codeInterval() |
|
|
|
} else { |
|
|
|
@@ -352,14 +487,14 @@ import { |
|
|
|
let options = { |
|
|
|
type: 2, //type: 2,JSON格式提交数据(默认表单形式提交) |
|
|
|
data: { |
|
|
|
mobile: "" |
|
|
|
mobile: state.form.ownerTel |
|
|
|
}, //请求参数 |
|
|
|
method: "POST", //提交方式(默认POST) |
|
|
|
showLoading: true, //是否显示加载中(默认显示) |
|
|
|
}; |
|
|
|
|
|
|
|
//调用方式 |
|
|
|
requestNew(newMobileSmsCode, options) |
|
|
|
requestNew(sendMessage, options) |
|
|
|
.then((res) => { |
|
|
|
let data = res |
|
|
|
console.log(data, "#################"); |
|
|
|
@@ -392,9 +527,11 @@ import { |
|
|
|
state.showImg = false |
|
|
|
state.phoneType = state.choiceIndex |
|
|
|
state.isTakePhotoModeShow = false |
|
|
|
console.log("res==",res,state.choiceIndex,state.images) |
|
|
|
}) |
|
|
|
} |
|
|
|
const confirmReturn = (val) => { |
|
|
|
console.log("进来了") |
|
|
|
if (state.choiceIndex == 3) { |
|
|
|
var imageType = 1; |
|
|
|
} else { |
|
|
|
@@ -404,22 +541,13 @@ import { |
|
|
|
state.isTakePhotoModeShow = false |
|
|
|
uploadFile(val.tempImagePath, imageType, vehicleLicenseOcr).then((data) => { |
|
|
|
console.log('输出内容=====================', state.choiceIndex) |
|
|
|
if (state.choiceIndex == "3") { |
|
|
|
if (data.plate_a.length > 8) { |
|
|
|
state.form.vehiclePlate = data.plate_a.substring(0, 8); |
|
|
|
} else { |
|
|
|
state.form.vehiclePlate = data.plate_a; |
|
|
|
} |
|
|
|
if (state.choiceIndex == 3) { |
|
|
|
state.form.ownerName = data.man; |
|
|
|
state.form.ownerAddress = data.address; |
|
|
|
state.form.vehicleType = data.vehicle; |
|
|
|
state.form.character = data.character; |
|
|
|
state.form.vin = data.vin; |
|
|
|
state.form.engineNum = data.engine; |
|
|
|
state.form.registerDate = data.register; |
|
|
|
state.form.issueDate = data.issue; |
|
|
|
state.form.vehPosImgUrl = data.imageUrl; |
|
|
|
state.form.vehicleModel = data.model; |
|
|
|
console.log("走不是牵引车的", data.vehicle.indexOf('牵引车'), data.vehicle) |
|
|
|
if (data.vehicle.indexOf('牵引车') > 0) { |
|
|
|
console.log("是牵引车的") |
|
|
|
qian() |
|
|
|
@@ -429,36 +557,14 @@ import { |
|
|
|
} |
|
|
|
|
|
|
|
} else { |
|
|
|
state.form.approvedCount = data.apc; |
|
|
|
state.form.approvedCountShow = data.apc; |
|
|
|
state.form.maintenaceMass = data.unladen; |
|
|
|
state.form.maintenaceMassShow = data.unladen; |
|
|
|
// 91接口差 |
|
|
|
// // #ifdef MP-WEIXIN |
|
|
|
// state.form.vehicleDimensions = data.overall.replaceAll("×", "X"); |
|
|
|
// // #endif |
|
|
|
// // #ifdef MP-ALIPAY |
|
|
|
// state.form.vehicleDimensions = data.overall.replace(/×/g, "X"); |
|
|
|
// // #endif |
|
|
|
|
|
|
|
// let arr = data.overall.split("×"); |
|
|
|
// #ifdef MP-WEIXIN |
|
|
|
state.form.vehicleDimensions = data.overall.replaceAll("x", "X"); |
|
|
|
// #endif |
|
|
|
// #ifdef MP-ALIPAY |
|
|
|
state.form.vehicleDimensions = data.overall.replace(/x/g, "X"); |
|
|
|
// #endif |
|
|
|
|
|
|
|
let arr = state.form.vehicleDimensions.split("X"); |
|
|
|
state.outlineL = arr[0]; //外廓 长 |
|
|
|
state.outlineW = arr[1]; //外廓 宽 |
|
|
|
state.outlineH = arr[2].substring(0, arr[2].length - 2); //外廓 高 |
|
|
|
state.form.totalMass = data.gross ? data.gross : 0; |
|
|
|
state.form.totalMassShow = data.gross ? data.gross : 0; |
|
|
|
console.log("state.form.totalMassShow", state.form.totalMassShow) |
|
|
|
state.form.approvedCount = data.apc.slice(0,-1); |
|
|
|
state.form.maintenaceMass = data.unladen.slice(0,-2); |
|
|
|
let overall=data.overall.replaceAll("x", "X") |
|
|
|
state.form.vehicleDimensions = overall.slice(0,-2); |
|
|
|
state.form.totalMass = data.gross ? data.gross.slice(0,-2) : 0; |
|
|
|
state.form.vehNegImgUrl = data.imageUrl; |
|
|
|
state.form.permittedWeight = data.alc ? data.alc : 0; |
|
|
|
state.form.permittedTowWeight = data.towing ? data.towing : 0; |
|
|
|
// state.form.permittedWeight = data.alc ? data.alc : 0; |
|
|
|
// state.form.permittedTowWeight = data.towing ? data.towing : 0; |
|
|
|
|
|
|
|
console.log('=====================', state.form.vehNegImgUrl, state) |
|
|
|
} |
|
|
|
@@ -469,6 +575,41 @@ import { |
|
|
|
const camera = () => { |
|
|
|
state.phoneType = 0 |
|
|
|
} |
|
|
|
// 不是牵引车 |
|
|
|
const notQian = () => { |
|
|
|
state.form.isTractor = 0; |
|
|
|
// state.items = [{ |
|
|
|
// value: '1', |
|
|
|
// name: '是', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// value: '0', |
|
|
|
// name: '否', |
|
|
|
// checked: 'true' |
|
|
|
// }] |
|
|
|
// for (let i = 0; i < state.items.length; i++) { |
|
|
|
// console.log("不是牵引车", state.items[i].value, state.items[i].value === '0') |
|
|
|
// if (state.items[i].value === '0') { |
|
|
|
// state.current = i; |
|
|
|
// state.form.tractorSign = 0; |
|
|
|
// break; |
|
|
|
// } |
|
|
|
// } |
|
|
|
} |
|
|
|
const qian=()=>{ |
|
|
|
state.form.isTractor = 1; |
|
|
|
} |
|
|
|
const radioChange = (evt) => { |
|
|
|
console.log("evt.detail.value", evt.detail.value) |
|
|
|
for (let i = 0; i < state.items.length; i++) { |
|
|
|
if (state.items[i].value === evt.detail.value) { |
|
|
|
state.form.isMyselfHandle = i; |
|
|
|
// state.form.tractorSign = evt.detail.value; |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
console.log("state.form.isMyselfHandle", state.form.isMyselfHandle) |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
yangteng
1 maand geleden