bonus-material-app/src/pages/work/index.vue

<template>
    <view class="content">
        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">信息采集</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in newInfoList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">新购管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in newPurchaseList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title" >仓储管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in pickingList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">修试管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in repairList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">配件管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in partList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text style="white-space: nowrap; font-size: 26rpx">
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">标准箱管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in boxList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>

        <view class="new-purchase" >
            <div class="title-text">
                <div></div>
                <div class="purchase-title">材料站管理</div>
            </div>
            <view
                class="purchase-item"
                :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in materialsStationList"
            >
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>
    </view>
</template>

<script setup>
import { ref,computed } from 'vue'
import { onShow,onLoad } from '@dcloudio/uni-app'

const urlPermissions = ref([])
onShow((options) => {
     urlPermissions.value = uni.getStorageSync('urlPermissions')
    console.log("yyyyyyy",urlPermissions.value)
})


// 信息采集
const newInfoList = ref([
    {
        title: '编码采集',
        url: '/pages/repair/wsMaInfo/index',
        iconSrc: '../../static/workbench/bianMa.png',
    },
    {
        title: '盘点绑定',
        url: '/pages/new-purchase/entry/index',
        iconSrc: '../../static/workbench/panDian.png',
    },
    {
        title: '日期更新',
        url: '/pages/dateUpdate/index',
        iconSrc: '../../static/workbench/panDian.png',
    },
    {
        title: '铭牌更新',
        url: '/pages/nameplateUpdate/index',
        iconSrc: '../../static/workbench/minPai.png',
    },
])

// 使用计算属性筛选 newInfoList 中的数据
const newInfoListTwo = computed(() => {
    return newInfoList.value.filter(item => urlPermissions.value.includes(item.url))
})


// 新购
const newPurchaseList = ref([
    {
        title: '新购验收',
        url: '/pages/new-purchase/accept/index',
        iconSrc: '../../static/workbench/purchaseAccept.png',
    },
    // { title: '新购到货', url: '/pages/new-purchase/bind/index' },
    {
        title: '新购绑定',
        url: '/pages/new-purchase/bind/index',
        iconSrc: '../../static/workbench/purchaseBind.png',
    },
    {
        title: '新购入库',
        url: '/pages/new-purchase/entry/index',
        iconSrc: '../../static/workbench/purchaseBind.png',
    },
])

// 使用计算属性筛选 newInfoList 中的数据
const newPurchaseListTwo = computed(() => {
    return newPurchaseList.value.filter(item => urlPermissions.value.includes(item.url))
})

// 仓储
const pickingList = ref([
    {
        title: '电子签名',
        url: '/pages/picking/outbound/sign',
        iconSrc: '../../static/workbench/backCreate.png',
    },
    {
        title: '领料出库',
        url: '/pages/picking/outbound/index',
        iconSrc: '../../static/workbench/backCreate.png',
    },
    {
        title: '领料审核',
        url: '/pages/picking/review/index',
        iconSrc: '../../static/workbench/backCreate.png',
    },
    //    {
    //     title: '退料创建',
    //     url: '',
    //     iconSrc: '../../static/workbench/backCreate.png',
    // },
    {
        title: '退料接收',
        url: '/pages/back/index',
        iconSrc: '../../static/workbench/backCreate.png',
    },
    {
        title: '修试入库',
        url: '/pages/repair/testedInBound/index',
        iconSrc: '../../static/workbench/backCreate.png',
    },
])

// 使用计算属性筛选 newInfoList 中的数据
const pickingListTwo = computed(() => {
    return pickingList.value.filter(item => urlPermissions.value.includes(item.url))
})

// 配件
const partList = ref([
    {
        title: '配件领料',
        url: '/pages/part/part-lease/index',
        iconSrc: '../../static/workbench/partIn.png',
    },
    {
        title: '配件新购验收',
        url: '/pages/part/parts-accept/index',
        iconSrc: '../../static/workbench/partIn.png',
    },
    {
        title: '配件新购入库',
        url: '/pages/part/entry/index',
        iconSrc: '../../static/workbench/partIn.png',
    },
    // {
    //     title: '配件领用申请',
    //     url: '',
    //     iconSrc: '../../static/workbench/partApprove.png',
    // }
])

