添加路由

src/views/psExe.vue

@@ -0,0 +1,290 @@
+<template>
+  <div class="excel-import-simple">
+    <el-card class="import-card">
+      <template #header>
+        <div class="card-header">
+          <span class="title">采、销执行表及库存业务Excel导入</span>
+        </div>
+      </template>
+
+      <!-- 文件上传区域 -->
+      <div class="upload-area">
+        <el-upload
+            ref="uploadRef"
+            class="upload-demo"
+            drag
+            action="#"
+            :auto-upload="false"
+            :on-change="handleFileChange"
+            :on-remove="handleFileRemove"
+            :file-list="fileList"
+            :limit="1"
+            accept=".xlsx,.xls"
+        >
+          <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+          <div class="el-upload__text">
+            将Excel文件拖到此处，或<em>点击上传</em>
+          </div>
+          <template #tip>
+            <div class="el-upload__tip">
+              只能上传 .xlsx 或 .xls 格式的Excel文件
+            </div>
+          </template>
+        </el-upload>
+      </div>
+
+      <!-- 导入按钮 -->
+      <div class="action-buttons">
+        <el-button
+            type="primary"
+            :loading="loading"
+            :disabled="!fileList.length"
+            @click="handleImport"
+        >
+          {{ loading ? '采销导入中...' : '开始导入采销执行表' }}
+        </el-button>
+        <el-button
+            type="primary"
+            :loading="stockLoading"
+            :disabled="!fileList.length"
+            @click="handleStockImport"
+            style="margin-left: 10px"
+        >
+          {{ stockLoading ? '库存导入中...' : '导入库存业务' }}
+        </el-button>
+        <el-button @click="handleReset">重置</el-button>
+      </div>
+
+      <!-- 错误信息显示 -->
+      <div v-if="errorMessage" class="error-message-area">
+        <el-alert
+            title="导入错误"
+            type="error"
+            :description="errorMessage"
+            show-icon
+            :closable="false"
+        />
+      </div>
+
+      <!-- 成功信息显示 -->
+      <div v-if="successMessage" class="success-message-area">
+        <el-alert
+            title="导入成功"
+            type="success"
+            :description="successMessage"
+            show-icon
+            :closable="false"
+        />
+      </div>
+
+      <!-- 导入说明 -->
+      <div class="import-tips">
+        <el-alert
+            title="导入说明"
+            type="info"
+            :closable="false"
+        >
+          <template #default>
+            <div class="tips-content">
+              <p>1. 请确保Excel文件包含所有需要的Sheet页，每个Sheet页对应一张表</p>
+              <p>2. 系统会自动处理合并字段，按照逗号分隔存储</p>
+              <p>3. 导入过程中如有错误，会在上方错误信息区域显示</p>
+            </div>
+          </template>
+        </el-alert>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import { UploadFilled } from '@element-plus/icons-vue'
+import { importPsExeExcel, importStockExcel } from '../api/contractApi'  // 新增导入库存的API
+
+// 响应式数据
+const uploadRef = ref()
+const fileList = ref([])
+const loading = ref(false)
+const stockLoading = ref(false)  // 库存导入的加载状态
+const errorMessage = ref('')
+const successMessage = ref('')
+
+// 处理文件选择
+const handleFileChange = (file) => {
+  const isExcel = file.name.endsWith('.xlsx') || file.name.endsWith('.xls')
+
+  if (!isExcel) {
+    ElMessage.error('只能上传Excel文件!')
+    uploadRef.value.handleRemove(file)
+    return false
+  }
+
+  const isLt50M = file.size / 1024 / 1024 < 50
+  if (!isLt50M) {
+    ElMessage.error('Excel文件大小不能超过50MB!')
+    uploadRef.value.handleRemove(file)
+    return false
+  }
+
+  fileList.value = [file]
+  errorMessage.value = ''
+  successMessage.value = ''
+}
+
+// 处理文件移除
+const handleFileRemove = () => {
+  fileList.value = []
+  errorMessage.value = ''
+  successMessage.value = ''
+}
+
+// 执行采销导入
+const handleImport = async () => {
+  if (!fileList.value.length) {
+    ElMessage.warning('请先选择Excel文件')
+    return
+  }
+
+  const file = fileList.value[0].raw
+  loading.value = true
+  errorMessage.value = ''
+  successMessage.value = ''
+
+  try {
+    console.log('开始上传采销文件:', file.name)
+
+    // 调用后端API
+    const response = await importPsExeExcel(file)
+
+    console.log('API响应成功:', response.status)
+    console.log('响应数据:', response.data)
+
+    // 处理响应数据
+    if (response.status === 200) {
+      const resultData = response.data
+
+      if (resultData.code === 200 || resultData.success === true) {
+        successMessage.value = resultData.message || '采销执行表导入成功'
+        ElMessage.success('采销执行表导入成功')
+      } else {
+        errorMessage.value = resultData.message || '采销执行表导入失败'
+        ElMessage.error('采销执行表导入失败')
+      }
+    }
+
+  } catch (error) {
+    console.error('详细错误信息:', error)
+    errorMessage.value = error.message || '网络请求失败'
+    ElMessage.error('采销执行表导入失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+// 新增：执行库存业务导入
+const handleStockImport = async () => {
+  if (!fileList.value.length) {
+    ElMessage.warning('请先选择Excel文件')
+    return
+  }
+
+  const file = fileList.value[0].raw
+  stockLoading.value = true
+  errorMessage.value = ''
+  successMessage.value = ''
+
+  try {
+    console.log('开始上传库存文件:', file.name)
+
+    // 调用库存导入API
+    const response = await importStockExcel(file)
+
+    console.log('库存API响应成功:', response.status)
+    console.log('响应数据:', response.data)
+
+    // 处理响应数据
+    if (response.status === 200) {
+      const resultData = response.data
+
+      if (resultData.code === 200 || resultData.success === true) {
+        successMessage.value = resultData.data || '库存业务导入成功'
+        ElMessage.success('库存业务导入成功')
+      } else {
+        errorMessage.value = resultData.data || '库存业务导入失败'
+        ElMessage.error('库存业务导入失败')
+      }
+    }
+
+  } catch (error) {
+    console.error('库存导入错误信息:', error)
+    errorMessage.value = error.message || '网络请求失败'
+    ElMessage.error('库存业务导入失败')
+  } finally {
+    stockLoading.value = false
+  }
+}
+
+// 重置
+const handleReset = () => {
+  fileList.value = []
+  errorMessage.value = ''
+  successMessage.value = ''
+  uploadRef.value?.clearFiles()
+}
+</script>
+
+<style scoped>
+/* 样式保持不变 */
+.excel-import-simple {
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+.import-card {
+  min-height: 500px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.upload-area {
+  margin: 20px 0;
+}
+
+.action-buttons {
+  text-align: center;
+  margin: 20px 0;
+}
+
+.error-message-area {
+  margin-top: 20px;
+}
+
+.success-message-area {
+  margin-top: 20px;
+}
+
+.import-tips {
+  margin-top: 20px;
+}
+
+.tips-content {
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.tips-content p {
+  margin: 5px 0;
+}
+</style>