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>