pet-front/pages/orderTakingManage/index.vue

<template>
	<view>
		<up-sticky bgColor="#fff">
			<view class="container-tabs">
				<up-tabs :list="list" lineWidth="68rpx" :activeStyle="{
            color: '#FFFFFF',
            fontWeight: 'bold',
            transform: 'scale(1.05)'
        }" :inactiveStyle="{
            color: '#FFFFFF',
            transform: 'scale(1)'
        }" :itemStyle="{height:'88rpx',padding:'0 52rpx'}" lineColor="#FFFFFF"></up-tabs>
			</view>
		</up-sticky>

		<view class="container">
			<systemOrder v-if="current===0" />
			<personOrder v-if="current===1" />
			<lossOrder v-if="current===2" />
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import systemOrder from "./components/systemOrder.vue";
	import personOrder from "./components/personOrder.vue";
	import lossOrder from "./components/lossOrder.vue";
	import {
		onShow
	} from "@dcloudio/uni-app"
	import { getIsLogin } from "@/utils/auth.js"
	
	const current = ref(0)
	const list = reactive([{
			name: '系统派单',
			badge: {
				value: 5,
			}
		},
		{
			name: '个人订单',
			badge: {
				value: 5,
			}
		},
		{
			name: '流失订单',
			badge: {
				value: 5,
			}
		},
	])
	
	onShow(() => {
		if(!getIsLogin()) {
			uni.navigateTo({
				url: "/pages/login/index"
			})
		}
	})
</script>

<style scoped lang="scss">
	@import "index.scss";
</style>