接入订单结账确认流程

frontend/src/views/account/OrderDetailView.vue

@@ -6,14 +6,16 @@ import { useRoute, useRouter } from 'vue-router'
 import { createDispute } from '@/api/disputes'
 import { uploadFile } from '@/api/files'
 import {
+  acceptCheckout,
   cancelOrder,
+  confirmCheckout,
   confirmReceive,
-  confirmReturn,
+  counterCheckout,
   fetchHandoffRecords,
   fetchOrder,
   payOrder,
+  submitCheckout,
   submitHandoff,
-  submitReturn,
   type HandoffRecord,
   type Order,
 } from '@/api/orders'
@@ -31,12 +33,30 @@ const handoffing = ref(false)
 const confirming = ref(false)
 const returning = ref(false)
 const completing = ref(false)
+const countering = ref(false)
+const acceptingCheckout = ref(false)
+const rejectingCheckout = ref(false)
 const disputing = ref(false)
 const uploadingEvidence = ref(false)
 const order = ref<Order | null>(null)
 const handoffRecords = ref<HandoffRecord[]>([])
 const handoffContent = ref('')
-const returnContent = ref('')
+const checkoutForm = ref({
+  content: '',
+  consumable_amount: 0,
+  coin_consumed_m: 0,
+  other_amount: 0,
+  evidenceText: '',
+})
+const counterForm = ref({
+  consumable_amount: 0,
+  coin_consumed_m: 0,
+  other_amount: 0,
+  deposit_deduct_amount: 0,
+  reason: '',
+  evidenceText: '',
+})
+const rejectReason = ref('')
 const disputeType = ref('cannot_login')
 const disputeDescription = ref('')
 const disputeEvidenceText = ref('')
@@ -45,7 +65,10 @@ const isOwner = computed(() => order.value?.owner_id === session.userId)
 const isRenter = computed(() => order.value?.renter_id === session.userId)
 const canOpenDispute = computed(() => {
   if (!order.value || (!isOwner.value && !isRenter.value)) return false
-  return !['completed', 'cancelled', 'closed', 'disputing'].includes(order.value.status)
+  return !['completed', 'cancelled', 'closed', 'disputing', 'checkout_disputing', 'abnormal'].includes(order.value.status)
+})
+const isCheckoutDisputeStage = computed(() => {
+  return !!order.value && ['pending_checkout_confirm', 'pending_checkout_accept'].includes(order.value.status)
 })
 
 onMounted(loadOrder)
@@ -55,6 +78,7 @@ async function loadOrder() {
   try {
     order.value = await fetchOrder(String(route.params.id))
     handoffRecords.value = await fetchHandoffRecords(String(route.params.id))
+    hydrateCounterForm()
   } finally {
     loading.value = false
   }
@@ -117,45 +141,108 @@ async function handleConfirmReceive() {
   }
 }
 
