GAP基地详情

src/pages.json

@@ -98,6 +98,20 @@
                     "style": {
                         "navigationBarTitleText": "添加GAP基地信息"
                     }
+                },
+                // GAP基地详情
+                {
+                    "path": "gap-base-info-detail/index",
+                    "style": {
+                        "navigationBarTitleText": "GAP基地详情"
+                    }
+                },
+                // 标记三无一全基地
+                {
+                    "path": "mark-swyq-base/index",
+                    "style": {
+                        "navigationBarTitleText": "标记三无一全基地"
+                    }
                 }
             ]
         },
@@ -153,11 +167,11 @@
                         "navigationBarTitleText": "选择企业成员"
                     }
                 },
-                // 选择种养殖品种
+                // 选择获评品种
                 {
                     "path": "select-medicine/index",
                     "style": {
-                        "navigationBarTitleText": "选择种养殖品种"
+                        "navigationBarTitleText": "选择获评品种"
                     }
                 },
                 // 选择GAP获评信息

src/pages/plant/base/index.vue

@@ -80,7 +80,7 @@
                     </up-sticky>
                     <view class="pd-16">
                         <template>
-                            <view v-for="(item, index) in list" :key="index" class="b-radius bg-#fff pd-20 mb-20" @click="$u.route({ url: '/plant/base/base-detail/index', params: { id: item.id } })">
+                            <view v-for="(item, index) in list" :key="index" class="b-radius bg-#fff pd-20 mb-20 p-rtv" @click="$u.route({ url: '/plant/base/base-detail/index', params: { id: item.id } })">
                                 <view class="c-333 f-s-34 pd-5 f-w-5">{{ item?.baseName }}</view>
                                 <view class="c-ccc f-s-24 pd-5 pt-0">{{ item?.baseCode }}</view>
                                 <view class="d-flex a-c">
@@ -98,18 +98,19 @@
                                     <text class="c-#666">基地地址：</text>
                                     <text class="f-w-5">{{ item?.gapInfo?.address || '-' }}</text>
                                 </view>
-                                <view class="c-333 f-s-28 pd-5 d-flex">
+                                <view v-if="item?.plantingVarieties?.length" class="c-333 f-s-28 pd-5 d-flex">
                                     <text class="c-#666 w-s-no">当前在地品种：</text>
                                     <text class="ov-hd tx-ov w-s-no f-w-5">{{ item.plantingVarieties?.map((items) => items.variety).join('、') || '-' }}</text>
-                                    <text v-if="item.plantingVarieties?.length" class="flex1 w-s-no f-w-5">等{{ item.plantingVarieties?.length }}个品种</text>
+                                    <text v-if="item?.plantingVarieties?.length" class="flex1 w-s-no f-w-5">等{{ item.plantingVarieties?.length }}个品种</text>
                                 </view>
                                 <view class="pd-10"></view>
                                 <view v-if="item.gapInfo?.basePic" class="p-rtv">
                                     <image class="w-full h-310" :src="item.gapInfo?.basePic" mode="aspectFill"> </image>
-                                    <view class="pl-20 pr-20 pt-10 pb-10 bg-#00000080 c-#ccc f-s-20" style="position: absolute; bottom: 140rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> {{ item?.contactName }}负责</view>
-                                    <view class="pl-20 pr-20 pt-10 pb-10 bg-#00000080 c-#ccc f-s-20" style="position: absolute; bottom: 80rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> 公司+合作社</view>
-                                    <view class="pl-20 pr-20 pt-10 pb-10 bg-#00000080 c-#ccc f-s-20" style="position: absolute; bottom: 20rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> 经度:E{{ item?.gapInfo?.lng }} 纬度:N{{ item?.gapInfo?.lat }}</view>
+                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20" style="position: absolute; bottom: 140rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> {{ item?.contactName }}负责</view>
+                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20" style="position: absolute; bottom: 80rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> 公司+合作社</view>
+                                    <view class="pd2-10-20 bg-black-op-0.5 c-#ccc f-s-20" style="position: absolute; bottom: 20rpx; right: 0; border-radius: 10rpx 0 0 10rpx"> 经度:E{{ item?.gapInfo?.lng }} 纬度:N{{ item?.gapInfo?.lat }}</view>
                                 </view>
+                                <view v-if="+item?.tempFlag" class="temp_flag">暂存</view>
                             </view>
                         </template>
                     </view>
@@ -235,6 +236,7 @@ interface BaseData {
     hide: string;
     plantingVarieties: PlantingVariety[];
     coordinates: Coordinate[][]; // 二维坐标数组
+    tempFlag?: number | string;
 }
 const instance = getCurrentInstance();
 const list = ref<BaseData[]>();
