hs-usedcar-miniapp/pages/mine/mycarSource/info2.vue

<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="content">
			<view class="cont">{{$t('carinfo.mag')}}</view>
			<view class="">
				<textarea auto-height v-model="carinfo.condition_desc" :placeholder="$t('carinfo.maginput')"/>
			</view>
		</view>
		<view class="foot">
			<view>
				<button class="btn1" plain="true"  @click="leftClick">{{$t('button.previous')}}</button>
				<button class="btn"  @click="addFn">{{$t('button.submit')}}</button>
			</view>
			
		</view>	
	</view>
</template>

<script>
	import { request,showToast } from '@/api/apiT.js'
	export default {
		data() {
			return {
				id:'',
				oldcarinfo:{},
				carinfo:{
					name:'',
					vin:'',
					brand:'',	
					price:'',	
					type:'',	
					energy:'',	
					mileage	:'',
					vehicle_age:'',	
					condition_desc:'',	
					front_45_degree:'',
					front_left_45_degree:'',		
					front_left_headlight:'',		
					front_view:'',		
					lower_front:'',		
					wheel_hub:'',		
					front_right_seat:'',		
					right_lower_side:'',		
					rear_right_taillight:'',	
					rear_right_45_degree:'',	
					lower_rear:'',	
					trunk:'',	
					left_lower_side:'',		
					rear_seats:'',		
					center_console:'',	
					control_panel:'',	
					gear_shift:'',	
					car_key:'',	
					steering_wheel:'',	
					dashboard:'',	
					odometer_reading:'',
					front_left_door_panel:'',
					front_left_door_function_area:'',
					front_left_seat:'',	
					interior_ceiling:'',
				}
			}
		},
		onLoad(options) {
			this.id = options.id;
			const carinfo = uni.getStorageSync('edtcarinfo');
			this.oldcarinfo = JSON.parse(carinfo);
			this.carinfo.name=this.oldcarinfo.name
			this.carinfo.vin=this.oldcarinfo.vin
			this.carinfo.brand=this.oldcarinfo.brand	
			this.carinfo.price=this.oldcarinfo.price	
			this.carinfo.type=this.oldcarinfo.type	
			this.carinfo.energy=this.oldcarinfo.energy	
			this.carinfo.mileage=this.oldcarinfo.mileage
			this.carinfo.model=this.oldcarinfo.model
			this.carinfo.location=this.oldcarinfo.location
			this.carinfo.store_status=this.oldcarinfo.store_status
			this.carinfo.cover=this.oldcarinfo.cover
			this.carinfo.vehicle_age=this.oldcarinfo.vehicle_age	
			this.carinfo.condition_desc=this.oldcarinfo.condition_desc	
			this.carinfo.front_45_degree=this.oldcarinfo.front_45_degree
			this.carinfo.front_left_45_degree=this.oldcarinfo.front_left_45_degree		
			this.carinfo.front_left_headlight=this.oldcarinfo.front_left_headlight		
			this.carinfo.front_view=this.oldcarinfo.front_view		
			this.carinfo.lower_front=this.oldcarinfo.lower_front		
			this.carinfo.wheel_hub=this.oldcarinfo.wheel_hub		
			this.carinfo.front_right_seat=this.oldcarinfo.front_right_seat		
			this.carinfo.right_lower_side=this.oldcarinfo.right_lower_side		
			this.carinfo.rear_right_taillight=this.oldcarinfo.rear_right_taillight	
			this.carinfo.rear_right_45_degree=this.oldcarinfo.rear_right_45_degree	
			this.carinfo.lower_rear=this.oldcarinfo.lower_rear	
			this.carinfo.trunk=this.oldcarinfo.trunk	
			this.carinfo.left_lower_side=this.oldcarinfo.left_lower_side		
			this.carinfo.rear_seats=this.oldcarinfo.rear_seats		
			this.carinfo.center_console=this.oldcarinfo.center_console	
			this.carinfo.control_panel=this.oldcarinfo.control_panel	
			this.carinfo.gear_shift=this.oldcarinfo.gear_shift	
			this.carinfo.car_key=this.oldcarinfo.car_key	
			this.carinfo.steering_wheel=this.oldcarinfo.steering_wheel	
			this.carinfo.dashboard=this.oldcarinfo.dashboard	
			this.carinfo.odometer_reading=this.oldcarinfo.odometer_reading
			this.carinfo.front_left_door_panel=this.oldcarinfo.front_left_door_panel
			this.carinfo.front_left_door_function_area=this.oldcarinfo.front_left_door_function_area
			this.carinfo.front_left_seat=this.oldcarinfo.front_left_seat	
			this.carinfo.interior_ceiling=this.oldcarinfo.interior_ceiling
		},
		methods: {
			leftClick(){
				uni.navigateBack({})
			},
			addFn(){
				request({
					url:'vehicle/update/'+this.id,
					method:'post',
					data:this.carinfo
				}).then(res => {
					uni.showToast({
						title: res.data.message,
						icon: 'none'
					});
					if(res.data.code ==0){
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/index/mine',// 替换为你要跳转的页面路径
							});
						}, 1000);
					}
					
				})
			}
		}
	}
</script>

<style lang="scss">
	textarea {
	  min-height: 640rpx;// 设置默认高度 ，解决设置自适应高度之后高度无效问题
	  width: 100%;
	}
	.content{
		margin: 20px 12px;
		background: #FFFFFF;
		border-radius: 10px;
		.cont{
			position: relative;
			font-weight: 500;
		}
		.cont::after{
			content         : '';
			position        : absolute;
			width           : 200%;
			height          : 200%;
			top             : 0;
			left            : 0;
			transform-origin: 0 0;
			border-width: 0;
			border-bottom-width:1px;
			border-style    : solid;
			transform       : scale(0.5, 0.5);
			border-radius   : 1px;
			box-sizing      : border-box;
			pointer-events  : none;
			border-color:#C3C3C3;
		}
	}
	.content view{
		padding: 20px 10px;
	}
	.right{
		text-align: right;
	}
	.select{
		display: flex;
	}
	.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>