|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<!-- <view class="content-wrap"> |
|
|
|
|
|
|
|
|
<!-- <view class="content-wrap"> |
|
|
<view @click="tabChange(true)"> |
|
|
<view @click="tabChange(true)"> |
|
|
<view :class="state.isMyPeopple ? 'big' : 'nomal'"> 本人车辆 </view> |
|
|
<view :class="state.isMyPeopple ? 'big' : 'nomal'"> 本人车辆 </view> |
|
|
<view :class="state.isMyPeopple ? 'tip' : ''"> </view> |
|
|
<view :class="state.isMyPeopple ? 'tip' : ''"> </view> |
|
|
|
|
|
|
|
|
<image v-else class="icon" :src="strReplace(state.FormData.commitmentUrl)"></image> |
|
|
<image v-else class="icon" :src="strReplace(state.FormData.commitmentUrl)"></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="picture-wrapper" @click="cardFileImageUpdate(3)"> |
|
|
|
|
|
<view class="bg"> |
|
|
|
|
|
<view class=""> |
|
|
|
|
|
<view class="name"> 委托书 </view> |
|
|
|
|
|
<view class="value"> 上传文字清晰的委托书 </view> |
|
|
|
|
|
<view class="tip"> |
|
|
|
|
|
<view class="tip-value"> 拍摄规范 </view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<image v-if="!state.FormData.proxyUrl" class="icon" :src="`${$imgUrl}applyCard/weituoshu.png`"> |
|
|
|
|
|
</image> |
|
|
|
|
|
<image v-else class="icon" :src="strReplace(state.FormData.proxyUrl)"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
<view class="shibie-wrapper"> |
|
|
<view class="shibie-wrapper"> |
|
|
<view class="title"> 识别内容如下 </view> |
|
|
<view class="title"> 识别内容如下 </view> |
|
|
<u-form label-width="200" :model="state.form" ref="uForm"> |
|
|
<u-form label-width="200" :model="state.form" ref="uForm"> |
|
|
|
|
|
|
|
|
ownNegImgUrl: "", //车主证件反面图片 |
|
|
ownNegImgUrl: "", //车主证件反面图片 |
|
|
agreementId: "", //签约编号 |
|
|
agreementId: "", //签约编号 |
|
|
channelId: "5201018892300000001", |
|
|
channelId: "5201018892300000001", |
|
|
|
|
|
proxyUrl: "", //委托书 |
|
|
}, |
|
|
}, |
|
|
orderId: "", |
|
|
orderId: "", |
|
|
isMyPeopple: true, |
|
|
isMyPeopple: true, |
|
|
|
|
|
|
|
|
phone: "", |
|
|
phone: "", |
|
|
}, |
|
|
}, |
|
|
actionSheetList: [{ |
|
|
actionSheetList: [{ |
|
|
label: "蓝色", |
|
|
|
|
|
value: '0', |
|
|
|
|
|
}, { |
|
|
|
|
|
label: "黄色", |
|
|
|
|
|
value: 1, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "黑色", |
|
|
|
|
|
value: 2, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "白色", |
|
|
|
|
|
value: 3, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "渐变绿色", |
|
|
|
|
|
value: 4, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "黄绿双拼色", |
|
|
|
|
|
value: 5, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "蓝白渐变色", |
|
|
|
|
|
value: 6, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "未确定", |
|
|
|
|
|
value: 9, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "绿色", |
|
|
|
|
|
value: 11, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "红色", |
|
|
|
|
|
value: 12, |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
label: "蓝色", |
|
|
|
|
|
value: '0', |
|
|
|
|
|
}, { |
|
|
|
|
|
label: "黄色", |
|
|
|
|
|
value: 1, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "黑色", |
|
|
|
|
|
value: 2, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "白色", |
|
|
|
|
|
value: 3, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "渐变绿色", |
|
|
|
|
|
value: 4, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "黄绿双拼色", |
|
|
|
|
|
value: 5, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "蓝白渐变色", |
|
|
|
|
|
value: 6, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "未确定", |
|
|
|
|
|
value: 9, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "绿色", |
|
|
|
|
|
value: 11, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: "红色", |
|
|
|
|
|
value: 12, |
|
|
|
|
|
}, |
|
|
], |
|
|
], |
|
|
FormData: { |
|
|
FormData: { |
|
|
vehiclePlate: '', |
|
|
vehiclePlate: '', |
|
|
|
|
|
|
|
|
peopleVehicleImgUrl: '', |
|
|
peopleVehicleImgUrl: '', |
|
|
commitmentUrl: '', |
|
|
commitmentUrl: '', |
|
|
mobile: '', |
|
|
mobile: '', |
|
|
code: '' |
|
|
|
|
|
|
|
|
code: '', |
|
|
|
|
|
proxyUrl: "", //委托书 |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
const savaHandle = () => { |
|
|
const savaHandle = () => { |
|
|
|
|
|
|
|
|
if (state.FormData.vehPosImgUrl && state.FormData.vehNegImgUrl) { |
|
|
if (state.FormData.vehPosImgUrl && state.FormData.vehNegImgUrl) { |
|
|
if (state.FormData.peopleVehicleImgUrl) { |
|
|
if (state.FormData.peopleVehicleImgUrl) { |
|
|
if (state.FormData.vehiclePlate && state.FormData.vehiclePlatecolor) { |
|
|
if (state.FormData.vehiclePlate && state.FormData.vehiclePlatecolor) { |
|
|
state.FormData.vehiclePlatecolor=Number(state.FormData.vehiclePlatecolor) |
|
|
|
|
|
|
|
|
state.FormData.vehiclePlatecolor = Number(state.FormData.vehiclePlatecolor) |
|
|
let data = JSON.stringify(state.FormData) |
|
|
let data = JSON.stringify(state.FormData) |
|
|
navTo(`/subpackage/after-sale/rescind-carId/verification?fromData=${data}`); |
|
|
navTo(`/subpackage/after-sale/rescind-carId/verification?fromData=${data}`); |
|
|
} else { |
|
|
} else { |
|
|
|
|
|
|
|
|
// }) |
|
|
// }) |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const selectConfirm = (item: any) => { |
|
|
|
|
|
|
|
|
const selectConfirm = (item : any) => { |
|
|
console.log(item); |
|
|
console.log(item); |
|
|
state.FormData.vehiclePlatecolor = item[0].value |
|
|
state.FormData.vehiclePlatecolor = item[0].value |
|
|
state.form.caridCorlor = item[0].label |
|
|
state.form.caridCorlor = item[0].label |
|
|
|
|
|
|
|
|
count: 1, //只能选取一张照片 |
|
|
count: 1, //只能选取一张照片 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
success: function(res) { |
|
|
|
|
|
|
|
|
success: function (res) { |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
.then((path) => { |
|
|
.then((path) => { |
|
|
var data = { |
|
|
var data = { |
|
|
|
|
|
|
|
|
console.log(data, "didid"); |
|
|
console.log(data, "didid"); |
|
|
if (val == 1) { |
|
|
if (val == 1) { |
|
|
state.FormData.peopleVehicleImgUrl = data.data.url; |
|
|
state.FormData.peopleVehicleImgUrl = data.data.url; |
|
|
} else { |
|
|
|
|
|
|
|
|
} else if (val == 2) { |
|
|
state.FormData.commitmentUrl = data.data.url; |
|
|
state.FormData.commitmentUrl = data.data.url; |
|
|
|
|
|
} else if (val == 3) { |
|
|
|
|
|
state.FormData.proxyUrl = data.data.url; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
.catch((error) => {}); |
|
|
|
|
|
|
|
|
.catch((error) => { }); |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// tmerValidity: "", |
|
|
// tmerValidity: "", |
|
|
// }; |
|
|
// }; |
|
|
// }; |
|
|
// }; |
|
|
onLoad((option: any) => { |
|
|
|
|
|
|
|
|
onLoad((option : any) => { |
|
|
state.form.orderId = option.orderId; |
|
|
state.form.orderId = option.orderId; |
|
|
state.orderId = option.orderId; |
|
|
state.orderId = option.orderId; |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const cardDbImageOcr = (val: any) => { |
|
|
|
|
|
|
|
|
const cardDbImageOcr = (val : any) => { |
|
|
var imageType = val; |
|
|
var imageType = val; |
|
|
uni.chooseImage({ |
|
|
uni.chooseImage({ |
|
|
count: 1, //只能选取一张照片 |
|
|
count: 1, //只能选取一张照片 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
success: function(res) { |
|
|
|
|
|
|
|
|
success: function (res) { |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
.then((path) => { |
|
|
.then((path) => { |
|
|
var data = { |
|
|
var data = { |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
.catch((error) => {}); |
|
|
|
|
|
|
|
|
.catch((error) => { }); |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}); |
|
|
}; |
|
|
}; |
|
|
//orc接口调用 |
|
|
//orc接口调用 |
|
|
const cardImageOcr = (val: any) => { |
|
|
|
|
|
|
|
|
const cardImageOcr = (val : any) => { |
|
|
console.log("点击了"); |
|
|
console.log("点击了"); |
|
|
var imageType = val; |
|
|
var imageType = val; |
|
|
uni.chooseImage({ |
|
|
uni.chooseImage({ |
|
|
count: 1, //只能选取一张照片 |
|
|
count: 1, //只能选取一张照片 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
sourceType: ["camera", "album"], //从相册选择 |
|
|
success: function(res) { |
|
|
|
|
|
|
|
|
success: function (res) { |
|
|
console.log(res); |
|
|
console.log(res); |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
pathToBase64(res.tempFilePaths[0]) |
|
|
.then((path) => { |
|
|
.then((path) => { |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}) |
|
|
}) |
|
|
.catch((error) => {}); |
|
|
|
|
|
|
|
|
.catch((error) => { }); |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//替换图片地址 |
|
|
//替换图片地址 |
|
|
const strReplace = (str : string) => { |
|
|
const strReplace = (str : string) => { |
|
|
console.log(str) |
|
|
console.log(str) |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
font-size: 35rpx; |
|
|
font-size: 35rpx; |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
|
|
|
|
|
|
margin-bottom: 60rpx; |
|
|
margin-bottom: 60rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
|
|
|
|
|
|
</style> |