feat: 新增班组和小组详情页面，优化部门选择组件与雷达图容器

1.  新增teamProfile和groupProfile页面，实现班组/小组综合信息展示
2.  优化DeptSelector组件：支持自定义标题、修复弹窗遮罩逻辑、优化滚动与布局
3.  替换ProfileRadar和员工页面的view标签为div适配echarts
4.  优化雷达图指标最大值计算逻辑，移除调试代码

src/pages/components/DeptSelector.vue

@@ -1,15 +1,15 @@
 <template>
     <u-popup :show="show" mode="bottom" :round="16" :mask-close-able="true" :safe-area-inset-bottom="true"
-        @close="onClose">
+        :close-on-click-mask="true" @close="onClose">
         <view class="dept-picker">
             <view class="picker-header">
-                <text class="picker-title">选择部门</text>
+                <text class="picker-title">选择{{ title }}</text>
             </view>
             <view class="search-box">
-                <u-input v-model="deptSearchKeyword" placeholder="搜索部门" @confirm="onDeptSearch"
+                <u-input v-model="deptSearchKeyword" :placeholder="`搜索${title}`" :border="false" @confirm="onDeptSearch"
                     @input="onDeptSearch" />
             </view>
-            <scroll-view scroll-y class="dept-list">
+            <scroll-view scroll-y class="dept-list" :enable-back-to-top="true">
                 <view class="dept-item" v-for="item in filteredDeptList" :key="item.deptId"
                     @click="onDeptSelect(item)">
                     <text class="dept-item-name">{{ item.deptName }}</text>
