zhywpt-sp/composables/order/useOrderList.ts

/**
 * 订单列表业务逻辑
 */
import { onLoad,onShow,onUnload } from "@dcloudio/uni-app";
import { reactive, ref } from 'vue';
import { hasLogin, msg } from "@/utils/utils";
export default function useOrderList() {
	const tabbarRef = ref<{ changeTab: (index: Number) => void }>()

	const data = reactive({
		//登录状态
		login:hasLogin(), 
		//是否刷新
		refresh:false,
		//当前切换的index  0-全部 1-待发货 2-待收货 3-待激活  xx-退款/换货
		tabIndex: 0,
		//导航栏数据
		tabsList: [
			{ id: 0, name: '全部' }, 
			{ id: 1, name: '待发货' }, 
			{ id: 2, name: '待收货' },
			{ id: 3, name: '待激活' }, 
			{ id: 4, name: '退款/换货' } 
		],
	})
	
	onLoad(() => {
		//监听订单刷新信息
		uni.$on('refreshOrder',() => {
			data.refresh = true;
		});
		
		uni.$on('refreshFinish',()=>{
			data.refresh = false;
		})
		
		uni.$on('loginOut',()=>{
			data.login = false;
			data.refresh = false;
		})
	});
	
	onUnload(()=>{
		uni.$off('refreshOrder');
	});
	
	onShow(()=>{
		data.login = hasLogin();
		if(data.login){
			data.refresh = true;
		}
	})

	return {
		data, tabbarRef
	}
}