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.
1 lines
15 KiB
1 lines
15 KiB
{"ast":null,"code":"import { ref, reactive, onMounted } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { ElMessage } from 'element-plus';\nimport { getMyOrders } from '@/api/order';\nexport default {\n __name: 'MyOrders',\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 dateRange = ref([]);\n const searchForm = reactive({\n orderNo: '',\n status: '',\n startTime: '',\n endTime: ''\n });\n\n // 获取订单状态文本\n const getStatusText = status => {\n const statusMap = {\n 0: '待处理',\n 1: '已接单',\n 2: '运输中',\n 3: '已完成',\n 4: '已取消'\n };\n return statusMap[status] || '未知状态';\n };\n\n // 获取状态标签类型\n const getStatusType = status => {\n const typeMap = {\n 0: 'info',\n 1: 'warning',\n 2: 'primary',\n 3: 'success',\n 4: 'danger'\n };\n return typeMap[status] || '';\n };\n\n // 处理日期范围变化\n const handleDateChange = val => {\n if (val) {\n searchForm.startTime = val[0] + ' 00:00:00';\n searchForm.endTime = val[1] + ' 23:59:59';\n } else {\n searchForm.startTime = '';\n searchForm.endTime = '';\n }\n };\n\n // 加载订单列表\n const loadOrders = async () => {\n loading.value = true;\n try {\n const params = {\n pageNum: currentPage.value,\n pageSize: pageSize.value,\n ...searchForm\n };\n const res = await getMyOrders(params);\n if (res.code === 200) {\n orderList.value = res.data.records;\n total.value = res.data.total;\n currentPage.value = res.data.current;\n pageSize.value = res.data.size;\n }\n } catch (error) {\n console.error('加载订单失败:', error);\n ElMessage.error('加载订单失败，请重试');\n } finally {\n loading.value = false;\n }\n };\n\n // 查看订单详情\n const viewDetail = orderId => {\n router.push(`/orders/detail/${orderId}`);\n };\n\n // 处理搜索\n const handleSearch = () => {\n currentPage.value = 1;\n loadOrders();\n };\n\n // 重置搜索\n const resetSearch = () => {\n searchForm.orderNo = '';\n searchForm.status = '';\n searchForm.startTime = '';\n searchForm.endTime = '';\n dateRange.value = [];\n handleSearch();\n };\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 onMounted(() => {\n loadOrders();\n });\n const __returned__ = {\n router,\n loading,\n orderList,\n currentPage,\n pageSize,\n total,\n dateRange,\n searchForm,\n getStatusText,\n getStatusType,\n handleDateChange,\n loadOrders,\n viewDetail,\n handleSearch,\n resetSearch,\n handleSizeChange,\n handleCurrentChange,\n ref,\n reactive,\n onMounted,\n get useRouter() {\n return useRouter;\n },\n get ElMessage() {\n return ElMessage;\n },\n get getMyOrders() {\n return getMyOrders;\n }\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n};","map":{"version":3,"names":["ref","reactive","onMounted","useRouter","ElMessage","getMyOrders","router","loading","orderList","currentPage","pageSize","total","dateRange","searchForm","orderNo","status","startTime","endTime","getStatusText","statusMap","getStatusType","typeMap","handleDateChange","val","loadOrders","value","params","pageNum","res","code","data","records","current","size","error","console","viewDetail","orderId","push","handleSearch","resetSearch","handleSizeChange","handleCurrentChange"],"sources":["D:/IDEAproject/frontend/Front-end logistics/src/views/order/MyOrders.vue"],"sourcesContent":["<template>\r\n <div class=\"my-orders\">\r\n <el-card>\r\n <template #header>\r\n <div class=\"card-header\">\r\n <span>我的订单</span>\r\n <div class=\"search-area\">\r\n <el-form :inline=\"true\" :model=\"searchForm\">\r\n <el-form-item>\r\n <el-input\r\n v-model=\"searchForm.orderNo\"\r\n placeholder=\"订单号\"\r\n clearable\r\n @clear=\"handleSearch\"\r\n />\r\n </el-form-item>\r\n <el-form-item>\r\n <el-select \r\n v-model=\"searchForm.status\" \r\n placeholder=\"订单状态\"\r\n clearable\r\n @clear=\"handleSearch\"\r\n >\r\n <el-option label=\"待处理\" :value=\"0\" />\r\n <el-option label=\"已接单\" :value=\"1\" />\r\n <el-option label=\"运输中\" :value=\"2\" />\r\n <el-option label=\"已完成\" :value=\"3\" />\r\n <el-option label=\"已取消\" :value=\"4\" />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item class=\"date-picker-item\">\r\n <div class=\"date-picker-with-buttons\">\r\n <el-date-picker\r\n v-model=\"dateRange\"\r\n type=\"daterange\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n value-format=\"YYYY-MM-DD\"\r\n @change=\"handleDateChange\"\r\n />\r\n <div class=\"search-buttons\">\r\n <el-button type=\"primary\" @click=\"handleSearch\">搜索</el-button>\r\n <el-button @click=\"resetSearch\">重置</el-button>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n </el-form>\r\n </div>\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=\"订单编号\" width=\"180\" />\r\n <el-table-column prop=\"goodsName\" label=\"商品名称\" />\r\n <el-table-column prop=\"goodsQuantity\" label=\"数量\" width=\"80\" align=\"center\" />\r\n <el-table-column prop=\"startLocation\" label=\"起始地\" />\r\n <el-table-column prop=\"endLocation\" label=\"目的地\" />\r\n <el-table-column prop=\"transportFee\" label=\"运费\" width=\"100\" align=\"right\">\r\n <template #default=\"{ row }\">\r\n ¥{{ row.transportFee.toFixed(2) }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"status\" label=\"状态\" width=\"100\">\r\n <template #default=\"{ row }\">\r\n <el-tag :type=\"getStatusType(row.status)\">\r\n {{ getStatusText(row.status) }}\r\n </el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"createTime\" label=\"创建时间\" width=\"160\" />\r\n <el-table-column label=\"操作\" width=\"120\" fixed=\"right\">\r\n <template #default=\"{ row }\">\r\n <el-button \r\n type=\"primary\" \r\n link\r\n @click=\"viewDetail(row.id)\"\r\n >查看详情</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n \r\n <div class=\"pagination\">\r\n <el-pagination\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :total=\"total\"\r\n :page-sizes=\"[10, 20, 50, 100]\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n />\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive, onMounted } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\nimport { ElMessage } from 'element-plus'\r\nimport { getMyOrders } from '@/api/order'\r\n\r\nconst router = useRouter()\r\nconst loading = ref(false)\r\nconst orderList = ref([])\r\nconst currentPage = ref(1)\r\nconst pageSize = ref(10)\r\nconst total = ref(0)\r\nconst dateRange = ref([])\r\n\r\nconst searchForm = reactive({\r\n orderNo: '',\r\n status: '',\r\n startTime: '',\r\n endTime: ''\r\n})\r\n\r\n// 获取订单状态文本\r\nconst getStatusText = (status) => {\r\n const statusMap = {\r\n 0: '待处理',\r\n 1: '已接单',\r\n 2: '运输中',\r\n 3: '已完成',\r\n 4: '已取消'\r\n }\r\n return statusMap[status] || '未知状态'\r\n}\r\n\r\n// 获取状态标签类型\r\nconst getStatusType = (status) => {\r\n const typeMap = {\r\n 0: 'info',\r\n 1: 'warning',\r\n 2: 'primary',\r\n 3: 'success',\r\n 4: 'danger'\r\n }\r\n return typeMap[status] || ''\r\n}\r\n\r\n// 处理日期范围变化\r\nconst handleDateChange = (val) => {\r\n if (val) {\r\n searchForm.startTime = val[0] + ' 00:00:00'\r\n searchForm.endTime = val[1] + ' 23:59:59'\r\n } else {\r\n searchForm.startTime = ''\r\n searchForm.endTime = ''\r\n }\r\n}\r\n\r\n// 加载订单列表\r\nconst loadOrders = async () => {\r\n loading.value = true\r\n try {\r\n const params = {\r\n pageNum: currentPage.value,\r\n pageSize: pageSize.value,\r\n ...searchForm\r\n }\r\n \r\n const res = await getMyOrders(params)\r\n if (res.code === 200) {\r\n orderList.value = res.data.records\r\n total.value = res.data.total\r\n currentPage.value = res.data.current\r\n pageSize.value = res.data.size\r\n }\r\n } catch (error) {\r\n console.error('加载订单失败:', error)\r\n ElMessage.error('加载订单失败，请重试')\r\n } finally {\r\n loading.value = false\r\n }\r\n}\r\n\r\n// 查看订单详情\r\nconst viewDetail = (orderId) => {\r\n router.push(`/orders/detail/${orderId}`)\r\n}\r\n\r\n// 处理搜索\r\nconst handleSearch = () => {\r\n currentPage.value = 1\r\n loadOrders()\r\n}\r\n\r\n// 重置搜索\r\nconst resetSearch = () => {\r\n searchForm.orderNo = ''\r\n searchForm.status = ''\r\n searchForm.startTime = ''\r\n searchForm.endTime = ''\r\n dateRange.value = []\r\n handleSearch()\r\n}\r\n\r\n// 处理分页\r\nconst handleSizeChange = (val) => {\r\n pageSize.value = val\r\n loadOrders()\r\n}\r\n\r\nconst handleCurrentChange = (val) => {\r\n currentPage.value = val\r\n loadOrders()\r\n}\r\n\r\nonMounted(() => {\r\n loadOrders()\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.my-orders {\r\n padding: 20px;\r\n}\r\n\r\n.card-header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n\r\n.search-area {\r\n margin-top: 10px;\r\n}\r\n\r\n.search-area :deep(.el-form--inline .el-form-item) {\r\n margin-bottom: 0;\r\n}\r\n\r\n.pagination {\r\n margin-top: 20px;\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.date-picker-item {\r\n margin-right: 0 !important;\r\n}\r\n\r\n.date-picker-with-buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.search-buttons {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n/* 确保日期选择器和按钮在同一行 */\r\n.search-area :deep(.el-form--inline) {\r\n flex-wrap: nowrap;\r\n}\r\n\r\n/* 调整日期选择器的宽度 */\r\n.search-area :deep(.el-date-editor) {\r\n width: 320px;\r\n}\r\n</style> "],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|