优化额外消耗

frontend/src/features/orders/views/OrderDetailView.vue

@@ -751,10 +751,23 @@ function linesToList(value: string) {
             <el-input-number v-model="checkoutForm.coin_consumed_m" class="full-control" :min="0" :max="snapshotHafCoinM" :precision="2" controls-position="right" />
             <span class="field-hint">订单快照 {{ quantity(snapshotHafCoinM) }}M，预计剩余 {{ quantity(remainingHafCoinM) }}M</span>
           </el-form-item>
-          <el-form-item label="其他押金扣款（元）">
+          <el-form-item label="其他押金赔付（元）">
             <el-input-number v-model="checkoutForm.other_amount" class="full-control" :min="0" :precision="0" controls-position="right" />
+            <span class="field-hint">不含上方额外消耗品；仅填写封禁、违规、资产损坏等需要从押金赔付的费用。</span>
           </el-form-item>
         </el-form>
+        <div class="checkout-deduct-preview">
+          <div>
+            <span>额外消耗品已用</span>
+            <strong>¥{{ money(resourceChargeAmount) }}</strong>
+            <em>按上方物资数量自动计算，计入实际结算租金</em>
+          </div>
+          <div>
+            <span>其他押金赔付</span>
+            <strong>¥{{ money(checkoutForm.other_amount) }}</strong>
+            <em>作为押金赔付扣除，和额外消耗品分开展示</em>
+          </div>
+        </div>
         <el-input
           v-model="checkoutForm.evidenceText"
           type="textarea"
@@ -1271,6 +1284,40 @@ function linesToList(value: string) {
   font-size: 12px;
 }
 
+.checkout-deduct-preview {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.checkout-deduct-preview div {
+  display: grid;
+  gap: 6px;
+  padding: 12px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: #f9fafb;
+}
+
+.checkout-deduct-preview span {
+  color: #4b5563;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.checkout-deduct-preview strong {
+  color: #ff6a00;
+  font-size: 18px;
+  font-weight: 800;
+}
+
+.checkout-deduct-preview em {
+  color: #6b7280;
+  font-size: 12px;
+  font-style: normal;
+  line-height: 1.45;
+}
+
 .checkout-summary-card {
   display: grid;
   gap: 12px;
@@ -1492,6 +1539,10 @@ function linesToList(value: string) {
     text-align: left;
   }
 
+  .checkout-deduct-preview {
+    grid-template-columns: 1fr;
+  }
+
   .action-buttons {
     flex-direction: column;
   }