修改库房货位页面

src/components/ut-tabar/ut-tabar.vue

@@ -1,34 +1,92 @@
 <template>
-    <view class="w-100%" style="position: fixed; bottom: 0; left: 0">
+    <up-popup v-model:show="showStorage" title="请选择操作类型" bgColor="#F7F7F7" round="0" zIndex="1000" closeable>
+        <view class="min-h-600">
+            <view class="c-#333 f-s-34 f-w-500 pd-24">请选择操作类型</view>
+            <view class="pd2-10-24">
+                <up-grid :border="false" :column="3" gap="10rpx">
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c" @click="showStorage = false;$u.route({ url: '/plant/storage/storage-room/list/index' })">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_kfgl_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">库房管理</view>
+                        </view>
+                    </up-grid-item>
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_nzk_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">农资库</view>
+                        </view>
+                    </up-grid-item>
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_zyk_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">种源库</view>
+                        </view>
+                    </up-grid-item>
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_xhk_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">鲜货库</view>
+                        </view>
+                    </up-grid-item>
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_zjpk_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">中间品库</view>
+                        </view>
+                    </up-grid-item>
+                    <up-grid-item>
+                        <view class="pd2-10-0 d-flex flex-cln a-c j-c">
+                            <view class="w-109 h-109 bg-#fff radius-50% d-flex a-c j-c mb-10">
+                                <image class="w-72 h-72" src="@/static/images/plant/storage/nav_cpk_icon.png" mode="widthFix" />
+                            </view>
+                            <view class="c-#333 f-s-28 text-center">成品库</view>
+                        </view>
+                    </up-grid-item>
+                </up-grid>
+            </view>
+            <view class="h-210"></view>
+        </view>
+    </up-popup>
+    <view class="w-100%" style="position: fixed; bottom: 0; left: 0; z-index: 1100">
         <view class="p-rtv" style="height: 210rpx">
             <image class="w-100%" src="/static/images/plant/bottombg.png" mode="widthFix" style="position: absolute; bottom: 0; left: 0; z-index: -1" />
             <view class="d-flex h-140 w-100% j-sa" style="position: absolute; bottom: 0; left: 0">
                 <view class="d-flex a-c flex1 j-sa">
-                    <view @click="$u.route({ type: 'switchTab', url: '/pages/plant/base/index' })" class="c-#999 f-s-24 d-flex flex-cln">
-                        <image v-if="activeTab !== 'base'" class="w-80 h-80" src="/static/images/plant/bottomBase.png" mode="widthFix" />
-                        <image v-if="activeTab === 'base'" class="w-80 h-80" src="/static/images/plant/bottomBaseActive.png" mode="widthFix" />
-                        <view class="text-center" :class="activeTab === 'base' ? 'c-primary f-w-5' : ''">基地</view>
+                    <view @click="showStorage = false;$u.route({ type: 'switchTab', url: '/pages/plant/base/index' })" class="c-#999 f-s-24 d-flex flex-cln j-c a-c">
+                        <image v-if="activeTab === 'base' && !showStorage" class="w-80 h-80" src="/static/images/plant/bottomBaseActive.png" mode="widthFix" />
+                        <image v-else class="w-80 h-80" src="/static/images/plant/bottomBase.png" mode="widthFix" />
+                        <view class="text-center" :class="activeTab === 'base' && !showStorage ? 'c-primary f-w-5' : ''">基地</view>
                     </view>
-                    <view @click="$u.route({ type: 'switchTab', url: '/pages/plant/port/index' })" class="c-#999 f-s-24 d-flex flex-cln">
-                        <image v-if="activeTab !== 'planting'" class="w-80 h-80" src="/static/images/plant/bottomPlantingBreeding.png" mode="widthFix" />
-                        <image v-if="activeTab === 'planting'" class="w-80 h-80" src="/static/images/plant/bottomPlantingBreedingActive.png" mode="widthFix" />
-                        <view class="text-center" :class="activeTab === 'planting' ? 'c-primary f-w-5' : ''">种养殖</view>
+                    <view @click="showStorage = false;$u.route({ type: 'switchTab', url: '/pages/plant/port/index' })" class="c-#999 f-s-24 d-flex flex-cln j-c a-c">
+                        <image v-if="activeTab === 'planting' && !showStorage" class="w-80 h-80" src="/static/images/plant/bottomPlantingBreedingActive.png" mode="widthFix" />
+                        <image v-else class="w-80 h-80" src="/static/images/plant/bottomPlantingBreeding.png" mode="widthFix" />
+                        <view class="text-center" :class="activeTab === 'planting' && !showStorage ? 'c-primary f-w-5' : ''">种养殖</view>
                     </view>
                 </view>
