增加前端格式检查配置
This commit is contained in:
@@ -3,7 +3,17 @@ import { ElMessage } from 'element-plus'
|
||||
import { computed, onMounted, ref } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
|
||||
import { adminCloseOrder, adminMarkOrderAbnormal, adminRefundOrder, adminRefundStatus, fetchAdminHandoffRecords, fetchAdminOrder, type HandoffRecord, type Order, type RefundStatus } from '@/features/orders'
|
||||
import {
|
||||
adminCloseOrder,
|
||||
adminMarkOrderAbnormal,
|
||||
adminRefundOrder,
|
||||
adminRefundStatus,
|
||||
fetchAdminHandoffRecords,
|
||||
fetchAdminOrder,
|
||||
type HandoffRecord,
|
||||
type Order,
|
||||
type RefundStatus,
|
||||
} from '@/features/orders'
|
||||
import { handoffStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
|
||||
import { formatDateTime } from '@/utils/time'
|
||||
|
||||
@@ -19,7 +29,9 @@ const refunding = ref(false)
|
||||
|
||||
const snapshotText = computed(() => JSON.stringify(order.value?.account_snapshot || {}, null, 2))
|
||||
const actionTitle = computed(() => (actionType.value === 'close' ? '客服关闭订单' : '标记订单异常'))
|
||||
const canOperate = computed(() => !!order.value && !['completed', 'cancelled', 'closed'].includes(order.value.status))
|
||||
const canOperate = computed(
|
||||
() => !!order.value && !['completed', 'cancelled', 'closed'].includes(order.value.status)
|
||||
)
|
||||
|
||||
onMounted(loadOrder)
|
||||
|
||||
@@ -138,9 +150,18 @@ function formatHandoffRecordType(type: string) {
|
||||
<RouterLink to="/admin/orders">
|
||||
<el-button>返回列表</el-button>
|
||||
</RouterLink>
|
||||
<el-button type="warning" :disabled="!canOperate" @click="openAction('abnormal')">标记异常</el-button>
|
||||
<el-button type="danger" :disabled="!canOperate" @click="openAction('close')">客服关闭</el-button>
|
||||
<el-button type="primary" :loading="refunding" :disabled="refundStatus?.refund_status === 'refunded'" @click="handleRefund">
|
||||
<el-button type="warning" :disabled="!canOperate" @click="openAction('abnormal')"
|
||||
>标记异常</el-button
|
||||
>
|
||||
<el-button type="danger" :disabled="!canOperate" @click="openAction('close')"
|
||||
>客服关闭</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
:loading="refunding"
|
||||
:disabled="refundStatus?.refund_status === 'refunded'"
|
||||
@click="handleRefund"
|
||||
>
|
||||
{{ refundStatus?.refund_status === 'refunded' ? '已退款' : '人工退款' }}
|
||||
</el-button>
|
||||
</div>
|
||||
@@ -170,7 +191,9 @@ function formatHandoffRecordType(type: string) {
|
||||
<div v-if="refundStatus" class="metric-card">
|
||||
<span>退款状态</span>
|
||||
<strong>{{ refundStatusLabel(refundStatus.refund_status) }}</strong>
|
||||
<small v-if="refundStatus.refund_amount_cent > 0">¥{{ (refundStatus.refund_amount_cent / 100).toFixed(2) }}</small>
|
||||
<small v-if="refundStatus.refund_amount_cent > 0"
|
||||
>¥{{ (refundStatus.refund_amount_cent / 100).toFixed(2) }}</small
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -199,10 +222,22 @@ function formatHandoffRecordType(type: string) {
|
||||
<pre>{{ snapshotText }}</pre>
|
||||
</div>
|
||||
|
||||
<el-dialog :model-value="!!actionType" :title="actionTitle" width="560px" @update:model-value="actionType = ''">
|
||||
<el-dialog
|
||||
:model-value="!!actionType"
|
||||
:title="actionTitle"
|
||||
width="560px"
|
||||
@update:model-value="actionType = ''"
|
||||
>
|
||||
<div v-if="order" class="dialog-body">
|
||||
<p><strong>{{ order.order_no }}</strong> · {{ order.title }}</p>
|
||||
<el-input v-model="reason" type="textarea" :rows="4" placeholder="填写客服操作原因,会写入审计日志并通知双方" />
|
||||
<p>
|
||||
<strong>{{ order.order_no }}</strong> · {{ order.title }}
|
||||
</p>
|
||||
<el-input
|
||||
v-model="reason"
|
||||
type="textarea"
|
||||
:rows="4"
|
||||
placeholder="填写客服操作原因,会写入审计日志并通知双方"
|
||||
/>
|
||||
</div>
|
||||
<template #footer>
|
||||
<el-button @click="actionType = ''">取消</el-button>
|
||||
|
||||
Reference in New Issue
Block a user