forestry-wx/src/pages/plant/more/index.vue

<template>
    <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-24">
            <view class="radius-16 bg-#fff pd-24 mb-16">
                <view class="mb-30 f-s-30 c-#333 f-w-500">码管理</view>
                <view class="d-flex flex-w gap-30 j-sb">
                    <view class="d-flex flex-cln j-c a-c pd-10" hover-class="bg-#f7f7f7" @click="$u.route({ url: '/plant/code/code-list/index' })">
                        <image class="w-54 h-54 mb-16" src="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/plant/more/mag_code_icon.png" mode="widthFix" />
                        <view class="f-s-26 c-#666">码生成及下载</view>
                    </view>
                    <view class="d-flex flex-cln j-c a-c pd-10" hover-class="bg-#f7f7f7">
                        <image class="w-54 h-54 mb-16" src="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/plant/more/mag_trace_icon.png" mode="widthFix" />
                        <view class="f-s-26 c-#666">追溯码查询</view>
                    </view>
                    <view class="d-flex flex-cln j-c a-c pd-10" hover-class="bg-#f7f7f7">
                        <image class="w-54 h-54 mb-16" src="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/plant/more/mag_relate_icon.png" mode="widthFix" />
                        <view class="f-s-26 c-#666">关联关系管理</view>
                    </view>
                </view>
            </view>
            <view class="radius-16 bg-#fff pd-24 mb-16">
                <view class="mb-30 f-s-30 c-#333 f-w-500">往来单位管理</view>
                <view class="d-flex flex-w gap-30">
                    <view class="d-flex flex-cln j-c a-c pd-10" hover-class="bg-#f7f7f7" @click="$u.route({ url: '/plant/contact-unit/unit-list/index' })">
                        <image class="w-54 h-54 mb-16" src="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/plant/more/mag_unit_icon.png" mode="widthFix" />
                        <view class="f-s-26 c-#666">往来单位管理</view>
                    </view>
                </view>
            </view>
            <view class="radius-16 bg-#fff pd-24 mb-16">
                <view class="mb-30 f-s-30 c-#333 f-w-500">H5 扫码页面管理</view>
                <view class="d-flex flex-w gap-30">
                    <view class="d-flex flex-cln j-c a-c pd-10" hover-class="bg-#f7f7f7" @click="$u.route({ url: '/plant/cor-style/index/index' })">
                        <image class="w-54 h-54 mb-16" src="https://yujin-szyy.oss-cn-chengdu.aliyuncs.com/szyy/images-plt/plant/more/corstyle-dis.png" mode="widthFix" />
                        <view class="f-s-26 c-#666">企业风采展示</view>
                        <view class="f-s-26 c-#666">配置</view>
                    </view>
                </view>
            </view>
        </view>
        <template #bottom>
            <ut-tabar activeTab="more"></ut-tabar>
        </template>
    </z-paging>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped></style>