feat(assistant): 优化组件显示逻辑和表格列名

1. 根据用户类型动态显示查获岗位分布和查获通道TOP5面板
2. 将表格列名从"科室"改为"主管"以更准确反映数据含义
3. 在qaAnalysis组件中处理新增的BRIGADE部门类型
4. 在dutyOrganization组件中增加用户资质能力展示和班组人员资质表格

src/views/assistant/components/dutyOrganization.vue

@@ -37,7 +37,7 @@
         <div class="dept-cards">
           <template v-if="attendanceData && attendanceData.length > 0">
             <div v-for="(item, index) in attendanceData.slice(0, 4)" :key="index" class="dept-card">
-              <div class="dept-name">{{ item.deptName || '未知科室' }}</div>
+              <div class="dept-name">{{ item.deptName || selectedDeptObject?.label }}</div>
               <div class="dept-count"><span>{{ item.currentValue || 0 }}</span>人次</div>
               <div class="dept-trend">
                 <div>
@@ -73,7 +73,7 @@
       </div>
 
       <!-- 右侧：资质等级分布 -->
-      <div class="right-panel panel-item">
+      <div class="right-panel panel-item" v-show="!isUserType">
         <div class="panel-header">
           <h3>资质等级分布</h3>
         </div>
@@ -96,7 +96,7 @@
           </div>
 
           <!-- 右侧：资质分布趋势 -->
-          <div class="qualification-right">
+          <div class="qualification-right" v-show="isStationType">
             <!-- 上方描述卡片 -->
             <div class="stat-card" v-if="qualificationPieDescriptionPart2">
               <div class="stat-content">
@@ -109,6 +109,30 @@
               <div ref="barChartRef" class="echarts-chart"></div>
             </div>
           </div>
+
+          <div class="qualification-right" style="justify-content: center;" v-show="isTeamsType">
+            <!-- 班组人员资质等级表格 -->
+            <div class="table-container">
+              <el-table :data="teamsQualificationData" size="small" height="250" border :scroll="{ x: 'max-content' }"
+                stripe>
+                <el-table-column prop="deptName" label="姓名" align="center" />
+                <el-table-column prop="qualificationLevel" label="等级" align="center" />
+              </el-table>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="right-panel-ability panel-item" v-show="isUserType">
+        <div class="panel-header">
+          <h3>资质能力</h3>
+        </div>
+
+        <!-- 统计卡片 -->
+        <div class="stat-card">
+          <div class="stat-content">资质等级：{{ user?.qualificationLevel || '未知' }}</div>
+          <div class="stat-content">可上岗岗位：{{user?.sysPostList && user?.sysPostList.map(item => item.postName).join('、')
+            || '未知'
+          }}</div>
         </div>
       </div>
     </div>
@@ -136,7 +160,8 @@ const props = defineProps({
     default: null
   }
 })
-
+const user = ref({})
+const teamsQualificationData = ref([])
 // 饼图容器引用
 const pieChartRef = ref(null)
 const barChartRef = ref(null)
@@ -156,7 +181,25 @@ const qualificationBarData = ref({})
 const selectedDeptType = computed(() => {
   return props.selectedDeptObject && props.selectedDeptObject?.deptType
 })