-async function handleSubmitReturn() {
+async function handleSubmitCheckout() {
   if (!order.value) return
   returning.value = true
   try {
-    await submitReturn(order.value.id, returnContent.value)
-    returnContent.value = ''
-    ElMessage.success('归还申请已提交，等待号主确认')
+    await submitCheckout(order.value.id, {
+      content: checkoutForm.value.content,
+      consumable_amount: checkoutForm.value.consumable_amount,
+      coin_consumed_m: checkoutForm.value.coin_consumed_m,
+      other_amount: checkoutForm.value.other_amount,
+      evidence_urls: linesToList(checkoutForm.value.evidenceText),
+    })
+    checkoutForm.value = {
+      content: '',
+      consumable_amount: 0,
+      coin_consumed_m: 0,
+      other_amount: 0,
+      evidenceText: '',
+    }
+    ElMessage.success('结账已发起，等待号主确认')
     await loadOrder()
   } catch (error) {
-    ElMessage.error(readError(error, '提交归还失败'))
+    ElMessage.error(readError(error, '发起结账失败'))
   } finally {
     returning.value = false
   }
 }
 
-async function handleConfirmReturn() {
+async function handleConfirmCheckout() {
   if (!order.value) return
   completing.value = true
   try {
-    await confirmReturn(order.value.id)
-    ElMessage.success('归还已确认，订单完成')
+    await confirmCheckout(order.value.id)
+    ElMessage.success('结账已确认，订单完成')
     await loadOrder()
   } catch (error) {
-    ElMessage.error(readError(error, '确认归还失败'))
+    ElMessage.error(readError(error, '确认结账失败'))
   } finally {
     completing.value = false
   }
 }
 
+async function handleCounterCheckout() {
+  if (!order.value) return
+  countering.value = true
+  try {
+    await counterCheckout(order.value.id, {
+      consumable_amount: counterForm.value.consumable_amount,
+      coin_consumed_m: counterForm.value.coin_consumed_m,
+      other_amount: counterForm.value.other_amount,
+      deposit_deduct_amount: counterForm.value.deposit_deduct_amount,
+      reason: counterForm.value.reason,
+      evidence_urls: linesToList(counterForm.value.evidenceText),
+    })
+    ElMessage.success('结账修正已提交，等待租客确认')
+    await loadOrder()
+  } catch (error) {
+    ElMessage.error(readError(error, '修改结账失败'))
+  } finally {
+    countering.value = false
+  }
+}
+
+async function handleAcceptCheckout() {
+  if (!order.value) return
+  acceptingCheckout.value = true
+  try {
+    await acceptCheckout(order.value.id)
+    ElMessage.success('已确认修正结账，订单完成')
+    await loadOrder()
+  } catch (error) {
+    ElMessage.error(readError(error, '确认修正失败'))
+  } finally {
+    acceptingCheckout.value = false
+  }
+}
+
+async function handleRejectCheckout() {
+  if (!order.value) return
+  rejectingCheckout.value = true
+  try {
+    await createDispute(order.value.id, {
+      type: 'checkout_dispute',
+      description: rejectReason.value,
+      evidence_urls: [],
+    })
+    rejectReason.value = ''
+    ElMessage.success('已拒绝修正结账，订单进入争议处理')
+    await loadOrder()
+  } catch (error) {
+    ElMessage.error(readError(error, '拒绝修正失败'))
+  } finally {
+    rejectingCheckout.value = false
+  }
+}
+
 async function handleCreateDispute() {
   if (!order.value) return
   disputing.value = true
   try {
-    const evidence_urls = disputeEvidenceText.value
-      .split('\n')
-      .map((item) => item.trim())
-      .filter(Boolean)
+    const evidence_urls = linesToList(disputeEvidenceText.value)
     await createDispute(order.value.id, {
-      type: disputeType.value,
+      type: isCheckoutDisputeStage.value ? 'checkout_dispute' : disputeType.value,
       description: disputeDescription.value,
       evidence_urls,
     })
@@ -194,6 +281,22 @@ function readError(error: unknown, fallback: string) {
   }
   return fallback
 }
+
+function hydrateCounterForm() {
+  if (!order.value?.checkout) return
+  const checkout = order.value.checkout
+  counterForm.value.consumable_amount = checkout.consumable_amount
+  counterForm.value.coin_consumed_m = checkout.coin_consumed_m
+  counterForm.value.other_amount = checkout.other_amount
+  counterForm.value.deposit_deduct_amount = checkout.deposit_deduct_amount
+}
+
+function linesToList(value: string) {
+  return value
+    .split('\n')
+    .map((item) => item.trim())
+    .filter(Boolean)
+}
 </script>
 
 <template>
@@ -261,20 +364,59 @@ function readError(error: unknown, fallback: string) {
     </div>
 
     <div v-if="order && isRenter && ['renting', 'overdue'].includes(order.status)" class="order-panel">
-      <h2>提交归还</h2>
-      <el-input v-model="returnContent" type="textarea" :rows="4" placeholder="填写归还说明、租后资产状态或注意事项" />
-      <el-button class="panel-action" type="primary" :loading="returning" @click="handleSubmitReturn">提交归还</el-button>
+      <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-input
+        v-model="checkoutForm.evidenceText"
+        class="panel-action"
+        type="textarea"
+        :rows="3"
+        placeholder="结账证据链接，一行一个。可填写截图地址或备注链接"
+      />
+      <el-button class="panel-action" type="primary" :loading="returning" @click="handleSubmitCheckout">发起结账</el-button>
     </div>
 
-    <div v-if="order && isOwner && order.status === 'pending_return_confirm'" class="order-panel">
-      <h2>确认归还</h2>
-      <p>确认账号状态无误后，订单会完成，账号重新上架。</p>
-      <el-button type="primary" :loading="completing" @click="handleConfirmReturn">确认归还并完成订单</el-button>
+    <div v-if="order && order.checkout && ['pending_checkout_confirm', 'pending_checkout_accept'].includes(order.status)" class="order-panel">
+      <h2>结账明细</h2>
+      <p>租金：¥{{ order.checkout.rent_amount }}，押金：¥{{ order.checkout.deposit_amount }}</p>
+      <p>扣除：¥{{ order.checkout.deposit_deduct_amount }}，退还租客：¥{{ order.checkout.renter_refund_amount }}，号主收入：¥{{ order.checkout.owner_income_amount }}</p>
+      <p v-if="order.checkout.content">说明：{{ order.checkout.content }}</p>
+      <p v-if="order.checkout.owner_adjustment_reason">修正原因：{{ order.checkout.owner_adjustment_reason }}</p>
+    </div>
+
+    <div v-if="order && isOwner && order.status === 'pending_checkout_confirm'" class="order-panel">
+      <h2>确认结账</h2>
+      <p>确认账号状态和扣款金额无误后，订单会完成，账号重新上架。</p>
+      <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-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>
+    </div>
+
+    <div v-if="order && isRenter && order.status === 'pending_checkout_accept'" class="order-panel">
+      <h2>确认修正结账</h2>
+      <p>同意后订单会完成结算；不同意会进入争议，由客服仲裁。</p>
+      <el-button type="primary" :loading="acceptingCheckout" @click="handleAcceptCheckout">同意修正并完成订单</el-button>
+      <el-input v-model="rejectReason" class="panel-action" type="textarea" :rows="3" placeholder="不同意时填写原因，会进入争议处理" />
+      <el-button class="panel-action" type="danger" :loading="rejectingCheckout" @click="handleRejectCheckout">拒绝修正并发起争议</el-button>
     </div>
 
     <div v-if="order && canOpenDispute" class="order-panel">
-      <h2>发起申诉</h2>
-      <el-select v-model="disputeType" class="full-control" placeholder="选择申诉类型">
+      <h2>{{ isCheckoutDisputeStage ? '发起结账争议' : '发起申诉' }}</h2>
+      <el-select v-if="!isCheckoutDisputeStage" v-model="disputeType" class="full-control" placeholder="选择申诉类型">
         <el-option label="无法登录" value="cannot_login" />
         <el-option label="虚假描述" value="false_description" />
         <el-option label="账号被封" value="account_banned" />
@@ -300,7 +442,9 @@ function readError(error: unknown, fallback: string) {
       <div class="panel-action upload-line">
         <input type="file" accept="image/jpeg,image/png,image/webp,application/pdf" :disabled="uploadingEvidence" @change="handleEvidenceUpload" />
       </div>
-      <el-button class="panel-action" type="warning" :loading="disputing" @click="handleCreateDispute">提交申诉</el-button>
+      <el-button class="panel-action" type="warning" :loading="disputing" @click="handleCreateDispute">
+        {{ isCheckoutDisputeStage ? '提交结账争议' : '提交申诉' }}
+      </el-button>
     </div>
   </section>
 </template>