uniapp/pages/add/add.vue

<template>
	<view class="appWrapper">
		<form action="" v-if="type==2">
			<view class="form-item margin-top">
				<view class="title">
					<text class="necessary">*</text>
					设备编号:
				</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">设备名称:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">安装位置:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">所属楼层:</view>
				<select name="" id="">
					<option value="">楼层一</option>
					<option value="">楼层一</option>
					<option value="">楼层一</option>
				</select>
			</view>
			<view class="form-item">
				<view class="title">站点:</view>
				<select name="" id="">
					<option value="">站点一</option>
					<option value="">站点一</option>
					<option value="">站点一</option>
				</select>
			</view>
			<view class="form-item">
				<view class="title">设备类型:</view>
				<select name="" id="">
					<option value="">智慧用电</option>
					<option value="">视频监控</option>
				</select>
			</view>

			<view class="btn-area submitBottomBtn padding-lr-sm">
				<button class="bg-blue round  margin-top">提 交 </button>
			</view>
		</form>
		<form action="" v-else>
			<view class="form-item margin-top">
				<view class="title">
					<text class="necessary">*</text>
					用户名称:
				</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">地址:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">经度:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">维度:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">联系人:</view>
				<input name="input"></input>
			</view>
			<view class="form-item">
				<view class="title">手机号码:</view>
				<input name="input"></input>
			</view>


			<view class="btn-area submitBottomBtn padding-lr-sm">
				<button class="bg-blue round  margin-top">提 交 </button>
			</view>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: -1,
				picker: ['楼层一', '楼层二', '楼层三'],
				type: '0'

			}
		},
		onLoad: function(option) {
			console.log(option.type); //打印出上个页面传递的参数。
			this.type = option.type;
			if (option.type == 1) {
				uni.setNavigationBarTitle({
					title: '站点新增'
				});
			} else {
				uni.setNavigationBarTitle({
					title: '设备新增'
				});
			}



		},
		methods: {
			PickerChange(e) {
				this.index = e.detail.value
			},

		}
	}
</script>

<style lang="scss">
	.cu-form-group {
		border-top: 0;

	}

	input,
	select,
	option {
		line-height: 70rpx;
		padding: 0 20rpx;
		height: 70rpx;
		border: 1px solid #EDEDED;
		// width:500rpx!important;
		background-color: #fff;
		box-sizing: border-box;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		color: #999;


	}

	select:focus,
	select:active,
	select:hover {
		outline: none;
	}

	select {
		background: url(../../static/arrow.png) no-repeat scroll 98% center;
		background-size: 6%;
	}


	.form-item {
		padding: 0 40rpx;
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;


		.title {
			width: 170rpx;
			position: relative;

			.necessary {
				color: red;
				display: inline-block;
				position: absolute;
				top: -2rpx;
				left: -20rpx;
				font-size: 40rpx;

			}
		}

		input,
		select {
			width: 500rpx;
			font-size: 28rpx;
		}


	}
</style>