feat(绩效分析): 添加大队分析面板并重构布局为双列显示

- 新增大队分析面板，包含折线图和明细表格
- 重构原有科室分析面板布局，改为与大队面板并排显示
- 添加大队相关数据请求、处理和展示逻辑
- 更新图表销毁逻辑以包含大队图表

src/views/assistant/components/performanceAnalysis.vue

@@ -63,26 +63,52 @@
 
     <!-- 绩效分析内容区域 -->
     <div class="analysis-content">
-      <!-- 科室分析 - 单行面板 -->
-      <div class="panel-item full-width" :class="{ 'loading-overlay': departmentLoading }">
-        <div class="panel-header">
-          <h3>科室</h3>
-        </div>
-        <!-- 折线图 -->
-        <div class="chart-container">
-          <div ref="departmentChartRef" class="echarts-chart"></div>
-        </div>
-        <div class="panel-header">
-          <h3>明细</h3>
-          <span>得分（环比）</span>
+      <!-- 大队和科室分析 - 双列面板 -->
+      <div class="two-panel-layout">
+        <!-- 大队分析 -->
+        <div class="panel-item" :class="{ 'loading-overlay': brigadeLoading }">
+          <div class="panel-header">
+            <h3>大队</h3>
+          </div>
+          <!-- 折线图 -->
+          <div class="chart-container">
+            <div ref="brigadeChartRef" class="echarts-chart"></div>
+          </div>
+          <div class="panel-header">
+            <h3>明细</h3>
+            <span>得分（环比）</span>
+          </div>
+          <!-- 明细表格 -->
+          <div class="table-container">
+            <el-table :data="brigadeTableData" style="width: 100%" size="small">
+              <el-table-column prop="time" label="" width="150" />
+              <el-table-column v-for="column in brigadeTableColumn" :key="column.column" :prop="column.column"
+                :label="column.name" />
+            </el-table>
+          </div>
         </div>
-        <!-- 明细表格 -->
-        <div class="table-container">
-          <el-table :data="departmentTableData" style="width: 100%" size="small">
-            <el-table-column prop="time" label="" width="150" />
-            <el-table-column v-for="column in departmentTableColumn" :key="column.column" :prop="column.column"
-              :label="column.name" />
-          </el-table>
+
+        <!-- 科室分析 -->
+        <div class="panel-item" :class="{ 'loading-overlay': departmentLoading }">
+          <div class="panel-header">
+            <h3>科室</h3>
+          </div>
+          <!-- 折线图 -->
+          <div class="chart-container">
+            <div ref="departmentChartRef" class="echarts-chart"></div>
+          </div>
+          <div class="panel-header">
+            <h3>明细</h3>
+            <span>得分（环比）</span>
+          </div>
+          <!-- 明细表格 -->
+          <div class="table-container">
+            <el-table :data="departmentTableData" style="width: 100%" size="small">
+              <el-table-column prop="time" label="" width="150" />
+              <el-table-column v-for="column in departmentTableColumn" :key="column.column" :prop="column.column"
+                :label="column.name" />
+            </el-table>
+          </div>
         </div>
       </div>
 
@@ -212,12 +238,15 @@ const personalSortOrder = ref('desc') // desc: 倒序, asc: 正序
 
 // 加载状态
 const loading = ref(false)
