feat: 完成灵活用工列表页面

.env.development

 # API 接口地址
-VITE_GLOB_API_URL=http://111.22.182.169:49600
-# VITE_GLOB_API_URL=http://36.133.16.81:42111
+# VITE_GLOB_API_URL=http://111.22.182.169:49600
+VITE_GLOB_API_URL=http://36.133.16.81:42111
 
 # API 接口地址前缀
-VITE_GLOB_API_URL_PREFIX=/jeecgboot
-# VITE_GLOB_API_URL_PREFIX=/jeecg-boot
+# VITE_GLOB_API_URL_PREFIX=/jeecgboot
+VITE_GLOB_API_URL_PREFIX=/jeecg-boot

src/pages.json

@@ -413,6 +413,19 @@
                 }
             }
         },
+		{
+		    "path": "pages/linghuoyonggong/details",
+		    "style": {
+		        "navigationBarTitleText": "详情",
+		        "enablePullDownRefresh": false,
+		        "navigationBarBackgroundColor": "#5DB66F",
+		        "navigationBarTextStyle": "white",
+		        "backgroundColorBottom": "#F2F2F2",
+		        "app-plus": {
+		            "titleNView": {}
+		        }
+		    }
+		},
         {
             "path": "pages/zhunongjinrong/zhunongjinrong",
             "style": {

src/pages/linghuoyonggong/details.vue

+<script setup lang="ts">
+    import { reactive, toRefs } from 'vue'
+    import { onLoad, onShow } from '@dcloudio/uni-app'
+    import { useUserStore } from '@/store/modules/user'
+
+    const userStore = useUserStore()
+    onLoad((option) => {
+		console.log(option.id);
+		uni.setNavigationBarTitle({
+		  title: '详情'+option.id
+		});
+    })
+    onShow(() => {
+		
+    })
+    const pageData = reactive({
+        loading: false,
+        options: {
+            area: [],
+            urgentdegree: [],
+            type: [],
+        },
+        position: [],
+    })
+</script>
+
+<template>
+    <view class="details_page">
+		
+    </view>
+	<fui-loading isFixed v-if="pageData.loading" backgroundColor="rgba(0, 0, 0, 0.4)" />
+</template>
+
+<style lang="scss" scoped>
+.details_page{
+	background: rgba(230, 245, 232, 1);
+	min-height: 100vh;
+	width: 750rpx;
+}
+</style>

src/pages/nongchang/nongchang.vue

 <script setup lang="ts">
 import { reactive } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
-import WeatherForecast from './components/WeatherForecast.vue'
+// import WeatherForecast from './components/WeatherForecast.vue'
 import Navigate from '@/utils/page/navigate'
 import dayjs from 'dayjs'
 
@@ -493,7 +493,7 @@ onHide(() => {
         <view class="codefun-flex-col group">
             <view class="codefun-flex-col section">
                 <view class="codefun-flex-col">
-                    <WeatherForecast />
+                    <!-- <WeatherForecast /> -->
                     <!-- <text class="codefun-self-center font text">{{ pageData.header.title }}</text> -->
                     <view class="codefun-flex-col codefun-self-stretch !hidden">
                         <!-- <view class="codefun-flex-row codefun-items-center section_2">
@@ -548,11 +548,10 @@ onHide(() => {
                     </view>
                 </view>
                 <view class="codefun-flex-col mt-4">
-                    <view class="codefun-flex-row codefun-justify-between codefun-items-center">
+                    <!-- <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="h-300rpx codefun-flex-col mr-3.5 mt-17 nongchang_box relative">
+                    </view> -->
+                    <view class="h-300rpx codefun-flex-col mr-3.5 mt-7 nongchang_box relative">
                         <image class="w-full h-full" src="/static/images/nongchang/mynongchang-1.png" />
                         <view
                             v-show="pageData.hasFarm"
@@ -807,8 +806,12 @@ onHide(() => {
 
     .group {
         .section {
-            padding: 0 28rpx 98rpx;
-            background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
+            // padding: 0 28rpx 98rpx;
+            // background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
+			padding-top: 98rpx;
+			height: 574rpx;
+			width: 750rpx;
+			background-image: linear-gradient(179.89deg, rgba(93, 182, 111, 1) 0%, rgba(230, 245, 232, 1) 100%);
             background-size: 100% 100%;
             background-repeat: no-repeat;
 
@@ -936,9 +939,9 @@ onHide(() => {
         }
 
         .group_6 {
-            margin-top: -92rpx;
+            margin-top: -574rpx;
             padding-left: 28rpx;
-
+			z-index: 10;
             .section_4 {
                 margin-right: 28rpx;
                 padding: 28rpx 28rpx 24rpx;