修改 备货单 详情

src/composables/useOrderDetailDialog.ts

@@ -0,0 +1,73 @@
+import { ref, reactive } from 'vue'
+
+export interface OrderItem {
+  model?: string
+  quantity?: number
+  exteriorColor?: string
+  interiorColor?: string
+  modification?: string
+  unitPrice?: number
+  totalPrice?: number
+  officialPrice?: number
+  discount?: string
+}
+
+export interface PaymentItem {
+  country?: string
+  date?: string
+  currency?: string
+  account?: string
+  remitter?: string
+  amount?: number
+}
+
+export interface OrderData {
+  orderNo?: string
+  salesperson?: string
+  piNo?: string
+  date?: string
+  clearanceCountry?: string
+  customerSource?: string
+  customerName?: string
+  customerCountry?: string
+  items?: OrderItem[]
+  contractRate?: string
+  totalCif?: number
+  declarant?: string
+  etaShipDate?: string
+  shippingMethod?: string
+  domesticPort?: string
+  tradeTerms?: string
+  latestArrival?: string
+  payments?: PaymentItem[]
+}
+
+export function useOrderDetailDialog() {
+  const visible = ref(false)
+  const title = ref('订单详情')
+  const orderData = ref<OrderData>({})
+
+  const show = (data: OrderData, dialogTitle?: string) => {
+    orderData.value = data
+    title.value = dialogTitle || '订单详情'
+    visible.value = true
+  }
+
+  const hide = () => {
+    visible.value = false
+  }
+
+  const print = () => {
+    // 可以在这里添加打印逻辑
+    window.print()
+  }
+
+  return {
+    visible,
+    title,
+    orderData,
+    show,
+    hide,
+    print
+  }
+}