{"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:/language/VScode/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":[]}