From b81fe7b641a910b077aef95b99c88176150ef176 Mon Sep 17 00:00:00 2001
From: huangjinysf <huangjinysf@163.com>
Date: Fri, 19 Dec 2025 09:25:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=B2=E5=AE=8C=E6=88=90=E4=BB=A5=E4=B8=8B?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

创建了 ItemAnalysis.vue 组件：

包含一个下拉选择框，列出了所有项目名称
实现了项目分析功能，可以针对选中的项目进行详细分析
使用AI模型对选中的项目进行专业分析
提供了分析结果的展示区域
修改了主组件 index.vue：

导入了 ItemAnalysis 组件
添加了 handleItemAnalysis 函数，点击"项目分析"按钮时切换到 ItemAnalysis 组件
修改了"修改"按钮为"项目分析"按钮，并绑定到 handleItemAnalysis 函数
现在系统有两个分析功能：

帕累托分析：显示所有项目的整体分析，并提供AI分析功能
项目分析：允许用户选择特定项目，并对该项目进行深入分析
用户可以通过点击不同的按钮在这两个分析界面之间切换，实现了功能的模块化和动态内容替换。
---
 src/config/ai.js                              |  19 ++
 .../WmsImportResult/ItemAnalysis.vue          | 188 ++++++++++++++++++
 .../WmsImportResult/ParetoAnalysis.vue        |  40 ++--
 src/views/warehouse/WmsImportResult/index.vue |  13 +-
 4 files changed, 238 insertions(+), 22 deletions(-)
 create mode 100644 src/config/ai.js
 create mode 100644 src/views/warehouse/WmsImportResult/ItemAnalysis.vue

