From b5b16a26de0d84d7b5fb69b584377bdc3582e3ab Mon Sep 17 00:00:00 2001
From: wlzboy <66905212@qq.com>
Date: 星期日, 21 九月 2025 20:43:08 +0800
Subject: [PATCH] feat: 更新评价功能
---
ruoyi-ui/src/views/system/order/detail.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 44 insertions(+), 10 deletions(-)
diff --git a/ruoyi-ui/src/views/system/order/detail.vue b/ruoyi-ui/src/views/system/order/detail.vue
index 12c64c6..886735a 100644
--- a/ruoyi-ui/src/views/system/order/detail.vue
+++ b/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>
@@ -98,9 +98,9 @@
:size="isMobile ? 'mini' : 'medium'"
class="responsive-table">
<el-table-column prop="id" label="鏀舵娴佹按" min-width="120" />
- <el-table-column
- prop="paidMoneyTime"
- label="鏀舵鏃堕棿"
+ <el-table-column
+ prop="paidMoneyTime"
+ label="鏀舵鏃堕棿"
min-width="140"
:formatter="(row, column, cellValue) => formatDateTime(cellValue)"
/>
@@ -112,7 +112,7 @@
</el-col>
</el-row>
-
+
<!-- 璁㈠崟鎯呭喌 -->
<el-row :gutter="20">
<!-- 璋冨害淇℃伅 -->
@@ -122,6 +122,18 @@
<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-item label="鐭ユ儏鍚屾剰涔�">
+ <div v-if="otherInfo.imageUrls && otherInfo.imageUrls.length > 0" class="image-container">
+ <el-image
+ v-for="image in otherInfo.imageUrls"
+ :key="image"
+ :src="`https://sys.966120.com.cn${image}`"
+ :preview-src-list="otherInfo.imageUrls"
+ class="preview-image"
+ />
+ </div>
+ <span v-else>鏆傛棤鍥剧墖</span>
+ </el-descriptions-item>
</el-descriptions>
</el-card>
</el-col>
@@ -156,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)
},
@@ -167,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 || {}
@@ -225,4 +248,15 @@
.el-descriptions-item { padding: 8px !important; }
.el-descriptions-item__label { width: 100px !important; }
}
+.image-container {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+.preview-image {
+ width: 100px;
+ height: 100px;
+ object-fit: cover;
+ cursor: pointer;
+}
</style>
--
Gitblit v1.9.1