You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
{"ast":null,"code":"import { ref, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { getMyOrders, cancelOrder } from '@/api/order';\nexport default {\n __name: 'OrderList',\n setup(__props, {\n expose: __expose\n }) {\n __expose();\n const router = useRouter();\n const loading = ref(false);\n const orderList = ref([]);\n const currentPage = ref(1);\n const pageSize = ref(10);\n const total = ref(0);\n const getStatusText = status => {\n // 确保 status 是数字类型\n const orderStatus = Number(status);\n switch (orderStatus) {\n case 0:\n return '待处理';\n // 初始状态\n case 1:\n return '已接单';\n // 物流管理员已接单\n case 2:\n return '运输中';\n // 物流管理员开始运输\n case 3:\n return '已完成';\n // 物流管理员确认送达\n case 4:\n return '已取消';\n // 用户取消或系统取消\n default:\n return '未知状态';\n }\n };\n const getStatusType = status => {\n // 确保 status 是数字类型\n const orderStatus = Number(status);\n switch (orderStatus) {\n case 0:\n return 'info';\n // 蓝色，表示待处理\n case 1:\n return 'warning';\n // 黄色，表示进行中\n case 2:\n return 'warning';\n // 黄色，表示进行中\n case 3:\n return 'success';\n // 绿色，表示已完成\n case 4:\n return 'danger';\n // 红色，表示已取消\n default:\n return '';\n }\n };\n const loadOrders = async () => {\n loading.value = true;\n try {\n const res = await getMyOrders({\n pageNum: currentPage.value,\n pageSize: pageSize.value\n });\n if (res.code === 200) {\n // 直接使用后端返回的数据，包括 status\n orderList.value = res.data.records;\n total.value = res.data.total;\n pageSize.value = res.data.pageSize;\n currentPage.value = res.data.pageNum;\n } else {\n throw new Error(res.message || '获取订单列表失败');\n }\n } catch (error) {\n console.error('加载订单失败:', error);\n ElMessage.error(error.message || '加载订单失败，请重试');\n } finally {\n loading.value = false;\n }\n };\n const handleSizeChange = val => {\n pageSize.value = val;\n loadOrders();\n };\n const handleCurrentChange = val => {\n currentPage.value = val;\n loadOrders();\n };\n const handleViewDetail = row => {\n router.push(`/orders/${row.id}`);\n };\n const handleCancel = async row => {\n try {\n await ElMessageBox.confirm('确定要取消该订单吗？', '提示', {\n type: 'warning',\n confirmButtonText: '确定',\n cancelButtonText: '取消'\n });\n loading.value = true;\n const res = await cancelOrder(row.id);\n if (res.code === 200) {\n ElMessage.success('订单已取消');\n // 刷新订单列表，获取最新状态\n await loadOrders();\n } else {\n throw new Error(res.message || '取消订单失败');\n }\n } catch (error) {\n if (error !== 'cancel') {\n // 用户点击取消按钮时不显示错误\n console.error('取消订单失败:', error);\n if (error.response?.status === 401) {\n ElMessage.error('登录已过期，请重新登录');\n router.push('/login');\n } else if (error.response?.status === 403) {\n ElMessage.error('您没有权限执行此操作');\n } else {\n ElMessage.error(error.message || '取消订单失败，请重试');\n }\n }\n } finally {\n loading.value = false;\n
|