@@ -331,4 +333,14 @@ onShow(() => {
     padding-top: 14rpx;
     padding-bottom: 14rpx;
 }
+.temp_flag {
+    position: absolute;
+    right: 0;
+    top: 0;
+    background-color: #C5C6C6;
+    color: #fff;
+    font-size: 20rpx;
+    padding: 4rpx 16rpx;
+    border-radius: 0 16rpx 0 16rpx;
+}
 </style>

src/plant/base/base-detail/index.vue

@@ -1,287 +1,311 @@
 <template>
-    <z-paging ref="paging" bgColor="#F7F7F7" safe-area-inset-bottom paging-class="paging-btm-shadow" refresher-only @onRefresh="onRefresh" scroll-with-animation>
-        <template #top>
-            <ut-navbar title="基地详情" :fixed="false" border></ut-navbar>
-            <view class="bg-fff mb-20">
-                <view class="pd-5"></view>
-                <ut-tabs v-model="activeTab" :tabs="tabs" mode="btw" @change="changeActiveTab"></ut-tabs>
-            </view>
-        </template>
-        <view class="p-rtv">
-            <!-- 基本信息 -->
-            <view ref="baseRef" class="pd-24" id="base12345">
-                <view class="startline-title">基本信息</view>
-            </view>
-            <view class="pd-24 bg-#fff mb-10">
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地类型：</span>
-                    <span class="c-#333">{{ selectDictLabel(pt_base_type, form?.baseInfo?.baseType) || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地名称：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.baseName || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地编号：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.baseCode || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">建设时间：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.buildDate || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地组织方式：</span>
-                    <span class="c-#333">{{ selectDictLabel(pt_org_type, form?.baseInfo?.orgType) || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地负责人：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.contactName || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">联系电话：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.contactTel || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">是否为GAP基地：</span>
-                    <span class="c-#333">{{ selectDictLabel(yes_no, form?.baseInfo?.gapFlag) || '-' }}</span>
-                </view>
-                <view v-if="form?.baseInfo?.gapId" class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">关联GAP信息：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.gapBaseInfo?.name || form?.baseInfo?.gapId || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地所在地区：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.gapInfo?.adcodeName || '-' }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">详细地址：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.gapInfo?.address || '-' }}</span>
+    <view class="ksqulc">
+        <z-paging ref="paging" bgColor="#F7F7F7" safe-area-inset-bottom paging-class="paging-btm-shadow" refresher-only @onRefresh="onRefresh" scroll-with-animation>
+            <template #top>
+                <ut-navbar title="基地详情" :fixed="false" border></ut-navbar>
+                <view class="bg-fff mb-20">
+                    <view class="pd-5"></view>
+                    <ut-tabs v-model="activeTab" :tabs="tabs" mode="btw" @change="changeActiveTab"></ut-tabs>
                 </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <view class="f-s-30 c-#666 mb-10">基地范围：</view>
-                    <view class="bg-#f7f7f7 d-flex ov-hd p-rtv">
-                        <image @click="previewImage([form?.baseInfo?.gapInfo?.basePic])" class="w-full" v-if="form?.baseInfo?.gapInfo?.basePic" preview :src="form?.baseInfo?.gapInfo?.basePic" mode="'widthFix'"></image>
-                        <view v-else class="w-full h-120 d-flex a-c j-c c-999">暂无基地范围</view>
-                    </view>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地面积：</span>
-                    <span class="c-#333">{{ form?.baseInfo?.gapInfo?.area || '-' }}{{ form?.baseInfo?.gapInfo?.areaUnit || mapUnitByBaseType[form?.baseInfo?.baseType || '1'] }}</span>
-                </view>
-                <view class="f-s-30 pd2-16-0 info-border-bottom">
-                    <span class="c-#666">基地经纬度：</span>
-                    <span class="c-#333">E{{ form?.baseInfo?.gapInfo?.lng || '-' }}, N{{ form?.baseInfo?.gapInfo?.lat || '-' }}</span>
+            </template>
+            <view class="p-rtv">
+                <!-- 基本信息 -->
+                <view ref="baseRef" class="pd-24" id="base12345">
+                    <view class="startline-title">基本信息</view>
                 </view>
-            </view>
-            <!-- 地块/圈舍/组培架信息 -->
-            <view ref="plotRef" class="pd-24" id="plot12345">
-                <view class="startline-title" v-if="form?.baseInfo?.baseType == '1'">地块信息</view>
-                <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '2'">圈舍信息</view>
-                <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '3'">组培架信息</view>
-            </view>
-            <view class="pd-24 bg-#fff mb-10">
-                <template v-if="Array.isArray(form?.landInfoList) && form.landInfoList.length">
-                    <view v-for="(item, index) in form.landInfoList" :key="index" class="plot-item pd-24 mb-20">
-                        <view class="d-flex mb-16">
-                            <view class="f-s-32 f-w-5 c-#333 flex1 mr-10">{{ item?.landName || '-' }}</view>
-                            <view v-if="item?.contactName" class="f-s-24 c-#333">负责人：{{ item?.contactName }}</view>
-                        </view>
-                        <template v-if="form?.baseInfo?.baseType == '3'">
-                            <view class="d-flex flex-wrap gap-10">
-                                <view class="f-s-28 c-#666 w-310">
-                                    <span>层数：</span>
-                                    <span class="c-#333 f-w-5">{{ item?.layers || '-' }}</span>
-                                </view>
-                                <view class="f-s-28 c-#666 w-310">
-                                    <span>每层容量：</span>
-                                    <span class="c-#333 f-w-5">{{ item?.capacityAmount || '-' }}{{ item?.capacityUnit || '-' }}</span>
-                                </view>
-                                <view class="f-s-28 c-#666 w-310">
-                                    <span>总容量：</span>
-                                    <span class="c-#333 f-w-5">{{ (item?.capacityAmount || 0) * (item?.layers || 0) || '-' }}{{ item?.capacityUnit || '-' }}</span>
-                                </view>
-                                <view class="f-s-28 c-#666 w-310">
-                                    <span v-if="item?.lightType" class="mr-10">{{ selectDictLabel(pt_light_type, item?.lightType) }}</span>
-                                    <span v-if="item?.tempeStatus">{{ +item?.tempeStatus ? '有独立温控' : '无独立温控' }}</span>
-                                </view>
-                            </view>
-                        </template>
-                        <template v-else>
-                            <view class="f-s-28 c-#666">
-                                <span>面积：</span>
-                                <span class="c-#333 f-w-5">{{ item?.area || '-' }}{{ item?.areaUnit || '-' }}</span>
-                            </view>
-                        </template>
-                    </view>
-                </template>
-                <view v-else class="c-999 f-s-28">暂无信息</view>
-            </view>
-
-            <!-- 选址依据及环境信息 -->
-            <view class="pd-24" id="environment12345">
-                <view class="startline-title">选址依据及环境信息</view>
-            </view>
-            <!-- 基地类型 1：种植基地 -->
-            <template v-if="form?.baseInfo?.baseType == '1'">
                 <view class="pd-24 bg-#fff mb-10">
-                    <view class="f-s-32 c-#333 f-w-600">选址依据</view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">是否道地产区：</span>
-                        <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
+                        <span class="c-#666">基地类型：</span>
+                        <span class="c-#333">{{ selectDictLabel(pt_base_type, form?.baseInfo?.baseType) || '-' }}</span>
                     </view>
-                    <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地选址依据/标准：</view>
-                        <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地名称：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.baseName || '-' }}</span>
                     </view>
-                    <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">适应性证明材料：</view>
-                        <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地编号：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.baseCode || '-' }}</span>
                     </view>
-                </view>
-                <view class="pd-24 bg-#fff mb-10">
-                    <view class="f-s-32 c-#333 f-w-600">环境信息</view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">土壤类型：</span>
-                        <span class="c-#333">{{ selectDictLabel(pt_soil_type, form?.environmentInfo?.soilType) || '-' }}</span>
+                        <span class="c-#666">建设时间：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.buildDate || '-' }}</span>
                     </view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">土壤质地：</span>
-                        <span class="c-#333">{{ selectDictLabel(pt_soil_texture, form?.environmentInfo?.soilTexture) || '-' }}</span>
+                        <span class="c-#666">基地组织方式：</span>
+                        <span class="c-#333">{{ selectDictLabel(pt_org_type, form?.baseInfo?.orgType) || '-' }}</span>
                     </view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">有机质含量：</span>
