leromro-mini/pages/classify.vue

<template>
	<view>
		<!-- 志愿者 -->
		<view class="classify-main" v-if="userType == '2'">
			<up-tabs :list="column" :scrollable="false" @change="onChange" :activeStyle="{
				color: 'rgba(221, 94, 69, 1)',
				fontWeight: 'bold',
				transform: 'scale(1.05)'
			}" lineColor="rgba(221, 94, 69, 1)" :current="tabKey">
			</up-tabs>
			<view class="list">
				<List :data="data" v-if="data.length > 0" />
				<view v-else>
					 <NoneView value="您还没有相关订单"/>
				</view>
			</view>
		</view>
		<!-- 用户 -->
		<OrderList :dataList="dataList" :dictSort="dictData" @fetchData="getListData" v-else />

		<custom-tab-bar :page="2"/>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import List from '@/pages/common/orderList/index.vue';
	import {
		provide
	} from 'vue';
	import {
		getVolunteerOrderList
	} from '@/api/volunteer.js'
	import {
		onMounted
	} from 'vue';
	import {
		useDict
	} from '@/utils/dict.js';
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';
	import OrderList from '@/pages/common/classify/orderlist.vue'
	import NoneView from '@/components/NoneView/index.vue'
	import {
		userMainOrderList,
		systemDictdaTalist
	} from "@/api/userList.js"
	import CustomTabBar from '@/components/CustomTabBar/index.vue'
	const {
		order_status,
		// lrr_service_status
	} = useDict('order_status', 'lrr_service_status');

	provide('order_status', order_status); //订单/服务状态
	// provide('lrr_service_status', lrr_service_status); //订单/服务状态


	const userType = uni.getStorageSync('userType') //读取本地存储

	// 用户/志愿者 识别标识
	const userOrWorker = uni.getStorageSync('storage_data').vuex_userOrWorker //读取本地存储

	const tab = ref('');
	const tabKey = ref(0);
	const dataList = ref([]) //用户
	const data = ref([]); //志愿者
	// 定义存储字典数据的响应式变量
	const dictData = ref([]);
	/**
	 * 	0待支付 1已支付 2支付超时或取消 3进行中 4已完成 5申请退款中 6已退款 7部分退款 8 待确认
	 */
	const column = [{
			name: "全部",
			value: "",
		},
		{
			name: "待服务",
			value: "1",
		},
		{
			name: "进行中",
			value: "3",
		},
		{
			name: "已完成",
			value: "4",
		},
		{
			name: "已取消",
			value: "2",
		}
	]


	//获取用户订单列表状态
	async function getData() {
  console.log('进入');
  try {
    const res = await systemDictdaTalist().catch(err => {
      throw err; // 重新抛出以进入 catch 块
    });
    console.log(res, '用户状态获取成功');
    dictData.value = res.rows;
    console.log(dictData.value, 'dictData.value');
  } catch (e) {
    console.error('获取数据异常:', e); // 确保这里打印错误
  }
}

	async function getList() {
		try {
			uni.hideLoading();
			uni.showLoading({
				title: '数据加载中...'
			});

			// 判断 userType 来决定调用哪个接口
			let res;
			if (userType === 1) {
				// 如果 userType 是 1，调用 userMainOrderList 接口
				res = await getListData();
			} else if (userType === 2) {
				// 如果 userType 是 2，调用 getVolunteerOrderList 接口
				res = await getVolunteerOrderList({
					orderStatus: tab.value
				});
				data.value = res.data;
			}

		} catch (error) {
			console.log('error', error);
			uni.showToast({
				title: error.msg,
				icon: 'error',
			});
		} finally {
			uni.hideLoading();
		}
	}
	const getListData = async (orderStatus = tab.value) => {
		const res = await userMainOrderList({
			orderStatus: orderStatus
		});
		dataList.value = res.data
	}
	/**
	 * 1: 查看
	 * 2：沟通
	 * 3：上传照片
	 */
	function btnClick(row, type) {
		if (type === 1 && row.orderStatus === '2') {
			uni.navigateTo({
				url: `/pages_classify/pages/order/index?orderId=${row.secondOrderId}`
			});
			return;
		}
		if (type === 1) {

			uni.navigateTo({
				url: `/pages_classify/pages/handle/index?orderId=${row.secondOrderId}`
			});
			return
			console.log('res==>',res);
			
			data.value = res.data;
		}

		//前往沟通
		uni.navigateTo({
			url: `/pages_orderuser/pages/talk/pages/index/index?orderId=${row.secondOrderId}`
		});

	}
	provide('onClick', btnClick);


	function onChange(tabItem) {
		tab.value = tabItem.value;
		getList();
	}



	onMounted(() => {
		getList()
		getListData()
		getData()
	})


	onShow(() => {
		const params = getApp().globalData.switchTabParams || {};
		tabKey.value = params.tabKey || 0;
		onChange(column[tabKey.value])
		// 使用后建议清除参数，避免重复读取 
		getApp().globalData.switchTabParams = null;

	})
</script>

<style lang="scss" scoped>
	.classify-main {
		height: 100vh;

		.list {
			position: fixed;
			top: 50px;
			bottom: 150rpx;
			left: 0px;
			right: 0px;
		}
	}
</style>