JP-ChargeTeam51/pages/user/car/carAdd.vue

<template>
	<view>
		<u-navbar title="车辆管理">
			<view class="slot-wrap" @click="showDelete">
				<span class="navBtn">删除车辆</span>
			</view>
		</u-navbar>
		<view>
			<u-modal v-model="show" @confirm="confirmDelete" confirm-color="#fa3534" :show-cancel-button="true" ref="uModal" :asyncClose="true" :title="title" :content="content"></u-modal>
		</view>
		<view class="carDet">
			<u-form :model="form" ref="uForm">
				<u-form-item label="姓名"><u-input v-model="form.name" /></u-form-item>
				<u-form-item label="简介"><u-input v-model="form.intro" /></u-form-item>
				<u-form-item label="开关"><u-switch slot="right" v-model="switchVal"></u-switch></u-form-item>
			</u-form>
		</view>
		<u-button class="login-btn" type="success" shape="circle" @click="keepCar">保存</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				title: '删除车辆',
				content: '是否删除此车牌号?',
				form: {
					name: '',
					intro: '',
				},
				switchVal: false
			}
		},
		methods: {
			showDelete() {
				this.show = true;
			},
			confirmDelete() {
				this.show = false;
				uni.redirectTo({
					url: '/pages/user/car/index'
				})
			},
			keepCar() {
				uni.redirectTo({
					url: '/pages/user/car/index'
				})
			}
		}
	}
</script>
<style>
	page{
		background: #fff;
	}
</style>
<style lang="scss" scoped>
	.slot-wrap{
		flex: 1;
	}
	.navBtn{
		float: right;
		margin-right: 15px;
		color:#FF6666;
	}
	.carDet{
		padding: 0 16px;
	}
	
	.login-btn {
		margin: 28px ;
		background-color:#00B962!important;
		border-color: #00B962!important;
		color:#fff!important;
	}
</style>