qiubinghui
/
zhywpt-sp
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

车牌信息变更

修改样式逻辑
yangteng 1 month ago
parent
586735e06d
commit
7ab1e90b62
3 changed files with 603 additions and 261 deletions
Split View Show Diff Stats
  1. 17
    39
      subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write.vue
  2. 484
    191
      subpackage/personal-center/vehicle-change/vehicle-change-chepai-write.vue
  3. 102
    31
      subpackage/personal-center/vehicle-change/vehicle-change-chepai.vue

+ 17
- 39
subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write.vue View File

@@ -228,7 +228,7 @@
</view>
<u-form-item label="车辆用户类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.useUserTypeName" type="select" @click="show2 = true" input-align='right'/>
<u-input v-model="state.form.vehicleCustomerTypeName" type="select" @click="show2 = true" input-align='right'/>
</u-form-item>
</u-form>
@@ -255,10 +255,10 @@
提交
</button>
</view>
<!-- 选择车牌颜色 -->
<!-- 选择证件类型 -->
<u-select v-model="show1" :list="state.ownerIdTypeRange" @confirm="changeOwnerIdType"></u-select>
<!-- 车辆用户类型 -->
<u-select v-model="show2" :list="state.useUserTypeRange" @confirm="changeUseUserType"></u-select>
<u-select v-model="show2" :list="state.vehicleCustomerTypeRange" @confirm="vehicleCustomerTypeType"></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>
@@ -335,8 +335,8 @@ import {
vehFrontUrl:"",//车头照图片地址
vehBodyUrl:"",//车身45度照图片地址
roadTransportPermitPicUrl:"",//道路运输许可证图片地址(牵引车才提供)
useUserType: 0, //车辆用户类型
useUserTypeName: "普通车",
vehicleCustomerType: 0, //车辆用户类型
vehicleCustomerTypeName: "普通车",
vanType:1,//客货类型，1-客车 2-货车 3-作业车
vehicleTypeNew:1,//收费车型(按新输入的值计算)[变更车辆类型]
vehPosImgOcrId:"",//行驶证正面orcId
@@ -370,7 +370,7 @@ import {
value: 1,
name: '是',
}],
useUserTypeRange:[]
vehicleCustomerTypeRange:[]
})
onLoad((option : any) => {
state.form.isVehiclePlateChange=option.isVehiclePlateChange
@@ -416,7 +416,7 @@ import {
state.form.approvedCount=res.info.approvedCount
state.form.engineNum=res.info.engineNum
state.form.vin=res.info.vin
state.form.useUserType=res.info.useUserType
state.form.vehicleCustomerType=res.info.vehicleCustomerType
state.form.ownerTel=res.info.customerInfo.customerTel
state.form.userType=res.userType
@@ -446,14 +446,14 @@ import {
// 判断车辆用户类型
const judgeUseUserType=()=>{
if(state.form.vanType==1){
state.useUserTypeRange=[
state.vehicleCustomerTypeRange=[
{
'value':0,
'label':"普通车"
}
]
}else{
state.useUserTypeRange=[
state.vehicleCustomerTypeRange=[
{
'value':0,
'label':"普通车"
@@ -558,7 +558,8 @@ import {
msg("请输入车辆识别号");
return;
}
checkCodeRequest().then((val : any) => {
// 测完放开
// checkCodeRequest().then((val : any) => {
const options = {
type: 2,
data: {
@@ -570,7 +571,8 @@ import {
//调用方式
requestNew(vehicleInfoChangeApply, options)
.then((res) => {
msg("待审核")
console.log("res",res)
msg(res.msg)
setTimeout(() => {
uni.navigateBack({
delta: 2
@@ -581,16 +583,16 @@ import {
console.log(err);
});
})
// })
}
const changeOwnerIdType = (item) => {
state.form.ownerIdType = item[0].value
state.form.ownerIdTypeStr = item[0].label
console.log(item)
}
const changeUseUserType = (item) => {
state.form.useUserType = item[0].value
state.form.useUserTypeName = item[0].label
const vehicleCustomerTypeType = (item) => {
state.form.vehicleCustomerType = item[0].value
state.form.vehicleCustomerTypeName = item[0].label
console.log(item)
}
@@ -740,30 +742,6 @@ 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++) {

+ 484
- 191
subpackage/personal-center/vehicle-change/vehicle-change-chepai-write.vue View File

@@ -4,27 +4,27 @@
<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'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>
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'disabled/>
<view class="showworld">{{getCodeName('VEHICLE_COLOR_TYPE',state.form.vehiclePlateColor)}}</view>
</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.vehiclePlateColorStr" input-align='right'disabled/>
<u-input v-model="state.form.vehiclePlateNew" input-align='right' disabled/>
</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.vehiclePlateColorStr" input-align='right'disabled/>
<view class="showworld">{{getCodeName('VEHICLE_COLOR_TYPE',state.form.vehiclePlateColorNew)}}</view>
</u-form-item>
<u-form-item label="OBU卡号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.customerName" inputAlign="right" disabled/>
<u-input v-model="state.form.obuId" inputAlign="right" disabled/>
</u-form-item>
<u-form-item label="ETC卡号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.customerTel" inputAlign="right" disabled/>
<u-input v-model="state.form.cardId" inputAlign="right" disabled/>
</u-form-item>
<view class="picture-wrapper" @click="takePhotoMode('3')">
<view class="bg1">
@@ -35,10 +35,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>
@@ -51,194 +51,282 @@
<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>
</u-form>
</view>
<view class="bg">
<view class="title"> 经办人信息 </view>
<view class="picture-wrapper" @click="takePhotoMode('1',false)">
<view class="bg1">
<view class="">
<view class="name"> 经办人身份证人像面 </view>
<view class="value"> 上传身份证的人像面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.userImagesUrl1" class="icon" :src="`${$imgUrl}issuance/sfz.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.userImagesUrl1)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</view>
<view class="picture-wrapper" @click="takePhotoMode('2',false)">
<view class="bg1">
<view class="">
<view class="name"> 经办人身份证国徽面 </view>
<view class="value"> 上传身份证的国徽面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.userImagesUrl2" class="icon" :src="`${$imgUrl}issuance/sff.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.userImagesUrl2)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</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' borderBottom>
<u-input v-model="state.form.name" placeholder='经办人姓名'
maxlength="20" inputAlign="right"/>
</u-form-item>
<u-form-item label="经办人证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入证件号码' type="idcard" v-model="state.form.customerIdNum1"
maxlength="18" inputAlign="right"/>
</u-form-item>
<u-form-item label="经办人证号号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入证件号码' type="idcard" v-model="state.form.customerIdNum"
maxlength="18" inputAlign="right"/>
</u-form-item>
<u-form-item label="部门" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入部门' type="number" v-model="state.form.part"
maxlength="11" inputAlign="right"/>
</u-form-item>
</u-form>
</view>
<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-form-item>
<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-form-item>
<u-form-item label="车辆所有号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
<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'
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.customerName" inputAlign="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.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-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'>
<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.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.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" />
<view class="picture-wrapper" @click="cardFileImageUpdate(1)">
<view class="bg1">
<view class="">
<view class="name"> 车身45°照 </view>
<view class="value"> 上传汽车的45°照 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/chetou.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view>
<view class="picture-wrapper" @click="cardFileImageUpdate(1)">
<view class="bg1">
<view class="">
<view class="name"> 车头照 </view>
<view class="value"> 上传车辆车头照 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/chetou45.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view>
<u-form-item label="是否本人办理" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'>
<view class="right-show">
<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+1 === state.form.isMyselfHandle" />{{item.name}}
</label>
</radio-group>
</view>
</u-form-item>
</u-form>
<view class="picture-wrapper" @click="cardFileImageUpdate(1)">
<view class="bg1">
<view class="">
<view class="name"> 车身45°照 </view>
<view class="value"> 上传汽车的45°照 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
<view v-if="state.form.isMyselfHandle==1">
<view class="picture-wrapper" @click="cardFileImageUpdate(1)" >
<view class="bg1">
<view class="">
<view class="name"> 人像面 </view>
<view class="value"> 开户人身份证的人像面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.ownerPosImgUrl" class="icon" :src="`${$imgUrl}issuance/sfz.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.ownerPosImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/chetou.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
<view class="picture-wrapper" @click="cardFileImageUpdate(2)">
<view class="bg1">
<view class="">
<view class="name"> 国徽面 </view>
<view class="value"> 开户人身份证的国徽面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.ownerNegImgUrl" class="icon" :src="`${$imgUrl}issuance/sff.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.ownerNegImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</view>
<u-form-item label="用户姓名" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input v-model="state.form.name" placeholder='用户姓名'
maxlength="20" inputAlign="right"/>
</u-form-item>
<u-form-item label="用户证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请选择用户证件类型' type="idcard" v-model="state.form.customerIdNum1"
maxlength="18" inputAlign="right"/>
</u-form-item>
<u-form-item label="用户证件号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入用户证件号码' type="idcard" v-model="state.form.customerIdNum"
maxlength="18" inputAlign="right"/>
</u-form-item>
</view>
</view>
<view class="picture-wrapper" @click="cardFileImageUpdate(1)">
<view class="bg1">
<view class="">
<view class="name"> 车头照 </view>
<view class="value"> 上传车辆车头照 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
<view v-if="state.form.isMyselfHandle==2">
<view class="picture-wrapper" @click="cardFileImageUpdate(1)" >
<view class="bg1">
<view class="">
<view class="name"> 人像面 </view>
<view class="value"> 经办人身份证的人像面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.ownerPosImgUrl" class="icon" :src="`${$imgUrl}issuance/sfz.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.ownerPosImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/chetou45.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
<view class="picture-wrapper" @click="cardFileImageUpdate(2)">
<view class="bg1">
<view class="">
<view class="name"> 国徽面 </view>
<view class="value"> 经办人身份证的国徽面 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.ownerNegImgUrl" class="icon" :src="`${$imgUrl}issuance/sff.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.ownerNegImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png`}"></image>
</view>
</view>
<u-form-item label="经办人姓名" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input v-model="state.form.name" placeholder='经办人姓名'
maxlength="20" inputAlign="right"/>
</u-form-item>
<u-form-item label="经办人证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入证件号码' type="idcard" v-model="state.form.customerIdNum1"
maxlength="18" inputAlign="right"/>
</u-form-item>
<u-form-item label="经办人证号号码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入证件号码' type="idcard" v-model="state.form.customerIdNum"
maxlength="18" inputAlign="right"/>
</u-form-item>
<u-form-item label="部门" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' borderBottom>
<u-input placeholder='请输入部门' type="number" v-model="state.form.part"
maxlength="11" inputAlign="right"/>
</u-form-item>
</view>
</view>
<view class="picture-wrapper" @click="cardFileImageUpdate(2)">
<view class="bg1">
<view class="">
<view class="name"> 授权书 </view>
<view class="value"> 上传授权书 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
<view class="picture-wrapper" @click="cardFileImageUpdate(3)" v-if="state.form.isMyselfHandle==2 && state.form.userType==1">
<view class="bg1">
<view class="">
<view class="name"> 开户人授权书 </view>
<view class="value"> 上传授权书 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<!-- <view class="down" @click="downAuthD">模板下载</view> -->
<image v-if="!state.form.ownerLetterOfAuthorizationImgUrl" class="icon" :src="`${$imgUrl}issuance/weituo.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.ownerLetterOfAuthorizationImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/weituo.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view>
<view class="picture-wrapper" @click="cardFileImageUpdate(4)" v-if="state.form.isMyselfHandle==2 && state.form.userType==2">
<view class="bg1">
<view class="">
<view class="name"> 开户人授权书 </view>
<view class="value"> 上传授权书 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.unitAuthorizationLetterImgUrl" class="icon" :src="`${$imgUrl}issuance/weituo.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.unitAuthorizationLetterImgUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view>
<u-form-item label="是否牵引车" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.form.vanType==2">
<radio-group @change="radioChangeqyc">
<view class="right-show">
<label style="margin-right: 60rpx;" class="uni-list-cell uni-list-cell-pd "
v-for="(item, index) in state.itemsqyc" :key="item.value">
<radio :value="item.value" :checked="index === state.form.isTractor" />{{item.name}}
</label>
</view>
</radio-group>
</u-form-item>
<view class="picture-wrapper" @click="cardFileImageUpdate(2)" v-if="state.form.isTractor==1">
<view class="bg1">
<view class="">
<view class="name"> 道路运输许可证 </view>
<view class="value"> 上传道路运输许可证 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.roadTransportPermitPicUrl" class="icon" :src="`${$imgUrl}issuance/chetou.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.roadTransportPermitPicUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view>
<!-- <view class="picture-wrapper" @click="cardFileImageUpdate(2)">
<view class="bg1">
<view class="">
<view class="name"> 授权书 </view>
<view class="value"> 上传授权书 </view>
<view class="tip">
<view class="tip-value"> 拍摄规范 </view>
</view>
</view>
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}issuance/weituo.png`"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}">
</image>
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</view>
</view> -->
</u-form>
</view>
<view class="bg">
<u-form label-width="230" :model="state.form" ref="uForm" :label-style='labelStyle'>
@@ -261,18 +349,34 @@
提交
</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>
<view @click.stop="xiangce(state.choiceIndex)">从手机相册选择</view>
<view @click.stop="cancle">取消</view>
</view>
</view>
<viewfinder v-if="state.phoneType" :phoneType="state.phoneType" :images="state.images" :showStartPhoto="state.showImg"
@confirmReturn="confirmReturn" @camera="camera"></viewfinder>
</template>

<script setup lang="ts">
import { navTo,uploadFile,strReplace,msg} from "@/utils/utils";
import { navTo,uploadFile,strReplace,msg,chooseImageCompress} from "@/utils/utils";
import { reactive,ref } from "vue";
import carNumberInput from "@/components/car-number-input/car-number-input.vue";
import { onLoad } from "@dcloudio/uni-app";
import { getItem } from "@/utils/storage.ts"
import {selfServiceView,selfServiceUserUpload,newMobileSmsCode} from "@/utils/network/api.js";
import {requestNew} from "@/utils/network/request.js";
import {selfServiceView,selfServiceUserUpload,newMobileSmsCode,vehicleLicenseOcr} from "@/utils/network/api.js";
import {requestNew} from "@/utils/network/request.js";
import viewfinder from "../../../components/viewfinder.vue"
import {
calculateVehicleType
} from "@/datas/publicRequest";
import {
getCodeName
} from "@/datas/queryKey.js";
const labelStyle = {
color: "#004576",
fontSize: "28rpx",
@@ -290,30 +394,49 @@ import {requestNew} from "@/utils/network/request.js";
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:"",
vehiclePlate: "",//车牌号
vehiclePlateColor: "",//车牌颜色
vehicleId:"",
vehiclePlateNew:"",//变更后车牌号
vehiclePlateColorNew:"",//变更后车牌颜色
cardId:"",
obuId:"",
isVehiclePlateChange:"",//是否车牌变更 否_0,是_1
vanType:"",//客货类型，1-客车 2-货车 3-作业车
isMyselfHandle:1,//本人办理_1,代理人办理_2
userType:1,//1个人 2单位
ownerNegImgUrl:"",//经办人身份证反面URL
ownerPosImgUrl:"",//经办人身份证正面URL
ownerLetterOfAuthorizationImgUrl:"",//开户人授权书URL
unitAuthorizationLetterImgUrl:"",//单位授权书URL
isTractor:0,//是否牵引车 否_0,是_1
roadTransportPermitPicUrl:"",//道路运输许可证图片地址(牵引车才提供)
ownerName:"",
ownerIdTypeStr:"",
ownerIdType:"",
ownerIdNum:"",
ownerAddress:"",
totalMass:"",
maintenaceMass:"",
axleCount:"",
vehicleDimensions:"",
approvedCount:"",
vin:"",
engineNum:"",
vehBodyUrl:"",
vehPosImgUrl:"",
vehNegImgUrl:"",
vehPosImgOcrId:"",//行驶证正面orcId
vehNegImgOcrId:"",//行驶证反面orcId
},
colorRange: [],
questionTypeRange:[
{value: 1, label: "工单1"},
{value: 2, label: "工单2"},
@@ -324,17 +447,50 @@ import {requestNew} from "@/utils/network/request.js";
],
isTakePhotoModeShow: false, //选择拍照方式是否出来
choiceIndex: 1, // 1 身份证正面 2 身份证反面
ownerInfo:false,//非本人 个人 车主信息true ==== 本人 个人 false
phoneType: 0, // 1 身份证正面 2 身份证反面 3行驶证正面 4行驶证反面
images: '',
showImg: true,
items: [{
value: 1,
name: '是',
checked: 'true'
},
{
value: 2,
name: '否',
}],
itemsqyc: [{
value: 0,
name: '否',
checked: 'true'
},
{
value: 1,
name: '是',
}],
ownerIdTypeRange: [],
})
onLoad((option : any) => {
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)
console.log("state.colorRange",state.ownerIdTypeRange,JSON.parse(decodeURIComponent(option.params)))
let params=JSON.parse(decodeURIComponent(option.params))
state.form.vehicleId=params.vehicleId
state.form.vehiclePlate=params.vehicleId.split("_")[0]
state.form.vehiclePlateColor=params.vehicleId.split("_")[1]
state.form.vehiclePlateNew=params.vehiclePlateNew
state.form.vehiclePlateColorNew=params.vehiclePlateColorNew
state.form.cardId=params.cardId
state.form.obuId=params.obuId
state.form.isVehiclePlateChange=params.isVehiclePlateChange
state.form.vanType=params.vanType
});
//车牌号输入
const carNumber = (val : any) => {
@@ -348,13 +504,12 @@ import {requestNew} from "@/utils/network/request.js";
state.form.vehiclePlateColorStr = 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 道路运输证
// val 1 经办人身份证正面URL 2 办人身份证反面URL 3开户人授权书URL
const cardFileImageUpdate = (val) => {
uni.chooseImage({
count: 1, //只能选取一张照片
@@ -362,12 +517,15 @@ import {requestNew} from "@/utils/network/request.js";
sourceType: ["camera", "album"], //从相册选择
success: function (res) {
uploadFile(res.tempFilePaths[0], "", "").then((data) => {
// if (val == 1) {
// state.form.vehBodyUrl = data;
// } else {
// state.form.roadTransportPermitPicUrl = data;
// }
if (val == 1) {
state.form.ownerPosImgUrl = data;
} else if(val == 2) {
state.form.ownerNegImgUrl = data;
}else if(val == 3) {
state.form.ownerLetterOfAuthorizationImgUrl = data;
}else if(val == 4) {
state.form.unitAuthorizationLetterImgUrl = data;
}
})
},
});
@@ -422,6 +580,95 @@ import {requestNew} from "@/utils/network/request.js";
console.log(err);
});
}
const confirmReturn = (val) => {
console.log("进来了")
if (state.choiceIndex == 3) {
var imageType = 1;
} else {
var imageType = 2;
}
state.phoneType = 0
state.isTakePhotoModeShow = false
uploadFile(val.tempImagePath, imageType, vehicleLicenseOcr).then((data) => {
console.log('输出内容=====================', state.choiceIndex)
if (state.choiceIndex == 3) {
state.form.ownerName = data.man;
state.form.ownerAddress = data.address;
// state.form.vehicleType = data.vehicle;
state.form.vin = data.vin;
state.form.engineNum = data.engine;
state.form.vehPosImgUrl = data.imageUrl;
state.form.vehPosImgOcrId = data.ocrResultId;
} else {
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.vehNegImgOcrId = data.ocrResultId;
// 计算收费车型
calculateVehicleType(state.form.approvedCount,state.form.axleCount,state.form.vehicleDimensions,state.form.totalMass,state.form.vanType, function (res) {
state.form.vehicleTypeNew=res
});
console.log('=====================', state.form.vehNegImgUrl, state)
}
state.isTakePhotoModeShow = false
})
console.log("图片地址val", val.tempImagePath)
}
const camera = () => {
state.phoneType = 0
}
const cancle = () => {
state.isTakePhotoModeShow = false
}
const takePhoto = (val) => {
console.log("拍照", val)
state.phoneType = val;
state.showImg = true;
}
const xiangce = (val) => {
console.log("val", val)
if (state.choiceIndex == 3) {
var imageType = 1;
} else {
var imageType = 2;
}
chooseImageCompress((res) => {
state.images = res.tempFilePath ? res.tempFilePath : res.tempFilePaths[0]
state.showImg = false
state.phoneType = state.choiceIndex
state.isTakePhotoModeShow = false
console.log("res==",res,state.choiceIndex,state.images)
})
}
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+1;
break;
}
}
console.log("state.form.isMyselfHandle", state.form.isMyselfHandle)
}
const radioChangeqyc = (evt) => {
console.log("evt.detail.value", evt.detail.value)
for (let i = 0; i < state.itemsqyc.length; i++) {
if (state.items[i].value == evt.detail.value) {
state.form.isTractor = i;
break;
}
}
console.log("state.form.isTractor", state.form.isTractor)
}
const changeOwnerIdType = (item) => {
state.form.ownerIdType = item[0].value
state.form.ownerIdTypeStr = item[0].label
console.log(item)
}
</script>

<style lang="scss" scoped>
@@ -549,5 +796,51 @@ import {requestNew} from "@/utils/network/request.js";
line-height: 60rpx;
margin-left: 20rpx;
}
.showworld{
display: flex;
justify-content: flex-end;
}
.choice-takePhoto-wrap {
width: 100%;
height: 100vh;
background-color: rgba(127, 127, 127, 0.2);
position: fixed;
left: 0;
top: 0;
z-index: 11111;
.choice-takePhoto {
position: absolute;
bottom: 0;
background-color: white;
width: 100%;
border-radius: 20rpx 20rpx 0 0;
}
.choice-takePhoto>view:first-child {
text-align: center;
height: 80rpx;
line-height: 80rpx;
border-bottom: 1rpx solid rgba(127, 127, 127, 0.3);
background-color: white;
}
.choice-takePhoto>view:last-child {
text-align: center;
height: 80rpx;
line-height: 80rpx;
border-top: 6rpx solid rgba(127, 127, 127, 0.1);
background-color: white;
}
.choice-takePhoto>view {
text-align: center;
height: 80rpx;
line-height: 80rpx;
background-color: white;
}
}
.right-show{
display: flex;
justify-content: flex-end;
}
</style>

+ 102
- 31
subpackage/personal-center/vehicle-change/vehicle-change-chepai.vue View File

@@ -4,19 +4,19 @@
<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'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>
<u-input v-model="state.form.vehiclePlateColorStr" input-align='right'disabled/>
<view class="showworld">{{getCodeName('VEHICLE_COLOR_TYPE',state.form.vehiclePlateColor)}}</view>
</u-form-item>
<u-form-item label="ETC卡状态" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.customerName" inputAlign="right" disabled/>
<view class="showworld">{{getCodeName('CARD_STATE_TYPE',state.form.cardStatus)}}</view>
</u-form-item>
<u-form-item label="OBU卡状态" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.customerTel" inputAlign="right" disabled/>
<view class="showworld">{{getCodeName('CARD_STATE_TYPE',state.form.obuStatus)}}</view>
</u-form-item>
<u-form-item label="ETC卡状态" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
@@ -25,7 +25,7 @@
<image :src='`${$imgUrl}issuance/cardPicture.png`' mode=""></image>
<view class="details">
<view>储蓄卡</view>
<view>卡号：100101010101</view>
<view>卡号：{{state.form.cardId}}</view>
</view>
</view>
<u-form-item label="OBU卡状态" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
@@ -35,22 +35,22 @@
<image :src='`${$imgUrl}issuance/obuPicture.png`' mode=""></image>
<view class="details">
<view>OBU信息</view>
<view>序列号：100101010101</view>
<view>序列号：{{state.form.obuId}}</view>
</view>
</view>
</u-form>
</view>
<view class="bg">
<view class="title" style="margin-bottom: 30rpx;">请输入需要变更ETC车牌号码</view>
<car-number-input :defaultStr="state.form.vehiclePlate"></car-number-input>
<car-number-input :defaultStr="state.form.vehiclePlateNew" @numberInputResult="carNumber"></car-number-input>
<u-form label-width="230" :model="state.form" ref="uForm" :label-style='labelStyle' borderBottom>
<u-form-item label="车牌颜色" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
<u-input v-model="state.form.vehiclePlateColorStr" type="select" @click="show1 = true" input-align='right'/>
<u-input v-model="state.form.vehiclePlateColorNewStr" 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'
borderBottom>
<u-input v-model="state.form.vehiclePlateColorStr" type="select" @click="show1 = true" input-align='right'/>
<u-input v-model="state.form.vehicleTypeStr" type="select" @click="show2 = true" input-align='right'/>
</u-form-item>
</u-form>
</view>
@@ -71,6 +71,7 @@
</view>
<!-- 选择车牌颜色 -->
<u-select v-model="show1" :list="state.colorRange" @confirm="changeColor"></u-select>
<u-select v-model="show2" :list="state.vehicleTypeRange" @confirm="changeVehicleType"></u-select>
</template>

<script setup lang="ts">
@@ -79,8 +80,11 @@
import carNumberInput from "@/components/car-number-input/car-number-input.vue";
import { onLoad } from "@dcloudio/uni-app";
import { getItem } from "@/utils/storage.ts"
import {selfServiceView,selfServiceUserUpload} from "@/utils/network/api.js";
import {selfServiceView,selfServiceUserUpload,cardObuQuery,plateCheck} from "@/utils/network/api.js";
import {requestNew} from "@/utils/network/request.js";
import {
getCodeName
} from "@/datas/queryKey.js";
const labelStyle = {
color: "#004576",
fontSize: "28rpx",
@@ -96,27 +100,25 @@ import {requestNew} from "@/utils/network/request.js";
const show2 = ref(false)
const state = reactive({
form: {
customerName: "",
customerTel: "",
vehicleId:"",
vehiclePlate: "",
vehiclePlateColor: "",
vehiclePlateColorStr:"",//车牌颜色中文
questionType:"",
questionTypeStr:"",
etcUser:"",
etcUserStr:"",
eventOccurrenceDate:"",//2016-09-01 00:00:00
supportingMaterialsUrlShow:[],
insertTime:"",
cardId:"",
obuId:"",
cardStatus:"",
obuStatus:"",
vehiclePlateNew:"",
vehiclePlateColorNew:"",
vehiclePlateColorNewStr:"",//车牌颜色中文
vehicleType:"",
vehicleTypeStr:"",
isVehiclePlateChange:""
},
colorRange: [],
questionTypeRange:[
{value: 1, label: "工单1"},
{value: 2, label: "工单2"},
],
etcUserRange:[
{value: 1, label: "是"},
{value: 0, label: "否"},
vehicleTypeRange:[
{value: 1, label: "客车"},
{value: 2, label: "货车"},
{value: 3, label: "作业车"},
],
})
onLoad((option : any) => {
@@ -127,20 +129,85 @@ import {requestNew} from "@/utils/network/request.js";
obj['label'] = getColor[k]['name']
state.colorRange.push(obj)
}
state.form.vehicleId=option.vehicleId
state.form.vehiclePlate=option.vehicleId.split("_")[0]
state.form.vehiclePlateColor=option.vehicleId.split("_")[1]
state.form.cardId=option.cardId
state.form.obuId=option.obuId
state.form.isVehiclePlateChange=option.isVehiclePlateChange
getObuList()
console.log("state.colorRange",state.colorRange,option)
});
//车牌号输入
const carNumber = (val : any) => {
state.form.vehiclePlate = val.trim();
state.form.vehiclePlateNew = val.trim();
};
const savaHandle = () => {
if(!state.form.vehiclePlateNew){
msg("请输入新车牌");
return;
}
if(!state.form.vehiclePlateColorNew){
msg("请输入新车牌颜色");
return;
}
if(!state.form.vehicleType){
msg("请选择车牌类型");
return;
}
const options = {
type: 2,
data: {
vehiclePlate: state.form.vehiclePlateNew,
vehiclePlateColor: state.form.vehiclePlateColorNew,
},
method: "POST",
showLoading: true,
};
// 车牌校验有问题 还没改好
requestNew(plateCheck, options).then((res) => {
console.log("车牌校验", res)
const paramsAll={
vehicleId:state.form.vehicleId,
isVehiclePlateChange:state.form.isVehiclePlateChange,
cardId:state.form.cardId,
obuId:state.form.obuId,
vehiclePlateNew:state.form.vehiclePlateNew,
vehiclePlateColorNew:state.form.vehiclePlateColorNew,
vanType:state.form.vehicleType,
}
const params = encodeURIComponent(JSON.stringify(paramsAll))
navTo(`/subpackage/personal-center/vehicle-change/vehicle-change-chepai-write?params=${params}`)
});
}
const changeColor = (item) => {
state.form.vehiclePlateColor = item[0].value
state.form.vehiclePlateColorStr = item[0].label
state.form.vehiclePlateColorNew = item[0].value
state.form.vehiclePlateColorNewStr = item[0].label
console.log(item)
}
const changeVehicleType = (item) => {
state.form.vehicleType = item[0].value
state.form.vehicleTypeStr = item[0].label
console.log(item)
}
const getObuList = () => {
var data = {
obuId: state.form.obuId,
cardId:state.form.cardId,
};
const options = {
type: 2,
data: data,
method: "POST",
showLoading: true,
};
requestNew(cardObuQuery, options).then((res) => {
let result = res;
state.form.obuStatus = result.obuStatus?result.obuStatus:""
state.form.cardStatus = result.cardStatus
})
}
</script>

<style lang="scss" scoped>
@@ -219,4 +286,8 @@ import {requestNew} from "@/utils/network/request.js";
text-indent: 1rem;
}
}
.showworld{
display: flex;
justify-content: flex-end;
}
</style>

Write Preview
Loading…
Cancel
Save