feature：pc端的内容移植到移动端

src/api/warningManage/index.js

@@ -17,5 +17,10 @@ export function getRedLineWarningPageData(data) {
 
 // 员工维度评分明细
 export function getEmployeeDimensionDetails(data) {
-    return request({ url: '/ledger/warning/employeeDimensionDetail', method: 'post', data })
+    return request({ url: '/ledger/warning/employeeDimensionScores', method: 'post', data })
+}
+
+//
+export function getDimensionAll(params) {
+  return request({ url: `/score/dimension/all`, method: 'get', params: params })
 }

src/pages/components/EmployeeTreeNode.vue

@@ -4,14 +4,18 @@
             :class="['node-row', { 'is-dept': isDept, 'is-user': isUser }]"
             @click="handleClick"
         >
-            <view class="toggle-icon" v-if="isDept">
+            <view class="toggle-icon" v-if="isDept && !selectable">
                 <u-icon :name="expanded ? 'arrow-down' : 'arrow-right'" size="16" color="#999" />
             </view>
+            <view class="toggle-icon" v-else-if="isDept && selectable">
+                <text class="user-dot" style="color: #A78BFA">●</text>
+            </view>
             <view class="toggle-icon" v-else>
                 <text class="user-dot">●</text>
             </view>
             <text class="node-label">{{ nodeLabel }}</text>
-            <u-icon v-if="isUser && nodeId === selectedId" name="checkmark" color="#34D399" size="18" />
+            <u-icon v-if="selectable && nodeId === selectedId" name="checkmark" color="#34D399" size="18" />
+            <u-icon v-else-if="!selectable && isUser && nodeId === selectedId" name="checkmark" color="#34D399" size="18" />
         </view>
         <view v-if="isDept && expanded" class="node-children">
             <template v-for="child in nodeChildren">
@@ -20,6 +24,7 @@
                     :node="child"
                     :expanded-ids="expandedIds"
                     :selected-id="selectedId"
+                    :selectable="selectable"
                     @toggle="$emit('toggle', $event)"
                     @select="$emit('select', $event)"
                 />
@@ -43,6 +48,10 @@ export default {
         selectedId: {
             type: [String, Number],
             default: null
+        },
+        selectable: {
+            type: Boolean,
+            default: false
         }
     },
     computed: {
@@ -51,7 +60,7 @@ export default {
             return hasChildren || this.node.nodeType === 'dept'
         },
         isUser() {
-            return !this.isDept
+            return !this.isDept || this.selectable
         },
         nodeId() {
             return this.node.userId || this.node.id
@@ -73,10 +82,21 @@ export default {
         handleClick() {
             if (this.isDept) {
                 this.$emit('toggle', this.node.id)
+                if (this.selectable) {
+                    this.$emit('select', {
+                        userId: this.node.userId || this.node.id,
+                        nodeId: this.node.id,
+                        nickName: this.nodeLabel,
+                        nodeType: this.node.nodeType || 'dept',
+                        deptType: this.node.deptType || ''
+                    })
+                }
             } else {
                 this.$emit('select', {
                     userId: this.nodeId,
-                    nickName: this.nodeLabel
+                    nickName: this.nodeLabel,
+                    nodeType: this.node.nodeType || 'user',
+                    deptType: this.node.deptType || ''
                 })
             }
         }

src/pages/employeeDimensionDetails/index.vue

@@ -58,11 +58,14 @@
 
             <view class="table-wrapper">
                 <statistic-table :columns="tableColumns" :data="tableData" />
+                <view class="loading-mask" v-if="loading">
+                    <u-loading-icon size="28"></u-loading-icon>
+                    <text class="loading-text">加载中...</text>
+                </view>
             </view>
 
             <view class="pagination-wrapper" v-if="total > 0">
-                <uni-pagination :current="pageNum" :total="total" :page-size="pageSize" :show-page-size="true"
-                    :page-size-range="[10, 20, 50]" @change="onPageChange" @pageSizeChange="onPageSizeChange" />
+                <uni-pagination :current="pageNum" :total="total" :page-size="pageSize" @change="onPageChange" />
             </view>
         </view>
 
@@ -79,7 +82,7 @@
                 </view>
                 <scroll-view v-if="!orgSearchKeyword.trim()" scroll-y class="tree-list">
                     <employee-tree-node v-for="(node, index) in deptTreeData" :key="node.id" :node="node" :expanded-ids="expandedDeptIds"
-                        :selected-id="selectedOrgId" @toggle="toggleDeptExpand" @select="onOrgSelect" />
+                        :selected-id="selectedOrgId" :selectable="true" @toggle="toggleDeptExpand" @select="onOrgSelect" />
                 </scroll-view>
                 <scroll-view v-else scroll-y class="org-list">
                     <view class="org-item" v-for="item in filteredOrgList" :key="item.userId"
@@ -117,7 +120,7 @@
 <script>
 import StatisticTable from '@/components/statistic-table/statistic-table.vue'
 import EmployeeTreeNode from '@/pages/components/EmployeeTreeNode.vue'
-import { getEmployeeDimensionDetails } from '@/api/warningManage/index'
+import { getEmployeeDimensionDetails, getDimensionAll } from '@/api/warningManage/index'
 import { getDeptUserTree } from '@/api/system/user'
 
 export default {
@@ -134,6 +137,7 @@ export default {
             endTime: '',
             selectedOrgId: null,
             selectedOrgName: '',
+            selectedDeptType: '',
             selectedDimension: '',
             selectedDimName: '全部',
             showOrgPicker: false,
@@ -142,24 +146,22 @@ export default {
             deptTreeData: [],
             expandedDeptIds: [],
             orgList: [],
-            dimensionOptions: [
-                { label: '安全响应能力', value: '安全响应能力' },
-                { label: '服务响应能力', value: '服务响应能力' }
-            ],
+            dimensionOptions: [],
             tableColumns: [
                 { props: 'userId', title: '员工ID' },
-                { props: 'nickName', title: '姓名' },
+                { props: 'personName', title: '姓名' },
                 { props: 'deptName', title: '部门' },
                 { props: 'teamName', title: '班组' },
                 { props: 'groupName', title: '小组' },
-                { props: 'dimName', title: '维度名称' },
-                { props: 'dimScore', title: '维度分值' }
+                { props: 'dimensionName', title: '维度名称' },
+                { props: 'dimensionScore', title: '维度分值' }
             ],
             tableData: [],
             allTableData: [],
             pageNum: 1,
             pageSize: 10,
-            total: 0
+            total: 0,
+            loading: false
         }
     },
     computed: {
@@ -173,6 +175,7 @@ export default {
     },
     mounted() {
         this.loadDeptTree()
+        this.loadDimensionOptions()
         this.fetchData()
     },
     methods: {
@@ -258,7 +261,9 @@ export default {
         onOrgSelect(item) {
             this.selectedOrgId = item.userId
             this.selectedOrgName = item.nickName
+            this.selectedDeptType = item.deptType || ''
             this.showOrgPicker = false
+         
         },
         onOrgSearch() { },
         selectDimension(value) {
@@ -277,33 +282,38 @@ export default {
             this.endTime = ''
             this.selectedOrgId = null
             this.selectedOrgName = ''
+            this.selectedDeptType = ''
             this.selectedDimension = ''
             this.selectedDimName = '全部'
             this.pageNum = 1
+            this.loadDimensionOptions()
             this.fetchData()
         },
         onPageChange(e) {
             this.pageNum = e.current
-            this.fetchData()
-        },
-        onPageSizeChange(e) {
-            this.pageSize = e.pageSize
-            this.pageNum = 1
-            this.fetchData()
+            this.updatePagedData()
         },
         async fetchData() {
+            this.loading = true
             let params = this.getQueryParams()
-            params.pageNum = this.pageNum
-            params.pageSize = this.pageSize
             try {
                 const res = await getEmployeeDimensionDetails(params)
                 if (res.code === 200 && res.data) {
                     const data = res.data
                     this.allTableData = data.list || data || []
-                    this.tableData = this.allTableData
-                    this.total = data.total || this.allTableData.length
+                    this.pageNum = 1
+                    this.updatePagedData()
                 }
-            } catch (e) { }
+            } catch (e) { } finally {
+                this.loading = false
+            }
+        },
+        updatePagedData() {
+            const data = this.allTableData
+            this.total = data.length
+            const start = (this.pageNum - 1) * this.pageSize
+            const end = start + this.pageSize
+            this.tableData = data.slice(start, end)
         },
         getQueryParams() {
             let params = {}
@@ -316,12 +326,35 @@ export default {
                 params.endDate = range.endDate
             }
             if (this.selectedOrgId) {
-                params.userId = this.selectedOrgId
+                const key = this.getOrgParamKey()
+                if (key){
+                    params[key] = this.selectedOrgId
+                }
             }
             if (this.selectedDimension) {
-                params.dimension = this.selectedDimension
+                params.dimensionId = this.selectedDimension
             }
             return params
+        },
+        getOrgParamKey() {
+            const deptType = this.selectedDeptType
+            if (deptType === 'BRIGADE') return 'deptId'
+            if (deptType === 'MANAGER') return 'teamId'
+            if (deptType === 'TEAMS') return 'groupId'
+            if (deptType === 'user') return 'userId'
+            return ''
+        },
+        async loadDimensionOptions() {
+            try {
+                
+                const res = await getDimensionAll({ pageNum: 1, pageSize: 100, org: 4 })
+                if (res.code === 200 && res.data) {
+                    this.dimensionOptions = (res.data || []).map(item => ({
+                        label: item.name || item.label || item.dimensionName || '',
+                        value: item.id != null ? String(item.id) : (item.value || item.name || '')
+                    }))
+                }
+            } catch (e) { }
         }
     }
 }
@@ -494,6 +527,28 @@ export default {
     border-radius: 16rpx;
     overflow-x: auto;
     box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+    position: relative;
+    min-height: 200rpx;
+}
+
+.loading-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.8);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 16rpx;
+    z-index: 10;
+}
+
+.loading-text {
+    font-size: 24rpx;
+    color: #999;
 }
 
 .pagination-wrapper {

src/pages/redLineWarning/index.vue

@@ -2,7 +2,7 @@
     <view class="redline-page">
         <view class="page-header">
             <view class="header-title">红线指标预警</view>
-            <view class="header-subtitle">权重扣分 ≥ 3分自动进入红色预警区</view>
+            <view class="header-subtitle">员工综合评估（＜75分红色预警 | ≥90分优秀）</view>
             <view class="badge-group">
                 <view class="alert-badge">红色预警</view>
                 <view class="alert-badge orange">动态月度数据</view>
@@ -55,7 +55,7 @@
         <!-- 员工列表 -->
         <view class="section-area">
             <SectionTitle title="红线指标预警明细">
-                <view class="section-badge">权重扣分 ≥ 3分</view>
+                <view class="section-badge">评分依据：员工配分表</view>
             </SectionTitle>
 
             <view class="table-wrapper">
@@ -64,12 +64,17 @@
                         <text v-if="row.totalScore >= 3" class="score-danger">{{ row.totalScore }}</text>
                         <text v-else>{{ row.totalScore }}</text>
                     </template>
+                    <template #column-warningLevel="{ row }">
+                        <text :style="{ color: row.warningLevel === '1' ? '#dc2626' : '' }">{{ getDictLabel(alertLevelList, row.warningLevel) }}</text>
+                    </template>
+                    <template #column-statusLabel="{ row }">
+                        <text :style="{ color: row.statusLabel === '1' ? '#dc2626' : '' }">{{ getDictLabel(statusLabelList, row.statusLabel) }}</text>
+                    </template>
                 </statistic-table>
             </view>
 
             <view class="pagination-wrapper" v-if="total > 0">
-                <uni-pagination :current="pageNum" :total="total" :page-size="pageSize" :show-page-size="true"
-                    :page-size-range="[10, 20, 50]" @change="onPageChange" @pageSizeChange="onPageSizeChange" />
+                <uni-pagination :current="pageNum" :total="total" :page-size="pageSize" simple @change="onPageChange" />
             </view>
 
             <view class="warning-summary">
@@ -142,9 +147,11 @@ import StatisticTable from '@/components/statistic-table/statistic-table.vue'
 import EmployeeTreeNode from '@/pages/components/EmployeeTreeNode.vue'
 import { getRedLineWarningPageData } from '@/api/warningManage/index'
 import { getDeptUserTree } from '@/api/system/user'
+import useDict from '@/utils/dict'
 
 export default {
     name: 'RedLineWarning',
+    mixins: [useDict],
     components: {
         SectionTitle,
         StatisticTable,
@@ -166,10 +173,8 @@ export default {
             deptTreeData: [],
             expandedDeptIds: [],
             orgList: [],
-            alertLevelList: [
-                { label: '红色预警', value: '1' },
-                { label: '正常范围', value: '3' }
-            ],
+            alertLevelList: [],
+            statusLabelList: [],
             tableColumns: [
                 { props: 'nickName', title: '姓名' },
                 { props: 'deptName', title: '部门' },
@@ -177,8 +182,9 @@ export default {
                 { props: 'level2Name', title: '二级指标' },
                 { props: 'totalScore', title: '扣分合计', slot: true },
                 { props: 'occurrenceCount', title: '发生次数' },
-                { props: 'warningLevel', title: '预警等级' },
-                { props: 'coreRisks', title: '核心风险' }
+                { props: 'warningLevel', title: '预警等级', slot: true },
+                { props: 'coreRisks', title: '核心风险' },
+                { props: 'statusLabel', title: '状态标签', slot: true }
             ],
             tableData: [],
             allTableData: [],
@@ -197,6 +203,10 @@ export default {
             return this.orgList.filter(item =>
                 (item.nickName || '').toLowerCase().includes(keyword)
             )
+        },
+        filteredTableData() {
+            if (!this.selectedAlertLevel) return this.allTableData
+            return this.allTableData.filter(item => item.warningLevel === this.selectedAlertLevel)
         }
     },
     onLoad(options) {
@@ -211,16 +221,15 @@ export default {
             this.endTime = options.endDate
         }
         if (options.activeRange) {
-            this.selectedTimeTag = options.activeRange
+            this.selectedTimeTag = Number(options.activeRange)
         }
         if (options.alertLevel) {
             this.selectedAlertLevel = options.alertLevel
-            const item = this.alertLevelList.find(l => l.value === options.alertLevel)
-            if (item) this.selectedLevelName = item.label
         }
     },
     mounted() {
         this.loadDeptTree()
+        this.loadDicts()
         this.fetchData()
     },
     methods: {
@@ -292,6 +301,10 @@ export default {
                     this.deptTreeData = res.data || []
                     this.orgList = this.flattenDeptTree(this.deptTreeData).filter(u => u.nodeType === 'user')
                     this.expandAllDepts(this.deptTreeData)
+                    if (this.selectedOrgId) {
+                        const user = this.orgList.find(u => u.userId === this.selectedOrgId)
+                        if (user) this.selectedOrgName = user.nickName
+                    }
                 }
             }).catch(() => { })
         },
@@ -314,6 +327,8 @@ export default {
             const item = this.alertLevelList.find(l => l.value === value)
             this.selectedLevelName = value === '' ? '全部' : (item ? item.label : '')
             this.showLevelPicker = false
+            this.pageNum = 1
+            this.updatePagedData()
         },
         handleSearch() {
             this.pageNum = 1
@@ -332,30 +347,44 @@ export default {
         },
         onPageChange(e) {
             this.pageNum = e.current
-            this.fetchData()
-        },
-        onPageSizeChange(e) {
-            this.pageSize = e.pageSize
-            this.pageNum = 1
-            this.fetchData()
+            this.updatePagedData()
         },
         async fetchData() {
             let params = this.getQueryParams()
-            params.pageNum = this.pageNum
-            params.pageSize = this.pageSize
             try {
                 const res = await getRedLineWarningPageData(params)
                 if (res.code === 200 && res.data) {
                     const data = res.data
                     this.allTableData = data || []
-                    this.tableData = this.allTableData
-                    this.total = data.total || this.allTableData.length
                     this.redAlertCount = data.redAlertNum || 0
                     this.excellentCount = data.excellentBenchmarkNum || 0
                     this.avgScore = data.averageComprehensiveScore || 0
+                    this.pageNum = 1
+                    this.updatePagedData()
                 }
             } catch (e) { }
         },
+        async loadDicts() {
+            const res = await this.useDict('alert_level', 'status_label')
+            this.alertLevelList = res.alert_level || []
+            this.statusLabelList = res.status_label || []
+            if (this.selectedAlertLevel) {
+                const item = this.alertLevelList.find(l => l.value === this.selectedAlertLevel)
+                if (item) this.selectedLevelName = item.label
+            }
+        },
+        getDictLabel(dictList, value) {
+            if (!value) return ''
+            const item = dictList.find(d => d.value === value)
+            return item ? item.label : value
+        },
+        updatePagedData() {
+            const data = this.filteredTableData
+            this.total = data.length
+            const start = (this.pageNum - 1) * this.pageSize
+            const end = start + this.pageSize
+            this.tableData = data.slice(start, end)
+        },
         getQueryParams() {
             let params = {}
             if (this.beginTime && this.endTime) {
@@ -369,9 +398,6 @@ export default {
             if (this.selectedOrgId) {
                 params.userId = this.selectedOrgId
             }
-            if (this.selectedAlertLevel) {
-                params.warningLevel = this.selectedAlertLevel
-            }
             return params
         }
     }

src/pages/warningPage/index.vue

@@ -73,6 +73,12 @@
                         <text v-else-if="row.overallScore >= 90" class="score-excellent">{{ row.overallScore }}分</text>
                         <text v-else>{{ row.overallScore }}分</text>
                     </template>
+                    <template #column-warningLevel="{ row }">
+                        <text :style="{ color: row.warningLevel === '1' ? '#dc2626' : '' }">{{ getDictLabel(alertLevelList, row.warningLevel) }}</text>
+                    </template>
+                    <template #column-statusLabel="{ row }">
+                        <text :style="{ color: row.statusLabel === '1' ? '#dc2626' : '' }">{{ getDictLabel(statusLabelList, row.statusLabel) }}</text>
+                    </template>
                     <template #column-detail="{ row }">
                         <text class="detail-link" @click="goToDetail(row)">详情</text>
                     </template>
@@ -153,9 +159,11 @@ import StatisticTable from '@/components/statistic-table/statistic-table.vue'
 import EmployeeTreeNode from '@/pages/components/EmployeeTreeNode.vue'
 import { getWarningPageData, getEmployeeWarningPageData } from '@/api/warningManage/index'
 import { getDeptUserTree } from '@/api/system/user'
+import useDict from '@/utils/dict'
 
 export default {
     name: 'WarningPage',
+    mixins: [useDict],
     components: {
         SectionTitle,
         StatisticTable,
@@ -177,10 +185,8 @@ export default {
             deptTreeData: [],
             expandedDeptIds: [],
             orgList: [],
-            alertLevelList: [
-                { label: '红色预警', value: '1' },
-                { label: '正常范围', value: '3' }
-            ],
+            alertLevelList: [],
+            statusLabelList: [],
             summaryCards: [
                 { title: '部门监察问题', badge: '部门级', value: '0', color: '#b45309' },
                 { title: '实时质控拦截', badge: '部门级', value: '0', color: '#2563eb' },
@@ -197,9 +203,9 @@ export default {
                 { props: 'nickName', title: '姓名' },
                 { props: 'deptName', title: '所属部门' },
                 { props: 'overallScore', title: '综合评估得分', slot: true },
-                { props: 'warningLevel', title: '预警等级' },
+                { props: 'warningLevel', title: '预警等级', slot: true },
                 { props: 'coreRisksOrOutstandingAchievements', title: '核心风险/优秀事迹' },
-                { props: 'statusLabel', title: '状态标签' },
+                { props: 'statusLabel', title: '状态标签', slot: true },
                 { props: 'detail', title: '详情', slot: true }
             ],
             employeeList: [],
@@ -230,6 +236,10 @@ export default {
             return this.orgList.filter(item =>
                 (item.nickName || '').toLowerCase().includes(keyword)
             )
+        },
+        filteredEmployeeList() {
+            if (!this.selectedAlertLevel) return this.allEmployeeList
+            return this.allEmployeeList.filter(item => item.warningLevel === this.selectedAlertLevel)
         }
     },
     onLoad(options) {
@@ -239,9 +249,20 @@ export default {
     },
     mounted() {
         this.loadDeptTree()
+        this.loadDicts()
         this.fetchData()
     },
     methods: {
+        async loadDicts() {
+            const res = await this.useDict('alert_level', 'status_label')
+            this.alertLevelList = res.alert_level || []
+            this.statusLabelList = res.status_label || []
+        },
+        getDictLabel(dictList, value) {
+            if (!value) return ''
+            const item = dictList.find(d => d.value === value)
+            return item ? item.label : value
+        },
         formatDate(date) {
             const y = date.getFullYear()
             const m = String(date.getMonth() + 1).padStart(2, '0')
@@ -332,6 +353,8 @@ export default {
             const item = this.alertLevelList.find(l => l.value === value)
             this.selectedLevelName = value === '' ? '全部' : (item ? item.label : '')
             this.showLevelPicker = false
+            this.pageNum = 1
+            this.updatePagedData()
         },
         handleSearch() {
             this.pageNum = 1
@@ -379,19 +402,21 @@ export default {
                 if (res.code === 200 && res.data) {
                     const data = res.data
                     this.allEmployeeList = data.ledgerWarningDetailItemList || []
-                    this.total = this.allEmployeeList.length
                    
                     this.redAlertCount = data.redAlertNum || 0
                     this.excellentCount = data.excellentBenchmarkNum || 0
                     this.avgScore = data.averageComprehensiveScore || 0
+                    this.pageNum = 1
                     this.updatePagedData()
                 }
             } catch (e) { }
         },
         updatePagedData() {
+            const data = this.filteredEmployeeList
+            this.total = data.length
             const start = (this.pageNum - 1) * this.pageSize
             const end = start + this.pageSize
-            this.employeeList = this.allEmployeeList.slice(start, end)
+            this.employeeList = data.slice(start, end)
         },
         getQueryParams() {
             let params = {}
@@ -406,14 +431,24 @@ export default {
             if (this.selectedOrgId) {
                 params.userId = this.selectedOrgId
             }
-            if (this.selectedAlertLevel) {
-                params.warningLevel = this.selectedAlertLevel
-            }
             return params
         },
         goToDetail(row) {
+            const query = []
+            if (row.userId) {
+                query.push('id=' + row.userId)
+            }
+            if (this.beginTime && this.endTime) {
+                query.push('startDate=' + this.beginTime)
+                query.push('endDate=' + this.endTime)
+            } else {
+                query.push('activeRange=' + this.selectedTimeTag)
+            }
+            if (this.selectedAlertLevel) {
+                query.push('alertLevel=' + this.selectedAlertLevel)
+            }
             uni.navigateTo({
-                url: '/pages/redLineWarning/index?id=' + row.userId
+                url: '/pages/redLineWarning/index?' + query.join('&')
             })
         }
     }