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.

0 lines
9.9 KiB

1 month ago
  1. {"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 const statusMap = {\n 0: '待处理',\n 1: '已接单',\n 2: '运输中',\n 3: '已完成',\n 4: '已取消'\n };\n return statusMap[status] || '未知状态';\n };\n const getStatusType = status => {\n const typeMap = {\n 0: 'info',\n 1: 'warning',\n 2: 'warning',\n 3: 'success',\n 4: 'danger'\n };\n return typeMap[status] || '';\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 orderList.value = res.data.records;\n total.value = res.data.total;\n } catch (error) {\n console.error('加载订单失败:', error);\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 });\n await cancelOrder(row.id);\n ElMessage.success('订单已取消');\n loadOrders();\n } catch (error) {\n if (error !== 'cancel') {\n console.error('取消订单失败:', error);\n ElMessage.error('取消订单失败');\n }\n }\n };\n onMounted(() => {\n loadOrders();\n });\n const __returned__ = {\n router,\n loading,\n orderList,\n currentPage,\n pageSize,\n total,\n getStatusText,\n getStatusType,\n loadOrders,\n handleSizeChange,\n handleCurrentChange,\n handleViewDetail,\n handleCancel,\n ref,\n onMounted,\n get useRouter() {\n return useRouter;\n },\n get ElMessage() {\n return ElMessage;\n },\n get ElMessageBox() {\n return ElMessageBox;\n },\n get getMyOrders() {\n return getMyOrders;\n },\n get cancelOrder() {\n return cancelOrder;\n }\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n};","map":{"version":3,"names":["ref","onMounted","useRouter","ElMessage","ElMessageBox","getMyOrders","cancelOrder","router","loading","orderList","currentPage","pageSize","total","getStatusText","status","statusMap","getStatusType","typeMap","loadOrders","value","res","pageNum","data","records","error","console","handleSizeChange","val","handleCurrentChange","handleViewDetail","row","push","id","handleCancel","confirm","type","success"],"sources":["D:/language/VScode/Front-end logistics/src/views/order/OrderList.vue"],"sourcesContent":["<template>\r\n <div class=\"order-list\">\r\n <el-card>\r\n <template #header>\r\n <div class=\"card-header\">\r\n <span>我的订单</span>\r\n </div>\r\n </template>\r\n \r\n <el-table\r\n v-loading=\"loading\"\r\n :data=\"orderList\"\r\n style=\"width: 100%\"\r\n >\r\n <el-table-column prop=\"orderNo\" label=\"订单编号\" />\r\n <el-table-column prop=\"goodsName\" label=\"商品名称\" />\r\n