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
10 KiB

3 months ago
  1. {"ast":null,"code":"import { ref, onMounted } from 'vue';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { getAllOrders, updateOrderStatus } from '@/api/order';\nexport default {\n __name: 'OrderManagement',\n setup(__props, {\n expose: __expose\n }) {\n __expose();\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\n // 检查是否可以更新到目标状态\n const canUpdateStatus = currentStatus => {\n const userRole = 'ROLE_ADMIN'; // 从store获取用户角色\n return userRole === 'ROLE_ADMIN'; // 管理员可以更新任何状态\n };\n const handleStatusChange = async order => {\n try {\n await ElMessageBox.confirm(`确定要将订单状态更改为 ${getStatusText(order.status)} 吗?`, '提示', {\n type: 'warning',\n confirmButtonText: '确定',\n cancelButtonText: '取消'\n });\n const res = await updateOrderStatus(order.id, order.status);\n if (res.code === 200) {\n ElMessage.success('状态更新成功');\n loadOrders(); // 刷新订单列表\n }\n } catch (error) {\n if (error !== 'cancel') {\n console.error('更新状态失败:', error);\n ElMessage.error(error.message || '更新状态失败');\n // 恢复原来的状态\n order.status = order.originalStatus;\n }\n }\n };\n const loadOrders = async () => {\n loading.value = true;\n try {\n const res = await getAllOrders({\n pageNum: currentPage.value,\n pageSize: pageSize.value\n });\n if (res.code === 200) {\n orderList.value = res.data.records;\n total.value = res.data.total;\n pageSize.value = res.data.size;\n currentPage.value = res.data.current;\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 onMounted(() => {\n loadOrders();\n });\n const __returned__ = {\n loading,\n orderList,\n currentPage,\n pageSize,\n total,\n canUpdateStatus,\n handleStatusChange,\n loadOrders,\n handleSizeChange,\n handleCurrentChange,\n ref,\n onMounted,\n get ElMessage() {\n return ElMessage;\n },\n get ElMessageBox() {\n return ElMessageBox;\n },\n get getAllOrders() {\n return getAllOrders;\n },\n get updateOrderStatus() {\n return updateOrderStatus;\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","ElMessage","ElMessageBox","getAllOrders","updateOrderStatus","loading","orderList","currentPage","pageSize","total","canUpdateStatus","currentStatus","userRole","handleStatusChange","order","confirm","getStatusText","status","type","confirmButtonText","cancelButtonText","res","id","code","success","loadOrders","error","console","message","originalStatus","value","pageNum","data","records","size","current","handleSizeChange","val","handleCurrentChange"],"sources":["D:/language/VScode/Front-end logistics/src/views/admin/OrderManagement.vue"],"sourcesContent":["<template>\r\n <div class=\"order-management\">\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-