<template>
	<!-- 顶部导航栏 -->
	<custom-nav-bar :left="true" leftText="" @leftClick="" title="新增方案"></custom-nav-bar>
	<uni-forms ref="baseForm" :modelValue="baseFormData">
		<uni-forms-item label="任务名称" required>
			<uni-easyinput v-model="baseFormData.name" placeholder="请输入任务名称" />
		</uni-forms-item>
		<uni-forms-item label="总时长" required>
			<uni-easyinput v-model="baseFormData.name" placeholder="请输入总时长" />
		</uni-forms-item>
		<uni-forms-item label="轮灌组" required>
			<uni-easyinput v-model="baseFormData.name" placeholder="请输入轮灌组数量" />
		</uni-forms-item>
		<uni-forms-item label="自动调压" required>
			<view style="display: flex;gap: 10px;">
				<uni-easyinput v-model="baseFormData.name" placeholder="最小压" />
				<uni-easyinput v-model="baseFormData.name" placeholder="最大压" />
			</view>
		</uni-forms-item>
		<view class="form-btn">
			<u-button type="success" size="large" text="下一步"  @click="" />
			<u-button size="large" text="取消"  @click="" />
		</view>
	</uni-forms>
	 <!-- 底部弹出框 -->
	    <uni-popup ref="popup" type="bottom">
	      <view class="popup-content">
	        <text>这是底部弹出框的内容。</text>
	       
	      </view>
	    </uni-popup>
</template>

<script>
	export default {
		data() {
			return {
				// 基础表单数据
				baseFormData: {
					
				},
				
				
			}
		},
		methods: {
		    openPopup() {
		      this.$refs.popup.open();
		    },
		    closePopup() {
		      this.$refs.popup.close();
		    }
		  }
	}
</script>

<style lang="scss" scoped>
	body{background-color: #fff;}
	.popup-content {
	  padding: 20px;
	  background-color: #fff;
	  text-align: center;
	}
</style>