diff --git a/src/config/ai.js b/src/config/ai.js
new file mode 100644
index 0000000..3e30ff9
--- /dev/null
+++ b/src/config/ai.js
@@ -0,0 +1,19 @@
+// AI模型配置文件
+export const AI_CONFIG = {
+  // AI模型配置
+  DEEPSEEK: {
+    BASE_URL: 'https://api.deepseek.com/v1',
+    MODEL: 'deepseek-chat',
+    API_KEY: 'sk-4fa66e674e57479d961e4ad2036cbc52'
+  },
+  
+  // 其他AI模型配置示例（可扩展）
+  OPENAI: {
+    BASE_URL: 'https://api.openai.com/v1',
+    MODEL: 'gpt-3.5-turbo',
+    API_KEY: '' // 需要配置
+  }
+}
+
+// 当前使用的AI模型
+export const CURRENT_AI_MODEL = 'DEEPSEEK'
\ No newline at end of file
diff --git a/src/views/warehouse/WmsImportResult/ItemAnalysis.vue b/src/views/warehouse/WmsImportResult/ItemAnalysis.vue
new file mode 100644
index 0000000..241b56e
--- /dev/null
+++ b/src/views/warehouse/WmsImportResult/ItemAnalysis.vue
@@ -0,0 +1,188 @@
+<template>
+  <div class="item-analysis-container">
+    <div class="item-select-section">
+      <el-form :model="analysisForm" label-width="100px">
+        <el-form-item label="项目名称">
+          <el-select 
+            v-model="analysisForm.selectedItem" 
+            placeholder="请选择要分析的项目" 
+            style="width: 300px"
+            clearable
+          >
+            <el-option
+              v-for="item in itemList"
+              :key="item"
+              :label="item"
+              :value="item"
+            />
+          </el-select>
+          <el-button 
+            type="primary" 
+            style="margin-left: 10px"
+            :disabled="!analysisForm.selectedItem"
+            @click="handleAnalyzeItem"
+          >
+            分析
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 分析结果显示区域 -->
+    <div v-if="analysisResult" class="analysis-result">
+      <h3>{{ analysisForm.selectedItem }} - 分析结果</h3>
+      <el-input
+        v-model="analysisResult"
+        type="textarea"
+        :rows="10"
+        readonly
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { AI_CONFIG, CURRENT_AI_MODEL } from "@/config/ai"
+
+const props = defineProps({
+  paretoData: {
+    type: Array,
+    default: () => []
+  },
+  dateRange: {
+    type: Object,
+    default: () => ({
+      start_date: '',
+      end_date: ''
+    })
+  }
+})
+
+const emit = defineEmits(['ai-analysis-complete'])
+
+// 分析表单数据
+const analysisForm = reactive({
+  selectedItem: ''
+})
+
+// 分析结果
+const analysisResult = ref('')
+
+// 项目名称列表
+const itemList = ref([
+  '漆膜厚度',
+  '击穿电压2(kv)',
+  '击穿电压5(kv)',
+  '击穿电压4(kv)',
+  '击穿电压3(kv)',
+  '回弹角(°)1',
+  '回弹角(°)2',
+  '击穿电压1(kv)',
+  '漆膜连续性(个)',
+  '最大外径',
+  '伸长率(%)1',
+  '导体f值',
+  '电阻值',
+  '预置伸长率',
+  '伸长率(%)2',
+  '平均单刮(N)',
+  '单向刮漆min(N)'
+])
+
+// 项目分析功能
+async function handleAnalyzeItem() {
+  if (!analysisForm.selectedItem) {
+    emit('ai-analysis-complete', '请先选择要分析的项目')
+    return
+  }
+
+  // 在帕累托数据中查找选中项目的数据
+  const selectedItemData = props.paretoData.find(item => item.item_name === analysisForm.selectedItem)
+  
+  // 准备分析提示词
+  const prompt = `请对以下质检项目进行详细分析：
+
+项目名称: ${analysisForm.selectedItem}
+数据范围: ${props.dateRange.start_date} 至 ${props.dateRange.end_date}
+
+该项目相关数据:
+${selectedItemData ? 
+  `- 缺陷数量: ${selectedItemData.defect_count}\n- 缺陷占比: ${selectedItemData.defect_percentage}%\n- 累计占比: ${selectedItemData.cumulative_percentage}%` : 
+  '该项目在当前帕累托分析数据中不存在'}
+
+请从以下角度进行分析：
+1. 该项目缺陷对整体质量的影响
+2. 产生缺陷的可能原因分析
+3. 针对该项目的改进建议
+4. 该项目与其他项目的关联性分析`
+
+  try {
+    // 获取当前AI模型配置
+    const currentAIConfig = AI_CONFIG[CURRENT_AI_MODEL]
+    
+    // 调用AI模型API进行分析
+    const response = await fetch(`${currentAIConfig.BASE_URL}/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${currentAIConfig.API_KEY}`
+      },
+      body: JSON.stringify({
+        model: currentAIConfig.MODEL,
+        messages: [
+          {
+            role: 'system',
+            content: '你是一位专业的质量控制专家，擅长分析具体质检项目并提供针对性的改进建议。'
+          },
+          {
+            role: 'user',
+            content: prompt
+          }
+        ],
+        temperature: 0.3,
+        max_tokens: 1500
+      })
+    })
+
+    if (!response.ok) {
+      throw new Error(`API调用失败: ${response.status}`)
+    }
+
+    const data = await response.json()
+    const result = data.choices[0].message.content
+    analysisResult.value = result
+    // 发送分析结果完成事件
+    emit('ai-analysis-complete', result)
+  } catch (error) {
+    console.error('项目分析失败:', error)
+    const errorMessage = `项目分析失败: ${error.message}\n\n请检查网络连接或稍后再试。`
+    analysisResult.value = errorMessage
+    // 发送分析结果失败事件
+    emit('ai-analysis-complete', errorMessage)
+  }
+}
+</script>
+
+<style scoped>
+.item-analysis-container {
+  width: 100%;
+  padding: 20px;
+}
+
+.item-select-section {
+  margin-bottom: 20px;
+  padding: 15px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+
+.analysis-result {
+  margin-top: 20px;
+}
+
+.analysis-result h3 {
+  margin-bottom: 15px;
+  color: #409eff;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue b/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
index 131e943..d3d60ed 100644
--- a/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
+++ b/src/views/warehouse/WmsImportResult/ParetoAnalysis.vue
@@ -72,6 +72,7 @@
 <script setup>
 import { ref } from 'vue'
 import { API_CONFIG } from "@/config/api"
+import { AI_CONFIG, CURRENT_AI_MODEL } from "@/config/ai"
 
 const props = defineProps({
   selectedTimeRange: {
@@ -91,7 +92,7 @@ const props = defineProps({
   },
   apiKey: {
     type: String,
-    default: 'sk-4fa66e674e57479d961e4ad2036cbc52'
+    default: AI_CONFIG[CURRENT_AI_MODEL].API_KEY
   }
 })
 
@@ -125,29 +126,32 @@ async function handleAIAnalysis() {
     // 准备分析提示词
     const prompt = `请分析以下帕累托分析数据，提供专业的质量控制见解：
 
-数据范围: ${props.dateRange.start_date} 至 ${props.dateRange.end_date}
-检测项目总数: ${props.paretoData.length}
+  数据范围: ${props.dateRange.start_date} 至 ${props.dateRange.end_date}
+  检测项目总数: ${props.paretoData.length}
 
-详细数据:
-${props.paretoData.map(item => 
-  `- ${item.item_name}: 缺陷数 ${item.defect_count}, 缺陷占比 ${item.defect_percentage}%, 累计占比 ${item.cumulative_percentage}%`
-).join('\n')}
+  详细数据:
+  ${props.paretoData.map(item => 
+    `- ${item.item_name}: 缺陷数 ${item.defect_count}, 缺陷占比 ${item.defect_percentage}%, 累计占比 ${item.cumulative_percentage}%`
+  ).join('\n')}
 
-请从以下角度进行分析：
-1. 主要缺陷项及其影响程度
-2. 帕累托原理(80/20法则)在此数据中的体现
-3. 针对高缺陷率项的改进建议
-4. 质量控制重点优化方向`
+  请从以下角度进行分析：
+  1. 主要缺陷项及其影响程度
+  2. 帕累托原理(80/20法则)在此数据中的体现
+  3. 针对高缺陷率项的改进建议
+  4. 质量控制重点优化方向`
 
-    // 调用DeepSeek API进行分析
-    const response = await fetch('https://api.deepseek.com/v1/chat/completions', {
+    // 获取当前AI模型配置
+    const currentAIConfig = AI_CONFIG[CURRENT_AI_MODEL]
+    
+    // 调用AI模型API进行分析
+    const response = await fetch(`${currentAIConfig.BASE_URL}/chat/completions`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': `Bearer ${props.apiKey}`
+        'Authorization': `Bearer ${currentAIConfig.API_KEY}`
       },
       body: JSON.stringify({
-        model: 'deepseek-chat',
+        model: currentAIConfig.MODEL,
         messages: [
           {
             role: 'system',
@@ -158,8 +162,8 @@ ${props.paretoData.map(item =>
             content: prompt
           }
         ],
-        temperature: 0.7,
-        max_tokens: 1500
+        temperature: 0.1,
+        max_tokens: 2000
       })
     })
 
diff --git a/src/views/warehouse/WmsImportResult/index.vue b/src/views/warehouse/WmsImportResult/index.vue
index 88e1c24..b0bce42 100644
--- a/src/views/warehouse/WmsImportResult/index.vue
+++ b/src/views/warehouse/WmsImportResult/index.vue
@@ -41,7 +41,7 @@
           type="success"
           plain
           icon="Edit"
-          @click="handleUpdate"
+          @click="handleItemAnalysis"
           v-hasPermi="['warehouse:WmsImportResult:edit']"
         >项目分析</el-button>
       </el-col>
@@ -50,7 +50,6 @@
         <el-button
           type="danger"
           plain
-          icon="Delete"
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['warehouse:WmsImportResult:remove']"
@@ -60,10 +59,9 @@
         <el-button
           type="warning"
           plain
-          icon="Download"
           @click="handleExport"
           v-hasPermi="['warehouse:WmsImportResult:export']"
-        >导出</el-button>
+        >产品特征分析</el-button>
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -104,6 +102,7 @@
 import { ref, reactive, shallowRef } from 'vue'
 import { API_CONFIG } from "@/config/api"
 import ParetoAnalysis from './ParetoAnalysis.vue'
+import ItemAnalysis from './ItemAnalysis.vue'
 import EmptyContent from './EmptyContent.vue'
 
 const showSearch = ref(true)
@@ -198,6 +197,12 @@ function handleAIAnalysisComplete(result) {
 }
 
 
+// 项目分析按钮点击事件
+function handleItemAnalysis() {
+  // 切换到项目分析组件
+  currentComponent.value = ItemAnalysis;
+}
+
 </script>
 
 <style>