From 7805a035c906903f659ec787cb24a0cff0537cf5 Mon Sep 17 00:00:00 2001
From: huangjinysf <huangjinysf@163.com>
Date: Thu, 18 Dec 2025 16:10:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=B2=E5=AE=8C=E6=88=90API=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E7=9A=84=E7=A7=91=E5=AD=A6=E7=AE=A1=E7=90=86=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

创建了API配置文件 ( src/config/api.js )：

集中管理API服务器基础地址
定义所有API端点，便于维护和扩展
使用命名常量避免硬编码
更新了主组件 ( index.vue )：

导入API配置文件
使用 API_CONFIG.BASE_URL 和 API_CONFIG.ENDPOINTS.PARETO_ANALYSIS 替换硬编码的URL
更新了帕累托分析组件 ( ParetoAnalysis.vue )：

导入API配置文件，为将来可能的API调用做好准备
这种方法的优点：

集中管理：所有API配置在一个地方，修改地址只需更改一处
易于维护：清晰的结构使代码更易理解和修改
类型安全：避免因拼写错误导致的API调用失败
环境适配：可以根据不同环境（开发、测试、生产）使用不同的配置
将来如果需要更改API地址，只需修改 src/config/api.js 文件中的 BASE_URL 即可，无需在代码中查找所有硬编码的地址。
---
 src/config/api.js                                     | 11 +++++++++++
 .../warehouse/WmsImportResult/ParetoAnalysis.vue      |  1 +
 src/views/warehouse/WmsImportResult/index.vue         |  3 ++-
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/config/api.js

diff --git a/src/config/api.js b/src/config/api.js
new file mode 100644
index 0000000..9b4323b
--- /dev/null
+++ b/src/config/api.js
@@ -0,0 +1,11 @@
+// API配置文件
+export const API_CONFIG = {
+  // API服务器基础地址
+  BASE_URL: 'http://192.168.110.38:8100',
+  
+  // API端点
+  ENDPOINTS: {
+    HELLO: '/api/hello',
+    PARETO_ANALYSIS: '/api/qc/pareto'
+  }
+}
\ No newline at end of file
diff --git a/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue b/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
index 62c2a4a..131e943 100644
--- a/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
+++ b/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
@@ -71,6 +71,7 @@
 
 <script setup>
 import { ref } from 'vue'
+import { API_CONFIG } from "@/config/api"
 
 const props = defineProps({
   selectedTimeRange: {
diff --git a/src/views/warehouse/WmsImportResult/index.vue b/src/views/warehouse/WmsImportResult/index.vue
index bb1a943..85440a1 100644
--- a/src/views/warehouse/WmsImportResult/index.vue
+++ b/src/views/warehouse/WmsImportResult/index.vue
@@ -104,6 +104,7 @@
 <script setup name="WmsImportResult">
 import { ref, reactive, toRefs, getCurrentInstance, shallowRef } from 'vue'
 import { listWmsImportResult, getWmsImportResult, delWmsImportResult, addWmsImportResult, updateWmsImportResult } from "@/api/warehouse/WmsImportResult"
+import { API_CONFIG } from "@/config/api"
 import ParetoAnalysis from './ParetoAnalysis.vue'
 import EmptyContent from './EmptyContent.vue'
 
@@ -187,7 +188,7 @@ function handlePareto() {
   
   console.log(startDateStr, endDateStr);
   // 调用质检API并显示结果
-  fetch(`http://192.168.110.38:8100/api/qc/pareto?start_date=${startDateStr}&end_date=${endDateStr}`)
+  fetch(`${API_CONFIG.BASE_URL}${API_CONFIG.ENDPOINTS.PARETO_ANALYSIS}?start_date=${startDateStr}&end_date=${endDateStr}`)
     .then(response => response.json())
     .then(data => {
       message.value = data.message || `质检数据获取成功 (${queryForm.value.selectedTimeRange})`