From ff76ba9c9c56aa2dd1c6a96d5d6365fbb3db1fad Mon Sep 17 00:00:00 2001
From: wzp <2040239371@qq.com>
Date: 星期六, 03 五月 2025 19:12:04 +0800
Subject: [PATCH] feat: 新增支付记录前端展示
---
ruoyi-ui/src/views/system/order/detail.vue | 70 ++++++++++++++++++++++++++---------
1 files changed, 52 insertions(+), 18 deletions(-)
diff --git a/ruoyi-ui/src/views/system/order/detail.vue b/ruoyi-ui/src/views/system/order/detail.vue
index 2dad341..22aab2e 100644
--- a/ruoyi-ui/src/views/system/order/detail.vue
+++ b/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">
@@ -65,7 +64,7 @@
<el-descriptions-item label="鏄惁鏈夋剰璇�">{{ medicalInfo.hasConsciousness }}</el-descriptions-item>
<el-descriptions-item label="鐥呬汉鎯呭喌">{{ medicalInfo.patientCondition }}</el-descriptions-item>
<el-descriptions-item label="浣跨敤鍛煎惛鏈�">{{ medicalInfo.useVentilator }}</el-descriptions-item>
- <el-descriptions-item label="璇婃柇鐥呮儏">{{ medicalInfo.diagnosis }}</el-descriptions-item>
+ <el-descriptions-item label="璇婃柇鐥呮儏">{{ medicalInfo.complaint }}</el-descriptions-item>
</el-descriptions>
</el-card>
</el-col>
@@ -80,9 +79,9 @@
<el-descriptions-item label="璋冨害鏃堕棿">{{ dispatchInfo.dispatchTime }}</el-descriptions-item>
<el-descriptions-item label="璋冨害鐘舵��">{{ dispatchInfo.dispatchStatus }}</el-descriptions-item>
<el-descriptions-item label="鍙告満">{{ dispatchInfo.driver }}</el-descriptions-item>
- <el-descriptions-item label="杞︾墝">{{ dispatchInfo.carNo }}</el-descriptions-item>
+ <el-descriptions-item label="杞︾墝">{{ dispatchInfo.carLicense }}</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,17 +91,22 @@
<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">
- <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>
@@ -114,11 +118,11 @@
<el-card class="inner-card">
<div slot="header">
<b>杩愯鎯呭喌</b>
- <span style="float: right">绮102311</span>
+ <span style="float: right">{{dispatchInfo.carLicense}}</span>
</div>
- <el-table
- :data="operationInfo"
- border
+ <el-table
+ :data="operationInfo"
+ border
style="width: 100%"
:size="isMobile ? 'mini' : 'medium'"
class="responsive-table">
@@ -130,12 +134,33 @@
</el-card>
</el-col>
</el-row>
+
+ <!-- 璁㈠崟鎯呭喌 -->
+ <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></div>
+ <el-descriptions :column="isMobile ? 1 : 2" border>
+ <el-descriptions-item label="鏈嶅姟璇勪环">{{ dispatchInfo.dispatchTime }}</el-descriptions-item>
+ <el-descriptions-item label="鍙戠エ鐘舵��">{{ dispatchInfo.dispatchStatus }}</el-descriptions-item>
+ <el-descriptions-item label="鏀粯鐘舵��">{{ dispatchInfo.driver }}</el-descriptions-item>
+ <el-descriptions-item label="杞︾墝">{{ dispatchInfo.carLicense }}</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.nurse }}</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',
@@ -180,11 +205,20 @@
this.dispatchInfo = data.dispatchInfo || {}
this.paymentInfo = data.paymentInfo || []
this.operationInfo = data.operationInfo || []
+
+ console.log(this.orderInfo)
+
})
},
// 澶勭悊绐楀彛澶у皬鍙樺寲
handleResize() {
this.screenWidth = document.documentElement.clientWidth
+ },
+ formatDateTime(time) {
+ if (!time) {
+ return '';
+ }
+ return parseTime(time, '{y}-{m}-{d} {h}:{i}:{s}');
}
}
}
@@ -218,4 +252,4 @@
.el-descriptions-item { padding: 8px !important; }
.el-descriptions-item__label { width: 100px !important; }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1