wzp
2025-05-04 45e02578775f7e05e41923af4294c3617e26bd13
ruoyi-ui/src/views/system/order/detail.vue
@@ -45,10 +45,10 @@
            <div slot="header"><b>服务要求</b></div>
            <el-descriptions :column="1" border>
              <el-descriptions-item label="出发地">{{ serviceInfo.startAddress }}</el-descriptions-item>
              <el-descriptions-item label="出发地位置">{{ serviceInfo.startLocation }}</el-descriptions-item>
              <!-- <el-descriptions-item label="出发地位置">{{ serviceInfo.startLocation }}</el-descriptions-item> -->
              <el-descriptions-item label="目的地">{{ serviceInfo.endAddress }}</el-descriptions-item>
              <el-descriptions-item label="目的地位置">{{ serviceInfo.endLocation }}</el-descriptions-item>
              <el-descriptions-item label="转运里程">{{ serviceInfo.distance }}</el-descriptions-item>
              <!-- <el-descriptions-item label="目的地位置">{{ serviceInfo.endLocation }}</el-descriptions-item> -->
              <el-descriptions-item label="转运里程">{{ serviceInfo.distance }} 公里</el-descriptions-item>
              <el-descriptions-item label="搬抬服务">{{ serviceInfo.liftService }}</el-descriptions-item>
              <el-descriptions-item label="搬抬楼层">{{ serviceInfo.liftFloor }}</el-descriptions-item>
              <el-descriptions-item label="医护要求">{{ serviceInfo.medicalStaff }}</el-descriptions-item>
@@ -168,8 +168,19 @@
    }
  },
  created() {
    // 获取路由参数中的订单ID
    const orderId = this.$route.params.id
    this.getDetail(orderId)
    // 获取URL查询参数
    const urlParams = new URLSearchParams(window.location.search)
    const params = {
      appId: urlParams.get('appId'),
      timestamp: urlParams.get('timestamp'),
      sign: urlParams.get('sign')
    }
    // 调用获取详情方法,传入所有参数
    this.getDetail(orderId, params)
    // 监听窗口大小变化
    window.addEventListener('resize', this.handleResize)
  },
@@ -179,8 +190,8 @@
  },
  methods: {
    /** 获取订单详情 */
    getDetail(orderId) {
      getOrderDetail(orderId).then(response => {
    getDetail(orderId, params) {
      getOrderDetail(orderId, params).then(response => {
        const { data } = response
        // 根据后端返回的数据结构设置各个对象的值
        this.orderInfo = data.orderInfo || {}