feat(warning): 新增综合预警工作台相关页面和接口

- 新增综合预警工作台汇总数据接口函数
- 新增员工综合预警列表接口函数实现
- 新增红线指标预警接口函数实现
- 新增员工维度评分明细接口函数实现
- 实现员工维度评分明细页面，包含时间筛选、组织架构选择和维度选择
- 员工维度评分明细页面支持分页、搜索和重置功能
- 实现红线指标预警页面，含时间筛选、组织架构和预警等级选择功能
- 红线指标预警页面展示预警明细列表和统计汇总信息
- 两个页面均实现组织架构树状选择及搜索功能
- 增加对应样式，提升界面一致性和用户体验

src/api/warningManage/index.js

@@ -0,0 +1,21 @@
+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/employeeDimensionDetail', method: 'post', data })
+}

src/pages.json

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

src/pages/employeeDimensionDetails/index.vue

@@ -0,0 +1,569 @@
+<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>
+
+            <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" />
+            </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" @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 } 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: null,
+            selectedOrgName: '',
+            selectedDimension: '',
+            selectedDimName: '全部',
+            showOrgPicker: false,
+            showDimPicker: false,
+            orgSearchKeyword: '',
+            deptTreeData: [],
+            expandedDeptIds: [],
+            orgList: [],
+            dimensionOptions: [
+                { label: '安全响应能力', value: '安全响应能力' },
+                { label: '服务响应能力', value: '服务响应能力' }
+            ],
+            tableColumns: [
+                { props: 'userId', title: '员工ID' },
+                { props: 'nickName', title: '姓名' },
+                { props: 'deptName', title: '部门' },
+                { props: 'teamName', title: '班组' },
+                { props: 'groupName', title: '小组' },
+                { props: 'dimName', title: '维度名称' },
+                { props: 'dimScore', title: '维度分值' }
+            ],
+            tableData: [],
+            allTableData: [],
+            pageNum: 1,
+            pageSize: 10,
+            total: 0
+        }
+    },
+    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.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)
+                }
+            }).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() { },
+        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.selectedDimension = ''
+            this.selectedDimName = '全部'
+            this.pageNum = 1
+            this.fetchData()
+        },
+        onPageChange(e) {
+            this.pageNum = e.current
+            this.fetchData()
+        },
+        onPageSizeChange(e) {
+            this.pageSize = e.pageSize
+            this.pageNum = 1
+            this.fetchData()
+        },
+        async fetchData() {
+            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
+                }
+            } catch (e) { }
+        },
+        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
+            }
+            if (this.selectedDimension) {
+                params.dimension = this.selectedDimension
+            }
+            return params
+        }
+    }
+}
+</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);
+}
+
+.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/redLineWarning/index.vue

@@ -0,0 +1,674 @@
+<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">权重扣分 ≥ 3分</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>
+                </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" />
+            </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'
+
+export default {
+    name: 'RedLineWarning',
+    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: [
+                { label: '红色预警', value: '1' },
+                { label: '正常范围', value: '3' }
+            ],
+            tableColumns: [
+                { props: 'nickName', title: '姓名' },
+                { props: 'deptName', title: '部门' },
+                { props: 'dimensionName', title: '维度' },
+                { props: 'level2Name', title: '二级指标' },
+                { props: 'totalScore', title: '扣分合计', slot: true },
+                { props: 'occurrenceCount', title: '发生次数' },
+                { props: 'warningLevel', title: '预警等级' },
+                { props: 'coreRisks', title: '核心风险' }
+            ],
+            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)
+            )
+        }
+    },
+    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 = 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.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)
+                }
+            }).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
+        },
+        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.fetchData()
+        },
+        onPageSizeChange(e) {
+            this.pageSize = e.pageSize
+            this.pageNum = 1
+            this.fetchData()
+        },
+        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
+                }
+            } catch (e) { }
+        },
+        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
+            }
+            if (this.selectedAlertLevel) {
+                params.warningLevel = this.selectedAlertLevel
+            }
+            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/warningPage/index.vue

@@ -0,0 +1,769 @@
+<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-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'
+
+export default {
+    name: 'WarningPage',
+    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: [
+                { label: '红色预警', value: '1' },
+                { label: '正常范围', value: '3' }
+            ],
+            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: '预警等级' },
+                { props: 'coreRisksOrOutstandingAchievements', title: '核心风险/优秀事迹' },
+                { props: 'statusLabel', title: '状态标签' },
+                { 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)
+            )
+        }
+    },
+    onLoad(options) {
+        if (options.id) {
+            this.selectedOrgId = Number(options.id)
+        }
+    },
+    mounted() {
+        this.loadDeptTree()
+        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)
+                }
+            }).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
+        },
+        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.total = this.allEmployeeList.length
+                   
+                    this.redAlertCount = data.redAlertNum || 0
+                    this.excellentCount = data.excellentBenchmarkNum || 0
+                    this.avgScore = data.averageComprehensiveScore || 0
+                    this.updatePagedData()
+                }
+            } catch (e) { }
+        },
+        updatePagedData() {
+            const start = (this.pageNum - 1) * this.pageSize
+            const end = start + this.pageSize
+            this.employeeList = this.allEmployeeList.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
+            }
+            if (this.selectedAlertLevel) {
+                params.warningLevel = this.selectedAlertLevel
+            }
+            return params
+        },
+        goToDetail(row) {
+            uni.navigateTo({
+                url: '/pages/redLineWarning/index?id=' + row.userId
+            })
+        }
+    }
+}
+</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>