<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">
            <view class="purchase-item" :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in searchList">
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view>
		<view class="new-purchase">
            <view class="purchase-item" :key="index"
                @tap="onNavigateTo(item.url)"
                v-for="(item, index) in deviceList">
                <image :src="item.iconSrc" mode="scaleToFill" />
                <text>
                    {{ item.title }}
                </text>
            </view>
        </view> -->
    </view>
</template>

<script setup>
import { ref } from 'vue'
// 信息采集
const newInfoList = ref([
    {
        title: '编码采集',
        url: '',
        iconSrc: '../../static/workbench/bianMa.png',
    },
    {
        title: '盘点绑定',
        url: '',
        iconSrc: '../../static/workbench/panDian.png',
    },
    {
        title: '日期更新',
        url: '',
        iconSrc: '../../static/workbench/panDian.png',
    },
        {
        title: '铭牌更新',
        url: '',
        iconSrc: '../../static/workbench/minPai.png',
    },
])
// 新购
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',
    },
])

// 仓储
const pickingList = ref([
    {
        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',
    },
])

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

// 维修
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/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',
	},
])

// 标准箱
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 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.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>
