zhywpt-sp/composables/order/useOrderListItem.ts

/**
 * 订单列表业务逻辑
 */
import { reactive, ref, watch, nextTick, onMounted } from "vue";
import { request } from "@/utils/network/request.js";
import { stringToJson } from "@/utils/network/encryption";
import { onLoad, onUnload, onReachBottom, onPullDownRefresh, onShow } from "@dcloudio/uni-app";
import { getItem, StorageKeys, setItem } from "@/utils/storage";
import { hasLogin, msg, timesDiff } from "@/utils/utils";
import { orderList, appPage } from "@/utils/network/api";
import { PageData } from "@/datas/enum";
const tools = require("../../static/etcUtil/tools.js");
export default function useOrderListItem(props) {
	//搜索关键字
	const searchKeyWords = ref('');
	const tabName = ref('小程序');
	//订单列表数据
	const ordersList = ref([]);

	const config = {
		emptyHint: {
			hint: '~ 暂无订单数据 ~',
			icon: '',
			mode: 'order'
		},
		contentTxt: {
			contentdown: '~上拉加载更多~',
			contentrefresh: '努力加载中...',
			contentnomore: '-- 我是有底线的 --'
		}
	}

	//请求参数
	const params = reactive({
		pageNum: PageData.NUM,
		pageSize: PageData.SIZE,
		total: 0,
		status: 'more',
		reload: false,
	})

	//搜索
	const doSearch = () => {
		// #ifdef MP-WEIXIN
		if (!searchKeyWords.value) {
			msg('请输入需要搜索的车牌号！');
			return;
		}
		refreshList(true);
		// #endif
		// #ifdef MP-ALIPAY
		tools.showLoadingAlert("加载中");
		refreshList(true);
		tools.hideLoadingAlert();
		// #endif

	}

	//订单车牌号输入
	const onKeyInput = (event) => {
		searchKeyWords.value = event.target.value;
		if (searchKeyWords.value == '') {
			refreshList(true);
		}
	}

	/* 刷新列表 */
	const refreshList = (isLoading) => {
		console.log("========", isLoading)

		params.pageNum = 1;
		params.total = 0;
		params.status = 'more';
		params.reload = false;

		getList();
	}

	const changeTab = (tabOption) => {
		console.log("tabOption", tabOption)
		tabName.value = tabOption
		refreshList(true)
	}
	/* 加载更多 */
	const loadMore = () => {
		if (params.total > ordersList.value.length) {
			params.status = 'loading';
			params.pageNum++;
			getList();
		} else {
			params.status = 'noMore';
		}
	}

	/* 获取列表数据 */
	const getList = async () => {
		console.log("props.refresh", props.refresh)
		if (!hasLogin()) {
			uni.stopPullDownRefresh();
			uni.$emit('refreshFinish');
			return;
		}

		let res : any = null;
		let newsource = "WECHAT"
		// #ifdef MP-ALIPAY
		newsource = "ALI"
		// #endif
		let options = {}
		console.log("tabName.value", tabName.value)
		options = {
			type: 2,
			data: {
				"opId": getItem(StorageKeys.OpenId),
				"source": newsource,
				"vehiclePlate": searchKeyWords.value,
				"tabIndex": props.index + '',
				"pageNo": params.pageNum,
				"pageSize": params.pageSize,
				"promotionModes": 1,
			},
			method: 'POST',
			showLoading: true
		}
		try {

			request(orderList, options).then((res) => {
				uni.hideLoading()
				var data = stringToJson(res.bizContent);
				console.log("ordersList.value", data)

				params.total = data.totalCount;

				if (params.pageNum === 1) {
					ordersList.value = [];
				}
				if (params.total > 0) {
					const curList = data.data || [];
					ordersList.value = params.reload ? curList : ordersList.value.concat(curList);
					params.reload = false;
				}

				if (params.total === ordersList.value.length) {
					params.reload = false;
					params.status = 'noMore';
				}

				if (params.pageNum === 1) {
					uni.stopPullDownRefresh();
				}
				// 订单发货后未激活  30天 以后 结束订单功能  insertTime   >30  算出来距离今天是负数  updateTime<30(结束订单)
				for (var k = 0; k < ordersList.value.length; k++) {
					if (ordersList.value[k]['insertTime']) {
						if (timesDiff(ordersList.value[k]['insertTime'].replace("T", " ")).days > 30) {
							ordersList.value[k]['finishOrder'] = true  //可以结束
						} else {
							ordersList.value[k]['finishOrder'] = false  //不可以结束
						}
					}
					if (ordersList.value[k]['updateTime']) {
						if (timesDiff(ordersList.value[k]['updateTime'].replace("T", " ")).days <= 30) {
							ordersList.value[k]['isUseAgain'] = true  //可以再次使用
						} else {
							ordersList.value[k]['isUseAgain'] = false  //不可以再次使用
						}
					}
				}
				uni.$emit("refreshOrder");
				console.log('输出内容小程序', ordersList)
			})
				.catch((err) => {
					console.log(err);
				});
		} catch (e) {

			uni.stopPullDownRefresh();

		}

		console.log("订单列表查询", options)

	}

	watch(() => props.index, () => {
		console.log("watch1111")
		refreshList(true);
	});
	// watch(() => props.refresh, (nv) => {
	// 	console.log("watch222222221", props.refresh)
	// 	if (nv) {
	// 		refreshList(false);
	// 	}
	// });
	onMounted(() => {
		if (props.refresh) {
			refreshList(false);
		}
	})
	onPullDownRefresh(() => {
		refreshList(true);
	});

	onReachBottom(() => {
		loadMore();
	});
	onShow(() => {
		console.log("一进页面就刷新")
		refreshList(true);

	})
	return {
		config,
		params,
		ordersList,
		doSearch,
		onKeyInput,
		refreshList,
		changeTab,
		tabName
	};
}