qiubinghui
/
zhywpt-sp
Tarkkaile 1
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
Selaa lähdekoodia

车辆信息变更

修改样式逻辑
yangteng 1 kuukausi sitten
vanhempi
45bcddd131
commit
586735e06d
5 muutettua tiedostoa jossa 340 lisäystä ja 131 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 20
    1
      datas/publicRequest.ts
  2. 27
    21
      subpackage/personal-center/vehicle-change/car-details.vue
  3. 285
    106
      subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write.vue
  4. 6
    3
      subpackage/personal-center/vehicle-change/vehicle-change-direction.vue
  5. 2
    0
      utils/network/api.js

+ 20
- 1
datas/publicRequest.ts Näytä tiedosto

@@ -1,5 +1,5 @@
import {requestNew} from "@/utils/network/request";
import {hexToStrig } from "@/utils/network/api.js";
import {hexToStrig,vehicleTypeCount } from "@/utils/network/api.js";
const tools = require("../static/etcUtil/tools.js");
export const decryptCardVehicleInformation=(str, func)=> {
const options = {
@@ -16,3 +16,22 @@ export const decryptCardVehicleInformation=(str, func)=> {
func(res.rd)
})
}
export const calculateVehicleType=(approvedCount,axleCount,outsideDimensions,totalMass,vanType, func)=> {
const options = {
type: 2,
data: {
approvedCount,
axleCount,
outsideDimensions,
totalMass,
vanType
},
method: "POST",
showLoading: true,
};
requestNew(vehicleTypeCount, options).then((res) => {
tools.hideLoadingAlert();
console.log("计算收费车型",res)
func(res.newType)
})
}

+ 27
- 21
subpackage/personal-center/vehicle-change/car-details.vue Näytä tiedosto

@@ -3,61 +3,64 @@
<view class="title_wrap"><text class="title">车辆信息</text></view>
<u-form label-width="230" :model="state.msg" ref="uForm" :label-style='labelStyle'>
<u-form-item label="卡号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'>
<u-input v-model="state.msg['cardId']" input-align='right'/>
<u-input v-model="state.msg['cardId']" input-align='right' disabled/>
</u-form-item>
<u-form-item label="签号" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'>
<u-input v-model="state.msg['obuId']" input-align='right'/>
<u-input v-model="state.msg['obuId']" input-align='right' disabled/>
</u-form-item>
<u-form-item label="车辆所有人信息" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'>
<u-input v-model="state.msg['info']['ownerName']" input-align='right'/>
<u-input v-model="state.msg['info']['ownerName']" input-align='right' disabled/>
</u-form-item>
<u-form-item label="车辆所有人证件类型" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.msg.info.ownerIdType">
<text>{{getCodeName('CERTIFICATE_TYPE', state.msg.info.ownerIdType)}}</text>
<view class="right-show">
<text>{{getCodeName('CERTIFICATE_TYPE', state.msg.info.ownerIdType)}}</text>
</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.msg.info.vehiclePlate" inputAlign="right" />
<u-input v-model="state.msg.info.vehiclePlate" inputAlign="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.msg.info.vehicleType" inputAlign="right"/>
<u-input v-model="state.msg.info.vehicleType" inputAlign="right" disabled/>
</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.msg.info.vin"/>
<u-input inputAlign="right" placeholder="请输入车辆识别代号" v-model="state.msg.info.vin" disabled/>
</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.msg.info.engineNum"/>
</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.msg.info.engineNum"/>
<u-input inputAlign="right" placeholder="请输入发动机号码" v-model="state.msg.info.engineNum" disabled/>
</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.msg.info.approvedCount" />
<u-input inputAlign="right" placeholder="请输入核定载人数" v-model="state.msg.info.approvedCount" disabled/>
</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.msg.info.totalMass"/>
<u-input inputAlign="right" placeholder="请输入总质量" v-model="state.msg.info.totalMass" disabled/>
</u-form-item>
<u-form-item label="整备质量" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.msg.info.maintenanceMass">
<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.msg.info.maintenanceMass"/>
<u-input inputAlign="right" placeholder="请输入整备质量" v-model="state.msg.info.maintenanceMass" disabled/>
</u-form-item>
<u-form-item label="核定载质量" v-if="state.msg.info.permittedWeight" :left-icon='`${$imgUrl}issuance/point-form.png`'
:left-icon-style='leftIcon'>
<u-input inputAlign="right" placeholder="核定载质量" v-model="state.msg.info.permittedWeight"/>
<u-input inputAlign="right" placeholder="核定载质量" v-model="state.msg.info.permittedWeight" disabled/>
</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.msg.info.vehicleDimensions"/>
<u-input inputAlign="right" placeholder="外廓尺寸" v-model="state.msg.info.vehicleDimensions" disabled/>
</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.msg.info.permittedTowWeight"/>
<u-input inputAlign="right" placeholder="准牵引总质量" v-model="state.msg.info.permittedTowWeight" disabled/>
</u-form-item>
<u-form-item label="车轮数" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.msg.info.wheelCount">
<u-input inputAlign="right" placeholder="请输入车轮数" v-model="state.msg.info.wheelCount"/>
<u-input inputAlign="right" placeholder="请输入车轮数" v-model="state.msg.info.wheelCount" disabled/>
</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.msg.info.axleCount"/>
<u-input inputAlign="right" placeholder="请输入车轴数" v-model="state.msg.info.axleCount" disabled/>
</u-form-item>
<u-form-item label="车辆使用性质" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon' v-if="state.msg.info.useCharacter">
<u-input inputAlign="right" placeholder="请输入车辆使用性质" v-model="state.msg.info.useCharacter" />
<view class="right-show">
<text v-if="state.msg.info.useCharacter==1">营运</text>
<text v-else-if="state.msg.info.useCharacter==2">非营运</text>
<text v-else>未知</text>
</view>
</u-form-item>
</u-form>
<view class="picture-wrapper" @click="see(strReplace(state.msg.info.vehPosImgUrl))">
@@ -283,5 +286,8 @@ import { getCodeName } from "@/datas/queryKey.js";
background-repeat: no-repeat;
}
}
.right-show{
display: flex;
justify-content: flex-end;
}
</style>

