From cd345d574adcf3ac5ce7865ebf10396513d1eb96 Mon Sep 17 00:00:00 2001
From: yml <yml@yml.com>
Date: Sun, 24 May 2026 19:52:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85=E8=AE=A2=E5=8D=95=E7=BB=93?=
 =?UTF-8?q?=E8=B4=A6=E9=87=91=E9=A2=9D=E5=AD=97=E6=AE=B5=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/account/OrderDetailView.vue     | 36 +++++++++++++------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/account/OrderDetailView.vue b/frontend/src/views/account/OrderDetailView.vue
index b5957c5..e510319 100644
--- a/frontend/src/views/account/OrderDetailView.vue
+++ b/frontend/src/views/account/OrderDetailView.vue
@@ -379,11 +379,17 @@ function linesToList(value: string) {
     <div v-if="order && isRenter && ['renting', 'overdue'].includes(order.status)" class="order-panel">
       <h2>发起结账</h2>
       <el-input v-model="checkoutForm.content" type="textarea" :rows="4" placeholder="填写结账说明、租后资产状态或注意事项" />
-      <div class="form-grid panel-action">
-        <el-input-number v-model="checkoutForm.consumable_amount" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="消耗扣款" />
-        <el-input-number v-model="checkoutForm.coin_consumed_m" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="消耗哈夫币 M" />
-        <el-input-number v-model="checkoutForm.other_amount" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="其他扣款" />
-      </div>
+      <el-form class="form-grid panel-action" label-position="top">
+        <el-form-item label="消耗扣款（元）">
+          <el-input-number v-model="checkoutForm.consumable_amount" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="消耗哈夫币（M）">
+          <el-input-number v-model="checkoutForm.coin_consumed_m" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="其他扣款（元）">
+          <el-input-number v-model="checkoutForm.other_amount" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+      </el-form>
       <el-input
         v-model="checkoutForm.evidenceText"
         class="panel-action"
@@ -408,12 +414,20 @@ function linesToList(value: string) {
       <el-button type="primary" :loading="completing" @click="handleConfirmCheckout">确认结账并完成订单</el-button>
 
       <h2 class="panel-action">修改结账</h2>
-      <div class="form-grid">
-        <el-input-number v-model="counterForm.consumable_amount" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="消耗扣款" />
-        <el-input-number v-model="counterForm.coin_consumed_m" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="消耗哈夫币 M" />
-        <el-input-number v-model="counterForm.other_amount" class="full-control" :min="0" :precision="2" controls-position="right" placeholder="其他扣款" />
-        <el-input-number v-model="counterForm.deposit_deduct_amount" class="full-control" :min="0" :max="order.deposit_amount" :precision="2" controls-position="right" placeholder="押金扣除" />
-      </div>
+      <el-form class="form-grid" label-position="top">
+        <el-form-item label="消耗扣款（元）">
+          <el-input-number v-model="counterForm.consumable_amount" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="消耗哈夫币（M）">
+          <el-input-number v-model="counterForm.coin_consumed_m" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="其他扣款（元）">
+          <el-input-number v-model="counterForm.other_amount" class="full-control" :min="0" :precision="2" controls-position="right" />
+        </el-form-item>
+        <el-form-item label="押金扣除（元）">
+          <el-input-number v-model="counterForm.deposit_deduct_amount" class="full-control" :min="0" :max="order.deposit_amount" :precision="2" controls-position="right" />
+        </el-form-item>
+      </el-form>
       <el-input v-model="counterForm.reason" class="panel-action" type="textarea" :rows="3" placeholder="填写修改原因" />
       <el-input v-model="counterForm.evidenceText" class="panel-action" type="textarea" :rows="3" placeholder="修正证据链接，一行一个" />
       <el-button class="panel-action" type="warning" :loading="countering" @click="handleCounterCheckout">提交修正给租客确认</el-button>