haiwei-ui 1.4.5 → 1.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haiwei-ui",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "HaiWei前端组件库",
   "author": "Eric",
   "license": "ISC",

package/packages/components/list/components/import/index copy.vue

@@ -0,0 +1,868 @@
+<template>
+  <component v-bind:is="`nm-${options.showMode || 'drawer'}`" header footer draggable :padding="10" :title="title"
+    :icon="icon" :width="width" :height="height" :visible.sync="visible_">
+    <div class="import-container">
+      <!-- 步骤指示器 -->
+      <el-steps :active="currentStep" align-center class="import-steps" simple>
+        <el-step title="选择文件" />
+        <el-step title="配置选项" />
+        <el-step title="数据映射" />
+        <el-step title="确认导入" />
+      </el-steps>
+
+      <!-- 步骤1：选择文件 -->
+      <div v-if="currentStep === 1" class="step-content">
+        <el-card shadow="never" class="step-card">
+          <div slot="header" class="step-header">
+            <div class="header-left">
+              <span class="step-title">选择Excel文件</span>
+              <span class="step-subtitle">支持 .xlsx 和 .xls 格式，最大10MB</span>
+            </div>
+            <div class="header-right">
+              <el-upload ref="upload" :action="uploadUrl" :headers="headers" :before-upload="beforeUpload"
+                :on-success="onUploadSuccess" :on-error="onUploadError" :on-remove="onFileRemove" :file-list="fileList"
+                :limit="1" accept=".xlsx,.xls" :show-file-list="false">
+                <nm-button type="primary" icon="upload" text="选择文件" />
+              </el-upload>
+            </div>
+          </div>
+
+          <div v-if="fileInfo" class="file-info">
+            <el-descriptions :column="2" border size="small">
+              <el-descriptions-item label="文件名">
+                <el-tag type="success" size="small">{{ fileInfo.fileName }}</el-tag>
+              </el-descriptions-item>
+              <el-descriptions-item label="文件大小">
+                <el-tag type="info" size="small">{{ formatFileSize(fileInfo.fileSize) }}</el-tag>
+              </el-descriptions-item>
+              <el-descriptions-item label="工作表数量">
+                <el-tag size="small">{{ fileInfo.sheets.length }}个</el-tag>
+              </el-descriptions-item>
+            </el-descriptions>
+
+            <div v-if="fileInfo.sheets && fileInfo.sheets.length > 0" class="sheet-select">
+              <el-form :model="model" label-width="120px" size="small">
+                <el-form-item label="选择工作表：">
+                  <el-select v-model="model.selectedSheet" placeholder="请选择要导入的工作表" style="width: 100%">
+                    <el-option v-for="sheet in fileInfo.sheets" :key="sheet.index" :label="sheet.name"
+                      :value="sheet.index">
+                      <span style="float: left">{{ sheet.name }}</span>
+                      <span style="float: right; color: #8492a6; font-size: 12px">
+                        {{ sheet.rowCount }}行 × {{ sheet.columnCount }}列
+                      </span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-form>
+            </div>
+          </div>
+
+          <div v-else class="upload-placeholder">
+            <div class="placeholder-content">
+              <i class="el-icon-document placeholder-icon"></i>
+              <div class="placeholder-text">请选择要导入的Excel文件</div>
+            </div>
+          </div>
+        </el-card>
+      </div>
+
+      <!-- 步骤2：配置选项 -->
+      <div v-if="currentStep === 2" class="step-content">
+        <el-card shadow="never" class="step-card">
+          <div slot="header" class="step-header">
+            <div class="header-left">
+              <span class="step-title">配置解析选项</span>
+            </div>
+          </div>
+
+          <el-form ref="optionsForm" :model="model" label-width="120px" size="small">
+            <el-form-item label="是否包含表头：">
+              <el-switch v-model="model.hasHeader" />
+            </el-form-item>
+
+            <el-form-item label="跳过空行：">
+              <el-switch v-model="model.skipEmptyRows" />
+            </el-form-item>
+
+            <el-form-item label="表头行行号：">
+              <el-input-number v-model="model.headerRowIndex" :min="0" :max="100" controls-position="right"
+                style="width: 100%" size="small" />
+            </el-form-item>
+
+            <el-form-item label="最大预览行数：">
+              <div style="display: flex; align-items: center; gap: 8px">
+                <el-input-number v-model="model.maxPreviewRows" :min="1" :max="50000" controls-position="right"
+                  style="flex: 1" size="small" />
+                <el-button type="primary" size="small" @click="model.maxPreviewRows = 50000" plain>
+                  选择全部
+                </el-button>
+              </div>
+              <div style="font-size: 12px; color: #909399; margin-top: 4px">
+                最大可预览50000行数据
+              </div>
+            </el-form-item>
+
+          </el-form>
+        </el-card>
+      </div>
+
+      <!-- 步骤3：数据映射 -->
+      <div v-if="currentStep === 3" class="step-content">
+        <el-card shadow="never" class="step-card">
+          <div slot="header" class="step-header">
+            <div class="header-left">
+              <span class="step-title">配置字段映射</span>
+            </div>
+          </div>
+
+          <div v-if="parseResult" class="mapping-container">
+            <div class="preview-section">
+              <el-alert :title="`已解析 ${parseResult.previewData.length} 行数据，${parseResult.columns.length} 列`" type="info"
+                show-icon :closable="false" class="preview-alert" />
+
+              <el-table :data="parseResult.previewData" border stripe size="mini" max-height="300" v-loading="parsing"
+                class="preview-table">
+                <el-table-column v-for="(col, index) in parseResult.columns" :key="index" :prop="col.name"
+                  :label="col.label" :width="col.width" show-overflow-tooltip />
+              </el-table>
+            </div>
+
+            <div class="mapping-section">
+              <el-table :data="columnMapping" border stripe size="mini" max-height="300" class="mapping-table">
+                <el-table-column prop="excelColumn" label="Excel列" width="150">
+                  <template v-slot="{ row }">
+                    <div class="excel-column">
+                      <div class="column-label">{{ row.excelColumn.label }}</div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="targetColumn" label="目标字段" width="180">
+                  <template v-slot="{ row }">
+                    <el-select v-model="row.targetColumn" placeholder="请选择目标字段" style="width: 100%" clearable filterable
+                      size="mini">
+                      <el-option label="不导入此列" :value="null"></el-option>
+                      <el-option v-for="col in targetColumns" :key="col.name" :label="col.label" :value="col.name" />
+                    </el-select>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="required" label="必填" width="60" align="center">
+                  <template v-slot="{ row }">
+                    <el-checkbox v-model="row.required" :disabled="!row.targetColumn" size="mini" />
+                  </template>
+                </el-table-column>
+                <el-table-column prop="deduplicate" label="去重" width="60" align="center">
+                  <template v-slot="{ row }">
+                    <el-checkbox v-model="row.deduplicate" :disabled="!row.targetColumn" size="mini" />
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+
+          </div>
+        </el-card>
+      </div>
+
+      <!-- 步骤4：确认导入 -->
+      <div v-if="currentStep === 4" class="step-content">
+        <el-card shadow="never" class="step-card">
+          <div slot="header" class="step-header">
+            <div class="header-left">
+              <span class="step-title">确认导入</span>
+            </div>
+          </div>
+
+          <div class="import-summary">
+            <el-alert :title="`准备导入 ${confirmImportTotalRows} 条数据（${model.deduplicate ? '已去重' : '未去重'}）`" type="warning"
+              show-icon :closable="false" />
+
+            <div class="mapping-summary">
+              <el-descriptions :column="2" border size="small">
+                <el-descriptions-item label="Excel文件">
+                  <el-tag type="success" size="small">{{ fileInfo.fileName }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="工作表">
+                  <el-tag size="small">{{ getSelectedSheetName() }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="有效数据行数">
+                  <el-tag type="info" size="small">{{ originalDataRows }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="确认导入总行数">
+                  <el-tag type="success" size="small">{{ confirmImportTotalRows }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="移除重复行数">
+                  <el-tag v-if="model.deduplicate && removedDuplicateRows > 0" type="warning" size="small">
+                    {{ removedDuplicateRows }}
+                  </el-tag>
+                  <el-tag v-else type="info" size="small">0</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="已配置映射">
+                  <el-tag type="success" size="small">{{ getMappedColumnsCount() }}列</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="数据去重">
+                  <el-tag :type="model.deduplicate ? 'success' : 'info'" size="small">
+                    {{ model.deduplicate ? '已启用' : '未启用' }}
+                  </el-tag>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+
+            <!-- 去重后的数据预览 -->
+            <div v-if="deduplicatedPreviewData.length > 0" class="confirm-preview-section">
+              <el-alert :title="`去重后数据预览（仅显示已配置映射的字段，共 ${confirmImportColumns.length} 列）`" type="info" show-icon
+                :closable="false" class="preview-alert" />
+
+              <el-table :data="deduplicatedPreviewData" border stripe size="mini" max-height="300"
+                class="preview-table">
+                <el-table-column v-for="(col, index) in confirmImportColumns" :key="index" :prop="col.name"
+                  :label="col.label" :width="col.width" show-overflow-tooltip />
+              </el-table>
+            </div>
+            <div v-else class="no-data-preview">
+              <el-alert title="没有可导入的数据，请检查字段映射配置" type="warning" show-icon :closable="false" />
+            </div>
+          </div>
+
+        </el-card>
+      </div>
+    </div>
+
+    <!--底部-->
+    <template v-slot:footer>
+      <!-- 步骤1：选择文件 -->
+      <template v-if="currentStep === 1">
+        <nm-button v-if="fileInfo" type="primary" @click="currentStep++" text="下一步" />
+        <nm-button type="info" @click="hide" text="取消" />
+      </template>
+
+      <!-- 步骤2：配置选项 -->
+      <template v-else-if="currentStep === 2">
+        <nm-button @click="currentStep--" text="返回上一步" />
+        <nm-button type="primary" :loading="parsing" @click="onParse" text="解析文件" />
+        <nm-button type="info" @click="hide" text="取消" />
+      </template>
+
+      <!-- 步骤3：数据映射 -->
+      <template v-else-if="currentStep === 3">
+        <nm-button @click="currentStep--" text="返回上一步" />
+        <nm-button type="primary" @click="currentStep++" text="下一步：确认导入" />
+        <nm-button type="info" @click="onParse" :loading="parsing" text="重新解析" />
+        <nm-button type="info" @click="hide" text="取消" />
+      </template>
+
+      <!-- 步骤4：确认导入 -->
+      <template v-else-if="currentStep === 4">
+        <nm-button @click="currentStep--" text="返回上一步" />
+        <nm-button type="success" :loading="importing" @click="onImport" text="开始导入" />
+        <nm-button type="info" @click="hide" text="取消" />
+      </template>
+    </template>
+  </component>
+</template>
+
+<script>
+import dialog from '../../../../mixins/components/dialog'
+import { mapState } from 'vuex'
+import token from '../../../../utils/token'
+
+export default {
+  mixins: [dialog],
+  data() {
+    return {
+      title: '数据导入',
+      icon: 'import',
+      width: '900px',
+      height: '650px',
+      currentStep: 1,
+      model: {
+        file: null,
+        selectedSheet: 0,
+        hasHeader: true,
+        skipEmptyRows: false,
+        headerRowIndex: 0,
+        maxPreviewRows: 100,
+        deduplicate: true
+      },
+      fileList: [],
+      fileInfo: null,
+      parseResult: null,
+      parsing: false,
+      importing: false,
+      columnMapping: [],
+      targetColumns: []
+    }
+  },
+  props: {
+    cols: Array,
+    options: Object,
+    action: Function
+  },
+  computed: {
+    ...mapState('app/user', { token: 'token' }),
+    uploadUrl() {
+      let baseURL = this.$http?.axios?.defaults?.baseURL || window.__HAIWEI_API_BASE_URL__ || '/api'
+
+      console.log('this.$http?.axios?.defaults?.baseURL', this.$http?.axios?.defaults?.baseURL);
+      console.log('window.__HAIWEI_API_BASE_URL__', window.__HAIWEI_API_BASE_URL__);
+      console.log('baseURL', baseURL);
+       console.log('this.$http?.axios?', this.$http?.axios);
+
+      if (!baseURL.endsWith('/')) {
+        baseURL += '/'
+      }
+      const path = 'admin/excel/getexcelinfo'.replace(/^\//, '')
+      return baseURL + path
+    },
+    headers() {
+      const t = token.get()
+      const accessToken = t && t.accessToken ? t.accessToken : ''
+      return {
+        'Authorization': `Bearer ${accessToken}`
+      }
+    },
+    // 去重后的数据（用于确认导入步骤显示）
+    deduplicatedPreviewData() {
+      if (!this.parseResult || !this.parseResult.previewData) {
+        return []
+      }
+
+      // 获取有效的列映射（有目标字段的映射）
+      const validMappings = this.columnMapping.filter(mapping => mapping.targetColumn)
+
+      if (validMappings.length === 0) {
+        return []
+      }
+
+      // 转换每一行数据，只包含已配置映射的字段
+      const allData = this.parseResult.previewData.map(row => {
+        const item = {}
+        validMappings.forEach(mapping => {
+          const excelColumnName = mapping.excelColumn.name
+          const targetColumn = mapping.targetColumn
+          item[targetColumn] = row[excelColumnName]
+        })
+        return item
+      })
+
+      // 如果启用了去重，进行去重处理
+      if (this.model.deduplicate) {
+        return this.deduplicateModels(allData)
+      }
+
+      return allData
+    },
+    // 原始数据行数（去重前的行数）
+    originalDataRows() {
+      if (!this.parseResult || !this.parseResult.previewData) {
+        return 0
+      }
+      
+      // 获取有效的列映射（有目标字段的映射）
+      const validMappings = this.columnMapping.filter(mapping => mapping.targetColumn)
+      
+      if (validMappings.length === 0) {
+        return 0
+      }
+      
+      // 只统计有有效映射的数据行
+      return this.parseResult.previewData.length
+    },
+    // 确认导入的总行数（去重后的行数）
+    confirmImportTotalRows() {
+      return this.deduplicatedPreviewData.length
+    },
+    // 移除的重复行数
+    removedDuplicateRows() {
+      if (!this.model.deduplicate) {
+        return 0
+      }
+      return Math.max(0, this.originalDataRows - this.confirmImportTotalRows)
+    },
+    // 确认导入的列（只显示已配置映射的字段）
+    confirmImportColumns() {
+      const validMappings = this.columnMapping.filter(mapping => mapping.targetColumn)
+      return validMappings.map(mapping => ({
+        name: mapping.targetColumn,
+        label: this.getTargetColumnLabel(mapping.targetColumn),
+        width: 120
+      }))
+    }
+  },
+  methods: {
+    init() {
+      this.currentStep = 1
+      this.fileList = []
+      this.fileInfo = null
+      this.parseResult = null
+      this.parsing = false
+      this.importing = false
+      this.columnMapping = []
+
+      this.initTargetColumns()
+
+      const { hasHeader = true, maxPreviewRows = 100, skipEmptyRows = false } = this.options
+      this.model.hasHeader = hasHeader
+      this.model.maxPreviewRows = maxPreviewRows
+      this.model.skipEmptyRows = skipEmptyRows
+    },
+
+    initTargetColumns() {
+      if (this.cols && this.cols.length > 0) {
+        this.targetColumns = this.cols
+          .filter(col => col.show && col.name)
+          .map(col => ({
+            name: col.name,
+            label: col.label || col.name,
+            type: col.type || 'string'
+          }))
+      } else {
+        this.targetColumns = []
+      }
+    },
+
+    beforeUpload(file) {
+      const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+        file.type === 'application/vnd.ms-excel'
+      const isLt10M = file.size / 1024 / 1024 < 10
+
+      if (!isExcel) {
+        this._error('只能上传Excel文件!')
+        return false
+      }
+      if (!isLt10M) {
+        this._error('文件大小不能超过10MB!')
+        return false
+      }
+
+      this.model.file = file
+      return true
+    },
+
+    onUploadSuccess(response, file, fileList) {
+      if (response && response.code === 1) {
+        this.fileInfo = response.data
+        this._success('文件上传成功，请选择工作表并配置解析选项')
+      } else {
+        this._error(response.msg || '文件上传失败')
+        this.$refs.upload.clearFiles()
+      }
+    },
+
+    onUploadError(err, file, fileList) {
+      this._error('文件上传失败')
+      this.$refs.upload.clearFiles()
+    },
+
+    onFileRemove(file, fileList) {
+      this.model.file = null
+      this.fileInfo = null
+      this.parseResult = null
+      this.columnMapping = []
+      this.currentStep = 1
+    },
+
+    onParse() {
+      if (!this.model.file) {
+        this._error('请先选择文件')
+        return
+      }
+
+      this.parsing = true
+      const formData = new FormData()
+      formData.append('file', this.model.file)
+
+      // 获取选中的工作表名称
+      const selectedSheet = this.fileInfo.sheets.find(sheet => sheet.index === this.model.selectedSheet)
+      const sheetName = selectedSheet ? selectedSheet.name : null
+
+      // 从token模块获取token
+      const t = token.get()
+      const accessToken = t && t.accessToken ? t.accessToken : ''
+
+      // 构建解析URL - 使用与uploadUrl相同的方式
+      let baseURL = this.$http?.axios?.defaults?.baseURL || window.__HAIWEI_API_BASE_URL__ || '/api'
+      if (!baseURL.endsWith('/')) {
+        baseURL += '/'
+      }
+      const path = 'admin/excel/parseexcel'.replace(/^\//, '')
+      const parseUrl = baseURL + path
+
+      // 添加查询参数
+      const queryParams = new URLSearchParams()
+      queryParams.append('hasHeader', this.model.hasHeader)
+      queryParams.append('skipEmptyRows', this.model.skipEmptyRows)
+      queryParams.append('headerRowIndex', this.model.headerRowIndex)
+      queryParams.append('maxPreviewRows', this.model.maxPreviewRows)
+      if (sheetName) {
+        queryParams.append('sheetName', sheetName)
+      }
+
+      const fullUrl = `${parseUrl}?${queryParams.toString()}`
+
+      // 使用fetch API发送请求，避免axios依赖问题
+      fetch(fullUrl, {
+        method: 'POST',
+        body: formData,
+        headers: {
+          'Authorization': `Bearer ${accessToken}`
+          // 注意：不要设置Content-Type，让浏览器自动设置multipart/form-data的boundary
+        }
+      })
+        .then(response => response.json())
+        .then(data => {
+          if (data && data.code === 1) {
+            this.fileInfo = data.data.basicInfo
+            this.parseResult = {
+              basicInfo: data.data.basicInfo,
+              columns: data.data.headers.map((header, index) => ({
+                name: `col${index}`,
+                label: header.name,
+                width: 120
+              })),
+              previewData: data.data.data.map(row => {
+                const obj = {}
+                data.data.headers.forEach((header, colIndex) => {
+                  obj[`col${colIndex}`] = row[colIndex]
+                })
+                return obj
+              })
+            }
+            this.initColumnMapping()
+            this.currentStep = 3
+            this._success('文件解析成功')
+          } else {
+            this._error(data.msg || '文件解析失败')
+          }
+        })
+        .catch(error => {
+          this._error('文件解析失败：' + (error.message || '未知错误'))
+        })
+        .finally(() => {
+          this.parsing = false
+        })
+    },
+
+    initColumnMapping() {
+      if (!this.parseResult || !this.parseResult.columns) return
+
+      this.columnMapping = this.parseResult.columns.map(col => ({
+        excelColumn: col,
+        targetColumn: this.findBestMatch(col),
+        required: false,
+        deduplicate: true  // 默认勾选去重
+      }))
+    },
+
+    findBestMatch(excelColumn) {
+      if (!this.targetColumns || this.targetColumns.length === 0) return null
+
+      const excelLabel = excelColumn.label.toLowerCase()
+
+      // 尝试完全匹配标签
+      let match = this.targetColumns.find(col => col.label.toLowerCase() === excelLabel)
+      if (match) return match.name
+
+      // 尝试包含匹配
+      match = this.targetColumns.find(col =>
+        excelLabel.includes(col.label.toLowerCase()) ||
+        col.label.toLowerCase().includes(excelLabel)
+      )
+      if (match) return match.name
+
+      return null
+    },
+
+    onImport() {
+      if (!this.parseResult) {
+        this._error('请先解析文件')
+        return
+      }
+
+      // 验证必填字段
+      const missingRequired = this.columnMapping
+        .filter(mapping => mapping.required && !mapping.targetColumn)
+        .map(mapping => mapping.excelColumn.label)
+
+      if (missingRequired.length > 0) {
+        this._error(`以下必填字段未配置映射：${missingRequired.join('、')}`)
+        return
+      }
+
+      this.importing = true
+
+      try {
+        // 根据列映射配置生成AddModel列表
+        const addModels = this.generateAddModels()
+
+        if (addModels.length === 0) {
+          this._error('没有可导入的数据')
+          this.importing = false
+          return
+        }
+
+        // 调用导入方法，传递AddModel列表
+        if (this.action && typeof this.action === 'function') {
+          this.action(addModels)
+            .then(() => {
+              this._success(`成功导入${addModels.length}条数据`)
+              this.hide()
+              this.$emit('import-success')
+            })
+            .catch(error => {
+              this._error('数据导入失败：' + (error.message || '未知错误'))
+            })
+            .finally(() => {
+              this.importing = false
+            })
+        } else {
+          this._error('未配置导入方法')
+          this.importing = false
+        }
+      } catch (error) {
+        this._error('数据转换失败：' + error.message)
+        this.importing = false
+      }
+    },
+
+    generateAddModels() {
+      if (!this.parseResult || !this.parseResult.previewData) {
+        return []
+      }
+
+      // 获取有效的列映射（有目标字段的映射）
+      const validMappings = this.columnMapping.filter(mapping => mapping.targetColumn)
+
+      // 转换每一行数据为AddModel
+      const allAddModels = this.parseResult.previewData.map(row => {
+        const addModel = {}
+
+        // 根据列映射配置设置字段值
+        validMappings.forEach(mapping => {
+          const excelColumnName = mapping.excelColumn.name
+          const targetColumn = mapping.targetColumn
+          addModel[targetColumn] = row[excelColumnName]
+        })
+
+        return addModel
+      })
+
+      // 如果启用了去重，进行去重处理
+      if (this.model.deduplicate && allAddModels.length > 0) {
+        return this.deduplicateModels(allAddModels)
+      }
+
+      return allAddModels
+    },
+
+    // 通用的去重方法，可用于数据和模型 - 按勾选了去重的字段进行组合去重
+    deduplicateModels(models) {
+      if (!models || models.length === 0) {
+        return []
+      }
+      
+      // 获取勾选了去重的目标字段
+      const deduplicateFields = this.columnMapping
+        .filter(mapping => mapping.targetColumn && mapping.deduplicate)
+        .map(mapping => mapping.targetColumn)
+      
+      // 如果没有勾选去重的字段，返回原始数据
+      if (deduplicateFields.length === 0) {
+        return models
+      }
+      
+      // 使用Map进行去重，保留第一次出现的数据
+      const uniqueMap = new Map()
+      const deduplicatedItems = []
+      
+      for (const item of models) {
+        // 生成组合键：将所有勾选了去重的字段的值拼接成一个字符串
+        const keyParts = []
+        let hasEmptyKey = false
+        
+        for (const field of deduplicateFields) {
+          const value = item[field]
+          // 如果任何一个去重字段为空，跳过该行的去重检查
+          if (value === null || value === undefined || value === '') {
+            hasEmptyKey = true
+            break
+          }
+          keyParts.push(`${field}:${value}`)
+        }
+        
+        // 如果有空的去重字段，直接添加到结果中（不参与去重）
+        if (hasEmptyKey) {
+          deduplicatedItems.push(item)
+          continue
+        }
+        
+        // 生成完整的组合键
+        const combinedKey = keyParts.join('|')
+        
+        // 如果还没有这个组合键，添加到Map和结果列表
+        if (!uniqueMap.has(combinedKey)) {
+          uniqueMap.set(combinedKey, true)
+          deduplicatedItems.push(item)
+        }
+      }
+      
+      // 记录去重统计
+      const originalCount = models.length
+      const deduplicatedCount = deduplicatedItems.length
+      const removedCount = originalCount - deduplicatedCount
+      
+      if (removedCount > 0) {
+        const fieldLabels = deduplicateFields.map(field => this.getTargetColumnLabel(field)).join('、')
+        this._success(`数据去重：原始 ${originalCount} 条，去重后 ${deduplicatedCount} 条，移除 ${removedCount} 条重复数据（按 ${fieldLabels} 字段组合去重）`)
+      }
+      
+      return deduplicatedItems
+    },
+
+    formatFileSize(bytes) {
+      if (bytes === 0) return '0 B'
+      const k = 1024
+      const sizes = ['B', 'KB', 'MB', 'GB']
+      const i = Math.floor(Math.log(bytes) / Math.log(k))
+      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+    },
+
+    getSelectedSheetName() {
+      if (!this.fileInfo || !this.fileInfo.sheets) return ''
+      const selectedSheet = this.fileInfo.sheets.find(sheet => sheet.index === this.model.selectedSheet)
+      return selectedSheet ? selectedSheet.name : ''
+    },
+
+    getMappedColumnsCount() {
+      if (!this.columnMapping) return 0
+      return this.columnMapping.filter(mapping => mapping.targetColumn).length
+    },
+
+    // 获取目标字段的标签
+    getTargetColumnLabel(columnName) {
+      if (!columnName) return ''
+      const targetCol = this.targetColumns.find(col => col.name === columnName)
+      return targetCol ? targetCol.label : columnName
+    },
+
+  },
+  created() {
+    this.init()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.import-container {
+  .import-steps {
+    margin-bottom: 20px;
+  }
+
+  .step-content {
+    .step-card {
+      border: 1px solid var(--el-border-color-light);
+      border-radius: var(--el-border-radius-base);
+      
+      ::v-deep .el-card__header {
+        padding: 0;
+      }
+      
+      .step-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px 16px;
+        border-bottom: 1px solid var(--el-border-color-light);
+        background-color: var(--el-fill-color-light);
+        
+        .header-left {
+          display: flex;
+          flex-direction: column;
+          
+          .step-title {
+            font-size: var(--el-font-size-medium);
+            font-weight: var(--el-font-weight-primary);
+            color: var(--el-text-color-primary);
+            margin-bottom: 4px;
+          }
+          
+          .step-subtitle {
+            font-size: var(--el-font-size-extra-small);
+            color: var(--el-text-color-placeholder);
+          }
+        }
+        
+        .header-right {
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+  }
+
+  .upload-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 40px 16px;
+    text-align: center;
+
+    .placeholder-content {
+      .placeholder-icon {
+        font-size: 36px;
+        color: var(--el-text-color-placeholder);
+        margin-bottom: 16px;
+      }
+
+      .placeholder-text {
+        font-size: var(--el-font-size-medium);
+        color: var(--el-text-color-regular);
+        margin-bottom: 8px;
+        font-weight: var(--el-font-weight-primary);
+      }
+    }
+  }
+
+  .file-info {
+    margin-top: var(--el-margin);
+    padding: var(--el-padding);
+    background-color: var(--el-fill-color-lighter);
+    border-radius: var(--el-border-radius-base);
+
+    .sheet-select {
+      margin-top: 24px;
+    }
+  }
+
+  .mapping-container {
+    .preview-section {
+      margin-bottom: 24px;
+    }
+
+    .mapping-section {
+      .mapping-table {
+        .excel-column {
+          .column-label {
+            font-weight: var(--el-font-weight-primary);
+          }
+        }
+      }
+    }
+  }
+
+  .import-summary {
+    margin: var(--el-margin) 0;
+
+    .mapping-summary {
+      margin: var(--el-margin) 0;
+    }
+
+    .confirm-preview-section {
+      margin-top: 24px;
+    }
+
+    .no-data-preview {
+      margin-top: var(--el-margin);
+    }
+  }
+}
+</style>

package/packages/components/list/components/import/index.vue

@@ -299,11 +299,7 @@ export default {
   computed: {
     ...mapState('app/user', { token: 'token' }),
     uploadUrl() {
-      let baseURL = this.$http?.axios?.defaults?.baseURL || window.__HAIWEI_API_BASE_URL__ || '/api'
-
-      console.log('this.$http?.axios?.defaults?.baseURL', this.$http?.axios?.defaults?.baseURL);
-      console.log('window.__HAIWEI_API_BASE_URL__', window.__HAIWEI_API_BASE_URL__);
-      console.log('baseURL', baseURL);
+      let baseURL = window.__HAIWEI_API_BASE_URL__ || this.$http?.axios?.defaults?.baseURL || '/api'
 
       if (!baseURL.endsWith('/')) {
         baseURL += '/'
@@ -478,7 +474,7 @@ export default {
       const accessToken = t && t.accessToken ? t.accessToken : ''
 
       // 构建解析URL - 使用与uploadUrl相同的方式
-      let baseURL = this.$http?.axios?.defaults?.baseURL || window.__HAIWEI_API_BASE_URL__ || '/api'
+      let baseURL = window.__HAIWEI_API_BASE_URL__ || this.$http?.axios?.defaults?.baseURL || '/api'
       if (!baseURL.endsWith('/')) {
         baseURL += '/'
       }

package/src/main.js

@@ -24,7 +24,11 @@ getUI().then(config => {
   const t = setInterval(() => {
     if (window.loadProgress > 98) {
       clearInterval(t)
-      Skins.configApi({ baseUrl: '' })
+      // 设置全局API基础URL，供导入/导出等组件使用
+      if (typeof window !== 'undefined') {
+        window.__HAIWEI_API_BASE_URL__ = config.api.baseUrl
+      }
+      Skins.configApi({ baseUrl: config.api.baseUrl })
       Skins.use({ config, modules, actions })
     }
   }, 20)