-                <view class="w-126 d-flex a-c j-c p-rtv">
-                    <image v-if="activeTab !== 'warehouse'" class="w-80 h-80" src="/static/images/plant/bottomWarehouse.png" mode="widthFix" style="position: absolute; top: -40rpx" />
-                    <image v-if="activeTab === 'warehouse'" class="w-80 h-80" src="/static/images/plant/bottomWarehouseActive.png" mode="widthFix" style="position: absolute; top: -40rpx" />
+                <view class="w-126 d-flex a-c j-c p-rtv" @click="showStorage = !showStorage">
+                    <image v-if="!showStorage" class="w-80 h-80" src="/static/images/plant/bottomWarehouse.png" mode="widthFix" style="position: absolute; top: -40rpx" />
+                    <image v-else class="w-80 h-80" src="/static/images/plant/bottomWarehouseActive.png" mode="widthFix" style="position: absolute; top: -40rpx" />
                 </view>
                 <view class="d-flex a-c flex1 j-sa">
-                    <view class="c-#999 f-s-24 d-flex flex-cln">
-                        <image v-if="activeTab !== 'processing'" class="w-80 h-80" src="/static/images/plant/bottomProcessingPackaging.png" mode="widthFix" />
-                        <image v-if="activeTab === 'processing'" class="w-80 h-80" src="/static/images/plant/bottomProcessingPackagingActive.png" mode="widthFix" />
-                        <view class="text-center" :class="activeTab === 'processing' ? 'c-primary f-w-5' : ''">加工包装</view>
+                    <view class="c-#999 f-s-24 d-flex flex-cln j-c a-c">
+                        <image v-if="activeTab === 'processing' && !showStorage" class="w-80 h-80" src="/static/images/plant/bottomProcessingPackagingActive.png" mode="widthFix" />
+                        <image v-else class="w-80 h-80" src="/static/images/plant/bottomProcessingPackaging.png" mode="widthFix" />
+                        <view class="text-center" :class="activeTab === 'processing'  && !showStorage ? 'c-primary f-w-5' : ''">加工包装</view>
                     </view>
-                    <view class="c-#999 f-s-24 d-flex flex-cln">
-                        <image v-if="activeTab !== 'more'" class="w-80 h-80" src="/static/images/plant/bottomMore.png" mode="widthFix" />
-                        <image v-if="activeTab === 'more'" class="w-80 h-80" src="/static/images/plant/bottomMoreActive.png" mode="widthFix" />
-                        <view class="text-center" :class="activeTab === 'more' ? 'c-primary f-w-5' : ''">更多</view>
+                    <view class="c-#999 f-s-24 d-flex flex-cln j-c a-c">
+                        <image v-if="activeTab === 'more' && !showStorage" class="w-80 h-80" src="/static/images/plant/bottomMoreActive.png" mode="widthFix" />
+                        <image v-else class="w-80 h-80" src="/static/images/plant/bottomMore.png" mode="widthFix" />
+                        <view class="text-center" :class="activeTab === 'more' && !showStorage ? 'c-primary f-w-5' : ''">更多</view>
                     </view>
                 </view>
             </view>
@@ -38,6 +96,7 @@
 </template>
 
 <script setup lang="ts">
+const showStorage = ref(false);
 defineProps<{
     activeTab?: string; // 当前活跃的tab标识符：'base' | 'planting' | 'warehouse' | 'processing' | 'more'
 }>();

src/pages.json

@@ -134,6 +134,33 @@
                 }
             ]
         },
+        // 库存
+        {
+            "root": "plant/storage",
+            "pages": [
+               // 库房管理
+                {
+                    "path": "storage-room/list/index",
+                    "style": {
+                        "navigationBarTitleText": "库房管理"
+                    }
+                },
+                // 新增库房
+                {
+                    "path": "storage-room/edit/index",
+                    "style": {
+                        "navigationBarTitleText": "新增库房"
+                    }
+                },
+                // 库房详情
+                {
+                    "path": "storage-room/detail/index",
+                    "style": {
+                        "navigationBarTitleText": "库房详情"
+                    }
+                }
+            ]
+        },
         {
             "root": "tools",
             "pages": [

src/pages/plant/base/index.vue

@@ -141,10 +141,8 @@
         </template>
         <view class="h-210" v-if="list?.length"></view>
         <view v-if="list?.length" :style="{ height: `${safeAreaBottom}px` }"></view>
-        <template #bottom>
-            <ut-tabar activeTab="base"></ut-tabar>
-        </template>
     </z-paging>
+     <ut-tabar activeTab="base"></ut-tabar>
     <ut-confirm-dialog v-model:show="showDeleteDialog" width="80vw" title="请选择要添加到基地类型" :confirmText="'确认选择'" :cancelText="'取消'" @confirm="handlechoseConfirm" @cancel="handleDeleteCancel">
         <view class="" v-for="item in pt_base_type" :key="item?.value">
             <view style="border: 1rpx solid" :style="{ backgroundColor: item?.value == basetype ? '#EBF6EE' : '#f7f7f7', borderColor: item?.value == basetype ? '#37A954' : 'transparent' }" class="pr-30 d-flex a-c mb-20 radius-100" @click="handlechose(item.value)">

src/plant/storage/storage-room/detail/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <view>库房详情</view>
+</template>

src/plant/storage/storage-room/edit/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <view>新增编辑库房</view>
+</template>

src/plant/storage/storage-room/list/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <view>库房列表</view>
+</template>