-                        <span class="c-#333">{{ form?.environmentInfo?.organic || '-' }}</span>
+                        <span class="c-#666">基地负责人：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.contactName || '-' }}</span>
                     </view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">土壤PH值：</span>
-                        <span class="c-#333">{{ form?.environmentInfo?.soilPh || '-' }}</span>
+                        <span class="c-#666">联系电话：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.contactTel || '-' }}</span>
                     </view>
+                    <template v-if="['1', '2'].includes(form?.baseInfo?.baseType)">
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否为GAP基地：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.baseInfo?.gapFlag) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.baseInfo?.gapId" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">关联GAP信息：</view>
+                            <view class="bg-#FBFDFB pd-24 p-rtv flex1 radius-10 gap-info-card">
+                                <view class="f-s-32 f-w-500 c-#333">{{ form?.baseInfo?.gapInfo?.gapBaseName || '-' }}</view>
+                                <view class="f-s-24 c-#ccc mb-10">{{ form?.baseInfo?.gapInfo?.ratedDate }}获评</view>
+                                <view class="d-flex gap-10 flex-wrap">
+                                    <view class="w-330 f-s-28">
+                                        <span class="c-#666">申报品种：</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.medicineName }}</span>
+                                    </view>
+                                    <view class="w-290 f-s-28">
+                                        <span class="c-#666">基地面积：</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.area }}{{ form?.baseInfo?.gapInfo?.areaUnit }}</span>
+                                    </view>
+                                    <view class="f-s-28">
+                                        <span class="c-#666">基地地址:</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.adcodeName }} {{ form?.baseInfo?.gapInfo?.address || '-' }}</span>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </template>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">水源类型：</span>
-                        <span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span>
+                        <span class="c-#666">基地所在地区：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.adcodeName || '-' }}</span>
                     </view>
                     <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span>
+                        <span class="c-#666">详细地址：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.address || '-' }}</span>
                     </view>
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
-                    >
-                    <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">水、土壤、大气等环评报告：</view>
-                        <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <view class="f-s-30 c-#666 mb-10">基地范围：</view>
+                        <view class="bg-#f7f7f7 d-flex ov-hd p-rtv">
+                            <image @click="previewImage([form?.baseInfo?.gapInfo?.basePic])" class="w-full" v-if="form?.baseInfo?.gapInfo?.basePic" preview :src="form?.baseInfo?.gapInfo?.basePic" mode="'widthFix'"></image>
+                            <view v-else class="w-full h-120 d-flex a-c j-c c-999">暂无基地范围</view>
+                        </view>
                     </view>
-                    <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地图片：</view>
-                        <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地面积：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.area || '-' }}{{ form?.baseInfo?.gapInfo?.areaUnit || mapUnitByBaseType[form?.baseInfo?.baseType || '1'] }}</span>
                     </view>
-                    <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地视频：</view>
-                        <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地经纬度：</span>
+                        <span class="c-#333">E{{ form?.baseInfo?.gapInfo?.lng || '-' }}, N{{ form?.baseInfo?.gapInfo?.lat || '-' }}</span>
                     </view>
                 </view>
-            </template>
-
-            <!-- 基地类型 2：养殖基地 -->
-            <template v-else-if="form?.baseInfo?.baseType == '2'">
+                <view class="h-1" id="plot12345"></view>
+                <!-- 地块/圈舍/组培架信息 -->
+                <view ref="plotRef" class="pd-24">
+                    <view class="startline-title" v-if="form?.baseInfo?.baseType == '1'">地块信息</view>
+                    <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '2'">圈舍信息</view>
+                    <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '3'">组培架信息</view>
+                </view>
                 <view class="pd-24 bg-#fff mb-10">