@@ -31,6 +31,10 @@
 export default {
     name: 'DeptSelector',
     props: {
+        title: {
+            type: String,
+            default: '部门'
+        },
         show: {
             type: Boolean,
             default: false
@@ -100,7 +104,7 @@ export default {
     flex-direction: column;
     border-radius: 16rpx 16rpx 0 0;
     width: 100%;
-    max-height: 70vh;
+    height: 70vh;
 }
 
 .picker-header {
@@ -108,6 +112,7 @@ export default {
     border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
     display: flex;
     justify-content: center;
+    flex-shrink: 0;
 }
 
 .picker-title {
@@ -118,11 +123,14 @@ export default {
 
 .search-box {
     padding: 16rpx 32rpx;
+    flex-shrink: 0;
 }
 
 .dept-list {
     flex: 1;
     padding: 0 32rpx;
+    height: 0;
+    overflow: hidden;
 }
 
 .dept-item {

src/pages/components/ProfileRadar.vue

@@ -4,7 +4,7 @@
             <text>暂无数据</text>
         </view>
         <template v-else>
-            <view class="chart-container" ref="radarChart"></view>
+            <div class="chart-container" ref="radarChart"></div>
             <view class="radar-list">
                 <view v-for="(item, index) in radarData" :key="index" class="radar-item">
                     <text class="item-label">{{ item.name }}</text>

src/pages/employeeProfile/index.vue

@@ -104,7 +104,7 @@
                         </view>
 
                         <view class="score-section">
-                            <view class="score-circle" ref="scoreCircle"></view>
+                            <div class="score-circle" ref="scoreCircle"></div>
                             <view class="score-box">
                                 <view class="score-row">
                                     <text class="score-label">评分：</text>
@@ -146,7 +146,7 @@
                 </SectionTitle>
 
                 <SectionTitle v-if="activeTab === 'profile'" title="个人能力">
-                    <view class="chart-container" ref="radarChart"></view>
+                    <div class="chart-container" ref="radarChart"></div>
                 </SectionTitle>
 
                 <SectionTitle v-if="activeTab === 'profile'" title="补充信息">
@@ -548,7 +548,7 @@ export default {
             }).catch(() => { })
 
             const tagPromise = countTagScore(params).then(res => {
-                debugger
+                
                 const data = res.data
                 if (Array.isArray(data)) {
                     const found = data.find(item => item.userId === this.selectedEmployeeId)
@@ -560,20 +560,21 @@ export default {
 
             Promise.all([portraitPromise, tagPromise]).finally(() => {
                 this.$nextTick(() => {
+                    
                     this.initRadarChart()
                     this.initScoreChart()
                 })
             })
         },
         initScoreChart() {
-            debugger
+            
             if (!this.$refs.scoreCircle) return
             if (this.scoreChartInstance) {
                 this.scoreChartInstance.dispose()
             }
             this.scoreChartInstance = echarts.init(this.$refs.scoreCircle)
             const score = this.portrait.totalScore || 0
-            debugger
+            
             const option = {
                 series: [
                     {
@@ -643,15 +644,17 @@ export default {
             this.scoreChartInstance.setOption(option)
         },
         initRadarChart() {
+            
             if (!this.$refs.radarChart) return
             if (this.radarChartInstance) {
                 this.radarChartInstance.dispose()
             }
             this.radarChartInstance = echarts.init(this.$refs.radarChart)
             const dimensions = this.portrait.dimensions || []
+            const maxScore = dimensions.length > 0 ? Math.max(...dimensions.map(d => d.score || 0)) : 100
             const indicator = dimensions.map(d => ({
                 name: d.name + '\n' + d.score,
-                max: 100
+                max: maxScore
             }))
             const option = {
                 radar: {

src/pages/groupProfile/index.vue

@@ -0,0 +1,895 @@
+<template>
+    <view class="dept-profile-page">
+        <view class="page-header">
+            <view class="header-title">
+                <view class="title-main">小组综合信息展示</view>
+                <view class="header-right">
+                    <view class="current-time">{{ currentTime }}</view>
+                </view>
+            </view>
+
+            <view class="time-filter">
+                <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 v-if="selectedTimeTag === 4" class="date-range-picker">
+                    <picker mode="date" :value="startDate" @change="onStartDateChange">
+                        <view class="date-input" :class="{ filled: startDate }">
+                            {{ startDate || '开始日期' }}
+                        </view>
+                    </picker>
+                    <text class="date-separator">至</text>
+                    <picker mode="date" :value="endDate" @change="onEndDateChange">
+                        <view class="date-input" :class="{ filled: endDate }">
+                            {{ endDate || '结束日期' }}
+                        </view>
+                    </picker>
+                </view>
+            </view>
+
+
+            <view class="dept-selector">
+                <view class="dept-select-trigger" :class="{ 'dept-select-trigger-disabled': !isStationMaster()&&!isBrigade()&&!isBanzuzhang() }"
+                    @click="chooseDept">
+                    <u-icon name="list" color="#A78BFA" size="16"></u-icon>
+                    <text class="dept-name-text">{{ selectedDeptName || '请选择小组' }}</text>
+                    <u-icon name="arrow-down" color="#A78BFA" size="14"></u-icon>
+                </view>
+            </view>
+
+
+            <view class="tab-nav">
+                <view class="tab-item" :class="{ active: activeTab === 'profile' }" @click="activeTab = 'profile'">
+                    能力画像
+                </view>
+                <view class="tab-item" :class="{ active: activeTab === 'data' }" @click="activeTab = 'data'">
+                    运行数据
+                </view>
+            </view>
+        </view>
+
+        <view class="page-content">
+            <SectionTitle title="部门概况">
+                <DeptStats :statsData="deptStatsData" />
+            </SectionTitle>
+
+            <view v-if="activeTab === 'profile'">
+                <SectionTitle title="七维得分一览">
+                    <ProfileRadar :chartsData="radarData" />
+                </SectionTitle>
+
+                <SectionTitle title="团队成员">
+                    <TeamMemberTable :chartsData="teamMemberData" />
+                </SectionTitle>
+
+                <SectionTitle title="成员基本情况分布">
+                    <MemberBasicDistribution :chartsData="memberBasicData" />
+                </SectionTitle>
+
+                <SectionTitle title="成员职位情况分布">
+                    <MemberPositionDistribution :chartsData="memberPositionData" />
+                </SectionTitle>
+            </view>
+
+            <view v-if="activeTab === 'data'">
+                <SectionTitle title="当日开航每小时通道过检率">
+                    <PassengerChart :chartsData="passengerData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获信息展示">
+                    <SeizureInfo :chartsData="seizureInfoData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获物品分布">
+                    <ItemDistribution :chartsData="itemDistributionData" />
+                </SectionTitle>
+
+                <SectionTitle title="每日查获数量(总表)">
+                    <SeizedNumAll :chartsData="dailySeizureTotalData" />
+                </SectionTitle>
+
+                <SectionTitle title="每日查获数量">
+                    <DailySeizureChart :chartsData="dailySeizureData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获工作区域分布">
+                    <AreaDistribution :chartsData="areaDistributionData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件物品分布">
+                    <UnsafeItemsChart :chartsData="unsafeItemsData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件类型分布">
+                    <UnsafeTypesChart :chartsData="unsafeTypesData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件岗位分布">
+                    <UnsafePositionChart :chartsData="unsafePositionData" />
+                </SectionTitle>
+
+                <SecurityTestCharts :chartsData="securityTestData" />
+
+                <SectionTitle title="各岗位监察问题分布">
+                    <SupervisionDistribution :chartsData="supervisionData" />
+                </SectionTitle>
+
+                <SectionTitle title="实时质控拦截物品分布">
+                    <InterceptionDistribution :chartsData="interceptionData" />
+                </SectionTitle>
+            </view>
+        </view>
+
+        <DeptSelector :show.sync="showDeptPicker" v-model="selectedDeptId" :options="deptList" :loading="deptLoading"
+            @change="onDeptSelectChange" title="小组" />
+    </view>
+</template>
+
+<script>
+import SectionTitle from '@/components/SectionTitle.vue'
+import TeamMemberTable from '../components/TeamMemberTable.vue'
+import MemberBasicDistribution from '../components/MemberBasicDistribution.vue'
+import MemberPositionDistribution from '../components/MemberPositionDistribution.vue'
+import PassengerChart from '../components/PassengerChart.vue'
+import SeizureInfo from '../components/SeizureInfo.vue'
+import ItemDistribution from '../components/ItemDistribution.vue'
+import DailySeizureChart from '../components/DailySeizureChart.vue'
+import AreaDistribution from '../components/AreaDistribution.vue'
+import UnsafeItemsChart from '../components/UnsafeItemsChart.vue'
+import UnsafeTypesChart from '../components/UnsafeTypesChart.vue'
+import UnsafePositionChart from '../components/UnsafePositionChart.vue'
+import SecurityTestCharts from '../components/SecurityTestCharts.vue'
+import ProfileRadar from '../components/ProfileRadar.vue'
+import SeizedNumAll from '../components/SeizedNumAll.vue'
+import SupervisionDistribution from '../components/SupervisionDistribution.vue'
+import InterceptionDistribution from '../components/InterceptionDistribution.vue'
+import DeptStats from '../components/DeptStats.vue'
+import DeptSelector from '../components/DeptSelector.vue'
+import {
+    countStationTeamStats,
+    getDeptMemberDistribution,
+    getDeptPositionDistribution,
+    countStationHourlyThroughput,
+    countSeizureInfoItem,
+    countSeizeSubjectCategoryQuantity,
+    countSeizureTotalQuantity,
+    countSeizureSingleQuantity,
+    countSeizeAreaQuantity,
+    countSeizureStatsItem,
+    countSeizureStatsType,
+    countSeizureStatsPost,
+    securityTestItemClassification,
+    securityTestPassingStatus,
+    securityTestRegion,
+    getDimensionScoreOverview,
+    countLanePeakThroughput,
+    realtimeInterceptionItem,
+    supervisionProblemPosition,
+    countDeptTeamStats
+} from '@/api/portraitManagement/portraitManagement'
+import { getDeptUserTree } from '@/api/system/user'
+
+const itemColors = ['#60A5FA', '#34D399', '#FBBF24', '#EF4444', '#9CA3AF', '#A78BFA', '#F472B6', '#6EE7B7']
+
+export default {
+    name: 'DeptProfile',
+    components: {
+        SectionTitle,
+        TeamMemberTable,
+        MemberBasicDistribution,
+        MemberPositionDistribution,
+        PassengerChart,
+        SeizureInfo,
+        ItemDistribution,
+        DailySeizureChart,
+        AreaDistribution,
+        UnsafeItemsChart,
+        UnsafeTypesChart,
+        UnsafePositionChart,
+        SecurityTestCharts,
+        ProfileRadar,
+        SeizedNumAll,
+        SupervisionDistribution,
+        InterceptionDistribution,
+        DeptStats,
+        DeptSelector
+    },
+    data() {
+        return {
+            activeTab: 'profile',
+            selectedTimeTag: 3,
+            timeTags: ['近一周', '近一月', '近三月', '近一年', '自定义时间范围'],
+            currentTime: '',
+            timer: null,
+            startDate: '',
+            endDate: '',
+
+            // 部门选择相关
+            selectedDeptId: null,
+            selectedDeptName: '',
+            showDeptPicker: false,
+            deptList: [],
+            deptLoading: false,
+            radarData: [],
+            teamMemberData: [],
+            memberBasicData: {
+                gender: { labels: [], data: [] },
+                ethnicity: { labels: [], data: [] },
+                political: { labels: [], data: [] }
+            },
+            memberPositionData: {
+                qualification: { labels: [], data: [] },
+                experience: { labels: [], data: [] },
+                position: { labels: [], data: [] }
+            },
+            passengerData: {
+                labels: [],
+                areas: {},
+                totalFlow: []
+            },
+            seizureInfoData: {
+                total: 0,
+                depts: {
+                    labels: [],
+                    data: []
+                }
+            },
+            itemDistributionData: {
+                items: []
+            },
+            dailySeizureTotalData: [],
+            dailySeizureData: {
+                total: {
+                    labels: [],
+                    data: []
+                },
+                dept: {
+                    labels: [],
+                    data: {}
+                }
+            },
+            areaDistributionData: {
+                labels: [],
+                data: []
+            },
+            unsafeItemsData: {
+                items: []
+            },
+            unsafeTypesData: {
+                types: []
+            },
+            unsafePositionData: {
+                total: 0,
+                positions: {
+                    labels: [],
+                    data: []
+                }
+            },
+            securityTestData: {
+                items: {
+                    labels: [],
+                    data: []
+                },
+                results: {
+                    labels: [],
+                    data: []
+                },
+                areas: {
+                    labels: [],
+                    data: []
+                }
+            },
+            supervisionData: [],
+            interceptionData: [],
+            deptStatsData: {}
+        }
+    },
+    computed: {
+        currentDate() {
+            const now = new Date()
+            const year = now.getFullYear()
+            const month = String(now.getMonth() + 1).padStart(2, '0')
+            const day = String(now.getDate()).padStart(2, '0')
+            const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+            const weekDay = weekDays[now.getDay()]
+            return `${year}年${month}月${day}日 ${weekDay}`
+        }
+    },
+    mounted() {
+        this.updateTime()
+        this.timer = setInterval(() => {
+            this.updateTime()
+        }, 1000)
+        this.fetchDeptList()
+    },
+    beforeDestroy() {
+        if (this.timer) {
+            clearInterval(this.timer)
+        }
+    },
+    methods: {
+        updateTime() {
+            const now = new Date()
+            const hours = String(now.getHours()).padStart(2, '0')
+            const minutes = String(now.getMinutes()).padStart(2, '0')
+            const seconds = String(now.getSeconds()).padStart(2, '0')
+            this.currentTime = `${hours}:${minutes}:${seconds}`
+        },
+        // 部门选择改变
+        onDeptSelectChange(item) {
+            this.selectedDeptId = item.deptId
+            this.selectedDeptName = item.deptName
+            // 重新请求数据
+            const params = this.buildTimeParams()
+            this.fetchAllData(params)
+        },
+        getUserRoles() {
+            const userInfo = this.$store.state.user
+            return userInfo && userInfo.roles ? userInfo.roles : []
+        },
+        isStationMaster() {
+            const roles = this.getUserRoles()
+            return roles.includes('test') || roles.includes('zhijianke')
+        },
+        isBrigade() {
+            const roles = this.getUserRoles()
+            return roles.includes('bumenjingli')
+        },
+        isBanzuzhang() {
+            const roles = this.getUserRoles()
+            return roles.includes('banzuzhang')
+        },
+        chooseDept() {
+            
+            if(this.isStationMaster()||this.isBrigade()||this.isBanzuzhang()){
+                this.showDeptPicker = true
+            }
+        },
+        fetchDeptList() {
+            this.deptLoading = true
+            const userInfo = this.$store.state.user?.userInfo;
+            let params = this.isStationMaster() ? {  deptId: userInfo.deptId } : { deptId: userInfo.deptId }
+            getDeptUserTree(params).then(res => {
+                if (res.code === 200) {
+                    let allDepts = this.flattenDeptTree(res.data || [])
+                    this.deptList = allDepts.filter(d => d.deptType === 'TEAMS')
+                    if (userInfo && userInfo.deptId) {
+                        const dept = this.deptList.find(d => d.deptId === userInfo.deptId)
+                        if (dept) {
+                            this.selectedDeptId = dept.deptId
+                            this.selectedDeptName = dept.deptName
+                        } else if (this.deptList.length > 0) {
+                            this.selectedDeptId = this.deptList[0].deptId
+                            this.selectedDeptName = this.deptList[0].deptName
+                        }
+                    } else if (this.deptList.length > 0) {
+                        this.selectedDeptId = this.deptList[0].deptId
+                        this.selectedDeptName = this.deptList[0].deptName
+                    }
+                    // 选择完部门后请求数据
+                    this.onTimeTagClick(3)
+                }
+            }).catch(() => {
+            }).finally(() => {
+                this.deptLoading = false
+            })
+        },
+        flattenDeptTree(tree) {
+            const result = []
+            const traverse = (nodes) => {
+                nodes.forEach(node => {
+                    if (node.id) {
+                        result.push({
+                            deptId: node.id,
+                            deptName: node.label,
+                            deptType: node.deptType
+                        })
+                    }
+                    if (node.children && node.children.length > 0) {
+                        traverse(node.children)
+                    }
+                })
+            }
+            traverse(tree)
+            return result
+        },
+        fetchAllData(params) {
+            this.fetchDeptStats(params)
+            this.fetchRadarData(params)
+            this.fetchTeamData(params)
+            this.fetchMemberDistribution(params)
+            this.fetchPositionDistribution(params)
+            const copyParams = { startDate: params.startDate, endDate: params.endDate }
+            this.fetchPassengerData(copyParams)
+            this.fetchSeizureInfo(copyParams)
+            this.fetchItemDistribution(copyParams)
+            this.fetchDailySeizure(copyParams)
+            this.fetchAreaDistribution(copyParams)
+            this.fetchUnsafeItems(copyParams)
+            this.fetchUnsafeTypes(copyParams)
+            this.fetchUnsafePosition(copyParams)
+            this.fetchSecurityTestData(copyParams)
+            this.fetchSupervisionData(copyParams)
+            this.fetchInterceptionData(copyParams)
+        },
+        buildTimeParams() {
+            const now = new Date()
+            const today = this.formatDate(now)
+            const deptId = this.selectedDeptId || 100
+            if (this.selectedTimeTag === 4) {
+                if (this.startDate && this.endDate) {
+                    return { startDate: this.startDate, endDate: this.endDate, deptId }
+                }
+                return { deptId }
+            }
+            let startDate
+            switch (this.selectedTimeTag) {
+                case 0:
+                    startDate = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000)
+                    break
+                case 1:
+                    startDate = new Date(now.getFullYear(), now.getMonth() - 1, now.getDate())
+                    break
+                case 2:
+                    startDate = new Date(now.getFullYear(), now.getMonth() - 3, now.getDate())
+                    break
+                case 3:
+                    startDate = new Date(now.getFullYear() - 1, now.getMonth(), now.getDate())
+                    break
+                default:
+                    return { deptId }
+            }
+            return { startDate: this.formatDate(startDate), endDate: today, deptId }
+        },
+        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}`
+        },
+        onTimeTagClick(index) {
+            this.selectedTimeTag = index
+            if (index === 4) {
+                this.startDate = ''
+                this.endDate = ''
+                return
+            }
+            const params = this.buildTimeParams()
+            this.fetchAllData(params)
+        },
+        onStartDateChange(e) {
+            this.startDate = e.detail.value
+            if (this.startDate && this.endDate) {
+                this.fetchAllData(this.buildTimeParams())
+            }
+        },
+        onEndDateChange(e) {
+            this.endDate = e.detail.value
+            if (this.startDate && this.endDate) {
+                this.fetchAllData(this.buildTimeParams())
+            }
+        },
+        fetchDeptStats(params) {
+            countDeptTeamStats(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.deptStatsData = res.data
+                }
+            }).catch(() => { })
+        },
+        fetchRadarData(params) {
+            getDimensionScoreOverview(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    // 支持两种数据结构
+                    if (res.data.dimensions && Array.isArray(res.data.dimensions)) {
+
+                        this.radarData = res.data.dimensions
+                    } else {
+                        this.radarData = []
+                    }
+                }
+            }).catch(() => {
+                this.radarData = []
+            })
+        },
+        fetchTeamData(params) {
+            countStationTeamStats(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.teamMemberData = (res.data || []).map(item => ({
+                        department: item.deptName,
+                        employeeCount: item.employeeCount,
+                        partyMemberCount: item.partyMemberCount,
+                        avgAge: item.avgAge,
+                        avgTenure: item.avgWorkYears,
+                        certificateCount: item.qualificationLevel,
+                        machineYears: item.avgXrayOperatorYears,
+                        comprehensiveScore: item.totalScore
+                    }))
+                }
+            }).catch(() => { })
+        },
+        fetchMemberDistribution(params) {
+            getDeptMemberDistribution(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.memberBasicData = {
+                        gender: {
+                            labels: (res.data.sexDistribution || []).map(item => item.name),
+                            data: (res.data.sexDistribution || []).map(item => item.count)
+                        },
+                        ethnicity: {
+                            labels: (res.data.nationDistribution || []).map(item => item.name),
+                            data: (res.data.nationDistribution || []).map(item => item.count)
+                        },
+                        political: {
+                            labels: (res.data.politicalDistribution || []).map(item => item.name),
+                            data: (res.data.politicalDistribution || []).map(item => item.count)
+                        }
+                    }
+                }
+
+            }).catch(() => { })
+        },
+        fetchPositionDistribution(params) {
+            getDeptPositionDistribution(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.memberPositionData = {
+                        qualification: {
+                            labels: (res.data.qualificationDistribution || []).map(item => item.name),
+                            data: (res.data.qualificationDistribution || []).map(item => item.count)
+                        },
+                        experience: {
+                            labels: (res.data.xrayYearDistribution || []).map(item => item.name),
+                            data: (res.data.xrayYearDistribution || []).map(item => item.count)
+                        },
+                        position: {
+                            labels: (res.data.positionDistribution || []).map(item => item.name),
+                            data: (res.data.positionDistribution || []).map(item => item.count)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchPassengerData(params) {
+            countLanePeakThroughput(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const rawData = res.data || []
+                    const hours = [...new Set(rawData.map(item => item.hour))]
+                    const areaMap = {}
+                    rawData.forEach(item => {
+                        (item.laneList || []).forEach(lane => {
+                            if (!areaMap[lane.laneName]) {
+                                areaMap[lane.laneName] = []
+                            }
+                            areaMap[lane.laneName].push(lane.throughputRate)
+                        })
+                    })
+                    this.passengerData = {
+                        labels: hours,
+                        areas: areaMap,
+                        totalFlow: rawData.map(item => item.totalLaneThroughput)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSeizureInfo(params) {
+            countSeizureInfoItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const itemList = res.data.itemList || []
+                    this.seizureInfoData = {
+                        total: res.data.totalSeizeNum || 0,
+                        depts: {
+                            labels: itemList.map(item => item.name),
+                            data: itemList.map(item => item.seizeNum)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchItemDistribution(params) {
+            countSeizeSubjectCategoryQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const items = (res.data || []).map((item, index) => ({
+                        name: item.itemName,
+                        value: item.itemNum,
+                        color: itemColors[index % itemColors.length]
+                    }))
+                    this.itemDistributionData = { items }
+                }
+            }).catch(() => { })
+        },
+        fetchDailySeizure(params) {
+            countSeizureTotalQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.dailySeizureTotalData = res.data || []
+                    this.dailySeizureData.total = {
+                        labels: (res.data || []).map(item => item.recordDate),
+                        data: (res.data || []).map(item => item.seizeQuantity)
+                    }
+                }
+            }).catch(() => { })
+            countSeizureSingleQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const rawData = res.data || []
+                    const dates = rawData.map(item => item.recordDate)
+                    const deptMap = {}
+                    rawData.forEach(dayItem => {
+                        (dayItem.items || []).forEach(subItem => {
+                            if (!deptMap[subItem.groupName]) {
+                                deptMap[subItem.groupName] = []
+                            }
+                            deptMap[subItem.groupName].push(subItem.seizeQuantity)
+                        })
+                    })
+                    this.dailySeizureData.dept = {
+                        labels: dates,
+                        deptData: Object.keys(deptMap).map(name => ({
+                            name,
+                            data: deptMap[name]
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchAreaDistribution(params) {
+            countSeizeAreaQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.areaDistributionData = {
+                        labels: data.map(item => item.workArea),
+                        data: data.map(item => item.areaSeizeNum)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafeItems(params) {
+            countSeizureStatsItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.unsafeItemsData = {
+                        items: data.map(item => ({
+                            name: item.itemName,
+                            value: item.itemNum
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafeTypes(params) {
+            countSeizureStatsType(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.unsafeTypesData = {
+                        types: data.map(item => ({
+                            name: item.eventType,
+                            value: item.eventTypeNum
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafePosition(params) {
+            countSeizureStatsPost(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    const total = data.reduce((sum, item) => sum + (item.count || 0), 0)
+                    this.unsafePositionData = {
+                        total: total,
+                        positions: {
+                            labels: data.map(item => item.positionName),
+                            data: data.map(item => item.positionNum)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSecurityTestData(params) {
+            securityTestItemClassification(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.items = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+            securityTestPassingStatus(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.results = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+            securityTestRegion(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.areas = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSupervisionData(params) {
+            supervisionProblemPosition(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.supervisionData = (res.data || []).map(item => ({
+                        num: item.total,
+                        name: item.name
+                    }))
+                }
+            }).catch(() => { })
+        },
+        fetchInterceptionData(params) {
+            realtimeInterceptionItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.interceptionData = (res.data || []).map(item => ({
+                        num: item.total,
+                        name: item.name
+                    }))
+                }
+            }).catch(() => { })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+    .dept-selector {
+    padding: 16rpx 32rpx;
+    background: rgba(30, 27, 75, 0.8);
+}
+
+.dept-select-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12rpx;
+    padding: 16rpx 24rpx;
+    background: rgba(45, 42, 85, 0.8);
+    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    border-radius: 50rpx;
+}
+
+.dept-select-trigger-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.dept-name-text {
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.dept-profile-page {
+    min-height: 100vh;
+    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    padding-bottom: 40rpx;
+}
+
+.page-header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: rgba(30, 27, 75, 0.9);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+}
+
+.header-title {
+    padding: 24rpx 32rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .title-main {
+        font-size: 36rpx;
+        font-weight: bold;
+        background: linear-gradient(90deg, #A78BFA, #60A5FA);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+    }
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+
+    .current-time {
+        font-size: 24rpx;
+        color: rgba(255, 255, 255, 0.6);
+    }
+}
+
+.time-filter {
+    padding: 16rpx 32rpx;
+    background: rgba(30, 27, 75, 0.8);
+}
+
+.time-scroll {
+    width: 100%;
+}
+
+.time-tags {
+    display: flex;
+    gap: 16rpx;
+    white-space: nowrap;
+}
+
+.time-tag {
+    padding: 8rpx 10rpx;
+    border-radius: 50rpx;
+    background: rgba(45, 42, 85, 0.8);
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.6);
+    transition: all 0.3s;
+
+    &.active {
+        background: #A78BFA;
+        color: #1E1B4B;
+        font-weight: 500;
+    }
+}
+
+.date-range-picker {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-top: 16rpx;
+    padding-top: 16rpx;
+    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+}
+
+.date-input {
+    flex: 1;
+    padding: 12rpx 24rpx;
+    border-radius: 12rpx;
+    background: rgba(45, 42, 85, 0.8);
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.4);
+    text-align: center;
+
+    &.filled {
+        color: rgba(255, 255, 255, 0.9);
+    }
+}
+
+.date-separator {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.5);
+    flex-shrink: 0;
+}
+
+.tab-nav {
+    padding: 16rpx 32rpx;
+    display: flex;
+    justify-content: center;
+    gap: 64rpx;
+}
+
+.tab-item {
+    font-size: 28rpx;
+    color: rgba(255, 255, 255, 0.5);
+    padding-bottom: 8rpx;
+    border-bottom: 2rpx solid transparent;
+    transition: all 0.3s;
+
+    &.active {
+        color: #A78BFA;
+        border-bottom-color: #A78BFA;
+    }
+}
+
+.page-content {
+    padding: 32rpx;
+    display: flex;
+    flex-direction: column;
+}
+</style>

src/pages/teamProfile/index.vue

@@ -0,0 +1,898 @@
+<template>
+    <view class="dept-profile-page">
+        <view class="page-header">
+            <view class="header-title">
+                <view class="title-main">班组综合信息展示</view>
+                <view class="header-right">
+                    <view class="current-time">{{ currentTime }}</view>
+                </view>
+            </view>
+
+            <view class="time-filter">
+                <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 v-if="selectedTimeTag === 4" class="date-range-picker">
+                    <picker mode="date" :value="startDate" @change="onStartDateChange">
+                        <view class="date-input" :class="{ filled: startDate }">
+                            {{ startDate || '开始日期' }}
+                        </view>
+                    </picker>
+                    <text class="date-separator">至</text>
+                    <picker mode="date" :value="endDate" @change="onEndDateChange">
+                        <view class="date-input" :class="{ filled: endDate }">
+                            {{ endDate || '结束日期' }}
+                        </view>
+                    </picker>
+                </view>
+            </view>
+
+
+            <view class="dept-selector">
+                <view class="dept-select-trigger" :class="{ 'dept-select-trigger-disabled': !isBrigade()&&!isStationMaster() }"
+                    @click="chooseDept">
+                    <u-icon name="list" color="#A78BFA" size="16"></u-icon>
+                    <text class="dept-name-text">{{ selectedDeptName || '请选择班组' }}</text>
+                    <u-icon name="arrow-down" color="#A78BFA" size="14"></u-icon>
+                </view>
+            </view>
+
+
+            <view class="tab-nav">
+                <view class="tab-item" :class="{ active: activeTab === 'profile' }" @click="activeTab = 'profile'">
+                    能力画像
+                </view>
+                <view class="tab-item" :class="{ active: activeTab === 'data' }" @click="activeTab = 'data'">
+                    运行数据
+                </view>
+            </view>
+        </view>
+
+        <view class="page-content">
+            <SectionTitle title="部门概况">
+                <DeptStats :statsData="deptStatsData" />
+            </SectionTitle>
+
+            <view v-if="activeTab === 'profile'">
+                <SectionTitle title="七维得分一览">
+                    <ProfileRadar :chartsData="radarData" />
+                </SectionTitle>
+
+                <SectionTitle title="团队成员">
+                    <TeamMemberTable :chartsData="teamMemberData" />
+                </SectionTitle>
+
+                <SectionTitle title="成员基本情况分布">
+                    <MemberBasicDistribution :chartsData="memberBasicData" />
+                </SectionTitle>
+
+                <SectionTitle title="成员职位情况分布">
+                    <MemberPositionDistribution :chartsData="memberPositionData" />
+                </SectionTitle>
+            </view>
+
+            <view v-if="activeTab === 'data'">
+                <SectionTitle title="当日开航每小时通道过检率">
+                    <PassengerChart :chartsData="passengerData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获信息展示">
+                    <SeizureInfo :chartsData="seizureInfoData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获物品分布">
+                    <ItemDistribution :chartsData="itemDistributionData" />
+                </SectionTitle>
+
+                <SectionTitle title="每日查获数量(总表)">
+                    <SeizedNumAll :chartsData="dailySeizureTotalData" />
+                </SectionTitle>
+
+                <SectionTitle title="每日查获数量">
+                    <DailySeizureChart :chartsData="dailySeizureData" />
+                </SectionTitle>
+
+                <SectionTitle title="查获工作区域分布">
+                    <AreaDistribution :chartsData="areaDistributionData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件物品分布">
+                    <UnsafeItemsChart :chartsData="unsafeItemsData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件类型分布">
+                    <UnsafeTypesChart :chartsData="unsafeTypesData" />
+                </SectionTitle>
+
+                <SectionTitle title="不安全事件岗位分布">
+                    <UnsafePositionChart :chartsData="unsafePositionData" />
+                </SectionTitle>
+
+                <SecurityTestCharts :chartsData="securityTestData" />
+
+                <SectionTitle title="各岗位监察问题分布">
+                    <SupervisionDistribution :chartsData="supervisionData" />
+                </SectionTitle>
+
+                <SectionTitle title="实时质控拦截物品分布">
+                    <InterceptionDistribution :chartsData="interceptionData" />
+                </SectionTitle>
+            </view>
+        </view>
+
+        <DeptSelector :show.sync="showDeptPicker" v-model="selectedDeptId" :options="deptList" :loading="deptLoading"
+            @change="onDeptSelectChange" title="班组" />
+    </view>
+</template>
+
+<script>
+import SectionTitle from '@/components/SectionTitle.vue'
+import TeamMemberTable from '../components/TeamMemberTable.vue'
+import MemberBasicDistribution from '../components/MemberBasicDistribution.vue'
+import MemberPositionDistribution from '../components/MemberPositionDistribution.vue'
+import PassengerChart from '../components/PassengerChart.vue'
+import SeizureInfo from '../components/SeizureInfo.vue'
+import ItemDistribution from '../components/ItemDistribution.vue'
+import DailySeizureChart from '../components/DailySeizureChart.vue'
+import AreaDistribution from '../components/AreaDistribution.vue'
+import UnsafeItemsChart from '../components/UnsafeItemsChart.vue'
+import UnsafeTypesChart from '../components/UnsafeTypesChart.vue'
+import UnsafePositionChart from '../components/UnsafePositionChart.vue'
+import SecurityTestCharts from '../components/SecurityTestCharts.vue'
+import ProfileRadar from '../components/ProfileRadar.vue'
+import SeizedNumAll from '../components/SeizedNumAll.vue'
+import SupervisionDistribution from '../components/SupervisionDistribution.vue'
+import InterceptionDistribution from '../components/InterceptionDistribution.vue'
+import DeptStats from '../components/DeptStats.vue'
+import DeptSelector from '../components/DeptSelector.vue'
+import {
+    countStationTeamStats,
+    getDeptMemberDistribution,
+    getDeptPositionDistribution,
+    countStationHourlyThroughput,
+    countSeizureInfoItem,
+    countSeizeSubjectCategoryQuantity,
+    countSeizureTotalQuantity,
+    countSeizureSingleQuantity,
+    countSeizeAreaQuantity,
+    countSeizureStatsItem,
+    countSeizureStatsType,
+    countSeizureStatsPost,
+    securityTestItemClassification,
+    securityTestPassingStatus,
+    securityTestRegion,
+    getDimensionScoreOverview,
+    countLanePeakThroughput,
+    realtimeInterceptionItem,
+    supervisionProblemPosition,
+    countDeptTeamStats
+} from '@/api/portraitManagement/portraitManagement'
+import { getDeptUserTree } from '@/api/system/user'
+
+const itemColors = ['#60A5FA', '#34D399', '#FBBF24', '#EF4444', '#9CA3AF', '#A78BFA', '#F472B6', '#6EE7B7']
+
+export default {
+    name: 'DeptProfile',
+    components: {
+        SectionTitle,
+        TeamMemberTable,
+        MemberBasicDistribution,
+        MemberPositionDistribution,
+        PassengerChart,
+        SeizureInfo,
+        ItemDistribution,
+        DailySeizureChart,
+        AreaDistribution,
+        UnsafeItemsChart,
+        UnsafeTypesChart,
+        UnsafePositionChart,
+        SecurityTestCharts,
+        ProfileRadar,
+        SeizedNumAll,
+        SupervisionDistribution,
+        InterceptionDistribution,
+        DeptStats,
+        DeptSelector
+    },
+    data() {
+        return {
+            activeTab: 'profile',
+            selectedTimeTag: 3,
+            timeTags: ['近一周', '近一月', '近三月', '近一年', '自定义时间范围'],
+            currentTime: '',
+            timer: null,
+            startDate: '',
+            endDate: '',
+
+            // 部门选择相关
+            selectedDeptId: null,
+            selectedDeptName: '',
+            showDeptPicker: false,
+            deptList: [],
+            deptLoading: false,
+            radarData: [],
+            teamMemberData: [],
+            memberBasicData: {
+                gender: { labels: [], data: [] },
+                ethnicity: { labels: [], data: [] },
+                political: { labels: [], data: [] }
+            },
+            memberPositionData: {
+                qualification: { labels: [], data: [] },
+                experience: { labels: [], data: [] },
+                position: { labels: [], data: [] }
+            },
+            passengerData: {
+                labels: [],
+                areas: {},
+                totalFlow: []
+            },
+            seizureInfoData: {
+                total: 0,
+                depts: {
+                    labels: [],
+                    data: []
+                }
+            },
+            itemDistributionData: {
+                items: []
+            },
+            dailySeizureTotalData: [],
+            dailySeizureData: {
+                total: {
+                    labels: [],
+                    data: []
+                },
+                dept: {
+                    labels: [],
+                    data: {}
+                }
+            },
+            areaDistributionData: {
+                labels: [],
+                data: []
+            },
+            unsafeItemsData: {
+                items: []
+            },
+            unsafeTypesData: {
+                types: []
+            },
+            unsafePositionData: {
+                total: 0,
+                positions: {
+                    labels: [],
+                    data: []
+                }
+            },
+            securityTestData: {
+                items: {
+                    labels: [],
+                    data: []
+                },
+                results: {
+                    labels: [],
+                    data: []
+                },
+                areas: {
+                    labels: [],
+                    data: []
+                }
+            },
+            supervisionData: [],
+            interceptionData: [],
+            deptStatsData: {}
+        }
+    },
+    computed: {
+        currentDate() {
+            const now = new Date()
+            const year = now.getFullYear()
+            const month = String(now.getMonth() + 1).padStart(2, '0')
+            const day = String(now.getDate()).padStart(2, '0')
+            const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+            const weekDay = weekDays[now.getDay()]
+            return `${year}年${month}月${day}日 ${weekDay}`
+        }
+    },
+    mounted() {
+        this.updateTime()
+        this.timer = setInterval(() => {
+            this.updateTime()
+        }, 1000)
+        this.fetchDeptList()
+    },
+    beforeDestroy() {
+        if (this.timer) {
+            clearInterval(this.timer)
+        }
+    },
+    methods: {
+        updateTime() {
+            const now = new Date()
+            const hours = String(now.getHours()).padStart(2, '0')
+            const minutes = String(now.getMinutes()).padStart(2, '0')
+            const seconds = String(now.getSeconds()).padStart(2, '0')
+            this.currentTime = `${hours}:${minutes}:${seconds}`
+        },
+        // 部门选择改变
+        onDeptSelectChange(item) {
+            this.selectedDeptId = item.deptId
+            this.selectedDeptName = item.deptName
+            // 重新请求数据
+            const params = this.buildTimeParams()
+            this.fetchAllData(params)
+        },
+        getUserRoles() {
+            const userInfo = this.$store.state.user
+            return userInfo && userInfo.roles ? userInfo.roles : []
+        },
+        //站长
+        isStationMaster() {
+            const roles = this.getUserRoles()
+            return roles.includes('test') || roles.includes('zhijianke')
+        },
+        //部门经理
+        isBrigade() {
+            const roles = this.getUserRoles()
+            return roles.includes('bumenjingli')
+        },
+        //班组长
+        // isManager() {
+        //     const roles = this.getUserRoles()
+        //     return roles.includes('banzuzhang')
+        // },
+        chooseDept() {
+            if (this.isStationMaster() || this.isBrigade()) {
+                this.showDeptPicker = true
+            }
+
+        },
+        fetchDeptList() {
+            this.deptLoading = true
+            const userInfo = this.$store.state.user?.userInfo;
+            let params = this.isBrigade() ? { deptId: userInfo.deptId } : { deptId: userInfo.deptId }
+            getDeptUserTree(params).then(res => {
+                if (res.code === 200) {
+                    let allDepts = this.flattenDeptTree(res.data || [])
+                    this.deptList = allDepts.filter(d => d.deptType === 'MANAGER')
+                    if (userInfo && userInfo.deptId) {
+                        const dept = this.deptList.find(d => d.deptId === userInfo.deptId)
+                        if (dept) {
+                            this.selectedDeptId = dept.deptId
+                            this.selectedDeptName = dept.deptName
+                        } else if (this.deptList.length > 0) {
+                            this.selectedDeptId = this.deptList[0].deptId
+                            this.selectedDeptName = this.deptList[0].deptName
+                        }
+                    } else if (this.deptList.length > 0) {
+                        this.selectedDeptId = this.deptList[0].deptId
+                        this.selectedDeptName = this.deptList[0].deptName
+                    }
+                    // 选择完部门后请求数据
+                    this.onTimeTagClick(3)
+                }
+            }).catch(() => {
+            }).finally(() => {
+                this.deptLoading = false
+            })
+        },
+        flattenDeptTree(tree) {
+            const result = []
+            const traverse = (nodes) => {
+                nodes.forEach(node => {
+                    if (node.id) {
+                        result.push({
+                            deptId: node.id,
+                            deptName: node.label,
+                            deptType: node.deptType
+                        })
+                    }
+                    if (node.children && node.children.length > 0) {
+                        traverse(node.children)
+                    }
+                })
+            }
+            traverse(tree)
+            return result
+        },
+        fetchAllData(params) {
+            this.fetchDeptStats(params)
+            this.fetchRadarData(params)
+            this.fetchTeamData(params)
+            this.fetchMemberDistribution(params)
+            this.fetchPositionDistribution(params)
+            const copyParams = { startDate: params.startDate, endDate: params.endDate }
+            this.fetchPassengerData(copyParams)
+            this.fetchSeizureInfo(copyParams)
+            this.fetchItemDistribution(copyParams)
+            this.fetchDailySeizure(copyParams)
+            this.fetchAreaDistribution(copyParams)
+            this.fetchUnsafeItems(copyParams)
+            this.fetchUnsafeTypes(copyParams)
+            this.fetchUnsafePosition(copyParams)
+            this.fetchSecurityTestData(copyParams)
+            this.fetchSupervisionData(copyParams)
+            this.fetchInterceptionData(copyParams)
+        },
+        buildTimeParams() {
+            const now = new Date()
+            const today = this.formatDate(now)
+            const deptId = this.selectedDeptId || 100
+            if (this.selectedTimeTag === 4) {
+                if (this.startDate && this.endDate) {
+                    return { startDate: this.startDate, endDate: this.endDate, deptId }
+                }
+                return { deptId }
+            }
+            let startDate
+            switch (this.selectedTimeTag) {
+                case 0:
+                    startDate = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000)
+                    break
+                case 1:
+                    startDate = new Date(now.getFullYear(), now.getMonth() - 1, now.getDate())
+                    break
+                case 2:
+                    startDate = new Date(now.getFullYear(), now.getMonth() - 3, now.getDate())
+                    break
+                case 3:
+                    startDate = new Date(now.getFullYear() - 1, now.getMonth(), now.getDate())
+                    break
+                default:
+                    return { deptId }
+            }
+            return { startDate: this.formatDate(startDate), endDate: today, deptId }
+        },
+        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}`
+        },
+        onTimeTagClick(index) {
+            this.selectedTimeTag = index
+            if (index === 4) {
+                this.startDate = ''
+                this.endDate = ''
+                return
+            }
+            const params = this.buildTimeParams()
+            this.fetchAllData(params)
+        },
+        onStartDateChange(e) {
+            this.startDate = e.detail.value
+            if (this.startDate && this.endDate) {
+                this.fetchAllData(this.buildTimeParams())
+            }
+        },
+        onEndDateChange(e) {
+            this.endDate = e.detail.value
+            if (this.startDate && this.endDate) {
+                this.fetchAllData(this.buildTimeParams())
+            }
+        },
+        fetchDeptStats(params) {
+            countDeptTeamStats(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.deptStatsData = res.data
+                }
+            }).catch(() => { })
+        },
+        fetchRadarData(params) {
+            getDimensionScoreOverview(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    // 支持两种数据结构
+                    if (res.data.dimensions && Array.isArray(res.data.dimensions)) {
+
+                        this.radarData = res.data.dimensions
+                    } else {
+                        this.radarData = []
+                    }
+                }
+            }).catch(() => {
+                this.radarData = []
+            })
+        },
+        fetchTeamData(params) {
+            countStationTeamStats(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.teamMemberData = (res.data || []).map(item => ({
+                        department: item.deptName,
+                        employeeCount: item.employeeCount,
+                        partyMemberCount: item.partyMemberCount,
+                        avgAge: item.avgAge,
+                        avgTenure: item.avgWorkYears,
+                        certificateCount: item.qualificationLevel,
+                        machineYears: item.avgXrayOperatorYears,
+                        comprehensiveScore: item.totalScore
+                    }))
+                }
+            }).catch(() => { })
+        },
+        fetchMemberDistribution(params) {
+            getDeptMemberDistribution(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.memberBasicData = {
+                        gender: {
+                            labels: (res.data.sexDistribution || []).map(item => item.name),
+                            data: (res.data.sexDistribution || []).map(item => item.count)
+                        },
+                        ethnicity: {
+                            labels: (res.data.nationDistribution || []).map(item => item.name),
+                            data: (res.data.nationDistribution || []).map(item => item.count)
+                        },
+                        political: {
+                            labels: (res.data.politicalDistribution || []).map(item => item.name),
+                            data: (res.data.politicalDistribution || []).map(item => item.count)
+                        }
+                    }
+                }
+
+            }).catch(() => { })
+        },
+        fetchPositionDistribution(params) {
+            getDeptPositionDistribution(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.memberPositionData = {
+                        qualification: {
+                            labels: (res.data.qualificationDistribution || []).map(item => item.name),
+                            data: (res.data.qualificationDistribution || []).map(item => item.count)
+                        },
+                        experience: {
+                            labels: (res.data.xrayYearDistribution || []).map(item => item.name),
+                            data: (res.data.xrayYearDistribution || []).map(item => item.count)
+                        },
+                        position: {
+                            labels: (res.data.positionDistribution || []).map(item => item.name),
+                            data: (res.data.positionDistribution || []).map(item => item.count)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchPassengerData(params) {
+            countLanePeakThroughput(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const rawData = res.data || []
+                    const hours = [...new Set(rawData.map(item => item.hour))]
+                    const areaMap = {}
+                    rawData.forEach(item => {
+                        (item.laneList || []).forEach(lane => {
+                            if (!areaMap[lane.laneName]) {
+                                areaMap[lane.laneName] = []
+                            }
+                            areaMap[lane.laneName].push(lane.throughputRate)
+                        })
+                    })
+                    this.passengerData = {
+                        labels: hours,
+                        areas: areaMap,
+                        totalFlow: rawData.map(item => item.totalLaneThroughput)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSeizureInfo(params) {
+            countSeizureInfoItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const itemList = res.data.itemList || []
+                    this.seizureInfoData = {
+                        total: res.data.totalSeizeNum || 0,
+                        depts: {
+                            labels: itemList.map(item => item.name),
+                            data: itemList.map(item => item.seizeNum)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchItemDistribution(params) {
+            countSeizeSubjectCategoryQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const items = (res.data || []).map((item, index) => ({
+                        name: item.itemName,
+                        value: item.itemNum,
+                        color: itemColors[index % itemColors.length]
+                    }))
+                    this.itemDistributionData = { items }
+                }
+            }).catch(() => { })
+        },
+        fetchDailySeizure(params) {
+            countSeizureTotalQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.dailySeizureTotalData = res.data || []
+                    this.dailySeizureData.total = {
+                        labels: (res.data || []).map(item => item.recordDate),
+                        data: (res.data || []).map(item => item.seizeQuantity)
+                    }
+                }
+            }).catch(() => { })
+            countSeizureSingleQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const rawData = res.data || []
+                    const dates = rawData.map(item => item.recordDate)
+                    const deptMap = {}
+                    rawData.forEach(dayItem => {
+                        (dayItem.items || []).forEach(subItem => {
+                            if (!deptMap[subItem.groupName]) {
+                                deptMap[subItem.groupName] = []
+                            }
+                            deptMap[subItem.groupName].push(subItem.seizeQuantity)
+                        })
+                    })
+                    this.dailySeizureData.dept = {
+                        labels: dates,
+                        deptData: Object.keys(deptMap).map(name => ({
+                            name,
+                            data: deptMap[name]
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchAreaDistribution(params) {
+            countSeizeAreaQuantity(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.areaDistributionData = {
+                        labels: data.map(item => item.workArea),
+                        data: data.map(item => item.areaSeizeNum)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafeItems(params) {
+            countSeizureStatsItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.unsafeItemsData = {
+                        items: data.map(item => ({
+                            name: item.itemName,
+                            value: item.itemNum
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafeTypes(params) {
+            countSeizureStatsType(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.unsafeTypesData = {
+                        types: data.map(item => ({
+                            name: item.eventType,
+                            value: item.eventTypeNum
+                        }))
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchUnsafePosition(params) {
+            countSeizureStatsPost(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    const total = data.reduce((sum, item) => sum + (item.count || 0), 0)
+                    this.unsafePositionData = {
+                        total: total,
+                        positions: {
+                            labels: data.map(item => item.positionName),
+                            data: data.map(item => item.positionNum)
+                        }
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSecurityTestData(params) {
+            securityTestItemClassification(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.items = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+            securityTestPassingStatus(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.results = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+            securityTestRegion(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    const data = res.data || []
+                    this.securityTestData.areas = {
+                        labels: data.map(item => item.name),
+                        data: data.map(item => item.total)
+                    }
+                }
+            }).catch(() => { })
+        },
+        fetchSupervisionData(params) {
+            supervisionProblemPosition(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.supervisionData = (res.data || []).map(item => ({
+                        num: item.total,
+                        name: item.name
+                    }))
+                }
+            }).catch(() => { })
+        },
+        fetchInterceptionData(params) {
+            realtimeInterceptionItem(params).then(res => {
+                if (res.code === 200 && res.data) {
+                    this.interceptionData = (res.data || []).map(item => ({
+                        num: item.total,
+                        name: item.name
+                    }))
+                }
+            }).catch(() => { })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.dept-selector {
+    padding: 16rpx 32rpx;
+    background: rgba(30, 27, 75, 0.8);
+}
+
+.dept-select-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12rpx;
+    padding: 16rpx 24rpx;
+    background: rgba(45, 42, 85, 0.8);
+    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    border-radius: 50rpx;
+}
+
+.dept-select-trigger-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.dept-name-text {
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.dept-profile-page {
+    min-height: 100vh;
+    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    padding-bottom: 40rpx;
+}
+
+.page-header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: rgba(30, 27, 75, 0.9);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+}
+
+.header-title {
+    padding: 24rpx 32rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .title-main {
+        font-size: 36rpx;
+        font-weight: bold;
+        background: linear-gradient(90deg, #A78BFA, #60A5FA);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+    }
+}
+
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+
+    .current-time {
+        font-size: 24rpx;
+        color: rgba(255, 255, 255, 0.6);
+    }
+}
+
+.time-filter {
+    padding: 16rpx 32rpx;
+    background: rgba(30, 27, 75, 0.8);
+}
+
+.time-scroll {
+    width: 100%;
+}
+
+.time-tags {
+    display: flex;
+    gap: 16rpx;
+    white-space: nowrap;
+}
+
+.time-tag {
+    padding: 8rpx 10rpx;
+    border-radius: 50rpx;
+    background: rgba(45, 42, 85, 0.8);
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.6);
+    transition: all 0.3s;
+
+    &.active {
+        background: #A78BFA;
+        color: #1E1B4B;
+        font-weight: 500;
+    }
+}
+
+.date-range-picker {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-top: 16rpx;
+    padding-top: 16rpx;
+    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+}
+
+.date-input {
+    flex: 1;
+    padding: 12rpx 24rpx;
+    border-radius: 12rpx;
+    background: rgba(45, 42, 85, 0.8);
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.4);
+    text-align: center;
+
+    &.filled {
+        color: rgba(255, 255, 255, 0.9);
+    }
+}
+
+.date-separator {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.5);
+    flex-shrink: 0;
+}
+
+.tab-nav {
+    padding: 16rpx 32rpx;
+    display: flex;
+    justify-content: center;
+    gap: 64rpx;
+}
+
+.tab-item {
+    font-size: 28rpx;
+    color: rgba(255, 255, 255, 0.5);
+    padding-bottom: 8rpx;
+    border-bottom: 2rpx solid transparent;
+    transition: all 0.3s;
+
+    &.active {
+        color: #A78BFA;
+        border-bottom-color: #A78BFA;
+    }
+}
+
+.page-content {
+    padding: 32rpx;
+    display: flex;
+    flex-direction: column;
+}
+</style>