修改

src/pages/plant/storage/index.vue

@@ -1,59 +1,60 @@
 <template>
-    <z-paging ref="paging" bgColor="#fff">
+    <z-paging ref="paging" bgColor="#F7F7F7">
         <template #top>
             <ut-navbar title="仓储与放行" :fixed="false" :isLeftBack="false" :breadcrumb="false"></ut-navbar>
         </template>
         <view class="base-content pd-20">
-            <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="$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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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" @click="$u.route({ url: '/plant/storage/agro-product/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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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" @click="$u.route({ url: '/plant/storage/seed-source/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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/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 class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/storage-room/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_kfgl_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">库房管理</view>
+                    <view class="f-s-22 c-#999">可创立不同基地的库房和货位，分基地进行库房管理</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
+            <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/seed-source/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_zyk_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">种源库</view>
+                    <view class="f-s-22 c-#999">内部采收种源和外部采购种源的存储库房</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
+            <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/agro-product/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_nzk_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">农资库</view>
+                    <view class="f-s-22 c-#999">种养殖和种源繁育所需农资投入品的存储库房</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
+            <!-- 鲜货库 -->
+            <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/fresh-product/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_xhk_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">鲜货库</view>
+                    <view class="f-s-22 c-#999">内部采收鲜货和外部采收鲜货的存储库房</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
+            <!-- 中间品库 -->
+            <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/intermediate-product/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_zjpk_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">中间品库</view>
+                    <view class="f-s-22 c-#999">加工后待包装药材的存储库房</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
+            <!-- 成品库 -->
+            <view class="bg-#fff d-flex a-c j-c radius-16 pd2-30-24 mb-20" @click="$u.route({ url: '/plant/storage/finished-product/list/index' })">
+                <image class="w-72 h-72" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/nav_cpk_icon.png" mode="widthFix" />
+                <view class="flex1 pd2-0-20">
+                    <view class="f-s-30 c-#333 f-w-500">成品库</view>
+                    <view class="f-s-22 c-#999">包装后待售的鲜货、种源、药材等成品的存储库房</view>
+                </view>
+                <up-icon name="arrow-right"></up-icon>
+            </view>
         </view>
     </z-paging>
     <ut-tabar activeTab="storage"></ut-tabar>