-                    <view class="f-s-32 c-#333 f-w-600">选址依据</view>
-                    <view class="f-s-30 pd2-16-0 info-border-bottom">
-                        <span class="c-#666">是否道地产区：</span>
-                        <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
-                    </view>
-                    <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地选址依据/标准：</view>
-                        <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                    <template v-if="Array.isArray(form?.landInfoList) && form.landInfoList.length">
+                        <view v-for="(item, index) in form.landInfoList" :key="index" class="plot-item pd-24 mb-20">
+                            <view class="d-flex mb-16">
+                                <view class="f-s-32 f-w-5 c-#333 flex1 mr-10">{{ item?.landName || '-' }}</view>
+                                <view v-if="item?.contactName" class="f-s-24 c-#333">负责人：{{ item?.contactName }}</view>
+                            </view>
+                            <template v-if="form?.baseInfo?.baseType == '3'">
+                                <view class="d-flex flex-wrap gap-10">
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>层数：</span>
+                                        <span class="c-#333 f-w-5">{{ item?.layers || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>每层容量：</span>
+                                        <span class="c-#333 f-w-5">{{ item?.capacityAmount || '-' }}{{ item?.capacityUnit || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>总容量：</span>
+                                        <span class="c-#333 f-w-5">{{ (item?.capacityAmount || 0) * (item?.layers || 0) || '-' }}{{ item?.capacityUnit || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span v-if="item?.lightType" class="mr-10">{{ selectDictLabel(pt_light_type, item?.lightType) }}</span>
+                                        <span v-if="item?.tempeStatus">{{ +item?.tempeStatus ? '有独立温控' : '无独立温控' }}</span>
+                                    </view>
+                                </view>
+                            </template>
+                            <template v-else>
+                                <view class="f-s-28 c-#666">
+                                    <span>面积：</span>
+                                    <span class="c-#333 f-w-5">{{ item?.area || '-' }}{{ item?.areaUnit || '-' }}</span>
+                                </view>
+                            </template>
+                        </view>
+                    </template>
+                    <view v-else class="c-999 f-s-28">暂无信息</view>
+                </view>
+                <!-- 选址依据及环境信息 -->
+                <view  class="pd-24">
+                    <view class="startline-title">选址依据及环境信息</view>
+                </view>
+                <view class="h-1" id="environment12345"></view>
+                <!-- 基地类型 1：种植基地 -->
+                <template v-if="form?.baseInfo?.baseType == '1'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">选址依据</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否道地产区：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地选址依据/标准：</view>
+                            <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">适应性证明材料：</view>
+                            <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                        </view>
                     </view>
-                    <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">适应性证明材料：</view>
-                        <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">环境信息</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤类型：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_soil_type, form?.environmentInfo?.soilType) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤质地：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_soil_texture, form?.environmentInfo?.soilTexture) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">有机质含量：</span>
+                            <span class="c-#333">{{ form?.environmentInfo?.organic || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤PH值：</span>
+                            <span class="c-#333">{{ form?.environmentInfo?.soilPh || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">水源类型：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
+                        >
+                        <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">水、土壤、大气等环评报告：</view>
+                            <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地图片：</view>
+                            <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地视频：</view>
+                            <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                        </view>
                     </view>
-                </view>
-                <view class="pd-24 bg-#fff mb-10">
-                    <view class="f-s-32 c-#333 f-w-600">环境信息</view>
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">水源类型：</span><span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
-                    >
-                    <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">水、大气等环评报告：</view>
-                        <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                </template>
+
+                <!-- 基地类型 2：养殖基地 -->
+                <template v-else-if="form?.baseInfo?.baseType == '2'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">选址依据</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否道地产区：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地选址依据/标准：</view>
+                            <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">适应性证明材料：</view>
+                            <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                        </view>
                     </view>
-                    <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地图片：</view>
-                        <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">环境信息</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">水源类型：</span><span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
+                        >
+                        <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">水、大气等环评报告：</view>
+                            <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地图片：</view>
+                            <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地视频：</view>
+                            <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                        </view>
                     </view>
-                    <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
-                        <view class="c-#666 mb-10">基地视频：</view>
-                        <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                </template>
+                <!-- 基地类型 3：组培基地 -->
+                <template v-else-if="form?.baseInfo?.baseType == '3'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">温度：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">湿度：</span><span class="c-#333">{{ form?.environmentInfo?.humidity || '-' }}<text v-if="form?.environmentInfo?.humidity">%</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">洁净度：</span><span class="c-#333">{{ form?.environmentInfo?.clean || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">光照：</span><span class="c-#333">{{ form?.environmentInfo?.light || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">光照周期：</span><span class="c-#333">{{ form?.environmentInfo?.lightCycle || '-' }}</span></view
+                        >
                     </view>
+                </template>
+           
+            </view>
+            <template #bottom>
+                <view class="pd-20 d-flex">
+                    <template v-if="!+form.baseInfo?.tempFlag">
+                        <up-button class="mr-20" color="#18BECA">去标记为三无一全基地{{ '>' }}</up-button>
+                    </template>
+                    <up-button @click="$u.route({ type: 'redirect', url: '/plant/base/base-edit/index', params: { id: did } })" type="primary">修改</up-button>
                 </view>
             </template>
-
-            <!-- 基地类型 3：组培基地 -->
-            <template v-else-if="form?.baseInfo?.baseType == '3'">
-                <view class="pd-24 bg-#fff mb-10">
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">温度：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">湿度：</span><span class="c-#333">{{ form?.environmentInfo?.humidity || '-' }}<text v-if="form?.environmentInfo?.humidity">%</text></span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">洁净度：</span><span class="c-#333">{{ form?.environmentInfo?.clean || '-' }}</span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">光照：</span><span class="c-#333">{{ form?.environmentInfo?.light || '-' }}</span></view
-                    >
-                    <view class="f-s-30 pd2-16-0 info-border-bottom"
-                        ><span class="c-#666">光照周期：</span><span class="c-#333">{{ form?.environmentInfo?.lightCycle || '-' }}</span></view
-                    >
-                </view>
-            </template>
-        </view>
-        <template #bottom>
-            <view class="pd-20 d-flex">
-                <up-button class="mr-20" color="#18BECA">去标记为三无一全基地{{ '>' }}</up-button>
-                <up-button @click="" type="primary">修改</up-button>
-            </view>
-        </template>
-    </z-paging>
+        </z-paging>
+    </view>
 </template>
 <script setup lang="ts">
 import { useClientRequest } from '@/utils/request';
@@ -301,18 +325,7 @@ const mapUnitByBaseType: any = {
     '3': '平方米',
 };
 const form = ref<any>({});
-// 将字符串 / 数组(string|object[]) 统一为 string[]
-const toUrlArray = (val: any) => {
-    if (!val) return [] as string[];
-    if (typeof val === 'string') return val ? [val] : [];
-    if (Array.isArray(val)) {
-        if (!val.length) return [];
-        if (typeof val[0] === 'string') return val as string[];
-        return (val as any[]).map((i: any) => i?.url).filter(Boolean);
-    }
-    if (typeof val === 'object' && (val as any).url) return [(val as any).url];
-    return [] as string[];
-};
+
 const changeActiveTab = (value: any) => {
     const v = typeof value === 'string' ? value : value?.value;
     const id = `${v}12345`;
@@ -330,6 +343,7 @@ const onRefresh = () => {
     getDetailById(did.value);
     paging.value?.complete();
 };
+// 判断节点是否在可视区域内如果在则切换tab createIntersectionObserver
 
 onLoad((options: any) => {
     did.value = options?.id || getUrlParams(recursiveDecodeURIComponent(options?.q))?.id || '';
@@ -357,4 +371,11 @@ onLoad((options: any) => {
     border: 1rpx solid rgba($u-primary, 0.4);
     border-radius: 10rpx;
 }
+.gap-info-card {
+    border: 1rpx solid rgba($u-primary, 0.4);
+}
+.ksqulc {
+    position: relative;
+    height: 100vh;
+}
 </style>

src/plant/base/base-edit/index.vue

@@ -1,7 +1,7 @@
 <template>
     <z-paging ref="paging" bgColor="#F7F7F7" safe-area-inset-bottom paging-class="paging-btm-shadow" scroll-with-animation>
         <template #top>
-            <ut-navbar title="添加基地" :fixed="false" border></ut-navbar>
+            <ut-navbar :title="(did && !+form?.baseInfo?.gapFlag ? '编辑基地' : '添加基地')" :fixed="false" border></ut-navbar>
             <view class="bg-fff mb-20">
                 <view class="pd-5"></view>
                 <ut-tabs v-model="activeTab" :tabs="tabs" mode="btw" @change="changeActiveTab"></ut-tabs>
@@ -107,11 +107,11 @@
                             </up-form-item>
                             <up-form-item  borderBottom label="基地具体地址" required prop="baseInfo.gapInfo.adcode">
                                 <!-- <up-input v-model="form.address" placeholder="请选择基地所在省/市/县/镇(乡)" border="none" clearable></up-input> -->
-                                <view v-if="form?.baseInfo?.gapInfo?.adcode" class="f-s-30 c-333 f-w-5 flex1">{{ form?.baseInfo?.gapInfo?.adcodeName }} </view>
+                                <view v-if="form?.baseInfo?.gapInfo?.adcode" class="f-s-30 c-ccc f-w-5 flex1">{{ form?.baseInfo?.gapInfo?.adcodeName }} </view>
                                 <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择基地所在省/市/县/镇(乡)</view>
                             </up-form-item>
                             <up-form-item borderBottom prop="baseInfo.gapInfo.address">
-                                <view class="f-s-30 c-#ccc">{{ form?.baseInfo?.gapInfo?.address || '-' }}</view>
+                                <view class="f-s-30 c-#ccc f-w-5">{{ form?.baseInfo?.gapInfo?.address || '-' }}</view>
                             </up-form-item>
                             <up-form-item  borderBottom prop="baseInfo.gapInfo.basePic" required>
                                 <view class="flex1 ov-hd">
@@ -126,7 +126,7 @@
                             </up-form-item>
                             <view class="h-1" id="areaPppp"></view>
                             <up-form-item required borderBottom label="基地面积" prop="baseInfo.gapInfo.area">
-                                <view class="f-s-30 c-#ccc">{{ form?.baseInfo?.gapInfo?.area || '-' }}</view>
+                                <view class="f-s-30 c-#ccc f-w-5">{{ form?.baseInfo?.gapInfo?.area || '-' }}</view>
                                 <template #right>
                                     <span>{{ form.baseInfo.gapInfo.areaUnit }}</span>
                                 </template>
@@ -137,11 +137,11 @@
                             <up-form-item required label="基地经纬度" class="form-item-wrap-column">
                                 <view class="d-flex" style="margin-top: -10px">
                                     <up-form-item class="flex1" prop="baseInfo.gapInfo.lng">
-                                         <view class="f-s-30 c-#ccc flex1">{{ form?.baseInfo?.gapInfo?.lng || '-' }}</view>
+                                         <view class="f-s-30 c-#ccc flex1 f-w-5">{{ form?.baseInfo?.gapInfo?.lng || '-' }}</view>
                                     </up-form-item>
                                     <view class="pd-5"></view>
                                     <up-form-item class="flex1" prop="baseInfo.gapInfo.lat">
-                                        <view class="f-s-30 c-#ccc flex1">{{ form?.baseInfo?.gapInfo?.lat || '-' }}</view>
+                                        <view class="f-s-30 c-#ccc flex1 f-w-5">{{ form?.baseInfo?.gapInfo?.lat || '-' }}</view>
                                     </up-form-item>
                                 </view>
                             </up-form-item>
@@ -509,33 +509,33 @@
             </template>
             <template v-if="form.baseInfo.baseType == '3'">
                 <view class="pd-24 bg-#fff mb-10">
-                    <up-form-item label="温度" prop="environmentInfo.avgTem" borderBottom>
-                        <up-input v-model="form.environmentInfo.avgTem" placeholder="请输入温度" border="none" clearable></up-input>
+                    <up-form-item label="温度" prop="environmentInfo.temperature" borderBottom>
+                        <up-input v-model="form.environmentInfo.temperature" placeholder="请输入温度" border="none" clearable></up-input>
                         <template #right>
                             <span>℃</span>
                         </template>
                     </up-form-item>
-                    <up-form-item label="湿度" prop="environmentInfo.avgTem" borderBottom>
-                        <up-input v-model="form.environmentInfo.avgTem" placeholder="请输入湿度" border="none" clearable></up-input>
+                    <up-form-item label="湿度" prop="environmentInfo.humidity" borderBottom>
+                        <up-input v-model="form.environmentInfo.humidity" placeholder="请输入湿度" border="none" clearable></up-input>
                         <template #right>
                             <span>%</span>
                         </template>
                     </up-form-item>
-                    <up-form-item label="洁净度" prop="environmentInfo.avgTem" borderBottom>
-                        <up-input v-model="form.environmentInfo.avgTem" placeholder="请输入洁净度" border="none" clearable></up-input>
+                    <up-form-item label="洁净度" prop="environmentInfo.cleanliness" borderBottom>
+                        <up-input v-model="form.environmentInfo.cleanliness" placeholder="请输入洁净度" border="none" clearable></up-input>
                     </up-form-item>
-                    <up-form-item label="光照" prop="environmentInfo.avgTem" borderBottom>
-                        <up-input v-model="form.environmentInfo.avgTem" placeholder="请输入光照" border="none" clearable></up-input>
+                    <up-form-item label="光照" prop="environmentInfo.illumination" borderBottom>
+                        <up-input v-model="form.environmentInfo.illumination" placeholder="请输入光照" border="none" clearable></up-input>
                     </up-form-item>
-                    <up-form-item label="光照周期" prop="environmentInfo.avgTem" borderBottom>
-                        <up-input v-model="form.environmentInfo.avgTem" placeholder="请输入光照周期" border="none" clearable></up-input>
+                    <up-form-item label="光照周期" prop="environmentInfo.lightCycle" borderBottom>
+                        <up-input v-model="form.environmentInfo.lightCycle" placeholder="请输入光照周期" border="none" clearable></up-input>
                     </up-form-item>
                 </view>
             </template>
         </up-form>
         <template #bottom>
             <view class="pd-20 d-flex">
-                <up-button @click="saveBaseInfo" class="mr-30" color="#F19F18" type="primary">暂存</up-button>
+                <up-button v-if="!did" @click="saveBaseInfo" class="mr-30" color="#F19F18" type="primary">暂存</up-button>
                 <up-button @click="submitForm" type="primary">提交</up-button>
             </view>
         </template>
@@ -549,6 +549,7 @@ import { useClientRequest } from '@/utils/request';
 import { isOpenSetting } from '@/utils/common';
 import { generateUniqueId } from '@/utils/public';
 import FormPlot from './models/form-plot.vue';
+import { getUrlParams, recursiveDecodeURIComponent } from '@/utils/ruoyi';
 // import { $uGetRect } from 'uview-plus'
 const tabs = reactive([
     { label: '基本信息', value: 'base' },
@@ -678,7 +679,7 @@ const submitForm = async () => {
                 title: '提交中...',
             });
             try {
-                const res = await useClientRequest.post('/plt-api/app/base/add', form.value);
+                const res = did.value && !+form.value?.baseInfo?.gapFlag ? await useClientRequest.post('/plt-api//app/base/update', form.value) : await useClientRequest.post('/plt-api/app/base/add', form.value);
                 uni.hideLoading();
                 if (!res || res.code !== 200) return;
                 uni.hideLoading();
@@ -807,10 +808,11 @@ const changeActiveTab = (value: any) => {
 onLoad((options: any) => {
     form.value.baseInfo.baseType = options.baseType || '1';
     form.value.baseInfo.gapInfo.areaUnit = mapUnitByBaseType[options.baseType || '1'];
-    if (options.id) {
-    } else {
-        getLocationByAddress();
+    did.value = options?.id || getUrlParams(recursiveDecodeURIComponent(options?.q))?.id || '';
+    if (did.value) {
+        getDetailById(did.value);
     }
+    getLocationByAddress();
 });
 onMounted(() => {});
 // 获取当前经纬度返回地址
@@ -853,6 +855,15 @@ const mapUnitByBaseType: any = {
     '2': '平方米',
     '3': '平方米',
 };
+const did = ref('');
+// 根据id获取基地详情
+const getDetailById = async (id: string) => {
+    const res = await useClientRequest.get(`/plt-api/app/base/getInfoAllById/${id}`);
+    if (res && res.code === 200) {
+        form.value = res.data || {};
+    }
+};
+
 </script>
 <style lang="scss" scoped>
 .z-paging-wrap {

src/plant/base/gap-base-info-detai/index.vue

@@ -0,0 +1,381 @@
+<template>
+    <view class="ksqulc">
+        <z-paging ref="paging" bgColor="#F7F7F7" safe-area-inset-bottom paging-class="paging-btm-shadow" refresher-only @onRefresh="onRefresh" scroll-with-animation>
+            <template #top>
+                <ut-navbar title="基地详情" :fixed="false" border></ut-navbar>
+                <view class="bg-fff mb-20">
+                    <view class="pd-5"></view>
+                    <ut-tabs v-model="activeTab" :tabs="tabs" mode="btw" @change="changeActiveTab"></ut-tabs>
+                </view>
+            </template>
+            <view class="p-rtv">
+                <!-- 基本信息 -->
+                <view ref="baseRef" class="pd-24" id="base12345">
+                    <view class="startline-title">基本信息</view>
+                </view>
+                <view class="pd-24 bg-#fff mb-10">
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地类型：</span>
+                        <span class="c-#333">{{ selectDictLabel(pt_base_type, form?.baseInfo?.baseType) || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地名称：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.baseName || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地编号：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.baseCode || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">建设时间：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.buildDate || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地组织方式：</span>
+                        <span class="c-#333">{{ selectDictLabel(pt_org_type, form?.baseInfo?.orgType) || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地负责人：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.contactName || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">联系电话：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.contactTel || '-' }}</span>
+                    </view>
+                    <template v-if="['1', '2'].includes(form?.baseInfo?.baseType)">
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否为GAP基地：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.baseInfo?.gapFlag) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.baseInfo?.gapId" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">关联GAP信息：</view>
+                            <view class="bg-#FBFDFB pd-24 p-rtv flex1 radius-10 gap-info-card">
+                                <view class="f-s-32 f-w-500 c-#333">{{ form?.baseInfo?.gapInfo?.gapBaseName || '-' }}</view>
+                                <view class="f-s-24 c-#ccc mb-10">{{ form?.baseInfo?.gapInfo?.ratedDate }}获评</view>
+                                <view class="d-flex gap-10 flex-wrap">
+                                    <view class="w-330 f-s-28">
+                                        <span class="c-#666">申报品种：</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.medicineName }}</span>
+                                    </view>
+                                    <view class="w-290 f-s-28">
+                                        <span class="c-#666">基地面积：</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.area }}{{ form?.baseInfo?.gapInfo?.areaUnit }}</span>
+                                    </view>
+                                    <view class="f-s-28">
+                                        <span class="c-#666">基地地址:</span>
+                                        <span class="c-#333 f-w-500">{{ form?.baseInfo?.gapInfo?.adcodeName }} {{ form?.baseInfo?.gapInfo?.address || '-' }}</span>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地所在地区：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.adcodeName || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">详细地址：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.address || '-' }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <view class="f-s-30 c-#666 mb-10">基地范围：</view>
+                        <view class="bg-#f7f7f7 d-flex ov-hd p-rtv">
+                            <image @click="previewImage([form?.baseInfo?.gapInfo?.basePic])" class="w-full" v-if="form?.baseInfo?.gapInfo?.basePic" preview :src="form?.baseInfo?.gapInfo?.basePic" mode="'widthFix'"></image>
+                            <view v-else class="w-full h-120 d-flex a-c j-c c-999">暂无基地范围</view>
+                        </view>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地面积：</span>
+                        <span class="c-#333">{{ form?.baseInfo?.gapInfo?.area || '-' }}{{ form?.baseInfo?.gapInfo?.areaUnit || mapUnitByBaseType[form?.baseInfo?.baseType || '1'] }}</span>
+                    </view>
+                    <view class="f-s-30 pd2-16-0 info-border-bottom">
+                        <span class="c-#666">基地经纬度：</span>
+                        <span class="c-#333">E{{ form?.baseInfo?.gapInfo?.lng || '-' }}, N{{ form?.baseInfo?.gapInfo?.lat || '-' }}</span>
+                    </view>
+                </view>
+                <view class="h-1" id="plot12345"></view>
+                <!-- 地块/圈舍/组培架信息 -->
+                <view ref="plotRef" class="pd-24">
+                    <view class="startline-title" v-if="form?.baseInfo?.baseType == '1'">地块信息</view>
+                    <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '2'">圈舍信息</view>
+                    <view class="startline-title" v-else-if="form?.baseInfo?.baseType == '3'">组培架信息</view>
+                </view>
+                <view class="pd-24 bg-#fff mb-10">
+                    <template v-if="Array.isArray(form?.landInfoList) && form.landInfoList.length">
+                        <view v-for="(item, index) in form.landInfoList" :key="index" class="plot-item pd-24 mb-20">
+                            <view class="d-flex mb-16">
+                                <view class="f-s-32 f-w-5 c-#333 flex1 mr-10">{{ item?.landName || '-' }}</view>
+                                <view v-if="item?.contactName" class="f-s-24 c-#333">负责人：{{ item?.contactName }}</view>
+                            </view>
+                            <template v-if="form?.baseInfo?.baseType == '3'">
+                                <view class="d-flex flex-wrap gap-10">
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>层数：</span>
+                                        <span class="c-#333 f-w-5">{{ item?.layers || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>每层容量：</span>
+                                        <span class="c-#333 f-w-5">{{ item?.capacityAmount || '-' }}{{ item?.capacityUnit || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span>总容量：</span>
+                                        <span class="c-#333 f-w-5">{{ (item?.capacityAmount || 0) * (item?.layers || 0) || '-' }}{{ item?.capacityUnit || '-' }}</span>
+                                    </view>
+                                    <view class="f-s-28 c-#666 w-310">
+                                        <span v-if="item?.lightType" class="mr-10">{{ selectDictLabel(pt_light_type, item?.lightType) }}</span>
+                                        <span v-if="item?.tempeStatus">{{ +item?.tempeStatus ? '有独立温控' : '无独立温控' }}</span>
+                                    </view>
+                                </view>
+                            </template>
+                            <template v-else>
+                                <view class="f-s-28 c-#666">
+                                    <span>面积：</span>
+                                    <span class="c-#333 f-w-5">{{ item?.area || '-' }}{{ item?.areaUnit || '-' }}</span>
+                                </view>
+                            </template>
+                        </view>
+                    </template>
+                    <view v-else class="c-999 f-s-28">暂无信息</view>
+                </view>
+                <!-- 选址依据及环境信息 -->
+                <view  class="pd-24">
+                    <view class="startline-title">选址依据及环境信息</view>
+                </view>
+                <view class="h-1" id="environment12345"></view>
+                <!-- 基地类型 1：种植基地 -->
+                <template v-if="form?.baseInfo?.baseType == '1'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">选址依据</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否道地产区：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地选址依据/标准：</view>
+                            <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">适应性证明材料：</view>
+                            <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                        </view>
+                    </view>
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">环境信息</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤类型：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_soil_type, form?.environmentInfo?.soilType) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤质地：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_soil_texture, form?.environmentInfo?.soilTexture) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">有机质含量：</span>
+                            <span class="c-#333">{{ form?.environmentInfo?.organic || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">土壤PH值：</span>
+                            <span class="c-#333">{{ form?.environmentInfo?.soilPh || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">水源类型：</span>
+                            <span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span>
+                        </view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
+                        >
+                        <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">水、土壤、大气等环评报告：</view>
+                            <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地图片：</view>
+                            <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地视频：</view>
+                            <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                        </view>
+                    </view>
+                </template>
+
+                <!-- 基地类型 2：养殖基地 -->
+                <template v-else-if="form?.baseInfo?.baseType == '2'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">选址依据</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom">
+                            <span class="c-#666">是否道地产区：</span>
+                            <span class="c-#333">{{ selectDictLabel(yes_no, form?.environmentInfo?.daoStatus) || '-' }}</span>
+                        </view>
+                        <view v-if="form?.environmentInfo?.adaptFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地选址依据/标准：</view>
+                            <ut-album :urls="form?.environmentInfo?.adaptFile"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.accordFile?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">适应性证明材料：</view>
+                            <ut-album :urls="form?.environmentInfo?.accordFile"></ut-album>
+                        </view>
+                    </view>
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-32 c-#333 f-w-600">环境信息</view>
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">水源类型：</span><span class="c-#333">{{ selectDictLabel(pt_water_type, form?.environmentInfo?.waterType) || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">无霜期：</span><span class="c-#333">{{ form?.environmentInfo?.notFrost || '-' }}<text v-if="form?.environmentInfo?.notFrost">天</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年降水量：</span><span class="c-#333">{{ form?.environmentInfo?.precipitation || '-' }}<text v-if="form?.environmentInfo?.precipitation">mm</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年平均气温：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最高气温：</span><span class="c-#333">{{ form?.environmentInfo?.maxTem || '-' }}<text v-if="form?.environmentInfo?.maxTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年绝对最低气温：</span><span class="c-#333">{{ form?.environmentInfo?.minTem || '-' }}<text v-if="form?.environmentInfo?.minTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">年日照时数：</span><span class="c-#333">{{ form?.environmentInfo?.sunshineHours || '-' }}<text v-if="form?.environmentInfo?.sunshineHours">小时</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">海拔：</span><span class="c-#333">{{ form?.environmentInfo?.altitude || '-' }}<text v-if="form?.environmentInfo?.altitude">米</text></span></view
+                        >
+                        <view v-if="form?.environmentInfo?.report?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">水、大气等环评报告：</view>
+                            <ut-album :urls="form?.environmentInfo?.report"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.basePic" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地图片：</view>
+                            <ut-album :urls="form?.environmentInfo?.basePic"></ut-album>
+                        </view>
+                        <view v-if="form?.environmentInfo?.baseVoice?.length" class="f-s-30 pd2-16-0 info-border-bottom">
+                            <view class="c-#666 mb-10">基地视频：</view>
+                            <ut-album :urls="form?.environmentInfo?.baseVoice"></ut-album>
+                        </view>
+                    </view>
+                </template>
+                <!-- 基地类型 3：组培基地 -->
+                <template v-else-if="form?.baseInfo?.baseType == '3'">
+                    <view class="pd-24 bg-#fff mb-10">
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">温度：</span><span class="c-#333">{{ form?.environmentInfo?.avgTem || '-' }}<text v-if="form?.environmentInfo?.avgTem">℃</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">湿度：</span><span class="c-#333">{{ form?.environmentInfo?.humidity || '-' }}<text v-if="form?.environmentInfo?.humidity">%</text></span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">洁净度：</span><span class="c-#333">{{ form?.environmentInfo?.clean || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">光照：</span><span class="c-#333">{{ form?.environmentInfo?.light || '-' }}</span></view
+                        >
+                        <view class="f-s-30 pd2-16-0 info-border-bottom"
+                            ><span class="c-#666">光照周期：</span><span class="c-#333">{{ form?.environmentInfo?.lightCycle || '-' }}</span></view
+                        >
+                    </view>
+                </template>
+           
+            </view>
+            <template #bottom>
+                <view class="pd-20 d-flex">
+                    <template v-if="!+form.baseInfo?.tempFlag">
+                        <up-button class="mr-20" color="#18BECA">去标记为三无一全基地{{ '>' }}</up-button>
+                    </template>
+                    <up-button @click="$u.route({ type: 'redirect', url: '/plant/base/base-edit/index', params: { id: did } })" type="primary">修改</up-button>
+                </view>
+            </template>
+        </z-paging>
+    </view>
+</template>
+<script setup lang="ts">
+import { useClientRequest } from '@/utils/request';
+import { getUrlParams, recursiveDecodeURIComponent } from '@/utils/ruoyi';
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { yes_no, pt_org_type, pt_base_type, pt_water_type, pt_soil_type, pt_soil_texture, pt_light_type, pt_capacity_unit } = toRefs<any>(proxy?.useDict('yes_no', 'pt_org_type', 'pt_base_type', 'pt_water_type', 'pt_soil_type', 'pt_soil_texture', 'pt_light_type', 'pt_capacity_unit'));
+const tabs = reactive([
+    { label: '基本信息', value: 'base' },
+    { label: '地块信息', value: 'plot' },
+    { label: '选址依据及环境信息', value: 'environment' },
+]);
+const activeTab = ref('base');
+const paging = ref<any>(null);
+const mapUnitByBaseType: any = {
+    '1': '亩',
+    '2': '平方米',
+    '3': '平方米',
+};
+const form = ref<any>({});
+
+const changeActiveTab = (value: any) => {
+    const v = typeof value === 'string' ? value : value?.value;
+    const id = `${v}12345`;
+    paging.value?.scrollIntoViewById(id, 30, true);
+};
+const did = ref('');
+// 根据id获取基地详情
+const getDetailById = async (id: string) => {
+    const res = await useClientRequest.get(`/plt-api/app/base/getInfoAllById/${id}`);
+    if (res && res.code === 200) {
+        form.value = res.data || {};
+    }
+};
+const onRefresh = () => {
+    getDetailById(did.value);
+    paging.value?.complete();
+};
+// 判断节点是否在可视区域内如果在则切换tab createIntersectionObserver
+
+onLoad((options: any) => {
+    did.value = options?.id || getUrlParams(recursiveDecodeURIComponent(options?.q))?.id || '';
+    getDetailById(did.value);
+});
+</script>
+<style lang="scss" scoped>
+.z-paging-wrap {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.btn-aree-center {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.plot-item {
+    border: 1rpx solid rgba($u-primary, 0.4);
+    border-radius: 10rpx;
+}
+.gap-info-card {
+    border: 1rpx solid rgba($u-primary, 0.4);
+}
+.ksqulc {
+    position: relative;
+    height: 100vh;
+}
+</style>

src/plant/base/gap-base-info-edit/index.vue

@@ -26,11 +26,11 @@
                     <up-form-item borderBottom label="基地名称" required prop="gapBaseName">
                         <up-input v-model="form.gapBaseName" placeholder="请输入基地名称" border="none" clearable></up-input>
                     </up-form-item>
-                    <!-- 选择种养殖品种 -->
+                    <!-- 选择获评品种 -->
                     <view class="h-1" id="medicineIdpppp"></view>
-                    <up-form-item @click="selectMedicine" borderBottom label="种养殖品种" required prop="medicineId">
+                    <up-form-item @click="selectMedicine" borderBottom label="获评品种" required prop="medicineId">
                         <view v-if="form.medicineId" class="f-s-30 c-333 f-w-5 flex1">{{ form.contactName }}</view>
-                        <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种养殖品种</view>
+                        <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择获评品种</view>
                         <template #right>
                             <up-icon size="22rpx" color="#2A6D52" name="arrow-down-fill"></up-icon>
                         </template>
@@ -159,7 +159,7 @@ const form = ref<any>({
 const rules = reactive({
     gapBaseType: [{ required: true, message: '请选择基地类型' }],
     gapBaseName: [{ required: true, message: '请输入基地名称' }],
-    medicineId: [{ required: true, message: '请选择种养殖品种' }],
+    medicineId: [{ required: true, message: '请选择获评品种' }],
     basePic: [{ required: true, message: '请绘制基地范围' }],
     adcode: [{ required: true, message: '请选择基地具体地址' }],
     area: [{ required: true, message: '请输入基地面积' }],
@@ -283,7 +283,7 @@ const mapDrawArea = async () => {
     });
 };
 
-// 改成去选择种养殖品种页面
+// 改成去选择获评品种页面
 const selectMedicine = () => {
     uni.$on('medicineSelected', (medicine: any) => {
         form.value.medicineId = medicine.id;

src/plant/base/gap-base-info/index.vue

@@ -26,7 +26,7 @@
                                 <view class="c-#999 f-s-24 pb-20">{{ item?.ratedDate }}获评</view>
                                 <view class="d-flex pb-5">
                                     <view class="w-50%">
-                                        <text class="c-#666 f-s-28">种养殖品种：</text>
+                                        <text class="c-#666 f-s-28">获评品种：</text>
                                         <text class="c-#333 f-s-28 f-w-5">{{ item?.medicineName || '-' }}</text>
                                     </view>
                                     <view class="w-50%">

src/plant/base/mark-swyq-base/index.vue

@@ -0,0 +1,3 @@
+<template>
+    
+</template>

src/tools/select-gap-info/index.vue

@@ -12,7 +12,7 @@
                 <view class="c-#999 f-s-24 pb-20">{{ item?.ratedDate }}获评</view>
                 <view class="d-flex pb-5">
                     <view class="w-50%">
-                        <text class="c-#666 f-s-28">种养殖品种：</text>
+                        <text class="c-#666 f-s-28">获评品种：</text>
                         <text class="c-#333 f-s-28 f-w-5">{{ item?.medicineName || '-' }}</text>
                     </view>
                     <view class="w-50%">

src/tools/select-medicine/index.vue

@@ -1,9 +1,9 @@
 <template>
     <z-paging ref="paging" safe-area-inset-bottom v-model="list" @query="query">
         <template #top>
-            <ut-navbar title="选择种养殖品种" :fixed="false" border></ut-navbar>
+            <ut-navbar title="选择获评品种" :fixed="false" border></ut-navbar>
             <view class="pd-20">
-                <ut-search margin="0" height="68rpx" fontSize="26rpx" placeholder="请输入种养殖品种名称" border v-model="form.keyword" @search="onRefresh"></ut-search>
+                <ut-search margin="0" height="68rpx" fontSize="26rpx" placeholder="请输入获评品种名称" border v-model="form.keyword" @search="onRefresh"></ut-search>
             </view>
         </template>
         <view class="base-content pd-20">

unocss.config.js

@@ -181,6 +181,13 @@ export default defineConfig({
                 gap: `${num}rpx`,
             }),
         ],
+        // 黑色透明度颜色
+        [
+            /^bg-black-op-([\.\d]+)$/,
+            ([_, num]) => ({
+                'background-color': `rgba(0, 0, 0, ${num})`,
+            }),
+        ]
     ],
     transformers: [
         {