修复仲裁退款并新增免押额度

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

@@ -260,7 +260,14 @@ function getCountdownMinutes(order: Order) {
           </template>
         </el-table-column>
         <el-table-column label="押金" width="100">
-          <template #default="{ row }">¥{{ money(row.deposit_amount) }}</template>
+          <template #default="{ row }">
+            <div class="amount-cell">
+              <span class="amount-value">¥{{ money(row.deposit_amount) }}</span>
+              <span v-if="row.deposit_waived_amount > 0" class="amount-label"
+                >免 ¥{{ money(row.deposit_waived_amount) }}</span
+              >
+            </div>
+          </template>
         </el-table-column>
         <el-table-column label="身份" width="80">
           <template #default="{ row }">
@@ -342,7 +349,12 @@ function getCountdownMinutes(order: Order) {
             </div>
             <div class="meta-row">
               <span class="meta-label">押金</span>
-              <span class="meta-value">¥{{ money(order.deposit_amount) }}</span>
+              <span class="meta-value">
+                ¥{{ money(order.deposit_amount) }}
+                <em v-if="order.deposit_waived_amount > 0"
+                  >免 ¥{{ money(order.deposit_waived_amount) }}</em
+                >
+              </span>
             </div>
             <div class="meta-row">
               <span class="meta-label">创建时间</span>
@@ -581,11 +593,20 @@ function getCountdownMinutes(order: Order) {
 }
 
 .meta-value {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
   font-size: 14px;
   color: #374151;
   font-weight: 500;
 }
 
+.meta-value em {
+  font-style: normal;
+  font-size: 12px;
+  color: #2563eb;
+}
+
 .meta-value.amount {
   color: #ff6a00;
   font-weight: 600;