123

src/router/index.js

@@ -6,6 +6,7 @@ import UserAdd from '../views/UserAdd.vue'
 import UserEdit from '../views/UserEdit.vue'
 import ImportSalesContractExcel from "../views/ImportSalesContractExcel.vue"
 import PsExe from "../views/psExe.vue";
+import kcQc from "../views/kcQcView.vue";
 
 const routes = [
   {
@@ -42,6 +43,11 @@ const routes = [
     path: '/psExe',
     name: 'psExe',
     component: PsExe
+  },
+  {
+    path: '/KC',
+    name: 'KC',
+    component: kcQc
   }
 ]
 

src/views/kcQcView.vue

@@ -0,0 +1,484 @@
+<template>
+    <div class="excel-import-simple">
+        <el-card class="import-card">
+            <template #header>
+                <div class="card-header">
+                    <span class="title">库存调整</span>
+                </div>
+            </template>
+
+            <!-- 表单部分 -->
+            <div class="stock-form">
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">合同号</label>
+                            <el-input 
+                                v-model="formData.contractNo" 
+                                placeholder="请输入合同号"
+                                clearable
+                                class="form-input"
+                            />
+                        </div>
+                    </el-col>
+                    
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">出入库类型</label>
+                            <el-select 
+                                v-model="formData.storageType" 
+                                placeholder="请选择出入库类型"
+                                clearable
+                                class="form-input"
+                            >
+                                <el-option label="入库" value="in" />
+                                <el-option label="出库" value="out" />
+                            </el-select>
+                        </div>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">物料编码</label>
+                            <el-input 
+                                v-model="formData.materialCode" 
+                                placeholder="请输入物料编码"
+                                clearable
+                                class="form-input"
+                            />
+                        </div>
+                    </el-col>
+                    
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">单位</label>
+                            <el-input 
+                                v-model="formData.unit" 
+                                placeholder="请输入单位（如：吨、件、千克等）"
+                                clearable
+                                class="form-input"
+                            />
+                        </div>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">数量</label>
+                            <el-input-number 
+                                v-model="formData.quantity" 
+                                :min="0"
+                                :precision="6"
+                                :step="0.000001"
+                                :controls="false"
+                                placeholder="请输入数量"
+                                class="form-input"
+                                @change="handleQuantityChange"
+                            />
+                        </div>
+                    </el-col>
+                    
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">我方信息</label>
+                            <el-select 
+                                v-model="formData.ourInfo" 
+                                placeholder="请选择我方信息"
+                                clearable
+                                filterable
+                                class="form-input"
+                            >
+                                <el-option 
+                                    v-for="item in ourInfoOptions" 
+                                    :key="item.value" 
+                                    :label="item.label" 
+                                    :value="item.value" 
+                                />
+                            </el-select>
+                        </div>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">仓库名称</label>
+                            <el-input 
+                                v-model="formData.warehouse" 
+                                placeholder="请输入仓库名称"
+                                clearable
+                                class="form-input"
+                            />
+                        </div>
+                    </el-col>
+                    
+                    <el-col :span="12">
+                        <div class="form-item">
+                            <label class="form-label">采购批次号</label>
+                            <el-input 
+                                v-model="formData.purchaseBatchNo" 
+                                placeholder="请输入关联采购的批次号"
+                                clearable
+                                class="form-input"
+                            />
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+
+            <!-- 导入按钮 -->
+            <div class="action-buttons">
+                <el-button
+                    type="primary"
+                    :loading="loading"
+                    @click="handleSubmit"
+                >
+                {{ loading ? '提交中...' : '提交表单' }}
+                </el-button>
+                <el-button @click="handleReset">重置</el-button>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+import axios from 'axios'
+
+// 表单数据
+const formData = reactive({
+    contractNo: '',
+    storageType: '',
+    materialCode: '',
+    unit: '',
+    quantity: 0,
+    ourInfo: '',
+    warehouse: '',
+    purchaseBatchNo: ''
+})
+
+// 使用提供的数据作为我方信息下拉选项
+const ourInfoOptions = ref([
+    { label: '山钢国贸（青岛）物流有限公司', value: 'YFWL-山钢国贸（青岛）物流有限公司' },
+    { label: '山东钢铁集团国际贸易有限公司', value: 'SGGM-山东钢铁集团国际贸易有限公司' },
+    { label: '山东钢铁集团日照国际贸易有限公司', value: 'RZGM-山东钢铁集团日照国际贸易有限公司' },
+    { label: '齐鲁钢铁有限公司', value: 'QILU-齐鲁钢铁有限公司' },
+    { label: '山东莱钢国际贸易有限公司', value: 'LSI-山东莱钢国际贸易有限公司' },
+    { label: '济钢集团国际贸易有限责任公司', value: 'JGGM-济钢集团国际贸易有限责任公司' },
+    { label: '埃尔顿发展有限公司', value: 'ELD-埃尔顿发展有限公司' }
+])
+
+const loading = ref(false)
+
+// 处理数量变化
+const handleQuantityChange = (value) => {
+    if (value === null || value === undefined) {
+        formData.quantity = 0
+    }
+}
+
+// 提交表单
+const handleSubmit = async () => {
+  try {    
+    loading.value = true
+    
+    // 准备请求数据 - 注意字段名可能需要根据后端要求调整
+    const requestData = {
+      contractNo: formData.contractNo,
+      storageType: formData.storageType,
+      materialCode: formData.materialCode,
+      unit: formData.unit,
+      quantity: formData.quantity,
+      ourInfo: formData.ourInfo,
+      warehouse: formData.warehouse,
+      purchaseBatchNo: formData.purchaseBatchNo
+    }
+    
+    console.log('提交的数据:', JSON.stringify(requestData, null, 2))
+    
+    // 调用后端API - 使用您提供的库存调整接口
+    const response = await axios.post(
+      'http://localhost:8080/api/KCqichu/import',
+      requestData,
+      {
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        timeout: 30000,
+        withCredentials: false
+      }
+    )
+    
+    console.log('API响应成功:', response.status)
+    console.log('响应数据:', response.data)
+    
+    // 处理响应数据
+    if (response.status === 200) {
+      const resultData = response.data
+      
+      // 根据后端返回的结构判断
+      if (resultData.code === 200 || resultData.success === true) {
+        ElMessage.success(resultData.message || '库存调整提交成功！')
+        
+        // 可选：提交成功后重置表单
+        handleReset()
+      } else {
+        ElMessage.error(resultData.message || '提交失败')
+        
+        // 如果有错误详情，可以在这里处理
+        if (resultData.errors && resultData.errors.length > 0) {
+          console.error('错误详情:', resultData.errors)
+        }
+      }
+    }
+    
+  } catch (error) {
+    console.error('提交失败:', error)
+    console.error('错误配置:', error.config)
+    
+    let errorMessage = '网络请求失败'
+    
+    if (error.response) {
+      // 服务器返回了错误状态码
+      const status = error.response.status
+      const errorData = error.response.data
+      
+      switch (status) {
+        case 400:
+          errorMessage = errorData.message || '请求参数错误'
+          break
+        case 401:
+          errorMessage = '未授权，请登录'
+          break
+        case 403:
+          errorMessage = '权限不足'
+          break
+        case 404:
+          errorMessage = '接口不存在'
+          break
+        case 500:
+          errorMessage = '服务器内部错误'
+          break
+        default:
+          errorMessage = errorData.message || `请求失败 (${status})`
+      }
+    } else if (error.code === 'ERR_NETWORK') {
+      errorMessage = '网络连接失败，请检查后端服务是否启动'
+    } else if (error.code === 'ECONNABORTED') {
+      errorMessage = '请求超时，请稍后重试'
+    }
+    
+    ElMessage.error(errorMessage)
+    
+  } finally {
+    loading.value = false
+  }
+}
+
+// 重置表单
+const handleReset = () => {
+    Object.assign(formData, {
+        contractNo: '',
+        storageType: '',
+        materialCode: '',
+        unit: '',
+        quantity: 0,
+        ourInfo: '',
+        warehouse: '',
+        purchaseBatchNo: ''
+    })
+}
+</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;
+}
+
+/* 表单样式 */
+.stock-form {
+  margin: 20px 0;
+  padding: 20px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
+}
+
+.form-item {
+  margin-bottom: 20px;
+}
+
+.form-label {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #606266;
+}
+
+.form-input {
+  width: 100%;
+}
+
+/* 调整 el-input-number 样式以支持更好的输入 */
+:deep(.el-input-number) {
+  width: 100%;
+}
+
+:deep(.el-input-number .el-input__wrapper) {
+  padding-right: 0;
+}
+
+/* 隐藏数字输入框的控件按钮 */
+:deep(.el-input-number.is-controls-right .el-input__wrapper) {
+  padding-right: 15px;
+}
+
+/* 调整 el-select 选项样式，使长文本正常显示 */
+:deep(.el-select-dropdown__item) {
+  white-space: normal;
+  word-break: break-all;
+  line-height: 1.5;
+  padding: 8px 20px;
+}
+
+/* 调整按钮样式 */
+.action-buttons {
+  text-align: center;
+  margin: 30px 0 20px;
+  padding-top: 20px;
+  border-top: 1px solid #eee;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+    .el-col {
+        width: 100%;
+        margin-bottom: 10px;
+    }
+    
+    .stock-form {
+        padding: 15px;
+    }
+}
+
+/* 保持原有样式不变 */
+.upload-area {
+  margin: 20px 0;
+}
+
+.result-area {
+  margin-top: 20px;
+}
+
+.success-result,
+.error-result {
+  margin-bottom: 20px;
+}
+
+.statistics {
+  margin-top: 15px;
+  padding: 15px;
+  background: #f0f9ff;
+  border-radius: 4px;
+  border: 1px solid #e1f3ff;
+}
+
+.error-list {
+  margin-top: 15px;
+  padding: 15px;
+  background: #fef0f0;
+  border-radius: 4px;
+  border: 1px solid #fde2e2;
+}
+
+.error-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.error-header h4 {
+  margin: 0;
+  color: #f56c6c;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.error-scroll {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.error-item {
+  display: flex;
+  align-items: flex-start;
+  padding: 8px 0;
+  border-bottom: 1px solid #fde2e2;
+  line-height: 1.4;
+}
+
+.error-item:last-child {
+  border-bottom: none;
+}
+
+.error-index {
+  color: #909399;
+  font-size: 12px;
+  margin-right: 8px;
+  flex-shrink: 0;
+  min-width: 20px;
+}
+
+.error-content {
+  font-size: 13px;
+  color: #f56c6c;
+  word-break: break-all;
+}
+
+.import-tips {
+  margin-top: 20px;
+}
+
+.tips-content {
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.tips-content p {
+  margin: 5px 0;
+}
+
+.tips-content ul {
+  margin: 5px 0;
+  padding-left: 20px;
+}
+
+.tips-content li {
+  margin: 2px 0;
+}
+</style>