fix: 订单详情支付凭证, 退款

src/components/business/CreateRefundDialog.vue

@@ -26,7 +26,7 @@
       <ElFormItem label="申请退款金额" prop="requested_refund_amount">
         <ElInputNumber
           v-model="formData.requested_refund_amount"
-          :min="0"
+          :min="0.01"
           :precision="2"
           :step="1"
           style="width: 100%"
@@ -64,6 +64,7 @@
   import type { FormInstance, FormRules } from 'element-plus'
   import { RefundService, OrderService } from '@/api/modules'
   import type { CreateRefundRequest, Order } from '@/types/api'
+  import { formatMoney, yuanToFen } from '@/utils/business/format'
 
   interface Props {
     modelValue: boolean
@@ -89,20 +90,21 @@
 
   const formData = reactive<{
     order_id: number | null
-    requested_refund_amount: number
+    requested_refund_amount?: number
     actual_received_amount: number
     refund_reason: string
   }>({
     order_id: null,
-    requested_refund_amount: 0,
+    requested_refund_amount: undefined,
     actual_received_amount: 0,
     refund_reason: ''
   })
 
   const validateRefundAmount = (rule: any, value: number, callback: any) => {
-    if (value === undefined || value === null) {
-      callback(new Error('请输入申请退款金额'))
-    } else if (value > formData.actual_received_amount) {
+    const requestedRefundAmount = yuanToFen(value) ?? 0
+    if (value === undefined || value === null || value <= 0) {
+      callback(new Error('申请退款金额必须大于0'))
+    } else if (requestedRefundAmount > formData.actual_received_amount) {
       callback(new Error('申请退款金额不能大于实收金额'))
     } else {
       callback()
@@ -120,11 +122,9 @@
   const hasInitialOrder = computed(() => !!props.initialOrderId || !!props.initialOrderNo)
 
   const selectedOrderActualPaid = computed(() => {
-    if (!formData.order_id) return 0
+    if (!formData.order_id) return '0.00'
     const selectedOrder = orderSearchOptions.value.find((o) => o.id === formData.order_id)
-    if (!selectedOrder?.actual_paid_amount) return 0
-    const amount = selectedOrder.actual_paid_amount / 100
-    return isNaN(amount) ? 0 : amount
+    return formatMoney(selectedOrder?.actual_paid_amount ?? 0, false)
   })
 
   const searchOrders = async (query: string) => {
@@ -146,7 +146,7 @@
           )
           if (matchedOrder) {
             formData.order_id = matchedOrder.id
-            formData.actual_received_amount = (matchedOrder.actual_paid_amount || 0) / 100
+            formData.actual_received_amount = matchedOrder.actual_paid_amount ?? 0
           }
         }
       }
@@ -164,14 +164,14 @@
     }
     const selectedOrder = orderSearchOptions.value.find((o) => o.id === orderId)
     if (selectedOrder) {
-      formData.actual_received_amount = selectedOrder.actual_paid_amount / 100
+      formData.actual_received_amount = selectedOrder.actual_paid_amount ?? 0
     }
   }
 
   const handleDialogClosed = () => {
     formRef.value?.resetFields()
     formData.order_id = null
-    formData.requested_refund_amount = 0
+    formData.requested_refund_amount = undefined
     formData.actual_received_amount = 0
     formData.refund_reason = ''
     orderSearchOptions.value = []
@@ -186,8 +186,8 @@
         try {
           const data: CreateRefundRequest = {
             order_id: formData.order_id!,
-            requested_refund_amount: formData.requested_refund_amount * 100,
-            actual_received_amount: formData.actual_received_amount * 100,
+            requested_refund_amount: yuanToFen(formData.requested_refund_amount) ?? 0,
+            actual_received_amount: formData.actual_received_amount,
             refund_reason: formData.refund_reason || undefined
           }
           await RefundService.createRefund(data)

src/utils/business/format.ts

@@ -28,6 +28,18 @@ export function formatMoney(fen: number | undefined, showSymbol = true): string
   return showSymbol ? `¥${yuan}` : yuan
 }
 
+export function fenToYuan(fen: number | undefined | null): number {
+  if (fen === undefined || fen === null || Number.isNaN(fen)) return 0
+
+  return Number((fen / 100).toFixed(2))
+}
+
+export function yuanToFen(yuan: number | undefined | null): number | undefined {
+  if (yuan === undefined || yuan === null || Number.isNaN(yuan)) return undefined
+
+  return Math.round(yuan * 100)
+}
+
 /**
  * 格式化手机号（中间4位隐藏）
  * @param phone 手机号

src/views/asset-management/device-list/index.vue

@@ -1357,7 +1357,8 @@
     {
       prop: 'series_name',
       label: '套餐系列',
-      minWidth: 120
+      minWidth: 180,
+      showOverflowTooltip: true
     },
     {
       prop: 'device_model',

src/views/finance/refund/detail.vue

@@ -176,7 +176,7 @@
     RejectRefundRequest,
     ResubmitRefundRequest
   } from '@/types/api'
-  import { formatDateTime } from '@/utils/business/format'
+  import { formatDateTime, yuanToFen } from '@/utils/business/format'
   import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'RefundDetail' })
@@ -400,9 +400,7 @@
         approveLoading.value = true
         try {
           const data: ApproveRefundRequest = {
-            approved_refund_amount: approveForm.approved_refund_amount
-              ? approveForm.approved_refund_amount * 100
-              : undefined,
+            approved_refund_amount: yuanToFen(approveForm.approved_refund_amount),
             remark: approveForm.remark || undefined
           }
 
@@ -447,12 +445,8 @@
         resubmitLoading.value = true
         try {
           const data: ResubmitRefundRequest = {
-            requested_refund_amount: resubmitForm.requested_refund_amount
-              ? resubmitForm.requested_refund_amount * 100
-              : undefined,
-            actual_received_amount: resubmitForm.actual_received_amount
-              ? resubmitForm.actual_received_amount * 100
-              : undefined,
+            requested_refund_amount: yuanToFen(resubmitForm.requested_refund_amount),
+            actual_received_amount: yuanToFen(resubmitForm.actual_received_amount),
             refund_reason: resubmitForm.refund_reason || undefined
           }
 

src/views/finance/refund/index.vue

@@ -246,7 +246,7 @@
   } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import { formatDateTime } from '@/utils/business/format'
+  import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
   import { RoutesAlias } from '@/router/routesAlias'
 
   import { useAuth } from '@/composables/useAuth'
@@ -699,9 +699,7 @@
         approveLoading.value = true
         try {
           const data: ApproveRefundRequest = {
-            approved_refund_amount: approveForm.approved_refund_amount
-              ? approveForm.approved_refund_amount * 100
-              : undefined,
+            approved_refund_amount: yuanToFen(approveForm.approved_refund_amount),
             remark: approveForm.remark || undefined
           }
           const refundId = currentRefund.value?.id
@@ -796,7 +794,7 @@
     currentRefund.value = row
     // 预填充原有数据
     resubmitForm.requested_refund_amount = row.requested_refund_amount / 100
-    resubmitForm.actual_received_amount = row.actual_received_amount / 100
+    resubmitForm.actual_received_amount = fenToYuan(row.actual_received_amount)
     resubmitForm.refund_reason = row.refund_reason
     resubmitDialogVisible.value = true
   }
@@ -821,12 +819,8 @@
           const refundId = currentRefund.value?.id
           if (!refundId) return
           const data: ResubmitRefundRequest = {
-            requested_refund_amount: resubmitForm.requested_refund_amount
-              ? resubmitForm.requested_refund_amount * 100
-              : undefined,
-            actual_received_amount: resubmitForm.actual_received_amount
-              ? resubmitForm.actual_received_amount * 100
-              : undefined,
+            requested_refund_amount: yuanToFen(resubmitForm.requested_refund_amount),
+            actual_received_amount: yuanToFen(resubmitForm.actual_received_amount),
             refund_reason: resubmitForm.refund_reason || undefined
           }
 

src/views/order-management/order-list/detail.vue

@@ -60,13 +60,13 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, onMounted } from 'vue'
+  import { h, onMounted, ref } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElCard, ElButton, ElIcon, ElMessage, ElTable, ElTableColumn } from 'element-plus'
+  import { ElButton, ElCard, ElIcon, ElImage, ElMessage, ElTable, ElTableColumn } from 'element-plus'
   import { ArrowLeft, Loading } from '@element-plus/icons-vue'
   import DetailPage from '@/components/common/DetailPage.vue'
   import type { DetailSection } from '@/components/common/DetailPage.vue'
-  import { OrderService } from '@/api/modules'
+  import { OrderService, StorageService } from '@/api/modules'
   import type {
     Order,
     OrderCommissionResult,
@@ -74,15 +74,18 @@
     OrderOperatorType,
     OrderPaymentMethod
   } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
 
   defineOptions({ name: 'OrderDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
 
   const loading = ref(false)
   const detailData = ref<Order | null>(null)
+  const paymentVoucherUrl = ref('')
 
   // 格式化货币 - 将分转换为元
   const formatCurrency = (amount: number): string => {
@@ -160,6 +163,17 @@
     return roleMap[role] || role
   }
 
+  const loadPaymentVoucherUrl = async (fileKey?: string) => {
+    paymentVoucherUrl.value = ''
+    if (!fileKey || !hasAuth('orders:view_payment_voucher')) return
+
+    try {
+      paymentVoucherUrl.value = await StorageService.getDownloadUrl(fileKey)
+    } catch (error) {
+      console.error('Get payment voucher failed:', error)
+    }
+  }
+
   // 详情页配置
   const detailSections: DetailSection[] = [
     {
@@ -185,6 +199,31 @@
           formatter: (value) =>
             value !== undefined && value !== null ? formatCurrency(value) : '-'
         },
+        {
+          label: '支付凭证',
+          fullWidth: true,
+          render: (data) => {
+            if (!data.payment_voucher_key || !hasAuth('orders:view_payment_voucher')) {
+              return h('span', '-')
+            }
+
+            if (!paymentVoucherUrl.value) {
+              return h('span', '加载中...')
+            }
+
+            return h(ElImage, {
+              src: paymentVoucherUrl.value,
+              previewSrcList: [paymentVoucherUrl.value],
+              fit: 'cover',
+              style: {
+                width: '120px',
+                height: '120px',
+                borderRadius: '8px',
+                border: '1px solid var(--el-border-color-light)'
+              }
+            })
+          }
+        },
         {
           label: '买家类型',
           formatter: (_, data) => (data.buyer_type ? getBuyerTypeText(data.buyer_type) : '-')
@@ -311,6 +350,7 @@
       const res = await OrderService.getOrderById(id)
       if (res.code === 0) {
         detailData.value = res.data
+        await loadPaymentVoucherUrl(res.data.payment_voucher_key)
       }
     } catch (error) {
       console.error(error)