+ 285
- 106
subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write.vue Näytä tiedosto

@@ -95,75 +95,150 @@
maxlength="20" />
</u-form-item>
<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>
<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-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>
<view class="picture-wrapper" @click="cardFileImageUpdate(1)" v-if="state.form.isMyselfHandle==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.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>
<view class="picture-wrapper" @click="cardFileImageUpdate(2)" v-if="state.form.isMyselfHandle==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>
<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>
<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>
</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>
</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 class="picture-wrapper" @click="cardFileImageUpdate(1)" v-if="state.form.isTractor==0 && state.form.vanType==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.vehFrontUrl" 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.vehFrontUrl)"
:style="{'--bgimg':`url(${$imgUrl}issuance/bg-border.png)`}"></image>
</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 class="picture-wrapper" @click="cardFileImageUpdate(1)" v-if="state.form.isTractor==0 && state.form.vanType==2">
<view class="bg1">
<view class="">
<view class="name"> 车身照 </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>
<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>
<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(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>
<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-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-form-item>
</u-form>
</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.ownerTel" input-align='right'/>
<u-input v-model="state.form.ownerTel" input-align='right' disabled/>
</u-form-item>
<u-form-item label="验证码" :left-icon='`${$imgUrl}issuance/point-form.png`' :left-icon-style='leftIcon'
borderBottom>
@@ -182,6 +257,8 @@
</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>
<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>
@@ -205,6 +282,9 @@ import {
getCodeName
} from "@/datas/queryKey.js";
import viewfinder from "../../../components/viewfinder.vue"
import {
calculateVehicleType
} from "@/datas/publicRequest";
const labelStyle = {
color: "#004576",
fontSize: "28rpx",
@@ -217,6 +297,7 @@ import {
'margin-right': '4rpx',
}
const show1 = ref(false)
const show2 = ref(false)
const state = reactive({
form: {
@@ -228,8 +309,6 @@ import {
vehPosImgUrl:"",
vehNegImgUrl:"",
vehBodyUrl:"",
isVehiclePlateChange:"",//是否车牌变更 否_0,是_1
ownerName:"",//车主姓名
ownerAddress:"",
@@ -244,11 +323,25 @@ import {
ownerIdTypeStr:"",
ownerIdType:"",
ownerIdNum:"",
isTractor:0,//否_0,是_1
isTractor:0,//是否牵引车 否_0,是_1
cardId:"",
obuId:"",
isMyselfHandle:1,//本人办理_1,代理人办理_2
ownerTel:""
ownerTel:"",
ownerNegImgUrl:"",//经办人身份证反面URL
ownerPosImgUrl:"",//经办人身份证正面URL
ownerLetterOfAuthorizationImgUrl:"",//开户人授权书URL
unitAuthorizationLetterImgUrl:"",//单位授权书URL
vehFrontUrl:"",//车头照图片地址
vehBodyUrl:"",//车身45度照图片地址
roadTransportPermitPicUrl:"",//道路运输许可证图片地址(牵引车才提供)
useUserType: 0, //车辆用户类型
useUserTypeName: "普通车",
vanType:1,//客货类型，1-客车 2-货车 3-作业车
vehicleTypeNew:1,//收费车型(按新输入的值计算)[变更车辆类型]
vehPosImgOcrId:"",//行驶证正面orcId
vehNegImgOcrId:"",//行驶证反面orcId
userType:1,//1个人 2单位
},
ownerIdTypeRange: [],
isTakePhotoModeShow: false, //选择拍照方式是否出来
@@ -260,14 +353,24 @@ import {
vehicleId:"",
code:"",
items: [{
value: '1',
value: 1,
name: '是',
checked: 'true'
},
{
value: '2',
value: 2,
name: '否',
}],
itemsqyc: [{
value: 0,
name: '否',
checked: 'true'
},
{
value: 1,
name: '是',
}],
useUserTypeRange:[]
})
onLoad((option : any) => {
state.form.isVehiclePlateChange=option.isVehiclePlateChange
@@ -300,9 +403,12 @@ import {
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
// 判断客货类型
judgeVanType()
state.form.totalMass=res.info.totalMass
state.form.maintenaceMass=res.info.maintenaceMass
state.form.axleCount=res.info.axleCount
@@ -310,17 +416,65 @@ 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.ownerTel=res.info.customerInfo.customerTel
state.form.userType=res.userType
// 计算收费车型
calculateVehicleType(state.form.approvedCount,state.form.axleCount,state.form.vehicleDimensions,state.form.totalMass,state.form.vanType, function (res) {
state.form.vehicleTypeNew=res
});
// 判断车辆用户类型
judgeUseUserType()
})
.catch((err) => {
console.log(err);
});
}
const checkCodeRequest = () => {
if(!state.form.ownerTel){
msg("请输入手机号");
return;
// 判断客货类型
const judgeVanType=()=>{
if(state.form.vehicleType.indexOf('客车') || state.form.vehicleType.indexOf('轿车')){
state.form.vanType=1
state.form.isTractor = 0
}else if(state.form.vehicleType.indexOf('牵引车') || state.form.vehicleType.indexOf('货车') || state.form.vehicleType.indexOf('挂车')){
state.form.vanType=2
state.form.isTractor = 1;
}else{
state.form.vanType=3
}
}
// 判断车辆用户类型
const judgeUseUserType=()=>{
if(state.form.vanType==1){
state.useUserTypeRange=[
{
'value':0,
'label':"普通车"
}
]
}else{
state.useUserTypeRange=[
{
'value':0,
'label':"普通车"
},
{
'value': "道路运输证经营范围仅有“货物专用运输(集装箱) ”的牵引车办理J类型集装箱",
'label': 24,
},
{
'value': "道路运输证经营范围不含“货物专用运输(集装箱)”的牵引车",
'label': 27,
},
{
'value': '道路运输证经营范围除“货物专用运输 (集装 箱)"外，还有“普通货运”等其他项目的牵引车办理J2类型集装箱',
'label': 28,
}
]
}
}
const checkCodeRequest = () => {
if(!state.code){
msg("请输入验证码");
return;
@@ -368,7 +522,7 @@ import {
msg("请选择变更证件类型");
return;
}
if(checkStr(state.form.ownerIdNum, "card")){
if(!checkStr(state.form.ownerIdNum, "card")){
msg("请输入正确变更证件号码");
return;
}
@@ -434,12 +588,18 @@ import {
state.form.ownerIdTypeStr = item[0].label
console.log(item)
}
const changeUseUserType = (item) => {
state.form.useUserType = item[0].value
state.form.useUserTypeName = item[0].label
console.log(item)
}
const takePhotoMode = (index) => {
console.log("index", index)
state.isTakePhotoModeShow = true
state.choiceIndex = index
}
//车头照图片上传 val 1 车头照 2 道路运输证
// val 1 经办人身份证正面URL 2 办人身份证反面URL 3开户人授权书URL
const cardFileImageUpdate = (val) => {
uni.chooseImage({
count: 1, //只能选取一张照片
@@ -447,12 +607,15 @@ import {
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;
}
})
},
});
@@ -548,14 +711,10 @@ import {
state.form.vin = data.vin;
state.form.engineNum = data.engine;
state.form.vehPosImgUrl = data.imageUrl;
if (data.vehicle.indexOf('牵引车') > 0) {
console.log("是牵引车的")
qian()
} else {
console.log("走不是牵引车的")
notQian()
}
state.form.vehPosImgOcrId = data.ocrResultId;
// 判断客货类型
judgeVanType()
} else {
state.form.approvedCount = data.apc.slice(0,-1);
state.form.maintenaceMass = data.unladen.slice(0,-2);
@@ -563,11 +722,17 @@ import {
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.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
});
// 判断车辆用户类型
judgeUseUserType()
console.log('=====================', state.form.vehNegImgUrl, state)
}
state.isTakePhotoModeShow = false
})
console.log("图片地址val", val.tempImagePath)
@@ -576,40 +741,50 @@ import {
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 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;
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)
}
</script>

<style lang="scss" scoped>
@@ -779,4 +954,8 @@ import {
background-color: white;
}
}
.right-show{
display: flex;
justify-content: flex-end;
}
</style>

+ 6
- 3
subpackage/personal-center/vehicle-change/vehicle-change-direction.vue Näytä tiedosto

@@ -103,6 +103,8 @@
const state = reactive({
isVehiclePlateChange: 0,
vehicleId:"",
cardId:"",
obuId:""
});
const list=ref([
{'name':"申请人身份证正面",'img':"issuance/sfz.png"},
@@ -115,14 +117,15 @@
onLoad((options) => {
state.vehicleId=options.vehicleId
state.isVehiclePlateChange=options.isVehiclePlateChange
state.cardId=options.cardId
state.obuId=options.obuId
console.log("options",options)
})
const savaHandle = () => {
if(state.isVehiclePlateChange==1){
navTo(`/subpackage/personal-center/vehicle-change/vehicle-change-chepai?vehicleId=${state.vehicleId}&isVehiclePlateChange=${state.isVehiclePlateChange}`)
navTo(`/subpackage/personal-center/vehicle-change/vehicle-change-chepai?vehicleId=${state.vehicleId}&isVehiclePlateChange=${state.isVehiclePlateChange}&cardId=${state.cardId}&obuId=${state.obuId}`)
}else{
navTo(`/subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write?vehicleId=${state.vehicleId}&isVehiclePlateChange=${state.isVehiclePlateChange}`)
navTo(`/subpackage/personal-center/vehicle-change/vehicle-change-cheliangmsg-write?vehicleId=${state.vehicleId}&isVehiclePlateChange=${state.isVehiclePlateChange}&cardId=${state.cardId}&obuId=${state.obuId}`)
}
}
const progressQuery = () => {

+ 2
- 0
utils/network/api.js Näytä tiedosto

@@ -482,3 +482,5 @@ export const preDeviceCheck = "/iaw/aftersale/deviceUpgrade/preDeviceCheck" //
export const preDeviceCheckRes = "/iaw/aftersale/deviceUpgrade/preDeviceCheckRes" //设备预检结果回传
export const vehicleInformationChange = "/iaw/aftersale/vehicleInformationChange/vehicleView" //车辆详细信息
export const vehicleInfoChangeApply = "/iaw/aftersale/vehicleInformationChange/vehicleInfoChangeApply" //车辆信息变更申请

export const vehicleTypeCount = "/iaw/aftersale/vehicleInformationChange/vehicleTypeCount" //车型计算

Write Preview
Loading…
Peruuta
Tallenna