// 使用计算属性筛选 newInfoList 中的数据
const partListTwo = computed(() => {
    return partList.value.filter(item => urlPermissions.value.includes(item.url))
})

// 维修
const repairList = ref([
    {
        title: '机具定损',
        url: '/pages/repair/equipAssessment/index',
        iconSrc: '../../static/workbench/repair.png',
    },
    {
        title: '维修',
        url: '/pages/repair/repairManage/index',
        iconSrc: '../../static/workbench/repair.png',
    },
	{
	    title: '现场维修',
	    url: '/pages/repair/fieldMaintenance/index',
	    iconSrc: '../../static/workbench/repair.png',
	},
    {
        title: '修试审核',
        url: '/pages/repair/testExamine/index',
        iconSrc: '../../static/workbench/repair.png',
    },
    // {
    //     title: '修试入库',
    //     url: '/pages/repair/testedInBound/index',
    //     iconSrc: '../../static/workbench/fix.png',
    // },
    {
        title: '报废审核',
        url: '/pages/repair/scrapExamine/index',
        iconSrc: '../../static/workbench/repair.png',
    },
])

// 使用计算属性筛选 newInfoList 中的数据
const repairListTwo = computed(() => {
    return repairList.value.filter(item => urlPermissions.value.includes(item.url))
})

// 标准箱
const boxList = ref([
    {
        title: '标准箱管理',
        url: '/pages/standardBox/index',
        iconSrc: '../../static/workbench/boxManage.png',
    },
    {
        title: '标准箱移交',
        url: '/pages/standardBox/transferBox',
        iconSrc: '../../static/workbench/boxHandOver.png',
    },
    {
        title: '标准箱接收',
        url: '/pages/standardBox/acceptBox',
        iconSrc: '../../static/workbench/boxRecept.png',
    },
])

// 材料站
const materialsStationList = ref([
    {
        title: '材料站管理',
        url: '/pages/materialsStation/index/index',
        iconSrc: '../../static/workbench/repair.png',
    },
])

// 使用计算属性筛选 newInfoList 中的数据
const boxListTwo = computed(() => {
    return boxList.value.filter(item => urlPermissions.value.includes(item.url))
})

// // 库存查询
// const searchList = ref([
//     {
//         title: '机具查询',
//         url: '/pages/stquery/deviceStatusRecord/index',
//         iconSrc: '../../static/workbench/fix.png',
//     },

// ])

// // 设备信息查询
// const deviceList = ref([
//     {
//         title: '二维码',
//         url: '/pages/devicesSearch/qrSearch',
//         iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
//     },
//     {
//         title: 'OCR',
//         url: '/pages/devicesSearch/ocrSearch',
//         iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
//     },
//     {
//         title: '设备编号',
//         url: '/pages/devicesSearch/codeSearch',
//         iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
//     },
// ])

const onNavigateTo = (url) => {
    uni.setStorageSync('scrollTop', null)
    uni.setStorageSync('currentPage', 1)
    uni.navigateTo({ url })
}
</script>

<style lang="scss">
page {
    overflow: hidden;
    overflow-y: auto;
}
.content {
    padding: 24rpx;
    min-height: 100vh;
    background-color: #f7f8fa;

    // 功能区块样式
    .new-purchase {
        background-color: #fff;
        border-radius: 20rpx;
        padding: 10rpx 8rpx;
        margin-bottom: 8rpx;
        box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
        display: flex;
        flex-wrap: wrap;

        // 标题样式
        .purchase-title {
            font-size: 32rpx;
            font-weight: 600;
            color: #262626;
        }

        .title-text {
            margin-top: 5px;
            padding: 0px 0;
            display: flex;
            align-items: center;
            // font-size: 14px;
            font-weight: bold;
            letter-spacing: 1px;
            width: 100%;
        }

        .title-text div:first-child {
            width: 5px;
            height: 10px;
            margin-right: 8px;
            background-color: #2d73cf;
        }

        // 功能项样式
        .purchase-item {
            width: 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 4rpx 0;
            transition: all 0.3s ease;

            &:active {
                transform: scale(0.95);
                opacity: 0.8;
            }

            // 图标样式
            image {
                width: 120rpx;
                height: 120rpx;
                margin-bottom: 2rpx;
            }

            // 文字样式
            text {
                font-size: 28rpx;
                color: #262626;
                font-weight: 500;
            }
        }
    }
}
</style>