64 lines
1.7 KiB
Vue
64 lines
1.7 KiB
Vue
<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> |