feat: 新增详情页

wzp

2025-05-03 4676c4f9c32298ce07af841a899394e6374a9964

 ruoyi-ui/src/views/system/order/detail.vue

@@ -2,9 +2,8 @@
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>订单编号：{{ orderInfo.orderNo }}</span>
        <span>订单编号：{{ orderInfo.OrderID }}</span>
      </div>
      
      <el-row :gutter="20">
        <!-- 订单基本信息 -->
        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
@@ -82,7 +81,7 @@
              <el-descriptions-item label="司机">{{ dispatchInfo.driver }}</el-descriptions-item>
              <el-descriptions-item label="车牌">{{ dispatchInfo.carNo }}</el-descriptions-item>
              <el-descriptions-item label="医生">{{ dispatchInfo.doctor }}</el-descriptions-item>
              <el-descriptions-item label="职位">{{ dispatchInfo.doctorPosition }}</el-descriptions-item>
              <!-- <el-descriptions-item label="职位">{{ dispatchInfo.doctorPosition }}</el-descriptions-item> -->
              <el-descriptions-item label="护士">{{ dispatchInfo.nurse }}</el-descriptions-item>
            </el-descriptions>
          </el-card>
@@ -92,9 +91,9 @@
        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
          <el-card class="inner-card">
            <div slot="header"><b>收款信息</b></div>
            <el-table 
              :data="paymentInfo" 
              border 
            <el-table
              :data="paymentInfo"
              border
              style="width: 100%"
              :size="isMobile ? 'mini' : 'medium'"
              class="responsive-table">
@@ -116,9 +115,9 @@
              <b>运行情况</b>
              <span style="float: right">粤A102311</span>
            </div>
            <el-table 
              :data="operationInfo" 
              border 
            <el-table
              :data="operationInfo"
              border
              style="width: 100%"
              :size="isMobile ? 'mini' : 'medium'"
              class="responsive-table">
@@ -180,6 +179,9 @@
        this.dispatchInfo = data.dispatchInfo || {}
        this.paymentInfo = data.paymentInfo || []
        this.operationInfo = data.operationInfo || []

        console.log(this.orderInfo)

      })
    },
    // 处理窗口大小变化
@@ -218,4 +220,4 @@
  .el-descriptions-item { padding: 8px !important; }
  .el-descriptions-item__label { width: 100px !important; }
}
</style> 
</style>