<image v-if="!state.form.vehPosImgUrl" class="icon" :src="`${$imgUrl}applyCard/car-zhu.png`"> | <image v-if="!state.form.vehPosImgUrl" class="icon" :src="`${$imgUrl}applyCard/car-zhu.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.vehPosImgUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.vehPosImgUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="picture-wrapper" @click="cardImageOcr('2')"> | <view class="picture-wrapper" @click="cardImageOcr('2')"> | ||||
</view> | </view> | ||||
<image v-if="!state.form.vehNegImgUrl" class="icon" :src="`${$imgUrl}applyCard/car-fu.png`"> | <image v-if="!state.form.vehNegImgUrl" class="icon" :src="`${$imgUrl}applyCard/car-fu.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.vehNegImgUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.vehNegImgUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="picture-wrapper" @click="cardFileImageUpdate()"> | <view class="picture-wrapper" @click="cardFileImageUpdate()"> | ||||
</view> | </view> | ||||
<image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}applyCard/chetou.png`"> | <image v-if="!state.form.vehBodyUrl" class="icon" :src="`${$imgUrl}applyCard/chetou.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.vehBodyUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.vehBodyUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="shibie-wrapper"> | <view class="shibie-wrapper"> |
} | } | ||||
//如果未登录||新用户 | //如果未登录||新用户 | ||||
// if (!getItem('openId')) { | |||||
if (!getItem('openId')) { | |||||
let data = { | let data = { | ||||
userType: "PERSONAL", | userType: "PERSONAL", | ||||
} | } | ||||
}) | }) | ||||
// } else { | |||||
//已经登录 | |||||
// let data = state.form; | |||||
// const options = { | |||||
// type: 2, | |||||
// data: data, | |||||
// method: "POST", | |||||
// showLoading: true, | |||||
// }; | |||||
// request(etcUserCardInfoSubmit, options).then((res) => { | |||||
// // let result = stringToJson(res.bizContent); | |||||
// console.log(res); | |||||
// uni.redirectTo({ | |||||
// url: `/subpackage/applyCard/car-release?orderId=${state.orderId}&vehiclePlateColor=${state.vehiclePlateColor}&isSign=${state.isSign}`, | |||||
// }); | |||||
// }); | |||||
// } | |||||
} else { | |||||
// 已经登录 | |||||
let data = state.form; | |||||
const options = { | |||||
type: 2, | |||||
data: data, | |||||
method: "POST", | |||||
showLoading: true, | |||||
}; | |||||
request(etcUserCardInfoSubmit, options).then((res) => { | |||||
// let result = stringToJson(res.bizContent); | |||||
console.log(res); | |||||
uni.redirectTo({ | |||||
url: `/subpackage/applyCard/car-release?orderId=${state.orderId}&vehiclePlateColor=${state.vehiclePlateColor}&isSign=${state.isSign}`, | |||||
}); | |||||
}); | |||||
} | |||||
}; | }; | ||||
const cardFileImageUpdate = () => { | const cardFileImageUpdate = () => { | ||||
uni.chooseImage({ | uni.chooseImage({ |
</view> | </view> | ||||
<image v-if="!state.form.posImgUrl" class="icon" :src="`${$imgUrl}applyCard/zhizhao.png`"> | <image v-if="!state.form.posImgUrl" class="icon" :src="`${$imgUrl}applyCard/zhizhao.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.posImgUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.posImgUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="picture-wrapper" @click="cardImageOcr('1')"> | <view class="picture-wrapper" @click="cardImageOcr('1')"> | ||||
</view> | </view> | ||||
<image v-if="!state.form.agentPosImgUrl" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`"> | <image v-if="!state.form.agentPosImgUrl" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.agentPosImgUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.agentPosImgUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="picture-wrapper" @click="cardImageOcr('2')"> | <view class="picture-wrapper" @click="cardImageOcr('2')"> | ||||
</view> | </view> | ||||
<image v-if="!state.form.agentNegImgUrl" class="icon" :src="`${$imgUrl}applyCard/guohui.png`"> | <image v-if="!state.form.agentNegImgUrl" class="icon" :src="`${$imgUrl}applyCard/guohui.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.agentNegImgUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.agentNegImgUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="picture-wrapper" @click="cardFileImageUpdate()"> | <view class="picture-wrapper" @click="cardFileImageUpdate()"> | ||||
</view> | </view> | ||||
<image v-if="!state.form.proxyUrl" class="icon" :src="`${$imgUrl}applyCard/weituoshu.png`"> | <image v-if="!state.form.proxyUrl" class="icon" :src="`${$imgUrl}applyCard/weituoshu.png`"> | ||||
</image> | </image> | ||||
<image v-else class="icon" :src="strReplace(state.form.proxyUrl)"></image> | |||||
<image v-else class="icon" :src="state.form.proxyUrl"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="shibie-wrapper"> | <view class="shibie-wrapper"> |
{{ "¥" + state.allMoney }} | {{ "¥" + state.allMoney }} | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="as-layout-horizontal as-gravity-center"> | |||||
<!-- <view class="as-layout-horizontal as-gravity-center"> | |||||
<checkbox value="cb" />请先阅读并同意 | <checkbox value="cb" />请先阅读并同意 | ||||
<a style="color:#007AFF;text-decoration: underline;">《ETC客户协议》</a> | <a style="color:#007AFF;text-decoration: underline;">《ETC客户协议》</a> | ||||
</view> | |||||
</view> --> | |||||
</view> | </view> | ||||
<view class="action"> | <view class="action"> | ||||
}; | }; | ||||
request(queryDetails, options).then((res) => { | request(queryDetails, options).then((res) => { | ||||
state.detailsObj = stringToJson(res.bizContent); | state.detailsObj = stringToJson(res.bizContent); | ||||
console.log("state.detailsObj",state.detailsObj) | |||||
state.allMoney = (parseFloat(state.detailsObj.product.oncePrice * 0.01) + parseFloat(state.productMoney)).toFixed(2) | state.allMoney = (parseFloat(state.detailsObj.product.oncePrice * 0.01) + parseFloat(state.productMoney)).toFixed(2) | ||||
}); | }); | ||||
} | } |
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: space-around; | |||||
.numberplate{ | .numberplate{ | ||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
margin-right: 60rpx; | |||||
// margin-right: 60rpx; | |||||
margin-bottom: 40rpx; | margin-bottom: 40rpx; | ||||
position: relative; | position: relative; | ||||
margin-right: 0rpx; | margin-right: 0rpx; | ||||
} | } | ||||
&-bg{ | &-bg{ | ||||
width: 230rpx; | |||||
width: 190rpx; | |||||
height: 80rpx; | height: 80rpx; | ||||
} | } | ||||
&-name{ | &-name{ |