feat(employeeDimension): 优化员工维度评分明细数据加载与筛选

- 调整接口地址为 /ledger/warning/employeeDimensionScores
- 添加页面加载状态显示（v-loading）
- 使用接口获取维度列表替代静态维度选项
- 更新维度选择绑定数据及表格字段映射
- 从接口获取员工维度评分明细数据，替换本地假数据
- 优化筛选逻辑，支持服务器请求参数传递多种筛选条件
- 实现排序后端适配，前端对数据排序进行控制
- 重构搜索和重置操作，改为调用数据拉取方法
- 删除无效的路由监听代码，简化逻辑
- 增加错误捕获并打印请求失败信息

src/api/warningManage/employeeDimensionDetails.js

@@ -2,5 +2,5 @@ import request from '@/utils/request'
 
 // 员工维度评分明细
 export function getEmployeeDimensionPageData(data) {
-    return request({ url: '/ledger/warning/employeeDimensionDetail', method: 'post', data })
+    return request({ url: '/ledger/warning/employeeDimensionScores', method: 'post', data })
 }

src/views/warningManage/employeeDimensionDetails/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page-container">
+    <div class="page-container" v-loading="pageLoading">
         <h1 class="page-title">员工维度评分明细</h1>
 
         <div class="filter-bar">
@@ -19,8 +19,8 @@
                     :props="{ label: 'label', value: 'value', children: 'children' }" node-key="value"
                     placeholder="组织架构/员工" clearable filterable check-strictly style="width: 200px;" />
                 <el-select v-model="selectedDimension" placeholder="维度" clearable style="width: 150px;">
-                    <el-option v-for="item in dimensionOptions" :key="item.value" :label="item.label"
-                        :value="item.value" />
+                    <el-option v-for="item in dimensionList" :key="item.id" :label="item.name"
+                        :value="item.id" />
                 </el-select>
             </div>
             <div class="filter-right">
@@ -36,12 +36,12 @@
             </div>
             <el-table :data="displayData" style="width: 100%;" border stripe @sort-change="handleSortChange">
                 <el-table-column prop="userId" label="员工ID" />
-                <el-table-column prop="nickName" label="姓名" />
+                <el-table-column prop="personName" label="姓名" />
                 <el-table-column prop="deptName" label="部门" />
                 <el-table-column prop="teamName" label="班组" />
                 <el-table-column prop="groupName" label="小组" />
-                <el-table-column prop="dimName" label="维度名称" />
-                <el-table-column prop="dimScore" label="维度分值" sortable="custom" />
+                <el-table-column prop="dimensionName" label="维度名称" />
+                <el-table-column prop="dimensionScore" label="维度分值"  />
             </el-table>
             <el-pagination v-show="total > 0" :total="total" v-model:current-page="queryParams.pageNum"
                 v-model:page-size="queryParams.pageSize" :page-sizes="[10, 20, 50, 100]"
@@ -52,11 +52,10 @@
 </template>
 
 <script setup>
