JbSxs/Front-end logistics/node_modules/.cache/babel-loader/c0dedea12300a9297a6158a2c5c376ea3ea45466310fb7ec3fdc5778ba19a75e.json

{"ast":null,"code":"import { ref, reactive, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useStore } from 'vuex';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { getOrderDetail, updateOrderStatus, cancelOrder } from '@/api/order';\nexport default {\n  __name: 'OrderDetail',\n  setup(__props, {\n    expose: __expose\n  }) {\n    __expose();\n    const route = useRoute();\n    const router = useRouter();\n    const store = useStore();\n    const loading = ref(false);\n    const cancelLoading = ref(false);\n    const updateLoading = ref(false);\n    const statusDialogVisible = ref(false);\n    const order = ref({});\n    const isAdmin = computed(() => {\n      return store.state.userInfo.roles?.includes('ROLE_ADMIN');\n    });\n    const statusForm = reactive({\n      status: ''\n    });\n\n    // 可选的状态列表\n    const availableStatuses = [{\n      value: 1,\n      label: '已接单'\n    }, {\n      value: 2,\n      label: '运输中'\n    }, {\n      value: 3,\n      label: '已完成'\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    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\n    // 加载订单详情\n    const loadOrderDetail = async () => {\n      loading.value = true;\n      try {\n        const res = await getOrderDetail(route.params.id);\n        order.value = res.data;\n      } catch (error) {\n        console.error('加载订单详情失败:', error);\n        ElMessage.error('加载订单详情失败');\n      } finally {\n        loading.value = false;\n      }\n    };\n\n    // 取消订单\n    const handleCancel = async () => {\n      try {\n        await ElMessageBox.confirm('确定要取消该订单吗？', '提示', {\n          type: 'warning'\n        });\n        cancelLoading.value = true;\n        await cancelOrder(order.value.id);\n        ElMessage.success('订单已取消');\n        loadOrderDetail();\n      } catch (error) {\n        if (error !== 'cancel') {\n          console.error('取消订单失败:', error);\n          ElMessage.error('取消订单失败');\n        }\n      } finally {\n        cancelLoading.value = false;\n      }\n    };\n\n    // 打开状态更新对话框\n    const handleUpdateStatus = () => {\n      statusForm.status = '';\n      statusDialogVisible.value = true;\n    };\n\n    // 确认更新状态\n    const confirmUpdateStatus = async () => {\n      if (!statusForm.status) {\n        ElMessage.warning('请选择状态');\n        return;\n      }\n      try {\n        updateLoading.value = true;\n        await updateOrderStatus(order.value.id, statusForm.status);\n        ElMessage.success('状态更新成功');\n        statusDialogVisible.value = false;\n        loadOrderDetail();\n      } catch (error) {\n        console.error('更新状态失败:', error);\n        ElMessage.error('更新状态失败');\n      } finally {\n        updateLoading.value = false;\n      }\n    };\n    onMounted(() => {\n      loadOrderDetail();\n    });\n    const __returned__ = {\n      route,\n      router,\n      store,\n      loading,\n      cancelLoading,\n      updateLoading,\n      statusDialogVisible,\n      order,\n      isAdmin,\n      statusForm,\n      availableStatuses,\n      getStatusText,\n      getStatusType,\n      loadOrderDetail,\n      handleCancel,\n      handleUpdateStatus,\n      confirmUpdateStatus,\n      ref,\n      reactive,\n      onMounted,\n      computed,\n      get useRoute() {\n        return useRoute;\n      },\n      get useRouter() {\n        return useRouter;\n      },\n      get useStore() {\n        return useStore;\n      },\n      get ElMessage() {\n        re