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

{"ast":null,"code":"import { ref, onMounted } from 'vue';\nimport { getMyOrders } from '@/api/order';\nexport default {\n  __name: 'OrderList',\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    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      // TODO: 实现查看详情功能\n      console.log('查看详情:', row);\n    };\n    onMounted(() => {\n      loadOrders();\n    });\n    const __returned__ = {\n      loading,\n      orderList,\n      currentPage,\n      pageSize,\n      total,\n      getStatusText,\n      getStatusType,\n      loadOrders,\n      handleSizeChange,\n      handleCurrentChange,\n      handleViewDetail,\n      ref,\n      onMounted,\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","onMounted","getMyOrders","loading","orderList","currentPage","pageSize","total","getStatusText","status","statusMap","getStatusType","typeMap","loadOrders","value","res","pageNum","data","records","error","console","handleSizeChange","val","handleCurrentChange","handleViewDetail","row","log"],"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        <el-table-column prop=\"goodsQuantity\" label=\"数量\" />\r\n        <el-table-column prop=\"startLocation\" label=\"起始地\" />\r\n        <el-table-column prop=\"endLocation\" label=\"目的地\" />\r\n        <el-table-column prop=\"status\" label=\"状态\">\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 label=\"操作\" width=\"150\">\r\n          <template #default=\"{ row }\">\r\n            <el-button \r\n              type=\"primary\" \r\n              link\r\n              @click=\"handleViewDetail(row)\"\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\"\