+// 计算属性：检查是否为STATION类型
+const isStationType = computed(() => {
+  console.log('selectedDeptType.value', selectedDeptType.value)
 
+  return selectedDeptType.value === 'STATION' || !selectedDeptType.value
+})
+const isDepartmentType = computed(() => {
+  return selectedDeptType.value === 'DEPARTMENT'
+})
+const isTeamsType = computed(() => {
+  return selectedDeptType.value === 'TEAMS'
+})
+const isUserType = computed(() => {
+  return selectedDeptType.value === 'USER'
+})
+// 计算属性：检查是否为非STATION类型
+const isNotUserType = computed(() => {
+  return !selectedDeptType.value !== 'USER'
+})
 // 计算属性：动态生成资质等级分布描述第一部分（句号前）
 const qualificationPieDescriptionPart1 = computed(() => {
   if (!qualificationPieData.value || !qualificationPieData.value.data || !Array.isArray(qualificationPieData.value.data)) {
@@ -287,18 +330,46 @@ const fetchDutyOrganizationData = async (queryParams) => {
     console.log('出勤人次趋势数据:', trendResponse)
     trendData.value = trendResponse || []
 
-    // 获取资质等级分布饼图数据
-    const pieResponse = await getQualificationPieChart({ ...processedParams, ...calculateParams })
-    console.log('资质等级分布饼图数据:', pieResponse)
-    qualificationPieData.value = pieResponse.data || []
+    // 获取资质等级分布饼图数据（如果部门类型不是STATION）
+    if (isNotUserType.value) {
+      const pieResponse = await getQualificationPieChart({ ...processedParams, ...calculateParams })
+      console.log('资质等级分布饼图数据:', pieResponse)
+      qualificationPieData.value = pieResponse.data || []
+    } else {
+      qualificationPieData.value = []
+    }
+
+    if (isStationType.value) {
+      //获取资质等级分布柱状图数据
+      const barResponse = await getQualificationBarChart({ ...processedParams, ...calculateParams })
+     
+      qualificationBarData.value = barResponse.data?.brigades || []
+
+    } else if (isTeamsType.value) {
 
-    // 获取资质等级分布柱状图数据
-    const barResponse = await getQualificationBarChart({ ...processedParams, ...calculateParams })
-    console.log('资质等级分布柱状图数据:', barResponse)
-    qualificationBarData.value = barResponse.data?.brigades || []
+      // 获取资质等级分布柱状图数据
+      const barResponse = await getQualificationBarChart({ ...processedParams, ...calculateParams })
+      console.log('资质等级分布柱状图数据:', barResponse.data?.brigades)
 
-    // 更新图表和统计信息
-    updateChartsWithData()
+      // 处理班组人员资质等级数据
+      if (barResponse.data?.brigades && Array.isArray(barResponse.data.brigades)) {
+        teamsQualificationData.value = barResponse.data.brigades
+      } else {
+        teamsQualificationData.value = []
+      }
+
+    } else if (isUserType.value) {
+      // 获取资质等级分布柱状图数据
+      const barResponse = await getQualificationBarChart({ ...processedParams, ...calculateParams })
+      console.log('资质等级分布柱状图数据:', barResponse.data.brigades)
+      user.value = barResponse?.data?.brigades[0]
+
+    }
+
+    setTimeout(() => {
+      // 更新图表和统计信息
+      updateChartsWithData()
+    }, 0);
 
   } catch (error) {
     console.error('获取勤务组织数据失败:', error)
@@ -791,10 +862,10 @@ onUnmounted(() => {
 }
 
 .section-title h2 {
-  font-size: 24px;
+  margin: 0;
+  font-size: 18px;
   font-weight: 600;
   color: #333;
-  margin: 0;
 }
 
 /* 横向布局内容区域 */
@@ -822,6 +893,15 @@ onUnmounted(() => {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
+.right-panel-ability {
+  flex: 1 1 30%;
+  min-width: 400px;
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
 .panel-header {
   margin-bottom: 20px;
   padding-bottom: 0;

src/views/assistant/components/qaAnalysis.vue

@@ -119,7 +119,7 @@ const processQueryParams = (queryParams) => {
   // 根据部门类型添加相应的参数
   const selectedDept = props.selectedDeptObject
   const { deptType = "", id } = selectedDept ? selectedDept : { deptType: "", id: "" }
-  processedParams.scopeType = deptType === 'STATION' ? 'STATION' : deptType == 'DEPARTMENT' ? 'DEPT' : deptType == 'TEAMS' ? 'TEAM' : deptType == 'USER' ? 'USER' : ''
+  processedParams.scopeType = deptType === 'STATION' ? 'STATION' : deptType == 'BRIGADE' ? 'BRIGADE' : deptType == 'DEPARTMENT' ? 'DEPT' : deptType == 'TEAMS' ? 'TEAM' : deptType == 'USER' ? 'USER' : ''
   processedParams.scopeId = id
   delete processedParams.deptId;
   delete processedParams.teamId;
@@ -218,7 +218,7 @@ const fetchCompletionTrendData = async () => {
     const processedParams = processQueryParams(props.queryForm)
     const response = await getCompletionTrend(processedParams);
     const { processedData, xAxisData } = processApiData(response);
-
+  
     let stationData = processedData.find(item => item.name === '全站')?.data || 0;
 
 
@@ -246,8 +246,8 @@ const fetchCompletionTrendData = async () => {
       }
     }
 
-    //计算同比
-    console.log('maxData', maxData)
+   
+
 
     // 安全获取数组元素，防止NaN
     const lastValue = stationData[stationData.length - 1] || 0;
@@ -296,24 +296,25 @@ const fetchCompletionTrendData = async () => {
     let descriptionText = '';
     let totalPerson = stationData[stationData.length - 1] || 0;
     if (maxData) {
+      
       // 有其他科室数据时显示科室信息
       if (props.queryForm.dateRangeQueryType === 'YEAR') {
-        const firstYearStr = isStationType.value ? `${selectedDeptName.value}共答题${totalPerson}人次，同比${tong}%，` : '';
-        const secondYearStr = isStationType.value ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${selectedDeptName.value}完成${maxDataLastValue}人次，同比${maxDataTong}%。`
+        const firstYearStr = isStationType.value ? `${maxData.name}共答题${totalPerson}人次，同比${tong}%，` : '';
+        const secondYearStr = isStationType.value ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${maxData.name}完成${maxDataLastValue}人次，同比${maxDataTong}%。`
         // 年查询：只显示同比，隐藏环比
         descriptionText = `${firstYearStr}${secondYearStr}`;
       } else {
-        const firstNotYearStr = isStationType.value ? `${selectedDeptName.value}共答题${totalPerson}人次，同比${tong}%，环比${huan}%，` : '';
-        const secondNotYearStr = isStationType.value ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${selectedDeptName.value}完成${maxDataLastValue}人次，同比${maxDataTong}%，环比${maxDataHuan}%。`
+        const firstNotYearStr = isStationType.value ? `${maxData.name}共答题${totalPerson}人次，同比${tong}%，环比${huan}%，` : '';
+        const secondNotYearStr = isStationType.value ? `${maxData.name}共答题${maxData.data[maxData.data.length - 1]}人次，占比最高为${maxDataPercent}%。` : `${maxData.name}完成${maxDataLastValue}人次，同比${maxDataTong}%，环比${maxDataHuan}%。`
         // 季度或月查询：显示同比和环比
         descriptionText = `${firstNotYearStr}${secondNotYearStr}`;
       }
     } else {
       // 只有全站数据时显示简化的描述
       if (props.queryForm.dateRangeQueryType === 'YEAR') {
-        descriptionText = `${selectedDeptName.value}共答题${totalPerson}人次，同比${tong}%。`;
+        descriptionText = `${maxData.name}共答题${totalPerson}人次，同比${tong}%。`;
       } else {
-        descriptionText = `${selectedDeptName.value}共答题${totalPerson}人次，同比${tong}%，环比${huan}%。`;
+        descriptionText = `${maxData.name}共答题${totalPerson}人次，同比${tong}%，环比${huan}%。`;
       }
     }
 
@@ -538,7 +539,7 @@ const fetchWrongAnalysisRadarData = async () => {
     const radarData = processRadarData(response);
     let max = calculateRadarMaxValue(radarData.series)
     // console.log('fetchWrongAnalysisRadarData', radarData);
-    // debugger
+
     const series = radarData.series.map(ele => {
       if (ele.data.every(item => item === 0)) {
         return ''
@@ -550,7 +551,7 @@ const fetchWrongAnalysisRadarData = async () => {
 
 
     // 设置描述卡片文本
-    departmentComparisonDescription.value = `${series}${series.length > 0 ? '，' : '暂无问题'}，可精准识别科室管理短板，分配质控资源。`
+    departmentComparisonDescription.value = `${series}${series.length > 0 ? '，' : '暂无问题'}，可精准识别主管管理短板，分配质控资源。`
 
     // 更新各科错题分布对比雷达图
     setDepartmentComparisonOption({

src/views/assistant/components/riskHazard.vue

@@ -98,7 +98,7 @@
         </div>
 
         <!-- 第五个：查获岗位分布 -->
-        <div class="panel-item">
+        <div class="panel-item" v-show="!isUserType">
           <div class="panel-header">
             <h3>查获岗位分布</h3>
           </div>
@@ -117,7 +117,7 @@
         </div>
 
         <!-- 第六个：查获通道TOP5 -->
-        <div class="panel-item">
+        <div class="panel-item" v-show="!isUserType">
           <div class="panel-header">
             <h3>查获通道TOP5</h3>
           </div>
@@ -155,7 +155,7 @@
           <!-- 表格 -->
           <div class="table-container">
             <el-table :data="policeTransferData" size="small" height="250" :scroll="{ x: 'max-content' }">
-              <el-table-column prop="departmentName" label="科室" min-width="120" />
+              <el-table-column prop="departmentName" label="主管" min-width="120" />
               <el-table-column prop="teamName" label="班组" min-width="120" />
               <el-table-column prop="userName" label="姓名" min-width="100" />
               <el-table-column prop="itemName" label="查获物品" min-width="150" />
@@ -183,7 +183,7 @@
           <!-- 表格 -->
           <div class="table-container">
             <el-table :data="xrayMissData" size="small" height="250" :scroll="{ x: 'max-content' }">
-              <el-table-column prop="departmentName" label="科室" min-width="120" />
+              <el-table-column prop="departmentName" label="主管" min-width="120" />
               <el-table-column prop="teamName" label="班组" min-width="120" />
               <el-table-column prop="userName" label="姓名" min-width="100" />
               <el-table-column prop="missItemName" label="漏检物品" min-width="150" />
@@ -210,7 +210,7 @@
           <!-- 表格 -->
           <div class="table-container">
             <el-table :data="abnormalCaptureData" size="small" height="250" :scroll="{ x: 'max-content' }">
-              <el-table-column prop="departmentName" label="科室" min-width="120" />
+              <el-table-column prop="departmentName" label="主管" min-width="120" />
               <el-table-column prop="teamName" label="班组" min-width="120" />
               <el-table-column prop="userName" label="姓名" min-width="100" />
               <el-table-column prop="seizureQuantity" label="查获数量" align="center" width="100" />