优化

src/modules/master-data/counterparties/api/platformPartners.test.ts

@@ -65,7 +65,7 @@ describe('platform partner API', () => {
   it('normalizes legacy detail types and uses import contracts', async () => {
     vi.mocked(http.get)
       .mockResolvedValueOnce({ code: '200', message: 'success', data: {
-        id: '19001', tenantId: 10001, partnerCode: 'CUS-001', partnerName: '测试单位',
+        id: '19001', tenantId: 0, dataScopeId: 0, partnerCode: 'CUS-001', partnerName: '测试单位',
         partnerType: 'BOTH', contactName: '张三', contactPhone: '13800000000', contactEmail: null,
         countryCode: 'CN', province: null, city: '深圳市', district: null, addressLine: '测试地址',
         postalCode: null, status: 'ACTIVE',
@@ -81,7 +81,7 @@ describe('platform partner API', () => {
     const result = await importPlatformPartners(file)
 
     expect(detail.types).toEqual(['CUSTOMER', 'SUPPLIER'])
-    expect(detail.dataScopeId).toBe(10001)
+    expect(detail.dataScopeId).toBe(0)
     expect(template).toBeInstanceOf(Blob)
     expect(result.success).toBe(true)
     expect(http.get).toHaveBeenNthCalledWith(1, '/platform/v1/partners/19001', { params: { tenantId: 0 } })

src/modules/master-data/counterparties/pages/PartnersView.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
-import { ElMessage, ElMessageBox, type FormInstance, type FormRules, type UploadFile } from 'element-plus'
-import { Building2, Download, Eye, MapPin, Pencil, Plus, Power, Upload } from '@lucide/vue'
+import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
+import { Building2, Eye, MapPin, Pencil, Plus, Power, Upload } from '@lucide/vue'
 import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
+import BatchImportDialog from '@/shared/components/BatchImportDialog.vue'
 import DataTable, { type DataTableColumn } from '@/shared/components/DataTable.vue'
 import QueryToolbar, { type QueryField, type QueryModel } from '@/shared/components/QueryToolbar.vue'
 import { useUnsavedWorkRegistration } from '@/core/unsaved-work/useUnsavedWorkRegistration'
@@ -15,7 +16,6 @@ import {
   importPlatformPartners,
   listPlatformPartners,
   updatePlatformPartner,
-  type PlatformPartnerImportResult,
   type PlatformPartnerResource,
   type PlatformPartnerStatus,
   type PlatformPartnerLegacyType,
@@ -33,10 +33,6 @@ const detailOpen = ref(false)
 const detailLoading = ref(false)
 const detail = ref<PlatformPartnerResource | null>(null)
 const importOpen = ref(false)
-const importFile = ref<File | null>(null)
-const importing = ref(false)
-const downloadingTemplate = ref(false)
-const importResult = ref<PlatformPartnerImportResult | null>(null)
 const formRef = ref<FormInstance>()
 const rows = ref<PlatformPartnerResource[]>([])
 const page = ref(1)
@@ -278,74 +274,9 @@ async function openDetail(row: PlatformPartnerResource) {
 }
 
 function openImport() {
-  importFile.value = null
-  importResult.value = null
   importOpen.value = true
 }
 
-function selectImportFile(uploadFile: UploadFile) {
-  importFile.value = uploadFile.raw ?? null
-  importResult.value = null
-}
-
-function removeImportFile() {
-  importFile.value = null
-}
-
-async function downloadTemplate() {
-  downloadingTemplate.value = true
-  try {
-    const blob = await downloadPlatformPartnerImportTemplate()
-    const url = URL.createObjectURL(blob)
-    const link = document.createElement('a')
-    link.href = url
-    link.download = '往来单位导入模板-v1.xlsx'
-    link.click()
-    URL.revokeObjectURL(url)
-  } catch (error) {
-    ElMessage.error(getApiErrorDetails(error, '模板下载失败，请重试').message)
-  } finally {
-    downloadingTemplate.value = false
-  }
-}
-
-async function submitImport() {
-  if (!importFile.value) {
-    ElMessage.warning('请先选择 XLSX 文件')
-    return
-  }
-  importing.value = true
-  importResult.value = null
-  try {
-    importResult.value = await importPlatformPartners(importFile.value)
-    if (importResult.value.success) {
-      ElMessage.success(`成功导入 ${importResult.value.importedRows} 条往来单位`)
-      await loadPartners()
-    }
-  } catch (error) {
-    const meta = getApiErrorDetails(error, '往来单位导入失败，请重试')
-    ElMessage.error(meta.requestId ? `${meta.message}（requestId: ${meta.requestId}）` : meta.message)
-  } finally {
-    importing.value = false
-  }
-}
-
-function downloadImportErrors() {
-  if (!importResult.value?.errors.length) return
-  const escapeCsv = (value: string | number) => `"${String(value).replaceAll('"', '""')}"`
-  const rows = [
-    ['行号', '字段', '原因'],
-    ...importResult.value.errors.map((error) => [error.row || '-', error.field, error.message]),
-  ]
-  const csv = rows.map((row) => row.map(escapeCsv).join(',')).join('\r\n')
-  const url = URL.createObjectURL(new Blob(['\ufeff', csv], { type: 'text/csv;charset=utf-8' }))
-  const link = document.createElement('a')
-  link.href = url
-  link.download = `${importResult.value.fileName.replace(/\.xlsx$/i, '')}-错误报告.csv`
-  link.click()
-  URL.revokeObjectURL(url)
-}
-
 async function savePartner() {
   const valid = await formRef.value?.validate().catch(() => false)
   if (!valid) return
@@ -507,23 +438,15 @@ onMounted(() => {
       </div>
     </el-drawer>
 
-    <el-dialog v-model="importOpen" title="批量导入往来单位" width="min(720px, calc(100vw - 32px))" :close-on-click-modal="!importing" :close-on-press-escape="!importing">
-      <div class="import-content">
-        <div class="import-guide"><strong>使用标准模板导入</strong><p>仅新增档案，最多 1000 行。服务端会整批校验；任一行有误时不会写入任何数据。</p><el-button :loading="downloadingTemplate" @click="downloadTemplate"><Download :size="16" />下载 XLSX 模板</el-button></div>
-        <el-upload accept=".xlsx" :auto-upload="false" :limit="1" :on-change="selectImportFile" :on-remove="removeImportFile">
-          <el-button><Upload :size="16" />选择 XLSX 文件</el-button>
-          <template #tip><div class="el-upload__tip">文件不得超过 5MB，请勿修改模板版本或表头。</div></template>
-        </el-upload>
-        <div v-if="importResult" :class="['import-result', importResult.success ? 'is-success' : 'is-error']" role="status">
-          <div class="import-result-heading"><strong>{{ importResult.success ? `已成功导入 ${importResult.importedRows} 条记录` : `发现 ${importResult.errors.length} 个问题，未写入数据` }}</strong><el-button v-if="importResult.errors.length" size="small" @click="downloadImportErrors"><Download :size="15" />下载错误报告</el-button></div>
-          <el-table v-if="importResult.errors.length" :data="importResult.errors" max-height="260" size="small">
-            <el-table-column prop="row" label="行号" width="70"><template #default="{ row }">{{ row.row || '-' }}</template></el-table-column>
-            <el-table-column prop="field" label="字段" width="120" /><el-table-column prop="message" label="原因" min-width="240" />
-          </el-table>
-        </div>
-      </div>
-      <template #footer><el-button :disabled="importing" @click="importOpen = false">关闭</el-button><el-button type="primary" :loading="importing" :disabled="!importFile" @click="submitImport">开始导入</el-button></template>
-    </el-dialog>
+    <BatchImportDialog
+      v-model="importOpen"
+      title="批量导入往来单位"
+      entity-label="往来单位"
+      template-file-name="往来单位导入模板-v1.xlsx"
+      :download-template="downloadPlatformPartnerImportTemplate"
+      :import-file="importPlatformPartners"
+      @success="loadPartners"
+    />
   </div>
 </template>
 
@@ -551,14 +474,6 @@ onMounted(() => {
 .detail-grid .detail-span { grid-column: 1 / -1; }
 .detail-grid dt { margin-bottom: 5px; color: var(--cc-muted); font-size: 12px; }
 .detail-grid dd { margin: 0; color: var(--cc-text); line-height: 1.55; overflow-wrap: anywhere; }
-.import-content { display: grid; gap: 18px; }
-.import-guide { padding: 16px; border: 1px solid #d8e2f0; border-radius: 8px; background: #f8fbff; }
-.import-guide p { margin: 6px 0 14px; color: var(--cc-muted); font-size: 13px; line-height: 1.6; }
-.import-result { display: grid; gap: 12px; padding: 14px; border: 1px solid; border-radius: 8px; }
-.import-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-.import-result.is-success { border-color: #a6f4c5; background: #f6fef9; color: #067647; }
-.import-result.is-error { border-color: #fecdca; background: #fffafa; color: #b42318; }
-
 @media (max-width: 720px) {
   .partners-error { align-items: stretch; flex-direction: column; }
   .partners-error .el-button { min-height: 44px; }
@@ -568,6 +483,5 @@ onMounted(() => {
   .partner-detail { padding: 16px; }
   .detail-grid { grid-template-columns: minmax(0, 1fr); }
   .detail-grid .detail-span { grid-column: auto; }
-  .import-result-heading { align-items: stretch; flex-direction: column; }
 }
 </style>