<template>
    <view class="content">
        <view class="new-purchase">
            <text
                v-for="(item, index) in newPurchaseList"
                :key="index"
                @tap="onNavigateTo(item.url)"
            >
                {{ item.title }}
            </text>
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue'
const newPurchaseList = ref([
    { title: '新购验收', url: '/pages/new-purchase/accept/index' },
    // { title: '新购到货', url: '/pages/new-purchase/bind/index' },
    { title: '新购绑定', url: '/pages/new-purchase/bind/index' },
    { title: '新购入库', url: '/pages/new-purchase/entry/index' },
])

const onNavigateTo = (url) => {
    uni.navigateTo({ url })
}
</script>

<style lang="scss">
.new-purchase {
    display: flex;

    text {
        margin: 10rpx 20rpx;
        padding: 10rpx;
        font-size: 30rpx;
        background-color: #3381fb;
        color: #fff;
    }
}
</style>
