<!-- 我的订单 -->
<template>
    <view class="jy-business-operator-order">
        <JyCommonHead>
            <template v-slot:center>
                <uni-easyinput prefixIcon="search" v-model="value" placeholder="搜索内容" />
            </template>
        </JyCommonHead>
        <JyShopNavigation :current="params.currentTab" :list="tabs" @tabItemClick="itemClick" marright="25px"
            activeWeight='600' activeColor="#333333" activeBarColor="initial" />
        <view class="p16">
            <JyOrderCard v-for="(item, index) in 10" type="business_order"></JyOrderCard>
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from "@dcloudio/uni-app"
import JyCommonHead from '@/components/public/jy-common-head'
//顶部条件栏
import JyShopNavigation from '@/components/public/jy-shop-navigation'
import JyOrderCard from '@/components/public/jy-order-card'
import { onReachBottom } from '@dcloudio/uni-app';
onReachBottom(() => {
    console.log('====================================');
    console.log("加载到底了通知刷新");
    console.log('====================================');
})
const itemClick = (item, index) => {
}
const tabs = ref([{
    id: 1,
    name: '全部'
},
{
    id: 2,
    name: '待付款'
},
{
    id: 3,
    name: '待发货'
},
{
    id: 4,
    name: '待收货'
},
{
    id: 6,
    name: '售后/退款'
}])
const value = ref('')
const params = ref({
    currentTab: 0
})
// 获取路由传的参数
onLoad(options => {
    params.value.currentTab = options.currentTab / 1
})
</script>
<style scoped lang="scss">
.jy-order {
    ::v-deep .uni-easyinput__content {
        border-radius: 18rpx;
        width: 542rpx;
    }
}
</style>