yelaixiang/src/views/mapDemo/dispatchOrder.vue

<template>
  <div class="dispatch-order-page">
    <el-button type="primary" @click="openDispatch">订单分配</el-button>

    <dispatch-order-dialog ref="dispatchDialog" />
  </div>
</template>

<script>
import DispatchOrderDialog from './components/DispatchOrderDialog.vue'

/** 示例订单（含用户目的地经纬度，实际由订单列表页传入） */
const MOCK_ORDER = {
  cId: '1',
  orderNo: 'ORD20260601001',
  cName: '张三',
  cPhone: '13800138001',
  cAddress: '北京市东城区王府井大街88号',
  category: '按摩',
  region: 'city',
  arrivalLongitude: 116.297428,
  arrivalLatitude: 39.90923,
  dispatchStatus: 'pending'
}

export default {
  name: 'DispatchOrder',
  components: { DispatchOrderDialog },
  methods: {
    openDispatch() {
      this.$refs.dispatchDialog.open(MOCK_ORDER)
    }
  }
}
</script>

<style lang="scss" scoped>
.dispatch-order-page {
  padding: 24px;
}
</style>