优化

2026-08-19 16:45:51 +08:00
parent d1de19dc82
commit 65cd9ecefa
79 changed files with 3397 additions and 38 deletions
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { Download, Plus } from '@lucide/vue'
+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 { OverseasWarehouseQuote } from '../types'
+
+const rows = ref<OverseasWarehouseQuote[]>([])
+const page = ref(1)
+const pageSize = ref(20)
+const filters = ref<QueryModel>({ keyword: '', warehouseId: '', provider: '', currency: '', status: '' })
+const fields: QueryField[] = [
+  { key: 'keyword', type: 'input', label: '报价名称 / 版本', placeholder: '报价名称 / 版本', width: 180 },
+  { key: 'warehouseId', type: 'select', label: '海外仓', placeholder: '全部海外仓', options: [], width: 180 },
+  { key: 'provider', type: 'input', label: '服务商', placeholder: '服务商', width: 170 },
+  { key: 'currency', type: 'select', label: '币种', placeholder: '全部币种', options: [{ label: 'USD', value: 'USD' }, { label: 'CNY', value: 'CNY' }], width: 120 },
+  { key: 'status', type: 'select', label: '状态', placeholder: '全部状态', options: [{ label: '启用', value: 'ACTIVE' }, { label: '停用', value: 'INACTIVE' }], width: 120 },
+]
+const columns: DataTableColumn[] = [
+  { key: 'actions', label: '操作', width: 248, fixed: 'left', slotName: 'actions' },
+  { key: 'name', prop: 'name', label: '报价名称', minWidth: 190 },
+  { key: 'warehouseName', prop: 'warehouseName', label: '海外仓', minWidth: 170 },
+  { key: 'providerName', prop: 'providerName', label: '服务商', minWidth: 180 },
+  { key: 'currency', prop: 'currency', label: '币种', width: 74 },
+  { key: 'effectiveStart', prop: 'effectiveStart', label: '生效日期', width: 112 },
+  { key: 'effectiveEnd', prop: 'effectiveEnd', label: '失效日期', width: 112 },
+  { key: 'version', prop: 'version', label: '报价版本', width: 92 },
+  { key: 'status', prop: 'status', label: '状态', width: 76 },
+  { key: 'updatedAt', prop: 'updatedAt', label: '更新时间', minWidth: 142 },
+  { key: 'remark', prop: 'remark', label: '备注', minWidth: 180 },
+]
+</script>
+
+<template>
+  <AdminPage>
+    <ListPageLayout aria-label="海外仓报价列表">
+      <template #toolbar>
+        <QueryToolbar v-model="filters" class="surface-panel" :fields="fields" aria-label="海外仓报价筛选" ariaLabel="海外仓报价筛选" preference-key="overseas-quotes-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-quotes-table" row-key="id" empty-text="海外仓报价查询契约待接入">
+          <template #toolbar-actions>
+            <el-tooltip content="海外区域写接口待接入"><span><el-button type="primary" disabled><Plus :size="16" />新增报价</el-button></span></el-tooltip>
+            <el-tooltip content="海外区域导出接口待接入"><span><el-button disabled><Download :size="16" />导出Excel</el-button></span></el-tooltip>
+          </template>
+          <template #actions><span class="muted-value">—</span></template>
+          <template #pagination-left>共 0 条海外仓报价</template>
+        </DataTable>
+      </section>
+    </ListPageLayout>
+  </AdminPage>
+</template>
+
+<style scoped>
+.table-panel { min-width: 0; overflow: hidden; }
+.muted-value { color: var(--cc-muted); }
+@media (max-width: 720px) { .table-panel :deep(.data-table__business-actions) { width: 100%; } }
+</style>