feat:增加gps显示

wanglizhong

2025-05-03 a296c6bfa83cd0a4bbc92d93c015a010248e8455

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

@@ -97,44 +97,43 @@
              style="width: 100%"
              :size="isMobile ? 'mini' : 'medium'"
              class="responsive-table">
              <el-table-column prop="paymentNo" label="收款流水" min-width="120" />
              <el-table-column prop="paymentTime" label="收款时间" min-width="140" />
              <el-table-column prop="amount" label="金额" min-width="100" />
              <el-table-column prop="method" label="方式" min-width="100" />
              <el-table-column prop="remark" label="备注" min-width="120" />
              <el-table-column prop="id" label="收款流水" min-width="120" />
              <el-table-column 
                prop="paidMoneyTime" 
                label="收款时间" 
                min-width="140"
                :formatter="(row, column, cellValue) => formatDateTime(cellValue)"
              />
              <el-table-column prop="paidMoney" label="金额(元)" min-width="100" />
              <el-table-column prop="vtext" label="方式" min-width="100" />
              <el-table-column prop="paidMoneyMono" label="备注" min-width="120" />
            </el-table>
          </el-card>
        </el-col>
      </el-row>

      <!-- 运行情况 -->
      <el-row>
        <el-col :span="24">
      
      <!-- 订单情况 -->
      <el-row :gutter="20">
        <!-- 调度信息 -->
        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
          <el-card class="inner-card">
            <div slot="header">
              <b>运行情况</b>
              <span style="float: right">{{dispatchInfo.carLicense}}</span>
            </div>
            <el-table
              :data="operationInfo"
              border
              style="width: 100%"
              :size="isMobile ? 'mini' : 'medium'"
              class="responsive-table">
              <el-table-column prop="status" label="出车状态" min-width="100" />
              <el-table-column prop="operator" label="操作人" min-width="100" />
              <el-table-column prop="operateTime" label="操作时间" min-width="140" />
              <el-table-column prop="location" label="坐标位置" min-width="200" show-overflow-tooltip />
            </el-table>
            <div slot="header"><b>详情</b></div>
            <el-descriptions :column="isMobile ? 1 : 2" border>
              <el-descriptions-item label="服务评价">{{ otherInfo.serviceOrdVisit }}</el-descriptions-item>
              <el-descriptions-item label="发票状态">{{ otherInfo.invoiceStatus }}</el-descriptions-item>
            </el-descriptions>
          </el-card>
        </el-col>
      </el-row>

    </el-card>
  </div>
</template>

<script>
import { getOrderDetail } from '@/api/system/order'
import { parseTime } from '@/utils/ruoyi'

export default {
  name: 'OrderDetail',
@@ -147,7 +146,7 @@
      medicalInfo: {},
      dispatchInfo: {},
      paymentInfo: [],
      operationInfo: [],
      otherInfo: [],
      screenWidth: document.documentElement.clientWidth // 屏幕宽度
    }
  },
@@ -178,7 +177,7 @@
        this.medicalInfo = data.medicalInfo || {}
        this.dispatchInfo = data.dispatchInfo || {}
        this.paymentInfo = data.paymentInfo || []
        this.operationInfo = data.operationInfo || []
        this.otherInfo = data.otherInfo || []

        console.log(this.orderInfo)

@@ -187,6 +186,12 @@
    // 处理窗口大小变化
    handleResize() {
      this.screenWidth = document.documentElement.clientWidth
    },
    formatDateTime(time) {
      if (!time) {
        return '';
      }
      return parseTime(time, '{y}-{m}-{d} {h}:{i}:{s}');
    }
  }
}