添加汇总

src/config/api.js

@@ -9,6 +9,7 @@ export const API_CONFIG = {
     HELLO: '/api/hello',
     PARETO_ANALYSIS: '/api/qc/pareto',
     WORKBENCH_BADNESS: '/api/qc/badness/workbench',
-    EQUIPMENT_STATUS: '/api/plan/equipment/status/'
+    EQUIPMENT_STATUS: '/api/plan/equipment/status/',
+    REPAIR_SUMMARY: '/api/eq-repair/enamelling-repair-summary'
   }
 }

src/router/index.js

@@ -157,6 +157,19 @@ export const dynamicRoutes = [
         meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
       }
     ]
+  },
+  {
+    path: '/eq',
+    component: Layout,
+    permissions: ['equipment:repair:list'],
+    children: [
+      {
+        path: 'repair-summary',
+        component: () => import('@/views/eq/RepairSummary'),
+        name: 'RepairSummary',
+        meta: { title: '设备维修汇总', icon: 'guide' }
+      }
+    ]
   }
 ]
 

src/views/eq/RepairSummary.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          @click="handleSummary"
+          :loading="loading"
+          v-hasPermi="['warehouse:WmsImportResult:query']"
+        >获取维修汇总</el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      v-loading="loading"
+      :data="repairSummaryList"
+      element-loading-text="正在加载数据..."
+      border
+      stripe
+      style="width: 100%"
+    >
+      <el-table-column prop="equipment_code" label="设备编号" align="center" width="120" />
+      <el-table-column prop="equipment_name" label="设备名称" align="center" min-width="200" />
+      <el-table-column prop="record_count" label="维修次数" align="center" width="100" />
+      <el-table-column prop="first_apply_time" label="首次维修时间" align="center" min-width="180" />
+      <el-table-column prop="last_apply_time" label="最近维修时间" align="center" min-width="180" />
+      <el-table-column label="距离上次维修天数" align="center" width="150">
+        <template #default="scope">
+          <el-tag
+            :type="getDaysTagType(scope.row.days_since_last_repair)"
+            effect="dark"
+          >
+            {{ scope.row.days_since_last_repair }} 天
+          </el-tag>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue'
+import { API_CONFIG } from "@/config/api"
+
+// 接收父组件传递的props
+const props = defineProps({
+  selectedEquipmentType: {
+    type: String,
+    default: '漆包机'
+  }
+})
+
+const loading = ref(false)
+const repairSummaryList = ref([])
+
+// 监听设备类型变化
+watch(() => props.selectedEquipmentType, (newVal, oldVal) => {
+  console.log('设备类型从', oldVal, '变化为', newVal);
+  // 如果当前是维修汇总组件，则重新获取数据
+  if (newVal) {
+    handleSummary();
+  }
+});
+
+// 组件加载时自动获取数据
+onMounted(() => {
+  console.log('组件加载，设备类型:', props.selectedEquipmentType);
+  handleSummary();
+})
+
+// 根据天数获取标签类型
+const getDaysTagType = (days) => {
+  if (days > 300) return 'danger'
+  if (days > 180) return 'warning'
+  if (days > 90) return 'success'
+  return 'info'
+}
+
+// 获取维修汇总数据
+function handleSummary() {
+  console.log('设备类型:', props.selectedEquipmentType);
+  loading.value = true
+  fetch(`${API_CONFIG.BASE_URL}/api/eq-repair/enamelling-repair-summary?equipment_type=${props.selectedEquipmentType}`)
+    .then(response => response.json())
+    .then(data => {
+      if (data.code === 200 && data.data) {
+        repairSummaryList.value = data.data
+      }
+    })
+    .catch(error => {
+      console.error('维修汇总API调用失败:', error)
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+</style>

src/views/eq/index.vue

@@ -3,7 +3,7 @@
 
     <el-row :gutter="10" class="mb8">
 
-      <el-col :span="3">
+      <el-col :span="2.5">
         <el-form :model="queryForm" label-width="80px">
           <el-form-item label="数据范围">
             <el-select v-model="queryForm.selectedTimeRange" placeholder="选择时间范围" style="width: 100%">
@@ -18,6 +18,7 @@
         </el-form>
       </el-col>
 
+
       <el-col :span="1.5">
         <el-button
             type="primary"
@@ -26,6 +27,30 @@
             v-hasPermi="['warehouse:WmsImportResult:add']"
         >帕累托分析</el-button>
       </el-col>
+      <el-col :span="3.5">
+        <el-form :model="queryForm" label-width="80px">
+          <el-form-item label="机台机型">
+            <el-select v-model="queryForm.selectedEquipmentType" placeholder="选择设备类型" style="width: 100%">
+              <el-option
+                v-for="item in equipmentTypes"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </el-col>
+ 
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          @click="handleRepairSummary"
+          v-hasPermi="['equipment:repair:list']"
+        >维修汇总</el-button>
+      </el-col>
+      
 
       <el-col :span="1.5">
         <el-button
@@ -54,6 +79,7 @@
           v-hasPermi="['warehouse:WmsImportResult:export']"
         >产品特征分析</el-button>
       </el-col>
+
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -65,6 +91,7 @@
           :is="currentComponent"
           v-if="currentComponent"
           :selected-time-range="queryForm.selectedTimeRange"
+          :selected-equipment-type="queryForm.selectedEquipmentType"
           :pareto-data="paretoData"
           :date-range="dateRange"
           @ai-analysis-complete="handleAIAnalysisComplete"
@@ -95,6 +122,7 @@ import { API_CONFIG } from "@/config/api"
 import ParetoAnalysis from './ParetoAnalysis.vue'
 import ItemAnalysis from './ItemAnalysis.vue'
 import EmptyContent from './EmptyContent.vue'
+import RepairSummary from './RepairSummary.vue'
 
 const showSearch = ref(true)
 const single = ref(true)
@@ -105,8 +133,15 @@ const timeRangeOptions = ref([
   { value: "近2年", label: "近2年" },
   { value: "近3年", label: "近3年" }
 ])
+
+const equipmentTypes = ref([
+  { value: '漆包机', label: '漆包机' },
+  { value: '拉丝机', label: '拉丝机' }
+])
+
 const queryForm = ref({
-  selectedTimeRange: "近1年"
+  selectedTimeRange: "近1年",
+  selectedEquipmentType: "漆包机"
 })
 const paretoData = ref([])
 const dateRange = ref({
@@ -194,6 +229,14 @@ function handleItemAnalysis() {
   currentComponent.value = ItemAnalysis;
 }
 
+// 维修汇总按钮点击事件
+function handleRepairSummary() {
+  // 打印调试信息
+  console.log('切换到维修汇总组件，设备类型:', queryForm.value.selectedEquipmentType);
+  // 切换到维修汇总组件
+  currentComponent.value = RepairSummary;
+}
+
 </script>
 
 <style>

src/views/plan/index.vue

@@ -2,8 +2,6 @@
   <div class="app-container">
 
     <el-row :gutter="10" class="mb8">
-
-    
       <el-col :span="1.5">
         <el-button
           type="info"