暂时提交

pages/home/addAgri.vue

@@ -0,0 +1,107 @@
+<template>
+  <view>
+    <uni-popup  ref="addForm" mode="center" >
+      <!-- 新增：修改运行时间的弹窗 -->
+      <view class="modal-container">
+        <view class="modal-title">{{ `【- 实时温湿度】别名设置` }}</view>
+        <view class="modal-input-wrap" >
+          <text class="modal-label">别名设置：</text>
+          <uni-easyinput style="width: 100px" v-model="remark" placeholder="不填展示默认备注" />
+        </view>
+        <view class="modal-btn-wrap">
+          <button class="modal-btn cancel" @click="close">取消</button>
+          <button class="modal-btn confirm" @click="confirm">确定</button>
+        </view>
+      </view>
+    </uni-popup>
+
+  </view>
+</template>
+<script>
+import UniPopup from "../../uni_modules/uni-popup/components/uni-popup/uni-popup.vue";
+
+export default {
+  name: "addAgri",
+  components: {UniPopup},
+  data() {
+    return {
+      remark: 'qeqweqeqw'
+    }
+  },
+  methods:{
+    close() {
+      this.$refs.addForm.close();
+    },
+    confirm() {
+      this.close()
+    },
+    open() {
+      this.$refs.addForm.open();
+    },
+
+  }
+}
+</script>
+<style scoped lang="scss">
+
+/* 新增：弹窗样式 */
+.modal-container {
+  width: 600rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx 20rpx;
+}
+.modal-title {
+  font-size: 30rpx;
+  font-weight: 500;
+  text-align: center;
+  margin-bottom: 40rpx;
+  color: #333;
+}
+.modal-input-wrap {
+  display: flex;
+  align-items: center;
+  margin-bottom: 35rpx;
+  font-size: 26rpx;
+  margin-left: 20rpx;
+}
+.modal-label {
+  width: 160rpx;
+  color: #666;
+}
+.modal-current {
+  margin-left: 14rpx;
+  color: #333;
+}
+.modal-input {
+  height: 60rpx;
+  border: 1px solid #eee;
+  border-radius: 8rpx;
+  padding: 0 15rpx;
+  font-size: 26rpx;
+  width: 80rpx;
+}
+.modal-unit {
+  margin-left: 10rpx;
+  color: #666;
+}
+.modal-btn-wrap {
+  display: flex;
+  gap: 20rpx;
+  margin-top: 40rpx;
+}
+.modal-btn {
+  flex: 1;
+  height: 70rpx;
+  border-radius: 8rpx;
+  font-size: 26rpx;
+}
+.modal-btn.cancel {
+  background: #f5f5f5;
+  color: #666;
+}
+.modal-btn.confirm {
+  background: #007aff;
+  color: #fff;
+}
+</style>

pages/index.vue

@@ -68,7 +68,9 @@
     </uni-section>
 <!--    <uni-fab ref="fab" :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical"-->
 <!--             :direction="direction" @trigger="trigger" @fabClick="fabClick" />-->
+      <add-agri ref="addAgri"/>
     </z-paging>
+
   </view>
 </template>
 
@@ -79,9 +81,10 @@ import {getAgriInfo} from "../api/system/assets/agri";
 import store from "../store";
 import TimeUtil from "../utils/TimeUtil";
 import {getNewSpecialData} from "../api/data/specialData";
+import AddAgri from "./home/addAgri.vue";
 
 export default {
-  components: {CustomRefresher, ZPaging},
+  components: {AddAgri, CustomRefresher, ZPaging},
   data() {
     return {
       listData: [],
@@ -152,6 +155,7 @@ export default {
         title: '准备添加大棚',
         icon: 'none'
       })
+      this.$refs.addAgri.open();
       // 这里可以添加跳转到添加大棚页面的逻辑
       // uni.navigateTo({ url: '/pages/add-agri/add-agri' })
     },