优化

2026-08-19 16:45:51 +08:00
parent d1de19dc82
commit 65cd9ecefa
79 changed files with 3397 additions and 38 deletions
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { Eye } from '@lucide/vue'
+import { useRouter } from 'vue-router'
+import AdminPage from '@/shared/components/AdminPage.vue'
+import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.vue'
+import ListPageLayout from '@/shared/components/ListPageLayout.vue'
+import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
+import ContractPendingNotice from '../components/ContractPendingNotice.vue'
+import type { InboundOrderListItem } from '../types'
+
+const rows = ref<InboundOrderListItem[]>([])
+const router = useRouter()
+const page = ref(1)
+const pageSize = ref(20)
+const filters = ref<QueryModel>({ orderNo: '', inboundCode: '', status: '', warehouse: '', fbaWarehouse: '', appointmentStatus: '', dispatchStatus: '', inboundDate: [] })
+const fields: QueryField[] = [
+  { key: 'orderNo', type: 'input', label: '入库单号', placeholder: '请输入入库单号' },
+  { key: 'inboundCode', type: 'input', label: '入仓码', placeholder: '请输入入仓码' },
+  { key: 'status', type: 'select', label: '状态', placeholder: '全部状态', options: ['待审核', '已审核', '已入库'].map((value) => ({ label: value, value })) },
+  { key: 'warehouse', type: 'select', label: '海外仓', placeholder: '全部海外仓', options: [] },
+  { key: 'fbaWarehouse', type: 'select', label: 'FBA仓库', placeholder: '全部FBA仓库', options: [] },
+  { key: 'appointmentStatus', type: 'select', label: '预约状态', placeholder: '全部预约状态', options: ['未预约', '预约中', '预约成功'].map((value) => ({ label: value, value })) },
+  { key: 'dispatchStatus', type: 'select', label: '排车状态', placeholder: '全部排车状态', options: ['未排车', '已排车'].map((value) => ({ label: value, value })) },
+  { key: 'inboundDate', type: 'daterange', label: '入库时间' },
+]
+const columns: DataTableColumn[] = [
+  { key: 'actions', label: '操作', width: 120, fixed: 'left', slotName: 'actions' },
+  { key: 'orderNo', prop: 'orderNo', label: '入库单号', minWidth: 170 },
+  { key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 140 },
+  { key: 'type', prop: 'type', label: '类型', width: 100 },
+  { key: 'warehouse', prop: 'warehouse', label: '海外仓', minWidth: 170 },
+  { key: 'fbaWarehouse', prop: 'fbaWarehouse', label: 'FBA仓库', minWidth: 130 },
+  { key: 'owner', prop: 'owner', label: '货主', minWidth: 150 },
+  { key: 'cartons', prop: 'cartons', label: '总箱数', width: 90, align: 'right' },
+  { key: 'volume', prop: 'volume', label: '计费体积(m³)', width: 125, align: 'right' },
+  { key: 'pallets', prop: 'pallets', label: '总托盘数', width: 100, align: 'right' },
+  { key: 'status', prop: 'status', label: '状态', width: 100 },
+  { key: 'appointmentStatus', prop: 'appointmentStatus', label: 'FBA预约', width: 110 },
+  { key: 'dispatchStatus', prop: 'dispatchStatus', label: '排车状态', width: 110 },
+]
+
+function openDetail(source: object) {
+  const row = source as InboundOrderListItem
+  void router.push({ name: 'overseas-inbound-order-detail', params: { orderId: row.orderNo } })
+}
+</script>
+
+<template>
+  <AdminPage><ListPageLayout aria-label="海外仓入库单列表">
+    <template #toolbar><QueryToolbar v-model="filters" class="surface-panel" :fields="fields" ariaLabel="入库单筛选" preference-key="overseas-inbound-orders-query" @search="page = 1" /></template>
+    <template #state><ContractPendingNotice domain="入库单" /></template>
+    <section class="surface-panel table-panel"><DataTable v-model:page="page" v-model:page-size="pageSize" :data="rows" :columns="columns" :total="0" preference-key="overseas-inbound-orders" row-key="orderNo" empty-text="海外区域入库单查询契约待接入">
+      <template #actions="{ row }"><el-button size="small" plain type="primary" @click="openDetail(row)"><Eye :size="15" />查看</el-button></template>
+      <template #pagination-left>共 0 条入库单</template>
+    </DataTable></section>
+  </ListPageLayout></AdminPage>
+</template>