+const brigadeLoading = ref(false)
 const departmentLoading = ref(false)
 const teamLoading = ref(false)
 const personalLoading = ref(false)
 
 // 真实数据
 const realData = ref({
+  brigade: [],
+  brigadeList: [],
   team: [],
   teamList: [],
   personal: [],
@@ -322,11 +351,13 @@ const personalTabOptions = [
 ]
 
 // 图表容器引用
+const brigadeChartRef = ref(null)
 const departmentChartRef = ref(null)
 const teamChartRef = ref(null)
 const personalChartRef = ref(null)
 
 // 图表实例
+const { setOption: setBrigadeOption, dispose: disposeBrigade } = useEcharts(brigadeChartRef)
 const { setOption: setDepartmentOption, dispose: disposeDepartment } = useEcharts(departmentChartRef)
 const { setOption: setteamListOption, dispose: disposeTeam } = useEcharts(teamChartRef)
 const { setOption: setPersonalOption, dispose: disposePersonal } = useEcharts(personalChartRef)
@@ -340,6 +371,10 @@ watch([() => queryForm.value.dateRangeType, () => queryForm.value.startMonth, ()
 })
 
 // 表格数据
+const brigadeTableData = ref([
+
+])
+
 const departmentTableData = ref([
 
 ])
@@ -352,6 +387,35 @@ const personalTableData = ref([
 
 ])
 
+// 大队图表配置
+const brigadeChartOptions = {
+  tooltip: {
+    trigger: 'axis'
+  },
+  legend: {
+    show: true,
+    icon: 'rect',
+  },
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '3%',
+    containLabel: true
+  },
+  xAxis: {
+    type: 'category',
+    boundaryGap: false,
+    data: []
+  },
+  yAxis: {
+    type: 'value',
+    name: '得分'
+  },
+  series: [
+
+  ]
+}
+
 // 科室图表配置
 const departmentChartOptions = {
   tooltip: {
@@ -651,9 +715,82 @@ const buildPersonalApiParams = () => {
   return params
 }
 
+// 构建大队API参数 (dimension = 4，没有dimensionType参数)
+const buildBrigadeApiParams = () => {
+  const params = {
+    resultField: performanceDimensionMap[queryForm.value.performanceDimension],
+    sortOrder: 1
+  }
+
+  // 处理时间范围
+  if (queryForm.value.dateRangeType === 'CUSTOM' && queryForm.value.startMonth && queryForm.value.endMonth) {
+    // 处理自定义月份范围选择
+    const startDate = new Date(queryForm.value.startMonth)
+    const endDate = new Date(queryForm.value.endMonth)
+
+    // 开始月的第一天
+    const startTime = new Date(startDate.getFullYear(), startDate.getMonth(), 1)
+    // 结束月的最后一天
+    const endTime = new Date(endDate.getFullYear(), endDate.getMonth() + 1, 0)
+
+    params.startTime = formatDate(startTime)
+    params.endTime = formatDate(endTime)
+  } else {
+    // 处理预设时间范围
+    const endDate = new Date()
+    endDate.setDate(0) // 设置为上个月最后一天，不包括本月
+    let startDate = new Date(endDate)
+
+    if (queryForm.value.dateRangeType === 'THREE_MONTHS') {
+      startDate.setMonth(endDate.getMonth() - 2)
+    } else if (queryForm.value.dateRangeType === 'SIX_MONTHS') {
+      startDate.setMonth(endDate.getMonth() - 5)
+    }
+
+    params.startTime = formatDate(startDate)
+    params.endTime = formatDate(endDate)
+  }
+
+  return params
+}
+
 
 
 // 数据请求函数
+// 获取大队数据
+const fetchBrigadeData = async () => {
+  brigadeLoading.value = true
+  try {
+    // 大队数据 (dimension = 4，没有dimensionType参数)
+    const brigadeChartParams = buildBrigadeApiParams()
+    brigadeChartParams.dimension = 4
+    const brigadeTableParams = buildBrigadeApiParams()
+    brigadeTableParams.dimension = 4
+
+    // 并行请求大队图表和表格数据
+    const [brigadeChartResponse, brigadeTableResponse] = await Promise.all([
+      getCalculateByTime(brigadeChartParams),
+      getCalculateByTimeList(brigadeTableParams)
+    ])
+
+    // 设置大队数据
+    if (brigadeChartResponse.data) {
+      realData.value.brigade = brigadeChartResponse.data || []
+    }
+    if (brigadeTableResponse.data) {
+      realData.value.brigadeList = brigadeTableResponse.data || []
+    }
+
+    // 请求完成后直接更新大队数据
+    updateBrigadeData()
+  } catch (error) {
+    console.error('大队数据请求失败:', error)
+    ElMessage.error('大队数据加载失败')
+  } finally {
+    brigadeLoading.value = false
+  }
+}
+
 // 获取科室数据
 const fetchDepartmentData = async () => {
   departmentLoading.value = true
@@ -760,9 +897,10 @@ const fetchData = async () => {
   loading.value = true
 
   try {
-    // 并行请求科室、班组和个人数据
+    // 并行请求大队、科室、班组和个人数据
     // 数据更新已经在各个数据请求函数中完成
     await Promise.all([
+      fetchBrigadeData(),
       fetchDepartmentData(),
       fetchTeamData(),
       fetchPersonalData()
@@ -777,6 +915,8 @@ const fetchData = async () => {
 }
 
 
+// 表格列定义
+const brigadeTableColumn = ref([])
 const departmentTableColumn = ref([])
 const teamTableColumn = ref([])
 const personalTableColumn = ref([])
@@ -809,6 +949,54 @@ const getColumnData = (arr, column) => {
   return res
 }
 
+// 更新大队数据（包含图表和表格）
+const updateBrigadeData = () => {
+  // 更新大队图表
+  if (realData.value.brigade) {
+    const xAxisData = realData.value.brigade.timeAxis;
+    let seriesData = [];
+    let timeDataList = realData.value.brigade.timeDataList;
+    let arr = {};
+    timeDataList.forEach(item => {
+      item.dataItems.forEach(ele => {
+        if (!arr[ele.name]) {
+          arr[ele.name] = [];
+        }
+        arr[ele.name].push(ele.value);
+      })
+    })
+    Object.keys(arr).forEach((item, index) => {
+      seriesData.push({
+        name: item,
+        type: 'line',
+        symbol: 'circle',
+        symbolSize: 6,
+        data: arr[item],
+        itemStyle: { color: colorList[index % colorList.length] },
+        lineStyle: { color: colorList[index % colorList.length], width: 2 }
+      })
+    })
+
+    setBrigadeOption({
+      ...brigadeChartOptions,
+      xAxis: { ...brigadeChartOptions.xAxis, data: xAxisData },
+      series: seriesData
+    })
+  }
+
+  // 更新大队表格数据
+  if (realData.value.brigadeList) {
+    const timeDataList = realData.value.brigadeList.timeDataList;
+    brigadeTableColumn.value = []
+    if (timeDataList && timeDataList.length > 0 && timeDataList[0].dataItems) {
+      timeDataList[0].dataItems.forEach((item, index) => {
+        brigadeTableColumn.value.push({ name: item.name, column: `brigade${index}` })
+      })
+    }
+    brigadeTableData.value = getColumnData(timeDataList, brigadeTableColumn.value)
+  }
+}
+
 // 更新科室数据（包含图表和表格）
 const updateDepartmentData = () => {
   // 更新科室图表
@@ -1144,6 +1332,7 @@ onMounted(() => {
 
 // 组件卸载时销毁图表
 onUnmounted(() => {
+  disposeBrigade()
   disposeDepartment()
   disposeTeam()
   disposePersonal()