src/pages.json

@@ -130,6 +130,12 @@
       }
     },
     {
+      "path": "pages/organProfile/index",
+      "style": {
+        "navigationBarTitleText": "组织全景看板"
+      }
+    },
+    {
       "path": "pages/stationProfile/index",
       "style": {
         "navigationBarTitleText": "站画像"

src/pages/employeeProfile/index.vue

@@ -33,11 +33,11 @@
             </view>
 
             <view class="search-selector">
-                <view class="search-select-trigger" :class="{ 'search-select-trigger-disabled': isSecurityCheck }"
-                    @click="!isSecurityCheck && (showEmployeePicker = true)">
+                <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" 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>
 
@@ -379,6 +379,9 @@ export default {
             expandedDeptIds: [],
             isSecurityCheck: false,
             userInfo: null,
+            // 路由跳转参数
+            routeUserId: null,
+            routeUserName: '',
             // 雷达图tooltip相关
             activeDimName: null,
             radarTooltipPosition: { x: 0, y: 0 },
@@ -463,6 +466,13 @@ export default {
             return s.toFixed(2)
         }
     },
+    // uni-app 页面生命周期：接收路由参数
+    onLoad(options) {
+        if (options.userId) {
+            this.routeUserId = options.userId
+            this.routeUserName = decodeURIComponent(options.userName || '')
+        }
+    },
     mounted() {
         this.updateTime()
         this.timer = setInterval(() => {
@@ -470,7 +480,19 @@ export default {
         }, 1000)
         // 默认计算时间范围（近一年）
         this.onTimeTagClick(this.selectedTimeTag)
-        this.fetchEmployeeList()
+
+        if (this.routeUserId) {
+            // 来自组织架构跳转，直接加载指定人员
+            this.selectedEmployeeId = this.routeUserId
+            this.selectedEmployeeName = this.routeUserName
+            this.searchKeyword = this.routeUserName
+            this.employeeLoading = false
+            this.$nextTick(() => {
+                this.fetchEmployeePortrait()
+            })
+        } else {
+            this.fetchEmployeeList()
+        }
     },
     beforeDestroy() {
         if (this.timer) {

src/pages/mine/setting/index.vue

@@ -31,6 +31,8 @@
 </template>
 
 <script>
+  import storage from '@/utils/storage'
+
   export default {
     data() {
       return {
@@ -45,7 +47,57 @@
         this.$modal.showToast('模块建设中~')
       },
       handleCleanTmp() {
-        this.$modal.showToast('模块建设中~')
+        this.$modal.confirm('确定要清理缓存吗？').then(() => {
+          // 1. 清除用户缓存数据（storage_data）
+          storage.clean()
+
+          // 2. 清除字典缓存
+          this.$store.dispatch('dict/cleanDict')
+
+          // 3. 清除eikon统计数据
+          this.$store.dispatch('eikonLevel/resetLevel')
+
+          // 4. 清除已保存的临时文件
+          uni.getSavedFileList({
+            success: (res) => {
+              if (res.fileList && res.fileList.length > 0) {
+                res.fileList.forEach(file => {
+                  uni.removeSavedFile({ filePath: file.filePath })
+                })
+              }
+            }
+          })
+
+          // 5. 清除所有本地存储（包括 token），确保旧样式缓存失效
+          uni.clearStorageSync()
+
+          // 6. 根据平台清除资源缓存
+          const platform = uni.getSystemInfoSync().uniPlatform
+          if (platform === 'app') {
+            // App 端：清除 Webview 缓存
+            plus.cache.clear(() => {
+              console.log('App webview cache cleared')
+            })
+          } else {
+            // H5 端：清除浏览器 Cache API（service worker 缓存的 CSS/JS）
+            if (window.caches) {
+              caches.keys().then(names => {
+                names.forEach(name => caches.delete(name))
+              })
+            }
+          }
+
+          this.$modal.msgSuccess('缓存清理完成，即将重启')
+
+          // 7. 重启/刷新，强制加载最新资源
+          setTimeout(() => {
+            if (platform === 'app') {
+              plus.runtime.restart()
+            } else {
+              window.location.reload()
+            }
+          }, 1500)
+        })
       },
       handleLogout() {
         this.$modal.confirm('确定注销并退出系统吗？').then(() => {

src/pages/organProfile/index.vue

@@ -0,0 +1,690 @@
+<template>
+    <view class="organ-profile-page">
+        <scroll-view scroll-y class="page-scroll">
+            <!-- ====== 顶部统计卡片 ====== -->
+            <view class="metric-row">
+                <view class="metric-card" v-for="(m, i) in metricCards" :key="i" :style="{ background: m.bg }">
+                    <text class="metric-title">{{ m.title }}</text>
+                    <text class="metric-value" :style="{ color: m.color }">{{ m.value }}</text>
+                    <view class="metric-change-row" v-if="!m.side">
+                        <view class="metric-change-info">
+                            <text class="metric-change-label">环比</text>
+                            <text class="metric-change" :class="'change-' + m.changeType" :style="{ color: m.changeColor }">
+                                {{ m.change }}
+                            </text>
+                        </view>
+                        <div class="metric-chart" :ref="el => m._sparkRef = el"></div>
+                    </view>
+                </view>
+            </view>
+
+            <!-- ====== 监察问题统计 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">监察问题统计</view>
+                <view class="chart-box"><div ref="chartSuperviseTrend" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 问题类型分布 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">问题类型分布</view>
+                <view class="chart-box"><div ref="chartIssueType" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 班组问题统计（监察） ====== -->
+            <view class="chart-card">
+                <view class="chart-title">班组问题统计（监察）</view>
+                <view class="chart-box"><div ref="chartTeamSupervise" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 区域问题占比（监察） ====== -->
+            <view class="chart-card">
+                <view class="chart-title">区域问题占比（监察）</view>
+                <view class="chart-box"><div ref="chartRegionPie" class="chart-inner chart-pie"></div></view>
+            </view>
+
+            <!-- ====== 班组问题统计（实时） ====== -->
+            <view class="chart-card">
+                <view class="chart-title">班组问题统计（实时）</view>
+                <view class="chart-box"><div ref="chartTeamQuality" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 实时质控拦截情况 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时质控拦截情况</view>
+                <view class="chart-box"><div ref="chartIntercept" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 实时质控开机年龄分布 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时质控开机年龄分布</view>
+                <view class="chart-box"><div ref="chartAgeDist" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 实时质控围栏难易度 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时质控围栏难易度</view>
+                <view class="chart-box"><div ref="chartFence" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 实时质控开机年限分布 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时质控开机年限分布</view>
+                <view class="chart-box"><div ref="chartYearLimit" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 实时拦截物品汇总 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时拦截物品汇总</view>
+                <view class="chart-box"><div ref="chartItems" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 服务巡查 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">服务巡查</view>
+                <view class="chart-box"><div ref="chartServiceInspect" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 服务巡查趋势 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">服务巡查</view>
+                <view class="chart-box"><div ref="chartServiceLine" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 投诉涉及班组情况 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">投诉涉及班组情况</view>
+                <view class="chart-box"><div ref="chartComplaint" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 不安全事件发生对比 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">不安全事件发生对比</view>
+                <view class="chart-box"><div ref="chartUnsafe" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 亚健康人数占比 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">亚健康人数占比</view>
+                <view class="chart-box"><div ref="chartSubHealthPie" class="chart-inner chart-pie"></div></view>
+            </view>
+
+            <!-- ====== 各班组健康与亚健康比例 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">各班组健康与亚健康比例</view>
+                <view class="chart-box"><div ref="chartHealthStack" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 旅检三部人员年龄分布表 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">旅检三部人员年龄分布表</view>
+                <view class="chart-box"><div ref="chartCheckinAge" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 监察问题（总）排行 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">监察问题（总）</view>
+                <view class="rank-section">
+                    <view class="rank-avatars">
+                        <view class="rank-avatar-item" v-for="(item, idx) in superVisionTop3" :key="idx">
+                            <view class="rank-avatar-wrapper" :class="'rank-pos-' + (idx + 1)">
+                                <view class="rank-avatar-circle" :style="{ background: item.color }">
+                                    <text>{{ item.name.slice(-2) }}</text>
+                                </view>
+                                <text class="rank-badge">{{ idx + 1 }}</text>
+                            </view>
+                            <text class="rank-name">{{ item.name }}</text>
+                            <text class="rank-num">{{ item.num }}</text>
+                        </view>
+                    </view>
+                    <view class="rank-table">
+                        <view class="rank-tr rank-th">
+                            <text>排名</text><text>姓名</text><text>问题数</text>
+                        </view>
+                        <view class="rank-tr" v-for="(item, idx) in superVisionList" :key="idx">
+                            <text>{{ idx + 1 }}</text><text>{{ item.name }}</text><text>{{ item.num }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- ====== 实时漏洞检情况（总）排行 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">实时漏洞检情况（总）</view>
+                <view class="rank-section">
+                    <view class="rank-avatars">
+                        <view class="rank-avatar-item" v-for="(item, idx) in vulnTop3" :key="idx">
+                            <view class="rank-avatar-wrapper" :class="'rank-pos-' + (idx + 1)">
+                                <view class="rank-avatar-circle" :style="{ background: item.color }">
+                                    <text>{{ item.name.slice(-2) }}</text>
+                                </view>
+                                <text class="rank-badge">{{ idx + 1 }}</text>
+                            </view>
+                            <text class="rank-name">{{ item.name }}</text>
+                            <text class="rank-num">{{ item.num }}</text>
+                        </view>
+                    </view>
+                    <view class="rank-table">
+                        <view class="rank-tr rank-th">
+                            <text>排名</text><text>姓名</text><text>问题数</text>
+                        </view>
+                        <view class="rank-tr" v-for="(item, idx) in vulnList" :key="idx">
+                            <text>{{ idx + 1 }}</text><text>{{ item.name }}</text><text>{{ item.num }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- ====== 航站楼加分排行 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">航站楼加分</view>
+                <view class="rank-section">
+                    <view class="rank-avatars">
+                        <view class="rank-avatar-item" v-for="(item, idx) in bonusTop3" :key="idx">
+                            <view class="rank-avatar-wrapper" :class="'rank-pos-' + (idx + 1)">
+                                <view class="rank-avatar-circle" :style="{ background: item.color }">
+                                    <text>{{ item.name.slice(-2) }}</text>
+                                </view>
+                                <text class="rank-badge">{{ idx + 1 }}</text>
+                            </view>
+                            <text class="rank-name">{{ item.name }}</text>
+                            <text class="rank-num">{{ item.num }}</text>
+                        </view>
+                    </view>
+                    <view class="rank-table">
+                        <view class="rank-tr rank-th">
+                            <text>排名</text><text>姓名</text><text>加分</text>
+                        </view>
+                        <view class="rank-tr" v-for="(item, idx) in bonusList" :key="idx">
+                            <text>{{ idx + 1 }}</text><text>{{ item.name }}</text><text>{{ item.num }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- ====== 查获数量排行 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">查获数量</view>
+                <view class="rank-section">
+                    <view class="rank-avatars">
+                        <view class="rank-avatar-item" v-for="(item, idx) in seizeTop3" :key="idx">
+                            <view class="rank-avatar-wrapper" :class="'rank-pos-' + (idx + 1)">
+                                <view class="rank-avatar-circle" :style="{ background: item.color }">
+                                    <text>{{ item.name.slice(-2) }}</text>
+                                </view>
+                                <text class="rank-badge">{{ idx + 1 }}</text>
+                            </view>
+                            <text class="rank-name">{{ item.name }}</text>
+                            <text class="rank-num">{{ item.num }}</text>
+                        </view>
+                    </view>
+                    <view class="rank-table">
+                        <view class="rank-tr rank-th">
+                            <text>排名</text><text>姓名</text><text>查获数</text>
+                        </view>
+                        <view class="rank-tr" v-for="(item, idx) in seizeList" :key="idx">
+                            <text>{{ idx + 1 }}</text><text>{{ item.name }}</text><text>{{ item.num }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </scroll-view>
+    </view>
+</template>
+<script>
+import * as echarts from 'echarts'
+export default {
+    name: 'OrganProfile',
+    data() {
+        return {
+            metricCards: [
+                { title: '监察问题数（本月）', value: '11', change: '57.69%', changeType: 'down', changeColor: '#ef4444', color: '#f59e0b', bg: '#dbeafe', sparkColor: '#3b82f6', _sparkRef: null },
+                { title: '实时质控数（本月）', value: '21', change: '56.25%', changeType: 'down', changeColor: '#ef4444', color: '#22c55e', bg: '#dcfce7', sparkColor: '#22c55e', _sparkRef: null },
+                { title: '服务巡查（本月）', value: '4', change: '0%', changeType: 'flat', changeColor: '#6b7280', color: '#3b82f6', bg: '#dbeafe', sparkColor: '#3b82f6', _sparkRef: null },
+                { title: '投诉情况（本月）', value: '1', change: '88.89%', changeType: 'down', changeColor: '#ef4444', color: '#ef4444', bg: '#fce4ec', sparkColor: '#ef4444', _sparkRef: null },
+                { title: '不安全事件发生次数（今年）', value: '3', change: '57.14%', changeType: 'down', changeColor: '#ef4444', color: '#ffffff', bg: '#6b7280', sparkColor: '#9ca3af', _sparkRef: null },
+                { title: '锐甲安语—自愿报告系统', value: '3', color: '#fff', bg: 'linear-gradient(135deg, #f59e0b, #d97706)', side: true },
+                { title: '部门亚健康人员', value: '147', color: '#fff', bg: 'linear-gradient(135deg, #fbbf24, #f59e0b)', side: true }
+            ],
+            superVisionTop3: [
+                { name: '徐皓迪', num: 7, color: '#3b82f6' },
+                { name: '张悦', num: 7, color: '#22c55e' },
+                { name: '匡林', num: 5, color: '#f59e0b' }
+            ],
+            superVisionList: [
+                { name: '周雨浓', num: 4 }, { name: '蒲越', num: 5 }, { name: '傅建', num: 6 },
+                { name: '李明', num: 4 }, { name: '王芳', num: 3 }, { name: '赵强', num: 4 },
+                { name: '刘洋', num: 3 }, { name: '陈静', num: 5 }, { name: '杨磊', num: 4 }, { name: '吴倩', num: 3 }
+            ],
+            vulnTop3: [
+                { name: '安俊', num: 11, color: '#ec4899' },
+                { name: '黄鑫', num: 11, color: '#a78bfa' },
+                { name: '廖艺森', num: 9, color: '#f97316' }
+            ],
+            vulnList: [
+                { name: '李敏', num: 4 }, { name: '林', num: 8 }, { name: '宇', num: 8 },
+                { name: '张华', num: 6 }, { name: '王丽', num: 5 }, { name: '赵明', num: 7 },
+                { name: '陈红', num: 4 }, { name: '刘伟', num: 6 }, { name: '杨婷', num: 5 }, { name: '吴刚', num: 4 }
+            ],
+            bonusTop3: [
+                { name: '文渊', num: 24.5, color: '#3b82f6' },
+                { name: '杨晨汐', num: 34.5, color: '#22c55e' },
+                { name: '何欧怡', num: 16, color: '#f59e0b' }
+            ],
+            bonusList: [
+                { name: '杨林', num: 4 }, { name: '马灿', num: 5 }, { name: '蒋灿', num: 6 },
+                { name: '谢涛', num: 3.5 }, { name: '韩雪', num: 4.5 }, { name: '唐亮', num: 5.5 },
+                { name: '曹琳', num: 3 }, { name: '邓超', num: 4 }, { name: '彭波', num: 6.5 }, { name: '冯娟', num: 3.5 }
+            ],
+            seizeTop3: [
+                { name: '苗苗', num: 113, color: '#ec4899' },
+                { name: '黄真', num: 90, color: '#a78bfa' },
+                { name: '王磊', num: 78, color: '#f97316' }
+            ],
+            seizeList: [
+                { name: '李兆厚', num: 4 }, { name: '黄元宏', num: 5 }, { name: '何跃智', num: 6 },
+                { name: '周文', num: 7 }, { name: '吴斌', num: 5 }, { name: '郑丽', num: 8 },
+                { name: '孙强', num: 4 }, { name: '朱敏', num: 6 }, { name: '沈涛', num: 5 }, { name: '贺军', num: 7 }
+            ],
+            chartInstances: {}
+        }
+    },
+    mounted() {
+        this.$nextTick(() => {
+            this.initSparkLines()
+            this.initSuperviseTrend()
+            this.initIssueType()
+            this.initTeamSupervise()
+            this.initRegionPie()
+            this.initTeamQuality()
+            this.initIntercept()
+            this.initAgeDist()
+            this.initFence()
+            this.initYearLimit()
+            this.initItems()
+            this.initServiceInspect()
+            this.initServiceLine()
+            this.initComplaint()
+            this.initUnsafe()
+            this.initSubHealthPie()
+            this.initHealthStack()
+            this.initCheckinAge()
+        })
+    },
+    beforeDestroy() {
+        Object.values(this.chartInstances).forEach(i => { if (i) i.dispose() })
+    },
+    methods: {
+        _init(refName, option) {
+            const dom = this.$refs[refName]
+            if (!dom) return
+            const inst = echarts.init(dom)
+            inst.setOption(option)
+            this.chartInstances[refName] = inst
+        },
+        initSparkLines() {
+            this.metricCards.forEach(m => {
+                if (m._sparkRef) {
+                    const chart = echarts.init(m._sparkRef)
+                    chart.setOption({
+                        grid: { top: 0, bottom: 0, left: 0, right: 0 },
+                        xAxis: { show: false, type: 'category', data: ['','','','','','','','','',''] },
+                        yAxis: { show: false },
+                        series: [{ type: 'line', data: [3,5,2,8,4,7,3,6,4,5], smooth: true,
+                            lineStyle: { color: m.sparkColor, width: 2 },
+                            areaStyle: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
+                                colorStops: [{ offset: 0, color: m.sparkColor + '33' }, { offset: 1, color: m.sparkColor + '00' }] } },
+                            symbol: 'none' }]
+                    })
+                    this.chartInstances['spark_' + m.title] = chart
+                }
+            })
+        },
+        initSuperviseTrend() {
+            this._init('chartSuperviseTrend', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['03:00','05:00','07:00','09:00','11:00','13:00','15:00','17:00','19:00','20:00'],
+                    axisLabel: { rotate: 45, fontSize: 9, interval: 0 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'line', data: [3,17,11,12,9,14,15,10,7,4],
+                    smooth: true, lineStyle: { color: '#3b82f6', width: 2 }, itemStyle: { color: '#3b82f6' },
+                    areaStyle: { color: 'rgba(59,130,246,0.15)' } }]
+            })
+        },
+        initIssueType() {
+            this._init('chartIssueType', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '8%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'value' },
+                yAxis: { type: 'category', data: ['设备设施流程类', '岗位规范类', '岗位操作类'] },
+                series: [{ type: 'bar', data: [
+                    { value: 2, itemStyle: { color: '#3b82f6' } },
+                    { value: 75, itemStyle: { color: '#3b82f6' } },
+                    { value: 101, itemStyle: { color: '#3b82f6' } }
+                ], barWidth: '40%', label: { show: true, position: 'right', fontSize: 10 } }]
+            })
+        },
+        initTeamSupervise() {
+            this._init('chartTeamSupervise', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['安平班组','安行班组','木兰班组','芮茜班组','拓新班组','屹动班组'],
+                    axisLabel: { rotate: 30, fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [34,21,2,41,39,34],
+                    barWidth: '35%', itemStyle: { color: '#3b82f6' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initRegionPie() {
+            this._init('chartRegionPie', {
+                tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)' },
+                legend: { bottom: 0, left: 'center', textStyle: { fontSize: 9 } },
+                series: [{
+                    type: 'pie', radius: ['30%', '55%'], center: ['50%', '40%'],
+                    label: { fontSize: 9, formatter: '{b}\n{c} ({d}%)' },
+                    data: [
+                        { value: 128, name: 'T3国内出发', itemStyle: { color: '#a78bfa' } },
+                        { value: 39, name: 'T3国际国内', itemStyle: { color: '#22c55e' } },
+                        { value: 5, name: 'T3中心实时指控', itemStyle: { color: '#f59e0b' } }
+                    ]
+                }]
+            })
+        },
+        initTeamQuality() {
+            this._init('chartTeamQuality', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['安平班组','安行班组','木兰班组','芮茜班组','拓新班组','屹动班组'],
+                    axisLabel: { rotate: 30, fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [60,44,21,65,56,75],
+                    barWidth: '35%', itemStyle: { color: '#3b82f6' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initIntercept() {
+            this._init('chartIntercept', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['04:00','06:00','08:00','10:00','12:00','14:00','16:00','18:00','20:00','22:00'],
+                    axisLabel: { rotate: 45, fontSize: 9, interval: 1 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'line', data: [8,28,31,21,26,21,11,4,1,2],
+                    smooth: true, lineStyle: { color: '#3b82f6', width: 2 }, itemStyle: { color: '#3b82f6' },
+                    areaStyle: { color: 'rgba(59,130,246,0.15)' } }]
+            })
+        },
+        initAgeDist() {
+            this._init('chartAgeDist', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category',
+                    data: Array.from({ length: 42 }, (_, i) => String(i + 1)),
+                    axisLabel: { fontSize: 8, interval: 4 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar',
+                    data: Array.from({ length: 42 }, () => Math.floor(Math.random() * 40 + 10)),
+                    barWidth: '60%', itemStyle: { color: '#3b82f6' } }]
+            })
+        },
+        initFence() {
+            this._init('chartFence', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['0','1','2','3','4','5'], axisLabel: { fontSize: 10 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [2,145,70,92,16,1],
+                    barWidth: '35%', itemStyle: { color: '#3b82f6', borderRadius: [5, 5, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initYearLimit() {
+            this._init('chartYearLimit', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category',
+                    data: Array.from({ length: 14 }, (_, i) => String(i + 1)),
+                    axisLabel: { fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [5,32,65,11,14,11,9,16,27,45,31,23,27,8],
+                    barWidth: '40%', itemStyle: { color: '#3b82f6', borderRadius: [3, 3, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 8 } }]
+            })
+        },
+        initItems() {
+            this._init('chartItems', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '12%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['打火机','香烟','刀具','充电宝','液体','剪刀','钥匙扣','其他'],
+                    axisLabel: { rotate: 30, fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [136,98,45,67,23,34,12,56],
+                    barWidth: '40%', itemStyle: { color: '#3b82f6', borderRadius: [5, 5, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 8 } }]
+            })
+        },
+        initServiceInspect() {
+            this._init('chartServiceInspect', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['安平班组','安行班组','木兰班组','芮茜班组','拓新班组','屹动班组'],
+                    axisLabel: { rotate: 30, fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [3,16,7,15,14,11],
+                    barWidth: '35%', itemStyle: { color: '#3b82f6', borderRadius: [5, 5, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initServiceLine() {
+            this._init('chartServiceLine', {
+                tooltip: { trigger: 'axis' },
+                legend: { data: ['计数'], textStyle: { fontSize: 10 }, top: 0 },
+                grid: { left: '3%', right: '4%', bottom: '12%', top: '12%', containLabel: true },
+                xAxis: { type: 'category',
+                    data: ['05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','空值'],
+                    axisLabel: { rotate: 45, fontSize: 8 } },
+                yAxis: { type: 'value', min: 0, max: 7 },
+                series: [{ name: '计数', type: 'line', data: [2,5,5,5,3,4,3,2,6,5,5,3,7,3,2,3,3,1],
+                    lineStyle: { color: '#3b82f6', width: 2 }, itemStyle: { color: '#3b82f6' },
+                    symbol: 'circle', symbolSize: 6,
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initComplaint() {
+            this._init('chartComplaint', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '8%', bottom: '8%', top: '5%', containLabel: true },
+                xAxis: { type: 'value' },
+                yAxis: { type: 'category',
+                    data: ['屹动班组','新训队','拓新班组','芮茜班组','木兰班组','空乘','安行班组','安平班组'],
+                    axisLabel: { fontSize: 9 } },
+                series: [{ type: 'bar', data: [50,1,30,45,19,19,22,37],
+                    barWidth: '50%', itemStyle: { color: '#ef4444', borderRadius: [0, 5, 5, 0] },
+                    label: { show: true, position: 'right', fontSize: 9 } }]
+            })
+        },
+        initUnsafe() {
+            this._init('chartUnsafe', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['安平班组','安行班组','木兰班组','芮茜班组','拓新班组','屹动班组'],
+                    axisLabel: { rotate: 30, fontSize: 9 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar', data: [3,4,4,8,3,2],
+                    barWidth: '35%', itemStyle: { color: '#3b82f6', borderRadius: [5, 5, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initSubHealthPie() {
+            this._init('chartSubHealthPie', {
+                tooltip: { trigger: 'item', formatter: '{b}: {c}人 ({d}%)' },
+                legend: { bottom: 0, left: 'center', textStyle: { fontSize: 9 } },
+                series: [{
+                    type: 'pie', radius: ['30%', '55%'], center: ['50%', '40%'],
+                    label: { fontSize: 9, formatter: '{b}: {c} ({d}%)' },
+                    data: [
+                        { value: 25, name: '屹动班组', itemStyle: { color: '#06b6d4' } },
+                        { value: 23, name: '安平班组', itemStyle: { color: '#22c55e' } },
+                        { value: 28, name: '拓新班组', itemStyle: { color: '#f59e0b' } },
+                        { value: 27, name: '芮茜班组', itemStyle: { color: '#ec4899' } },
+                        { value: 13, name: '木兰班组', itemStyle: { color: '#a78bfa' } },
+                        { value: 31, name: '其他', itemStyle: { color: '#f97316' } }
+                    ]
+                }]
+            })
+        },
+        initHealthStack() {
+            this._init('chartHealthStack', {
+                tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+                legend: { bottom: 0, left: 'center', textStyle: { fontSize: 9 } },
+                grid: { left: '3%', right: '4%', bottom: '18%', top: '5%', containLabel: true },
+                xAxis: { type: 'category', data: ['安平班组','安行班组','木兰班组','芮茜班组','拓新班组','屹动班组'],
+                    axisLabel: { rotate: 30, fontSize: 8 } },
+                yAxis: { type: 'value' },
+                series: [
+                    { name: '健康人员', type: 'bar', stack: 'total', barWidth: '35%',
+                        itemStyle: { color: '#3b82f6' }, data: [35,20,29,26,22,27] },
+                    { name: '亚健康人员', type: 'bar', stack: 'total', barWidth: '35%',
+                        itemStyle: { color: '#ef4444' }, data: [23,29,13,27,28,25] }
+                ]
+            })
+        },
+        initCheckinAge() {
+            this._init('chartCheckinAge', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category',
+                    data: Array.from({ length: 23 }, (_, i) => String(i + 23)),
+                    axisLabel: { fontSize: 8, interval: 2 } },
+                yAxis: { type: 'value' },
+                series: [{ type: 'bar',
+                    data: [8,12,18,24,30,36,41,36,33,28,22,18,14,10,8,6,4,3,2,2,1,1,1],
+                    barWidth: '40%', itemStyle: { color: '#3b82f6', borderRadius: [3, 3, 0, 0] },
+                    label: { show: true, position: 'top', fontSize: 8 } }]
+            })
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.organ-profile-page { min-height: 100vh; background: #f5f7fa; }
+.page-scroll { height: 100vh; padding: 16rpx 20rpx 40rpx; }
+// ─ 顶部指标卡片 ─
+.metric-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12rpx;
+    margin-bottom: 20rpx;
+}
+.metric-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border-radius: 20rpx;
+    padding: 20rpx 24rpx;
+    min-height: 180rpx;
+}
+.metric-title {
+    font-size: 24rpx;
+    color: #475569;
+    font-weight: 500;
+    margin-bottom: 8rpx;
+}
+.metric-value {
+    font-size: 60rpx;
+    font-weight: bold;
+    line-height: 1.2;
+}
+.side-value {
+    font-size: 44rpx;
+    color: #fff !important;
+}
+.metric-change-row {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    margin-top: auto;
+}
+.metric-change-info {
+    display: flex;
+    flex-direction: column;
+    gap: 4rpx;
+}
+.metric-change-label {
+    font-size: 22rpx;
+    color: #64748b;
+}
+.metric-change {
+    font-size: 24rpx;
+    display: inline-flex;
+    align-items: center;
+    gap: 6rpx;
+    font-weight: 500;
+}
+.metric-change::before {
+    content: '';
+    display: inline-block;
+    width: 0;
+    height: 0;
+    vertical-align: middle;
+}
+.metric-change.change-down::before {
+    border-left: 8rpx solid transparent;
+    border-right: 8rpx solid transparent;
+    border-top: 12rpx solid currentColor;
+}
+.metric-change.change-up::before {
+    border-left: 8rpx solid transparent;
+    border-right: 8rpx solid transparent;
+    border-bottom: 12rpx solid currentColor;
+}
+.metric-change.change-flat::before {
+    width: 16rpx;
+    height: 0;
+    border-top: 4rpx solid currentColor;
+    border-radius: 2rpx;
+}
+.metric-chart {
+    height: 50rpx;
+    width: 130rpx;
+}
+.chart-card {
+    background: #fff; border-radius: 16rpx; padding: 24rpx 20rpx;
+    margin-bottom: 16rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+}
+.chart-title { font-size: 28rpx; font-weight: 600; color: #333; margin-bottom: 16rpx; }
+.chart-box { width: 100%; }
+.chart-inner { width: 100%; height: 380rpx; }
+.chart-pie { height: 420rpx; }
+.rank-section { padding: 0 8rpx; }
+.rank-avatars { display: flex; justify-content: center; gap: 40rpx; margin-bottom: 24rpx; }
+.rank-avatar-item { display: flex; flex-direction: column; align-items: center; gap: 8rpx; }
+.rank-avatar-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
+.rank-avatar-wrapper.rank-pos-1 { border: 4rpx solid #94a3b8; }
+.rank-avatar-wrapper.rank-pos-2 { border: 4rpx solid #fbbf24; }
+.rank-avatar-wrapper.rank-pos-3 { border: 4rpx solid #fb923c; }
+.rank-avatar-circle {
+    width: 80rpx; height: 80rpx; border-radius: 50%;
+    display: flex; align-items: center; justify-content: center;
+}
+.rank-avatar-circle text { color: #fff; font-size: 26rpx; font-weight: bold; }
+.rank-badge {
+    position: absolute; bottom: -12rpx; left: 50%; transform: translateX(-50%);
+    width: 28rpx; height: 28rpx; border-radius: 50%;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 20rpx; font-weight: bold; color: #fff;
+}
+.rank-pos-1 .rank-badge { background: #94a3b8; }
+.rank-pos-2 .rank-badge { background: #fbbf24; }
+.rank-pos-3 .rank-badge { background: #fb923c; }
+.rank-name { font-size: 24rpx; color: #475569; }
+.rank-num { font-size: 32rpx; color: #1e293b; font-weight: bold; }
+.rank-table { display: flex; flex-direction: column; }
+.rank-tr {
+    display: flex; padding: 12rpx 0; font-size: 24rpx; color: #64748b;
+    border-bottom: 1rpx solid #e2e8f0;
+}
+.rank-tr text { flex: 1; text-align: center; }
+.rank-th { color: #1e293b; font-weight: bold; border-bottom: 2rpx solid #cbd5e1; }
+</style>

src/pages/organizationStruct/index.vue

@@ -82,6 +82,7 @@
                     v-for="item in displayUsers" 
                     :key="item.userId"
                     class="user-item"
+                    @click="navigateToEmployee(item)"
                 >
                     <view class="user-avatar">
                         <image v-if="item.avatar" :src="item.avatar" mode="aspectFill" class="avatar-img" />
@@ -247,6 +248,9 @@ export default {
                 if (targetNode) {
                     this.navigateToNodeFromRoot(targetNode)
                 }
+            } else {
+                // 搜索结果是人员，跳转到员工画像
+                this.navigateToEmployee(item)
             }
         },
         navigateToNodeFromRoot(targetNode) {
@@ -277,6 +281,11 @@ export default {
         clearSearch() {
             this.searchKeyword = ''
             this.searchResults = []
+        },
+        navigateToEmployee(item) {
+            const userId = item.userId
+            const userName = encodeURIComponent(item.label || item.nickName || item.userName || '')
+            this.$tab.navigateTo(`/pages/employeeProfile/index?userId=${userId}&userName=${userName}`)
         }
     }
 }

src/pages/work/index.vue

@@ -41,7 +41,7 @@
 import HomeContainer from "@/components/HomeContainer.vue";
 import { checkRolePermission } from "@/utils/common.js";
 import { getUserProfile, getAppListByRoleId,getAppList } from "@/api/system/user";
-const profileAppNames = ['站画像', '部门画像', '班组画像', '小组画像', '员工画像']
+const profileAppNames = ['综合信息画像', '部门画像', '班组画像', '小组画像', '员工画像']
 export default {
   components: { HomeContainer },
   data() {