feat(organProfile): 新增机构画像页面及多样化统计图表展示

- 创建机构画像页面整体模板及样式
- 添加顶部统计卡片展示关键指标
- 实现多种ECharts图表包括折线图、柱状图、饼图等
- 支持监察问题统计、问题类型分布、区域问题占比等多维度数据展示
- 增加安检、航班楼、服务巡检、投诉等专项数据排名展示
- 实现实时质控相关多个统计图表
- 完成健康与亚健康人数比例及值机人员年龄分布等健康数据可视化
- 维护图表实例，支持组件销毁时释放资源

src/pages.json

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

src/pages/organProfile/index.vue

@@ -0,0 +1,528 @@
+<template>
+    <view class="organ-profile-page">
+        <scroll-view scroll-y class="page-scroll">
+            <!-- ====== 顶部统计卡片 ====== -->
+            <view class="summary-grid">
+                <view class="summary-card" v-for="(item, idx) in summaryCards" :key="idx"
+                    :style="{ background: item.bg }">
+                    <text class="summary-label">{{ item.label }}</text>
+                    <text class="summary-value">{{ item.value }}</text>
+                    <text class="summary-change" :class="item.change > 0 ? 'up' : 'down'">
+                        {{ item.change > 0 ? '↑' : '↓' }}{{ Math.abs(item.change) }}%
+                    </text>
+                </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="chartRegionPie" class="chart-inner chart-pie"></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="chartIntercept" class="chart-inner"></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="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="chartItems" class="chart-inner"></div></view>
+            </view>
+
+            <!-- ====== 安检情况(合计) ====== -->
+            <view class="chart-card">
+                <view class="chart-title">安检情况（合计）</view>
+                <view class="security-summary">
+                    <view class="security-avatars">
+                        <view class="sec-avatar" v-for="(item, idx) in securityAvatars" :key="idx">
+                            <view class="sec-avatar-circle" :style="{ background: item.color }">
+                                <text>{{ item.name }}</text>
+                            </view>
+                            <text class="sec-avatar-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                    <view class="security-list">
+                        <view class="sec-item" v-for="(item, idx) in securityList" :key="idx">
+                            <text class="sec-rank">{{ idx + 1 }}</text>
+                            <text class="sec-name">{{ item.name }}</text>
+                            <text class="sec-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- ====== 航班楼加分 ====== -->
+            <view class="chart-card">
+                <view class="chart-title">航班楼加分</view>
+                <view class="security-summary">
+                    <view class="security-avatars">
+                        <view class="sec-avatar" v-for="(item, idx) in flightAvatars" :key="idx">
+                            <view class="sec-avatar-circle" :style="{ background: item.color }">
+                                <text>{{ item.name }}</text>
+                            </view>
+                            <text class="sec-avatar-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                    <view class="security-list">
+                        <view class="sec-item" v-for="(item, idx) in flightList" :key="idx">
+                            <text class="sec-rank">{{ idx + 1 }}</text>
+                            <text class="sec-name">{{ item.name }}</text>
+                            <text class="sec-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                </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="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="security-summary">
+                    <view class="security-avatars">
+                        <view class="sec-avatar" v-for="(item, idx) in seizeAvatars" :key="idx">
+                            <view class="sec-avatar-circle" :style="{ background: item.color }">
+                                <text>{{ item.name }}</text>
+                            </view>
+                            <text class="sec-avatar-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                    <view class="security-list">
+                        <view class="sec-item" v-for="(item, idx) in seizeList" :key="idx">
+                            <text class="sec-rank">{{ idx + 1 }}</text>
+                            <text class="sec-name">{{ item.name }}</text>
+                            <text class="sec-score">{{ item.score }}</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </scroll-view>
+    </view>
+</template>
+<script>
+import * as echarts from 'echarts'
+
+export default {
+    name: 'OrganProfile',
+    data() {
+        return {
+            summaryCards: [
+                { label: '监察问题数（月）', value: '11', change: -57.69, bg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' },
+                { label: '实时巡检数（月）', value: '21', change: 56.25, bg: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)' },
+                { label: '服务巡检（月）', value: '4', change: 0, bg: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' },
+                { label: '投诉情况（月）', value: '1', change: -88.89, bg: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)' },
+                { label: '不安全事件（本年）', value: '3', change: -57.14, bg: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)' },
+                { label: '部门健康人数', value: '147', change: 0, bg: 'linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%)' }
+            ],
+            securityAvatars: [
+                { name: '安检', score: '11', color: '#667eea' },
+                { name: '易舟', score: '9', color: '#f093fb' }
+            ],
+            securityList: [
+                { name: '薛烨轩', score: '11' },
+                { name: '黄俊涛', score: '11' },
+                { name: '李思思', score: '10' },
+                { name: '张明阳', score: '9' },
+                { name: '王丽华', score: '8' }
+            ],
+            flightAvatars: [
+                { name: '温', score: '24.5', color: '#4facfe' },
+                { name: '杨', score: '34.5', color: '#43e97b' },
+                { name: '何', score: '16', color: '#fa709a' }
+            ],
+            flightList: [
+                { name: '潘林', score: '15' },
+                { name: '马迪', score: '14.5' },
+                { name: '谢琳', score: '14' },
+                { name: '周杰', score: '13' },
+                { name: '吴芳', score: '12' }
+            ],
+            seizeAvatars: [
+                { name: '郭', score: '113', color: '#667eea' },
+                { name: '黄', score: '90', color: '#f5576c' }
+            ],
+            seizeList: [
+                { name: '郭志远', score: '82' },
+                { name: '黄晓明', score: '76' },
+                { name: '叶伟', score: '75' },
+                { name: '陈静', score: '70' },
+                { name: '刘洋', score: '68' }
+            ],
+            chartInstances: {}
+        }
+    },
+    mounted() {
+        this.$nextTick(() => {
+            this.initSuperviseTrend()
+            this.initIssueType()
+            this.initRegionPie()
+            this.initTeamSupervise()
+            this.initIntercept()
+            this.initTeamQuality()
+            this.initAgeDist()
+            this.initFence()
+            this.initItems()
+            this.initServiceInspect()
+            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
+        },
+        initSuperviseTrend() {
+            this._init('chartSuperviseTrend', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['03:00','04:00','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'],
+                    axisLabel: { rotate: 45, fontSize: 9, interval: 1 } },
+                yAxis: { type: 'value', max: 20 },
+                series: [{ type: 'line', data: [17,11,12,9,14,15,10,15,10,7,9,6,4,2,3,1,2,1],
+                    smooth: true, lineStyle: { color: '#667eea', width: 2 }, itemStyle: { color: '#667eea' },
+                    areaStyle: { color: 'rgba(102,126,234,0.15)' } }]
+            })
+        },
+        initIssueType() {
+            this._init('chartIssueType', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['岗位不端', '岗位操作'], axisLabel: { fontSize: 10 } },
+                yAxis: { type: 'value', max: 120 },
+                series: [{ type: 'bar', data: [
+                    { value: 75, itemStyle: { color: '#667eea' } },
+                    { value: 101, itemStyle: { color: '#f5576c' } }
+                ], barWidth: '30%', label: { show: true, position: 'top', fontSize: 10 } }]
+            })
+        },
+        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: '{d}%' },
+                    data: [
+                        { value: 39, name: 'T3国内', itemStyle: { color: '#667eea' } },
+                        { value: 5, name: 'T3国际', itemStyle: { color: '#f5576c' } },
+                        { value: 1, name: 'T3出港', itemStyle: { color: '#43e97b' } },
+                        { value: 1, name: 'T3中心实时', itemStyle: { color: '#a18cd1' } }
+                    ]
+                }]
+            })
+        },
+        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', max: 50 },
+                series: [{ type: 'bar', data: [34,21,2,41,39,34],
+                    barWidth: '35%', itemStyle: { color: '#4facfe' },
+                    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','23:00'],
+                    axisLabel: { rotate: 45, fontSize: 9, interval: 1 } },
+                yAxis: { type: 'value', max: 80 },
+                series: [{ type: 'line', data: [5,31,60,44,26,21,65,56,75,30,15],
+                    smooth: true, lineStyle: { color: '#f5576c', width: 2 }, itemStyle: { color: '#f5576c' },
+                    areaStyle: { color: 'rgba(245,87,108,0.15)' } }]
+            })
+        },
+        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', max: 90 },
+                series: [{ type: 'bar', data: [60,44,21,65,56,75],
+                    barWidth: '35%', itemStyle: { color: '#fa709a' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initAgeDist() {
+            this._init('chartAgeDist', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '10%', top: '8%', containLabel: true },
+                xAxis: { type: 'category', data: ['1岁','2岁','3岁','4岁','5岁','6岁','7岁','8岁','9岁','10岁','11岁','12岁','13岁','14岁'],
+                    axisLabel: { fontSize: 8, interval: 1 } },
+                yAxis: { type: 'value', max: 70 },
+                series: [{ type: 'bar', data: [5,65,11,14,11,9,16,27,45,31,23,27,8,2],
+                    barWidth: '40%', itemStyle: { color: '#667eea' },
+                    label: { show: true, position: 'top', fontSize: 8 } }]
+            })
+        },
+        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', max: 160 },
+                series: [{ type: 'bar', data: [2,145,70,92,16,1],
+                    barWidth: '35%', itemStyle: { color: '#43e97b' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initItems() {
+            this._init('chartItems', {
+                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', max: 150 },
+                series: [{ type: 'bar', data: [14,23,56,19,24,136],
+                    barWidth: '35%', itemStyle: { color: '#4facfe' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        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', max: 20 },
+                series: [{ type: 'bar', data: [16,7,1,15,14,11],
+                    barWidth: '35%', itemStyle: { color: '#43e97b' },
+                    label: { show: true, position: 'top', fontSize: 9 } }]
+            })
+        },
+        initComplaint() {
+            this._init('chartComplaint', {
+                tooltip: { trigger: 'axis' },
+                grid: { left: '3%', right: '4%', bottom: '8%', top: '5%', containLabel: true },
+                xAxis: { type: 'value', max: 60 },
+                yAxis: { type: 'category', data: ['点云组','信武队','翁西组','木兰组','航空组','安平组'],
+                    axisLabel: { fontSize: 9 } },
+                series: [{ type: 'bar', data: [
+                    { value: 50, itemStyle: { color: '#f5576c' } },
+                    { value: 30, itemStyle: { color: '#fa709a' } },
+                    { value: 45, itemStyle: { color: '#667eea' } },
+                    { value: 19, itemStyle: { color: '#43e97b' } },
+                    { value: 19, itemStyle: { color: '#4facfe' } },
+                    { value: 37, itemStyle: { color: '#a18cd1' } }
+                ], barWidth: '50%', 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', max: 10 },
+                series: [{ type: 'bar', data: [3,4,4,8,3,2],
+                    barWidth: '35%', itemStyle: { color: '#fa709a' },
+                    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: '{d}%' },
+                    data: [
+                        { value: 28, name: '点云组', itemStyle: { color: '#667eea' } },
+                        { value: 23, name: '安平组', itemStyle: { color: '#f5576c' } },
+                        { value: 25, name: '翁西组', itemStyle: { color: '#43e97b' } },
+                        { value: 20, name: '安兴组', itemStyle: { color: '#4facfe' } },
+                        { value: 18, name: '展新组', itemStyle: { color: '#fa709a' } },
+                        { value: 15, name: '木兰组', itemStyle: { color: '#a18cd1' } }
+                    ]
+                }]
+            })
+        },
+        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', max: 60 },
+                series: [
+                    { name: '健康人数', type: 'bar', stack: 'total', barWidth: '35%',
+                        itemStyle: { color: '#4facfe' }, data: [35,20,29,26,22,27] },
+                    { name: '亚健康人数', type: 'bar', stack: 'total', barWidth: '35%',
+                        itemStyle: { color: '#f5576c' }, 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: ['23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45'],
+                    axisLabel: { fontSize: 8, interval: 2 } },
+                yAxis: { type: 'value', max: 45 },
+                series: [{ type: 'bar', data: [5,8,12,15,18,22,29,36,41,33,19,14,10,8,6,5,4,3,3,2,2,1,1],
+                    barWidth: '40%', itemStyle: { color: '#667eea' },
+                    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;
+}
+.summary-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+.summary-card {
+    border-radius: 16rpx;
+    padding: 20rpx 16rpx;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    gap: 6rpx;
+}
+.summary-label { font-size: 22rpx; opacity: 0.9; }
+.summary-value { font-size: 44rpx; font-weight: bold; }
+.summary-change { font-size: 20rpx; }
+.summary-change.up { color: #43e97b; }
+.summary-change.down { color: #ffd666; }
+.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; }
+.security-summary { padding: 0 8rpx; }
+.security-avatars {
+    display: flex;
+    justify-content: center;
+    gap: 40rpx;
+    margin-bottom: 24rpx;
+}
+.sec-avatar { display: flex; flex-direction: column; align-items: center; gap: 8rpx; }
+.sec-avatar-circle {
+    width: 80rpx; height: 80rpx; border-radius: 50%;
+    display: flex; align-items: center; justify-content: center;
+}
+.sec-avatar-circle text { color: #fff; font-size: 26rpx; font-weight: bold; }
+.sec-avatar-score { font-size: 32rpx; font-weight: bold; color: #333; }
+.security-list { display: flex; flex-direction: column; gap: 0; }
+.sec-item {
+    display: flex; align-items: center; padding: 16rpx 0;
+    border-bottom: 1rpx solid #f5f5f5;
+}
+.sec-item:last-child { border-bottom: none; }
+.sec-rank {
+    width: 40rpx; height: 40rpx; border-radius: 50%;
+    background: #f0f0f0; display: flex; align-items: center; justify-content: center;
+    font-size: 22rpx; color: #666; margin-right: 20rpx;
+}
+.sec-name { flex: 1; font-size: 26rpx; color: #333; }
+.sec-score { font-size: 28rpx; font-weight: 600; color: #667eea; }
+</style>

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() {