fix: 农场-我的农场，如果登录用户无农场，图片上则显示添加我的农场，否则则显示进入农场

src/pages/nongchang/nongchang.vue

@@ -22,6 +22,8 @@
         getAgricultureClassList()
         // 智能设备
         getDeviceList()
+        // 获取农村
+        getFarmList()
     })
 
     // 下拉刷新
@@ -60,6 +62,7 @@
             pestRisk: '中等',
             precipitation: '25mm',
         },
+        hasFarm: false,
 
         // 农业模型
         agricultureModels: [
@@ -263,6 +266,21 @@
         })
     }
 
+    function getFarmList() {
+        NongChangAPI.AllFarms().then((res) => {
+            if (res) {
+                pageData.hasFarm = JSON.stringify(res) != '{}'
+                pageData.farmInfo = res
+            }
+        })
+    }
+
+    function toAdd() {
+        Navigate.to('/pages/nongchang/create-nongchang-form').catch(() => {
+            Message.alert('跳转失败', '添加基地')
+        })
+    }
+
     // 菜单点击事件
     function onMenuItemClick(item: any) {
         console.log('点击菜单项:', item)
@@ -458,7 +476,10 @@
     }
 
     function toDetail(item: Recordable) {
-        Navigate.to(`/pages/nongchang/detail/index?id=${item.id}&name=${encodeURIComponent(item.name)}`)
+        // Navigate.to(`/pages/nongchang/detail/index?id=${item.id}&name=${encodeURIComponent(item.name)}`)
+        let id = Object.keys(item)[0]
+        let name = Object.values(item)[0]
+        Navigate.to(`/pages/nongchang/detail/index?id=${id}&name=${encodeURIComponent(name)}`)
     }
 
     onHide(() => {
@@ -534,13 +555,39 @@
                         </view>
                     </view>
                 </view>
-                <view class="codefun-flex-col">
+                <view class="codefun-flex-col mt-4">
                     <view class="codefun-flex-row codefun-justify-between codefun-items-center">
                         <text class="font">我的农场</text>
                         <!-- <text class="font_6 text_17">全部</text> -->
                     </view>
-                    <view class="codefun-flex-col mt-17">
-                        <!--  -->
+                    <view class="h-300rpx codefun-flex-col mr-3.5 mt-17 nongchang_box relative">
+                        <image class="w-full h-full" src="/static/images/nongchang/mynongchang-1.png" />
+                        <view
+                            v-show="pageData.hasFarm"
+                            class="w-240rpx h-80rpx flex-center border-rd-3xl absolute top-50% left-50% color-#ffffff"
+                            style="
+                                background-color: rgb(255 255 255 / 20%);
+                                border: 1rpx solid #fff;
+                                transform: translateY(-50%) translateX(-50%);
+                            "
+                            @click="toDetail(pageData.farmInfo)"
+                        >
+                            <image class="mr-1 w-40 h-40" src="/static/images/nongchang/eye-white.png" />
+                            <text style="font-family: '思源黑体'; font-weight: 300">进入农场</text>
+                        </view>
+                        <view
+                            v-show="!pageData.hasFarm"
+                            class="w-240rpx h-80rpx flex-center border-rd-3xl absolute top-50% left-50% color-#ffffff"
+                            style="
+                                background-color: rgb(255 255 255 / 20%);
+                                border: 1rpx solid #fff;
+                                transform: translateY(-50%) translateX(-50%);
+                            "
+                            @click="toAdd"
+                        >
+                            <image class="mr-1 w-40 h-40" src="/static/images/nongchang/add.png" />
+                            <text style="font-family: '思源黑体'; font-weight: 300">添加农场</text>
+                        </view>
                     </view>
                 </view>
                 <view class="codefun-flex-col group_10">
@@ -2017,4 +2064,10 @@
             color: #666666;
         }
     }
+
+    .nongchang_box {
+        background-image: url('/static/images/nongchang/mynongchang-2.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
 </style>