xinyouhe/hs-usedcar-miniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
507bff6d653aad1a220a1935f030035b81a5e31c
hs-usedcar-miniapp/pages/mine/mycarSource/info1.vue
T
浅念 507bff6d65 二手车小程序
2025-09-19 09:54:43 +08:00

666 lines
22 KiB
Vue
Raw Blame History

<template>
<view>
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" :title="$t('navbar.newcar')"></uni-nav-bar>
<view class="cont">
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.front45Degree')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select" @delete="delfn('front_45_degree')">
<image :src="carinfo.front_45_degree_full==''?'/static/image/img.png':carinfo.front_45_degree_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftFront45Degree')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select1" @delete="delfn('front_left_45_degree')">
<image :src="carinfo.front_left_45_degree_full==''?'/static/image/img.png':carinfo.front_left_45_degree_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftFrontHeadlight')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select2" @delete="delfn('front_left_headlight')">
<image :src="carinfo.front_left_headlight_full==''?'/static/image/img.png':carinfo.front_left_headlight_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.front')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select3" @delete="delfn('front_view')">
<image :src="carinfo.front_view_full==''?'/static/image/img.png':carinfo.front_view_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.frontLowerPart')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select4" @delete="delfn('lower_front')">
<image :src="carinfo.lower_front_full==''?'/static/image/img.png':carinfo.lower_front_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.wheelHub')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select5" @delete="delfn('wheel_hub')">
<image :src="carinfo.wheel_hub_full==''?'/static/image/img.png':carinfo.wheel_hub_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rightFrontSeat')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select6" @delete="delfn('front_right_seat')">
<image :src="carinfo.front_right_seat_full==''?'/static/image/img.png':carinfo.front_right_seat_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rightBottomEdge')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select7" @delete="delfn('right_lower_side')">
<image :src="carinfo.right_lower_side_full==''?'/static/image/img.png':carinfo.right_lower_side_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rightRearTaillight')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select8" @delete="delfn('rear_right_taillight')">
<image :src="carinfo.rear_right_taillight_full==''?'/static/image/img.png':carinfo.rear_right_taillight_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rightRear45Degree')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select9" @delete="delfn('rear_right_45_degree')">
<image :src="carinfo.rear_right_45_degree_full==''?'/static/image/img.png':carinfo.rear_right_45_degree_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rearLowerPart')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select10" @delete="delfn('lower_rear')">
<image :src="carinfo.lower_rear_full==''?'/static/image/img.png':carinfo.lower_rear_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.trunk')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select11" @delete="delfn('trunk')">
<image :src="carinfo.trunk_full==''?'/static/image/img.png':carinfo.trunk_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftBottomEdge')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select12" @delete="delfn('left_lower_side')">
<image :src="carinfo.left_lower_side_full==''?'/static/image/img.png':carinfo.left_lower_side_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.rearSeat')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select13" @delete="delfn('rear_seats')">
<image :src="carinfo.rear_seats_full==''?'/static/image/img.png':carinfo.rear_seats_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.console')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select14" @delete="delfn('center_console')">
<image :src="carinfo.center_console_full==''?'/static/image/img.png':carinfo.center_console_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.controlPanel')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select15" @delete="delfn('control_panel')">
<image :src="carinfo.control_panel_full==''?'/static/image/img.png':carinfo.control_panel_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.gearLever')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select16" @delete="delfn('gear_shift')">
<image :src="carinfo.gear_shift_full==''?'/static/image/img.png':carinfo.gear_shift_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.key')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select17" @delete="delfn('car_key')">
<image :src="carinfo.car_key_full==''?'/static/image/img.png':carinfo.car_key_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.steeringWheel')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select18" @delete="delfn('steering_wheel')">
<image :src="carinfo.steering_wheel_full==''?'/static/image/img.png':carinfo.steering_wheel_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.dashboard')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select19" @delete="delfn('dashboard')">
<image :src="carinfo.dashboard_full==''?'/static/image/img.png':carinfo.dashboard_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.displayedMileage')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select20" @delete="delfn('odometer_reading')">
<image :src="carinfo.odometer_reading_full==''?'/static/image/img.png':carinfo.odometer_reading_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftFrontDoorPanel')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select21" @delete="delfn('front_left_door_panel')">
<image :src="carinfo.front_left_door_panel_full==''?'/static/image/img.png':carinfo.front_left_door_panel_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftFrontDoorFunctionArea')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select22" @delete="delfn('front_left_door_function_area')">
<image :src="carinfo.front_left_door_function_area_full==''?'/static/image/img.png':carinfo.front_left_door_function_area_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.leftFrontSeat')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select23" @delete="delfn('front_left_seat')">
<image :src="carinfo.front_left_seat_full==''?'/static/image/img.png':carinfo.front_left_seat_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
<view class="content">
<uni-collapse>
<uni-collapse-item title-border="none" :border="false">
<template v-slot:title>
<view class="con-title">
<text>{{$t('carinfo.ceiling')}}</text>
</view>
</template>
<view class="contents">
<uni-file-picker fileMediatype="image" limit="1" :del-icon="false" disable-preview @select="select24" @delete="delfn('interior_ceiling')">
<image :src="carinfo.interior_ceiling_full==''?'/static/image/img.png':carinfo.interior_ceiling_full" mode="" class="addimg"></image>
</uni-file-picker>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
<view class="foot">
<view>
<button class="btn1" plain="true" @click="goFn">{{$t('button.previous')}}</button>
<button class="btn" @click="nextFn">{{$t('button.next')}}</button>
</view>
</view>
</view>
</template>
<script>
import { request,showToast } from '@/api/apiT.js'
export default {
data() {
return {
id:'',
carinfo:{},
}
},
onLoad(options) {
this.id = options.id;
const carinfo = uni.getStorageSync('edtcarinfo');
this.carinfo = JSON.parse(carinfo);
console.log(this.carinfo )
// this.getcontList()
},
methods: {
getcontList(){
request({
url:'draft/detail/'+this.id,
method:'get',
}).then(res => {
this.carinfo = res.data.data.detail
})
},
uploadfn(imgUrl,name){
var that = this;
uni.uploadFile({
url: 'https://api.collect.hs.hnzhwlkj.club/api/upload/image',
filePath: imgUrl,
name: 'image',
header:{'content-type': 'application/x-www-form-urlencoded','Authorization': 'Bearer ' + uni.getStorageSync('token')},
success: (uploadFileRes) => {
const path=JSON.parse(uploadFileRes.data)
that.carinfo[name] = path.data.image_name
console.log(that.carinfo)
}
});
},
delfn(name){
that.carinfo[name] =''
},
select(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_45_degree')
},
select1(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_left_45_degree')
},
select2(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_left_headlight')
},
select3(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_view')
},
select4(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'lower_front')
},
select5(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'wheel_hub')
},
select6(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_right_seat')
},
select7(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'right_lower_side')
},
select8(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'rear_right_taillight')
},
select9(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'rear_right_45_degree')
},
select10(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'lower_rear')
},
select11(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'trunk')
},
select12(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'left_lower_side')
},
select13(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'rear_seats')
},
select14(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'center_console')
},
select15(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'control_panel')
},
select16(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'gear_shift')
},
select17(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'car_key')
},
select18(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'steering_wheel')
},
select19(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'dashboard')
},
select20(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'odometer_reading')
},
select21(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_left_door_panel')
},
select22(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_left_door_function_area')
},
select23(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'front_left_seat')
},
select24(e){
const tempFilePaths = e.tempFilePaths;
const imgUrl=tempFilePaths[0]
this.uploadfn(imgUrl,'interior_ceiling')
},
leftClick(){
uni.navigateBack({})
},
goFn(){
uni.navigateBack({})
},
nextFn(){
const carinfo = JSON.stringify(this.carinfo);
uni.setStorageSync('edtcarinfo', carinfo);
uni.navigateTo({
url: '/pages/mine/mycarSource/info2?id='+this.id
});
}
}
}
</script>
<style>
.uni-file-picker {
margin-left: 33.3%;
}
.cont{
padding: 10px 0px 130px;
}
.content{
margin: 10px 12px;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
}
.con-title{
padding: 18px 10px;
font-weight: 500;
}
.red{
color: red;
}
.contents{
padding:10px;
text-align: center;
}
.addimg{
width: 110px;
height:110px;
}
.caogao{
position: fixed;
right: 0px;
bottom: 280rpx;
}
.caogao image{
width: 64px;
height: 64px;
}
.foot{
position: fixed;
bottom: 0px;
width: 100%;
height: 240rpx;
background: #FFFFFF;
}
.foot view{
display: flex;
width: 94%;
margin: 20px 3%;
}
.btn{
background-color: #3F435B;
color: white;
border-radius: 50px;
margin-bottom: 40px;
margin-left: 2%;
flex-grow:1
}
.btn1{
border-color:#9E9E9E !important;
border-radius: 20px;
color: #414141;
margin-bottom: 40px;
width: 110px;
background-color: #fff;
}
</style>
Reference in New Issue View Git Blame Copy Permalink