-import { ref, reactive, computed, onMounted, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { ref, reactive, computed, onMounted } from 'vue'
 import { getDeptUserTree } from '@/api/item/items'
-
-const route = useRoute()
+import { getEmployeeDimensionPageData } from '@/api/warningManage/employeeDimensionDetails'
+import { getDimensionAll } from '@/api/score/index'
 
 const activeRange = ref('month')
 const startDate = ref(null)
@@ -65,34 +64,10 @@ const selectedOrg = ref('')
 const selectedDimension = ref('')
 const cascadeOptions = ref([])
 
-const dimensionOptions = ref([
-    { label: '安全响应能力', value: '安全响应能力' },
-    { label: '服务响应能力', value: '服务响应能力' }
-])
-
-// 两页假数据（20条），含事件日期
-const allMockData = ref([
-    { userId: 397, nickName: '胡婷婷', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '安全响应能力', dimScore: 80.5, eventDate: '2026-05-10' },
-    { userId: 437, nickName: '李璐', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '服务响应能力', dimScore: 79.2, eventDate: '2026-05-15' },
-    { userId: 564, nickName: '徐倩', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '安全响应能力', dimScore: 81.3, eventDate: '2026-05-20' },
-    { userId: 587, nickName: '余杭洋', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '服务响应能力', dimScore: 78.6, eventDate: '2026-05-25' },
-    { userId: 550, nickName: '肖垚', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '安全响应能力', dimScore: 80.1, eventDate: '2026-06-01' },
-    { userId: 107, nickName: '刘珊', deptName: '旅检三部', teamName: '安平班组', groupName: '陈行小组', dimName: '服务响应能力', dimScore: 79.8, eventDate: '2026-06-05' },
-    { userId: 191, nickName: '王佐朝', deptName: '旅检三部', teamName: '安平班组', groupName: '陈行小组', dimName: '安全响应能力', dimScore: 82.0, eventDate: '2026-06-08' },
-    { userId: 250, nickName: '张元媛', deptName: '旅检三部', teamName: '安平班组', groupName: '陈行小组', dimName: '服务响应能力', dimScore: 78.9, eventDate: '2026-06-10' },
-    { userId: 293, nickName: '陈凯琳', deptName: '旅检三部', teamName: '安平班组', groupName: '陈行小组', dimName: '安全响应能力', dimScore: 80.7, eventDate: '2026-06-12' },
-    { userId: 603, nickName: '张霞', deptName: '旅检一部', teamName: '安平班组', groupName: '陈行小组', dimName: '服务响应能力', dimScore: 79.5, eventDate: '2026-04-15' },
-    { userId: 412, nickName: '赵敏', deptName: '旅检一部', teamName: '安行班组', groupName: '拓新小组', dimName: '安全响应能力', dimScore: 83.2, eventDate: '2026-04-20' },
-    { userId: 528, nickName: '孙磊', deptName: '旅检一部', teamName: '安行班组', groupName: '拓新小组', dimName: '服务响应能力', dimScore: 77.4, eventDate: '2026-03-10' },
-    { userId: 631, nickName: '周杰', deptName: '旅检二部', teamName: '木兰班组', groupName: '飞跃小组', dimName: '安全响应能力', dimScore: 85.1, eventDate: '2026-03-15' },
-    { userId: 745, nickName: '吴芳', deptName: '旅检二部', teamName: '木兰班组', groupName: '飞跃小组', dimName: '服务响应能力', dimScore: 76.8, eventDate: '2026-02-20' },
-    { userId: 802, nickName: '郑浩', deptName: '旅检二部', teamName: '芮茜班组', groupName: '先锋小组', dimName: '安全响应能力', dimScore: 81.9, eventDate: '2026-01-10' },
-    { userId: 156, nickName: '冯婷', deptName: '旅检三部', teamName: '拓新班组', groupName: '锐行小组', dimName: '服务响应能力', dimScore: 78.3, eventDate: '2026-01-25' },
-    { userId: 267, nickName: '褚伟', deptName: '旅检三部', teamName: '拓新班组', groupName: '锐行小组', dimName: '安全响应能力', dimScore: 84.6, eventDate: '2025-12-05' },
-    { userId: 389, nickName: '卫兰', deptName: '旅检一部', teamName: '屹动班组', groupName: '护航小组', dimName: '服务响应能力', dimScore: 77.1, eventDate: '2025-11-18' },
-    { userId: 471, nickName: '蒋涛', deptName: '旅检一部', teamName: '屹动班组', groupName: '护航小组', dimName: '安全响应能力', dimScore: 82.7, eventDate: '2025-10-22' },
-    { userId: 598, nickName: '沈琳', deptName: '旅检二部', teamName: '安行班组', groupName: '拓新小组', dimName: '服务响应能力', dimScore: 80.0, eventDate: '2025-09-30' }
-])
+const dimensionList = ref([])
+
+const allData = ref([])
+const pageLoading = ref(false)
 
 const queryParams = reactive({
     pageNum: 1,
@@ -165,7 +140,7 @@ const setActiveRange = (range) => {
 }
 
 // 筛选后的数据（点击搜索才更新）
-const filteredData = ref([...allMockData.value])
+const filteredData = ref([])
 
 const displayData = computed(() => {
     const start = (queryParams.pageNum - 1) * queryParams.pageSize
@@ -177,36 +152,8 @@ const total = computed(() => filteredData.value.length)
 
 // 执行筛选（点击搜索时调用）
 const doFilter = () => {
-    let data = [...allMockData.value]
-
-    // 日期范围筛选
-    let rangeStart = null
-    let rangeEnd = null
-    if (startDate.value && endDate.value) {
-        rangeStart = formatDate(startDate.value)
-        rangeEnd = formatDate(endDate.value)
-    } else {
-        const range = getDateRangeFromActive()
-        rangeStart = range.startDate
-        rangeEnd = range.endDate
-    }
-    if (rangeStart && rangeEnd) {
-        data = data.filter(item => item.eventDate >= rangeStart && item.eventDate <= rangeEnd)
-    }
-
-    // 维度筛选
-    if (selectedDimension.value) {
-        data = data.filter(item => item.dimName === selectedDimension.value)
-    }
-
-    // 组织架构/员工筛选
-    const selectedInfo = getSelectedInfo(selectedOrg.value)
-    if (selectedInfo) {
-        if (selectedInfo.deptType === 'user') {
-            const rawId = Number(selectedInfo.value.split('_')[1])
-            data = data.filter(item => item.userId === rawId)
-        }
-    }
+    // 前端维度筛选（接口返回后再次过滤）
+    let data = [...allData.value]
 
     // 排序（基于全量过滤后数据）
     if (sortState.value.prop && sortState.value.order) {
@@ -224,6 +171,50 @@ const doFilter = () => {
     filteredData.value = data
 }
 
+// 请求接口数据
+const fetchData = async () => {
+    let params = {}
+
+    // 日期范围
+    if (startDate.value && endDate.value) {
+        params.startDate = formatDate(startDate.value)
+        params.endDate = formatDate(endDate.value)
+    } else {
+        const range = getDateRangeFromActive()
+        params.startDate = range.startDate
+        params.endDate = range.endDate
+    }
+
+    // 维度
+    if (selectedDimension.value) {
+        params.dimensionId = selectedDimension.value
+    }
+
+    // 组织架构/员工：选哪个层级传哪个参数
+    if (selectedOrg.value) {
+        const selectedInfo = getSelectedInfo(selectedOrg.value)
+        if (selectedInfo) {
+            const rawId = Number(selectedInfo.value.split('_')[1])
+            if (selectedInfo.deptType === 'BRIGADE') params.deptId = rawId
+            else if (selectedInfo.deptType === 'MANAGER') params.teamId = rawId
+            else if (selectedInfo.deptType === 'TEAMS') params.groupId = rawId
+            else if (selectedInfo.deptType === 'user') params.userId = rawId
+        }
+    }
+
+    pageLoading.value = true
+    try {
+        const res = await getEmployeeDimensionPageData(params)
+        if (res.data) {
+            allData.value = res.data
+        }
+    } catch (error) {
+        console.error('获取员工维度评分明细失败:', error)
+    }
+    doFilter()
+    pageLoading.value = false
+}
+
 const handleSortChange = ({ prop, order }) => {
     sortState.value = { prop, order }
     queryParams.pageNum = 1
@@ -233,7 +224,7 @@ const handleSortChange = ({ prop, order }) => {
 const handleSearch = () => {
     queryParams.pageNum = 1
     sortState.value = { prop: '', order: '' }
-    doFilter()
+    fetchData()
 }
 
 const handleReset = () => {
@@ -244,7 +235,7 @@ const handleReset = () => {
     selectedDimension.value = ''
     queryParams.pageNum = 1
     sortState.value = { prop: '', order: '' }
-    doFilter()
+    fetchData()
 }
 
 const handlePageChange = (newPage) => {
@@ -265,33 +256,15 @@ onMounted(async () => {
     } catch (error) {
         console.error('获取组织架构数据失败:', error)
     }
-    doFilter()
+    // 获取维度选项（org=4）
+    try {
+        const r = await getDimensionAll({ pageNum: 1, pageSize: 100, org: 4 })
+        dimensionList.value = r.data || []
+    } catch (error) {
+        console.error('获取维度列表失败:', error)
+    }
+    fetchData()
 })
-
-// watch(() => route.query, (query) => {
-//     const { id, org, startDate: sd, endDate: ed, activeRange: ar, dimension } = query
-//     if (id) {
-//         selectedOrg.value = `user_${id}`
-//     } else if (org) {
-//         selectedOrg.value = org
-//     } else {
-//         selectedOrg.value = ''
-//     }
-//     if (sd && ed) {
-//         startDate.value = sd
-//         endDate.value = ed
-//         activeRange.value = 'custom'
-//     } else {
-//         startDate.value = null
-//         endDate.value = null
-//         activeRange.value = ar || 'month'
-//     }
-//     if (dimension) {
-//         selectedDimension.value = dimension
-//     }
-//     queryParams.pageNum = 1
-//     sortState.value = { prop: '', order: '' }
-// }, { immediate: true })
 </script>
 
 <style scoped>