Merge branch 'new-demand'

# Conflicts:
#	src/pages/employeeProfile/index.vue

src/api/portraitManagement/portraitManagement.js

@@ -105,4 +105,8 @@ export function getEmployeePortrait(params) {
 }
 export function searchPortraitUsers(keyword) {
     return request({ url: '/score/portrait/searchUsers', method: 'get', params: { keyword } })
+}
+// 获取职业资格等级获取时间
+export function getQualificationLevelTime(params) {
+    return request({ url: '/ledger/qualificationLevel/user', method: 'get', params })
 }

src/api/warningManage/index.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 综合预警工作台 - 汇总数据
+export function getWarningPageData(data) {
+    return request({ url: '/ledger/warning/ledger', method: 'post', data })
+}
+
+// 综合预警工作台 - 员工综合预警列表
+export function getEmployeeWarningPageData(data) {
+    return request({ url: '/ledger/warning/ledgerDetail', method: 'post', data })
+}
+
+// 红线指标预警
+export function getRedLineWarningPageData(data) {
+    return request({ url: '/ledger/warning/ledgerReduceDetail', method: 'post', data })
+}
+
+// 员工维度评分明细
+export function getEmployeeDimensionDetails(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.json

@@ -364,6 +364,12 @@
       }
     },
     {
+      "path": "pages/warningManage/index",
+      "style": {
+        "navigationBarTitleText": "预警管理"
+      }
+    },
+    {
       "path": "pages/statisticalAnalysis/index",
       "style": {
         "navigationBarTitleText": "统计分析"
@@ -380,6 +386,24 @@
       "style": {
         "navigationBarTitleText": "查获统计"
       }
+    },
+    {
+      "path": "pages/warningPage/index",
+      "style": {
+        "navigationBarTitleText": "综合预警工作台"
+      }
+    },
+    {
+      "path": "pages/employeeDimensionDetails/index",
+      "style": {
+        "navigationBarTitleText": "员工维度评分明细"
+      }
+    },
+    {
+      "path": "pages/redLineWarning/index",
+      "style": {
+        "navigationBarTitleText": "红线指标预警"
+      }
     }
   ],
   "tabBar": {

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

@@ -0,0 +1,640 @@
+<template>
+    <view class="dimension-page">
+        <!-- 页面标题 -->
+        <view class="page-header">
+            <view class="header-title">员工维度评分明细</view>
+        </view>
+
+        <!-- 筛选栏 -->
+        <view class="filter-bar">
+            <scroll-view scroll-x class="time-scroll">
+                <view class="time-tags">
+                    <view v-for="(tag, index) in timeTags" :key="index"
+                        :class="['time-tag', { active: selectedTimeTag === index }]" @click="onTimeTagClick(index)">
+                        {{ tag }}
+                    </view>
+                </view>
+            </scroll-view>
+            <view class="date-range-picker">
+                <picker mode="date" :value="beginTime" @change="onBeginTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: beginTime }">
+                        {{ beginTime || '开始日期' }}
+                    </view>
+                </picker>
+                <text class="date-separator">至</text>
+                <picker mode="date" :value="endTime" @change="onEndTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: endTime }">
+                        {{ endTime || '结束日期' }}
+                    </view>
+                </picker>
+            </view>
+
+            <view class="filter-row">
+                <view class="filter-select" @click="showOrgPicker = true">
+                    <text class="filter-select-text">{{ selectedOrgName || '组织架构/员工' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+                <view class="filter-select" @click="showDimPicker = true">
+                    <text class="filter-select-text">{{ selectedDimName || '维度' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+            </view>
+
+            <view class="filter-actions">
+                <view class="btn-search" @click="handleSearch">
+                    <u-icon name="search" size="16" color="#fff"></u-icon>
+                    <text>搜索</text>
+                </view>
+                <view class="btn-reset" @click="handleReset">重置</view>
+            </view>
+        </view>
+
+        <!-- 数据表格 -->
+        <view class="section-area">
+            <view class="section-header">
+                <text class="section-title">员工维度评分明细</text>
+                <text class="section-badge">评分依据：员工配分表</text>
+            </view>
+
+            <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" @change="onPageChange" />
+            </view>
+        </view>
+
+        <!-- 组织架构选择弹窗 -->
+        <u-popup :show="showOrgPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showOrgPicker = false">
+            <view class="picker-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择组织架构/员工</text>
+                    <u-icon name="close" size="20" @click="showOrgPicker = false"></u-icon>
+                </view>
+                <view class="search-box">
+                    <u-input v-model="orgSearchKeyword" placeholder="搜索" @input="onOrgSearch"></u-input>
+                </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" :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"
+                        @click="onOrgSelect(item)">
+                        <text class="org-item-name">{{ item.nickName }}</text>
+                        <u-icon v-if="item.userId === selectedOrgId" name="checkmark" color="#34D399"
+                            size="18"></u-icon>
+                    </view>
+                </scroll-view>
+            </view>
+        </u-popup>
+
+        <!-- 维度选择弹窗 -->
+        <u-popup :show="showDimPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showDimPicker = false">
+            <view class="dim-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择维度</text>
+                    <u-icon name="close" size="20" @click="showDimPicker = false"></u-icon>
+                </view>
+                <view class="dim-list">
+                    <view class="dim-item" :class="{ active: selectedDimension === '' }" @click="selectDimension('')">
+                        <text>全部</text>
+                    </view>
+                    <view class="dim-item" v-for="item in dimensionOptions" :key="item.value"
+                        :class="{ active: selectedDimension === item.value }" @click="selectDimension(item.value)">
+                        <text>{{ item.label }}</text>
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import StatisticTable from '@/components/statistic-table/statistic-table.vue'
+import EmployeeTreeNode from '@/pages/components/EmployeeTreeNode.vue'
+import { getEmployeeDimensionDetails, getDimensionAll } from '@/api/warningManage/index'
+import { getDeptUserTree } from '@/api/system/user'
+
+export default {
+    name: 'EmployeeDimensionDetails',
+    components: {
+        StatisticTable,
+        EmployeeTreeNode
+    },
+    data() {
+        return {
+            selectedTimeTag: 1,
+            timeTags: ['近一周', '近一月', '近三月', '近一年'],
+            beginTime: '',
+            endTime: '',
+            selectedOrgId: 143,
+            selectedOrgName: '',
+            selectedDeptType: 'TEAMS',
+            selectedDimension: '',
+            selectedDimName: '全部',
+            showOrgPicker: false,
+            showDimPicker: false,
+            orgSearchKeyword: '',
+            deptTreeData: [],
+            expandedDeptIds: [],
+            orgList: [],
+            dimensionOptions: [],
+            tableColumns: [
+                { props: 'userId', title: '员工ID' },
+                { props: 'personName', title: '姓名' },
+                { props: 'deptName', title: '部门' },
+                { props: 'teamName', title: '班组' },
+                { props: 'groupName', title: '小组' },
+                { props: 'dimensionName', title: '维度名称' },
+                { props: 'dimensionScore', title: '维度分值' }
+            ],
+            tableData: [],
+            allTableData: [],
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false
+        }
+    },
+    computed: {
+        filteredOrgList() {
+            const keyword = this.orgSearchKeyword.trim().toLowerCase()
+            if (!keyword) return this.orgList
+            return this.orgList.filter(item =>
+                (item.nickName || '').toLowerCase().includes(keyword)
+            )
+        }
+    },
+    mounted() {
+        this.loadDeptTree()
+        this.loadDimensionOptions()
+        this.fetchData()
+    },
+    methods: {
+        formatDate(date) {
+            const y = date.getFullYear()
+            const m = String(date.getMonth() + 1).padStart(2, '0')
+            const d = String(date.getDate()).padStart(2, '0')
+            return `${y}-${m}-${d}`
+        },
+        getDateRange() {
+            const now = new Date()
+            let start = new Date(now)
+            switch (this.selectedTimeTag) {
+                case 0: start.setDate(now.getDate() - 7); break
+                case 1: start.setMonth(now.getMonth() - 1); break
+                case 2: start.setMonth(now.getMonth() - 3); break
+                case 3: start.setFullYear(now.getFullYear() - 1); break
+                default: break
+            }
+            return { startDate: this.formatDate(start), endDate: this.formatDate(now) }
+        },
+        onTimeTagClick(index) {
+            this.selectedTimeTag = index
+        },
+        onBeginTimeChange(e) {
+            this.beginTime = e.detail.value
+        },
+        onEndTimeChange(e) {
+            this.endTime = e.detail.value
+        },
+        flattenDeptTree(tree) {
+            const result = []
+            const traverse = (nodes) => {
+                nodes.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (!hasChildren && node.nodeType !== 'dept') {
+                        result.push({
+                            nodeType: node.nodeType || '',
+                            userId: node.userId || node.id,
+                            nickName: node.nickName || node.label || node.userName || ''
+                        })
+                    }
+                    if (hasChildren) {
+                        traverse(node.children)
+                    }
+                })
+            }
+            traverse(tree)
+            return result
+        },
+        expandAllDepts(nodes) {
+            this.expandedDeptIds = []
+            const traverse = (list) => {
+                list.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (hasChildren || node.nodeType === 'dept') {
+                        this.expandedDeptIds.push(node.id)
+                        if (hasChildren) {
+                            traverse(node.children)
+                        }
+                    }
+                })
+            }
+            traverse(nodes)
+        },
+        findNodeInTree(nodes, id) {
+            for (const node of nodes) {
+                if (node.id === id) return node
+                if (node.children && node.children.length > 0) {
+                    const found = this.findNodeInTree(node.children, id)
+                    if (found) return found
+                }
+            }
+            return null
+        },
+        loadDeptTree() {
+            getDeptUserTree({}).then(res => {
+                if (res.code === 200) {
+                    this.deptTreeData = res.data || []
+                    this.orgList = this.flattenDeptTree(this.deptTreeData).filter(u => u.nodeType === 'user')
+                    this.expandAllDepts(this.deptTreeData)
+                    if (this.selectedOrgId) {
+                        const node = this.findNodeInTree(this.deptTreeData, this.selectedOrgId)
+                        if (node) {
+                            this.selectedOrgName = node.nickName || node.label || node.userName || ''
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        toggleDeptExpand(id) {
+            const index = this.expandedDeptIds.indexOf(id)
+            if (index > -1) {
+                this.expandedDeptIds.splice(index, 1)
+            } else {
+                this.expandedDeptIds.push(id)
+            }
+        },
+        onOrgSelect(item) {
+            this.selectedOrgId = item.userId
+            this.selectedOrgName = item.nickName
+            this.selectedDeptType = item.deptType || ''
+            this.showOrgPicker = false
+         
+        },
+        onOrgSearch() { },
+        selectDimension(value) {
+            this.selectedDimension = value
+            const item = this.dimensionOptions.find(d => d.value === value)
+            this.selectedDimName = value === '' ? '全部' : (item ? item.label : '')
+            this.showDimPicker = false
+        },
+        handleSearch() {
+            this.pageNum = 1
+            this.fetchData()
+        },
+        handleReset() {
+            this.selectedTimeTag = 1
+            this.beginTime = ''
+            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.updatePagedData()
+        },
+        async fetchData() {
+            this.loading = true
+            let params = this.getQueryParams()
+            try {
+                const res = await getEmployeeDimensionDetails(params)
+                if (res.code === 200 && res.data) {
+                    const data = res.data
+                    this.allTableData = data.list || data || []
+                    this.pageNum = 1
+                    this.updatePagedData()
+                }
+            } 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 = {}
+            if (this.beginTime && this.endTime) {
+                params.startDate = this.beginTime
+                params.endDate = this.endTime
+            } else {
+                const range = this.getDateRange()
+                params.startDate = range.startDate
+                params.endDate = range.endDate
+            }
+            if (this.selectedOrgId) {
+                const key = this.getOrgParamKey()
+                if (key){
+                    params[key] = this.selectedOrgId
+                }
+            }
+            if (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) { }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.dimension-page {
+    min-height: 100vh;
+    background: #f5f7fa;
+    padding-bottom: 40rpx;
+}
+
+.page-header {
+    background: #fff;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.header-title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #1e3c72;
+}
+
+.filter-bar {
+    background: #fff;
+    margin: 20rpx;
+    border-radius: 16rpx;
+    padding: 20rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.time-scroll {
+    width: 100%;
+    margin-bottom: 16rpx;
+}
+
+.time-tags {
+    display: flex;
+    gap: 0;
+    width: 100%;
+}
+
+.time-tag {
+    flex: 1;
+    text-align: center;
+    padding: 12rpx 0;
+    background: #f8fafc;
+    border: 1rpx solid #e2e8f0;
+    font-size: 24rpx;
+    color: #333;
+
+    &.active {
+        background: #2563eb;
+        border-color: #2563eb;
+        color: #fff;
+    }
+}
+
+.date-range-picker {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-top: 16rpx;
+    margin-bottom: 16rpx;
+}
+
+.date-picker-half {
+    flex: 1;
+}
+
+.date-input {
+    width: 100%;
+    padding: 12rpx 16rpx;
+    border-radius: 8rpx;
+    background: #f5f5f5;
+    font-size: 24rpx;
+    color: #999;
+    text-align: center;
+    box-sizing: border-box;
+
+    &.filled {
+        color: #333;
+    }
+}
+
+.date-separator {
+    font-size: 24rpx;
+    color: #999;
+    flex-shrink: 0;
+    padding: 0 12rpx;
+}
+
+.filter-row {
+    display: flex;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+
+.filter-select {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16rpx 20rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    border: 1rpx solid #e0e0e0;
+}
+
+.filter-select-text {
+    font-size: 26rpx;
+    color: #333;
+}
+
+.filter-actions {
+    display: flex;
+    gap: 16rpx;
+}
+
+.btn-search {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8rpx;
+    padding: 16rpx;
+    background: #2563eb;
+    border-radius: 8rpx;
+    color: #fff;
+    font-size: 28rpx;
+}
+
+.btn-reset {
+    padding: 16rpx 32rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    color: #666;
+    font-size: 28rpx;
+    text-align: center;
+}
+
+.section-area {
+    margin: 0 20rpx;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-bottom: 16rpx;
+}
+
+.section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #dc2626;
+}
+
+.section-badge {
+    font-size: 22rpx;
+    background: #eef2ff;
+    padding: 6rpx 20rpx;
+    border-radius: 30rpx;
+    color: #666;
+}
+
+.table-wrapper {
+    background: #fff;
+    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 {
+    display: flex;
+    justify-content: center;
+    padding: 20rpx 0;
+}
+
+.picker-popup,
+.dim-popup {
+    background: #fff;
+    border-radius: 16rpx 16rpx 0 0;
+    max-height: 70vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.picker-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.picker-title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333;
+}
+
+.search-box {
+    padding: 16rpx 32rpx;
+}
+
+.tree-list,
+.org-list {
+    flex: 1;
+    padding: 0 32rpx;
+    height: 0;
+    overflow: hidden;
+}
+
+.org-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.org-item-name {
+    font-size: 28rpx;
+    color: #333;
+}
+
+.dim-list {
+    padding: 16rpx 32rpx;
+}
+
+.dim-item {
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+    font-size: 28rpx;
+    color: #333;
+    text-align: center;
+
+    &.active {
+        color: #2563eb;
+        font-weight: 500;
+    }
+}
+</style>

src/pages/employeeProfile/index.vue

@@ -33,11 +33,13 @@
             </view>
 
             <view class="search-selector">
-                <view class="search-select-trigger" :class="{ 'search-select-trigger-disabled': isSecurityCheck || routeUserId }"
+                <view class="search-select-trigger"
+                    :class="{ 'search-select-trigger-disabled': isSecurityCheck || routeUserId }"
                     @click="!isSecurityCheck && !routeUserId && (showEmployeePicker = true)">
                     <u-icon name="list" color="#A78BFA" size="16"></u-icon>
                     <text class="search-name-text">{{ selectedEmployeeName || '请选择员工' }}</text>
-                    <u-icon v-if="!isSecurityCheck && !routeUserId" name="arrow-down" color="#A78BFA" size="14"></u-icon>
+                    <u-icon v-if="!isSecurityCheck && !routeUserId" name="arrow-down" color="#A78BFA"
+                        size="14"></u-icon>
                 </view>
             </view>
 
@@ -99,7 +101,7 @@
                                 <view class="info-label">标签：</view>
                                 <view class="info-value" v-if="portrait.userTags">
                                     <text class="tag" v-for="tag in portrait.userTags.split(',')" :key="tag">{{ tag
-                                        }}</text>
+                                    }}</text>
                                 </view>
                             </view>
                         </view>
@@ -146,6 +148,15 @@
                     </view>
                 </SectionTitle>
 
+                <SectionTitle v-if="activeTab === 'profile'" title="职业资格证书获取时间">
+                    <view class="cert-info">
+                        <view class="cert-item" v-for="level in displayQualificationLevels" :key="level.field">
+                            <text class="cert-name">{{ level.label }}：{{ (qualificationData && qualificationData[level.field]) || '-' }}</text>
+                        </view>
+                        <view v-if="!displayQualificationLevels.length" class="no-data">暂无数据</view>
+                    </view>
+                </SectionTitle>
+
                 <SectionTitle v-if="activeTab === 'profile' && displayQualificationLevels.length > 0" title="职业资格证书获取时间">
                     <view class="cert-info">
                         <view class="cert-item" v-for="level in displayQualificationLevels" :key="level.field">
@@ -161,7 +172,7 @@
                         <div class="legend-item legend-excellent"><span></span>优秀线（高于90分）</div>
                         <div class="legend-item legend-current"><span></span>当前分值</div>
                     </div>
-                    <div class="chart-container" ref="radarChart" ></div>
+                    <div class="chart-container" ref="radarChart"></div>
                 </SectionTitle>
 
                 <SectionTitle v-if="activeTab === 'profile'" title="补充信息">
@@ -226,7 +237,7 @@
                         <view class="warning-score-item">
                             <text class="warning-score-label">综合得分</text>
                             <text class="warning-score-value" :class="scoreLevelClass">{{ portrait.totalScore || 0
-                            }}</text>
+                                }}</text>
                         </view>
                     </view>
                     <view class="warning-detail" v-if="scoreDetails.length">
@@ -280,8 +291,8 @@
         </u-popup>
 
         <!-- 雷达图tooltip -->
-        <u-popup :show="showRadarTooltipPopup" mode="center" :round="12"
-            :mask-close-able="true" @close="closeRadarPopup"> 
+        <u-popup :show="showRadarTooltipPopup" mode="center" :round="12" :mask-close-able="true"
+            @close="closeRadarPopup">
 
             <div class="radar-tooltip-popup">
                 <div class="tooltip-card">
@@ -331,8 +342,7 @@
 
 <script>
 import * as echarts from 'echarts'
-import { getEmployeePortrait, countTagScore } from '@/api/portraitManagement/portraitManagement'
-import { getQualificationLevelTime } from '@/api/ledger/index'
+import { getEmployeePortrait, countTagScore,getQualificationLevelTime } from '@/api/portraitManagement/portraitManagement'
 import { listAllUser, getDeptUserTree } from '@/api/system/user'
 import SectionTitle from '@/components/SectionTitle.vue'
 import EmployeeTreeNode from '@/pages/components/EmployeeTreeNode.vue'
@@ -398,7 +408,14 @@ export default {
             // 控制雷达图 tooltip popup 显示
             showRadarTooltipPopup: false,
             // 评分明细数据
-            allScoreDetails: []
+            allScoreDetails: [],
+            qualificationLevelMap: [
+                { label: '五级', field: 'levelFiveTime' },
+                { label: '四级', field: 'levelFourTime' },
+                { label: '三级', field: 'levelThreeTime' },
+                { label: '二级', field: 'levelTwoTime' },
+                { label: '一级', field: 'levelOneTime' },
+            ]
         }
     },
     computed: {
@@ -490,7 +507,8 @@ export default {
         deductTotal() {
             const s = this.deductList.reduce((acc, d) => acc + Number(d.totalScore), 0)
             return s.toFixed(2)
-        }
+        },
+
     },
     // uni-app 页面生命周期：接收路由参数
     onLoad(options) {
@@ -1388,6 +1406,29 @@ export default {
 }
 
 .cert-info {
+    .cert-item {
+        padding: 16rpx 0;
+        border-bottom: 1rpx solid #f0f0f0;
+
+        &:last-child {
+            border-bottom: none;
+        }
+
+        .cert-name {
+            font-size: 26rpx;
+            color: #333;
+        }
+    }
+
+    .no-data {
+        font-size: 26rpx;
+        color: #999;
+        text-align: center;
+        padding: 24rpx 0;
+    }
+}
+
+.cert-info {
     display: flex;
     flex-direction: column;
     gap: 16rpx;

src/pages/profileManage/index.vue

@@ -19,8 +19,9 @@
 <script>
 import HomeContainer from '@/components/HomeContainer.vue'
 import { getAppList } from '@/api/system/user'
+import {profileAppNames} from "@/utils/common.js";
 
-const profileAppNames = ['全站综合信息', '部门画像', '班组画像', '小组画像', '员工画像']
+// const profileAppNames = ['全站综合信息', '部门画像', '班组画像', '小组画像', '员工画像', '部门仪表盘']
 
 export default {
   components: { HomeContainer },

src/pages/redLineWarning/index.vue

@@ -0,0 +1,700 @@
+<template>
+    <view class="redline-page">
+        <view class="page-header">
+            <view class="header-title">红线指标预警</view>
+            <view class="header-subtitle">员工综合评估(平均每月>=3次触发预警)</view>
+            <view class="badge-group">
+                <view class="alert-badge">红色预警</view>
+                <view class="alert-badge orange">动态月度数据</view>
+            </view>
+        </view>
+
+        <view class="filter-bar">
+            <scroll-view scroll-x class="time-scroll">
+                <view class="time-tags">
+                    <view v-for="(tag, index) in timeTags" :key="index"
+                        :class="['time-tag', { active: selectedTimeTag === index }]" @click="onTimeTagClick(index)">
+                        {{ tag }}
+                    </view>
+                </view>
+            </scroll-view>
+            <view class="date-range-picker">
+                <picker mode="date" :value="beginTime" @change="onBeginTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: beginTime }">
+                        {{ beginTime || '开始日期' }}
+                    </view>
+                </picker>
+                <text class="date-separator">至</text>
+                <picker mode="date" :value="endTime" @change="onEndTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: endTime }">
+                        {{ endTime || '结束日期' }}
+                    </view>
+                </picker>
+            </view>
+
+            <view class="filter-row">
+                <view class="filter-select" @click="showOrgPicker = true">
+                    <text class="filter-select-text">{{ selectedOrgName || '组织架构/员工' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+                <view class="filter-select" @click="showLevelPicker = true">
+                    <text class="filter-select-text">{{ selectedLevelName || '预警等级' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+            </view>
+
+            <view class="filter-actions">
+                <view class="btn-search" @click="handleSearch">
+                    <u-icon name="search" size="16" color="#fff"></u-icon>
+                    <text>搜索</text>
+                </view>
+                <view class="btn-reset" @click="handleReset">重置</view>
+            </view>
+        </view>
+
+        <!-- 员工列表 -->
+        <view class="section-area">
+            <SectionTitle title="红线指标预警明细">
+                <view class="section-badge">评分依据：员工配分表</view>
+            </SectionTitle>
+
+            <view class="table-wrapper">
+                <statistic-table :columns="tableColumns" :data="tableData">
+                    <template #column-totalScore="{ row }">
+                        <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" simple @change="onPageChange" />
+            </view>
+
+            <!-- <view class="warning-summary">
+                <view class="summary-item">
+                    <view class="dot red"></view>
+                    <text><strong>红色预警</strong> 共计 {{ redAlertCount }} 人</text>
+                </view>
+                <view class="summary-item">
+                    <view class="dot green"></view>
+                    <text><strong>优秀标杆</strong> 共计 {{ excellentCount }} 人</text>
+                </view>
+                <view class="summary-item">
+                    <text>全员平均得分: <strong>{{ avgScore }}</strong> 分</text>
+                </view>
+            </view> -->
+        </view>
+
+        <!-- 组织架构选择弹窗 -->
+        <u-popup :show="showOrgPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showOrgPicker = false">
+            <view class="picker-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择组织架构/员工</text>
+                    <u-icon name="close" size="20" @click="showOrgPicker = false"></u-icon>
+                </view>
+                <view class="search-box">
+                    <u-input v-model="orgSearchKeyword" placeholder="搜索" @input="onOrgSearch"></u-input>
+                </view>
+                <scroll-view v-if="!orgSearchKeyword.trim()" scroll-y class="tree-list">
+                    <employee-tree-node v-for="node in deptTreeData" :key="node.id" :node="node"
+                        :expanded-ids="expandedDeptIds" :selected-id="selectedOrgId" @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"
+                        @click="onOrgSelect(item)">
+                        <text class="org-item-name">{{ item.nickName }}</text>
+                        <u-icon v-if="item.userId === selectedOrgId" name="checkmark" color="#34D399"
+                            size="18"></u-icon>
+                    </view>
+                </scroll-view>
+            </view>
+        </u-popup>
+
+        <!-- 预警等级选择弹窗 -->
+        <u-popup :show="showLevelPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showLevelPicker = false">
+            <view class="level-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择预警等级</text>
+                    <u-icon name="close" size="20" @click="showLevelPicker = false"></u-icon>
+                </view>
+                <view class="level-list">
+                    <view class="level-item" :class="{ active: selectedAlertLevel === '' }" @click="selectLevel('')">
+                        <text>全部</text>
+                    </view>
+                    <view class="level-item" v-for="item in alertLevelList" :key="item.value"
+                        :class="{ active: selectedAlertLevel === item.value }" @click="selectLevel(item.value)">
+                        <text>{{ item.label }}</text>
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import SectionTitle from '@/components/SectionTitle.vue'
+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,
+        EmployeeTreeNode
+    },
+    data() {
+        return {
+            selectedTimeTag: 1,
+            timeTags: ['近一周', '近一月', '近三月', '近一年'],
+            beginTime: '',
+            endTime: '',
+            selectedOrgId: null,
+            selectedOrgName: '',
+            selectedAlertLevel: '',
+            selectedLevelName: '全部',
+            showOrgPicker: false,
+            showLevelPicker: false,
+            orgSearchKeyword: '',
+            deptTreeData: [],
+            expandedDeptIds: [],
+            orgList: [],
+            alertLevelList: [],
+            statusLabelList: [],
+            tableColumns: [
+                { props: 'nickName', title: '姓名' },
+                { props: 'deptName', title: '部门' },
+                { props: 'dimensionName', title: '维度' },
+                { props: 'level2Name', title: '二级指标' },
+                { props: 'totalScore', title: '扣分合计', slot: true },
+                { props: 'occurrenceCount', title: '发生次数' },
+                { props: 'warningLevel', title: '预警等级', slot: true },
+                { props: 'coreRisks', title: '核心风险' },
+                { props: 'statusLabel', title: '状态标签', slot: true }
+            ],
+            tableData: [],
+            allTableData: [],
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            redAlertCount: 0,
+            excellentCount: 0,
+            avgScore: 0
+        }
+    },
+    computed: {
+        filteredOrgList() {
+            const keyword = this.orgSearchKeyword.trim().toLowerCase()
+            if (!keyword) return this.orgList
+            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) {
+        if (options.id) {
+            this.selectedOrgId = Number(options.id)
+        }
+        if (options.startDate) {
+            this.beginTime = options.startDate
+            this.selectedTimeTag = 4
+        }
+        if (options.endDate) {
+            this.endTime = options.endDate
+        }
+        if (options.activeRange) {
+            this.selectedTimeTag = Number(options.activeRange)
+        }
+        if (options.alertLevel) {
+            this.selectedAlertLevel = options.alertLevel
+        }
+    },
+    mounted() {
+        this.loadDeptTree()
+        this.loadDicts()
+        this.fetchData()
+    },
+    methods: {
+        formatDate(date) {
+            const y = date.getFullYear()
+            const m = String(date.getMonth() + 1).padStart(2, '0')
+            const d = String(date.getDate()).padStart(2, '0')
+            return `${y}-${m}-${d}`
+        },
+        getDateRange() {
+            const now = new Date()
+            let start = new Date(now)
+            switch (this.selectedTimeTag) {
+                case 0: start.setDate(now.getDate() - 7); break
+                case 1: start.setMonth(now.getMonth() - 1); break
+                case 2: start.setMonth(now.getMonth() - 3); break
+                case 3: start.setFullYear(now.getFullYear() - 1); break
+                default: break
+            }
+            return { startDate: this.formatDate(start), endDate: this.formatDate(now) }
+        },
+        onTimeTagClick(index) {
+            this.selectedTimeTag = index
+        },
+        onBeginTimeChange(e) {
+            this.beginTime = e.detail.value
+        },
+        onEndTimeChange(e) {
+            this.endTime = e.detail.value
+        },
+        flattenDeptTree(tree) {
+            const result = []
+            const traverse = (nodes) => {
+                nodes.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (!hasChildren && node.nodeType !== 'dept') {
+                        result.push({
+                            nodeType: node.nodeType || '',
+                            userId: node.userId || node.id,
+                            nickName: node.nickName || node.label || node.userName || ''
+                        })
+                    }
+                    if (hasChildren) {
+                        traverse(node.children)
+                    }
+                })
+            }
+            traverse(tree)
+            return result
+        },
+        expandAllDepts(nodes) {
+            this.expandedDeptIds = []
+            const traverse = (list) => {
+                list.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (hasChildren || node.nodeType === 'dept') {
+                        this.expandedDeptIds.push(node.id)
+                        if (hasChildren) {
+                            traverse(node.children)
+                        }
+                    }
+                })
+            }
+            traverse(nodes)
+        },
+        loadDeptTree() {
+            getDeptUserTree({}).then(res => {
+                if (res.code === 200) {
+                    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(() => { })
+        },
+        toggleDeptExpand(id) {
+            const index = this.expandedDeptIds.indexOf(id)
+            if (index > -1) {
+                this.expandedDeptIds.splice(index, 1)
+            } else {
+                this.expandedDeptIds.push(id)
+            }
+        },
+        onOrgSelect(item) {
+            this.selectedOrgId = item.userId
+            this.selectedOrgName = item.nickName
+            this.showOrgPicker = false
+        },
+        onOrgSearch() { },
+        selectLevel(value) {
+            this.selectedAlertLevel = value
+            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
+            this.fetchData()
+        },
+        handleReset() {
+            this.selectedTimeTag = 1
+            this.beginTime = ''
+            this.endTime = ''
+            this.selectedOrgId = null
+            this.selectedOrgName = ''
+            this.selectedAlertLevel = ''
+            this.selectedLevelName = '全部'
+            this.pageNum = 1
+            this.fetchData()
+        },
+        onPageChange(e) {
+            this.pageNum = e.current
+            this.updatePagedData()
+        },
+        async fetchData() {
+            let params = this.getQueryParams()
+            try {
+                const res = await getRedLineWarningPageData(params)
+                if (res.code === 200 && res.data) {
+                    const data = res.data
+                    this.allTableData = data || []
+                    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) {
+                params.startDate = this.beginTime
+                params.endDate = this.endTime
+            } else {
+                const range = this.getDateRange()
+                params.startDate = range.startDate
+                params.endDate = range.endDate
+            }
+            if (this.selectedOrgId) {
+                params.userId = this.selectedOrgId
+            }
+            return params
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.redline-page {
+    min-height: 100vh;
+    background: #f5f7fa;
+    padding-bottom: 40rpx;
+}
+
+.page-header {
+    background: #fff;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.header-title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #dc2626;
+}
+
+.header-subtitle {
+    font-size: 24rpx;
+    color: #666;
+    margin-top: 8rpx;
+}
+
+.badge-group {
+    display: flex;
+    gap: 16rpx;
+    margin-top: 16rpx;
+}
+
+.alert-badge {
+    padding: 8rpx 20rpx;
+    border-radius: 40rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+    background: #fff1f0;
+    border-left: 5rpx solid #ef4444;
+    color: #ef4444;
+
+    &.orange {
+        border-left-color: #f97316;
+        color: #f97316;
+    }
+}
+
+.filter-bar {
+    background: #fff;
+    margin: 20rpx;
+    border-radius: 16rpx;
+    padding: 20rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.time-scroll {
+    width: 100%;
+    margin-bottom: 16rpx;
+}
+
+.time-tags {
+    display: flex;
+    gap: 0;
+    width: 100%;
+}
+
+.time-tag {
+    flex: 1;
+    text-align: center;
+    padding: 12rpx 0;
+    background: #f8fafc;
+    border: 1rpx solid #e2e8f0;
+    font-size: 24rpx;
+    color: #333;
+
+    &.active {
+        background: #dc2626;
+        border-color: #dc2626;
+        color: #fff;
+    }
+}
+
+.date-range-picker {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-top: 16rpx;
+    margin-bottom: 16rpx;
+}
+
+.date-picker-half {
+    flex: 1;
+}
+
+.date-input {
+    width: 100%;
+    padding: 12rpx 16rpx;
+    border-radius: 8rpx;
+    background: #f5f5f5;
+    font-size: 24rpx;
+    color: #999;
+    text-align: center;
+    box-sizing: border-box;
+
+    &.filled {
+        color: #333;
+    }
+}
+
+.date-separator {
+    font-size: 24rpx;
+    color: #999;
+    flex-shrink: 0;
+    padding: 0 12rpx;
+}
+
+.filter-row {
+    display: flex;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+
+.filter-select {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16rpx 20rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    border: 1rpx solid #e0e0e0;
+}
+
+.filter-select-text {
+    font-size: 26rpx;
+    color: #333;
+}
+
+.filter-actions {
+    display: flex;
+    gap: 16rpx;
+}
+
+.btn-search {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8rpx;
+    padding: 16rpx;
+    background: #dc2626;
+    border-radius: 8rpx;
+    color: #fff;
+    font-size: 28rpx;
+}
+
+.btn-reset {
+    padding: 16rpx 32rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    color: #666;
+    font-size: 28rpx;
+    text-align: center;
+}
+
+.section-area {
+    margin: 0 20rpx;
+}
+
+.section-badge {
+    font-size: 22rpx;
+    background: #fef2f2;
+    padding: 6rpx 20rpx;
+    border-radius: 30rpx;
+    color: #dc2626;
+}
+
+.table-wrapper {
+    background: #fff;
+    border-radius: 16rpx;
+    overflow-x: auto;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.pagination-wrapper {
+    display: flex;
+    justify-content: center;
+    padding: 20rpx 0;
+}
+
+.warning-summary {
+    background: #fff9f0;
+    border-radius: 16rpx;
+    padding: 20rpx;
+    margin-top: 20rpx;
+}
+
+.summary-item {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 8rpx 0;
+    font-size: 26rpx;
+    color: #333;
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    border-radius: 50%;
+    flex-shrink: 0;
+
+    &.red {
+        background: #ef4444;
+    }
+
+    &.green {
+        background: #22c55e;
+    }
+}
+
+.score-danger {
+    font-weight: bold;
+    color: #dc2626;
+    background: #fee2e2;
+    padding: 4rpx 12rpx;
+    border-radius: 30rpx;
+    font-size: 24rpx;
+}
+
+.picker-popup,
+.level-popup {
+    background: #fff;
+    border-radius: 16rpx 16rpx 0 0;
+    max-height: 70vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.picker-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.picker-title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333;
+}
+
+.search-box {
+    padding: 16rpx 32rpx;
+}
+
+.tree-list,
+.org-list {
+    flex: 1;
+    padding: 0 32rpx;
+    height: 0;
+    overflow: hidden;
+}
+
+.org-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.org-item-name {
+    font-size: 28rpx;
+    color: #333;
+}
+
+.level-list {
+    padding: 16rpx 32rpx;
+}
+
+.level-item {
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+    font-size: 28rpx;
+    color: #333;
+    text-align: center;
+
+    &.active {
+        color: #dc2626;
+        font-weight: 500;
+    }
+}
+</style>

src/pages/warningManage/index.vue

@@ -0,0 +1,106 @@
+<template>
+  <home-container :customStyle="{ background: 'none', backgroundColor: '#f5f5f5' }">
+    <view class="profile-manage-container">
+      <view class="grid-body">
+        <uni-section title="预警管理" type="line" class="uni-section-custom"></uni-section>
+        <uni-grid :column="3" :showBorder="false">
+          <uni-grid-item v-for="(item, index) in items" :key="index">
+            <view class="grid-item-box" @click="handleGridClick(item.appUrl)">
+              <img alt="" :src="item.workbenchIcon">
+              <text class="text">{{ item.appName }}</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import { getAppList } from '@/api/system/user'
+import { warningAppNames } from "@/utils/common.js";
+
+
+
+export default {
+  components: { HomeContainer },
+  data() {
+    return {
+      appList: []
+    }
+  },
+  computed: {
+    items() {
+      return this.appList.filter(item => warningAppNames.includes(item.appName))
+    }
+  },
+  onLoad() {
+    this.loadAppList()
+  },
+  methods: {
+    async loadAppList() {
+      try {
+        const res = await getAppList({ homePage: 0 })
+        if (res.code === 200) {
+          this.appList = res.data || []
+        }
+      } catch (error) {
+        console.error('获取画像应用列表失败:', error)
+        this.appList = []
+      }
+    },
+    handleGridClick(url) {
+      if (!url) return
+      uni.navigateTo({ url })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.profile-manage-container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+}
+
+.grid-body {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+
+  .uni-section-custom {
+    ::v-deep .uni-section-header {
+      padding: 12rpx 10rpx !important;
+    }
+  }
+}
+
+.grid-item-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30rpx 0;
+
+  img {
+    display: inline-block;
+    width: 88rpx;
+    height: 88rpx;
+  }
+
+  &:active {
+    background-color: #f5f5f5;
+    border-radius: 12rpx;
+  }
+}
+
+.text {
+  text-align: center;
+  font-size: 25rpx;
+  margin-top: 15rpx;
+  color: #333;
+}
+</style>

src/pages/warningPage/index.vue

@@ -0,0 +1,804 @@
+<template>
+    <view class="warning-page">
+        <view class="page-header">
+            <view class="header-title">综合预警工作台</view>
+            <view class="header-subtitle">员工综合评估（＜75分红色预警 | ≥90分优秀）</view>
+            <view class="badge-group">
+                <view class="alert-badge">实时预警</view>
+                <view class="alert-badge orange">动态月度数据</view>
+            </view>
+        </view>
+
+        <view class="filter-bar">
+            <scroll-view scroll-x class="time-scroll">
+                <view class="time-tags">
+                    <view v-for="(tag, index) in timeTags" :key="index"
+                        :class="['time-tag', { active: selectedTimeTag === index }]" @click="onTimeTagClick(index)">
+                        {{ tag }}
+                    </view>
+                </view>
+            </scroll-view>
+            <view class="date-range-picker">
+                <picker mode="date" :value="beginTime" @change="onBeginTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: beginTime }">
+                        {{ beginTime || '开始日期' }}
+                    </view>
+                </picker>
+                <text class="date-separator">至</text>
+                <picker mode="date" :value="endTime" @change="onEndTimeChange" class="date-picker-half">
+                    <view class="date-input" :class="{ filled: endTime }">
+                        {{ endTime || '结束日期' }}
+                    </view>
+                </picker>
+            </view>
+
+            <view class="filter-row">
+                <view class="filter-select" @click="showOrgPicker = true">
+                    <text class="filter-select-text">{{ selectedOrgName || '组织架构/员工' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+                <view class="filter-select" @click="showLevelPicker = true">
+                    <text class="filter-select-text">{{ selectedLevelName || '预警等级' }}</text>
+                    <u-icon name="arrow-down" size="14" color="#999"></u-icon>
+                </view>
+            </view>
+
+            <view class="filter-actions">
+                <view class="btn-search" @click="handleSearch">
+                    <u-icon name="search" size="16" color="#fff"></u-icon>
+                    <text>搜索</text>
+                </view>
+                <view class="btn-reset" @click="handleReset">重置</view>
+            </view>
+        </view>
+
+        <!-- 9个汇总卡片 -->
+        <view class="cards-grid">
+            <view class="summary-card" v-for="(card, index) in summaryCards" :key="index">
+                <view class="card-title">{{ card.title }}</view>
+                <view class="card-badge">{{ card.badge }}</view>
+                <view class="card-value" :style="{ color: card.color }">{{ card.value }}</view>
+            </view>
+        </view>
+
+        <view class="section-area">
+            <SectionTitle title="员工综合预警">
+                <view class="section-badge">评分依据：员工配分表</view>
+            </SectionTitle>
+
+            <view class="table-wrapper">
+                <statistic-table :columns="employeeColumns" :data="employeeList">
+                    <template #column-overallScore="{ row }">
+                        <text v-if="row.overallScore < 75" class="score-danger">{{ row.overallScore }}分</text>
+                        <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>
+                </statistic-table>
+            </view>
+
+            <view class="pagination-wrapper" v-if="total > 0">
+                <uni-pagination :current="pageNum" :total="total" :page-size="pageSize" simple @change="onPageChange" />
+            </view>
+
+            <view class="warning-summary">
+                <view class="summary-item">
+                    <view class="dot red"></view>
+                    <text><strong>红色预警</strong> (＜75分) 共计 {{ redAlertCount }} 人</text>
+                </view>
+                <view class="summary-item">
+                    <view class="dot green"></view>
+                    <text><strong>优秀标杆</strong> (≥90分) 共计 {{ excellentCount }} 人</text>
+                </view>
+                <view class="summary-item">
+                    <text>全员平均综合得分: <strong>{{ avgScore }}</strong> 分</text>
+                </view>
+            </view>
+        </view>
+
+        <!-- 组织架构选择弹窗 -->
+        <u-popup :show="showOrgPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showOrgPicker = false">
+            <view class="picker-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择组织架构/员工</text>
+                    <u-icon name="close" size="20" @click="showOrgPicker = false"></u-icon>
+                </view>
+                <view class="search-box">
+                    <u-input v-model="orgSearchKeyword" placeholder="搜索" @input="onOrgSearch"></u-input>
+                </view>
+                <scroll-view v-if="!orgSearchKeyword.trim()" scroll-y class="tree-list">
+                    <employee-tree-node v-for="node in deptTreeData" :key="node.id" :node="node"
+                        :expanded-ids="expandedDeptIds" :selected-id="selectedOrgId" @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"
+                        @click="onOrgSelect(item)">
+                        <text class="org-item-name">{{ item.nickName }}</text>
+                        <u-icon v-if="item.userId === selectedOrgId" name="checkmark" color="#34D399"
+                            size="18"></u-icon>
+                    </view>
+                </scroll-view>
+            </view>
+        </u-popup>
+
+        <!-- 预警等级选择弹窗 -->
+        <u-popup :show="showLevelPicker" mode="bottom" :round="16" :mask-close-able="true"
+            @close="showLevelPicker = false">
+            <view class="level-popup">
+                <view class="picker-header">
+                    <text class="picker-title">选择预警等级</text>
+                    <u-icon name="close" size="20" @click="showLevelPicker = false"></u-icon>
+                </view>
+                <view class="level-list">
+                    <view class="level-item" :class="{ active: selectedAlertLevel === '' }" @click="selectLevel('')">
+                        <text>全部</text>
+                    </view>
+                    <view class="level-item" v-for="item in alertLevelList" :key="item.value"
+                        :class="{ active: selectedAlertLevel === item.value }" @click="selectLevel(item.value)">
+                        <text>{{ item.label }}</text>
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import SectionTitle from '@/components/SectionTitle.vue'
+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,
+        EmployeeTreeNode
+    },
+    data() {
+        return {
+            selectedTimeTag: 1,
+            timeTags: ['近一周', '近一月', '近三月', '近一年'],
+            beginTime: '',
+            endTime: '',
+            selectedOrgId: null,
+            selectedOrgName: '',
+            selectedAlertLevel: '',
+            selectedLevelName: '全部',
+            showOrgPicker: false,
+            showLevelPicker: false,
+            orgSearchKeyword: '',
+            deptTreeData: [],
+            expandedDeptIds: [],
+            orgList: [],
+            alertLevelList: [],
+            statusLabelList: [],
+            summaryCards: [
+                { title: '部门监察问题', badge: '部门级', value: '0', color: '#b45309' },
+                { title: '实时质控拦截', badge: '部门级', value: '0', color: '#2563eb' },
+                { title: '不安全事件', badge: '一级预警', value: '0', color: '#dc2626' },
+                { title: '安保测试记录', badge: '部门级', value: '0', color: '#e67e22' },
+                { title: '旅客服务投诉', badge: '服务响应', value: '0', color: '#e67e22' },
+                { title: '服务巡查', badge: '部门级', value: '0', color: '#333' },
+                { title: '培训及考试成绩', badge: '平均分数', value: '0', color: '#333' },
+                { title: '航站楼', badge: '吞吐量', value: '0', color: '#059669' },
+                { title: '小额奖励', badge: '奖励次数', value: '0', color: '#7c3aed' }
+            ],
+            employeeColumns: [
+                { props: 'userId', title: '员工ID' },
+                { props: 'nickName', title: '姓名' },
+                { props: 'deptName', title: '所属部门' },
+                { props: 'overallScore', title: '综合评估得分', slot: true },
+                { props: 'warningLevel', title: '预警等级', slot: true },
+                { props: 'coreRisksOrOutstandingAchievements', title: '核心风险/优秀事迹' },
+                { props: 'statusLabel', title: '状态标签', slot: true },
+                { props: 'detail', title: '详情', slot: true }
+            ],
+            employeeList: [],
+            allEmployeeList: [],
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            redAlertCount: 0,
+            excellentCount: 0,
+            avgScore: 0,
+            warningDataMap: {
+                ledgerSupervisionProblem: 0,
+                ledgerRealtimeInterception: 1,
+                ledgerUnsafeEvent: 2,
+                ledgerSecurityTest: 3,
+                ledgerComplaint: 4,
+                ledgerServicePatrol: 5,
+                ledgerExamScore: 6,
+                ledgerTerminalBonus: 7,
+                ledgerRewardApproval: 8
+            }
+        }
+    },
+    computed: {
+        filteredOrgList() {
+            const keyword = this.orgSearchKeyword.trim().toLowerCase()
+            if (!keyword) return this.orgList
+            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) {
+        if (options.id) {
+            this.selectedOrgId = Number(options.id)
+        }
+    },
+    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')
+            const d = String(date.getDate()).padStart(2, '0')
+            return `${y}-${m}-${d}`
+        },
+        getDateRange() {
+            const now = new Date()
+            let start = new Date(now)
+            switch (this.selectedTimeTag) {
+                case 0: start.setDate(now.getDate() - 7); break
+                case 1: start.setMonth(now.getMonth() - 1); break
+                case 2: start.setMonth(now.getMonth() - 3); break
+                case 3: start.setFullYear(now.getFullYear() - 1); break
+                default: break
+            }
+            return { startDate: this.formatDate(start), endDate: this.formatDate(now) }
+        },
+        onTimeTagClick(index) {
+            this.selectedTimeTag = index
+        },
+        onBeginTimeChange(e) {
+            this.beginTime = e.detail.value
+        },
+        onEndTimeChange(e) {
+            this.endTime = e.detail.value
+        },
+        flattenDeptTree(tree) {
+            const result = []
+            const traverse = (nodes) => {
+                nodes.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (!hasChildren && node.nodeType !== 'dept') {
+                        result.push({
+                            nodeType: node.nodeType || '',
+                            userId: node.userId || node.id,
+                            nickName: node.nickName || node.label || node.userName || ''
+                        })
+                    }
+                    if (hasChildren) {
+                        traverse(node.children)
+                    }
+                })
+            }
+            traverse(tree)
+            return result
+        },
+        expandAllDepts(nodes) {
+            this.expandedDeptIds = []
+            const traverse = (list) => {
+                list.forEach(node => {
+                    const hasChildren = node.children && node.children.length > 0
+                    if (hasChildren || node.nodeType === 'dept') {
+                        this.expandedDeptIds.push(node.id)
+                        if (hasChildren) {
+                            traverse(node.children)
+                        }
+                    }
+                })
+            }
+            traverse(nodes)
+        },
+        loadDeptTree() {
+            getDeptUserTree({}).then(res => {
+                if (res.code === 200) {
+                    this.deptTreeData = res.data || []
+                    this.orgList = this.flattenDeptTree(this.deptTreeData).filter(u => u.nodeType === 'user')
+                    this.expandAllDepts(this.deptTreeData)
+                }
+            }).catch(() => { })
+        },
+        toggleDeptExpand(id) {
+            const index = this.expandedDeptIds.indexOf(id)
+            if (index > -1) {
+                this.expandedDeptIds.splice(index, 1)
+            } else {
+                this.expandedDeptIds.push(id)
+            }
+        },
+        onOrgSelect(item) {
+            this.selectedOrgId = item.userId
+            this.selectedOrgName = item.nickName
+            this.showOrgPicker = false
+        },
+        onOrgSearch() { },
+        selectLevel(value) {
+            this.selectedAlertLevel = value
+            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
+            this.fetchData()
+        },
+        handleReset() {
+            this.selectedTimeTag = 1
+            this.beginTime = ''
+            this.endTime = ''
+            this.selectedOrgId = null
+            this.selectedOrgName = ''
+            this.selectedAlertLevel = ''
+            this.selectedLevelName = '全部'
+            this.pageNum = 1
+            this.fetchData()
+        },
+        onPageChange(e) {
+            this.pageNum = e.current
+            this.updatePagedData()
+        },
+        async fetchData() {
+            await Promise.all([this.fetchSummaryData(), this.fetchEmployeeData()])
+        },
+        async fetchSummaryData() {
+            let params = this.getQueryParams()
+            try {
+                const res = await getWarningPageData(params)
+                if (res.code === 200 && res.data) {
+                    const d = res.data
+                    this.summaryCards.forEach((card, idx) => {
+                        for (const [key, i] of Object.entries(this.warningDataMap)) {
+                            if (i === idx) {
+                                card.value = d[key] !== undefined ? String(d[key]) : '0'
+                                break
+                            }
+                        }
+                    })
+                }
+            } catch (e) { }
+        },
+        async fetchEmployeeData() {
+            let params = this.getQueryParams()
+            try {
+                const res = await getEmployeeWarningPageData(params)
+                if (res.code === 200 && res.data) {
+                    const data = res.data
+                    this.allEmployeeList = data.ledgerWarningDetailItemList || []
+                   
+                    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 = data.slice(start, end)
+        },
+        getQueryParams() {
+            let params = {}
+            if (this.beginTime && this.endTime) {
+                params.startDate = this.beginTime
+                params.endDate = this.endTime
+            } else {
+                const range = this.getDateRange()
+                params.startDate = range.startDate
+                params.endDate = range.endDate
+            }
+            if (this.selectedOrgId) {
+                params.userId = this.selectedOrgId
+            }
+            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?' + query.join('&')
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.warning-page {
+    min-height: 100vh;
+    background: #f5f7fa;
+    padding-bottom: 40rpx;
+}
+
+.page-header {
+    background: #fff;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.header-title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #1e3c72;
+}
+
+.header-subtitle {
+    font-size: 24rpx;
+    color: #666;
+    margin-top: 8rpx;
+}
+
+.badge-group {
+    display: flex;
+    gap: 16rpx;
+    margin-top: 16rpx;
+}
+
+.alert-badge {
+    padding: 8rpx 20rpx;
+    border-radius: 40rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+    background: #fff1f0;
+    border-left: 5rpx solid #ef4444;
+    color: #ef4444;
+
+    &.orange {
+        border-left-color: #f97316;
+        color: #f97316;
+    }
+}
+
+.filter-bar {
+    background: #fff;
+    margin: 20rpx;
+    border-radius: 16rpx;
+    padding: 20rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.time-scroll {
+    width: 100%;
+    margin-bottom: 16rpx;
+}
+
+.time-tags {
+    display: flex;
+    gap: 0;
+    width: 100%;
+}
+
+.time-tag {
+    flex: 1;
+    text-align: center;
+    padding: 12rpx 0;
+    background: #f8fafc;
+    border: 1rpx solid #e2e8f0;
+    font-size: 24rpx;
+    color: #333;
+
+    &.active {
+        background: #2563eb;
+        border-color: #2563eb;
+        color: #fff;
+    }
+}
+
+.date-range-picker {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-top: 16rpx;
+    margin-bottom: 16rpx;
+}
+
+.date-picker-half {
+    flex: 1;
+}
+
+.date-input {
+    width: 100%;
+    padding: 12rpx 16rpx;
+    border-radius: 8rpx;
+    background: #f5f5f5;
+    font-size: 24rpx;
+    color: #999;
+    text-align: center;
+    box-sizing: border-box;
+
+    &.filled {
+        color: #333;
+    }
+}
+
+.date-separator {
+    font-size: 24rpx;
+    color: #999;
+    flex-shrink: 0;
+    padding: 0 12rpx;
+}
+
+.filter-row {
+    display: flex;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+
+.filter-select {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16rpx 20rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    border: 1rpx solid #e0e0e0;
+}
+
+.filter-select-text {
+    font-size: 26rpx;
+    color: #333;
+}
+
+.filter-actions {
+    display: flex;
+    gap: 16rpx;
+}
+
+.btn-search {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8rpx;
+    padding: 16rpx;
+    background: #2563eb;
+    border-radius: 8rpx;
+    color: #fff;
+    font-size: 28rpx;
+}
+
+.btn-reset {
+    padding: 16rpx 32rpx;
+    background: #f5f5f5;
+    border-radius: 8rpx;
+    color: #666;
+    font-size: 28rpx;
+    text-align: center;
+}
+
+.cards-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16rpx;
+    padding: 0 20rpx;
+    margin-bottom: 20rpx;
+}
+
+.summary-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx 20rpx;
+    text-align: center;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+    border: 1rpx solid #eef2f6;
+}
+
+.card-title {
+    font-size: 26rpx;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 8rpx;
+}
+
+.card-badge {
+    display: inline-block;
+    font-size: 20rpx;
+    background: #f1f5f9;
+    padding: 4rpx 16rpx;
+    border-radius: 30rpx;
+    color: #666;
+    margin-bottom: 12rpx;
+}
+
+.card-value {
+    font-size: 48rpx;
+    font-weight: 800;
+}
+
+.section-area {
+    margin: 0 20rpx;
+}
+
+.section-badge {
+    font-size: 22rpx;
+    background: #eef2ff;
+    padding: 6rpx 20rpx;
+    border-radius: 30rpx;
+    color: #666;
+}
+
+.table-wrapper {
+    background: #fff;
+    border-radius: 16rpx;
+    overflow-x: auto;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.pagination-wrapper {
+    display: flex;
+    justify-content: center;
+    padding: 20rpx 0;
+}
+
+.warning-summary {
+    background: #fff9f0;
+    border-radius: 16rpx;
+    padding: 20rpx;
+    margin-top: 20rpx;
+}
+
+.summary-item {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 8rpx 0;
+    font-size: 26rpx;
+    color: #333;
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    border-radius: 50%;
+    flex-shrink: 0;
+
+    &.red {
+        background: #ef4444;
+    }
+
+    &.green {
+        background: #22c55e;
+    }
+}
+
+.score-danger {
+    font-weight: bold;
+    color: #dc2626;
+    background: #fee2e2;
+    padding: 4rpx 12rpx;
+    border-radius: 30rpx;
+    font-size: 24rpx;
+}
+
+.score-excellent {
+    font-weight: bold;
+    color: #15803d;
+    background: #dcfce7;
+    padding: 4rpx 12rpx;
+    border-radius: 30rpx;
+    font-size: 24rpx;
+}
+
+.detail-link {
+    color: #2563eb;
+    font-size: 24rpx;
+}
+
+.picker-popup,
+.level-popup {
+    background: #fff;
+    border-radius: 16rpx 16rpx 0 0;
+    max-height: 70vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.picker-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid #eee;
+}
+
+.picker-title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333;
+}
+
+.search-box {
+    padding: 16rpx 32rpx;
+}
+
+.tree-list,
+.org-list {
+    flex: 1;
+    padding: 0 32rpx;
+    height: 0;
+    overflow: hidden;
+}
+
+.org-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+}
+
+.org-item-name {
+    font-size: 28rpx;
+    color: #333;
+}
+
+.level-list {
+    padding: 16rpx 32rpx;
+}
+
+.level-item {
+    padding: 24rpx 0;
+    border-bottom: 1rpx solid #f0f0f0;
+    font-size: 28rpx;
+    color: #333;
+    text-align: center;
+
+    &.active {
+        color: #2563eb;
+        font-weight: 500;
+    }
+}
+</style>

src/pages/work/index.vue

@@ -34,14 +34,15 @@
       </view>
     </div>
 
-   
+
   </home-container>
 </template>
 <script>
 import HomeContainer from "@/components/HomeContainer.vue";
 import { checkRolePermission } from "@/utils/common.js";
-import { getUserProfile, getAppListByRoleId,getAppList } from "@/api/system/user";
-const profileAppNames = ['全站综合信息', '部门画像', '班组画像', '小组画像', '员工画像']
+import { getUserProfile, getAppListByRoleId, getAppList } from "@/api/system/user";
+import { profileAppNames, warningAppNames } from "@/utils/common.js";
+
 export default {
   components: { HomeContainer },
   data() {
@@ -55,7 +56,7 @@ export default {
       return this.$store?.state?.user?.roles[0]
     },
     items() {
-      return this.appList.filter(item => !profileAppNames.includes(item.appName))
+      return this.appList.filter(item => !profileAppNames.includes(item.appName) && !warningAppNames.includes(item.appName))
     }
   },
   onShow() {
@@ -74,11 +75,11 @@ export default {
 
       try {
         // if (roleId) {
-          const res = await getAppList({homePage:0});
-          if (res.code === 200) {
-            //全部应用
-            this.appList = res.data;
-          }
+        const res = await getAppList({ homePage: 0 });
+        if (res.code === 200) {
+          //全部应用
+          this.appList = res.data;
+        }
         // }
       } catch (error) {
         console.error('获取应用列表失败:', error);
@@ -95,7 +96,7 @@ export default {
     updateCurrentDate() {
       this.currentDate = this.formatDate(new Date());
     },
-   
+
     handleGridClick(url) {
       console.log('点击了宫格：', url, this.role);
       uni.navigateTo({
@@ -221,6 +222,4 @@ export default {
   font-size: 24rpx;
   color: #999;
 }
-
-
 </style>

src/utils/common.js

@@ -526,3 +526,6 @@ export function checkRolePermission(role, path) {
 
 
 
+export const profileAppNames = ['全站综合信息', '部门画像', '班组画像', '小组画像', '员工画像', '部门仪表盘'];
+
+export const warningAppNames = ['综合预警信息', '员工维度明细', '红线指标预警'];