first submit

src/pages/announcement/announcementDetail.vue

@@ -0,0 +1,182 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="detail-container" v-if="detailData">
+            <!-- 公告标题 -->
+            <view class="title">{{ detailData.noticeTitle }}</view>
+            
+            <!-- 发布信息 -->
+            <view class="meta-info">
+                <text class="author">{{ detailData.createUser || '管理员' }}</text>
+                <text class="date">{{ formatDate(detailData.createTime) }}</text>
+            </view>
+            
+            <!-- 分隔线 -->
+            <view class="divider"></view>
+            
+            <!-- 富文本内容 -->
+            <view class="content" v-html="detailData.noticeContent"></view>
+        </view>
+        
+        <!-- 加载状态 -->
+        <view v-else class="loading">加载中...</view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getNoticeDetail } from "@/api/announcement/announcement.js";
+
+
+export default {
+    components: {
+        HomeContainer
+    },
+    data() {
+        return {
+            detailData: null,
+            loading: true
+        };
+    },
+    onLoad(options) {
+        
+        // 从路由参数中获取公告ID
+        if (options && options.id) {
+            this.getDetailData(options.id);
+        } else {
+            console.error('公告ID不存在');
+            uni.showToast({
+                title: '获取公告详情失败',
+                icon: 'none'
+            });
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            const hour = String(date.getHours()).padStart(2, '0');
+            const minute = String(date.getMinutes()).padStart(2, '0');
+            return `${year}-${month}-${day} ${hour}:${minute}`;
+        },
+        
+        // 处理富文本中的图片
+        handleRichTextImages(html) {
+            if (!html) return '';
+            
+            // 为所有img标签添加style="width:90%"，同时保留原有的style属性
+            return html.replace(/<img([^>]+)>/g, (match, attributes) => {
+                // 检查是否已有style属性
+                if (attributes.includes('style=')) {
+                    // 如果已有style属性，在其末尾添加width设置
+                    return `<img${attributes.replace(/style=["']([^"']*)["']/, (styleMatch, styleValue) => {
+                        return `style="${styleValue} width:90%;"`;
+                    })}>`;
+                } else {
+                    // 如果没有style属性，添加一个包含width设置的style属性
+                    return `<img${attributes} style="width:90%;">`;
+                }
+            });
+        },
+
+        // 获取公告详情数据
+        async getDetailData(id) {
+            try {
+                this.loading = true;
+                const response = await getNoticeDetail(id);
+                
+                // 深拷贝响应数据
+                this.detailData = JSON.parse(JSON.stringify(response.data));
+                
+                // 处理noticeContent中的图片样式
+                if (this.detailData.noticeContent) {
+                    this.detailData.noticeContent = this.handleRichTextImages(this.detailData.noticeContent);
+                }
+            } catch (error) {
+                console.error('获取公告详情失败:', error);
+                uni.showToast({
+                    title: '获取公告详情失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+            }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.detail-container {
+    padding: 32rpx;
+    background-color: #ffffff;
+    min-height: calc(100vh - 177rpx);
+    box-sizing: border-box;
+    
+    // 标题样式
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333333;
+        line-height: 52rpx;
+        margin-bottom: 24rpx;
+    }
+    
+    // 元信息样式
+    .meta-info {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 24rpx;
+        
+        .author,
+        .date {
+            font-size: 28rpx;
+            color: #666666;
+        }
+    }
+    
+    // 分隔线样式
+    .divider {
+        height: 1rpx;
+        background-color: #e5e5e5;
+        margin: 32rpx 0;
+    }
+    
+    // 富文本内容样式
+    .content {
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 48rpx;
+        
+        // 富文本内部样式
+        :deep() {
+            p {
+                margin-bottom: 20rpx;
+            }
+            img {
+                max-width: 100%;
+                height: auto;
+                margin: 16rpx 0;
+            }
+            a {
+                color: #007aff;
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+// 加载状态样式
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 400rpx;
+    font-size: 28rpx;
+    color: #999999;
+}
+</style>

src/pages/announcement/index.vue

@@ -0,0 +1,204 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="announcement-list">
+            <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }"
+                enable-back-to-top="true">
+                <list-card v-for="item in list" :key="item.id" @click="navigateToDetail(item)">
+                    <template #title>
+                        <view class="list-title">
+                            {{ item.noticeTitle }}
+                        </view>
+                    </template>
+                    <template #default>
+                        <view class="list-info">
+                            <view class="list-meta">
+                                <view class="author">{{ item.createUser || '管理员' }}</view>
+                                <view class="date">{{ formatDate(item.createTime) }}</view>
+                            </view>
+                            <view class="content">
+                                {{ stripHtmlTags(item.noticeContent) }}
+                            </view>
+                        </view>
+                    </template>
+                </list-card>
+
+                <!-- 加载状态提示 -->
+                <view v-if="loading" class="load-more">
+                    <text>加载中...</text>
+                </view>
+                <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                    <text>没有更多数据了</text>
+                </view>
+                <view v-else-if="list.length === 0" class="no-data">
+                    <text>暂无公告</text>
+                </view>
+            </scroll-view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { getNoticeList } from "@/api/announcement/announcement.js";
+
+export default {
+    components: {
+        HomeContainer,
+        ListCard
+    },
+    data() {
+        return {
+            list: [],
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+
+        // 去除HTML标签，只保留纯文本
+        stripHtmlTags(html) {
+            if (!html) return '';
+            // 使用正则表达式去除HTML标签
+            return html.replace(/<[^>]+>/g, '');
+        },
+        // 跳转到详情页（如果有的话）
+        navigateToDetail(item) {
+            // 这里可以根据需要跳转到公告详情页
+            // 目前先打印日志
+            uni.navigateTo({
+                url: '/pages/announcement/announcementDetail?id=' + item.noticeId
+            });
+
+        },
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData();
+        },
+        // 加载数据方法
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                const query = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    noticeType: 2, // 根据之前的组件，这里固定为2
+                    status: 0
+                };
+
+                let response = await getNoticeList(query);
+
+                // 处理响应数据
+                const data = response.rows || response.list || [];
+
+                if (this.pageNum === 1) {
+                    this.list = data;
+                } else {
+                    this.list = [...this.list, ...data];
+                }
+
+                this.total = response.total || 0;
+                this.hasMore = this.list.length < this.total;
+            } catch (error) {
+                console.error('加载公告数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+        // 加载更多数据
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        }
+    },
+    mounted() {
+        this.loadData();
+    },
+    onShow() {
+        // 页面再次展示时刷新数据
+        this.pageNum = 1;
+        this.loadData();
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.announcement-list {
+    height: calc(100vh - 177rpx);
+    margin-bottom: 20rpx;
+
+    // 标题样式
+    .list-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    // 信息样式
+    .list-info {
+        .list-meta {
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 11px;
+            font-size: 16px;
+            color: #666666;
+            align-items: center;
+
+            .author {
+                margin-right: 30rpx;
+            }
+        }
+
+        .content {
+            font-size: 28rpx;
+            color: #666666;
+            line-height: 42rpx;
+            word-break: break-all;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    /* 加载状态样式 */
+    .load-more,
+    .no-more,
+    .no-data {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 40rpx;
+        font-size: 28rpx;
+        color: #999;
+    }
+}
+</style>

src/pages/announcement/noticeDetail.vue

@@ -0,0 +1,182 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="detail-container" v-if="detailData">
+            <!-- 公告标题 -->
+            <view class="title">{{ detailData.noticeTitle }}</view>
+            
+            <!-- 发布信息 -->
+            <view class="meta-info">
+                <text class="author">{{ detailData.createUser || '管理员' }}</text>
+                <text class="date">{{ formatDate(detailData.createTime) }}</text>
+            </view>
+            
+            <!-- 分隔线 -->
+            <view class="divider"></view>
+            
+            <!-- 富文本内容 -->
+            <view class="content" v-html="detailData.noticeContent"></view>
+        </view>
+        
+        <!-- 加载状态 -->
+        <view v-else class="loading">加载中...</view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getNoticeDetail } from "@/api/announcement/announcement.js";
+
+
+export default {
+    components: {
+        HomeContainer
+    },
+    data() {
+        return {
+            detailData: null,
+            loading: true
+        };
+    },
+    onLoad(options) {
+        
+        // 从路由参数中获取公告ID
+        if (options && options.id) {
+            this.getDetailData(options.id);
+        } else {
+            console.error('公告ID不存在');
+            uni.showToast({
+                title: '获取公告详情失败',
+                icon: 'none'
+            });
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            const hour = String(date.getHours()).padStart(2, '0');
+            const minute = String(date.getMinutes()).padStart(2, '0');
+            return `${year}-${month}-${day} ${hour}:${minute}`;
+        },
+        
+        // 处理富文本中的图片
+        handleRichTextImages(html) {
+            if (!html) return '';
+            
+            // 为所有img标签添加style="width:90%"，同时保留原有的style属性
+            return html.replace(/<img([^>]+)>/g, (match, attributes) => {
+                // 检查是否已有style属性
+                if (attributes.includes('style=')) {
+                    // 如果已有style属性，在其末尾添加width设置
+                    return `<img${attributes.replace(/style=["']([^"']*)["']/, (styleMatch, styleValue) => {
+                        return `style="${styleValue} width:90%;"`;
+                    })}>`;
+                } else {
+                    // 如果没有style属性，添加一个包含width设置的style属性
+                    return `<img${attributes} style="width:90%;">`;
+                }
+            });
+        },
+
+        // 获取公告详情数据
+        async getDetailData(id) {
+            try {
+                this.loading = true;
+                const response = await getNoticeDetail(id);
+                
+                // 深拷贝响应数据
+                this.detailData = JSON.parse(JSON.stringify(response.data));
+                
+                // 处理noticeContent中的图片样式
+                if (this.detailData.noticeContent) {
+                    this.detailData.noticeContent = this.handleRichTextImages(this.detailData.noticeContent);
+                }
+            } catch (error) {
+                console.error('获取公告详情失败:', error);
+                uni.showToast({
+                    title: '获取公告详情失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+            }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.detail-container {
+    padding: 32rpx;
+    background-color: #ffffff;
+    min-height: calc(100vh - 177rpx);
+    box-sizing: border-box;
+    
+    // 标题样式
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333333;
+        line-height: 52rpx;
+        margin-bottom: 24rpx;
+    }
+    
+    // 元信息样式
+    .meta-info {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 24rpx;
+        
+        .author,
+        .date {
+            font-size: 28rpx;
+            color: #666666;
+        }
+    }
+    
+    // 分隔线样式
+    .divider {
+        height: 1rpx;
+        background-color: #e5e5e5;
+        margin: 32rpx 0;
+    }
+    
+    // 富文本内容样式
+    .content {
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 48rpx;
+        
+        // 富文本内部样式
+        :deep() {
+            p {
+                margin-bottom: 20rpx;
+            }
+            img {
+                max-width: 100%;
+                height: auto;
+                margin: 16rpx 0;
+            }
+            a {
+                color: #007aff;
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+// 加载状态样式
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 400rpx;
+    font-size: 28rpx;
+    color: #999999;
+}
+</style>

src/pages/attendance/components/AddAttendancePersonnelModal.vue

@@ -0,0 +1,724 @@
+<template>
+  <view class="addAttendancePersonnelModal">
+    <view class="slot-content" @click.stop="openModal">
+      <slot></slot>
+    </view>
+    <u-popup :show="show" mode="center" :round="8">
+      <view class="modal-content">
+        <view class="title">
+          <text>{{ notkezhang ? '当班人员' : '负责区域' }}</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+        <view class="title-cell" v-if="notkezhang">
+          <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+        </view>
+        <view class="title-cell" v-if="!searchViewShow && selectedUser && selectedUser.length">
+          <view class="title-text">{{ `班组成员(${selectedUser.length}人)` }}</view>
+          <view class="personnel-list">
+            <view class="personnel-item" v-for="item of selectedUser" :key="item.userId"
+              @click="removeSelcetUser(item)">
+              <view class="personnel-img">
+                <UserAvatar :userName="item.nickName || item.userName" :avatarLink="item.avatar" />
+              </view>
+              <view class="personnel-name">{{ item.nickName || item.userName }}</view>
+              <view class="personnel-close" v-if="notkezhang">
+                <u-icon name="close" color="#666666" size="14" />
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="title-cell" v-if="notkezhang && searchViewShow">
+          <view style="margin-bottom: 15px;" v-if="addWorkUsers && addWorkUsers.length">
+            <view class="title-text">
+              {{ `添加人员(${addWorkUsers.length}人)` }}
+            </view>
+            <view class="personnel-list" v-if="addWorkUsers && addWorkUsers.length">
+              <view class="personnel-item" v-for="item of addWorkUsers" :key="item.userId" @click="selectAddUser(item)">
+                <view class="personnel-img">
+                  <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                </view>
+                <view class="personnel-name">{{ item.nickName }}</view>
+                <view class="personnel-close">
+                  <u-icon name="close" color="#666666" size="14" />
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="title-text">
+            {{ `搜索结果(${allUsers.length}人)` }}
+          </view>
+          <view class="personnel-list" v-if="allUsers && allUsers.length">
+            <view class="personnel-item" v-for="item of allUsers" :key="item.userId" @click="selectAddUser(item)">
+              <view class="personnel-img">
+                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+              </view>
+              <view class="personnel-name">{{ item.nickName }}</view>
+            </view>
+          </view>
+          <view v-else class="empty"></view>
+        </view>
+        <view class="title-cell" v-if="!searchViewShow">
+          <view class="title-text">{{ notkezhang ? '选择上通道时间' : '选择上区域时间' }}</view>
+          <uni-datetime-picker type="datetime" v-model="currentTime" />
+        </view>
+        <view class="title-cell" v-if="!searchViewShow">
+          <view class="title-text" style="display: flex; align-items: center;">{{ notkezhang ? '选择通道' : '选择区域' }}
+            <view v-if="!userInfo.roles.includes('banzuzhang')">
+              <SelectArea :notkezhang="notkezhang" @selected="selectedArea">
+                <u-icon name="plus-circle" color="#2A70D1" size="25" />
+              </SelectArea>
+            </view>
+          </view>
+          <view class="">
+            <uniDataPicker v-if="userInfo.roles.includes('banzuzhang')" :localdata="channelList"
+              :popup-title="notkezhang ? '请选择上岗通道' : '请选择上岗区域'" v-model="channelOrRegional"
+              @change="onLocationChange" />
+
+            <view class="selected-areas" v-if="selectedAreas && selectedAreas.length">
+              <view class="area-item" v-for="area in selectedAreas" :key="area.id">
+                <view class="area-label">{{ area.label }}<u-icon name="close" color="#666666" size="14"
+                    @click="removeArea(area)" /></view>
+                <text-tag :tags="area.children" @remove="removeSubArea($event, area.id)" />
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="footer-btn">
+          <view v-if="searchViewShow" class="custom-btn-normal" @click="appendWorkUsers"
+            :class="{ disabled: addWorkUsers.length === 0 }">添加人员</view>
+          <view v-else class="custom-btn-normal" style="margin-top: 10rpx;" @click="invokerSubmitPostDuty"
+            :class="{ disabled: selectedUserIds.length === 0 }">{{ notkezhang ? '确认上通道' : '确认上区域' }}</view>
+          <u-modal :show="errModalShow" @confirm="errModalShow = false" width="80vw">
+            <view class="modal-slot-content">
+              {{ errModalContent }}
+            </view>
+          </u-modal>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import SelectData from './SelectData'
+import SelectArea from './SelectArea'
+import TimePicker from './TimePicker'
+import {
+  getUserList,
+  addPostRecord,
+  getPostRecordList,
+  dataConfigTree,
+  memberList,
+  queryLastTime
+} from "@/api/attendance/attendance"
+import moment from 'moment'
+import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker'
+import { formatTime, formatName, isAfterTodayStart } from '@/utils/formatUtils'
+import { generateRandomDigits } from '@/utils/handler'
+import UserAvatar from './UserAvatar'
+import { getHandleAreaData } from '@/utils/common'
+export default {
+  components: { uniDataPicker, SelectData, TimePicker, UserAvatar, SelectArea },
+  props: {
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    notkezhang: {
+      type: Boolean,
+      default: undefined
+    },
+    selectedMember: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      show: false,
+      searchFocus: false,
+      channelOrRegional: '',
+      channelOrRegionalName: '',
+      channelList: [
+        { value: 0, text: "通道A" },
+      ],
+      selectedUser: [], //选中的人员
+      selectedAreas: [], // 选中的区域
+      allUsers: [],
+      addWorkUsers: [], // 额外添加的人员 
+      teamUsers: [],
+      searchViewShow: false,
+      isSubmittingPost: false,
+      currentTime: undefined,
+      errModalShow: false,
+      errModalContent: ''
+    }
+  },
+  computed: {
+    selectedUserIds() {
+      return (this.selectedUser || []).map(item => item.userId)
+    },
+    //单选获取的区域
+    positions() {
+      return this.notkezhang ? {
+        regionalCode: '',
+        regionalName: '',
+        channelCode: this.channelOrRegional,
+        channelName: this.channelOrRegionalName
+      } : {
+        regionalCode: this.channelOrRegional,
+        regionalName: this.channelOrRegionalName,
+        channelCode: '',
+        channelName: ''
+      }
+    },
+    //多选获得的区域
+    getSelectArea() {
+      let area = []
+      this.selectedAreas.forEach(item => {
+        item.children.forEach(child => {
+          area.push(this.notkezhang ? {
+            regionalCode: '',
+            regionalName: '',
+            channelCode: child.code,
+            channelName: child.label,
+            terminlCode: item.code,
+            terminlName: item.label
+          } : {
+            regionalCode: child.code,
+            regionalName: child.label,
+            channelCode: '',
+            channelName: '',
+            terminlCode: item.code,
+            terminlName: item.label
+          })
+        })
+      })
+      return area
+    }
+  },
+  watch: {
+    show(newValue) {
+      if (newValue) {
+        if (this.userInfo.roles.includes('kezhang')) {
+          this.getQueryLastTime()
+        }
+        this.currentTime = formatTime(new Date())
+
+        if (this.notkezhang) {
+          if (this.userInfo.roles.includes('banzuzhang')) {
+            memberList({
+              attendanceTeamId: this.userInfo.teamsId,
+              attendanceDate: moment().format('YYYY-MM-DD')
+            }).then(res => {
+              console.log(res.rows, "res.rows")
+              this.selectedUser = res.rows || []
+
+            })
+            return
+          }
+          this.loadTeamUsers().then(() => {
+            // 选中全组人员  
+            this.teamUsers.forEach((item) => {
+              this.selectUserHandler(item, false)
+            })
+          })
+
+        } else {
+          this.loadTeamUsers().then(() => {
+            // 查自己 
+            const curUser = this.teamUsers.find((item) => {
+              return item.userId === this.userInfo.userId
+            })
+            this.selectUserHandler(curUser, false)
+          })
+
+        }
+      } else {
+        this.allUsers = []
+      }
+    },
+    notkezhang: {
+      handler(newValue) {
+        const level = newValue ? 3 : 2
+        this.invokerDataConfigTree(level)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    //查询最后一次上岗的区域
+    async getQueryLastTime() {
+      let res = await queryLastTime({
+        userId: this.userInfo.userId,
+      })
+      this.selectedAreas = getHandleAreaData(res.data || [], this.notkezhang)
+      console.log(this.selectedAreas, "this.selectedAreas")
+    },
+    convertTree(list = []) {
+      return list.map(node => ({
+        text: node.label,
+        value: node.code,
+        children: node.children ? this.convertTree(node.children) : null
+      }))
+    },
+    invokerDataConfigTree(level) {
+      return dataConfigTree(level).then(res => {
+        this.channelList = this.convertTree(res.data || [])
+      }).catch(() => {
+        this.channelList = []
+      })
+    },
+    onLocationChange({ detail }) {
+      const { value } = detail
+      this.channelOrRegionalName = value.map(item => item.text).join('/')
+    },
+    openModal() {
+      if (this.disabled || (this.selectedMember.length === 0 && this.notkezhang)) return
+      this.show = true
+    },
+    close() {
+      this.show = false
+    },
+    //获取多选的区域
+    selectedArea(areas) {
+
+      let res = areas.filter(area => {
+        return area.children.some((item) => item.checked)
+      })
+      res = res.map(item => {
+        return {
+          ...item,
+          children: item.children.filter(child => child.checked)
+        }
+      })
+      this.selectedAreas = res
+    },
+    removeArea(area) {
+      this.selectedAreas = this.selectedAreas.filter(a => a.id !== area.id)
+    },
+    removeSubArea(tags, id) {
+      console.log(tags, id)
+      // debugger
+      const area = this.selectedAreas.find(a => a.id === id)
+      area.children = tags
+
+    },
+    searchViewShowHandler(show) { // 是否展示搜索用户界面
+      this.searchViewShow = show || this.addWorkUsers.length
+    },
+    selectAddUser(selectItem) { // 移除额外添加人员
+      const index = this.addWorkUsers.findIndex(item => item.userId === selectItem.userId)
+      if (index >= 0) {
+        this.addWorkUsers.splice(index, 1)
+      } else {
+        this.addWorkUsers.push(selectItem)
+      }
+    },
+    appendWorkUsers() {
+      if (this.addWorkUsers.length) {
+        this.addWorkUsers.forEach(item => {
+          this.selectUserHandler(item, false)
+        })
+        this.addWorkUsers = []
+        this.searchViewShow = false
+        this.$refs.selectData.clearInput()
+      }
+    },
+    removeSelcetUser(selectItem, onlyCheck = false) {
+      const index = this.selectedUser.findIndex(item => item.userId === selectItem.userId)
+      if (index >= 0) {
+        !onlyCheck && this.selectedUser.splice(index, 1)
+        return undefined
+      }
+      return selectItem
+    },
+    checkUserStatus(selectItem) {
+      return getPostRecordList({
+        userId: selectItem.userId,
+        pageNum: 1,
+        pageSize: 1
+      }).then(res => {
+        if (Array(res.rows) && res.rows.length && res.rows[0].checkOutTime === '2000-01-01 00:00:00') {
+          if (isAfterTodayStart(res.rows[0].checkInTime)) {
+            return `${selectItem.nickName || selectItem.userName} 尚未下通道；`
+          }
+        } else {
+          return ''
+        }
+      })
+    },
+    selectUserHandler(selectItem, unique = true) {
+      // 🔥 重要：先检查用户是否可以上通道（最新记录的checkOutTime必须不是默认时间）
+      const addItem = this.removeSelcetUser(selectItem, !unique)
+
+      if (addItem) {
+        this.selectedUser.push(addItem)
+      }
+    },
+    invokerSubmitPostDuty() {
+      if (this.selectedUser.length === 0) {
+        uni.showToast({
+          title: '请选择至少一位人员',
+          icon: 'none'
+        });
+        return;
+      }
+      if ((!this.notkezhang && this.getSelectArea.length == 0) || (this.notkezhang && !this.channelOrRegional)) {
+        uni.showToast({
+          title: this.notkezhang ? '请选择上岗通道' : '请选择上岗区域',
+          icon: 'none'
+        });
+        return;
+      }
+      const checkUserStatusALL = this.selectedUser.map(item => {
+        return this.checkUserStatus(item)
+      })
+      uni.showLoading({ title: '正在查询人员状态...' });
+      Promise.all(checkUserStatusALL).then((res) => {
+        const checkResult = res.filter(Boolean)
+        if (checkResult.length) {
+          this.errModalContent = checkResult.join('\n')
+          this.errModalShow = true
+        } else {
+          this.submitPostDuty()
+        }
+      }).finally(() => {
+        uni.hideLoading()
+      })
+    },
+    // 修改：提交上通道记录到后端，checkOutTime设为2000年1月1日0点
+    submitPostDuty() {
+      if (this.isSubmittingPost) return;
+      this.isSubmittingPost = true;
+      uni.showLoading({ title: '正在上通道...' });
+      const currentTime = this.currentTime
+      // 获取当前用户信息
+      const currentUserInfo = this.userInfo;
+      // 创建随机工作组id
+      const groupId = generateRandomDigits()
+      // 为每个选中的用户创建上通道记录
+      const promises = this.selectedUser.map((item) => {
+        let postRecordList = []
+        //如果是科长就是走多选逻辑，如果是班组长就走单选逻辑
+        if (!this.notkezhang) {
+          postRecordList = this.getSelectArea.map(ele => {
+            return {
+              userId: item.userId,
+              userName: item.nickName || item.userName,
+              checkInTime: formatTime(currentTime, 'YYYY-MM-DD hh:mm:ss'),
+              // 🔥 重要：上通道时传入默认下岗时间（2000年1月1日0点）
+              checkOutTime: '2000-01-01 00:00:00',
+              attendanceDate: formatTime(currentTime, 'YYYY-MM-DD'),
+              // 🔥 使用从getInfo获取的完整用户信息
+              attendanceTeamId: currentUserInfo.teamsId || currentUserInfo.deptId,
+              attendanceTeamName: currentUserInfo.teamsName || '未知班组',
+              attendanceDepartmentId: currentUserInfo.departmentId,
+              attendanceDepartmentName: currentUserInfo.departmentName || '未知部门',
+              attendanceStationId: currentUserInfo.stationId,
+              attendanceStationName: currentUserInfo.stationName || '机场',
+              remark: '手动添加上通道记录',
+              terminlCode: '',
+              terminlName: '',
+              positionCode: '',
+              positionName: '',
+              shiftCode: groupId,
+              shiftName: '',
+              ...ele
+            }
+          })
+        } else {
+          //如果是班组长走单选逻辑
+          postRecordList = [{
+            userId: item.userId,
+            userName: item.nickName || item.userName,
+            checkInTime: formatTime(currentTime, 'YYYY-MM-DD hh:mm:ss'),
+            // 🔥 重要：上通道时传入默认下岗时间（2000年1月1日0点）
+            checkOutTime: '2000-01-01 00:00:00',
+            attendanceDate: formatTime(currentTime, 'YYYY-MM-DD'),
+            // 🔥 使用从getInfo获取的完整用户信息
+            attendanceTeamId: currentUserInfo.teamsId || currentUserInfo.deptId,
+            attendanceTeamName: currentUserInfo.teamsName || '未知班组',
+            attendanceDepartmentId: currentUserInfo.departmentId,
+            attendanceDepartmentName: currentUserInfo.departmentName || '未知部门',
+            attendanceStationId: currentUserInfo.stationId,
+            attendanceStationName: currentUserInfo.stationName || '机场',
+            remark: '手动添加上通道记录',
+            terminlCode: '',
+            terminlName: '',
+            positionCode: '',
+            positionName: '',
+            shiftCode: groupId,
+            shiftName: '',
+            ...this.positions
+          }];
+        }
+        console.log(postRecordList, "postRecordList")
+        debugger
+
+        return addPostRecord(postRecordList)
+      });
+
+      Promise.all(promises).then((results) => {
+        // 检查是否有失败的记录
+        const failedCount = results.filter(result => !result || result.code !== 200).length;
+        const successCount = this.selectedUser.length - failedCount;
+
+        if (successCount > 0) {
+          uni.showToast({
+            title: `成功上通道${successCount}人${failedCount > 0 ? `，${failedCount}人失败` : ''}`,
+            icon: successCount === this.selectedUser.length ? 'success' : 'none',
+            duration: 2000
+          });
+
+          // 清空已添加的用户列表
+          this.selectedUser = [];
+          // 重置通道信息
+          this.channelOrRegional = '',
+            this.channelOrRegionalName = '',
+
+            this.$emit('updateRecord', () => {
+              this.show = false
+            })
+        }
+      }).catch((error) => {
+        uni.showToast({
+          title: '上通道失败：请稍后重试',
+          icon: 'error',
+          duration: 2000
+        });
+      }).finally(() => {
+        uni.hideLoading();
+        this.isSubmittingPost = false;
+      })
+    },
+
+    //搜索用户
+    async searchUsers(value) {
+      const keyword = value.trim();
+      if (!keyword) {
+        this.allUsers = [];
+        return;
+      }
+      try {
+        // 调用用户搜索接口，不限制部门
+        const response = await getUserList({
+          nickName: keyword,    // 按昵称搜索
+          status: '0'          // 只获取正常状态的用户
+        });
+        if (response && response.code === 200) {
+          this.allUsers = (response.rows || []).map(item => {
+            return {
+              ...item,
+              nickName: formatName(item.nickName)
+            }
+          });
+        } else {
+          this.allUsers = [];
+        }
+      } catch (error) {
+        this.allUsers = [];
+        uni.showToast({
+          title: '搜索失败，请重试',
+          icon: 'none',
+          duration: 2000
+        });
+      }
+    },
+
+    // 加载同组用户
+    async loadTeamUsers() {
+      try {
+        const currentUserInfo = this.userInfo || {}
+        const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+        // 调用用户列表接口，传递deptId获取同组用户
+        const response = await getUserList({
+          deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+          status: '0' // 只获取正常状态的用户
+        });
+
+        if (response && response.code === 200) {
+          this.teamUsers = (response.rows || []).map(item => {
+            return {
+              ...item,
+              nickName: formatName(item.nickName)
+            }
+          })
+        } else {
+          throw new Error(response.msg || '获取同组用户失败');
+        }
+      } catch (error) {
+        uni.showToast({
+          title: '加载同组用户失败',
+          icon: 'none',
+          duration: 2000
+        });
+        // 设置空数组，避免页面报错
+        this.teamUsers = [];
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.addAttendancePersonnelModal {
+  .slot-content {}
+
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+
+  .modal-content {
+    width: 90vw;
+    max-height: 75vh;
+    padding: 10px 0;
+
+    .title {
+      height: 24px;
+      font-weight: 400;
+      font-size: 18px;
+      color: #333333;
+      line-height: 21px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px;
+      box-sizing: border-box;
+    }
+
+    .title-cell {
+      padding: 10px 15px;
+      box-sizing: border-box;
+
+      .selected-areas {
+        .area-item {
+          .area-label {
+            height: 65rpx;
+            line-height: 65rpx;
+            font-weight: 400;
+            font-size: 18px;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+
+      .title-text {
+        height: 16px;
+        font-weight: 400;
+        font-size: 14px;
+        color: #333333;
+        line-height: 16px;
+        text-align: left;
+        margin-bottom: 14px;
+
+      }
+    }
+
+    .personnel-list {
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: 8px;
+      column-gap: 6px;
+
+      .personnel-item {
+        width: fit-content;
+        height: 34px;
+        background: #F0F0F0;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        column-gap: 6px;
+        padding: 0 5px;
+
+        .personnel-img {
+          width: 24px;
+          height: 24px;
+          border-radius: 6px;
+          overflow: hidden;
+        }
+
+        .personnel-name {
+          width: fit-content;
+          font-weight: 400;
+          font-size: 13px;
+          color: #3D3D3D;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+
+        .personnel-close {
+          width: 16px;
+        }
+
+        .radio-button {
+          width: 14px;
+          height: 14px;
+          border: 1px solid #2196F3;
+          background: #fff;
+          border-radius: 50%;
+          position: relative;
+          transition: border-color 0.2s ease;
+        }
+
+        /* 激活状态 - 蓝色边框 */
+        .radio-button.active {
+          border-color: #496CF4;
+        }
+
+        /* 激活状态 - 中间的蓝点 */
+        .radio-button.active::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 7px;
+          height: 7px;
+          background-color: #2196F3;
+          border-radius: 50%;
+        }
+
+        /* 聚焦状态 */
+        .radio-button:focus {
+          outline: none;
+          box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
+        }
+
+        /* 悬停效果 */
+        .radio-button:hover .radio-button:not(.active) {
+          border-color: #999;
+        }
+
+        /* 禁用状态 */
+        .radio-button.disabled {
+          opacity: 0.5;
+          border-color: #999;
+          background: #f0f0f0;
+          cursor: not-allowed;
+        }
+      }
+    }
+
+    .footer-btn {
+      padding: 10px 15px;
+
+      .modal-slot-content {
+        white-space: pre;
+
+      }
+    }
+  }
+}
+</style>

src/pages/attendance/components/MaintainAreaOrMemberModal.vue

@@ -0,0 +1,565 @@
+<template>
+    <view class="teamMemberModal">
+        <view class="slot-content">
+            <view class="title">工作区域/班组成员</view>
+            <view class="content" v-if="selectedMember.length > 0">
+                <view class="title-cell">
+                    <view class="title-text">工作区域</view>
+                    <view class="terminal-list">
+                        {{ selectedMember[0].terminlName || '航站楼' }}
+                    </view>
+                </view>
+                <view class="member-cell" v-if="selectedMember && selectedMember.length">
+                    <view class="title-text">班组成员</view>
+                    <view class="personnel-list">
+                        <view class="personnel-item" v-for="item of selectedMember" :key="item.userId">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.userName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.userName }}</view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            <view v-else class="custom-btn" @click="openModal">维护工作区域/班组成员</view>
+        </view>
+        <u-popup :show="show" mode="center" :round="8">
+            <view class="modal-content">
+                <view class="title">
+                    <text>班组成员</text>
+                    <u-icon name="close" color="#666666" size="20" @click="close" />
+                </view>
+
+                <view class="search-box">
+                    <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+                </view>
+
+                <view class="title-cell" v-if="searchViewShow">
+                    <view style="margin-bottom: 15px;" v-if="addWorkUsers && addWorkUsers.length">
+                        <view class="title-text">
+                            {{ `添加人员(${addWorkUsers.length}人)` }}
+                        </view>
+                        <view class="personnel-list" v-if="addWorkUsers && addWorkUsers.length">
+                            <view class="personnel-item" v-for="item of addWorkUsers" :key="item.userId"
+                                @click="selectAddUser(item)">
+                                <view class="personnel-img">
+                                    <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                                </view>
+                                <view class="personnel-name">{{ item.nickName }}</view>
+                                <view class="personnel-close">
+                                    <u-icon name="close" color="#666666" size="14" />
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="title-text">
+                        {{ `搜索结果(${allUsers.length}人)` }}
+                    </view>
+                    <view class="personnel-list" v-if="allUsers && allUsers.length">
+                        <view class="personnel-item" v-for="item of allUsers" :key="item.userId"
+                            @click="selectAddUser(item)">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.nickName }}</view>
+                        </view>
+                    </view>
+                    <view v-else class="empty"></view>
+                </view>
+
+                <view class="title-cell" v-if="!searchViewShow && teamMembers && teamMembers.length">
+                    <view class="title-text">{{ `班组成员(${teamMembers.length}人)` }}</view>
+                    <view class="personnel-list">
+                        <view class="personnel-item" v-for="item of teamMembers" :key="item.userId">
+                            <view class="personnel-img">
+                                <UserAvatar :userName="item.nickName" :avatarLink="item.avatar" />
+                            </view>
+                            <view class="personnel-name">{{ item.nickName }}</view>
+                            <view class="personnel-close" @click="removeMember(item)">
+                                <u-icon name="close" color="#666666" size="14" />
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <view class="title-cell" v-if="!searchViewShow">
+                    <view class="title-text">工作区域</view>
+                    <view class="terminal-list">
+                        <view class="terminal-item" v-for="terminal in channelList" :key="terminal.value"
+                            :class="{ active: selectedTerminal === terminal.value }"
+                            @click="selectTerminal(terminal.value)">
+                            {{ terminal.text }}
+                        </view>
+                    </view>
+                </view>
+
+                <view class="footer-btn">
+                    <view v-if="searchViewShow" class="custom-btn-normal" @click="appendWorkUsers"
+                        :class="{ disabled: addWorkUsers.length === 0 }">添加人员</view>
+                    <view v-else class="custom-btn-normal" @click="confirm" :class="{ disabled: !selectedTerminal }">确认
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import UserAvatar from './UserAvatar'
+import { dataConfigTree, memberList, addMember, getUserList } from "@/api/attendance/attendance"
+import { formatName } from '@/utils/formatUtils'
+import SelectData from './SelectData'
+import moment from 'moment'
+export default {
+    components: { UserAvatar, SelectData },
+    props: {
+        userInfo: {
+            type: Object,
+            default: () => { }
+        }
+    },
+    data() {
+        return {
+            show: false,
+            searchText: '',
+            selectedTerminal: '',
+            teamMembers: [],//新增里面显示的member
+            channelList: [],
+            selectedMember: [],//已选择班组数据
+
+            userOptions: [],
+            allUsers: [],//所有的人员
+            searchViewShow: false,//搜索人员
+            addWorkUsers: [], // 额外添加的人员 
+            teamUsers: [],//同组用户
+        }
+    },
+    computed: {
+        notkezhang() {
+            // console.log(!this.userInfo.roles || !this.userInfo.roles.includes('kezhang'), "!this.userInfo.roles || !this.userInfo.roles.includes('kezhang')")
+            return !this.userInfo.roles || !this.userInfo.roles.includes('kezhang')
+        },
+    },
+    mounted() {
+        this.invokerDataConfigTree(3)
+        console.log(this.userInfo, "userInfo")
+
+        //获取选中的成员
+        this.getSelectedMember()
+    },
+    methods: {
+        selectAddUser(selectItem) { // 移除额外添加人员
+            console.log(selectItem, "selectItem",this.addWorkUsers)
+            
+            const index = this.addWorkUsers.findIndex(item => item.userId === selectItem.userId)
+            if (index >= 0) {
+                this.addWorkUsers.splice(index, 1)
+            } else {
+                this.addWorkUsers.push(selectItem)
+            }
+        },
+        appendWorkUsers() {
+            
+            console.log("appendWorkUsers",this.addWorkUsers,this.teamMembers)
+            if (this.addWorkUsers.length) {
+                this.addWorkUsers.forEach(item => {
+                    if (!this.teamMembers.some(member => member.userId === item.userId)) {
+                        this.teamMembers.push(item)
+                    }
+                })
+                this.addWorkUsers = []
+                this.searchViewShow = false
+                this.$refs.selectData.clearInput()
+            }
+        },
+        searchViewShowHandler(show) { // 是否展示搜索用户界面
+
+            if (this.addWorkUsers.length) {
+                this.searchViewShow = show || this.addWorkUsers.length
+            } else {
+                this.searchViewShow = true
+            }
+        },
+        //获取默认的teammember
+        getTeamMember() {
+            
+            this.loadTeamUsers().then(() => {
+                // 选中全组人员  
+                this.teamMembers = this.teamUsers
+            })
+        },
+        // 加载同组用户
+        async loadTeamUsers() {
+            try {
+                const currentUserInfo = this.userInfo || {}
+                const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+                // 调用用户列表接口，传递deptId获取同组用户
+                const response = await getUserList({
+                    deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+                    status: '0' // 只获取正常状态的用户
+                });
+
+                if (response && response.code === 200) {
+                    this.teamUsers = (response.rows || []).map(item => {
+                        return {
+                            ...item,
+                            nickName: formatName(item.nickName)
+                        }
+                    })
+                } else {
+                    throw new Error(response.msg || '获取同组用户失败');
+                }
+            } catch (error) {
+                uni.showToast({
+                    title: '加载同组用户失败',
+                    icon: 'none',
+                    duration: 2000
+                });
+                // 设置空数组，避免页面报错
+                this.teamUsers = [];
+            }
+        },
+        //回显member
+        getSelectedMember() {
+            
+            memberList({
+                attendanceTeamId: this.userInfo.teamsId,
+                attendanceDate: moment().format('YYYY-MM-DD')
+            }).then(res => {
+
+                this.selectedMember = res.rows || []
+                this.$emit('update-member', this.selectedMember)
+            })
+
+
+
+        },
+        //新增时候显示的member
+        async initMember() {
+            const currentUserInfo = this.userInfo || {}
+            const currentUserDeptId = currentUserInfo.deptId || currentUserInfo.teamsId;
+            // 调用用户列表接口，传递deptId获取同组用户
+            const response = await getUserList({
+                deptId: currentUserDeptId, // 🔥 使用从getInfo获取的deptId
+                status: '0' // 只获取正常状态的用户
+            });
+            console.log(response, "response")
+            if (response && response.code === 200) {
+                this.userOptions = (response.rows || []).map(item => ({
+                    ...item,
+                    value: item.userId,
+                    text: formatName(item.nickName)
+                }));
+            } else {
+                throw new Error(response.msg || '获取同组用户失败');
+            }
+        },
+        handleUserSelect(selected) {
+            this.teamMembers = this.userOptions
+                .filter(option => selected.map(item => item.value).includes(option.value))
+                .map(option => ({
+                    ...option,
+                    userId: option.value,
+                    nickName: option.text,
+                    avatar: ''
+                }));
+        },
+        convertTree(list = []) {
+            return list.map(node => ({
+                text: node.label,
+                value: node.code,
+                children: node.children ? this.convertTree(node.children) : null
+            }))
+        },
+        invokerDataConfigTree(level) {
+            return dataConfigTree(level).then(res => {
+                this.channelList = this.convertTree(res.data || [])
+                console.log(this.channelList, "this.channelList")
+            }).catch(() => {
+                this.channelList = []
+            })
+        },
+        //搜索用户
+        async searchUsers(value) {
+
+            const keyword = value.trim();
+            if (!keyword) {
+                this.allUsers = [];
+                return;
+            }
+            try {
+                // 调用用户搜索接口，不限制部门
+                const response = await getUserList({
+                    nickName: keyword,    // 按昵称搜索
+                    status: '0'          // 只获取正常状态的用户
+                });
+                if (response && response.code === 200) {
+                    this.allUsers = (response.rows || []).map(item => {
+                        return {
+                            ...item,
+                            nickName: formatName(item.nickName)
+                        }
+                    });
+                } else {
+                    this.allUsers = [];
+                }
+            } catch (error) {
+                this.allUsers = [];
+                uni.showToast({
+                    title: '搜索失败，请重试',
+                    icon: 'none',
+                    duration: 2000
+                });
+            }
+        },
+        close() {
+
+            this.show = false
+        },
+        removeMember(member) {
+            this.teamMembers = this.teamMembers.filter(item => item.userId !== member.userId)
+
+        },
+        selectTerminal(terminal) {
+            this.selectedTerminal = terminal
+        },
+        confirm() {
+            if (!this.selectedTerminal) return
+            let selectTerminal = this.channelList.find(item => item.value === this.selectedTerminal)
+            let res = this.teamMembers.map(item => {
+                return {
+                    ...item,
+                    nickName: item.nickName.replace(/\s+/g, ""),
+                    attendanceTeamId: this.userInfo.teamsId,
+                    attendanceTeamName: this.userInfo.teamsName,
+                    terminlCode: selectTerminal.value,
+                    terminlName: selectTerminal.text,
+                    userName: item.nickName.replace(/\s+/g, ""),
+                    userId: item.userId,
+                }
+            })
+
+            addMember(res).then(res => {
+                uni.showToast({ title: '提交成功', icon: 'success' });
+                this.close()
+                this.getSelectedMember()
+            })
+        },
+        openModal() {
+            this.show = true;
+            this.initMember()
+            this.getTeamMember()
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.teamMemberModal {
+    .slot-content {
+
+        width: 100%;
+        background: #FFFFFF;
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+        border-radius: 16px 16px 16px 16px;
+        border: 1px solid #F0F8FF;
+        padding: 15px;
+        box-sizing: border-box;
+
+        .title {
+            height: 48rpx;
+            font-weight: 400;
+            font-size: 33rpx;
+            color: #333333;
+            line-height: 42rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            // padding: 30rpx;
+            box-sizing: border-box;
+        }
+
+        .content {
+            // padding: 0 46rpx;
+
+
+            .title-cell {
+                display: flex;
+                height: 36px;
+                line-height: 36px;
+                justify-content: space-between;
+                color: #222222;
+                font-size: 27rpx;
+                // padding: 10rpx 0;
+
+                .terminal-list {
+                    color: #6C6C6C;
+                }
+            }
+
+            .member-cell {
+                display: flex;
+
+
+                color: #222222;
+                font-size: 27rpx;
+
+                flex-direction: column;
+
+                .title-text {
+                    height: 36px;
+                    line-height: 36px;
+                }
+
+                .personnel-list {
+                    display: flex;
+                    flex-wrap: wrap;
+                    row-gap: 19rpx;
+                    column-gap: 19rpx;
+
+                    .personnel-item {
+                        width: fit-content;
+                        height: 68rpx;
+                        background: #F0F0F0;
+                        border-radius: 12rpx;
+                        display: flex;
+                        align-items: center;
+                        column-gap: 12rpx;
+                        padding: 0 10rpx;
+
+                        .personnel-img {
+                            width: 48rpx;
+                            height: 48rpx;
+                            border-radius: 12rpx;
+                            overflow: hidden;
+                        }
+
+                        .personnel-name {
+                            width: fit-content;
+                            font-weight: 400;
+                            font-size: 26rpx;
+                            color: #3D3D3D;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                        }
+
+                        .personnel-close {
+                            width: 32rpx;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+
+    .modal-content {
+        width: 90vw;
+        max-height: 75vh;
+        padding: 20rpx 0;
+
+        .title {
+            height: 48rpx;
+            font-weight: 400;
+            font-size: 36rpx;
+            color: #333333;
+            line-height: 42rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 30rpx;
+            box-sizing: border-box;
+        }
+
+        .search-box {
+            padding: 20rpx 30rpx;
+        }
+
+        .title-cell {
+            padding: 20rpx 30rpx;
+            box-sizing: border-box;
+
+            .title-text {
+                height: 32rpx;
+                font-weight: 400;
+                font-size: 28rpx;
+                color: #333333;
+                line-height: 32rpx;
+                text-align: left;
+                margin-bottom: 28rpx;
+                text-indent: 10rpx;
+            }
+        }
+
+        .personnel-list {
+            display: flex;
+            flex-wrap: wrap;
+            row-gap: 16rpx;
+            column-gap: 12rpx;
+
+            .personnel-item {
+                width: fit-content;
+                height: 68rpx;
+                background: #F0F0F0;
+                border-radius: 12rpx;
+                display: flex;
+                align-items: center;
+                column-gap: 12rpx;
+                padding: 0 10rpx;
+
+                .personnel-img {
+                    width: 48rpx;
+                    height: 48rpx;
+                    border-radius: 12rpx;
+                    overflow: hidden;
+                }
+
+                .personnel-name {
+                    width: fit-content;
+                    font-weight: 400;
+                    font-size: 26rpx;
+                    color: #3D3D3D;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                .personnel-close {
+                    width: 32rpx;
+                }
+            }
+        }
+
+        .terminal-list {
+            display: flex;
+            flex-direction: row;
+            gap: 20rpx;
+
+            .terminal-item {
+                padding: 20rpx;
+                border: 1px solid #ddd;
+                border-radius: 12rpx;
+                text-align: center;
+                cursor: pointer;
+                transition: all 0.3s;
+
+                &.active {
+                    background-color: #f0f0f0;
+                    border-color: #2196F3;
+                }
+
+                &:hover {
+                    background-color: #f5f5f5;
+                }
+            }
+        }
+
+        .footer-btn {
+            padding: 20rpx 30rpx;
+
+            
+        }
+    }
+}
+</style>

src/pages/attendance/components/SearchView.vue

@@ -0,0 +1,275 @@
+<template>
+  <view class="">
+    <view class="search-input-container" @click="toggle">
+      <view class="search-input placeholder" readonly>
+        {{ placeholder }}
+      </view>
+    </view>
+    <uni-popup ref="popup" type="bottom" background-color="#fff" borderRadius="8px" @change="change">
+      <view class="selected-area">
+        <view class="dialog-caption" hover-class="none" :hover-stop-propagation="false">
+          <view class="title-area">
+            <text class="dialog-title">{{ title }}</text>
+          </view>
+          <view class="dialog-close" @click="handleClose">
+            <view class="dialog-close-plus" data-id="close"></view>
+            <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
+          </view>
+        </view>
+        <view class="inputView">
+          <SearchInput @search="search" :placeholder="placeholder"/>
+        </view>
+        <view class="content">
+          <scroll-view v-if="dataList && dataList.length" class="list" :scroll-y="true">
+            <view class="item" :class="{'is-disabled': !!item.disable}" v-for="(item, j) in dataList" :key="j"
+              @click="updateValue(item)">
+              <text class="item-text">{{item[map.text]}}</text>
+              <!-- 暂无多选需求 -->
+              <view class="check" v-if="false"></view>
+            </view>
+          </scroll-view>
+          <view v-else class="content-empty">
+            <u-loading-icon v-if="loading" text="加载中" textSize="18"></u-loading-icon>
+            <template v-else>
+              <view class="empty"></view>
+              <view class="empty-text">{{ placeholder }}</view>
+            </template>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import SearchInput from './SelectData.vue'
+export default {
+  props: {
+    modelValue: {
+      type: String | Number | Array,
+      default: ''
+    },
+    load: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    map: {
+      type: Object,
+      default: ({ text: 'text', value: 'value' })
+    },
+    title: {
+      type: String,
+      default: '请选择'
+    },
+    placeholder: {
+      type: String,
+      default: '请输入'
+    },
+  },
+  components: { SearchInput },
+  data () {
+    return {
+      dataList: [],
+      loading: false,
+    }
+  },
+  methods: {
+    search (value) {
+      this.loading = true
+      this.load(value).then(res => {
+        this.dataList = res
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    toggle () {
+      this.$refs.popup.open()
+    },
+    handleClose () {
+      this.$refs.popup.close()
+    },
+    change (e) {
+      if (e.show) {
+        // this.search('')
+      } else {
+        this.loading = false
+        this.dataList = []
+      }
+    },
+    updateValue (item) {
+      this.$emit('update:modelValue', item[this.map.value])
+      this.$emit('change', item)
+      this.handleClose()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-input-container {
+  position: relative;
+
+  .search-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+    line-height: 35px;
+
+    &.placeholder {
+      font-size: 12px;
+      color: #808080;
+    }
+  }
+
+  .search-icon {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+  }
+}
+
+.selected-area {
+  height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  .title-area {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    align-items: center;
+    /* #ifndef APP-NVUE */
+    margin: auto;
+    /* #endif */
+    padding: 0 10px;
+  }
+
+  .dialog-caption {
+    position: relative;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    /* border-bottom: 1px solid #f0f0f0; */
+  }
+
+  .dialog-title {
+    /* font-weight: bold; */
+    line-height: 44px;
+  }
+
+  .dialog-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    align-items: center;
+    padding: 0 15px;
+  }
+
+  .dialog-close-plus {
+    width: 16px;
+    height: 2px;
+    background-color: #666;
+    border-radius: 2px;
+    transform: rotate(45deg);
+  }
+
+  .dialog-close-rotate {
+    position: absolute;
+    transform: rotate(-45deg);
+  }
+
+  .icon-clear {
+    display: flex;
+    align-items: center;
+  }
+  .inputView {
+    padding: 0 15px 10px;
+    border-bottom: 1px solid #f8f8f8;
+    margin: 2px;
+  }
+  .content {
+    overflow: hidden;
+    flex: 1;
+  }
+  .content-empty {
+    overflow: hidden;
+    margin-top: 10%;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    row-gap: 20px;
+    color: #999;
+  }
+  .list {
+    width: 100%;
+    height: 100%;
+  }
+
+  .item {
+    padding: 12px 15px;
+    /* border-bottom: 1px solid #f0f0f0; */
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .is-disabled {
+    opacity: .5;
+  }
+
+  .item-text {
+    /* flex: 1; */
+    color: #333333;
+  }
+
+  .item-text-overflow {
+    width: 280px;
+    /* fix nvue */
+    overflow: hidden;
+    /* #ifndef APP-NVUE */
+    width: 20em;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    /* #endif */
+  }
+
+	.check {
+		margin-right: 5px;
+		border: 2px solid #007aff;
+		border-left: 0;
+		border-top: 0;
+		height: 12px;
+		width: 6px;
+		transform-origin: center;
+		/* #ifndef APP-NVUE */
+		transition: all 0.3s;
+		/* #endif */
+		transform: rotate(45deg);
+	}
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+}
+</style>

src/pages/attendance/components/SelectArea.vue

@@ -0,0 +1,340 @@
+<template>
+    <view class="selectAreaModal">
+        <view class="slot-content" @click.stop="openModal">
+            <slot></slot>
+        </view>
+        <u-popup :show="show" mode="center" :round="8">
+            <view class="modal-content">
+                <view class="title">
+                    <text>选择区域</text>
+                    <u-icon name="close" color="#666666" size="20" @click="close" />
+                </view>
+                <view class="terminal-list">
+
+                    <div class="tabs">
+                        <div v-for="(item, index) in terminals" :key="item.id"
+                            :class="{ active: currentTab === item.id }" class="tabs-item" @click="tabClick(item.id)">
+                            <u-checkbox-group @change="handleTerminalChange(item)">
+                                <u-checkbox v-model="item.checked" @change="handleTerminalCheck(item)"></u-checkbox>
+                            </u-checkbox-group>
+                            {{ item.label }}
+                        </div>
+                    </div>
+
+                    <view v-for="(terminal, index) in terminals" :key="terminal.id" class="area-list"
+                        v-show="currentTab === terminal.id">
+                        <u-checkbox-group>
+                            <view v-for="area in terminal.children" :key="area.id" class="area-item">
+                                <u-checkbox :label="area.label" :checked="area.checked"
+                                    @change="handleAreaCheck(area)"></u-checkbox>
+                            </view>
+                        </u-checkbox-group>
+                    </view>
+                </view>
+                <view class="footer-btn">
+                    <view class="custom-btn-normal" @click="submitSelectedAreas">确认选择</view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+import { formatTime } from '@/utils/formatUtils'
+import { dataConfigTree } from "@/api/attendance/attendance"
+
+export default {
+    components: {},
+    props: {
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            show: false,
+            terminals: [],
+
+            currentTab: 0,
+            searchFocus: false,
+
+        }
+    },
+    computed: {
+
+    },
+    watch: {
+
+        show(newValue) {
+            if (newValue) {
+                const level = this.notkezhang ? 3 : 2
+
+                this.loadTerminals(level)
+            }
+        },
+        notkezhang: {
+            handler(newValue) {
+                const level = newValue ? 3 : 2
+
+                this.loadTerminals(level)
+            },
+            immediate: true
+        }
+    },
+    methods: {
+
+        handleTerminalChange(terminalObj) {
+            const curTerminal = this.terminals.find((item) => item.id == terminalObj.id)
+            for (let i = 0; i < curTerminal.children.length; i++) {
+                const child = curTerminal.children[i];
+                console.log(child, "child")
+                this.$set(child, 'checked', !child.checked)
+                this.$forceUpdate()
+            }
+        },
+        handleAreaCheck(area) {
+            area.checked = !area.checked
+        },
+        submitSelectedAreas() {
+            this.$emit('selected', this.terminals)
+            this.show = false
+        },
+        loadTerminals(level) {
+            dataConfigTree(level).then(res => {
+                console.log(res, "res")
+                this.terminals = res.data
+                this.currentTab = this.terminals[0].id
+            })
+
+        },
+        tabClick(id) {
+
+            this.currentTab = id;
+
+        },
+        handleTerminalCheck(terminal) {
+
+            this.$nextTick(() => {
+
+                const curItem = this.terminals.find((item) => item.id == terminal.id)
+                this.$set(curItem, 'checked', true)
+
+                for (let i = 0; i < curItem.children.length; i++) {
+                    this.$set(curItem.children[i], 'checked', !!curItem.children[i].checked)
+                }
+
+                this.$forceUpdate()
+            })
+
+
+        },
+        openModal() {
+            if (this.disabled) return
+            this.show = true
+        },
+        close() {
+            this.show = false
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.u-checkbox-group--row {
+    flex-direction: column !important;
+}
+
+.selectAreaModal {
+    .slot-content {}
+
+    .empty {
+        margin: 0 auto;
+        width: 160px;
+        height: 155px;
+        background: url("../../../static/images/Empty.png") no-repeat;
+        background-size: cover;
+    }
+
+    .modal-content {
+        width: 90vw;
+        max-height: 75vh;
+        padding: 10px 0;
+
+        .terminal-list {
+            padding: 0px 30rpx;
+
+            .tabs {
+                display: flex;
+                padding: 0rpx 0 0rpx;
+                margin-top: 32rpx;
+                font-size: 28rpx;
+                color: #666666;
+                line-height: 32rpx;
+                gap: 48rpx;
+
+                .tabs-item {
+                    display: flex;
+                    align-items: center;
+                    position: relative;
+
+                    &:after {
+                        content: "";
+                        position: absolute;
+                        bottom: -12rpx;
+                        left: 0;
+                        width: 50%;
+                        height: 6rpx;
+                        background: #fff;
+                        border-radius: 12rpx;
+                    }
+
+                    &.active {
+                        font-size: 36rpx;
+                        color: #2A70D1;
+                        line-height: 42rpx;
+
+                        &:after {
+                            background: #2A70D1;
+                        }
+                    }
+                }
+            }
+
+            .area-list {
+                padding: 15rpx 0;
+
+                .area-item {
+                    display: flex;
+                    height: 60rpx;
+                    line-height: 60rpx;
+                }
+            }
+        }
+
+        .title {
+            height: 24px;
+            font-weight: 400;
+            font-size: 18px;
+            color: #333333;
+            line-height: 21px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 15px;
+            box-sizing: border-box;
+        }
+
+        .title-cell {
+            padding: 10px 15px;
+            box-sizing: border-box;
+
+            .title-text {
+                height: 16px;
+                font-weight: 400;
+                font-size: 14px;
+                color: #333333;
+                line-height: 16px;
+                text-align: left;
+                margin-bottom: 14px;
+                text-indent: 5px;
+            }
+        }
+
+        .personnel-list {
+            display: flex;
+            flex-wrap: wrap;
+            row-gap: 8px;
+            column-gap: 6px;
+
+            .personnel-item {
+                width: fit-content;
+                height: 34px;
+                background: #F0F0F0;
+                border-radius: 6px;
+                display: flex;
+                align-items: center;
+                column-gap: 6px;
+                padding: 0 5px;
+
+                .personnel-img {
+                    width: 24px;
+                    height: 24px;
+                    border-radius: 6px;
+                    overflow: hidden;
+                }
+
+                .personnel-name {
+                    width: fit-content;
+                    font-weight: 400;
+                    font-size: 13px;
+                    color: #3D3D3D;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                .personnel-close {
+                    width: 16px;
+                }
+
+                .radio-button {
+                    width: 14px;
+                    height: 14px;
+                    border: 1px solid #2196F3;
+                    background: #fff;
+                    border-radius: 50%;
+                    position: relative;
+                    transition: border-color 0.2s ease;
+                }
+
+                /* 激活状态 - 蓝色边框 */
+                .radio-button.active {
+                    border-color: #496CF4;
+                }
+
+                /* 激活状态 - 中间的蓝点 */
+                .radio-button.active::after {
+                    content: '';
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
+                    width: 7px;
+                    height: 7px;
+                    background-color: #2196F3;
+                    border-radius: 50%;
+                }
+
+                /* 聚焦状态 */
+                .radio-button:focus {
+                    outline: none;
+                    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
+                }
+
+                /* 悬停效果 */
+                .radio-button:hover .radio-button:not(.active) {
+                    border-color: #999;
+                }
+
+                /* 禁用状态 */
+                .radio-button.disabled {
+                    opacity: 0.5;
+                    border-color: #999;
+                    background: #f0f0f0;
+                    cursor: not-allowed;
+                }
+            }
+        }
+
+        .footer-btn {
+            padding: 10px 15px;
+
+            .modal-slot-content {
+                white-space: pre;
+
+            }
+        }
+    }
+}
+</style>

src/pages/attendance/components/SelectData.vue

@@ -0,0 +1,75 @@
+<template>
+  <view class="search-input-container">
+    <input
+      class="search-input"
+      v-model="searchKeyword"
+      :placeholder="placeholder"
+      @focus="inputFocus"
+      @blur="inputBlur"
+      @input="searchUsers"
+    />
+  </view>
+</template>
+
+<script>
+import { debounce } from '@/utils/handler'
+export default {
+  props: {
+    placeholder: {
+      type: String,
+      default: '请输入人员姓名'
+    },
+    
+  },
+  data () {
+    this.searchUsers = debounce(() => {
+      this.$emit('search', this.searchKeyword);
+    }, 200);
+    return {
+      searchKeyword: '',
+    }
+  },
+  
+  methods: {
+    inputFocus () {
+      this.$emit('searchViewShowEvent', true)
+    },
+    inputBlur () {
+      const searchViewShow = this.searchKeyword ? true : false
+      this.$emit('searchViewShowEvent', searchViewShow)
+    },
+    clearInput () {
+      this.searchKeyword = ''
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+
+.search-input-container {
+  position: relative;
+
+  .search-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+
+    &::placeholder {
+      color: #999;
+    }
+  }
+
+  .search-icon {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+  }
+}
+</style>

src/pages/attendance/components/TimePicker.vue

@@ -0,0 +1,59 @@
+<template>
+  <view class="timePicker-container" @click="datetimePickerShow">
+    <input class="timePicker-input" type="text" v-model="viewValue" readonly />
+    <u-datetime-picker
+      :show="timePickerShow"
+      v-model="currentTime"
+      mode="time"
+      @confirm="datetimePickerConfirm"
+      @cancel="datetimePickerClose"
+      @close="datetimePickerClose"
+    />
+  </view>
+</template>
+
+<script>
+import { formatTime } from '@/utils/formatUtils'
+export default {
+  data () {
+    return {
+      timePickerShow: false,
+      currentTime: formatTime(new Date(), 'hh:mm'),
+      viewValue: formatTime(new Date(), 'hh:mm'),
+    }
+  },
+  methods: {
+    datetimePickerShow () {
+      this.timePickerShow = true
+    },
+    datetimePickerClose () {
+      this.timePickerShow = false
+    },
+    datetimePickerConfirm (result) {
+      const { value } = result
+
+      this.datetimePickerClose()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.timePicker-container {
+  position: relative;
+
+  .timePicker-input {
+    width: 100%;
+    height: 35px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 0 40px 0 12px;
+    font-size: 14px;
+    color: #333;
+
+    &::placeholder {
+      color: #999;
+    }
+  }
+}
+</style>

src/pages/attendance/components/UserAvatar.vue

@@ -0,0 +1,55 @@
+<template>
+  <view class="user-avatar">
+    <image class="user-avatar-content" v-if="avatarLink && showImg" :src="avatarLink" @load="imageLoad" @error="imageLoadError" />
+    <view class="user-avatar-content" :style="{ background: getAvatarGradient(userName) }"  v-else>{{ getUserIndexChat() }}</view>
+  </view>
+</template>
+
+<script>
+import { getAvatarGradient } from '@/utils/handler'
+export default {
+  props: {
+    avatarLink: {
+      type: String,
+      default: ''
+    },
+    userName: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      showImg: true
+    }
+  },
+  methods: {
+    getAvatarGradient,
+    getUserIndexChat () {
+      return this.userName ? this.userName.split('')[0] : '用'
+    },
+    imageLoad () {
+      this.showImg = true
+    },
+    imageLoadError () {
+      this.showImg = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.user-avatar {
+  width: 100%;
+  height: 100%;
+  &-content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-weight: 500;
+  }
+}
+</style>

src/pages/attendance/components/WorkingGroup.vue

@@ -0,0 +1,510 @@
+<template>
+  <view class="workGroup-list">
+    <view class="working-group" v-for="({ data, info }, index) of historyList" :key="index">
+      <view>
+        <view class="title" v-if="!info.isCheckIn">{{ '开始上通道/负责区域' }}</view>
+        <view v-if="!info.isCheckIn" class="content">
+          <view class="empty" style="margin: 20px auto 0;"></view>
+          <view class="empty-text">当前未上通道/区域</view>
+        </view>
+        <view v-else class="content">
+          <view class="content-cell" v-if="notkezhang">
+            <text class="content-cell-label">通道</text>
+            <text class="content-cell-value">{{ info.channelName || info.channelCode || '--' }}</text>
+          </view>
+          <view class="content-cell" v-if="notkezhang">
+            <text class="content-cell-label">当班人员</text>
+            <text></text>
+          </view>
+          <view class="content-workings" v-if="notkezhang">
+            <view class="personnel-list" v-if="data.length">
+              <view class="personnel-item" v-for="item of data" :key="item.id">
+                <view class="personnel-img">
+                  <UserAvatar :userName="item.userName" :avatarLink="item.avatar" />
+                </view>
+                <view class="personnel-name">{{ item.userName }}</view>
+              </view>
+            </view>
+            <view class="empty" v-else></view>
+          </view>
+          <view class="content-cell" style="height: auto;display: flex;flex-direction: column;align-items: flex-start;"
+            v-if="!notkezhang">
+            <text class="content-cell-label">负责区域</text>
+            <!-- <text class="content-cell-value">{{ info.regionalName || info.regionalCode || '--' }}</text> -->
+            <view class="selected-areas" v-if="getHandleAreaData(data) && getHandleAreaData(data).length && !notkezhang">
+              <view class="area-item" v-for="area in getHandleAreaData(data)" :key="area.code">
+                <view class="area-label">{{ area.label }}</view>
+                <text-tag :showClose="false" :tags="area.children" :labelColumn="'regionalName'" />
+              </view>
+            </view>
+          </view>
+          <view class="content-cell">
+            <text class="content-cell-label">上通道时间</text>
+            <text class="content-cell-value">{{ info.checkInTimeFormat }}</text>
+          </view>
+          <view class="content-cell" v-if="info.isCheckIn">
+            <text class="content-cell-label">下通道时间</text>
+            <text class="content-cell-value">{{ info.checkOutTime || '-:-' }}</text>
+          </view>
+        </view>
+      </view>
+      <!-- :disabled="!attendanceInfo.checkInTime || checkOutStatus" -->
+      <AddAttendancePersonnelModal v-if="index === 0" :disabled="checkOutStatus" :notkezhang="notkezhang"
+        :userInfo="userInfo" @updateRecord="invokerGetPostRecordList" :selectedMember="selectedMember">
+        <!-- :class="{ disabled: !attendanceInfo.checkInTime }"  不加控制逻辑  科长没有选人可以上通道，但是其他人必须选人才能选人上通道 -->
+        <view v-if="authority" class="custom-btn" @click="openModal"
+          :class="{ disabled: selectedMember.length === 0 && !userInfo.roles.includes('kezhang') }">
+          {{ checkOutStatus ? '下通道' : '上通道' }}
+        </view>
+      </AddAttendancePersonnelModal>
+    </view>
+    <u-popup :show="checkOutWork" mode="center" :round="8">
+      <view class="modal-content">
+        <view class="title">
+          <text>员工下通道</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+        <view class="title-cell">
+          <view class="title-text">{{ '选择下通道时间' }}</view>
+          <uni-datetime-picker type="datetime" v-model="currentTime" />
+        </view>
+        <view class="title-cell">
+          <view class="custom-btn-normal" @click="invokerUpdatePostRecord" :class="{ disabled: !currentTime }">确认下通道
+          </view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import { listgroupbyTimeanduserid, updatePostRecord } from "@/api/attendance/attendance"
+import { formatTime, formatName } from '@/utils/formatUtils'
+import AddAttendancePersonnelModal from './AddAttendancePersonnelModal';
+import UserAvatar from './UserAvatar'
+export default {
+  components: { AddAttendancePersonnelModal, UserAvatar },
+  props: {
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    attendanceInfo: { // 考勤信息
+      type: Object,
+      default: () => ({})
+    },
+    selectedMember: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      curUserWorkingGroupData: {
+        passage: '',
+        checkInTime: '',
+        checkOutTime: '',
+        isCheckIn: false,
+      },
+      checkOutStatus: false,
+      checkOutWork: false,
+      currentTime: undefined,
+      workingGroupId: '',
+      historyList: [], //班组工作记录 todo 现在只能做科长
+   
+    }
+  },
+  computed: {
+    notkezhang() {
+      return !this.userInfo.roles || !this.userInfo.roles.includes('kezhang')
+    },
+    authority() { // 上通道权限
+      return this.userInfo.roles && (
+        this.userInfo.roles.includes('kezhang') ||
+        this.userInfo.roles.includes('banzuzhang')
+      )
+    }
+  },
+  methods: {
+    openModal() {
+      if (!this.checkOutStatus) {
+        return;
+      }
+      this.currentTime = formatTime(new Date())
+      this.checkOutWork = true
+    },
+    close() {
+      this.currentTime = undefined
+      this.checkOutWork = false
+    },
+    isCheckOutJobs(curUserWorkingInfo = this.curUserWorkingGroupData) {
+
+      return Boolean(curUserWorkingInfo.checkInTime) && (!curUserWorkingInfo.checkOutTime || curUserWorkingInfo.checkOutTime === '2000-01-01 00:00:00')
+    },
+    getHandleAreaData(data) {
+      let louObj = {};
+      let areaArr = [];
+      data.forEach(element => {
+
+        let name = `${element.terminlName}-${element.terminlCode}`
+        if (!louObj[name]) {
+          louObj[name] = [];
+        }
+        louObj[name].push(element);
+      });
+
+      Object.keys(louObj).forEach(key => {
+        areaArr.push({
+          label: key.split('-')[0],
+          code: key.split('-')[1],
+          children: louObj[key]
+        });
+      });
+
+      return areaArr;
+    },
+    invokerGetPostRecordList(callback) {
+      return listgroupbyTimeanduserid().then(res => {
+        if (res.code === 200) {
+          const resData = (res.data || [])
+          this.historyList = resData.reduce((cur, item, index) => {
+            let info = {}
+            const workDataList = item.records.map((attr) => {
+              const result = {
+                ...attr,
+                isCheckIn: Boolean(attr.checkInTime), // 是否上过通道
+                checkInTimeFormat: formatTime(attr.checkInTime, 'hh:mm:ss'),
+                checkOutTime: attr.checkOutTime === '2000-01-01 00:00:00' ? '' : formatTime(attr.checkOutTime, 'hh:mm:ss'),
+                userName: formatName(attr.userName),
+              }
+              if (attr.userId === this.userInfo.userId) {
+                info = result
+              }
+
+              if (index === 0) { // 取最新纪录
+                this.curUserWorkingGroupData = info
+                this.workingGroupId = item.shiftCode
+              }
+              return result
+            })
+            cur.push({
+              info: info,
+              data: workDataList,
+              workingGroupId: item.shiftCode
+            })
+            return cur
+          }, [])
+
+
+
+        
+
+          this.checkOutStatus = this.isCheckOutJobs(this.curUserWorkingGroupData)
+
+          if (!this.checkOutStatus) {
+            this.historyList = [{
+              info: {},
+              data: [],
+              workingGroupId: undefined
+            }, ...this.historyList]
+          }
+        }
+      }).catch(() => {
+        return Promise.resolve()
+      }).finally(() => {
+        callback && callback()
+      })
+    },
+
+    createRecordData(curUserRecordInfo) {
+      // 🔥 重要：计算工作时长
+      const checkTime = new Date(this.currentTime);
+      const workDurationMinutes = Math.floor((Date.now() - checkTime.getTime()) / 1000 / 60);
+      // 🔥 重要：构建更新数据
+      let res = [];
+      //如果是科长走多选逻辑，如果是班组长走单选逻辑
+      if (!this.notkezhang) {
+        console.log(this.historyList)
+
+        this.historyList.forEach(item => {
+          item.data.forEach(element => {
+            res.push(
+              {
+                // 基本字段
+                ...curUserRecordInfo,
+                isCheckIn: undefined,
+                revision: (curUserRecordInfo.revision || 1) + 1,
+                // 时间相关
+                checkInTime: typeof curUserRecordInfo.checkInTime === 'string' ? curUserRecordInfo.checkInTime : formatTime(new Date(curUserRecordInfo.checkInTime)),
+                attendanceDate: typeof curUserRecordInfo.attendanceDate === 'string' ? curUserRecordInfo.attendanceDate : formatTime(new Date(curUserRecordInfo.attendanceDate), 'YYYY-MM-DD'),
+                workDuration: workDurationMinutes, // 重新计算工作时长
+                overDuration: curUserRecordInfo.overDuration || 0,
+                // 组织架构信息
+                attendanceTeamId: curUserRecordInfo.attendanceTeamId || null,
+                attendanceTeamName: curUserRecordInfo.attendanceTeamName || '',
+                attendanceDepartmentId: curUserRecordInfo.attendanceDepartmentId || null,
+                attendanceDepartmentName: curUserRecordInfo.attendanceDepartmentName || '',
+                attendanceStationId: curUserRecordInfo.attendanceStationId || null,
+                attendanceStationName: curUserRecordInfo.attendanceStationName || '',
+                remark: curUserRecordInfo.remark || '手动添加上通道记录',
+                // 审计字段
+                createBy: curUserRecordInfo.createBy || (this.userInfo.userId + ''),
+                createTime: typeof curUserRecordInfo.createTime === 'string' ? curUserRecordInfo.createTime : formatTime(new Date(curUserRecordInfo.createTime)),
+                updateBy: (this.userInfo.userId + ''),
+                updateTime: formatTime(new Date()),
+                ...element,
+                checkOutTime: formatTime(checkTime), // 设置实际下岗时间
+              }
+            )
+          })
+        })
+      } else {
+        res = [{
+          // 基本字段
+          ...curUserRecordInfo,
+          isCheckIn: undefined,
+          revision: (curUserRecordInfo.revision || 1) + 1,
+          // 时间相关
+          checkInTime: typeof curUserRecordInfo.checkInTime === 'string' ? curUserRecordInfo.checkInTime : formatTime(new Date(curUserRecordInfo.checkInTime)),
+          checkOutTime: formatTime(checkTime), // 设置实际下岗时间
+          attendanceDate: typeof curUserRecordInfo.attendanceDate === 'string' ? curUserRecordInfo.attendanceDate : formatTime(new Date(curUserRecordInfo.attendanceDate), 'YYYY-MM-DD'),
+          workDuration: workDurationMinutes, // 重新计算工作时长
+          overDuration: curUserRecordInfo.overDuration || 0,
+          // 组织架构信息
+          attendanceTeamId: curUserRecordInfo.attendanceTeamId || null,
+          attendanceTeamName: curUserRecordInfo.attendanceTeamName || '',
+          attendanceDepartmentId: curUserRecordInfo.attendanceDepartmentId || null,
+          attendanceDepartmentName: curUserRecordInfo.attendanceDepartmentName || '',
+          attendanceStationId: curUserRecordInfo.attendanceStationId || null,
+          attendanceStationName: curUserRecordInfo.attendanceStationName || '',
+          remark: curUserRecordInfo.remark || '手动添加上通道记录',
+          // 审计字段
+          createBy: curUserRecordInfo.createBy || (this.userInfo.userId + ''),
+          createTime: typeof curUserRecordInfo.createTime === 'string' ? curUserRecordInfo.createTime : formatTime(new Date(curUserRecordInfo.createTime)),
+          updateBy: (this.userInfo.userId + ''),
+          updateTime: formatTime(new Date())
+        }]
+      }
+      console.log(res, "res")
+
+      return res;
+    },
+
+    invokerUpdatePostRecord() {
+      if (this.checkOutStatus) {
+        // 科长下区域
+        if (!this.notkezhang) {
+          uni.showLoading({ title: '正在下通道...' });
+          updatePostRecord(this.createRecordData(this.curUserWorkingGroupData)).then(res => {
+            if (res && res.code === 200) {
+              uni.showToast({
+                title: '下通道完成！',
+                icon: 'success',
+                duration: 2000
+              });
+            } else {
+              uni.showToast({
+                title: `下通道失败！${res.msg || '未知错误'}`,
+                icon: 'none',
+                duration: 2000
+              });
+            }
+            this.close()
+            return this.invokerGetPostRecordList()
+          }).catch(error => {
+            uni.showToast({
+              title: '下通道失败：' + (error.msg || '请重试'),
+              icon: 'error',
+              duration: 2000
+            });
+          }).finally(() => {
+            uni.hideLoading();
+          })
+        } else {// 当班人员下通道
+          uni.showLoading({ title: '正在批量下通道...' });
+          // 获取当前最新的工作组数据
+          const recordList = this.historyList.find(item => item.workingGroupId === this.workingGroupId) || { data: [] }
+          const promises = recordList.data.map(item => {
+            return updatePostRecord(this.createRecordData(item)).then(res => {
+              if (res && res.code === 200) {
+                return `${item.userName}: 下通道完成！`
+              } else {
+                return `${item.userName}下通道失败: ${res.msg || '未知错误'}`
+              }
+            }).catch((err) => {
+              return Promise.resolve(`${item.userName}下通道失败: 网络错误！`)
+            })
+          })
+          Promise.all(promises).then((res) => {
+            uni.showModal({
+              title: '批量下通道结果',
+              content: `${res.join('\n')}`,
+              showCancel: false,
+              confirmText: '确定'
+            });
+            this.close()
+            return this.invokerGetPostRecordList()
+          }).finally(() => {
+            uni.hideLoading();
+          })
+        }
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.workGroup-list {
+  display: flex;
+  flex-direction: column;
+  row-gap: 15px;
+}
+
+.working-group {
+  width: 100%;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 16px 16px 16px 16px;
+  border: 1px solid #F0F8FF;
+  padding: 15px;
+  box-sizing: border-box;
+
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+
+  .empty-text {
+    font-weight: 400;
+    font-size: 14px;
+    color: #3D3D3D;
+    line-height: 16px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    margin-bottom: 20px;
+  }
+
+  .title {
+    font-weight: 400;
+    font-size: 18px;
+    color: #333333;
+    line-height: 24px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    padding: 5px 0;
+  }
+
+  .content-cell {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 400;
+    font-size: 14px;
+    font-style: normal;
+    text-transform: none;
+    width: 100%;
+    height: 36px;
+
+    .content-cell-label {
+      color: #222222;
+    }
+
+    .content-cell-value {
+      color: #999999;
+      padding-right: 5px;
+    }
+
+    .selected-areas {
+      .area-item {
+        .area-label {
+          height: 72rpx;
+          line-height: 72rpx;
+        }
+      }
+    }
+
+
+  }
+
+  .content-workings {
+    display: flex;
+    padding: 10px 0;
+
+    .personnel-list {
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: 10px;
+      column-gap: 10px;
+
+      .personnel-item {
+        width: fit-content;
+        height: 34px;
+        background: #F0F0F0;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        column-gap: 8px;
+        padding: 0 10px;
+
+        .personnel-img {
+          width: 24px;
+          height: 24px;
+          border-radius: 6px;
+          overflow: hidden;
+        }
+
+        .personnel-name {
+          width: fit-content;
+          font-weight: 400;
+          font-size: 13px;
+          color: #3D3D3D;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+      }
+    }
+  }
+}
+
+.modal-content {
+  width: 90vw;
+  max-height: 75vh;
+  padding: 10px 0;
+
+  .title {
+    height: 24px;
+    font-weight: 400;
+    font-size: 18px;
+    color: #333333;
+    line-height: 21px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+
+  .title-cell {
+    padding: 10px 15px;
+    box-sizing: border-box;
+
+    .title-text {
+      height: 16px;
+      font-weight: 400;
+      font-size: 14px;
+      color: #333333;
+      line-height: 16px;
+      text-align: left;
+      margin-bottom: 14px;
+      text-indent: 5px;
+    }
+  }
+}
+</style>

src/pages/attendance/index.vue

@@ -0,0 +1,368 @@
+<template>
+  <home-container :customStyle="{ backgroundPositionY: '-50px' }">
+    <view class="attendance-container">
+      <!-- 顶部个人信息栏 -->
+      <view class="user-header" v-if="currentUser">
+        <view class="user-avatar">
+          <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+        </view>
+        <view class="user-info">
+          <text class="user-name">{{ `${userInfoAndRoles.nickName} ${userInfoAndRoles.userName}` }}</text>
+          <text v-if="userInfo.userInfo.stationName" class="position-item">{{ userInfo.userInfo.stationName }}</text>
+          <text v-if="userInfo.userInfo.stationName && userInfo.userInfo.departmentName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.departmentName" class="position-item">{{
+            userInfo.userInfo.departmentName }}</text>
+          <text v-if="userInfo.userInfo.departmentName && userInfo.userInfo.teamsName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.teamsName" class="position-item">{{ userInfo.userInfo.teamsName }}</text>
+        </view>
+        <view class="stats-btn" @click="showStats">
+          <uni-icons type="calendar" size="24" color="#666"></uni-icons>
+          <text class="btn-text">打卡统计</text>
+        </view>
+      </view>
+
+      <!-- 新界面打卡 -->
+      <AttendanceControl :attendanceInfo="attendanceInfo" :checkInPosiInfo="checkInPosiInfo"
+        @attendanceHandler="handleCheckIn" />
+      <!-- 工作区域/班组成员 -->
+      <MaintainAreaOrMemberModal ref="maintainAreaOrMemberModal" v-if="showMaintain" :userInfo="userInfoAndRoles"
+        @update-member="updateMember" />
+      <!-- 新界面工作组状态 -->
+      <WorkingGroup ref="workingGroup" style="margin: 16px 0 24px 0" :attendanceInfo="attendanceInfo"
+        :loadUserInfoOver="loadUserInfoOver" :userInfo="userInfoAndRoles" :selectedMember="selectedMember" />
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import AttendanceControl from './components/AttendanceControl'
+import MaintainAreaOrMemberModal from './components/MaintainAreaOrMemberModal'
+import WorkingGroup from './components/WorkingGroup'
+import { addAttendance, areaList } from "@/api/attendance/attendance"
+import { getInfo } from "@/api/login"
+import { formatTime as formatTimehandler } from '@/utils/formatUtils'
+import { getAttendanceList } from "@/api/attendance/attendance"
+import { isInRangeOptimized, wgs84ToGcj02 } from '@/utils/handler'
+
+export default {
+  components: { HomeContainer, AttendanceControl, WorkingGroup, MaintainAreaOrMemberModal },
+
+  computed: {
+    currentUser() {
+      return this.$store.state.user;
+    },
+    userInfoAndRoles() {
+      return {
+        ...this.userInfo.userInfo,
+        roles: this.userInfo.roles
+      }
+    },
+    showMaintain() {
+      return this.userInfo.roles.includes('banzuzhang')
+    }
+  },
+  data() {
+    return {
+      yesterday: false,
+      checkInType: 'morning', // morning/afternoon
+      isCheckedIn: false,
+      checkInBtnText: '打卡',
+      currentTime: this.formatTime(new Date()),
+      locationIndex: 0,
+
+      locations: [
+        '民航机场',
+        '东方雨虹新材料装备研发总部基地',
+        '北京阳光汇点数码总部',
+        '海淀区研发中心'
+      ],
+      groupIndex: 0,
+      groups: [
+        '技术部',
+        '产品部',
+        '运营部',
+        '市场部'
+      ],
+      records: [],          // 今日真实打卡列表
+      yesterdayRecords: [], // 昨天真实打卡列表
+      userInfo: {
+        userInfo: {},
+        roles: []
+      },
+      checkInPosiInfo: [],
+      attendanceInfo: {
+        attendanceDate: '', // 当前日期
+        checkInTime: '', //上班打卡时间
+        checkOutTime: '', //下班打卡时间
+        items: [], // 打开记录 第一条为最早上班打卡时间 最后一条为最晚下班打卡时间
+      },
+      loadUserInfoOver: false,
+      selectedMember: [],
+      result: null
+    }
+  },
+  mounted() {
+    this.updateCurrentTime();
+    this.checkCheckInStatus();
+
+    // app 在前台时获取位置信息
+    uni.onLocationChange((res) => {
+      this.result = {latitude:res.latitude, longitude:res.longitude}
+    });
+  },
+  async onLoad() {
+    this.loadUserInfoOver = false
+    areaList().then(res => {
+      this.checkInPosiInfo = res.data.map(item => {
+        return {
+          longitude: item.longitude,
+          latitude: item.latitude,
+          radius: item.radius,
+          address: item.address
+        }
+      })
+    })
+    const userInfo = await getInfo()
+    this.userInfo = userInfo || {}
+
+    this.loadUserInfoOver = true
+    this.$nextTick(() => {
+      this.$refs.workingGroup.invokerGetPostRecordList()
+    })
+    // await this.loadYesterdayRecord();  // 1. 先查昨天
+    // this.updateCurrentTime();          // 2. 再开始计时
+    await this.loadTodayRecord();      // 3. 查今天
+
+  },
+  methods: {
+
+    updateMember(member) {
+      this.selectedMember = member
+    },
+    async loadYesterdayRecord() {
+      const yesterday = new Date();
+      yesterday.setDate(yesterday.getDate() - 1);
+      const start = this.formatDate(yesterday);
+
+      const { data } = await getAttendanceList({ type: 1, checkInDate: start, userId: this.$store.state.user.id });
+      this.yesterdayRecords = data?.[0]?.items || [];
+      // this.yesterdayRecords = data[0].items || [];
+
+      // 逻辑：昨天缺下班 && 距上班 ≤ 20 小时
+      const lastMorning = this.yesterdayRecords.find(r => r.checkInType == 'CLOCK_IN'); // 1-上班
+      const lastEvening = this.yesterdayRecords.find(r => r.checkInType == 'CLOCK_OUT'); // 2-下班
+
+      if (lastMorning && !lastEvening) {
+        // 确保时间字符串格式正确
+        const checkInTime = new Date(lastMorning.checkInTime);
+        if (isNaN(checkInTime.getTime())) {
+          console.error('无效的时间格式');
+          return;
+        }
+
+        // 计算时间差（毫秒）
+        // const gap = Date.now() - checkInTime.getTime();
+        const gap = Date.now() - new Date(lastMorning.checkInTime).getTime();
+        if (gap <= 12 * 60 * 60 * 1000) {
+          this.yesterday = true;
+          // 12 小时内
+          this.checkInType = 'afternoon';
+          this.checkInBtnText = '下班打卡';
+
+          this.records = this.yesterdayRecords.map(it => ({
+            type: it.checkInType === 'CLOCK_IN' ? '上班打卡' : '下班打卡',
+            time: it.checkInTime,   // 取 HH:mm:ss
+            location: it.checkInPosition || '--',
+            status: '正常',                  // 如需迟到逻辑，可在此判断
+            checkInDate: it.checkInDate
+          }));
+          if (this.yesterdayRecords.length > 0) {
+            this.checkInType = 'afternoon'
+          }
+
+          // 刷新按钮状态
+          this.checkCheckInStatus();
+        }
+      }
+    },
+    async loadTodayRecord() {
+      if (this.yesterday) {
+        return;
+      }
+      const today = this.formatDate(new Date());
+      const { data } = await getAttendanceList({
+        type: 1,
+        checkInDate: today,
+        userId: this.$store.state.user.id
+      });
+
+      // new
+      if (Array.isArray(data) && data.length) {
+        const items = data[0]
+        const firstCheckOnTime = items.items.filter(item => item.checkInType === 'CLOCK_IN' && item.checkInTime).sort((a, b) => {
+          return new Date(a.checkInTime).getTime() - new Date(b.checkInTime)
+        })[0] || {}
+        const latestCheckOutTime = items.items.filter(item => item.checkInType === 'CLOCK_OUT').sort((a, b) => {
+          return new Date(b.checkInTime) - new Date(a.checkInTime).getTime()
+        })[0] || {}
+        this.attendanceInfo = {
+          ...items,
+          checkInTime: formatTimehandler(firstCheckOnTime.checkInTime, 'hh:mm:ss', { defaultResult: '' }),
+          checkOutTime: formatTimehandler(latestCheckOutTime.checkInTime, 'hh:mm:ss', { defaultResult: '' })
+        }
+      }
+
+      // 接口 data 可能是多条（按天），我们取第一条里的 items
+      const todayData = data && data.length ? data[0] : null;
+      const items = todayData ? todayData.items : [];
+
+      // 映射成页面需要的格式
+      this.records = items.map(it => ({
+        type: it.checkInType === 'CLOCK_IN' ? '上班打卡' : '下班打卡',
+        time: it.checkInTime,   // 取 HH:mm:ss
+        location: it.checkInPosition || '--',
+        status: '正常',
+        checkInDate: it.checkInDate
+
+      }));
+      if (items.length > 0) {
+        this.checkInType = 'afternoon'
+      }
+
+      // 刷新按钮状态
+      this.checkCheckInStatus();
+    },
+
+    // 通用时间格式化
+    formatTime(date) {
+      const h = String(date.getHours()).padStart(2, '0');
+      const m = String(date.getMinutes()).padStart(2, '0');
+      const s = String(date.getSeconds()).padStart(2, '0');
+      return `${h}:${m}:${s}`;
+    },
+
+    // 日期格式化（昨天、今天查询用）
+    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}`;
+    },
+    updateCurrentTime() {
+      setInterval(() => {
+        this.currentTime = this.formatTime(new Date());
+
+        // 自动切换上下班打卡类型
+        // const hours = new Date().getHours();
+        // this.checkInType = hours < 12 ? 'morning' : 'afternoon';
+        this.checkInBtnText = this.isCheckedIn ? '已打卡' : '打卡';
+      }, 1000);
+    },
+    checkCheckInStatus() {
+      const now = new Date();
+      const type = now.getHours() < 12 ? 1 : 2;
+      this.isCheckedIn = this.records.some(r => r.type === type);
+      this.checkInBtnText = this.isCheckedIn ? '已打卡' : '打卡';
+    },
+    changeGroup(e) {
+      this.groupIndex = e.detail.value;
+    },
+    async handleCheckIn(type, checkInPosition) {
+      if (this.isCheckedIn) return;
+      // if (this.attendanceInfo.checkInTime) { // 上班有卡 没下通道禁止打卡
+      //   if (this.$refs.workingGroup.isCheckOutJobs()) {
+      //     return uni.showToast({ title: '请先下岗位再下班打卡！', icon: 'none' });
+      //   }
+      // } 这个限制 业务不要
+      uni.showLoading({ title: '打卡中...' });
+      try {
+        await addAttendance({
+          userId: this.$store.state.user.id,
+          checkInDate: this.formatDate(new Date()),
+          checkInType: type, // 1 上班 2 下班
+          remark: '',
+          checkInPosition: checkInPosition.address,
+          longitude: checkInPosition.longitude,
+          latitude: checkInPosition.latitude,
+        });
+
+        await this.loadTodayRecord(); // 重新拉取今日
+        uni.showToast({ title: '打卡成功', icon: 'success' });
+      } finally {
+        uni.hideLoading();
+      }
+    },
+    showStats() {
+      uni.navigateTo({ url: '/pages/attendance/stats' });
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.attendance-container {
+  padding: 5px;
+  padding-top: 60px;
+  min-height: 100vh;
+}
+
+/* 顶部个人信息 */
+.user-header {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 20px;
+  height: 96px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+  border-radius: 16px 16px 16px 16px;
+
+  .user-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+    overflow: hidden;
+    margin-right: 12px;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    .user-position {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
+  .stats-btn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    color: #666;
+
+    .btn-text {
+      margin-top: 4px;
+      font-size: 12px;
+      color: #666;
+    }
+  }
+}
+</style>

src/pages/attendance/stats.vue

@@ -0,0 +1,214 @@
+<template>
+  <view class="stats-container">
+    <!-- 用户信息 -->
+    <view class="user-header">
+      <view class="user-avatar">
+        <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+      </view>
+      <view class="user-info">
+        <text class="user-name">{{ currentUser.name }}</text>
+      </view>
+    </view>
+
+    <!-- 日历选择器 -->
+    <uni-calendar class="uni-calendar--hook card-radius" :selected="markedDates" :showMonth="true"
+      @change="handleDateChange" @monthSwitch="handleMonthSwitch" />
+
+    <!-- 打卡记录展示 -->
+    <TimelineRecord class="card-radius" :records="filteredRecords" v-if="filteredRecords.length > 0" />
+    <view v-else class="no-data">
+      <text>暂无打卡记录</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import TimelineRecord from '@/components/timeline-record/TimelineRecord.vue';
+import { getAttendanceList } from "@/api/attendance/attendance"
+
+export default {
+  components: {
+    TimelineRecord
+  },
+  computed: {
+    currentUser() {
+      return this.$store.state.user || {
+        name: '未知用户',
+        department: '未知部门',
+        position: '未知职位'
+      };
+    }
+  },
+  data() {
+    return {
+      currentDate: new Date(),
+      markedDates: [],
+      allRecords: [],
+      filteredRecords: []
+    };
+  },
+  mounted() {
+    this.loadAttendanceData();
+  },
+  methods: {
+    async loadAttendanceData() {
+      try {
+        const { startDate, endDate } = this.getMonthRange();
+        const res = await getAttendanceList({
+          userId: this.$store.state.user.id,
+          type: 2,
+          startDate,
+          endDate
+        });
+
+        if (res.code === 200) {
+          this.allRecords = res.data;
+          this.updateMarkedDates();
+          this.filterRecordsByDate(this.currentDate);
+        }
+      } catch (error) {
+        console.error('加载考勤数据失败:', error);
+        uni.showToast({
+          title: '数据加载失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    
+updateMarkedDates() {
+  const today = new Date().toISOString().split('T')[0];
+  this.markedDates = this.allRecords
+    .filter(record => record.attendanceDate)
+    .map(record => {
+		console.log(record,'12312313213')
+      const isToday = record.attendanceDate.split('T')[0] === today;
+      const hasCheckIn = !!record.checkInTime;
+      const hasCheckOut = !!record.checkOutTime;
+      
+      let status;
+      let custom = '';
+      if (isToday) {
+        status = ''; // 当天记录始终显示正常
+      } else if (hasCheckIn && hasCheckOut) {
+        status = '正常'; // 完整打卡记录
+		custom = 'blue'
+      } else if (hasCheckIn) {
+        status = '异常'; // 只有上班打卡
+      } else {
+        return null; // 无效记录过滤
+      }
+
+      return {
+        date: record.attendanceDate.split('T')[0],
+        info: status,
+		color:custom
+      };
+    })
+    .filter(Boolean); // 移除null值
+},
+
+
+    filterRecordsByDate(date) {
+      const dateStr = this.formatDate(date);
+      
+      this.filteredRecords = this.allRecords.filter(
+        record => record.attendanceDate.includes(dateStr)
+      );
+    },
+
+    getMonthRange() {
+      const year = this.currentDate.getFullYear();
+      const month = this.currentDate.getMonth();
+      return {
+        startDate: this.formatDate(new Date(year, month, 1)),
+        endDate: this.formatDate(new Date(year, month + 1, 0))
+      };
+    },
+
+    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}`;
+    },
+
+    handleDateChange(detail) {
+      if (!detail || !detail.fulldate) {
+        console.error('日期参数异常:', detail);
+        return;
+      }
+      this.currentDate = new Date(detail.fulldate);
+      this.filterRecordsByDate(this.currentDate);
+    },
+
+    handleMonthSwitch({ month }) {
+      this.currentDate = new Date(
+        this.currentDate.getFullYear(),
+        month - 1,
+        this.currentDate.getDate()
+      );
+      this.loadAttendanceData();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.stats-container {
+  padding: 20rpx;
+  background-color: #f7f7f7;
+  min-height: 100vh;
+}
+
+.user-header {
+  display: flex;
+  align-items: center;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+
+  .user-avatar {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 20rpx;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 36rpx;
+      font-weight: bold;
+      color: #333;
+    }
+
+    .user-position {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+
+.card-radius {
+  border-radius: 16rpx;
+  overflow: hidden;
+  margin-bottom: 20rpx;
+}
+
+.no-data {
+  padding: 40rpx;
+  text-align: center;
+  color: #999;
+  background-color: #fff;
+  border-radius: 16rpx;
+}
+</style>

src/pages/attendanceStatistics/components/TableList.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="table-container">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th v-for="column in columns" :key="column.props">{{ column.title }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(row, index) in data" :key="index"
+          :class="{ 'odd-row': (index + 1) % 2 !== 0, 'even-row': (index + 1) % 2 === 0 }">
+          
+          <td v-for="column in columns" :key="`${column.props}-${index}`">{{ row[column.props] }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TableList',
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  created() {
+    console.log(this.columns,this.data);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.table-container {
+  width: 100%;
+  overflow-x: auto;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 4rpx dashed #ccc;
+  border-radius: 16rpx;
+
+  th,
+  td {
+    padding: 12rpx;
+    height: 48rpx;
+    text-align: left;
+    border-bottom: 1rpx dashed #ccc;
+  }
+
+  th {
+    background-color: #f5f5f5;
+    font-weight: bold;
+    color: #666;
+  }
+
+  .odd-row {
+    background-color: #fff !important;
+  }
+
+  .even-row {
+    background-color: #f5f5f5 !important;
+  }
+
+  tr:hover {
+    background-color: #e0e0e0;
+  }
+}
+</style>

src/pages/attendanceStatistics/index.vue

@@ -0,0 +1,525 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }">
+        <view class="container">
+            <!-- 顶部tabs -->
+            <h-tabs v-if="roles.includes('kezhang')" v-model="currentTab" :tabs="tabList" value-key="type"
+                label-key="title" @change="handleTabChange" />
+
+            <!-- 通道开放情况 -->
+            <view class="card" :style="{ paddingBottom: currentTab !== 'all' ? '100rpx' : '24rpx' }">
+                <view class="card-header">通道开放情况</view>
+                <view class="chart-container">
+                    <view class="pie-chart" id="pieChart"></view>
+                </view>
+
+                <view v-if="currentTab === 'all'" style="margin-top: 120rpx;" class="bar-chart" id="barChart1"></view>
+            </view>
+
+            <!-- 人员情况 -->
+            <view v-if="currentTab === 'all'" class="card">
+                <view class="card-header">人员情况</view>
+                <view class="bar-chart" id="barChart2"></view>
+            </view>
+
+            <!-- 明细情况 -->
+            <view class="card-header" style="padding-left: 10rpx;">明细情况</view>
+            <view class="card-detail">
+                <uni-collapse v-if="isShowBarChart1">
+                    <uni-collapse-item v-for="(item, index) in terminlDetail" :key="index" :title="item.terminlName"
+                        :open="true">
+                        <view class="detail-content">
+                            <view v-if="item.region.length > 0">在岗班组</view>
+                            <view class="detail-row" v-for="(regionItem, i) in item.region" :key="i">
+                                <view class="detail-title">{{ regionItem.regionalName }}&nbsp;&nbsp;开放数量：{{
+                                    regionItem.openChannelCount }}</view>
+                                <TableList :data="regionItem.detailList" :columns="[{
+                                    props: 'channelName',
+                                    title: '通道名称'
+                                }, {
+                                    props: 'onDutyTeamName',
+                                    title: '在岗班组'
+                                }, {
+                                    props: 'onDutyTime',
+                                    title: '上岗时间'
+                                }, {
+                                    props: 'onDutyCount',
+                                    title: '在岗人数'
+                                }]" />
+                            </view>
+                            <view v-if="item.waitList.length > 0" style="margin-bottom: 10rpx;">空闲班组</view>
+                            <TableList v-if="item.waitList.length > 0" :data="item.waitList" :columns="[{
+                                props: 'waitTeamName',
+                                title: '待岗班组'
+                            }, {
+                                props: 'waitCount',
+                                title: '待岗人数'
+                            }, {
+                                props: 'checkOutTime',
+                                title: '下通道时间'
+                            }]" />
+                        </view>
+                    </uni-collapse-item>
+                </uni-collapse>
+                <view v-else="!isShowBarChart1">
+                    <no-data text="暂无数据" icon-type="search" icon-size="60" icon-color="#C0C4CC" />
+                </view>
+            </view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import TableList from "./components/TableList.vue";
+import * as echarts from 'echarts';
+import { getChannelStatistics } from '@/api/attendanceStatistics/attendanceStatistics';
+import HTabs from "@/components/h-tabs/h-tabs.vue";
+
+export default {
+    components: { HomeContainer, TableList, HTabs },
+    data() {
+        return {
+            currentTab: 'my', // 默认显示我的区域
+            tabList: [
+                {
+                    type: 'my',
+                    title: '我的区域'
+                },
+                {
+                    type: 'all',
+                    title: '全部区域'
+                }
+            ],
+            terminlDetail: [],
+            mainDetail: {},
+            pieChart: null,
+            barChart1: null,
+            barChart2: null,
+            roles: this.$store.state.user.roles
+        }
+    },
+    computed: {
+        isShowPieChart() {
+            const values = Object.values(this.mainDetail || {});
+            console.log('mainDetail values:', values, 'all empty check:', values.every(item => !item));
+            return !values.every(item => !item);
+        },
+        isShowBarChart1() {
+            return this.terminlDetail.length > 0;
+        },
+    },
+    mounted() {
+        this.fetchData("1");
+
+        if (!this.roles.includes('kezhang')) {
+            this.currentTab = 'all'
+        }
+    },
+    methods: {
+        handleTabChange(newValue, tab) {
+            this.currentTab = newValue;
+
+            this.fetchData(this.currentTab == 'my' ? "1" : "2")
+        },
+        async fetchData(status) {
+
+            try {
+                console.log('正在请求考勤统计数据，status:', status);
+                const response = await getChannelStatistics(status);
+                console.log('接口返回数据:', response);
+
+                const { channelCount, maintainCount, onDutyCount, terminlDetail } = response;
+
+                console.log('解析后的数据:', { channelCount, maintainCount, onDutyCount, terminlDetail });
+
+                this.terminlDetail = terminlDetail || [];
+                this.mainDetail = {
+                    channelCount: channelCount || 0,
+                    maintainCount: maintainCount || 0,
+                    onDutyCount: onDutyCount || 0,
+
+                }
+                console.log(this.mainDetail, 22)
+                this.$nextTick(() => {
+                    this.initCharts();
+                })
+
+            } catch (e) {
+                console.error('获取考勤数据失败', e);
+            }
+        },
+        initCharts() {
+            const pieDom = document.getElementById('pieChart');
+            const barDom1 = document.getElementById('barChart1');
+            const barDom2 = document.getElementById('barChart2');
+
+            if (pieDom) {
+                this.pieChart = echarts.init(pieDom);
+            }
+            if (barDom1) {
+                this.barChart1 = echarts.init(barDom1);
+            }
+            if (barDom2) {
+                this.barChart2 = echarts.init(barDom2);
+            }
+            this.$nextTick(() => {
+
+                this.updateCharts();
+            });
+        },
+        updateCharts() {
+
+            let openRate = 0;
+            let openData = 0;
+            let closeData = 0;
+            if (this.roles.includes('kezhang') && this.currentTab == 'my') {
+
+                openData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.onDutyChannelCount;
+                }, 0);
+                let allData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.channelCount;
+                }, 0);
+                closeData = allData - openData;
+                openRate = (openData / allData) * 100;
+            } else {
+                let allData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.channelCount;
+                }, 0);
+
+                // openData = this.mainDetail.onDutyCount;
+                openData = this.terminlDetail.reduce((item, cur) => {
+                    return item + cur.onDutyChannelCount;
+                }, 0);
+                openRate = (openData / allData) * 100;
+                closeData = allData - openData;
+
+            }
+
+            // 检查数据是否有效
+            const hasValidData = openData > 0 || closeData > 0;
+
+            // 环形图配置
+            this.pieChart && this.pieChart.setOption({
+                series: [{
+                    type: 'pie',
+                    radius: ['55%', '70%'],
+                    avoidLabelOverlap: false,
+                    // label: { show: false },
+                    data: hasValidData ? [
+                        { value: openRate, name: '开放 ' + openData, itemStyle: { color: '#5972C0' } },
+                        { value: 100 - openRate, name: '未开放 ' + closeData, itemStyle: { color: 'rgba(89, 114, 192, 0.5)' } }
+                    ] : [],
+                    silent: !hasValidData // 无数据时禁用交互
+                }],
+                graphic: hasValidData ? [{
+                    type: 'text',
+                    left: 'center',
+                    top: '40%',
+                    style: {
+                        text: '开放率',
+                        font: 'normal 16px sans-serif',
+                        fill: '#333'
+                    }
+                }, {
+                    type: 'text',
+                    left: 'center',
+                    top: '50%',
+                    style: {
+                        text: openRate.toFixed(2) + '%',
+                        font: 'bold 24px sans-serif',
+                        fill: '#333'
+                    }
+                }] : [{
+                    // 无数据时显示提示
+                    type: 'text',
+                    left: 'center',
+                    top: 'center',
+                    style: {
+                        text: '暂无数据',
+                        font: '16px sans-serif',
+                        fill: '#999'
+                    }
+                }]
+            });
+
+            let firstTerminal = 'T1航站楼';
+            let secondTerminal = 'T2航站楼';
+            let terminalName = [firstTerminal, secondTerminal]
+
+            // 安全检查：确保 terminlDetail 存在且为数组
+            let barT1 = this.terminlDetail && Array.isArray(this.terminlDetail)
+                ? this.terminlDetail.filter(item => item.terminlName === firstTerminal)[0]
+                : null;
+            let barT2 = this.terminlDetail && Array.isArray(this.terminlDetail)
+                ? this.terminlDetail.filter(item => item.terminlName === secondTerminal)[0]
+                : null;
+
+            let batT1Open = barT1?.onDutyChannelCount;//T1航站楼开放人数
+            let batT2Open = barT2?.onDutyChannelCount;//T2航站楼开放人数
+            let batT1Close = barT1 ? barT1.channelCount - barT1.onDutyChannelCount : 0;//T1航站楼未开放人数
+            let batT2Close = barT2 ? barT2.channelCount - barT2.onDutyChannelCount : 0;//T2航站楼未开放人数
+            console.log(batT1Open, batT2Open, "batT2Open")
+
+            // 检查条形图数据是否有效
+            const hasBarData = (batT1Open > 0 || batT1Close > 0 || batT2Open > 0 || batT2Close > 0);
+
+            // 通道开放情况正负条形图
+            if (this.currentTab === 'all') {
+                this.barChart1 && this.barChart1.setOption({
+                    tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+                    legend: {
+                        data: ['开放', '未开放'],
+                        top: '15%'
+                    },
+                    grid: {
+                        left: '4%',
+                        right: '4%',
+                        bottom: '4%',
+                        containLabel: true,
+                        backgroundColor: 'transparent'
+                    },
+                    xAxis: {
+                        type: 'value',
+                        axisLine: { show: true },
+                        axisTick: { show: false },
+                        axisLabel: {
+                            show: false,
+                            formatter: function (value) {
+                                return Math.abs(value);
+                            }
+                        },
+                        splitLine: { show: false },
+                        min: function (value) {
+                            return value.min - (value.max - value.min) * 0.3;
+                        },
+                        max: function (value) {
+                            return value.max + (value.max - value.min) * 0.3;
+                        }
+                    },
+                    yAxis: {
+                        type: 'category',
+                        axisLine: { show: false },
+                        axisTick: { show: false },
+                        data: terminalName,
+                        splitLine: { show: false }
+                    },
+                    series: hasBarData ? [
+                        {
+                            name: '开放',
+                            type: 'bar',
+                            data: [-batT1Open, -batT2Open],
+                            stack: 'total',
+                            barWidth: '30%',
+                            itemStyle: { color: '#6E65F1' },
+                            label: {
+                                show: function (params) {
+                                    return Math.abs(params.value) !== 0;
+                                },
+                                position: 'left',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        },
+                        {
+                            name: '未开放',
+                            type: 'bar',
+                            stack: 'total',
+                            barWidth: '30%',
+                            data: [batT1Close, batT2Close],
+                            itemStyle: { color: '#D4D1FB' },
+                            label: {
+                                show: function (params) {
+                                    return Math.abs(params.value) !== 0;
+                                },
+                                position: 'right',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        }
+                    ] : [],
+                    graphic: !hasBarData ? [{
+                        // 无数据时显示提示
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: '暂无数据',
+                            font: '16px sans-serif',
+                            fill: '#999'
+                        }
+                    }] : []
+                });
+            }
+
+
+            let batT1NormalPerson = barT1?.onDutyCount;//T1航站楼在岗人数
+            let batT2NormalPerson = barT2?.onDutyCount;//T2航站楼在岗人数
+            let batT1FreePerson = barT1 ? barT1.openChannelCount - barT1.onDutyCount : 0;//T1航站楼空闲人数
+            let batT2FreePerson = barT2 ? barT2.openChannelCount - barT2.onDutyCount : 0;//T2航站楼空闲人数
+            console.log(batT1NormalPerson, batT2NormalPerson, batT1FreePerson, batT2FreePerson, "batT2NormalPerson")
+            // 检查条形图数据是否有效
+            const hasBar2Data = (batT1NormalPerson > 0 || batT2NormalPerson > 0 || batT1FreePerson > 0 || batT2FreePerson > 0);
+            // 人员情况正负条形图
+            if (this.currentTab === 'all') {
+                this.barChart2 && this.barChart2.setOption({
+                    tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+                    legend: { data: ['在岗人数', '空闲人数'], top: '15%' },
+                    grid: {
+                        left: '4%',
+                        right: '4%',
+                        bottom: '4%',
+                        containLabel: true,
+                        backgroundColor: 'transparent'
+                    },
+                    xAxis: {
+                        type: 'value',
+                        axisLine: { show: true },
+                        axisTick: { show: false },
+                        axisLabel: {
+                            show: false,
+                            formatter: function (value) {
+                                return Math.abs(value);
+                            }
+                        },
+                        splitLine: { show: false },
+                        min: function (value) {
+                            return value.min - (value.max - value.min) * 0.3;
+                        },
+                        max: function (value) {
+                            return value.max + (value.max - value.min) * 0.3;
+                        }
+                    },
+                    yAxis: {
+                        type: 'category',
+                        axisLine: { show: false },
+                        axisTick: { show: false },
+                        data: terminalName,
+                        splitLine: { show: false }
+                    },
+                    series: hasBar2Data ? [
+                        {
+                            name: '在岗人数',
+                            type: 'bar',
+                            data: [-batT1NormalPerson, -batT2NormalPerson],
+                            stack: 'total',
+                            barWidth: '30%',
+                            itemStyle: { color: '#6E65F1' },
+                            label: {
+                                show: true,
+                                position: 'left',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        },
+                        {
+                            name: '空闲人数',
+                            type: 'bar',
+                            stack: 'total',
+                            barWidth: '30%',
+                            data: [batT1FreePerson, batT2FreePerson],
+                            itemStyle: { color: '#D4D1FB' },
+                            label: {
+                                show: true,
+                                position: 'right',
+                                formatter: function (params) {
+                                    return Math.abs(params.value) === 0 ? '' : Math.abs(params.value);
+                                }
+                            }
+                        }
+                    ] : [],
+                    graphic: !hasBar2Data ? [{
+                        // 无数据时显示提示
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: '暂无数据',
+                            font: '16px sans-serif',
+                            fill: '#999'
+                        }
+                    }] : []
+                });
+            }
+
+
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+    padding: 20rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+    background: none !important;
+}
+
+.card-detail {
+    padding: 0;
+    background: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.card-header {
+    font-size: 32rpx;
+    font-weight: bold;
+    margin-bottom: 20rpx;
+    color: #333;
+}
+
+.chart-container {
+    position: relative;
+    height: 300rpx;
+    margin-bottom: 20rpx;
+}
+
+.pie-chart,
+.bar-chart {
+    width: 100% !important;
+    height: 400rpx;
+}
+
+
+
+
+.open-rate {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 28rpx;
+    color: #666;
+}
+
+.detail-content {
+    padding: 20rpx;
+}
+
+.detail-row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10rpx;
+    font-size: 26rpx;
+    color: #666;
+    flex-direction: column;
+
+    .detail-title {
+        margin: 10rpx 0;
+        color: #6E65F1;
+    }
+}
+</style>

src/pages/checklist/components/SelectPerson.vue

@@ -0,0 +1,315 @@
+<template>
+  <view class="select-person-modal">
+    <view class="slot-content" @click.stop="openModal">
+      <slot></slot>
+    </view>
+    <u-popup :show="show" mode="center" :round="8" @close="close">
+      <view class="modal-content">
+        <view class="title">
+          <text>选择人员</text>
+          <u-icon name="close" color="#666666" size="20" @click="close" />
+        </view>
+
+        <view class="title-cell">
+          <SelectData ref="selectData" @search="searchUsers" @searchViewShowEvent="searchViewShowHandler" />
+        </view>
+
+        <view class="title-cell" v-if="!searchViewShow && selectedUsers && selectedUsers.length">
+          <view class="title-text">{{ `已选人员(${selectedUsers.length}人)` }}</view>
+          <list-user :data="selectedUsers" :show-delete="true" @delete="handleRemoveSelectedUser" />
+        </view>
+
+        <view class="title-cell" v-if="searchViewShow">
+          <view style="margin-bottom: 15px;" v-if="addUsers && addUsers.length">
+            <view class="title-text">
+              {{ `添加人员(${addUsers.length}人)` }}
+            </view>
+            <list-user :data="addUsers" :show-delete="true" @delete="handleRemoveAddUser" />
+          </view>
+
+          <view class="title-text">
+            {{ `搜索结果(${searchResults.length}人)` }}
+          </view>
+          <list-user v-if="searchResults && searchResults.length" :data="searchResults" :show-delete="false"
+            @delete="handleRemoveSearchResult" @click="handleSearchResultClick" />
+          <view v-else class="empty">
+            <text v-if="searchKeyword">暂无搜索结果</text>
+            <text v-else>请输入关键词搜索</text>
+          </view>
+        </view>
+
+        <view class="footer-btn">
+          <view v-if="searchViewShow" class="custom-btn-normal" @click="appendUsers"
+            :class="{ disabled: addUsers.length === 0 }">添加人员</view>
+          <view v-else class="custom-btn-normal" @click="confirmSelection"
+            :class="{ disabled: selectedUsers.length === 0 }">确认选择</view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import SelectData from '@/pages/attendance/components/SelectData'
+import UserAvatar from '@/pages/attendance/components/UserAvatar'
+import { formatName } from '@/utils/formatUtils'
+import {
+  getUserList,
+} from "@/api/attendance/attendance"
+export default {
+  components: { SelectData, UserAvatar },
+  props: {
+    // 初始选中的人员列表
+    value: {
+      type: Array,
+      default: () => []
+    },
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    // 占位符文本
+    placeholder: {
+      type: String,
+      default: '点击选择人员'
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+      selectedUsers: [], // 选中的人员
+      searchResults: [], // 搜索结果
+      addUsers: [], // 待添加的人员
+      searchViewShow: false,
+      searchKeyword: ''
+    }
+  },
+  watch: {
+    value: {
+      handler(newValue) {
+        this.selectedUsers = [...newValue]
+      },
+      immediate: true
+    },
+    show(newValue) {
+      if (newValue) {
+        this.searchViewShow = false
+        this.searchResults = []
+        this.addUsers = []
+        this.searchKeyword = ''
+        if (this.$refs.selectData) {
+          this.$refs.selectData.clearInput()
+        }
+      }
+    }
+  },
+  methods: {
+    openModal() {
+      if (this.disabled) return
+      this.show = true
+    },
+    close() {
+      this.show = false
+    },
+
+    searchViewShowHandler(show) {
+      this.searchViewShow = show || this.addUsers.length
+    },
+
+    // 搜索用户
+    async searchUsers(keyword) {
+   
+      this.searchKeyword = keyword.trim()
+      if (!this.searchKeyword) {
+        this.searchResults = []
+        return
+      }
+
+      try {
+        const response = await getUserList({
+          nickName: this.searchKeyword,
+          status: '0'
+        })
+        
+
+        if (response && response.code === 200) {
+          this.searchResults = (response.rows || []).map(item => ({
+            ...item,
+            nickName: formatName(item.nickName),
+            // 确保包含部门信息
+            deptName: item.dept?.deptName || item.deptName || ''
+          }))
+        } else {
+          this.searchResults = []
+          uni.showToast({
+            title: '搜索失败，请重试',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      } catch (error) {
+        this.searchResults = []
+        uni.showToast({
+          title: '搜索失败，请重试',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    },
+
+    // 选择待添加人员
+    selectAddUser(user) {
+      const index = this.addUsers.findIndex(item => item.userId === user.userId)
+      if (index >= 0) {
+        this.addUsers.splice(index, 1)
+      } else {
+        this.addUsers.push(user)
+      }
+    },
+
+    // 添加人员到选中列表
+    appendUsers() {
+      if (this.addUsers.length) {
+        this.addUsers.forEach(user => {
+          // 确保添加的人员数据包含部门信息
+          const userWithDept = {
+            ...user,
+            dept_name: user.dept?.deptName || user.deptName || ''
+          };
+          this.selectUser(userWithDept, false)
+        })
+        this.addUsers = []
+        this.searchViewShow = false
+        if (this.$refs.selectData) {
+          this.$refs.selectData.clearInput()
+        }
+      }
+    },
+
+    // 移除选中人员
+    removeSelectedUser(user, onlyCheck = false) {
+      const index = this.selectedUsers.findIndex(item => item.userId === user.userId)
+      if (index >= 0) {
+        if (!onlyCheck) {
+          this.selectedUsers.splice(index, 1)
+        }
+        return undefined
+      }
+      return user
+    },
+
+    // 处理删除已选人员
+    handleRemoveSelectedUser({ deletedItem, index, newData }) {
+      this.selectedUsers = newData
+    },
+
+    // 处理删除待添加人员
+    handleRemoveAddUser({ deletedItem, index, newData }) {
+      this.addUsers = newData
+    },
+
+    // 处理删除搜索结果（虽然不应该有删除操作，但为了完整性）
+    handleRemoveSearchResult({ deletedItem, index, newData }) {
+      this.searchResults = newData
+    },
+
+    // 选择人员处理
+    selectUser(user, unique = true) {
+      const addItem = this.removeSelectedUser(user, !unique)
+      if (addItem) {
+        this.selectedUsers.push(addItem)
+      }
+    },
+
+    // 确认选择
+    confirmSelection() {
+      if (this.selectedUsers.length === 0) {
+        uni.showToast({
+          title: '请选择至少一位人员',
+          icon: 'none'
+        })
+        return
+      }
+
+    
+      this.$emit('change', this.selectedUsers)
+      this.$emit('confirm', this.selectedUsers)
+
+      this.show = false
+
+      uni.showToast({
+        title: `已选择${this.selectedUsers.length}人`,
+        icon: 'success',
+        duration: 1500
+      })
+    },
+
+    // 处理搜索结果点击
+    handleSearchResultClick({ clickedItem, index, data }) {
+      if (clickedItem) {
+        this.selectAddUser(clickedItem)
+      }
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.select-person-modal {
+  .slot-content {
+    display: inline-block;
+  }
+
+  .empty {
+    text-align: center;
+    padding: 20px;
+    color: #999;
+    font-size: 14px;
+  }
+
+  .modal-content {
+    width: 90vw;
+    max-height: 75vh;
+    padding: 10px 0;
+    overflow-y: auto;
+
+    .title {
+      height: 24px;
+      font-weight: 400;
+      font-size: 18px;
+      color: #333333;
+      line-height: 21px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    .title-cell {
+      padding: 15px;
+
+      .title-text {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 12px;
+      }
+    }
+
+    .footer-btn {
+      padding: 15px;
+      border-top: 1px solid #f0f0f0;
+
+
+    }
+  }
+}
+</style>

src/pages/checklist/components/SubmitResult.vue

@@ -0,0 +1,121 @@
+<template>
+    <u-popup ref="popup" :show="showPopup" mode="center" :mask-close-able="false" :round="16">
+        <view class="submit-result-modal">
+            <!-- 成功图片 -->
+            <image src="/static/images/submitOK.png" class="success-image" mode="aspectFit" />
+
+            <!-- 成功提示文字 -->
+            <text class="success-text">提交成功</text>
+
+            <!-- 按钮区域 -->
+            <view class="button-group">
+                <view class="custom-btn-white" @click="handleBackToList">
+                    返回列表
+                </view>
+                <view class="custom-btn-normal" @click="handleContinueSubmit">
+                    继续提交
+                </view>
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script>
+export default {
+    name: 'SubmitResult',
+    data() {
+        return {
+            showPopup: false
+        };
+    },
+    methods: {
+        // 打开模态框
+        open() {
+            this.showPopup = true;
+        },
+
+        // 关闭模态框
+        close() {
+            this.showPopup = false;
+        },
+
+        // 返回列表
+        handleBackToList() {
+            this.close();
+           
+            uni.navigateBack({ delta: 1 });
+        },
+
+        // 继续提交
+        handleContinueSubmit() {
+            this.close();
+            // 触发继续提交事件
+            this.$emit('continue-submit');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.submit-result-modal {
+    background: #ffffff;
+    border-radius: 16rpx;
+    padding: 60rpx 40rpx 40rpx;
+    width: 560rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.success-image {
+    width: 400rpx;
+    height: 400rpx;
+    margin-bottom: 32rpx;
+}
+
+.success-text {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: #333333;
+    margin-bottom: 48rpx;
+    text-align: center;
+}
+
+.button-group {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    gap: 20rpx;
+}
+
+.btn {
+    flex: 1;
+    height: 80rpx;
+    border-radius: 12rpx;
+    font-size: 28rpx;
+    font-weight: 500;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-primary {
+    background: #2979FF;
+    color: #ffffff;
+}
+
+.btn-primary:active {
+    background: #1E62D9;
+}
+
+.btn-secondary {
+    background: #F2F2F2;
+    color: #666666;
+    border: 1px solid #E0E0E0;
+}
+
+.btn-secondary:active {
+    background: #E8E8E8;
+}
+</style>

src/pages/checklist/components/unqualified.vue

@@ -0,0 +1,215 @@
+<template>
+  <view class="unqualified-container">
+    <!-- 头部标题和加号 -->
+    <template v-if="formData.checkedLevel !== 'PERSONNEL_LEVEL'">
+      <view class="header">
+        <text class="title">不合格人员</text>
+        <!-- 人员选择组件，加号放在插槽中 -->
+        <SelectPerson ref="selectPerson" :value="localPersonnelData" @input="handlePersonnelSelect" :disabled="disabled"
+          @confirm="handlePersonnelConfirm">
+          <uni-icons type="plus" size="24" :color="disabled ? '#999' : '#409EFF'" class="add-icon" />
+        </SelectPerson>
+      </view>
+
+      <!-- 人员列表 -->
+      <view class="personnel-list" v-if="localPersonnelData && localPersonnelData.length > 0">
+        <list-user :data="localPersonnelData" :show-delete="showDelete" @delete="handlePersonnelDelete"
+          :disabled="disabled" />
+      </view>
+
+      <view class="empty-tip" v-else>
+        <text>暂无不合格人员</text>
+      </view>
+    </template>
+
+    <!-- 问题描述输入框 -->
+    <view class="problem-input">
+      <uni-easyinput type="textarea" :placeholder="placeholder" v-model="problemDescription" @input="handleProblemInput"
+        :maxlength="-1" :autoHeight="true" :disabled="disabled" />
+    </view>
+  </view>
+</template>
+
+<script>
+import ListUser from '@/components/list-user/list-user.vue'
+import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
+import uniEasyinput from '@/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue'
+import SelectPerson from './SelectPerson.vue'
+
+export default {
+  name: 'UnqualifiedPersonnel',
+  components: {
+    ListUser,
+    uniIcons,
+    uniEasyinput,
+    SelectPerson
+  },
+  props: {
+    formData: {
+      type: Object,
+      default: () => { }
+    },
+    roles: {
+      type: Array,
+      default: () => []
+    },
+    // 人员数据
+    personnelData: {
+      type: Array,
+      default: () => []
+    },
+    // 是否显示删除按钮
+    showDelete: {
+      type: Boolean,
+      default: true
+    },
+    // 问题描述
+    value: {
+      type: String,
+      default: ''
+    },
+    // 输入框占位符
+    placeholder: {
+      type: String,
+      default: '请输入问题描述'
+    },
+    // 父项目索引
+    parentIndex: {
+      type: Number,
+      default: -1
+    },
+    // 子项目索引
+    childIndex: {
+      type: Number,
+      default: -1
+    },
+    // 禁用状态
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      problemDescription: this.value,
+      localPersonnelData: [...this.personnelData] // 创建本地副本
+    }
+  },
+  watch: {
+    value(newVal) {
+      this.problemDescription = newVal
+    },
+    personnelData(newVal) {
+      // 当父组件更新personnelData时，同步更新本地数据
+      this.localPersonnelData = [...newVal]
+    }
+  },
+  methods: {
+    // 处理人员选择
+    handlePersonnelSelect(selectedUsers) {
+      this.localPersonnelData = [...selectedUsers]
+
+      this.emitPersonnelChange()
+    },
+
+    // 回显 不合格人员
+    handlePersonnelConfirm(selectedUsers) {
+      this.localPersonnelData = [...selectedUsers]
+      this.emitPersonnelChange()
+    },
+
+
+
+    // 处理人员删除
+    handlePersonnelDelete({ item, index, newData }) {
+      this.localPersonnelData.splice(index, 1)
+
+      this.emitPersonnelChange()
+    },
+
+    // 处理问题描述输入
+    handleProblemInput(value) {
+      this.problemDescription = value
+
+      this.emitPersonnelChange()
+    },
+
+    // 向外传递完整的对象
+    emitPersonnelChange() {
+      let personnelData = this.localPersonnelData.map(item => ({
+        ...item,
+        userName: item.nickName
+      }))
+      const changeData = {
+        parentIndex: this.parentIndex,
+        childIndex: this.childIndex,
+        personnelData: [...personnelData],
+        problemDescription: this.problemDescription
+      }
+      this.$emit('personnel-change', changeData)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.unqualified-container {
+  background: #F5F5F5;
+  border-radius: 12rpx;
+  padding: 32rpx;
+  margin: 24rpx 0;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24rpx;
+
+  .title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333333;
+    line-height: 44rpx;
+  }
+
+  .add-icon {
+    padding: 8rpx;
+    background: #FFFFFF;
+    border-radius: 50%;
+    box-shadow: 0 4rpx 12rpx rgba(64, 158, 255, 0.3);
+    cursor: pointer;
+  }
+}
+
+.personnel-list {
+  margin-bottom: 24rpx;
+}
+
+.empty-tip {
+  text-align: center;
+  padding: 48rpx 0;
+  color: #999999;
+  font-size: 28rpx;
+}
+
+.problem-input {
+  ::v-deep .uni-easyinput__content {
+    background: #FFFFFF;
+    border-radius: 12rpx;
+    padding: 24rpx;
+    min-height: 120rpx;
+  }
+
+  ::v-deep .uni-textarea-textarea {
+    font-size: 28rpx;
+    line-height: 40rpx;
+    color: #333333;
+  }
+
+  ::v-deep .uni-easyinput__placeholder {
+    color: #999999;
+    font-size: 28rpx;
+  }
+}
+</style>

src/pages/checklist/index.vue

@@ -0,0 +1,881 @@
+<template>
+    <home-container>
+        <view class="report-container">
+            <!-- 表单区域 -->
+            <uni-forms ref="form" :rules="rules" :modelValue="formData" label-position="top" err-show-type="modal">
+                <!-- 基本信息分组 (默认展开) -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group1']">
+                        <h-collapse-item name="group1" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/jiben.png'" :title="'基本信息'">
+                            <uni-forms-item label="任务编号" name="taskCode">
+                                <uni-easyinput v-model="formData.taskCode" placeholder="系统自动生成"
+                                    :disabled="true"></uni-easyinput>
+                            </uni-forms-item>
+                            <uni-forms-item label="检查人" name="checkerName">
+                                <uni-easyinput v-model="formData.checkerName" placeholder="请输入检查人姓名" :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item label="执行频率" name="frequency">
+                                <uni-easyinput :value="`${formData.ruleTypeDesc}${formData.ruleTypeNum}次`"
+                                    placeholder="请输入执行频率" :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item label="任务简介" name="description">
+                                <uni-easyinput type="textarea" v-model="formData.description" placeholder="请输入任务简介"
+                                    :disabled="true" />
+                            </uni-forms-item>
+                            <uni-forms-item :label="getCheckLabel" name="checkedDepartmentId" required>
+                                <uni-data-picker v-if="getCheckLabel == '被检查科'" :localdata="departments"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedDepartmentId"
+                                    @change="handlecheckedDepartmentIdChange" :readonly="formDisabled" />
+                                <uni-data-picker v-if="getCheckLabel == '被检查班组'" :localdata="teams"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedTeamId"
+                                    @change="handlecheckedTeamIdChange" :readonly="formDisabled" />
+                                <fuzzy-select v-if="getCheckLabel == '被检查人'" v-model="formData.checkedPersonnelId"
+                                    :options="userOptions" placeholder="请输入被检查人姓名搜索" data-value="userId"
+                                    data-text="nickName" @change="handleCheckedSelect" :disabled="formDisabled" />
+                            </uni-forms-item>
+                            <uni-forms-item label="检查地点" name="checkLocation" required>
+                                <uni-data-picker :localdata="location_options" popup-title="请选择检查地点"
+                                    v-model="formData.checkLocation" @change="handleCheckLocationChange"
+                                    :readonly="formDisabled" />
+                            </uni-forms-item>
+                            <uni-forms-item label="检查时间" name="checkTime" required>
+                                <uni-datetime-picker type="datetime" :start="startDate" v-model="formData.checkTime"
+                                    :disabled="formDisabled" />
+                            </uni-forms-item>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 巡检项目分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group2']">
+                        <h-collapse-item title="巡检项目" name="group2" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/xunjian.png'" ref="xunjianCollapseItem">
+                            <view style="padding: 0 15px 15px 15px;">
+                                <!-- 巡检项目描述卡片 -->
+                                <list-card v-for="(item, index) in formData.checkProjectItemList" :key="item.id">
+                                    <template #title>
+                                        <view class="item-title">
+                                            {{ item.categoryNameOne }}/{{ item.categoryNameTwo }}
+                                        </view>
+                                    </template>
+                                    <view v-for="(ele, i) in item.children" :key="ele.id">
+                                        <view class="list-row-space-between">
+                                            <view class="list-label">
+                                                {{ ele.projectName }}
+                                            </view>
+                                            <view class="list-value">
+                                                <TextSwitch class="text-switch" v-model="ele.scoreLevel"
+                                                    uncheck_text="不符合" uncheck_value="UNQUALIFIED" checked_text="符合"
+                                                    checked_value="QUALIFIED" :disabled="formDisabled" />
+                                            </view>
+                                        </view>
+                                        <!-- 不合格人员组件 -->
+                                        <view v-if="ele.scoreLevel == 'UNQUALIFIED'">
+                                            <unqualified-personnel v-model="ele.problemDescription" :formData="formData"
+                                                :personnel-data="ele.checkUserList || []" :parent-index="index"
+                                                :child-index="i" @personnel-change="handlePersonnelChange"
+                                                :disabled="formDisabled" />
+                                        </view>
+                                    </view>
+                                </list-card>
+
+
+                                <!-- 不合格图片上传 -->
+                                <view class="upload-section" v-if="!allItemsQualified">
+                                    <text class="upload-title">上传不合格图片</text>
+                                    <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张"
+                                        :image-styles="imageStyles" fileMediatype="image" mode="grid" @select="onSelect"
+                                        :disabled="formDisabled" />
+                                </view>
+                            </view>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 整改要求分组 -->
+                <view class="card" v-if="rectificationSuggestionsRequired">
+                    <uni-collapse :accordion="false" :value="['group3']">
+                        <h-collapse-item title="整改要求" name="group3" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/zhenggai.png'">
+                            <uni-forms-item label="责任人" name="responsibleUserId" required>
+                                <fuzzy-select v-model="formData.responsibleUserId" :options="userOptions"
+                                    placeholder="请输入责任人姓名搜索" data-value="userId" data-text="nickName"
+                                    @change="handleUserSelect" :disabled="formDisabled" />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改期限" name="rectificationDeadline" required>
+                                <uni-datetime-picker type="datetime" :start="startDate"
+                                    v-model="formData.rectificationDeadline" :disabled="formDisabled" />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改要求" name="rectificationSuggestions" required>
+                                <uni-easyinput type="textarea" v-model="formData.rectificationSuggestions"
+                                    placeholder="请输入整改要求" :disabled="formDisabled" />
+                            </uni-forms-item>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 提交按钮 -->
+                <view class="button-group" v-if="formData.checkRecordStatus == 'DRAFT' || type == 'task'">
+                    <view class="custom-btn-white" @click="saveDraft">保存草稿</view>
+                    <view class="custom-btn-normal" @click="submitForm">立刻提交</view>
+                </view>
+            </uni-forms>
+        </view>
+
+        <SubmitResult ref="submitResult" @continue-submit="handleContinueSubmit" />
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { getCheckTask } from "@/api/check/checkTask.js"
+import TextSwitch from "@/components/text-switch/text-switch.vue"
+import { checkedLevelEnums } from "@/utils/enums.js"
+import UnqualifiedPersonnel from "./components/unqualified.vue"
+import { treeSelectByType } from "@/api/system/common"
+import { buildTeamOptions, uploadFile, buildDepartmentOptions } from '@/utils/common'
+import useDictMixin from '@/utils/dict'
+import { addDraftInspection, submitInspection, getInspectionListById } from '@/api/check/checkReward.js'
+import SubmitResult from './components/SubmitResult.vue'
+import { selectDeptLeaderByUserId } from '@/api/approve/approve.js'
+import config from '@/config'
+import { getToken } from '@/utils/auth'
+import { listAllUser } from "@/api/system/user.js"
+import { formatTime } from '@/utils/formatUtils'
+import { getDeptList, getDeptManager } from "@/api/system/dept/dept.js"
+import FuzzySelect from "@/components/fuzzy-select/fuzzy-select.vue"
+export default {
+    components: { HomeContainer, ListCard, TextSwitch, UnqualifiedPersonnel, FuzzySelect, SubmitResult },
+    mixins: [useDictMixin],
+    computed: {
+        currentUser() {
+            return this.$store.state.user;
+        },
+        notkezhang() {
+            let roles = this.$store.state.user.roles
+            return !roles || !roles.includes('kezhang')
+        },
+        roles() {
+            return this.$store.state.user.roles
+        },
+        rectificationSuggestionsRequired() {
+            let res = this.formData.checkProjectItemList || []
+            if (res.length == 0) {
+                return false
+            }
+            return res.some(item => {
+                return item.children.some(child => child.scoreLevel == 'UNQUALIFIED')
+            })
+        },
+        // 判断是否所有检查项都符合
+        allItemsQualified() {
+            let res = this.formData.checkProjectItemList || []
+            if (res.length == 0) {
+                return false
+            }
+            return res.every(item => {
+                return item.children.every(child => child.scoreLevel == 'QUALIFIED')
+            })
+        },
+        formDisabled() {
+            return this.formData.checkRecordStatus != 'DRAFT' && this.type == 'document'
+        },
+        getCheckLabel() {
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                return '被检查班组'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                this.getDeptLeader()
+                return '被检查人'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.DEPARTMENT_LEVEL) {
+                return '被检查科'
+            }
+        },
+        // 验证规则
+        rules() {
+            let changeRule = {}
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                changeRule = {
+                    checkedTeamId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查班组' }]
+                    }
+                }
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                changeRule = {
+                    checkedUserId: {
+                        rules: [{ required: true, errorMessage: '请选择被检查人' }]
+                    }
+                }
+            }
+            return {
+                ...changeRule,
+                checkLocation: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: '请选择检查地点'
+                        },
+                        {
+                            validateFunction: (rule, value, data, callback) => {
+                                if (!value) {
+                                    // 检查是否选择了完整的检查地点（终端、区域、通道）
+                                    callback('请选择完整的检查地点');
+                                } else {
+                                    callback();
+                                }
+                            }
+                        }
+                    ]
+                },
+                checkTime: {
+                    rules: [{ required: true, errorMessage: '请选择检查时间' }]
+                },
+                responsibleUserId: {
+                    rules: [{ required: true, errorMessage: '请输入责任人姓名' }]
+                },
+                rectificationDeadline: {
+                    rules: [{ required: true, errorMessage: '请选择整改期限' }]
+                },
+                rectificationSuggestions: {
+                    rules: [{ required: true, errorMessage: '请输入整改要求' }]
+                }
+            }
+        },
+    },
+    data() {
+        return {
+            teams: [],//被检查班组选项
+            departments: [],//被检查科选项
+            userOptions: [],//全部的人
+            checkcheckedTeamIdOptions: [],
+            // 表单数据
+            formData: {
+                // 基本信息
+                checkerName: '',
+                checkerId: '',
+                frequency: '',
+                problemDescription: '',
+                checkedTeamId: '',
+                checkLocation: '',
+                checkTime: formatTime(new Date(), 'YYYY-MM-DD hh:mm:ss'),
+
+                // 巡检项目
+                baseAttachmentList: [],
+                // 整改要求
+                responsibleUserId: '',
+                rectificationDeadline: '',
+                rectificationSuggestions: ''
+            },
+
+            location_options: [],
+            // 其他数据
+            startDate: '2020-01-01',
+
+            imageStyles: {
+                width: 80,
+                height: 80,
+                border: {
+                    color: '#eee',
+                    width: '1px',
+                    style: 'solid'
+                }
+            },
+            taskId: '',
+            type: '',
+            deptTree: [],
+            //被检查人的对象，在检查级别为班组的时候，需要塞到checkUserList里传给后端
+            checkedUserObj: {}
+        }
+    },
+    onLoad(options) {
+
+        this.taskId = options.id; // 获取路由参数中的id
+        this.type = options.type; // 获取路由参数中的type
+
+        this.initPageData();
+    },
+    mounted() {
+
+
+    },
+    methods: {
+        getDeptLeader() {
+            selectDeptLeaderByUserId({
+                userId: this.currentUser.id,
+                deptType: 'DEPARTMENT'
+            }).then(res => {
+
+                if (res.code == 200) {
+                    this.formData.responsibleUserId = res.data.userId;
+                    this.formData.responsibleUserName = res.data.nickName;
+                }
+            })
+        },
+        // 被检查人选择
+        handleCheckedSelect(e) {
+            this.formData.checkedPersonnelId = e;
+            let checkedUser = this.userOptions.find(item => item.userId == e);
+            this.formData.checkedPersonnelName = checkedUser?.nickName;
+            this.checkedUserObj = checkedUser;
+        },
+        // 继续提交
+        handleContinueSubmit() {
+            // 清空表单数据
+            this.formData.checkedTeamId = '';
+            this.formData.checkLocation = [];
+            this.formData.checkTime = '';
+
+            // 清空巡检项目数据
+            if (this.formData.checkProjectItemList && this.formData.checkProjectItemList.length > 0) {
+                this.formData.checkProjectItemList.forEach(group => {
+                    if (group.children && group.children.length > 0) {
+                        group.children.forEach(ele => {
+                            // 清空检查人员列表
+                            ele.checkUserList = [];
+                            // 将评分等级设置为符合
+                            ele.scoreLevel = 'QUALIFIED';
+                        });
+                    }
+                });
+            }
+
+            // 清空附件列表
+            this.formData.baseAttachmentList = [];
+
+            // 清空整改要求数据
+            this.formData.responsibleUserId = '';
+            this.formData.rectificationDeadline = '';
+            this.formData.rectificationSuggestions = '';
+
+            // 重置相关字段
+            this.formData.checkedTeamName = '';
+            this.formData.responsibleUserName = '';
+            this.formData.terminlName = '';
+            this.formData.terminlCode = '';
+            this.formData.regionalName = '';
+            this.formData.regionalCode = '';
+            this.formData.channelName = '';
+            this.formData.channelCode = '';
+
+            console.log('表单已清空，可以继续提交新数据');
+        },
+        // 检查地点选择
+        handleCheckLocationChange(e) {
+            let res = e.detail.value;
+            this.formData.terminlName = res[0]?.text;
+            this.formData.terminlCode = res[0]?.value;
+            this.formData.regionalName = res[1]?.text;
+            this.formData.regionalCode = res[1]?.value;
+            this.formData.channelName = res[2]?.text;
+            this.formData.channelCode = res[2]?.value;
+        },
+        // 检查科/班组选择
+        handlecheckedTeamIdChange(e) {
+            const { text, value } = e.detail.value[0];
+            let newText = text.split('/')
+            this.$set(this.formData, 'checkedTeamName', newText[newText.length - 1]);
+
+            // 在树状结构中查找指定id的上一级id
+            const findParentIdInTree = (tree, targetId, parent = null) => {
+                for (const node of tree) {
+                    // 如果当前节点就是目标节点，返回父级信息
+                    if (node.id === targetId) {
+                        return parent ? {
+                            label: parent.label,
+                            id: parent.id
+                        } : null;
+                    }
+                    // 如果当前节点有子节点，递归查找
+                    if (node.children && node.children.length > 0) {
+                        const result = findParentIdInTree(node.children, targetId, node);
+                        if (result !== null) {
+                            return result;
+                        }
+                    }
+                }
+                return null;
+            };
+
+
+
+            // 直接从teams数据中查找
+            const { label, id } = findParentIdInTree(this.deptTree, value);
+
+
+            // 如果有找到上一级DEPARTMENT对象，可以在这里使用它
+            if (label && id) {
+                // 可以根据需要将部门信息设置到formData中
+                this.$set(this.formData, 'checkedDepartmentId', id);
+                this.$set(this.formData, 'checkedDepartmentName', label.trim());
+            } else {
+                console.log('未找到符合条件的上一级DEPARTMENT对象');
+            }
+
+            getDeptManager(value).then(res => {
+                console.log(res?.data?.userId, "111res")
+                this.$set(this.formData, 'responsibleUserId', res?.data?.userId || '');
+                this.$set(this.formData, 'responsibleUserName', res?.data?.nickName || '');
+            })
+        },
+        // 检查科选择
+        handlecheckedDepartmentIdChange(e) {
+
+            const { text, value } = e.detail.value[0];
+
+            let newText = text.split('/')
+            this.$set(this.formData, 'checkedDepartmentName', newText[newText.length - 1].trim());
+            getDeptManager(value).then(res => {
+                console.log(res?.data?.userId, "111res")
+                this.$set(this.formData, 'responsibleUserId', res?.data?.userId || '');
+                this.$set(this.formData, 'responsibleUserName', res?.data?.nickName || '');
+            })
+        },
+        // 加载字典数据
+        async loadDictData() {
+            const user = await listAllUser();
+            this.userOptions = user.data.map(item => ({
+                ...item,
+                nickName: `${item.nickName}(${item.userName})`,
+            })) || [];
+            const deptTree = await getDeptList();
+            this.deptTree = deptTree.data || [];
+            this.teams = buildTeamOptions(deptTree.data || []);
+            this.departments = buildDepartmentOptions(deptTree.data || []);
+            console.log(this.departments, "this.departments")
+            const [positionRes] = await Promise.all([
+                treeSelectByType("POSITION", 3),
+            ]);
+
+            const convertTree = (list = []) =>
+                list.map(node => ({
+                    text: node.label,
+                    value: node.code,
+                    children: node.children ? convertTree(node.children) : null
+                }))
+
+            this.location_options = convertTree(positionRes.data || []);
+            // console.log(this.location_options, this.teams)
+            const dict = await this.useDict('check_checked_level');
+            this.checkcheckedTeamIdOptions = dict.check_checked_level || [];
+        },
+        async initPageData() {
+            try {
+                uni.showLoading({ title: '加载中...', mask: true });
+
+                // 如果有任务ID，获取巡检任务详情
+                if (this.taskId) {
+                    //如果是任务就调任务的详情接口，如果是检查单就调用检查单的接口
+                    let api = this.type === 'task' ? getCheckTask : getInspectionListById;
+                    const inspectionDetail = await api(this.taskId);
+                    this.fillFormData(inspectionDetail);
+                }
+                await this.loadDictData();
+
+                // // 获取部门列表
+                // const deptTree = await getDeptList();
+                // this.teams = this.buildDepartmentOptions(deptTree.data || []);
+
+                // // 获取位置列表
+                // const positionRes = await treeSelectByType("POSITION", 3);
+                // this.location_options = this.convertTree(positionRes.data || []);
+
+                uni.hideLoading();
+            } catch (err) {
+                uni.hideLoading();
+                uni.showToast({ title: '加载失败', icon: 'none' });
+                console.error('初始化数据失败:', err);
+            }
+        },
+        // buildDepartmentOptions(tree = []) {
+        //     const result = [];
+
+        //     function dfs(node, path = []) {
+        //         const currentPath = [...path, node.label];
+        //         // 如果是部门或班组节点
+        //         if (node.deptType === 'DEPARTMENT' || node.deptType === 'TEAMS') {
+        //             result.push({
+        //                 text: currentPath.join(' / '),
+        //                 value: node.id
+        //             });
+        //         }
+        //         // 继续递归子节点
+        //         if (node.children && Array.isArray(node.children)) {
+        //             node.children.forEach(child => dfs(child, currentPath));
+        //         }
+        //     }
+
+        //     tree.forEach(root => dfs(root));
+        //     return result;
+        // },
+        convertTree(list = []) {
+            return list.map(node => ({
+                text: node.label,
+                value: node.code,
+                children: node.children ? this.convertTree(node.children) : null
+            }));
+        },
+        // 选择文件后手动上传
+        async onSelect(event) {
+            const file = await uploadFile(event);
+            console.log(file, "file", this.formData)
+
+            this.formData.baseAttachmentList.push({
+                url: file.url,
+                name: file.newFileName,
+                attachmentName: file.newFileName,
+                attachmentUrl: file.url,
+                extname: file.newFileName.split('.').pop()
+            });
+        },
+        // 填充表单数据
+        fillFormData(inspectionDetail) {
+            if (!inspectionDetail || !inspectionDetail.data) return;
+
+            const data = inspectionDetail.data;
+
+            // 计算当前时间加4天
+            const currentDate = new Date();
+            currentDate.setDate(currentDate.getDate() + 4);
+            const fourDaysLater = currentDate.toISOString().replace('T', ' ').substring(0, 19);
+
+            // 按categoryCodeOne和categoryCodeTwo分组处理checkProjectItemList
+            const groupedCheckProjectItemList = data.checkProjectItemList && data.checkProjectItemList.reduce((groups, item) => {
+                const groupKey = `${item.categoryCodeOne}_${item.categoryCodeTwo}`;
+                if (!groups[groupKey]) {
+                    groups[groupKey] = {
+                        categoryCodeOne: item.categoryCodeOne,
+                        categoryCodeTwo: item.categoryCodeTwo,
+                        categoryNameOne: item.categoryNameOne,
+                        categoryNameTwo: item.categoryNameTwo,
+                        children: []
+                    };
+                }
+                groups[groupKey].children.push({
+                    ...item,
+                    scoreLevel: item.scoreLevel || 'QUALIFIED'
+                });
+                return groups;
+            }, {});
+
+            // 将分组对象转换为数组
+            const checkProjectItemListArray = groupedCheckProjectItemList ? Object.values(groupedCheckProjectItemList) : [];
+
+            // 填充基本信息
+            this.formData = {
+                ...data,
+                checkTime: data.checkTime || formatTime(new Date(), 'YYYY-MM-DD hh:mm:ss'),
+                checkerName: this.currentUser.userInfo.nickName || this.currentUser.userInfo.userName || '',
+                checkerId: this.currentUser.userInfo.userId || '',
+                rectificationDeadline: fourDaysLater,
+                baseAttachmentList: (data.baseAttachmentList && data.baseAttachmentList.map(item => ({
+                    ...item,
+                    url: item.attachmentUrl,
+                    name: item.attachmentName,
+                    extname: item.extname
+                }))) || [],
+                checkedTeamId: Number(data.checkedTeamId),
+                checkLocation: [{ text: data.terminlName, value: data.terminlCode }, { text: data.regionalName, value: data.regionalCode }, { text: data.channelName, value: data.channelCode }],
+                checkProjectItemList: checkProjectItemListArray
+            }
+
+
+
+            console.log(this.formData, "this.formData回显")
+        },
+
+        // 处理添加不合格人员
+        handleAddPersonnel(index) {
+            console.log('添加不合格人员，项目索引:', index);
+
+            this.$nextTick(() => {
+                this.$refs.xunjianCollapseItem.updateCollapseHeight();
+            })
+            // 这里可以打开人员选择弹窗或跳转到人员选择页面
+            uni.showToast({ title: '打开人员选择', icon: 'none' });
+        },
+
+        // 处理人员数据变更
+        handlePersonnelChange(changeData) {
+            const { parentIndex, childIndex, personnelData, problemDescription } = changeData;
+            console.log(personnelData, "personnelData")
+            if (parentIndex >= 0 && childIndex >= 0 &&
+                this.formData.checkProjectItemList &&
+                this.formData.checkProjectItemList[parentIndex] &&
+                this.formData.checkProjectItemList[parentIndex].children &&
+                this.formData.checkProjectItemList[parentIndex].children[childIndex]) {
+
+                // 更新对应子项目的检查人员列表和任务简介
+                this.formData.checkProjectItemList[parentIndex].children[childIndex].checkUserList = personnelData;
+                this.formData.checkProjectItemList[parentIndex].children[childIndex].problemDescription = problemDescription;
+                console.log('更新不合格人员数据:', parentIndex, childIndex, personnelData, problemDescription);
+            }
+        },
+
+        // 处理用户选择
+        handleUserSelect(value) {
+
+            const selectedUser = this.userOptions.find(user => user.userId === value);
+
+            if (selectedUser) {
+                this.formData.responsibleUserId = selectedUser.userId;
+                this.formData.responsibleUserName = selectedUser.nickName;
+            }
+        },
+        formateData() {
+            let checkedUserObj = {}
+            if (JSON.stringify(this.checkedUserObj) !== '{}') {
+                checkedUserObj = {
+                    ...this.checkedUserObj,
+                    userName: this.checkedUserObj.nickName.split('(')[0] || '',
+                }
+            }
+
+
+            const originalCheckProjectItemList = this.formData.checkProjectItemList
+                ? this.formData.checkProjectItemList.flatMap(group =>
+                    group.children.map(child => ({
+                        ...child,
+                        categoryCodeOne: group.categoryCodeOne,
+                        categoryCodeTwo: group.categoryCodeTwo,
+                        categoryNameOne: group.categoryNameOne,
+                        categoryNameTwo: group.categoryNameTwo,
+                        //如果是班组，自动赋值被检查人给checkUserList
+                        ...(this.formData.checkLevel == 'TEAM_LEVEL' && child.scoreLevel == "UNQUALIFIED" ? { checkUserList: [checkedUserObj] } : {}),
+                    }))
+                )
+                : [];
+
+            let payload = {
+                ...this.formData,
+                checkedTeamName: (this.formData.checkedTeamName|| '').trim() ,
+                checkProjectItemList: originalCheckProjectItemList
+            };
+
+            delete payload.id;
+            console.log(payload, "payload")
+            // debugger
+            return payload;
+        },
+        // 保存草稿
+        saveDraft() {
+            // this.$refs.form.validate().then(res => {
+            uni.showLoading({ title: '保存中...', mask: true });
+
+
+            const payload = this.formateData();
+
+
+            addDraftInspection({ ...payload, id: this.taskId })
+                .then(() => {
+                    uni.showToast({ title: '草稿保存成功', icon: 'success' });
+                    console.log('草稿保存成功:',);
+                    setTimeout(() => uni.navigateBack(), 1500);
+                })
+                .catch((error) => {
+                    uni.showToast({ title: '草稿保存失败，请稍后重试！', icon: 'none' });
+                    console.error('草稿保存失败:', error);
+                });
+
+            // }).catch(err => {
+            //     console.log('表单验证失败:', err);
+            //     uni.showToast({ title: '请填写完整表单信息', icon: 'none' });
+            // });
+        },
+
+        // 提交表单
+        submitForm() {
+            this.$refs.form.validate().then(res => {
+                // 检查所有不合格项是否都填写了相关人员
+                let hasError = false;
+                let errorMessage = '';
+                //被检查级别科 班组
+                if (this.formData.checkProjectItemList && this.formData.checkProjectItemList.length > 0 && this.getCheckLabel != '被检查人') {
+                    for (let groupIndex = 0; groupIndex < this.formData.checkProjectItemList.length; groupIndex++) {
+                        const group = this.formData.checkProjectItemList[groupIndex];
+                        if (group.children && group.children.length > 0) {
+                            for (let itemIndex = 0; itemIndex < group.children.length; itemIndex++) {
+                                const item = group.children[itemIndex];
+                                if (item.scoreLevel === 'UNQUALIFIED' &&
+                                    ((!item.checkUserList || item.checkUserList.length === 0) && (!item.problemDescription || item.problemDescription.trim() === ''))) {
+                                    hasError = true;
+                                    errorMessage = `第${groupIndex + 1}组项目 "${item.projectName}" 标记为不符合，请选择相关人员或填写问题描述`;
+                                    break;
+                                }
+                            }
+                            if (hasError) break;
+                        }
+                    }
+                }
+
+                // 如果有错误，弹出提示并阻止提交
+                if (hasError) {
+                    uni.showToast({ title: errorMessage, icon: 'none' });
+                    return;
+                }
+
+                // 验证通过，继续提交
+                uni.showLoading({ title: '提交中...', mask: true });
+
+                const payload = this.formateData();
+
+                submitInspection({ ...payload, ...(this.type == 'task' ? {} : { id: this.taskId }) })
+                    .then(() => {
+                        uni.showToast({ title: '提交成功', icon: 'success' });
+                        this.$refs.submitResult.open();
+                    })
+                    .catch((error) => {
+                        uni.showToast({ title: '操作失败，请稍后重试！', icon: 'none' });
+                        console.error('提交失败:', error);
+                    });
+
+            }).catch(err => {
+                console.log('表单验证失败:', err);
+            });
+        }
+
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-container {
+    min-height: 100vh;
+    padding-top: 35px;
+
+    .card {
+        border-radius: 8px;
+        margin: 15px 0;
+        overflow: hidden;
+        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
+    }
+}
+
+/* 折叠面板标题 */
+.collapse-title {
+    display: flex;
+    flex-direction: column;
+    padding: 12px 15px;
+
+    .collapse-summary {
+        font-size: 12px;
+        color: #999;
+        margin-top: 4px;
+    }
+}
+
+/* 表单项样式 */
+::v-deep .uni-forms-item {
+    margin-bottom: 0;
+    padding: 0 15px;
+
+    .uni-forms-item__label {
+        padding: 12px 0 8px;
+        font-size: 14px;
+        color: #666;
+        width: auto !important;
+    }
+
+    .uni-forms-item__content {
+        padding: 0 0 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    &:last-child .uni-forms-item__content {
+        border-bottom: none;
+    }
+}
+
+.submit-btn {
+    margin-top: 20px;
+    width: calc(100% - 30px);
+    margin-left: 15px;
+}
+
+/* 底部弹窗样式调整 */
+::v-deep .uni-popup__wrapper {
+    border-radius: 16px 16px 0 0;
+
+    .uni-popup__wrapper-box {
+        max-height: 70vh;
+        overflow-y: auto;
+    }
+
+    .uni-data-pickerview {
+        padding-bottom: 20px;
+    }
+}
+
+:v-deep .uni-input-input:disabled {
+    background-color: #f5f5f5;
+}
+
+/* 巡检项目卡片样式 */
+.item-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+}
+
+.item-content {
+    margin-top: 12px;
+
+    .item-description {
+        display: flex;
+        flex-direction: column;
+
+        .description-label {
+            font-size: 14px;
+            color: #666;
+            margin-bottom: 4px;
+        }
+
+        .description-text {
+            font-size: 14px;
+            color: #333;
+            line-height: 1.5;
+        }
+    }
+}
+
+.upload-section {
+    margin-top: 20px;
+    padding-top: 15px;
+    border-top: 1px solid #f0f0f0;
+
+    .upload-title {
+        display: block;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        margin-bottom: 12px;
+    }
+}
+
+/* 按钮组样式 - 左右布局 */
+.button-group {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 15px;
+    margin-top: 20px;
+    gap: 15px;
+}
+
+.button-group .custom-btn-white,
+.button-group .custom-btn-normal {
+    flex: 1;
+    margin-top: 0;
+    width: auto;
+}
+</style>

src/pages/common/textview/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <view>
+    <uni-card class="view-title" :title="title">
+      <text class="uni-body view-content">{{ content }}</text>
+    </uni-card>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        title: '',
+        content: ''
+      }
+    },
+    onLoad(options) {
+      this.title = options.title
+      this.content = options.content
+      uni.setNavigationBarTitle({
+        title: options.title
+      })
+    }
+  }
+</script>
+
+<style scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .view-title {
+    font-weight: bold;
+  }
+
+  .view-content {
+    font-size: 26rpx;
+    padding: 12px 5px 0;
+    color: #333;
+    line-height: 24px;
+    font-weight: normal;
+  }
+</style>

src/pages/common/webview/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <view v-if="params.url">
+    <web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        params: {},
+        webviewStyles: {
+          progress: {
+            color: "#FF3333"
+          }
+        }
+      }
+    },
+    props: {
+      src: {
+        type: [String],
+        default: null
+      }
+    },
+    onLoad(event) {
+      this.params = event
+      if (event.title) {
+        uni.setNavigationBarTitle({
+          title: event.title
+        })
+      }
+    }
+  }
+</script>

src/pages/daily-exam/answer/index.vue

@@ -0,0 +1,785 @@
+<template>
+  <home-container v-if="pageReady">
+    <div class="daily-answer-container">
+      <!-- 答题模式 -->
+      <div v-if="mode === 'answer'" class="answer-mode">
+        <div class="header">
+          <div class="header-info">
+            <div class="title">每日答题</div>
+            <div class="progress">第 {{ currentIndex + 1 }}/{{ questions.length }} 题</div>
+          </div>
+          <div class="timer">
+            <text class="timer-icon">⏱</text>
+            <text class="timer-text">{{ formattedTime }}</text>
+          </div>
+        </div>
+
+        <div v-if="currentQuestion" class="question-card">
+          <div class="question-type">{{ getQuestionTypeText(currentQuestion.questionType) }}</div>
+          <div class="question-content">{{ currentQuestion.questionContent }}</div>
+
+          <div class="options">
+            <div
+              v-for="(option, idx) in getOptions(currentQuestion)"
+              :key="idx"
+              :class="['option-item', { active: isSelected(idx) }]"
+              @click="selectOption(idx)">
+              <div class="option-label">{{ getOptionLabel(idx) }}</div>
+              <div class="option-content">{{ option }}</div>
+              <div v-if="isSelected(idx)" class="option-check">✓</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="navigation">
+          <div v-if="currentIndex > 0" class="btn btn-secondary" @click="prevQuestion">上一题</div>
+          <div v-if="currentIndex < questions.length - 1" class="btn btn-primary" @click="nextQuestion">下一题</div>
+          <div v-if="currentIndex === questions.length - 1" class="btn btn-primary" @click="showSubmitConfirm">提交答卷</div>
+        </div>
+
+        <!-- 答题卡 -->
+        <div class="answer-card">
+          <div class="answer-card-title">答题卡</div>
+          <div class="answer-card-grid">
+            <div
+              v-for="(q, idx) in questions"
+              :key="idx"
+              :class="[
+                'answer-card-item',
+                { answered: userAnswers[q.questionId] !== undefined },
+                { current: idx === currentIndex }
+              ]"
+              @click="jumpToQuestion(idx)">
+              {{ idx + 1 }}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 结果模式 -->
+      <div v-if="mode === 'result'" class="result-mode">
+        <div class="result-header">
+          <div class="result-score">
+            <div class="score-value">{{ result.totalScore }}</div>
+            <div class="score-label">总分</div>
+          </div>
+          <div class="result-stats">
+            <div class="stat-item">
+              <div class="stat-value correct">{{ result.correctCount }}</div>
+              <div class="stat-label">正确</div>
+            </div>
+            <div class="stat-item">
+              <div class="stat-value wrong">{{ result.wrongCount }}</div>
+              <div class="stat-label">错误</div>
+            </div>
+            <div class="stat-item">
+              <div class="stat-value">{{ result.totalCount }}</div>
+              <div class="stat-label">总题数</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="result-questions">
+          <div v-for="(q, idx) in questions" :key="idx" class="result-question-item">
+            <div class="result-question-header">
+              <div class="question-num">第 {{ idx + 1 }} 题 ({{ getQuestionTypeText(q.questionType) }})</div>
+              <div :class="['question-result', q.isCorrect ? 'correct' : 'wrong']">
+                {{ q.isCorrect ? '✓ 正确' : '✗ 错误' }}
+              </div>
+            </div>
+            <div class="question-content">{{ q.questionContent }}</div>
+            <div class="question-answers">
+              <div class="answer-row">
+                <text class="answer-label">你的答案：</text>
+                <text :class="['answer-value', q.isCorrect ? 'correct' : 'wrong']">
+                  {{ formatAnswer(q.userAnswer) || '未作答' }}
+                </text>
+              </div>
+              <div v-if="!q.isCorrect" class="answer-row">
+                <text class="answer-label">正确答案：</text>
+                <text class="answer-value correct">{{ formatAnswer(q.correctAnswer) }}</text>
+              </div>
+              <div class="answer-row">
+                <text class="answer-label">得分：</text>
+                <text :class="['answer-value', q.isCorrect ? 'correct' : '']">{{ q.actualScore }}/{{ q.totalScore }}分</text>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="result-footer">
+          <div class="btn btn-primary" @click="backToList">返回列表</div>
+        </div>
+      </div>
+    </div>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { startTask, submitAnswer, getTaskDetail, getRemainingTime } from "@/api/exam/dailyExam";
+
+export default {
+  components: { HomeContainer },
+  data() {
+    return {
+      pageReady: false,
+      mode: 'answer', // answer: 答题模式, result: 结果模式
+      taskId: '',
+      status: '', // start: 开始答题, continue: 继续答题, result: 查看结果
+
+      questions: [],
+      currentIndex: 0,
+      userAnswers: {}, // { questionId: answer }
+
+      timeLeft: 0, // 剩余时间（秒）
+      timer: null,
+
+      result: {
+        totalScore: 0,
+        correctCount: 0,
+        wrongCount: 0,
+        totalCount: 0
+      }
+    }
+  },
+  computed: {
+    currentQuestion() {
+      return this.questions[this.currentIndex] || null;
+    },
+    formattedTime() {
+      const minutes = Math.floor(this.timeLeft / 60);
+      const seconds = this.timeLeft % 60;
+      return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    }
+  },
+  onLoad(options) {
+    this.taskId = options.taskId;
+    this.status = options.status;
+
+    if (this.status === 'result') {
+      this.mode = 'result';
+      this.loadResult();
+    } else {
+      this.mode = 'answer';
+      this.startAnswer();
+    }
+  },
+  beforeDestroy() {
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  methods: {
+    async startAnswer() {
+      try {
+        const response = await startTask(this.taskId);
+        this.questions = response.data.questions || [];
+        this.timeLeft = response.data.remainingTime || 0;
+
+        // 如果是继续答题，恢复之前的答案
+        this.questions.forEach(q => {
+          if (q.userAnswer) {
+            this.userAnswers[q.questionId] = q.userAnswer;
+          }
+        });
+
+        this.startTimer();
+        this.pageReady = true;
+      } catch (error) {
+        console.error('开始答题失败', error);
+        uni.showToast({
+          title: error.msg || '开始答题失败',
+          icon: 'none'
+        });
+        setTimeout(() => {
+          uni.navigateBack();
+        }, 1500);
+      }
+    },
+
+    async loadResult() {
+      try {
+        const response = await getTaskDetail(this.taskId);
+        const task = response.task;
+        const details = response.details || [];
+
+        console.log('原始数据:', { task, details });
+
+        this.questions = details.map(d => ({
+          questionId: d.dtdQuesId,
+          questionIndex: d.dtdQuestionNo,
+          questionContent: d.dtdQuesContent,
+          questionType: d.dtdQuesType,
+          optionA: d.dtdOptionA,
+          optionB: d.dtdOptionB,
+          optionC: d.dtdOptionC,
+          optionD: d.dtdOptionD,
+          userAnswer: d.dtdUserAnswer,
+          correctAnswer: d.dtdCorrectAnswer,
+          isCorrect: d.dtdIsCorrect === true,
+          totalScore: d.dtdScore,        // 题目总分
+          actualScore: d.dtdActualScore  // 实际得分
+        }));
+
+        console.log('处理后的questions:', this.questions);
+
+        this.result = {
+          totalScore: task.dtTotalScore || 0,
+          correctCount: details.filter(d => d.dtdIsCorrect === true).length,
+          wrongCount: details.filter(d => d.dtdIsCorrect === false && d.dtdUserAnswer).length,
+          totalCount: details.length
+        };
+
+        console.log('统计结果:', this.result);
+
+        this.pageReady = true;
+      } catch (error) {
+        console.error('加载结果失败', error);
+        uni.showToast({
+          title: '加载结果失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    startTimer() {
+      this.timer = setInterval(() => {
+        if (this.timeLeft > 0) {
+          this.timeLeft--;
+        } else {
+          clearInterval(this.timer);
+          this.autoSubmit();
+        }
+      }, 1000);
+    },
+
+    getQuestionTypeText(type) {
+      const typeMap = {
+        '1': '单选题',
+        '2': '多选题',
+        '3': '判断题',
+        'SINGLE': '单选题',
+        'MULTIPLE': '多选题',
+        'JUDGMENT': '判断题'
+      };
+      return typeMap[type] || '题目';
+    },
+
+    formatAnswer(answer) {
+      if (!answer) return '';
+
+      // 如果是数字格式 "1,2,3" 或 "1"，转换为选项字母 "A,B,C"
+      if (/^\d+(,\d+)*$/.test(answer)) {
+        return answer.split(',').map(num => {
+          const index = parseInt(num) - 1;
+          return String.fromCharCode(65 + index); // 65是'A'的ASCII码
+        }).join(',');
+      }
+
+      // 如果已经是字母格式 "A" 或 "A,B,C"，直接返回
+      // 但需要处理可能的格式问题（去除空格，统一大写）
+      return answer.toString().toUpperCase().replace(/\s/g, '');
+    },
+
+    getOptions(question) {
+      const options = [];
+      if (question.optionA) options.push(question.optionA);
+      if (question.optionB) options.push(question.optionB);
+      if (question.optionC) options.push(question.optionC);
+      if (question.optionD) options.push(question.optionD);
+      return options;
+    },
+
+    getOptionLabel(index) {
+      return String.fromCharCode(65 + index); // A, B, C, D
+    },
+
+    isMultipleChoice(questionType) {
+      // 判断是否为多选题
+      return questionType === '2' || questionType === 'MULTIPLE';
+    },
+
+    isSelected(optionIndex) {
+      const answer = this.userAnswers[this.currentQuestion.questionId];
+      if (!answer) return false;
+
+      const label = this.getOptionLabel(optionIndex);
+      if (this.isMultipleChoice(this.currentQuestion.questionType)) {
+        // 多选题
+        return answer.includes(label);
+      } else {
+        // 单选题或判断题
+        return answer === label;
+      }
+    },
+
+    selectOption(optionIndex) {
+      const label = this.getOptionLabel(optionIndex);
+      const questionId = this.currentQuestion.questionId;
+
+      if (this.isMultipleChoice(this.currentQuestion.questionType)) {
+        // 多选题
+        let answer = this.userAnswers[questionId] || '';
+        if (answer.includes(label)) {
+          // 取消选择
+          answer = answer.replace(label, '');
+        } else {
+          // 添加选择
+          answer += label;
+        }
+        // 按字母顺序排序
+        answer = answer.split('').sort().join('');
+        this.$set(this.userAnswers, questionId, answer || undefined);
+      } else {
+        // 单选题或判断题
+        this.$set(this.userAnswers, questionId, label);
+      }
+    },
+
+    prevQuestion() {
+      if (this.currentIndex > 0) {
+        this.currentIndex--;
+      }
+    },
+
+    nextQuestion() {
+      if (this.currentIndex < this.questions.length - 1) {
+        this.currentIndex++;
+      }
+    },
+
+    jumpToQuestion(index) {
+      this.currentIndex = index;
+    },
+
+    showSubmitConfirm() {
+      const unanswered = this.questions.filter(q => !this.userAnswers[q.questionId]).length;
+      const message = unanswered > 0
+        ? `还有 ${unanswered} 题未作答，确定提交吗？`
+        : '确定提交答卷吗？';
+
+      uni.showModal({
+        title: '提示',
+        content: message,
+        success: (res) => {
+          if (res.confirm) {
+            this.submitAnswers(1); // 1: 手动提交
+          }
+        }
+      });
+    },
+
+    // 将字母答案转换为数字答案 (A→1, B→2, C→3, D→4)
+    convertAnswerToNumber(answer) {
+      if (!answer) return '';
+
+      // 如果已经是数字格式，直接返回
+      if (/^\d+(,\d+)*$/.test(answer)) {
+        return answer;
+      }
+
+      // 将字母转换为数字
+      // "A" → "1", "ABC" → "1,2,3", "B,C" → "2,3"
+
+      // 先处理可能的逗号分隔格式
+      let letters = [];
+      if (answer.includes(',')) {
+        // 如果有逗号，按逗号分割
+        letters = answer.split(',').map(s => s.trim());
+      } else {
+        // 如果没有逗号，将每个字符分开（支持 "ABC" 这种格式）
+        letters = answer.split('').filter(c => /[A-Za-z]/.test(c));
+      }
+
+      return letters.map(letter => {
+        const charCode = letter.trim().toUpperCase().charCodeAt(0);
+        return (charCode - 64).toString(); // A=65, 65-64=1
+      }).join(',');
+    },
+
+    async submitAnswers(submitType) {
+      try {
+        console.log('原始答案:', this.userAnswers);
+
+        const answers = this.questions.map(q => {
+          const originalAnswer = this.userAnswers[q.questionId] || '';
+          const convertedAnswer = this.convertAnswerToNumber(originalAnswer);
+
+          console.log(`题目 ${q.questionId}: "${originalAnswer}" → "${convertedAnswer}"`);
+
+          return {
+            questionId: q.questionId,
+            userAnswer: convertedAnswer
+          };
+        });
+
+        console.log('提交的答案（转换后）:', answers);
+
+        const response = await submitAnswer({
+          taskId: this.taskId,
+          answers: answers,
+          submitType: submitType
+        });
+
+        uni.showToast({
+          title: '提交成功',
+          icon: 'success'
+        });
+
+        setTimeout(() => {
+          // 跳转到结果页面
+          uni.redirectTo({
+            url: `/pages/daily-exam/answer/index?taskId=${this.taskId}&status=result`
+          });
+        }, 1500);
+      } catch (error) {
+        console.error('提交失败', error);
+        uni.showToast({
+          title: error.msg || '提交失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    autoSubmit() {
+      uni.showToast({
+        title: '答题时间已到，自动提交',
+        icon: 'none'
+      });
+      setTimeout(() => {
+        this.submitAnswers(2); // 2: 自动超时提交
+      }, 1500);
+    },
+
+    backToList() {
+      uni.navigateBack();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.daily-answer-container {
+  padding: 200rpx 0 40rpx;
+}
+
+.answer-mode {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 32rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 16rpx;
+    margin-bottom: 32rpx;
+
+    .header-info {
+      .title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #FFFFFF;
+        margin-bottom: 8rpx;
+      }
+
+      .progress {
+        font-size: 24rpx;
+        color: rgba(255, 255, 255, 0.8);
+      }
+    }
+
+    .timer {
+      display: flex;
+      align-items: center;
+      padding: 16rpx 24rpx;
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 40rpx;
+
+      .timer-icon {
+        font-size: 28rpx;
+        margin-right: 8rpx;
+      }
+
+      .timer-text {
+        font-size: 28rpx;
+        font-weight: bold;
+        color: #FFFFFF;
+      }
+    }
+  }
+
+  .question-card {
+    padding: 40rpx;
+    background: #FFFFFF;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.08);
+    margin-bottom: 32rpx;
+
+    .question-type {
+      display: inline-block;
+      padding: 8rpx 24rpx;
+      background: rgba(102, 126, 234, 0.1);
+      color: #667eea;
+      border-radius: 40rpx;
+      font-size: 24rpx;
+      margin-bottom: 24rpx;
+    }
+
+    .question-content {
+      font-size: 32rpx;
+      color: #333333;
+      line-height: 48rpx;
+      margin-bottom: 32rpx;
+    }
+
+    .options {
+      .option-item {
+        display: flex;
+        align-items: center;
+        padding: 24rpx;
+        background: #F5F5F5;
+        border-radius: 12rpx;
+        margin-bottom: 16rpx;
+        position: relative;
+        border: 2rpx solid transparent;
+
+        &.active {
+          background: rgba(102, 126, 234, 0.1);
+          border-color: #667eea;
+
+          .option-label {
+            background: #667eea;
+            color: #FFFFFF;
+          }
+        }
+
+        .option-label {
+          width: 56rpx;
+          height: 56rpx;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: #CCCCCC;
+          color: #FFFFFF;
+          border-radius: 50%;
+          font-size: 28rpx;
+          font-weight: bold;
+          margin-right: 16rpx;
+          flex-shrink: 0;
+        }
+
+        .option-content {
+          flex: 1;
+          font-size: 28rpx;
+          color: #333333;
+          line-height: 40rpx;
+        }
+
+        .option-check {
+          font-size: 32rpx;
+          color: #667eea;
+          margin-left: 16rpx;
+        }
+      }
+    }
+  }
+
+  .navigation {
+    display: flex;
+    gap: 24rpx;
+    margin-bottom: 32rpx;
+
+    .btn {
+      flex: 1;
+    }
+  }
+
+  .answer-card {
+    padding: 32rpx;
+    background: #FFFFFF;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.08);
+
+    .answer-card-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333333;
+      margin-bottom: 24rpx;
+    }
+
+    .answer-card-grid {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 16rpx;
+
+      .answer-card-item {
+        aspect-ratio: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #F5F5F5;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        color: #999999;
+
+        &.answered {
+          background: #667eea;
+          color: #FFFFFF;
+        }
+
+        &.current {
+          border: 2rpx solid #667eea;
+        }
+      }
+    }
+  }
+}
+
+.result-mode {
+  .result-header {
+    padding: 40rpx;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 16rpx;
+    margin-bottom: 32rpx;
+
+    .result-score {
+      text-align: center;
+      margin-bottom: 32rpx;
+
+      .score-value {
+        font-size: 96rpx;
+        font-weight: bold;
+        color: #FFFFFF;
+        line-height: 1;
+        margin-bottom: 16rpx;
+      }
+
+      .score-label {
+        font-size: 28rpx;
+        color: rgba(255, 255, 255, 0.8);
+      }
+    }
+
+    .result-stats {
+      display: flex;
+      justify-content: space-around;
+
+      .stat-item {
+        text-align: center;
+
+        .stat-value {
+          font-size: 48rpx;
+          font-weight: bold;
+          color: #FFFFFF;
+          margin-bottom: 8rpx;
+
+          &.correct {
+            color: #4CAF50;
+          }
+
+          &.wrong {
+            color: #FF5252;
+          }
+        }
+
+        .stat-label {
+          font-size: 24rpx;
+          color: rgba(255, 255, 255, 0.8);
+        }
+      }
+    }
+  }
+
+  .result-questions {
+    .result-question-item {
+      padding: 32rpx;
+      background: #FFFFFF;
+      border-radius: 16rpx;
+      box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.08);
+      margin-bottom: 24rpx;
+
+      .result-question-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 16rpx;
+
+        .question-num {
+          font-size: 28rpx;
+          color: #666666;
+        }
+
+        .question-result {
+          font-size: 26rpx;
+          padding: 8rpx 20rpx;
+          border-radius: 40rpx;
+
+          &.correct {
+            background: rgba(76, 175, 80, 0.1);
+            color: #4CAF50;
+          }
+
+          &.wrong {
+            background: rgba(255, 82, 82, 0.1);
+            color: #FF5252;
+          }
+        }
+      }
+
+      .question-content {
+        font-size: 30rpx;
+        color: #333333;
+        line-height: 44rpx;
+        margin-bottom: 20rpx;
+      }
+
+      .question-answers {
+        .answer-row {
+          font-size: 28rpx;
+          line-height: 40rpx;
+          margin-bottom: 8rpx;
+
+          .answer-label {
+            color: #999999;
+          }
+
+          .answer-value {
+            font-weight: bold;
+
+            &.correct {
+              color: #4CAF50;
+            }
+
+            &.wrong {
+              color: #FF5252;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .result-footer {
+    margin-top: 32rpx;
+  }
+}
+
+.btn {
+  padding: 24rpx 0;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+  text-align: center;
+  font-weight: bold;
+
+  &.btn-primary {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #FFFFFF;
+  }
+
+  &.btn-secondary {
+    background: #FFFFFF;
+    border: 2rpx solid #667eea;
+    color: #667eea;
+  }
+}
+</style>

src/pages/daily-exam/task-list/index.vue

@@ -0,0 +1,451 @@
+<template>
+  <home-container :customStyle="{backgroundPosition:'0px -65px'}">
+    <div class="daily-task-container">
+      <!-- 顶部个人信息栏 -->
+      <view class="user-header" v-if="currentUser">
+        <view class="user-avatar">
+          <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+        </view>
+        <view class="user-info">
+          <text class="user-name">{{ `${userInfoAndRoles.nickName} ${userInfoAndRoles.userName}` }}</text>
+          <text v-if="userInfo.userInfo.stationName" class="position-item">{{ userInfo.userInfo.stationName }}</text>
+          <text v-if="userInfo.userInfo.stationName && userInfo.userInfo.departmentName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.departmentName" class="position-item">{{
+            userInfo.userInfo.departmentName}}</text>
+          <text v-if="userInfo.userInfo.departmentName && userInfo.userInfo.teamsName" class="separator">/</text>
+          <text v-if="userInfo.userInfo.teamsName" class="position-item">{{ userInfo.userInfo.teamsName }}</text>
+        </view>
+      </view>
+      <!--   <h-search v-model="keyword" placeholder="请输入题目名称" :showAction="true" actionText="搜索" 
+                @search="handleSearch" @custom="handleSearch" @clear="handleClear" />-->
+
+
+      <h-tabs v-model="currentTab" :tabs="tabList" value-key="type" label-key="title" @change="handleTabChange"
+        style="margin-top: 60rpx;" />
+
+      <div class="exam-list">
+        <div v-for="item in filteredTaskList" :key="item.dtId" class="exam-item">
+          <div class="exam-item-title">
+            {{ formatBusinessDate(item.dtBusinessDate) }}
+            <div :class="item.dtStatus" class="exam-item-status">
+              {{ getStatusText(item.dtStatus) }}
+            </div>
+          </div>
+          <div class="exam-item-desc">
+            <div class="exam-item-desc-item time">{{ item.dtTimeLimit / 60 }}分钟</div>
+          </div>
+          <div class="exam-item-btn">
+            <div class="exam-item-btn-score">
+              <span>{{ item.questionCount || 0 }}题</span>
+              <span v-if="item.dtStatus === 'COMPLETED'">
+                <i>{{ item.dtTotalScore }}</i>
+                /{{ item.fullScore }}分
+              </span>
+              <span v-if="item.dtStatus !== 'COMPLETED'">{{ item.fullScore }}分</span>
+            </div>
+            <span v-if="item.dtStatus === 'PENDING'" class="btn" @click="startTask(item)">开始答题</span>
+            <span v-if="item.dtStatus === 'IN_PROGRESS'" class="btn" @click="continueTask(item)">继续答题</span>
+            <span v-if="item.dtStatus === 'COMPLETED'" class="btn done" @click="viewResult(item)">查看结果</span>
+            <span v-if="item.dtStatus === 'EXPIRED'" class="btn timeout">已过期</span>
+          </div>
+        </div>
+
+        <div v-if="filteredTaskList.length === 0" class="empty-state">
+          <div class="empty-icon">📋</div>
+          <div class="empty-text">暂无答题任务</div>
+          <div class="empty-desc">完成考勤打卡后将自动生成任务</div>
+        </div>
+      </div>
+    </div>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getMyTasks, hasPendingTask, getAllTasks, getPendingTasks, getCompletedTasks, getExpiredTasks } from "@/api/exam/dailyExam";
+import { getInfo } from "@/api/login"
+
+export default {
+  components: { HomeContainer },
+  computed: {
+    currentUser() {
+      return this.$store.state.user;
+    },
+    userInfoAndRoles() {
+      return {
+        ...this.userInfo.userInfo,
+        roles: this.userInfo.roles
+      }
+    }
+  },
+  data() {
+    return {
+      taskList: [],
+      filteredTaskList: [],
+      keyword: '',
+      currentTab: 'all',
+      pageNum: 1,
+      pageSize: 20,
+      userInfo: {
+        userInfo: {},
+        roles: []
+      },
+      tabList: [
+        {
+          type: 'all',
+          title: '全部'
+        },
+        {
+          type: 'PENDING',
+          title: '待答题'
+        },
+        {
+          type: 'COMPLETED',
+          title: '已完成'
+        },
+        {
+          type: 'EXPIRED',
+          title: '已过期'
+        }
+      ],
+      statusMap: {
+        PENDING: '待答题',
+        IN_PROGRESS: '答题中',
+        COMPLETED: '已完成',
+        EXPIRED: '已过期'
+      }
+    }
+  },
+  async onLoad() {
+    const userInfo = await getInfo()
+    this.userInfo = userInfo || {}
+    this.loadTaskList();
+  },
+  onShow() {
+    // 每次显示页面时都重新加载任务列表，确保状态是最新的
+    this.loadTaskList();
+  },
+  methods: {
+    async loadTaskList() {
+      try {
+        let response;
+        const params = {
+          pageNum: this.pageNum,
+          pageSize: this.pageSize
+        };
+
+        // 根据当前tab选择不同的API接口
+        switch (this.currentTab) {
+          case 'all':
+            response = await getAllTasks(params);
+            break;
+          case 'PENDING':
+            response = await getPendingTasks(params);
+            break;
+          case 'COMPLETED':
+            response = await getCompletedTasks(params);
+            break;
+          case 'EXPIRED':
+            response = await getExpiredTasks(params);
+            break;
+          default:
+            response = await getAllTasks(params);
+        }
+
+        this.taskList = response.rows || [];
+        this.filterTaskList();
+      } catch (error) {
+        console.error('获取任务列表失败', error);
+        uni.showToast({
+          title: '获取任务列表失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    handleSearch(val) {
+      if (!val) {
+        this.filterTaskList();
+        return;
+      }
+      // 本地模糊匹配
+      this.filteredTaskList = this.taskList.filter(item =>
+        this.formatBusinessDate(item.dtBusinessDate).includes(val)
+      );
+    },
+
+    handleClear() {
+      this.keyword = '';
+      this.filterTaskList();
+    },
+
+    handleTabChange(tabType) {
+      this.currentTab = tabType;
+      this.pageNum = 1; // 重置页码
+      this.loadTaskList(); // 重新请求数据
+    },
+
+    filterTaskList() {
+      if (this.currentTab === 'all') {
+        // 显示全部
+        this.filteredTaskList = [...this.taskList];
+      } else {
+        // 只显示当前状态
+        this.filteredTaskList = this.taskList.filter(item => item.dtStatus === this.currentTab);
+      }
+
+      // 如果有搜索关键词，进行过滤
+      if (this.keyword) {
+        this.filteredTaskList = this.filteredTaskList.filter(item =>
+          this.formatBusinessDate(item.dtBusinessDate).includes(this.keyword)
+        );
+      }
+    },
+
+    formatDay(dateStr) {
+      if (!dateStr) return '';
+      const date = new Date(dateStr);
+      return date.getDate();
+    },
+
+    formatMonth(dateStr) {
+      if (!dateStr) return '';
+      const date = new Date(dateStr);
+      const month = date.getMonth() + 1;
+      return `${month}月`;
+    },
+
+    formatBusinessDate(dateStr) {
+      if (!dateStr) return '';
+      const date = new Date(dateStr);
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+      return `${year}年${month}月${day}日`;
+    },
+
+    getStatusText(status) {
+      return this.statusMap[status] || status;
+    },
+
+    getStatusClass(status) {
+      const classMap = {
+        PENDING: 'pending',
+        IN_PROGRESS: 'in-progress',
+        COMPLETED: 'completed',
+        EXPIRED: 'expired'
+      };
+      return classMap[status] || '';
+    },
+
+    startTask(item) {
+      uni.navigateTo({
+        url: `/pages/daily-exam/answer/index?taskId=${item.dtId}&status=start`
+      });
+    },
+
+    continueTask(item) {
+      uni.navigateTo({
+        url: `/pages/daily-exam/answer/index?taskId=${item.dtId}&status=continue`
+      });
+    },
+
+    viewResult(item) {
+      uni.navigateTo({
+        url: `/pages/daily-exam/answer/index?taskId=${item.dtId}&status=result`
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.daily-task-container {
+  padding: 0;
+}
+
+/* 顶部个人信息 */
+.user-header {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  padding: 15px;
+  margin-top: 50px;
+  margin-bottom: 20px;
+  height: 96px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+  border-radius: 16px 16px 16px 16px;
+
+  .user-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+    overflow: hidden;
+    margin-right: 12px;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    .position-item {
+      font-size: 14px;
+      color: #666;
+    }
+
+    .separator {
+      font-size: 14px;
+      color: #666;
+      margin: 0 4px;
+    }
+  }
+}
+
+
+
+.exam-list {
+  .exam-item {
+    display: flex;
+    flex-flow: column;
+    justify-content: space-between;
+    padding: 40rpx;
+    background: #FFFFFF;
+    box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+    border-radius: 16rpx;
+    border: 2rpx solid #F0F8FF;
+    margin-top: 32rpx;
+  }
+
+  .exam-item-title {
+    display: flex;
+    justify-content: space-between;
+    font-size: 32rpx;
+    color: #333333;
+    line-height: 38rpx;
+
+    .exam-item-status {
+      background: rgba(42, 112, 209, 0.12);
+      border-radius: 80rpx;
+      padding: 8rpx 28rpx;
+      font-size: 24rpx;
+      color: #2A70D1;
+      line-height: 28rpx;
+
+      &.COMPLETED {
+        background: rgba(78, 166, 26, 0.12);
+        color: #4EA61A;
+      }
+
+      &.EXPIRED {
+        background: rgba(234, 73, 73, 0.12);
+        color: #EA4949;
+      }
+    }
+  }
+
+  .exam-item-desc {
+    display: flex;
+    gap: 48rpx;
+    margin: 40rpx 0 30rpx;
+
+    .exam-item-desc-item {
+      display: flex;
+      padding-left: 40rpx;
+      position: relative;
+
+      &:after {
+        content: "";
+        width: 32rpx;
+        height: 32rpx;
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        background: url("../../../static/images/clock-icon.png");
+        background-size: 32rpx;
+      }
+    }
+  }
+
+  .exam-item-btn {
+    display: flex;
+    justify-content: space-between;
+    font-size: 28rpx;
+    color: #666666;
+    line-height: 32rpx;
+    align-items: flex-end;
+
+    .exam-item-btn-score {
+      display: flex;
+      gap: 40rpx;
+      align-items: flex-end;
+
+      i {
+        font-style: normal;
+        font-size: 36rpx;
+        color: #4CA518;
+        line-height: 44rpx;
+      }
+    }
+
+    .btn {
+      padding: 10rpx 28rpx;
+      background: #2A70D1;
+      border-radius: 80rpx;
+      font-size: 24rpx;
+      color: #FFFFFF;
+      line-height: 28rpx;
+      border: 2px solid #FFFFFF;
+
+      &.done {
+        background: #FFFFFF;
+        border-color: #2A70D1;
+        color: #2A70D1;
+      }
+
+      &.timeout {
+        background: #FFFFFF;
+        border-color: #C4C4C5;
+        color: #999999;
+      }
+    }
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 120rpx 0;
+
+  .empty-icon {
+    font-size: 120rpx;
+    margin-bottom: 32rpx;
+  }
+
+  .empty-text {
+    font-size: 32rpx;
+    color: #666666;
+    margin-bottom: 16rpx;
+  }
+
+  .empty-desc {
+    font-size: 26rpx;
+    color: #999999;
+  }
+}
+</style>

src/pages/eikonStatistics/components/Attendance.vue

@@ -0,0 +1,100 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="出勤投入" name="attendance" :borderColor="'#00A5BC'">
+      <div class="collapse-content">
+
+        <!-- isZhanZhang为true时显示统计表格 -->
+        <div v-if="isZhanZhang">
+          <statistic-table :columns="attendanceColumns" :data="stationAttendanceData" />
+        </div>
+
+        <!-- isPersonal为true时显示原有内容 -->
+        <div v-else-if="isPersonal">
+          <div class="content-item">
+            <div class="item-label">出勤天数：</div>
+            <div class="item-value">{{ attendanceData && attendanceData.workingDate ? attendanceData.workingDate : '-' }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">上岗时长：</div>
+            <div class="item-value">{{ attendanceData && attendanceData.workingHours ? attendanceData.workingHours : '-' }}H</div>
+          </div>
+        </div>
+
+
+        <div v-else>
+          <div class="content-item">
+            <div class="item-label">出勤人均天数：</div>
+            <div class="item-value">{{ attendanceData && attendanceData.workingDate ? attendanceData.workingDate.averagePersonnel || '-' : '-' }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">上岗人均时长：</div>
+            <div class="item-value">{{ attendanceData && attendanceData.workingHours ? attendanceData.workingHours.averagePersonnel || '-' : '-' }}小时</div>
+          </div>
+        </div>
+
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+
+export default {
+  name: "Attendance",
+  components: {
+    EikonCollapseItem,
+    StatisticTable
+  },
+  computed: {
+    ...mapGetters('eikonLevel', ['isZhanZhang', 'isPersonal']),
+    ...mapState({
+      attendanceData: state => state.eikonLevel.attendanceData,
+      stationAttendanceData: state => state.eikonLevel.stationAttendanceData
+    }),
+  },
+  data() {
+    return {
+      // 出勤统计表格列配置
+      attendanceColumns: [
+        { props: 'dimension', title: '统计维度' },
+        { props: 'avgWorkingDays', title: '人均出勤天数' },
+        { props: 'avgWorkingHours', title: '人均上岗时长' }
+      ],
+
+    }
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+</style>

src/pages/eikonStatistics/components/LearningGrowth.vue

@@ -0,0 +1,134 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="学习成长" name="learningGrowth" :borderColor="'#E435F3'">
+      <div class="collapse-content">
+        <div class="learning-ranking-section">
+          <!-- <div class="ranking-header">
+            <SwitchTab :tabList="switchOptions" :defaultActive="learningSwitchValue"
+              @tabChange="handleLearningTabChange" />
+          </div> -->
+          <statistic-table :columns="learningTableColumns" :data="learningTableData" />
+        </div>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import SwitchTab from "./switch-tab.vue"
+import { mapState, mapGetters } from 'vuex'
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+
+export default {
+  name: "LearningGrowth",
+  components: {
+    EikonCollapseItem,
+    SwitchTab,
+    StatisticTable
+  },
+  data() {
+    return {
+      // 学习成长相关数据
+      learningSwitchValue: 0,
+      learningTableData: []
+    }
+  },
+  computed: {
+    ...mapState({
+      growthPortraitData: state => state.eikonLevel.growthPortraitData,
+      currentLevel: state => state.eikonLevel.currentLevel,
+    }),
+    ...mapGetters('eikonLevel', ['isPersonal', 'isBanZuZhang']),
+    learningTableColumns() {
+      return [
+        ...(this.isPersonal ? [{ props: 'name', title: '姓名' }] : [{ props: 'name', title: '部门' }]),
+        { props: 'averageScore', title: '平均分' },
+        { props: 'highestScore', title: '最高分' },
+        { props: 'lowestScore', title: '最低分' }
+      ]
+    },
+    switchOptions() {
+      if (this.isPersonal) {
+        return [
+          { value: 0, label: '全站' },
+          { value: 1, label: '本科' },
+          { value: 2, label: '本班' }
+        ]
+      }
+      if (this.isBanZuZhang) {
+        return [
+          { value: 0, label: '全站' },
+          { value: 1, label: '本科' },
+
+        ]
+      }
+      return []
+    },
+  },
+  watch: {
+    growthPortraitData: {
+      handler(newVal, oldVal) {
+
+        this.handleData(newVal)
+      },
+    }
+  },
+  methods: {
+    handleData(newVal) {
+      // 检查newVal是否为null或undefined
+      if (!newVal) {
+        this.learningTableData = [];
+        return;
+      }
+      
+      let rank = '';
+      if (this.learningSwitchValue === 0) {
+        rank = `${newVal.stationRanking || '-'}/${newVal.stationTotal || '-'}`;
+      }
+      if (this.learningSwitchValue === 1) {
+        rank = `${newVal.departmentRanking || '-'}/${newVal.departmentTotal || '-'}`;
+      }
+      if (this.learningSwitchValue === 2) {
+        rank = `${newVal.teamRanking || '-'}/${newVal.teamTotal || '-'}`;
+      }
+      this.learningTableData = newVal
+      //  [
+      //   { dimension: '平均分', score: newVal.averageScore || '-', },
+      //   { dimension: '最高分', score: newVal.highestScore || '-', },
+      //   { dimension: '最低分', score: newVal.lowestScore || '-', },
+      // ...(this.currentLevel === 'station' ? [] : [{ dimension: '名次', score: rank || '-', }])
+      // ]
+    },
+    // 学习成长切换处理
+    handleLearningTabChange(event) {
+      console.log('学习成长切换:', event);
+      this.learningSwitchValue = event.value;
+      // 根据切换的值更新学习统计数据
+      this.handleData(this.growthPortraitData);
+    },
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+/* 学习成长样式 */
+.learning-ranking-section .ranking-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.learning-ranking-section .ranking-content {
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  margin: 30rpx 0;
+}
+</style>

src/pages/eikonStatistics/components/MemberDetails.vue

@@ -0,0 +1,171 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item :title="title" name="memberDetails" :borderColor="'#2F54EB'">
+      <div class="collapse-content">
+        <statistic-table :columns="memberTableColumns" :data="memberTableData">
+          <template v-slot:column-name="{ row, index }">
+            <span class="clickable-name" @click="handleNameClick(row)">
+              {{ row.name }}
+            </span>
+          </template>
+        </statistic-table>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+import { mapState, mapGetters, mapActions } from "vuex";
+
+import useDictMixin from "@/utils/dict";
+export default {
+  name: "MemberDetails",
+  components: { EikonCollapseItem, StatisticTable },
+  mixins: [useDictMixin],
+  data() {
+    return {
+      memberTableData: []
+    }
+  },
+  watch: {
+    detailData: {
+      handler(newVal, oldVal) {
+        // 检查newVal是否为null或undefined
+        if (!newVal) {
+          this.memberTableData = [];
+          return;
+        }
+        
+        if (this.isBanZuZhang) {
+          this.handlePersonalData(newVal)
+        } else {
+          this.memberTableData = newVal.map((item) => {
+            return {
+              ...item,
+              avgWorkingHours: `${item.avgWorkingHours}H`
+            }
+          })
+        }
+      },
+    }
+  },
+  computed: {
+    ...mapState({
+      currentLevel: state => state.eikonLevel.currentLevel,
+      detailData: state => state.eikonLevel.detailData,
+    }),
+    ...mapGetters('eikonLevel', ['isBanZuZhang', 'isKeZhang', 'isZhanZhang']),
+    title() {
+      if (this.currentLevel === 'team') {
+        return '成员明细'
+      }
+      if (this.currentLevel === 'department') {
+        return '班组明细'
+      }
+      if (this.currentLevel === 'station') {
+        return '科室明细'
+      }
+    },
+    memberTableColumns() {
+      if (this.currentLevel === 'team') {
+        return [
+          { props: 'name', title: '姓名', slot: true },
+          { props: 'qualificationLevel', title: '资质等级' },
+          { props: 'avgWorkingDays', title: '出勤天数' },
+          { props: 'avgWorkingHours', title: '上岗时长' },
+          { props: 'avgSeizureCount', title: '查获数量' },
+          { props: 'checkCount', title: '巡检问题数' },
+          { props: 'testScore', title: '测试平均分' },
+        ]
+      }
+      if (this.currentLevel === 'department') {
+        return [
+          { props: 'name', title: '班组', slot: true },
+          { props: 'qualificationLevel', title: '资质等级1级' },
+          { props: 'avgWorkingDays', title: '人均出勤天数' },
+          { props: 'avgWorkingHours', title: '人均上岗时长' },
+          { props: 'avgSeizureCount', title: '人均查获数量' },
+          { props: 'checkCount', title: '人均巡检问题数' },
+          { props: 'testScore', title: '测试平均分' },
+        ]
+      }
+      if (this.currentLevel === 'station') {
+        return [
+          { props: 'name', title: '科室', slot: true },
+          { props: 'qualificationLevel', title: '资质等级1级' },
+          { props: 'avgWorkingDays', title: '人均出勤天数' },
+          { props: 'avgWorkingHours', title: '人均上岗时长' },
+          { props: 'avgSeizureCount', title: '人均查获数量' },
+          { props: 'checkCount', title: '人均巡检问题数' },
+          { props: 'testScore', title: '测试平均分' },
+        ]
+      }
+    }
+  },
+  methods: {
+    ...mapActions('eikonLevel', ['changeLevel', 'loadData']),
+    // 处理性格特征圆形数据
+    async handlePersonalData(newVal) {
+      // 检查newVal是否为null或undefined
+      if (!newVal) {
+        this.memberTableData = [];
+        return;
+      }
+      
+      const res = [...newVal]
+
+      // 批量获取资质等级字典数据
+      const dict = await this.useDict('sys_user_qualification_level')
+      const qualificationDict = dict['sys_user_qualification_level'] || []
+
+      // 将qualificationLevel字段转换为文字显示
+      for (let i = 0; i < res.length; i++) {
+        const item = res[i];
+        if (item.qualificationLevel !== undefined && item.qualificationLevel !== null) {
+          const dictItem = qualificationDict.find(d => d.value === item.qualificationLevel.toString())
+          item.qualificationLevel = dictItem ? dictItem.label : item.qualificationLevel
+        }
+        item.avgWorkingHours = `${item.avgWorkingHours}H`
+      }
+
+      this.memberTableData = res
+    },
+
+
+
+    async handleNameClick(row) {
+      // 根据当前角色和级别决定点击行为
+      if (this.isBanZuZhang) {
+        this.changeLevel({ level: 'personal', levelId: row.id })
+      }
+      if (this.isKeZhang) {
+        this.changeLevel({ level: 'team', levelId: row.id })
+      }
+      if (this.isZhanZhang) {
+        this.changeLevel({ level: 'department', levelId: row.id })
+      }
+      await this.loadData()
+      this.$emit('nameClick', row)
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.clickable-name {
+  color: #1890ff;
+  cursor: pointer;
+
+
+  &:hover {
+    color: #40a9ff;
+  }
+}
+</style>

src/pages/eikonStatistics/components/Qualification.vue

@@ -0,0 +1,262 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="资质能力" name="qualification" :open="true" :borderColor="'#B68FF7'">
+      <div class="collapse-content">
+        <template v-if="isPersonal">
+          <div class="content-item">
+            <div class="item-label">资质等级：</div>
+          </div>
+          <div class="content-item">
+            <div class="item-value">{{ localSystemData.qualificationLevel }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">可上岗岗位：</div>
+          </div>
+          <div class="content-item">
+            <div class="item-value">{{ localSystemData.availablePositionsStr }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">政治面貌：</div>
+            <div class="item-value">{{ localSystemData.politicalStatus }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">学历：</div>
+            <div class="item-value">{{ localSystemData.education }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">年龄：</div>
+            <div class="item-value">{{ localSystemData.age }}岁</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">是否通过政审：</div>
+            <div class="item-value">{{ localSystemData.isPoliticalReviewPassed ? '是' : '否' }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">身体健康情况：</div>
+            <div class="item-value">{{ !localSystemData.isHealthy ? '健康' : localSystemData.isHealthy }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">有无行政处罚：</div>
+            <div class="item-value">{{ !localSystemData.hasAdministrativePenalty ? '无' : localSystemData.hasAdministrativePenalty }}</div>
+          </div>
+        </template>
+        <template v-else>
+          <div class="content-item">
+            <div class="item-label">资质等级：</div>
+          </div>
+          <div class="content-item">
+            <div class="item-value">{{ localSystemData.qualificationLevelSum }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">可上岗岗位数：</div>
+          </div>
+          <div class="content-item">
+            <div class="item-value">{{ localSystemData.availablePositionsSum }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">政治面貌：</div>
+            <div class="item-value">{{ localSystemData.politicalStatusSum }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">学历：</div>
+            <div class="item-value">{{ localSystemData.educationSum }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">平均年龄：</div>
+            <div class="item-value">{{ localSystemData.averageAge }}岁&nbsp;最高{{ localSystemData.maxAge }}岁&nbsp;最低{{
+              localSystemData.minAge }}岁</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">通过政审人数：</div>
+            <div class="item-value">{{ localSystemData.passedKoroughCountSum }}人</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">身体健康人数：</div>
+            <div class="item-value">{{ localSystemData.healthyCountSum }}人</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">行政处罚人数：</div>
+            <div class="item-value">{{ localSystemData.penalizedCountSum }}人</div>
+          </div>
+        </template>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import { mapState, mapGetters } from 'vuex'
+import useDictMixin from "@/utils/dict"
+import { getDictLabelByValue } from "@/utils/common"
+export default {
+  name: "Qualification",
+  components: {
+    EikonCollapseItem
+  },
+  mixins: [useDictMixin],
+  data() {
+    return {
+      localSystemData: {}
+    }
+  },
+  computed: {
+    ...mapState({
+      systemData: state => state.eikonLevel.systemData,
+    }),
+    ...mapGetters('eikonLevel', ['isPersonal'])
+  },
+  watch: {
+    systemData: {
+      handler(newVal, oldVal) {
+        if (this.isPersonal) {
+          this.handlePersonalData(newVal)
+        } else {
+          this.handleDeptData(newVal)
+        }
+      },
+    }
+  },
+  methods: {
+    async handleDeptData(newVal) {
+      // 检查newVal是否为null或undefined
+      if (!newVal) {
+        this.localSystemData = {};
+        return;
+      }
+      
+      const res = { ...newVal };
+      const { qualificationLevelStats, positionCompetencyStats, politicalStatusStats, educationStats, ageStats, politicalReviewStats, physicalHealthStats, administrativePenaltyStats } = newVal
+
+      // 检查qualificationLevelStats是否存在且是数组
+      if (!qualificationLevelStats || !Array.isArray(qualificationLevelStats)) {
+        return;
+      }
+
+      // 使用useDict获取资质等级字典
+      const dict = await this.useDict('sys_user_qualification_level')
+      const qualificationDict = dict['sys_user_qualification_level'] || []
+
+      // 按照字典顺序遍历，确保从一级开始显示
+      for (const dictItem of qualificationDict) {
+        const statItem = qualificationLevelStats.find(item => item.levelName === dictItem.value)
+        if (statItem) {
+          res.qualificationLevelSum = `${res.qualificationLevelSum ? res.qualificationLevelSum + '、' : ''}${dictItem.label} ${statItem.count}人`
+        }
+      }
+
+      let availablePositionsSum = []
+      for (const item of positionCompetencyStats) {
+        availablePositionsSum.push(`${item.postName} ${item.competentCount}人`)
+      }
+      res.availablePositionsSum = availablePositionsSum.join('、')
+
+      let politicalStatusArr = []
+      for (const item of politicalStatusStats) {
+        if (item.politicalStatus) {
+          let politicalStatus = await getDictLabelByValue('sys_user_political_status', item.politicalStatus)
+          politicalStatusArr.push({
+            politicalStatus,
+            totalCount: item.totalCount
+          })
+        }
+      }
+      let politicalStatusObj = politicalStatusArr.find(item => item.politicalStatus === "中共党员")
+      if (politicalStatusObj) {
+        res.politicalStatusSum = `${politicalStatusObj.politicalStatus} ${politicalStatusObj.totalCount}人`
+      } else {
+        res.politicalStatusSum = '-';
+      }
+
+      // 处理学历统计信息
+      if (educationStats) {
+        const educationParts = [];
+
+        // 按学历层次从高到低排序显示
+        if (educationStats.masterCount > 0) {
+          educationParts.push(`硕士 ${educationStats.masterCount}人`);
+        }
+        if (educationStats.bachelorCount > 0) {
+          educationParts.push(`本科 ${educationStats.bachelorCount}人`);
+        }
+        if (educationStats.collegeCount > 0) {
+          educationParts.push(`专科 ${educationStats.collegeCount}人`);
+        }
+        if (educationStats.highSchoolCount > 0) {
+          educationParts.push(`高中 ${educationStats.highSchoolCount}人`);
+        }
+        if (educationStats.middleSchoolCount > 0) {
+          educationParts.push(`初中 ${educationStats.middleSchoolCount}人`);
+        }
+        if (educationStats.primarySchoolCount > 0) {
+          educationParts.push(`小学 ${educationStats.primarySchoolCount}人`);
+        }
+
+        res.educationSum = educationParts.length > 0 ? educationParts.join('、') : '-';
+      } else {
+        res.educationSum = '-';
+      }
+      res.averageAge = ageStats.averageAge ? ageStats.averageAge : '-'
+      res.minAge = ageStats.minAge ? ageStats.minAge : '-'
+      res.maxAge = ageStats.maxAge ? ageStats.maxAge : '-'
+      res.passedKoroughCountSum = politicalReviewStats && politicalReviewStats.passedCount || 0;
+      res.healthyCountSum = physicalHealthStats && physicalHealthStats.healthyCount || 0;
+      res.penalizedCountSum = administrativePenaltyStats && administrativePenaltyStats.penalizedCount || 0;
+      this.localSystemData = res;
+    },
+    async handlePersonalData(newVal) {
+      // 检查newVal是否为null或undefined
+      if (!newVal) {
+        this.localSystemData = {};
+        return;
+      }
+      
+      // 创建新对象而不是直接修改传入的对象
+      const res = { ...newVal };
+      //资质等级
+      res.qualificationLevel = await getDictLabelByValue('sys_user_qualification_level', newVal
+        && newVal.qualificationLevel)
+      //政治面貌
+      res.politicalStatus = await getDictLabelByValue('sys_user_political_status', newVal
+        && newVal.politicalStatus)
+      //学历
+      res.education = await getDictLabelByValue('sys_user_schooling', newVal
+        && newVal.education)
+      res.availablePositionsStr = res.availablePositions && res.availablePositions.map(item => item.postName).join('、')
+      res.passedKoroughCount =
+        this.localSystemData = res;
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+  min-width: 120rpx;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+</style>

src/pages/eikonStatistics/components/SubjectiveImpression.vue

@@ -0,0 +1,352 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="主观印象" name="subjectiveImpression" :borderColor="'#FF997C'">
+      <div class="collapse-content">
+        <!-- 当isPersonal为false时显示图表 -->
+        <view v-show="!isPersonal" class="chart-container">
+          <view id="subjectiveChart" class="echarts-chart"></view>
+        </view>
+
+        <!-- 当isPersonal为true时显示四个关键词评价区块 -->
+        <view v-show="isPersonal" class="keyword-evaluation">
+          <!-- 自我关键词评价 -->
+          <div class="content-item" v-if="selfKeywords.length > 0">
+            <div class="item-label">自我关键词评价</div>
+          </div>
+          <div class="content-item">
+            <text-tag :tags="selfKeywords" :showClose="false" />
+          </div>
+
+          <!-- 同事关键词评价 -->
+          <div class="content-item" v-if="colleagueKeywords.length > 0">
+            <div class="item-label">同事关键词评价</div>
+          </div>
+          <div class="content-item">
+            <text-tag :tags="colleagueKeywords" :showClose="false" />
+          </div>
+
+
+          <!-- 上级关键词评价 -->
+          <div class="content-item" v-if="superiorKeywords.length > 0">
+            <div class="item-label">上级关键词评价</div>
+          </div>
+          <div class="content-item">
+            <text-tag :tags="superiorKeywords" :showClose="false" />
+          </div>
+
+
+          <!-- 下级关键词评价 -->
+          <div class="content-item" v-if="!userRoles.includes('SecurityCheck') && subordinateKeywords.length > 0">
+            <div class="item-label">下级关键词评价</div>
+          </div>
+          <div class="content-item">
+            <text-tag :tags="subordinateKeywords" :showClose="false" />
+          </div>
+
+        </view>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import * as echarts from 'echarts';
+import TextTag from "@/components/text-tag/text-tag.vue";
+import { mapGetters, mapState } from 'vuex'
+import useDictMixin from '@/utils/dict'
+export default {
+  name: "SubjectiveImpression",
+  components: {
+    EikonCollapseItem,
+    TextTag
+  },
+  mixins: [useDictMixin],
+  computed: {
+    ...mapState({
+      collaborationData: state => state.eikonLevel.collaborationData,
+      userRoles: state => state.user.roles || [],
+    }),
+    ...mapGetters('eikonLevel', ['isPersonal'])
+  },
+  data() {
+    return {
+      chartData: [
+        { name: '工作态度', value: 92 },
+        { name: '责任心', value: 95 },
+        { name: '创新意识', value: 88 },
+        { name: '团队协作', value: 90 },
+        { name: '沟通能力', value: 85 }
+      ],
+      chartInstance: null,
+      // 关键词评价数据
+      selfKeywords: [],
+      colleagueKeywords: [],
+      superiorKeywords: [],
+      subordinateKeywords: []
+    }
+  },
+  watch: {
+    collaborationData: {
+      handler(newVal, oldVal) {
+        
+        if (newVal) {
+          
+          if (this.isPersonal) {
+            this.handlePersonalData(newVal)
+          } else {
+            this.handleDeptData(newVal)
+          }
+        }
+      },
+    }
+  },
+
+  methods: {
+    handleDeptData(newVal) {
+      if (!newVal || !newVal.subjectiveImpressionList) {
+        return;
+      }
+
+
+      // 处理主观印象数据，转换为图表格式
+      const impressionList = newVal.subjectiveImpressionList;
+
+      // 提取所有子项数据，用于外层环形图
+      const allChildrenData = [];
+
+      // 提取主分类数据，用于内层环形图
+      const mainCategoryData = [];
+
+      impressionList.forEach(category => {
+        // 主分类数据（使用count作为值）
+        mainCategoryData.push({
+          value: category.count || 0,
+          name: category.name
+        });
+
+        // 子项数据
+        if (category.children && category.children.length > 0) {
+          category.children.forEach(child => {
+            allChildrenData.push({
+              value: child.count || 0,
+              name: child.name
+            });
+          });
+        }
+      });
+
+      // 更新图表数据
+      // this.$nextTick(() => {
+        this.updateChartData(mainCategoryData, allChildrenData);
+      // })
+    },
+
+    updateChartData(innerData, outerData) {
+      const chartDom = document.getElementById('subjectiveChart');
+      if (!chartDom) return;
+
+      try {
+        console.log(this.chartInstance,"this.chartInstance")
+        // 如果图表实例不存在，先初始化
+        if (!this.chartInstance) {
+          this.chartInstance = echarts.init(chartDom);
+
+          // 监听窗口变化，重新渲染图表
+          window.addEventListener('resize', () => {
+            if (this.chartInstance) {
+              this.chartInstance.resize();
+            }
+          });
+        }
+
+        // 清除图表之前的状态，确保不会残留缺省图
+        this.chartInstance.clear();
+
+        // 设置图表配置 - 嵌套环形图
+        const option = {
+          tooltip: {
+            trigger: 'item',
+            formatter: '{b}: {c}次 ({d}%)'
+          },
+          legend: {
+            show: false
+          },
+          series: [
+            {
+              type: 'pie',
+              selectedMode: 'single',
+              radius: [0, '50%'],
+              label: {
+                position: 'inner',
+                fontSize: 14,
+                show: true,
+                formatter: function (params) {
+                  // 对四个字的中文分类名称进行折行处理
+                  const name = params.name;
+                  if (name && name.length === 4) {
+                    return name.substring(0, 2) + '\n' + name.substring(2, 4);
+                  }
+                  return name;
+                }
+              },
+              labelLine: {
+                show: false
+              },
+              itemStyle: {
+                borderWidth: 2,
+                borderColor: '#fff'
+              },
+              data: innerData
+            },
+            {
+              type: 'pie',
+              radius: ['55%', '75%'],
+              label: {
+                position: 'outer',
+                show: true,
+                formatter: '{b}: {c}'
+              },
+              labelLine: {
+                show: true,
+                length: 10,
+                length2: 10
+              },
+              itemStyle: {
+                borderWidth: 2,
+                borderColor: '#fff'
+              },
+              data: outerData
+            }
+          ]
+        }
+
+        this.chartInstance.setOption(option, true); // 使用true参数确保不合并配置
+      } catch (error) {
+        console.error('更新主观印象图表失败:', error);
+      }
+    },
+    async handlePersonalData(newVal) {
+      // 安全地处理newVal可能为null的情况
+      const safeNewVal = newVal || {};
+
+      const dict = await this.useDict(
+        'sys_user_personality_trait',
+        'sys_user_capability_performance',
+        'sys_user_interpersonal_interaction',
+        'sys_user_growth_potential',
+      )
+      let dictArr = Object.values(dict).reduce((prev, cur) => prev.concat(cur), []);
+      let tagTextStyle = { marginRight: '0', fontSize: '21rpx' }
+      // 处理自我关键词评价
+      let self = ['selfAssessmentCapabilityPerformance', 'selfAssessmentGrowthPotential', 'selfAssessmentInterpersonalInteraction', 'selfAssessmentPersonalityTrait']
+      this.selfKeywords = self.map(item => {
+        const dictItem = dictArr.find(d => d.value === safeNewVal[item]);
+        return {
+          label: dictItem ? dictItem.label : '',
+          tagItemStyle: { backgroundColor: '#0D995B1A', color: '#48A838', borderRadius: '0' },
+          tagTextStyle
+        }
+      }).filter(item => item.label);
+
+      // 处理同事关键词评价
+      let colleague = ['colleagueCommentsCapabilityPerformance', 'colleagueCommentsGrowthPotential', 'colleagueCommentsInterpersonalInteraction', 'colleagueCommentsPersonalityTrait']
+      this.colleagueKeywords = colleague.map(item => {
+        const dictItem = dictArr.find(d => d.value === safeNewVal[item]);
+        return {
+          label: dictItem ? dictItem.label : '',
+          tagItemStyle: { backgroundColor: '#F6A9661A', color: '#ED8D1A', borderRadius: '0' },
+          tagTextStyle
+        }
+      }).filter(item => item.label);
+
+      // 处理上级关键词评价
+      let superior = ['superiorEvaluationCapabilityPerformance', 'superiorEvaluationGrowthPotential', 'superiorEvaluationInterpersonalInteraction', 'superiorEvaluationPersonalityTrait']
+      this.superiorKeywords = superior.map(item => {
+        const dictItem = dictArr.find(d => d.value === safeNewVal[item]);
+        return {
+          label: dictItem ? dictItem.label : '',
+          tagItemStyle: { backgroundColor: '#02A6BD1A', color: '#00A5BC', borderRadius: '0' },
+          tagTextStyle
+        }
+      }).filter(item => item.label);
+
+      // 处理下级关键词评价
+      let subordinate = ['subordinateEvaluationCapabilityPerformance', 'subordinateEvaluationGrowthPotential', 'subordinateEvaluationInterpersonalInteraction', 'subordinateEvaluationPersonalityTrait']
+      this.subordinateKeywords = subordinate.map(item => {
+        const dictItem = dictArr.find(d => d.value === safeNewVal[item]);
+        return {
+          label: dictItem ? dictItem.label : '',
+          tagItemStyle: { backgroundColor: '#2E81FF1A', color: '#2C80FF', borderRadius: '0' },
+          tagTextStyle
+        }
+      }).filter(item => item.label);
+
+    },
+
+  },
+  beforeDestroy() {
+    if (this.chartInstance) {
+      this.chartInstance.dispose();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx 30rpx;
+}
+
+.chart-container {
+  height: 400rpx;
+  padding: 16rpx 0;
+
+  .echarts-chart {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+
+/* 关键词评价区块样式 */
+.keyword-evaluation {}
+
+.evaluation-section {
+  background: #f8f9fa;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.section-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-bottom: 16rpx;
+  padding-bottom: 8rpx;
+  border-bottom: 2rpx solid #e8e8e8;
+}
+</style>

src/pages/eikonStatistics/components/WorkExperience.vue

@@ -0,0 +1,96 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="工作履历" name="workExperience" :borderColor="'#ED8D1A'">
+      <div class="collapse-content" v-if="!isPersonal">
+        <div class="content-item">
+          <div class="item-label">平均工作年限：</div>
+          <div class="item-value">{{ systemData && systemData.workYearsStats ? systemData.workYearsStats.averageWorkYears || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">平均安检工作年限：</div>
+          <div class="item-value">{{ systemData && systemData.securityWorkYearsStats ? systemData.securityWorkYearsStats.averageWorkYears || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">曾担任过班组长人数：</div>
+          <div class="item-value">{{ systemData && systemData.securityWorkPositionStats ? systemData.securityWorkPositionStats.teamLeaderCount || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">工作奖励次数：</div>
+          <div class="item-value">{{ systemData && systemData.workRewardsStats ? systemData.workRewardsStats.totalPersonTimes || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">工作处罚次数：</div>
+          <div class="item-value">{{ systemData && systemData.workPenaltiesStats ? systemData.workPenaltiesStats.totalPersonTimes || 0 : 0 }}</div>
+        </div>
+      </div>
+      <div class="collapse-content" v-else>
+        <div class="content-item">
+          <div class="item-label">工作年限：</div>
+          <div class="item-value">{{ systemData ? systemData.workYears || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">安检工作年限：</div>
+          <div class="item-value">{{ systemData ? systemData.securityWorkYears || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">曾任安检最高职务：</div>
+          <div class="item-value">{{ systemData ? systemData.securityWorkPosition || '' : '' }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">工作奖励次数：</div>
+          <div class="item-value">{{ systemData ? systemData.workRewards || 0 : 0 }}</div>
+        </div>
+        <div class="content-item">
+          <div class="item-label">工作处罚次数：</div>
+          <div class="item-value">{{ systemData ? systemData.workPenalties || 0 : 0 }}</div>
+        </div>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import { mapState } from 'vuex'
+export default {
+  name: "WorkExperience",
+  components: {
+    EikonCollapseItem
+  },
+  computed: {
+    ...mapState({
+      systemData: state => state.eikonLevel.systemData,
+      isPersonal: state => state.eikonLevel.isPersonal
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+</style>

src/pages/eikonStatistics/components/WorkOutput.vue

@@ -0,0 +1,246 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="工作产出" name="workOutput" :borderColor="'#F14C4C'">
+      <div class="collapse-content">
+        <!-- isZhanZhang为false时显示原有内容 -->
+        <div v-if="!isZhanZhang">
+          <!-- 查获排名 -->
+          <div class="seize-ranking-section">
+            <div class="ranking-header">
+              <div class="ranking-title">查获排名</div>
+              <SwitchTab :tabList="switchOptions" :defaultActive="switchValue" @tabChange="handleTabChange" />
+            </div>
+
+            <div class="ranking-content">
+              <h-rank-line :percentage="seizeRankingPercentage">
+                <text class="progress-text">
+                  <text class="progress-rank">第{{ extraData.rank || 0 }}名</text>
+                  /
+                  <text class="progress-count">{{extraData.rankCount || 0 }}</text>
+                </text>
+              </h-rank-line>
+            </div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">有效查获数量：</div>
+            <div class="item-value">{{ isPersonal ? (itemData ? itemData.effectiveSeizureCount || 0 : 0) :
+              (itemData && itemData.effectiveSeizureCount ? itemData.effectiveSeizureCount.totalCount || 0 : 0) }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">移交公安查获数量：</div>
+            <div class="item-value">{{ isPersonal ? (itemData ? itemData.referToPoliceCount || 0 : 0) :
+              (itemData && itemData.referToPoliceCount ? itemData.referToPoliceCount.count || 0 : 0) }}</div>
+          </div>
+          <div class="content-item">
+            <div class="item-label">故意隐匿数量：</div>
+            <div class="item-value">{{ isPersonal ? (itemData ? itemData.willfulConcealmentCount || 0 : 0) :
+              (itemData && itemData.willfulConcealmentCount ? itemData.willfulConcealmentCount.count || 0 : 0) }}</div>
+          </div>
+        </div>
+
+        <!-- isZhanZhang为true时显示统计表格 -->
+        <div v-else>
+          <statistic-table :columns="workOutputColumns" :data="stationSiteData" />
+        </div>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import SwitchTab from "./switch-tab.vue"
+import HRankLine from "@/components/h-rank-line/h-rank-line.vue";
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+import { mapGetters, mapState } from 'vuex'
+import { getRankInfo } from '@/api/eikonStatistics/eikonStatistics'
+export default {
+  name: "WorkOutput",
+  components: {
+    EikonCollapseItem,
+    SwitchTab,
+    HRankLine,
+  },
+  computed: {
+    ...mapState({
+      userInfo: state => state.user.userInfo,
+      itemData: state => state.eikonLevel.itemData,
+      stationSiteData: state => state.eikonLevel.stationSiteData,
+      currentLevel: state => state.eikonLevel.currentLevel,
+      currentLevelId: state => state.eikonLevel.currentLevelId,
+    }),
+    ...mapGetters('eikonLevel', ['isZhanZhang', 'isPersonal', 'isBanZuZhang']),
+    switchOptions() {
+      if (this.isPersonal) {
+        return [
+          { value: 'station', label: '全站' },
+          { value: 'department', label: '本科' },
+          { value: 'team', label: '本班' }
+        ]
+      }
+      if (this.isBanZuZhang) {
+        return [
+          { value: 'station', label: '全站' },
+          { value: 'department', label: '本科' },
+        ]
+      }
+      return []
+    },
+  },
+  data() {
+    return {
+      // switch-tab配置
+      switchValue: 'station',
+      // 查获排名百分比
+      seizeRankingPercentage: 0,
+      // 工作产出表格列配置
+      workOutputColumns: [
+        {
+          title: '统计维度',
+          props: 'deptName',
+          align: 'left'
+        },
+        {
+          title: '有效查获总数',
+          props: 'effectiveSeizureCount',
+          align: 'center'
+        },
+        {
+          title: '移交公安总数',
+          props: 'policeTotal',
+          align: 'center'
+        },
+        {
+          title: '故意隐匿总数',
+          props: 'concealTotal',
+          align: 'center'
+        }
+      ],
+
+      extraData: {}
+    }
+  },
+  mounted() {
+    this.loadSeizeRankingData(this.switchValue);
+  },
+  watch: {
+    currentLevel(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        this.loadSeizeRankingData(this.switchValue);
+      }
+    }
+  },
+  methods: {
+    // switch-tab切换处理
+    handleTabChange(event) {
+      this.switchValue = event.value;
+      // 根据切换的值重新加载查获排名数据
+      this.loadSeizeRankingData(event.value);
+    },
+    // 加载查获排名数据
+    loadSeizeRankingData(range) {
+      let params = { level: range }
+      if (this.isPersonal) {
+        params.userId = this.currentLevelId
+      } else {
+        params.deptId = this.currentLevelId
+      }
+      getRankInfo(params).then(res => {
+        this.extraData = res.data || {};
+        // console.log(this.extraData, "this.extraData")
+        this.seizeRankingPercentage = this.extraData.rankCount > 0 ? Number((this.extraData.rank / this.extraData.rankCount * 100).toFixed(2)) : 0;
+
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+
+/* 查获排名样式 */
+.seize-ranking-section {}
+
+.ranking-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.ranking-content {
+  margin: 33rpx 0;
+}
+
+.ranking-title {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.progress-text {
+  font-size: 26rpx;
+  color: #999999;
+  line-height: 1.5;
+}
+
+.progress-rank {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #333333;
+  line-height: 1.5;
+}
+.progress-count {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #999999;
+  line-height: 1.5;
+}
+
+
+
+// .ranking-content {
+//   background: #f8f9fa;
+//   border-radius: 12rpx;
+//   padding: 20rpx;
+// }
+
+// /* 查获排名进度条样式 */
+// .ranking-progress {
+//   margin-top: 20rpx;
+//   padding: 20rpx;
+//   background: #ffffff;
+//   border-radius: 12rpx;
+
+//   .progress-text {
+//     font-size: 28rpx;
+//     color: #333;
+//     font-weight: 500;
+//   }
+// }</style>

src/pages/eikonStatistics/components/box.vue

@@ -0,0 +1,123 @@
+<template>
+  <view class="box-container">
+    <view 
+      v-for="(item, index) in data" 
+      :key="index" 
+      class="box-item"
+      :style="{ 
+        'grid-column': `span ${item.span || 1}`,
+        'background-color': item.bgColor || '#fff'
+      }"
+    >
+      <!-- 第一个内容区域 -->
+      <view class="box-content top">
+        <slot name="top" :item="item" :index="index">
+          <text class="content-text">{{ item.top || '顶部内容' }}</text>
+        </slot>
+      </view>
+      
+      <!-- 第二个内容区域 -->
+      <view class="box-content middle">
+        <slot name="middle" :item="item" :index="index">
+          <text class="content-text">{{ item.middle || '中间内容' }}</text>
+        </slot>
+      </view>
+      
+      <!-- 第三个内容区域 -->
+      <view class="box-content bottom">
+        <slot name="bottom" :item="item" :index="index">
+          <text class="content-text">{{ item.bottom || '底部内容' }}</text>
+        </slot>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'BoxGrid',
+  props: {
+    // 数据数组
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 每行显示的列数
+    columns: {
+      type: Number,
+      default: 3
+    },
+    // 间距
+    gap: {
+      type: String,
+      default: '20rpx'
+    },
+    // 圆角大小
+    borderRadius: {
+      type: String,
+      default: '16rpx'
+    },
+    // 内边距
+    padding: {
+      type: String,
+      default: '24rpx'
+    }
+  },
+  computed: {
+    // 动态计算grid布局
+    gridStyle() {
+      return {
+        'grid-template-columns': `repeat(${this.columns}, 1fr)`,
+        'gap': this.gap
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.box-container {
+  display: grid;
+  width: 100%;
+}
+
+.box-item {
+  border-radius: v-bind(borderRadius);
+  padding: v-bind(padding);
+  box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.08);
+  border: 1rpx solid #f0f0f0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 200rpx;
+}
+
+.box-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.box-content.top {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.box-content.middle {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #1890ff;
+}
+
+.box-content.bottom {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.content-text {
+  text-align: center;
+  word-break: break-all;
+}
+</style>

src/pages/eikonStatistics/components/collaboration.vue

@@ -0,0 +1,977 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="协同配合" name="collaboration" :borderColor="'#2C80FF'">
+      <div class="collapse-content">
+        <!-- isPersonal为false时显示原有内容 -->
+        <div v-if="!isPersonal">
+          <!-- 团队配合 -->
+          <div class="content-item" v-if="teamData && teamData.length > 0">
+            <div class="item-label">团队配合</div>
+          </div>
+
+
+          <statistic-table v-if="teamData && teamData.length > 0" :columns="teamColumns" :data="teamData" />
+
+
+          <!-- 性格特征 -->
+          <div class="content-item" style="margin-top: 30rpx;">
+            <div class="item-label">性格特征</div>
+          </div>
+
+          <!-- 圆形布局 -->
+          <div class="scatter-chart">
+            <canvas ref="characterCanvas" class="character-canvas"></canvas>
+          </div>
+
+          <!-- 工作风格 -->
+          <div class="content-item">
+            <div class="item-label">工作风格</div>
+          </div>
+          <!-- 饼图 -->
+          <div class="pie-chart">
+            <div ref="workStylePieChart" class="chart-container"></div>
+          </div>
+
+
+          <!-- 性别分布 - 左右布局 -->
+          <div class="content-item" style="margin-bottom: 0;">
+            <div class="item-label">性别</div>
+            <div class="item-value"> <h-legend :legend-data="genderData" :colorSize="20" :textSize="24" /></div>
+          </div>
+          <div class="content-item" style="margin-bottom: 30rpx;">
+            <h-line :data="genderData" :total="genderData.reduce((acc, cur) => acc + cur.value, 0)" :itemWidth="300"
+              :lineHeight="'40'" />
+          </div>
+
+          <!-- <div class="content-item">
+            <div class="item-label">生肖</div>
+          </div> -->
+
+          <!-- 生肖统计表格 -->
+          <!-- <statistic-table :columns="zodiacColumns" :data="zodiacData" /> -->
+
+
+
+          <!-- 血型分布 - 左右布局 -->
+          <!-- <div class="content-item" style="margin-bottom: 0;margin-top: 30rpx;">
+            <div class="item-label">血型</div>
+            <div class="item-value"> <h-legend :legend-data="bloodTypeData" :colorSize="20" :textSize="24" />
+            </div>
+          </div> -->
+
+          <!-- 
+          <div class="content-item" style="margin-bottom: 30rpx;">
+            <h-line :data="bloodTypeData" :total="bloodTypeData.reduce((acc, cur) => acc + cur.value, 0)"
+              :itemWidth="300" :lineHeight="'40'" />
+          </div> -->
+
+          <!-- <div class="content-item">
+            <div class="item-label">星座</div>
+          </div> -->
+
+
+          <!-- 星座统计表格 -->
+          <!-- <statistic-table :columns="constellationColumns" :data="constellationData" /> -->
+
+
+
+
+
+
+        </div>
+
+        <!-- isPersonal为true时显示左右布局的六个部分 -->
+        <div v-else class="personal-layout">
+          <!-- 团队配合 -->
+          <div class="content-item">
+            <div class="item-label">团队配合</div>
+            <div class="item-value">{{(localCollaborationData.teamCooperationList
+              && localCollaborationData.teamCooperationList.length > 0) &&
+              localCollaborationData.teamCooperationList.map(item => item.nickName).join('、')}}</div>
+          </div>
+
+          <!-- 性格特征 -->
+          <div class="content-item">
+            <div class="item-label">性格特征</div>
+            <div class="item-value">{{ localCollaborationData.characterCharacteristics }}</div>
+          </div>
+          <!-- 工作风格 -->
+          <div class="content-item">
+            <div class="item-label">工作风格</div>
+            <div class="item-value">{{ localCollaborationData.workingStyle }}</div>
+          </div>
+          <!-- 性别 -->
+          <div class="content-item">
+            <div class="item-label">性别</div>
+            <div class="item-value">{{ localCollaborationData.sex }}</div>
+          </div>
+
+
+
+          <!-- 生肖 -->
+          <!-- <div class="content-item">
+            <div class="item-label">生肖</div>
+            <div class="item-value">{{ localCollaborationData.zodiac }}</div>
+          </div> -->
+
+          <!-- 星座 -->
+          <!-- <div class="content-item">
+            <div class="item-label">星座</div>
+            <div class="item-value">{{ localCollaborationData.constellation }}</div>
+          </div> -->
+
+
+
+
+
+        </div>
+      </div>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import HLegend from "@/components/h-legend/h-legend.vue";
+import HLine from "@/components/h-line/h-line.vue";
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+import * as echarts from 'echarts';
+import { mapGetters, mapState } from 'vuex'
+import { getDictLabelByValue } from "@/utils/common"
+import useDictMixin from '@/utils/dict'
+export default {
+  name: "Collaboration",
+  components: {
+    EikonCollapseItem,
+    HLegend,
+    HLine,
+    StatisticTable
+  },
+  mixins: [useDictMixin],
+  computed: {
+    ...mapState('eikonLevel', ['collaborationData']),
+    ...mapGetters('eikonLevel', ['isPersonal'])
+  },
+  data() {
+    return {
+      localCollaborationData: {},
+      // 性别分布数据
+      genderData: [],
+      bloodTypeData: [],
+      // 生肖统计表格数据
+      zodiacColumns: [
+        { props: 'zodiac', title: '生肖' },
+        { props: 'count', title: '人数' }
+      ],
+      zodiacData: [],
+      // 星座统计表格数据
+      constellationColumns: [
+        { props: 'constellation', title: '星座' },
+        { props: 'count', title: '人数' }
+      ],
+      constellationData: [],
+      // 团队配合统计表格数据
+      teamColumns: [
+        { props: 'name', title: '姓名' },
+        { props: 'collaborator', title: '最佳配合人员' },
+      ],
+      teamData: [],
+      // 性格特征圆形数据
+      characterCircles: []
+    }
+  },
+
+  watch: {
+    collaborationData(newVal, oldVal) {
+      if (newVal) {
+
+        if (this.isPersonal) {
+          this.handlePersonalData(newVal)
+        } else {
+          this.handleDeptData(newVal)
+        }
+      }
+    }
+  },
+  mounted() {
+    // 添加窗口大小变化监听器，用于重绘canvas
+    this.handleResize = () => {
+      if (this.characterCircles && this.characterCircles.length > 0) {
+        this.drawCharacterCircles(this.characterCircles);
+      }
+    };
+
+    window.addEventListener('resize', this.handleResize);
+  },
+  beforeDestroy() {
+    // 移除监听器
+    if (this.handleResize) {
+      window.removeEventListener('resize', this.handleResize);
+    }
+  },
+  methods: {
+    async handleDeptData(newVal) {
+      const { teamCooperationList, sexList, constellationList, blooGroupList, zodiacList, characterCharacteristicsList, workingStyleList } = newVal;
+
+      // 获取生肖字典
+      const dict = await this.useDict('sys_user_zodiac');
+      const zodiacDict = dict['sys_user_zodiac'] || [];
+
+      this.genderData = sexList.map(item => ({
+        name: item.name,
+        value: item.count,
+        color: item.name === '男' ? '#7AA3F5' : '#B68FF7'
+      }))
+      this.constellationData = constellationList.map(item => ({
+        constellation: item.name,
+        count: item.count,
+      }))
+      this.bloodTypeData = blooGroupList.map(item => ({
+        name: item.name,
+        value: item.count,
+        color: item.name === 'A型' ? '#B68FF7' : item.name === 'B型' ? '#FFB30F' : item.name === 'O型' ? '#7AA3F5' : '#FA5238'
+      }))
+      this.initWorkStylePieChart(workingStyleList.map(item => ({
+        value: item.count,
+        name: item.name
+      })));
+
+      // 处理性格特征圆形数据
+      this.handleCharacterCircles(characterCharacteristicsList || []);
+
+      // 处理生肖数据，将name转换为中文
+      if (zodiacList && Array.isArray(zodiacList)) {
+        this.zodiacData = zodiacList.map(item => {
+          // 在字典中查找对应的中文名称
+          const dictItem = zodiacDict.find(d => d.value === item.name);
+          return {
+            zodiac: dictItem ? dictItem.label : item.name,
+            count: item.count
+          };
+        });
+      } else {
+        this.zodiacData = [];
+      }
+      // 添加空值检查
+      if (!teamCooperationList || !Array.isArray(teamCooperationList)) {
+        this.teamData = [];
+        return;
+      }
+
+      this.teamData = teamCooperationList.map(item => {
+        // 检查item和teamCooperationList是否存在
+        if (!item || !item.teamCooperationList || !Array.isArray(item.teamCooperationList)) {
+          return {
+            name: item?.nickName || '未知',
+            collaborator: '无'
+          };
+        }
+
+        return {
+          name: item.nickName || '未知',
+          collaborator: item.teamCooperationList.map(team => team.nickName).join(',') || '无'
+        };
+      });
+
+      console.log(this.teamData, "this.teamData");
+    },
+    async handlePersonalData(newVal) {
+      const res = { ...newVal };
+
+      res.sex = await getDictLabelByValue('sys_user_sex', newVal && newVal.sex)
+      res.zodiac = await getDictLabelByValue('sys_user_zodiac', newVal && newVal.zodiac)
+      res.constellation = await getDictLabelByValue('sys_user_constellation', newVal && newVal.constellation)
+      res.characterCharacteristics = await getDictLabelByValue('sys_user_character_characteristics', newVal && newVal.characterCharacteristics)
+      res.workingStyle = await getDictLabelByValue('sys_user_working_style', newVal && newVal.workingStyle)
+
+      this.localCollaborationData = res
+    },
+
+    // 处理性格特征圆形数据 - 使用canvas绘制
+    handleCharacterCircles(characterCharacteristicsList) {
+      if (!characterCharacteristicsList || characterCharacteristicsList.length === 0) {
+        this.characterCircles = [];
+        this.drawCharacterCircles([]);
+        return;
+      }
+
+      // 计算圆形布局
+      const circles = this.generateCircleLayout(characterCharacteristicsList);
+      this.characterCircles = circles;
+
+      // 使用canvas绘制圆形
+      this.$nextTick(() => {
+        this.drawCharacterCircles(circles);
+      });
+    },
+
+    // 生成圆形布局算法 - 使用力导向布局确保不重叠
+    generateCircleLayout(data) {
+      if (!data || data.length === 0) return [];
+
+      // 获取容器尺寸
+      const container = document.querySelector('.scatter-chart');
+      if (!container) return [];
+
+      const containerWidth = container.clientWidth || 400;
+      const containerHeight = container.clientHeight || 300;
+      const centerX = containerWidth / 2;
+      const centerY = containerHeight / 2;
+      const maxRadius = Math.min(containerWidth, containerHeight) / 2.5; // 增加可用空间
+
+      // 计算总人数
+      const totalCount = data.reduce((sum, item) => sum + (item.count || 0), 0);
+      if (totalCount === 0) return [];
+
+      // 按人数排序
+      const sortedData = [...data].sort((a, b) => (b.count || 0) - (a.count || 0));
+
+      const circles = [];
+      const goldenAngle = Math.PI * (3 - Math.sqrt(5)); // 黄金角度
+
+      // 初始化圆形位置（使用黄金角度分布）
+      for (let i = 0; i < sortedData.length; i++) {
+        const item = sortedData[i];
+        const count = item.count || 0;
+
+        // 计算半径（基于人数比例）- 增加最小半径确保文字完全展示
+        const radiusRatio = count / totalCount;
+        const baseRadius = Math.max(35, Math.min(80, 35 + (radiusRatio * 50)));
+        const circleRadius = baseRadius;
+
+        // 根据性格特征类型生成颜色
+        const color = this.generateCharacterColor(item.code);
+
+        // 计算初始位置（使用黄金角度分布）
+        let angle = i * goldenAngle;
+        let distance = Math.min(0.8, 0.15 + i * 0.1) * maxRadius;
+        let x = centerX + distance * Math.cos(angle);
+        let y = centerY + distance * Math.sin(angle);
+
+        // 确保初始位置在边界内
+        x = Math.max(circleRadius + 5, Math.min(containerWidth - circleRadius - 5, x));
+        y = Math.max(circleRadius + 5, Math.min(containerHeight - circleRadius - 5, y));
+
+        circles.push({
+          name: item.name || '未知',
+          count: count,
+          code: item.code || '', // 添加code属性
+          x: x,
+          y: y,
+          radius: circleRadius,
+          vx: 0, // x方向速度
+          vy: 0,  // y方向速度
+          color: color // 添加颜色属性
+        });
+      }
+
+      // 力导向布局迭代（500次最大迭代）
+      const maxIterations = 500;
+      const extraSpacing = 20; // 额外间距增加到20px
+      const repulsionForce = 30; // 排斥力大小
+      const boundaryForce = 10; // 边界排斥力
+      const damping = 0.95; // 阻尼因子，避免震荡
+
+      for (let iteration = 0; iteration < maxIterations; iteration++) {
+        let hasOverlap = false;
+
+        // 计算每个圆形之间的排斥力
+        for (let i = 0; i < circles.length; i++) {
+          const circleA = circles[i];
+          circleA.vx = 0;
+          circleA.vy = 0;
+
+          // 与其他圆形的排斥力
+          for (let j = 0; j < circles.length; j++) {
+            if (i === j) continue;
+
+            const circleB = circles[j];
+            const dx = circleA.x - circleB.x;
+            const dy = circleA.y - circleB.y;
+            const distance = Math.sqrt(dx * dx + dy * dy);
+            const minDistance = circleA.radius + circleB.radius + extraSpacing;
+
+            if (distance < minDistance) {
+              hasOverlap = true;
+              // 计算排斥力（与距离成反比）
+              const force = repulsionForce * (minDistance - distance) / distance;
+              circleA.vx += force * dx / distance;
+              circleA.vy += force * dy / distance;
+            }
+          }
+
+          // 边界排斥力
+          const leftBoundary = circleA.radius + 5;
+          const rightBoundary = containerWidth - circleA.radius - 5;
+          const topBoundary = circleA.radius + 5;
+          const bottomBoundary = containerHeight - circleA.radius - 5;
+
+          if (circleA.x < leftBoundary) {
+            circleA.vx += boundaryForce * (leftBoundary - circleA.x);
+          } else if (circleA.x > rightBoundary) {
+            circleA.vx += boundaryForce * (rightBoundary - circleA.x);
+          }
+
+          if (circleA.y < topBoundary) {
+            circleA.vy += boundaryForce * (topBoundary - circleA.y);
+          } else if (circleA.y > bottomBoundary) {
+            circleA.vy += boundaryForce * (bottomBoundary - circleA.y);
+          }
+        }
+
+        // 应用速度和位置更新
+        for (let i = 0; i < circles.length; i++) {
+          const circle = circles[i];
+
+          // 应用阻尼
+          circle.vx *= damping;
+          circle.vy *= damping;
+
+          // 更新位置
+          circle.x += circle.vx;
+          circle.y += circle.vy;
+
+          // 确保位置在边界内
+          circle.x = Math.max(circle.radius + 5, Math.min(containerWidth - circle.radius - 5, circle.x));
+          circle.y = Math.max(circle.radius + 5, Math.min(containerHeight - circle.radius - 5, circle.y));
+        }
+
+        // 如果没有重叠，提前结束迭代
+        if (!hasOverlap && iteration > 100) {
+          break;
+        }
+      }
+
+      // 最终检查并处理任何剩余的重叠（使用网格布局作为备用）
+      const gridSize = Math.ceil(Math.sqrt(circles.length));
+      const cellWidth = containerWidth / (gridSize + 1);
+      const cellHeight = containerHeight / (gridSize + 1);
+
+      for (let i = 0; i < circles.length; i++) {
+        const circle = circles[i];
+
+        // 检查是否还有重叠
+        let hasOverlap = false;
+        for (let j = 0; j < circles.length; j++) {
+          if (i === j) continue;
+
+          const otherCircle = circles[j];
+          const dx = circle.x - otherCircle.x;
+          const dy = circle.y - otherCircle.y;
+          const distance = Math.sqrt(dx * dx + dy * dy);
+
+          if (distance < circle.radius + otherCircle.radius + 5) {
+            hasOverlap = true;
+            break;
+          }
+        }
+
+        // 如果仍有重叠，使用网格布局
+        if (hasOverlap) {
+          const row = Math.floor(i / gridSize);
+          const col = i % gridSize;
+          circle.x = (col + 1) * cellWidth;
+          circle.y = (row + 1) * cellHeight;
+        }
+
+        // 计算字体大小 - 使用固定字体大小，不随圆形大小变化
+        const fontSize = 14;
+
+        // 转换为最终格式
+        circles[i] = {
+          name: circle.name,
+          count: circle.count,
+          code: circle.code, // 保留code属性
+          left: (circle.x / containerWidth) * 100,
+          top: (circle.y / containerHeight) * 100,
+          size: circle.radius * 2,
+          fontSize: fontSize,
+          color: circle.color // 保留颜色属性
+        };
+      }
+
+      return circles;
+    },
+
+    // 创建canvas元素的方法
+    createCanvasElement() {
+      // 创建新的canvas元素
+      const newCanvas = document.createElement('canvas');
+      newCanvas.className = 'character-canvas';
+      newCanvas.style.width = '100%';
+      newCanvas.style.height = '100%';
+
+      // 查找容器
+      const container = document.querySelector('.scatter-chart');
+      if (!container) {
+        console.warn('无法找到canvas容器');
+        return null;
+      }
+
+      // 清空容器并添加新的canvas
+      container.innerHTML = '';
+      container.appendChild(newCanvas);
+
+      // 更新ref引用
+      this.$refs.characterCanvas = newCanvas;
+
+      // 检查新的canvas是否支持getContext
+      if (newCanvas.getContext && typeof newCanvas.getContext === 'function') {
+        console.log('新的canvas元素创建成功，支持getContext方法');
+        return newCanvas;
+      } else {
+        console.warn('新的canvas元素仍然不支持getContext方法');
+        return null;
+      }
+    },
+
+    initWorkStylePieChart(data) {
+      const chartDom = this.$refs.workStylePieChart;
+      if (!chartDom) return;
+
+      const chart = echarts.init(chartDom);
+      const option = {
+
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b}: {c} ({d}%)'
+        },
+        series: [{
+          name: '工作风格',
+          type: 'pie',
+          radius: '40%',
+          avoidLabelOverlap: false,
+          label: {
+            show: true,
+            formatter: function (params) {
+              // 支持折行显示，将名称和百分比分开显示
+              return '{b|' + params.name + '}\n{d|' + params.percent + '%}';
+            },
+            rich: {
+              b: {
+                fontSize: 12,
+                lineHeight: 16,
+                align: 'center'
+              },
+              d: {
+                fontSize: 14,
+                fontWeight: 'bold',
+                color: '#333',
+                lineHeight: 16,
+                align: 'center'
+              }
+            }
+          },
+          emphasis: {
+            label: {
+              show: true,
+              fontSize: 14,
+              fontWeight: 'bold'
+            }
+          },
+          labelLine: {
+            show: true
+          },
+          data: data
+        }]
+      };
+
+      chart.setOption(option);
+
+      // 响应式调整
+      window.addEventListener('resize', () => {
+        chart.resize();
+      });
+    },
+
+    // 根据性格特征类型生成颜色
+    generateCharacterColor(code) {
+      // 外向型(E)使用橙色#FF8000，内向型(I)使用蓝色#4371FF
+      if (code && code.startsWith('E')) {
+        return '#FF8000'; // 外向型 - 橙色
+      } else if (code && code.startsWith('I')) {
+        return '#4371FF'; // 内向型 - 蓝色
+      } else {
+        // 默认颜色（如果code为空或不匹配）
+        return '#999999'; // 灰色
+      }
+    },
+
+    // 使用canvas绘制性格特征圆形
+    drawCharacterCircles(circles) {
+      // 检查数据是否有效
+      if (!circles || circles.length === 0) {
+        console.warn('圆形数据为空，清空画布', { circlesLength: circles ? circles.length : 0 });
+
+        // 清空画布
+        this.clearCharacterCanvas();
+        return;
+      }
+
+      // 确保canvas元素存在且是有效的DOM元素
+      let canvas = this.$refs.characterCanvas;
+
+      // 如果通过ref获取失败，尝试通过选择器获取（兼容移动端环境）
+      if (!canvas || typeof canvas !== 'object') {
+        canvas = document.querySelector('.character-canvas');
+      }
+
+      // 检查canvas元素是否有效
+      if (!canvas || typeof canvas !== 'object') {
+        console.warn('Canvas元素不存在或类型不正确，尝试创建新的canvas元素', {
+          canvasExists: !!canvas,
+          canvasType: typeof canvas
+        });
+
+        // 创建新的canvas元素
+        canvas = this.createCanvasElement();
+        if (!canvas) {
+          console.warn('无法创建canvas元素，跳过绘制');
+          return;
+        }
+      }
+
+      // 检查canvas是否支持2D上下文（移动端兼容性处理）
+      if (!canvas.getContext || typeof canvas.getContext !== 'function') {
+        console.warn('Canvas不支持getContext方法，尝试创建新的canvas元素', {
+          hasGetContext: !!canvas.getContext,
+          getContextType: typeof canvas.getContext
+        });
+
+        // 创建新的canvas元素
+        canvas = this.createCanvasElement();
+        if (!canvas) {
+          console.warn('无法创建canvas元素，跳过绘制');
+          return;
+        }
+      }
+
+      try {
+        // 获取canvas上下文
+        const ctx = canvas.getContext('2d');
+
+        // 设置canvas尺寸，确保圆形是正圆
+        const container = canvas.parentElement;
+        if (container) {
+          // 获取容器尺寸
+          const containerWidth = container.clientWidth;
+          const containerHeight = container.clientHeight;
+
+          // 设置设备像素比，提高canvas分辨率以解决文字模糊问题
+          const devicePixelRatio = window.devicePixelRatio || 1;
+
+          // 设置canvas的实际尺寸（考虑设备像素比）
+          canvas.width = containerWidth * devicePixelRatio;
+          canvas.height = containerHeight * devicePixelRatio;
+
+          // 设置canvas的CSS尺寸为容器尺寸
+          canvas.style.width = containerWidth + 'px';
+          canvas.style.height = containerHeight + 'px';
+
+          // 缩放上下文以匹配设备像素比
+          ctx.scale(devicePixelRatio, devicePixelRatio);
+        }
+
+        const width = container ? container.clientWidth : canvas.width;
+        const height = container ? container.clientHeight : canvas.height;
+
+        // 清除画布
+        ctx.clearRect(0, 0, width, height);
+
+        // 设置字体渲染质量
+        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingQuality = 'high';
+
+        // 绘制每个圆形
+        circles.forEach(circle => {
+          // 计算canvas中的位置（将百分比转换为像素）
+          const x = (circle.left / 100) * width;
+          const y = (circle.top / 100) * height;
+          const radius = circle.size / 2;
+
+          // 绘制圆形背景
+          ctx.beginPath();
+          ctx.arc(x, y, radius, 0, Math.PI * 2);
+
+          // 使用圆形对象中的颜色属性
+          ctx.fillStyle = circle.color + 'B8'; // B8表示72%透明度
+          ctx.fill();
+
+          // 添加边框
+          ctx.strokeStyle = 'rgba(255, 255, 255, 0.8)';
+          ctx.lineWidth = 2;
+          ctx.stroke();
+
+          // 设置文字样式
+          ctx.fillStyle = 'white';
+          ctx.textAlign = 'center';
+          ctx.textBaseline = 'middle';
+
+          // 优化字体渲染质量
+          ctx.fontKerning = 'normal';
+          ctx.textRendering = 'geometricPrecision';
+
+          // 分三行显示：第一行显示前四个字符，第二行显示剩余字符，第三行显示人数
+          const namePart1 = circle.name.substring(0, 4); // 前四个字符
+          const namePart2 = circle.name.substring(4);   // 剩余字符
+          const countText = `${circle.count}人`;
+
+          // 设置字体大小 - 根据圆形大小自适应（放大字号）
+          const baseFontSize = Math.min(circle.fontSize, radius * 0.7);
+          const nameFontSize = baseFontSize;
+          const countFontSize = baseFontSize * 0.8;
+
+          // 设置字体
+          ctx.font = `bold ${nameFontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif`;
+
+          // 测量各段文字宽度
+          const part1Metrics = ctx.measureText(namePart1);
+          const part2Metrics = ctx.measureText(namePart2);
+          const countMetrics = ctx.measureText(countText);
+
+          // 检查文字宽度是否超出圆形直径的80%
+          const maxWidth = radius * 1.6;
+          let actualNameFontSize = nameFontSize;
+          let actualCountFontSize = countFontSize;
+
+          if (part1Metrics.width > maxWidth || part2Metrics.width > maxWidth) {
+            actualNameFontSize = nameFontSize * (maxWidth / Math.max(part1Metrics.width, part2Metrics.width));
+          }
+
+          if (countMetrics.width > maxWidth) {
+            actualCountFontSize = countFontSize * (maxWidth / countMetrics.width);
+          }
+
+          // 确保最小字体大小
+          actualNameFontSize = Math.max(8, actualNameFontSize);
+          actualCountFontSize = Math.max(6, actualCountFontSize);
+
+          // 计算行高
+          const lineHeight = actualNameFontSize * 1.2;
+
+          // 计算三行的垂直位置（整体向上移动）
+          const totalHeight = lineHeight * 2.5; // 三行总高度
+          const startY = y - totalHeight / 2 + lineHeight * 0.3;
+
+          // 绘制第一行（前四个字符）
+          ctx.font = `bold ${actualNameFontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif`;
+          ctx.fillText(namePart1, x, startY);
+
+          // 绘制第二行（剩余字符）
+          if (namePart2) {
+            ctx.fillText(namePart2, x, startY + lineHeight);
+          }
+
+          // 绘制第三行（人数）
+          ctx.font = `${actualCountFontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif`;
+          ctx.fillText(countText, x, startY + lineHeight * 2);
+        });
+      } catch (error) {
+        console.error('绘制canvas圆形时出错:', error);
+      }
+    },
+
+    // 清空性格特征画布
+    clearCharacterCanvas() {
+      // 获取canvas元素
+      let canvas = this.$refs.characterCanvas;
+
+      // 如果通过ref获取失败，尝试通过选择器获取
+      if (!canvas || typeof canvas !== 'object') {
+        canvas = document.querySelector('.character-canvas');
+      }
+
+      // 检查canvas元素是否有效
+      if (!canvas || typeof canvas !== 'object') {
+        console.warn('Canvas元素不存在，无法清空画布');
+        return;
+      }
+
+      // 检查canvas是否支持2D上下文
+      if (!canvas.getContext || typeof canvas.getContext !== 'function') {
+        console.warn('Canvas不支持getContext方法，无法清空画布');
+        return;
+      }
+
+      try {
+        // 获取canvas上下文
+        const ctx = canvas.getContext('2d');
+
+        // 获取canvas尺寸
+        const width = canvas.width || canvas.clientWidth;
+        const height = canvas.height || canvas.clientHeight;
+
+        // 清除整个画布
+        ctx.clearRect(0, 0, width, height);
+
+        console.log('性格特征画布已清空');
+      } catch (error) {
+        console.error('清空画布时出错:', error);
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+
+
+/* 性别分布布局 */
+.gender-layout {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.gender-left {
+  flex: 1;
+}
+
+.gender-right {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.gender-label {
+  font-size: 28rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+/* 血型分布布局 */
+.blood-type-layout {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.blood-type-left {
+  flex: 1;
+}
+
+.blood-type-right {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.blood-type-label {
+  font-size: 28rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+/* 生肖和星座展示 */
+.zodiac-section,
+.constellation-section {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 20rpx 0;
+  padding: 20rpx;
+  background-color: #f8f9fa;
+  border-radius: 10rpx;
+}
+
+.zodiac-label,
+.constellation-label {
+  font-size: 28rpx;
+  color: #666666;
+  font-weight: 500;
+}
+
+.zodiac-value,
+.constellation-value {
+  font-size: 28rpx;
+  color: #2C80FF;
+  font-weight: 600;
+}
+
+/* 性格特征和工作风格 */
+.personality-traits,
+.work-style {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+  margin-bottom: 20rpx;
+}
+
+.trait-item,
+.style-item {
+  padding: 12rpx 24rpx;
+  background-color: #e6f7ff;
+  border: 1rpx solid #91d5ff;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  color: #1890ff;
+  font-weight: 500;
+}
+
+/* 图表容器样式 */
+.scatter-chart,
+.pie-chart {
+  height: 600rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.scatter-chart {
+  width: 100%;
+  padding: 50rpx;
+  /* 大幅增加内边距提供更多安全距离 */
+  position: relative;
+  min-height: 800rpx;
+  /* 大幅增加最小高度提供更多空间 */
+  box-sizing: border-box;
+}
+
+.character-canvas {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.chart-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 统计表格样式 */
+.statistic-table {
+  margin-top: 20rpx;
+}
+</style>

src/pages/eikonStatistics/components/eikon-collapse-item.vue

@@ -0,0 +1,143 @@
+<template>
+    <view class="eikon-collapse-item" :style="{ borderTopColor: borderColor }">
+        <uni-collapse-item :name="name" :show-animation="showAnimation" :disabled="disabled"  :open="open" ref="collapseItem"
+            @change="handleCollapseChange">
+            <template #title>
+                <view class="eikon-collapse-item-title">
+                    <view class="title-left-bar" :style="{ backgroundColor: borderColor }"></view>
+                    <view v-if="iconUrl" class="title-icon"
+                        :style="{ backgroundImage: iconUrl ? 'url(' + iconUrl + ')' : '' }"></view>
+                    <text class="title-text">{{ title }}</text>
+                </view>
+            </template>
+            <view ref="contentSlot">
+                <slot></slot>
+            </view>
+        </uni-collapse-item>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'EikonCollapseItem',
+    props: {
+        // 折叠面板名称
+        name: {
+            type: String,
+            default: ''
+        },
+        // 标题文本
+        title: {
+            type: String,
+            default: ''
+        },
+        // 是否显示动画
+        showAnimation: {
+            type: Boolean,
+            default: true
+        },
+        // 是否禁用
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        // 是否默认展开
+        open: {
+            type: Boolean,
+            default: true
+        },
+        // 图标URL地址（可选）
+        iconUrl: {
+            type: String,
+            default: ''
+        },
+        // 边框和左侧竖条的颜色
+        borderColor: {
+            type: String,
+            default: '#4873E3'
+        }
+    },
+    mounted() {
+
+    },
+    methods: {
+        handleCollapseChange(e) {
+            // 当折叠面板状态变化时，如果是展开状态，重新计算高度
+            if (e.detail.show) {
+                this.$nextTick(() => {
+                    this.updateCollapseHeight();
+                });
+            }
+        },
+
+        updateCollapseHeight() {
+            // 简化高度计算逻辑，避免干扰uni-collapse-item的默认行为
+            if (this.$refs.collapseItem && this.$refs.collapseItem.resize) {
+                // 使用uni-collapse-item提供的resize方法
+                this.$nextTick(() => {
+                    this.$refs.collapseItem.resize();
+                });
+            }
+        }
+    },
+    beforeDestroy() {
+        if (this.contentObserver) {
+            this.contentObserver.disconnect();
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.eikon-collapse-item {
+    border-top: 6rpx solid;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 32rpx;
+    margin-bottom: 24rpx;
+    overflow: hidden;
+}
+
+::v-deep .uni-collapse-item__title {
+    height: 96rpx !important;
+    padding-left: 28rpx;
+}
+
+// 确保内容区域在展开时高度自适应
+::v-deep .uni-collapse-item__wrap {
+    // 保持原有行为，不设置固定高度
+}
+
+::v-deep .uni-collapse-item__content {
+    // 移除任何可能影响动画的高度限制
+    // 让uni-collapse-item自己管理高度
+}
+
+.eikon-collapse-item-title {
+    display: flex;
+    align-items: center;
+    position: relative;
+
+    .title-left-bar {
+       
+        width: 8rpx;
+        height: 32rpx;
+        border-radius: 4rpx;
+        margin-right: 16rpx;
+    }
+
+    .title-icon {
+        width: 40rpx;
+        height: 40rpx;
+        margin-right: 8px;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+
+    .title-text {
+        font-size: 30rpx;
+        color: #333;
+        font-weight: 500;
+    }
+}
+</style>

src/pages/eikonStatistics/components/general-overview.vue

@@ -0,0 +1,450 @@
+<template>
+  <view class="general-overview">
+    <!-- 左右镜像布局容器 -->
+    <view class="mirror-layout">
+      <!-- 左边重叠view -->
+      <view class="left-stack">
+        <view class="stack-item item-1">
+          <view class="item-content">
+            <view class="item-label">资质能力</view>
+            <view class="item-number">{{ !isPersonal ? '一级' : '' }}{{ localOverviewData.qualificationLevel }}{{
+              !isPersonal ?
+                '人' : '' }}</view>
+            <view class="item-description">资质等级</view>
+          </view>
+        </view>
+        <view class="stack-item item-2">
+          <view class="item-content">
+            <view class="item-label">出勤投入</view>
+            <view class="item-number">{{ localOverviewData.avgWorkingHours || 0 }}H</view>
+            <view class="item-description">{{ isPersonal ? '上岗时长' : '人均上岗时长' }}</view>
+          </view>
+        </view>
+        <view class="stack-item item-3">
+          <view class="item-content">
+            <view class="item-label">标准执行</view>
+            <view class="item-number">{{ localOverviewData.checkCount || 0 }}</view>
+            <view class="item-description">巡检问题总次数</view>
+          </view>
+        </view>
+        <view class="stack-item item-4">
+          <view class="item-content">
+            <view class="item-label">协调配合</view>
+            <view class="item-number">{{ localOverviewData.workingStyle }}</view>
+            <view class="item-description">{{ isPersonal ? '工作风格' : '高频风格' }}</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 右边镜像重叠view -->
+      <view class="right-stack">
+        <view class="stack-item item-5">
+          <view class="item-content">
+            <view class="item-label">工作履历</view>
+            <view class="item-number">{{ localOverviewData.workYears || 0 }}</view>
+            <!-- <view class="item-number">{{ isPersonal ? localOverviewData.workYears || 0 :
+              systemData.securityWorkYearsStats && systemData.securityWorkYearsStats.averageWorkYears || 0 }}</view> -->
+            <view class="item-description">{{ isPersonal ? '安检工作年限' : '平均安检工作年限' }}</view>
+          </view>
+        </view>
+        <view class="stack-item item-6">
+          <view class="item-content">
+            <view class="item-label">工作产出</view>
+            <view class="item-number">{{ localOverviewData.avgSeizureCount || 0 }}</view>
+            <view class="item-description">有效查获数据</view>
+          </view>
+        </view>
+        <view class="stack-item item-7">
+          <view class="item-content">
+            <view class="item-label">学习成长</view>
+            <view class="item-number">{{ localOverviewData.learningGrowthScore || 0 }}</view>
+            <view class="item-description">平均分</view>
+          </view>
+        </view>
+        <view class="stack-item item-8">
+          <view class="item-content">
+            <view class="item-label">主观印象</view>
+            <view class="item-number">{{ localOverviewData.subjectiveImpression || '' }}</view>
+            <view class="item-description">高频词</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getDictLabelByValue } from "@/utils/common"
+import { mapState, mapGetters } from 'vuex'
+import useDictMixin from '@/utils/dict'
+export default {
+  name: 'GeneralOverview',
+  data() {
+    return {
+      localOverviewData: {}
+    }
+  },
+  mixins: [useDictMixin],
+  computed: {
+    ...mapState({
+      overviewData: state => state.eikonLevel.overviewData,
+      systemData: state => state.eikonLevel.systemData,
+    }),
+    ...mapGetters('eikonLevel', ['isPersonal']),
+  },
+  watch: {
+    overviewData: {
+      handler(newVal, oldVal) {
+        if (this.isPersonal) {
+          this.handlePersonalData(newVal)
+        } else {
+          this.handleDeptData(newVal)
+        }
+      },
+    },
+    systemData: {
+      handler(newVal, oldVal) {
+        if (!this.isPersonal) {
+          this.handleSystemData(newVal)
+        }
+
+      }
+    }
+  },
+  methods: {
+    async handleSystemData(newVal) {
+      if (newVal) {
+        const { qualificationLevelStats } = newVal;
+        let levelOne = qualificationLevelStats && qualificationLevelStats.find(item => item.levelName === 'LEVEL_ONE')?.count || 0;
+        this.localOverviewData.qualificationLevel = levelOne;
+        // this.localOverviewData.workYears = newVal.workYearsStats && newVal.workYearsStats.averageWorkYears;
+      }
+    },
+    async handleDeptData(newVal) {
+      const res = { ...newVal };
+
+      const dict = await this.useDict(
+        'sys_user_personality_trait',
+        'sys_user_capability_performance',
+        'sys_user_interpersonal_interaction',
+        'sys_user_growth_potential',
+      )
+      let dictArr = Object.values(dict).reduce((prev, cur) => prev.concat(cur), [])
+
+      res.subjectiveImpression = dictArr.find(item => item.value === res.subjectiveImpression)?.label || '';
+      res.workingStyle = await getDictLabelByValue('sys_user_working_style', newVal
+        && newVal.workingStyle)
+      delete res.qualificationLevel
+      // delete res.workYears;
+
+      this.localOverviewData = { ...this.localOverviewData, ...res };
+    },
+    async handlePersonalData(newVal) {
+      const res = { ...newVal };
+
+      res.qualificationLevel = await getDictLabelByValue('sys_user_qualification_level', newVal
+        && newVal.qualificationLevel)
+
+      res.workingStyle = await getDictLabelByValue('sys_user_working_style', newVal
+        && newVal.workingStyle)
+
+      const dict = await this.useDict(
+        'sys_user_personality_trait',
+        'sys_user_capability_performance',
+        'sys_user_interpersonal_interaction',
+        'sys_user_growth_potential',
+      )
+      let dictArr = Object.values(dict).reduce((prev, cur) => prev.concat(cur), [])
+
+      res.subjectiveImpression = dictArr.find(item => item.value === res.subjectiveImpression)?.label || '';
+
+      this.localOverviewData = res;
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.general-overview {
+  padding: 20rpx 0;
+}
+
+.mirror-layout {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  position: relative;
+}
+
+.left-stack,
+.right-stack {
+  position: relative;
+  width: 49%;
+  height: 880rpx;
+}
+
+.stack-item {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+
+
+  background: #ffffff;
+
+  &.item-1 {
+    z-index: 1;
+    height: 880rpx;
+    border-right: 4rpx solid #B790F7;
+    border-bottom: 4rpx solid #B790F7;
+    border-radius: 0 50rpx 0 0;
+
+
+    .item-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      padding-left: 40rpx;
+      justify-content: space-evenly;
+      border-radius: 0 50rpx;
+      border: 4rpx solid #B790F7;
+      margin-right: -4rpx;
+    }
+  }
+
+  &.item-2 {
+    z-index: 2;
+    height: 670rpx;
+    top: 200rpx;
+    width: 95%;
+    border-right: 4rpx solid #39CFCA;
+    border-bottom: 4rpx solid #39CFCA;
+    border-radius: 0 50rpx 0 0;
+
+    .item-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      padding-left: 40rpx;
+      justify-content: space-evenly;
+      border-radius: 0 50rpx;
+      border: 4rpx solid #39CFCA;
+      margin-right: -4rpx;
+    }
+  }
+
+  &.item-3 {
+    z-index: 3;
+    height: 460rpx;
+    top: 400rpx;
+    width: 90%;
+    border-right: 4rpx solid #4BA93B;
+    border-bottom: 4rpx solid #4BA93B;
+    border-radius: 0 50rpx 0 0;
+
+    .item-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      padding-left: 40rpx;
+      justify-content: space-evenly;
+      border-radius: 0 50rpx;
+      border: 4rpx solid #4BA93B;
+      margin-right: -4rpx;
+    }
+  }
+
+  &.item-4 {
+    z-index: 4;
+    height: 250rpx;
+    width: 85%;
+    top: 600rpx;
+    border-right: 4rpx solid #2E81FF;
+    border-bottom: 4rpx solid #2E81FF;
+    border-radius: 0 50rpx 0 0;
+
+    .item-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      padding-left: 40rpx;
+      justify-content: space-evenly;
+      border-radius: 0 50rpx;
+      border: 4rpx solid #2E81FF;
+      margin-right: -4rpx;
+    }
+  }
+}
+
+.right-stack {
+  .stack-item {
+    left: auto;
+    right: 0;
+
+    &.item-5 {
+      z-index: 1;
+      height: 880rpx;
+      border-left: 4rpx solid #ED8E1C;
+      border-bottom: 4rpx solid #ED8E1C;
+      border-radius: 50rpx 0 0 0;
+
+      .item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        padding-right: 40rpx;
+        justify-content: space-evenly;
+        border-radius: 50rpx 0;
+        border: 4rpx solid #ED8E1C;
+        margin-left: -4rpx;
+      }
+    }
+
+    &.item-6 {
+      z-index: 2;
+      height: 670rpx;
+      top: 200rpx;
+      width: 95%;
+      border-left: 4rpx solid #F14E4E;
+      border-bottom: 4rpx solid #F14E4E;
+      border-radius: 50rpx 0 0 0;
+
+      .item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        padding-right: 40rpx;
+        justify-content: space-evenly;
+        border-radius: 50rpx 0;
+        border: 4rpx solid #F14E4E;
+        margin-left: -4rpx;
+      }
+    }
+
+    &.item-7 {
+      z-index: 3;
+      height: 460rpx;
+      top: 400rpx;
+      width: 90%;
+      border-left: 4rpx solid #E437F3;
+      border-bottom: 4rpx solid #E437F3;
+      border-radius: 50rpx 0 0 0;
+
+      .item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        padding-right: 40rpx;
+        justify-content: space-evenly;
+        border-radius: 50rpx 0;
+        border: 4rpx solid #E437F3;
+        margin-left: -4rpx;
+      }
+    }
+
+    &.item-8 {
+      z-index: 4;
+      height: 250rpx;
+      width: 85%;
+      top: 600rpx;
+      border-left: 4rpx solid #FF9B7E;
+      border-bottom: 4rpx solid #FF9B7E;
+      border-radius: 50rpx 0 0 0;
+
+      .item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        padding-right: 40rpx;
+        justify-content: space-evenly;
+        border-radius: 50rpx 0;
+        border: 4rpx solid #FF9B7E;
+        margin-left: -4rpx;
+      }
+    }
+  }
+}
+
+.item-content {
+  text-align: center;
+  height: 180rpx;
+  color: #333333;
+}
+
+.item-number {
+  font-size: 25rpx;
+  font-weight: bold;
+
+}
+
+.item-label {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333333;
+  position: relative;
+
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: -16%;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8rpx;
+    height: 28rpx;
+    border-radius: 2rpx;
+  }
+}
+
+.left-stack {
+  .item-1 .item-label::before {
+    background: #B68FF7;
+  }
+
+  .item-2 .item-label::before {
+    background: #39CFCA;
+  }
+
+  .item-3 .item-label::before {
+    background: #4BA93B;
+  }
+
+  .item-4 .item-label::before {
+    background: #2E81FF;
+  }
+}
+
+.right-stack {
+  .item-label {
+    padding-left: 0;
+    padding-right: 16rpx;
+
+    &::before {
+      left: auto;
+      right: 0;
+    }
+  }
+
+  .item-5 .item-label::before {
+    background: #ED8E1C;
+  }
+
+  .item-6 .item-label::before {
+    background: #F14E4E;
+  }
+
+  .item-7 .item-label::before {
+    background: #E437F3;
+  }
+
+  .item-8 .item-label::before {
+    background: #FF9B7E;
+  }
+}
+
+.item-description {
+  font-size: 24rpx;
+
+  color: #999999;
+}
+</style>

src/pages/eikonStatistics/components/standard-execution.vue

@@ -0,0 +1,786 @@
+<template>
+  <uni-collapse>
+    <eikon-collapse-item title="标准执行" name="standardExecution" :borderColor="'#48A838'">
+      <view class="collapse-content">
+        <view class="content-item" v-if="!isZhanZhang">
+          <view class="item-label">巡检排名</view>
+          <view class="item-value">
+            <SwitchTab :tabList="switchOptions" :defaultActive="inspectionSwitchValue"
+              @tabChange="handleInspectionTabChange" />
+          </view>
+
+        </view>
+        <view class="ranking-content" v-if="!isZhanZhang">
+          <h-rank-line :percentage="percentage">
+            <view class="ranking-text">
+              <text class="ranking-rank">第{{ rankData.rank || 0 }}名</text>
+              /
+              <text class="ranking-count">{{ rankData.rankCount || 0 }}</text>
+            </view>
+          </h-rank-line>
+        </view>
+
+        <view class="content-item">
+          <view class="item-label">巡检总问题数</view>
+          <view class="item-value">{{ portraitData && portraitData.sumCount ? portraitData.sumCount : 0 }}</view>
+        </view>
+
+        <view class="content-item">
+          <view class="item-label">问题分布项</view>
+        </view>
+
+        <!-- 问题分布雷达图 -->
+        <view class="radar-chart">
+          <div ref="issueRadarChart" class="chart-container"></div>
+        </view>
+
+        <view class="content-item">
+          <view class="item-label">整改统计</view>
+          <view class="item-value">
+            <h-legend :legend-data="rectificationData" :colorSize="20" :textSize="24" />
+          </view>
+        </view>
+
+        <!-- 整改统计 - 左右布局 -->
+        <view class="content-item">
+          <h-line :data="rectificationData" :total="rectificationTotal" :itemWidth="300" :lineHeight="'40'" />
+        </view>
+
+        <view class="content-item" v-if="!isZhanZhang">
+          <view class="item-label">测试排名</view>
+          <view class="item-value">
+            <SwitchTab :tabList="switchOptions" :defaultActive="testSwitchValue" @tabChange="handleTestTabChange" />
+          </view>
+        </view>
+
+        <view class="ranking-content" v-if="!isZhanZhang">
+          <h-rank-line :percentage="testPercentage">
+            <view class="ranking-text"><text class="ranking-rank">第{{ testRankData.rank || 0 }}名</text>/<text
+                class="ranking-count">{{
+                  testRankData.rankCount || 0 }}</text></view>
+          </h-rank-line>
+        </view>
+
+        <!-- 测试平均分 - 左右布局 -->
+        <view class="content-item">
+          <view class="item-label">测试平均分</view>
+          <view class="item-value">{{ profileData && profileData.scoreStats && profileData.scoreStats.totalAvgScore
+            || profileData && profileData.avgScore || 0 }}</view>
+        </view>
+
+        <view class="content-item" v-if="isZhanZhang">
+          <view class="item-label">测试总错题数</view>
+          <view class="item-value">{{ profileData && profileData.totalErrors ? profileData.totalErrors : 0 }}</view>
+        </view>
+
+
+        <!-- 错题分布雷达图 -->
+        <view class="radar-chart">
+          <div ref="wrongQuestionRadarChart" class="chart-container"></div>
+        </view>
+      </view>
+    </eikon-collapse-item>
+  </uni-collapse>
+</template>
+
+<script>
+import EikonCollapseItem from "./eikon-collapse-item.vue";
+import SwitchTab from "./switch-tab.vue"
+import HRankLine from "@/components/h-rank-line/h-rank-line.vue";
+import HLine from "@/components/h-line/h-line.vue";
+import HLegend from "@/components/h-legend/h-legend.vue";
+import * as echarts from 'echarts';
+import { mapState, mapGetters } from 'vuex'
+
+export default {
+  name: "StandardExecution",
+  components: {
+    EikonCollapseItem,
+    SwitchTab,
+    HRankLine,
+    HLine,
+    HLegend
+  },
+  data() {
+    return {
+      rankData: {
+        rank: 0,
+        rankCount: 0
+      },
+      testRankData: {
+        rank: 0,
+        rankCount: 0
+      },
+      // switch-tab配置
+      inspectionSwitchValue: 0,
+      testSwitchValue: 0,
+
+      // 测试排名数据
+      testRanking: {
+        percentage: 92
+      },
+      // 测试平均分
+      testAverageScore: 88.5,
+      // 整改统计数据
+      rectificationData: [],
+      rectificationTotal: 0
+    }
+  },
+  computed: {
+    ...mapState({
+      portraitData: state => state.eikonLevel.portraitData,
+      profileData: state => state.eikonLevel.profileData,
+      isPersonal: state => state.eikonLevel.isPersonal,
+      isBanZuZhang: state => state.eikonLevel.isBanZuZhang,
+      isKeZhang: state => state.eikonLevel.isKeZhang,
+      isZhanZhang: state => state.eikonLevel.isZhanZhang,
+      currentLevel: state => state.eikonLevel.currentLevel,
+    }),
+    ...mapGetters('eikonLevel', ['isZhanZhang', 'isPersonal']),
+    switchOptions() {
+      if (this.isPersonal) {
+        return [
+          { value: 0, label: '全站' },
+          { value: 1, label: '本科' },
+          { value: 2, label: '本班' }
+        ]
+      }
+      if (this.isBanZuZhang) {
+        return [
+          { value: 0, label: '全站' },
+          { value: 1, label: '本科' },
+
+        ]
+      }
+      return []
+    },
+    percentage() {
+      return this.rankData.rankCount > 0 ? Number((this.rankData.rank / this.rankData.rankCount * 100).toFixed(2)) : 0;
+    },
+    testPercentage() {
+      return this.testRankData.rankCount > 0 ? Number((this.testRankData.rank / this.testRankData.rankCount * 100).toFixed(2)) : 0;
+    }
+  },
+  watch: {
+    portraitData: {
+      handler(newData) {
+        if (newData && Object.keys(newData).length > 0) {
+          this.$nextTick(() => {
+            this.handleInspectionTabChange({ value: this.inspectionSwitchValue });
+            if (this.issueRadarChart) {
+              this.issueRadarChart.dispose();
+              this.issueRadarChart = null;
+            }
+            this.initIssueRadarChart();
+            this.initLine();
+          });
+        }
+      },
+    },
+    profileData: {
+      handler(newData) {
+        if (newData && Object.keys(newData).length > 0) {
+          this.$nextTick(() => {
+            this.handleTestTabChange({ value: this.testSwitchValue });
+            if (this.wrongQuestionRadarChart) {
+              this.wrongQuestionRadarChart.dispose();
+              this.wrongQuestionRadarChart = null;
+            }
+            this.initWrongQuestionRadarChart();
+          });
+        }
+      },
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      try {
+        this.handleInspectionTabChange({ value: this.inspectionSwitchValue });
+        this.handleTestTabChange({ value: this.testSwitchValue });
+
+        this.initLine()
+      } catch (error) {
+        console.error('Error in nextTick:', error);
+      }
+    });
+  },
+
+  methods: {
+
+    initLine() {
+      // 安全地处理portraitData可能为undefined的情况
+      const portraitData = this.portraitData || {};
+      const onTimeCompletedCount = portraitData.onTimeCompletedCount || 0;
+      const overTimeCompletedCount = portraitData.overTimeCompletedCount || 0;
+
+      // 确保rectificationData是数组
+      if (!Array.isArray(this.rectificationData)) {
+        this.rectificationData = [];
+      }
+
+      this.rectificationData = [
+        { value: onTimeCompletedCount, color: '#FA8C16', name: '按期整改' },
+        { value: overTimeCompletedCount, color: '#FFB30F', name: '超期整改' },
+      ]
+      this.rectificationTotal = onTimeCompletedCount + overTimeCompletedCount
+    },
+    
+
+   
+
+    // 初始化问题分布雷达图
+    initIssueRadarChart() {
+      const chartDom = this.$refs.issueRadarChart;
+      if (!chartDom) return;
+
+      // 清除容器内容
+      chartDom.innerHTML = '';
+
+      const chart = echarts.init(chartDom);
+      this.issueRadarChart = chart;
+
+      // 安全地处理portraitData可能为undefined的情况
+      const portraitData = this.portraitData || {};
+      const checkLargeScreenCommonDtoList = portraitData.checkLargeScreenCommonDtoList || [];
+      let maxTotal = 0;
+      let indicator = [];
+      let seriesData = [];
+      if (this.currentLevel === 'station') {
+        let res = checkLargeScreenCommonDtoList.filter((item) => {
+          return item && item.deptName !== '总数'
+        });
+
+        // 获取所有不重复的name作为雷达图维度
+        const uniqueNames = [...new Set(res.map(item => item.name))];
+        maxTotal = res.length > 0 ? Math.max(...res.map(item => item.total || 0)) : 1;
+        indicator = uniqueNames.map(name => ({
+          name: name,
+          max: maxTotal
+        }));
+        let obj = {};
+
+        res.forEach((item) => {
+          if (obj[item.deptName]) {
+            obj[item.deptName].push(item.total || 0);
+          } else {
+            obj[item.deptName] = [item.total || 0];
+          }
+        })
+
+
+        Object.keys(obj).forEach((key, index) => {
+
+          seriesData.push({
+            value: obj[key],
+            name: key,
+            // areaStyle: {
+            //   color: color.area
+            // },
+
+            // itemStyle: {
+            //   color: color.line
+            // }
+          })
+        })
+
+      } else {
+
+        let res = checkLargeScreenCommonDtoList.filter((item) => {
+          return item && item.deptName === '总数'
+        });
+
+
+
+        maxTotal = res.length > 0 ? Math.max(...res.map(item => item.total || 0)) : 1;
+        indicator = res.map((item) => {
+          return { name: item.name, max: maxTotal || 1 }
+        })
+        seriesData = [{
+          value: res.map((item) => {
+            return item.total || 0
+          }),
+          name: '问题分布',
+          // areaStyle: {
+          //   color: 'rgba(72, 115, 227, 0.3)'
+          // },
+          lineStyle: {
+            color: '#4873E3'
+          },
+          // itemStyle: {
+          //   color: '#4873E3'
+          // }
+        }]
+      }
+
+
+      // console.log('雷达图数据:', indicator, seriesData)
+
+      const option = {
+        ...(this.currentLevel === 'station' ? {
+          legend: {
+            data: seriesData.map(item => item.name),
+            top: 0,
+            textStyle: {
+              color: '#666',
+              fontSize: 12
+            }
+          }
+        } : {
+          legend: {
+            show: false
+          }
+        })
+        ,
+        radar: {
+          indicator: indicator,
+          shape: 'polygon',
+          splitNumber: 4,
+          radius: '55%',
+          center: ['50%', '55%'], // 缩小雷达图并居中，为label留出空间
+          axisName: {
+            color: '#666',
+            fontSize: 12
+          },
+          splitLine: {
+            lineStyle: {
+              color: 'rgba(0, 0, 0, 0.1)'
+            }
+          },
+          splitArea: {
+            show: true,
+            areaStyle: {
+              color: ['rgba(255, 255, 255, 0.8)', 'rgba(255, 255, 255, 0.4)']
+            }
+          }
+        },
+        series: [{
+          type: 'radar',
+          data: seriesData,
+          symbol: 'none',
+          emphasis: {
+            lineStyle: {
+              width: 4
+            }
+          }
+        }],
+        tooltip: {
+          trigger: 'item'
+        }
+      };
+
+      chart.setOption(option);
+
+      // 响应式调整
+      window.addEventListener('resize', () => {
+        chart.resize();
+      });
+    },
+
+    // 初始化错题分布雷达图
+    initWrongQuestionRadarChart() {
+      const chartDom = this.$refs.wrongQuestionRadarChart;
+      if (!chartDom) return;
+
+      // 清除容器内容
+      chartDom.innerHTML = '';
+
+      const chart = echarts.init(chartDom);
+      this.wrongQuestionRadarChart = chart;
+      // 定义六个固定的雷达图维度
+      const radarDimensions = [
+        '操作执行',
+        '传达学习',
+        '班组管理',
+        '工作纪律',
+        '设施设备',
+        '通道样貌'
+      ];
+
+      // 从profileData获取错题分类数据
+      const profileData = this.profileData || {};
+      let categoryErrors = [];
+      let indicator = [];
+      let seriesData = [];
+      let legend = [];
+
+      if (this.currentLevel == 'station') {
+        categoryErrors = (profileData.deptCategoryErrors || []).map(item => {
+          return {
+            ...item,
+            categoryErrors: (item.categoryErrors || []).filter(childItem => childItem.categoryName !== '未分类')
+          }
+        });
+
+        const maxErrorCount = Math.max(...categoryErrors.map(dept => {
+          const matchedCategory = dept.categoryErrors.map(cat => cat.errorCount);
+          return Math.max(...matchedCategory);
+        }));
+        // 构建indicator数据 - 使用固定的六个维度
+        indicator = radarDimensions.map(dimension => {
+          return {
+            name: dimension,
+            max: maxErrorCount
+          };
+        });
+        legend = categoryErrors.map(item => item.deptName);
+
+        // 构建series数据 - 每个部门一条数据线
+        const colorPalette = [
+          { area: 'rgba(72, 115, 227, 0.3)', line: '#4873E3' }, // 蓝色
+          { area: 'rgba(255, 107, 107, 0.3)', line: '#FF6B6B' }, // 红色
+          { area: 'rgba(76, 175, 80, 0.3)', line: '#4CAF50' },   // 绿色
+          { area: 'rgba(255, 152, 0, 0.3)', line: '#FF9800' },   // 橙色
+          { area: 'rgba(156, 39, 176, 0.3)', line: '#9C27B0' },  // 紫色
+          { area: 'rgba(0, 188, 212, 0.3)', line: '#00BCD4' },   // 青色
+          { area: 'rgba(244, 67, 54, 0.3)', line: '#F44336' },   // 深红色
+          { area: 'rgba(139, 195, 74, 0.3)', line: '#8BC34A' }   // 浅绿色
+        ];
+
+        seriesData = categoryErrors.map((dept, index) => {
+          const colorIndex = index % colorPalette.length;
+          const color = colorPalette[colorIndex];
+
+          // 为每个维度获取该部门的错误数量
+          const values = radarDimensions.map(dimension => {
+            const matchedCategory = dept.categoryErrors.find(cat => cat.categoryName === dimension);
+            return matchedCategory ? matchedCategory.errorCount : 0;
+          });
+
+          return {
+            value: values,
+            name: dept.deptName,
+            // areaStyle: {
+            //   show: false // 去掉面积遮盖
+            // },
+            lineStyle: {
+              color: color.line,
+              width: 2
+            },
+            // itemStyle: {
+            //   color: color.line
+            // },
+            label: {
+              show: true, // 在每个角上显示数值
+              formatter: function (params) {
+                return params.value;
+              },
+              color: color.line,
+              fontSize: 10
+            }
+          };
+        });
+
+      } else {
+        categoryErrors = (profileData.categoryErrors || []).filter(item =>
+          item.categoryName !== '未分类'
+        );
+        // 构建indicator数据
+        indicator = radarDimensions.map(dimension => {
+          // 查找对应维度的错误数量
+          const matchedCategory = categoryErrors.find(item => item.categoryName === dimension);
+          const errorCount = matchedCategory ? matchedCategory.errorCount : 0;
+
+          // 计算最大值（当前错误数量的1.5倍，最小为10）
+          const maxValue = Math.max(errorCount * 1.5, 10);
+
+          return {
+            name: dimension,
+            max: maxValue
+          };
+        });
+        // 构建series数据
+        seriesData = [{
+          value: radarDimensions.map(dimension => {
+            const matchedCategory = categoryErrors.find(item => item.categoryName === dimension);
+            return matchedCategory ? matchedCategory.errorCount : 0;
+          }),
+          name: '错题分布',
+          // areaStyle: {
+          //   show: false // 去掉面积遮盖
+          // },
+          lineStyle: {
+            color: '#FF6B6B',
+            width: 2
+          },
+          // itemStyle: {
+          //   color: '#FF6B6B'
+          // },
+          label: {
+            show: true, // 在每个角上显示数值
+            formatter: function (params) {
+              return params.value;
+            },
+            color: '#FF6B6B',
+            fontSize: 10
+          }
+        }];
+      }
+
+      const option = {
+        ...(this.currentLevel == 'station' ? {
+          legend: {
+            data: legend,
+            top: 0,
+            textStyle: {
+              color: '#666',
+              fontSize: 12
+            }
+          }
+        } : { legend: { show: false } }),
+        radar: {
+          indicator: indicator,
+          shape: 'polygon',
+          splitNumber: 4,
+          radius: '55%',
+          center: ['50%', '55%'], // 缩小雷达图并居中，为label留出空间
+          axisName: {
+            color: '#666',
+            fontSize: 12
+          },
+          splitLine: {
+            lineStyle: {
+              color: 'rgba(0, 0, 0, 0.1)'
+            }
+          },
+          splitArea: {
+            show: true,
+            areaStyle: {
+              color: ['rgba(255, 255, 255, 0.8)', 'rgba(255, 255, 255, 0.4)']
+            }
+          }
+        },
+        series: [{
+          type: 'radar',
+          data: seriesData,
+          symbol: 'none',
+          emphasis: {
+            lineStyle: {
+              width: 4
+            }
+          }
+        }],
+        ...(this.currentLevel == 'station' ? {
+          tooltip: {
+            trigger: 'item',
+            formatter: function (params) {
+              const values = params.value;
+              const dimensionLabels = radarDimensions.map((dimension, index) => {
+                return `${dimension}: ${values[index]}题`;
+              });
+              return `${params.name}<br/>${dimensionLabels.join('<br/>')}`;
+
+            }.bind(this),
+            extraCssText: 'white-space: pre-line; max-width: 300px;'
+          }
+        } : {
+          tooltip: {
+            trigger: 'item'
+          }
+        })
+
+      };
+
+      chart.setOption(option);
+
+      // 响应式调整
+      window.addEventListener('resize', () => {
+        chart.resize();
+      });
+    },
+
+    // 巡检排名切换处理
+    handleInspectionTabChange(event) {
+      console.log('巡检排名切换:', event);
+      this.inspectionSwitchValue = event.value;
+      // 安全地处理portraitData可能为undefined的情况
+      const portraitData = this.portraitData || {};
+      const stationRanking = portraitData.stationRanking || 0;
+      const stationTotal = portraitData.stationTotal || 0;
+      const departmentRanking = portraitData.departmentRanking || 0;
+      const departmentTotal = portraitData.departmentTotal || 0;
+      const teamRanking = portraitData.teamRanking || 0;
+      const teamTotal = portraitData.teamTotal || 0;
+
+      if (this.inspectionSwitchValue == 0) {
+        this.rankData = {
+          rank: stationRanking,
+          rankCount: stationTotal
+        }
+      } else if (this.inspectionSwitchValue == 1) {
+        this.rankData = {
+          rank: departmentRanking,
+          rankCount: departmentTotal
+        }
+      } else if (this.inspectionSwitchValue == 2) {
+        this.rankData = {
+          rank: teamRanking,
+          rankCount: teamTotal
+        }
+      }
+
+
+    },
+
+    // 测试排名切换处理
+    handleTestTabChange(event) {
+      console.log('测试排名切换:', event);
+      this.testSwitchValue = event.value;
+      const { rankingStats } = this.profileData || {};
+
+
+      if (this.testSwitchValue == 0) {
+        this.testRankData = {
+          rank: rankingStats?.siteRanking || 0,
+          rankCount: this.isKeZhang ? rankingStats?.siteTotalDepts || 0 : rankingStats?.siteTotalUsers || 0
+        }
+      } else if (this.testSwitchValue == 1) {
+        this.testRankData = {
+          rank: rankingStats?.deptRanking || 0,
+          rankCount: rankingStats?.deptTotalUsers || 0
+        }
+      } else if (this.testSwitchValue == 2) {
+        this.testRankData = {
+          rank: rankingStats?.teamRanking || 0,
+          rankCount: rankingStats?.teamTotalUsers || 0
+        }
+      }
+    },
+
+
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.loading-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200rpx;
+
+  .loading-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .loading-spinner {
+      width: 40rpx;
+      height: 40rpx;
+      border: 4rpx solid #f3f3f3;
+      border-top: 4rpx solid #48A838;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+      margin-bottom: 20rpx;
+    }
+
+    .loading-text {
+      font-size: 26rpx;
+      color: #999;
+    }
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  font-weight: 500;
+}
+
+
+
+
+
+.ranking-content {
+  margin: 30rpx 0;
+
+  .ranking-text {
+    font-size: 26rpx;
+    color: #999999;
+    font-weight: 500;
+
+    .ranking-rank {
+      font-size: 26rpx;
+      font-weight: 500;
+      color: #333333;
+    }
+
+    .ranking-count {
+      font-size: 26rpx;
+      font-weight: 500;
+      color: #999999;
+    }
+  }
+}
+
+
+
+.issues-distribution {
+  margin-bottom: 30rpx;
+
+  .distribution-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16rpx 20rpx;
+    margin-bottom: 12rpx;
+    background: #fff;
+    border-radius: 8rpx;
+
+    .distribution-name {
+      font-size: 26rpx;
+      color: #666;
+    }
+
+    .distribution-value {
+      font-size: 26rpx;
+      color: #333;
+      font-weight: 500;
+    }
+  }
+}
+
+.radar-chart {
+  height: 400rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 20rpx;
+
+  .chart-container {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>

src/pages/eikonStatistics/components/switch-tab.vue

@@ -0,0 +1,143 @@
+<template>
+  <view class="capsule-tab-container">
+    <view v-for="(item, index) in tabList" :key="index" class="capsule-tab-item" :class="{
+      'capsule-tab-active': activeIndex == item.value,
+      'capsule-tab-first': index == 0,
+      'capsule-tab-last': index == tabList.length - 1
+    }" @click="handleTabClick(index, item)">
+      <text class="capsule-tab-text">{{ item.label || item.text || item.name }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'SwitchTab',
+  props: {
+    // tab数据数组
+    tabList: {
+      type: Array,
+      default: () => [],
+      required: true
+    },
+    // 默认激活的索引
+    defaultActive: {
+      type: String|Number,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      activeIndex: this.defaultActive
+    }
+  },
+  watch: {
+    defaultActive: {
+      handler(newVal) {
+
+        this.activeIndex = newVal
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 处理tab点击事件
+    handleTabClick(index, item) {
+      if (this.activeIndex === item.value) {
+        return
+      }
+
+      this.activeIndex = item.value;
+      
+      // 向外传递被点击的对象
+      this.$emit('tabChange', {
+        index,
+        item,
+        value: item.value || item.id || index
+      })
+    },
+
+    // 外部调用的方法：切换tab
+    switchTab(index) {
+      if (index >= 0 && index < this.tabList.length && index !== this.activeIndex) {
+        this.activeIndex = index
+        const item = this.tabList[index]
+        this.$emit('tabChange', {
+          index,
+          item,
+          value: item.value || item.id || index
+        })
+      }
+    },
+
+    // 外部调用的方法：获取当前激活的tab
+    getCurrentTab() {
+      return {
+        index: this.activeIndex,
+        item: this.tabList[this.activeIndex],
+        value: this.tabList[this.activeIndex]?.value || this.tabList[this.activeIndex]?.id || this.activeIndex
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.capsule-tab-container {
+  display: inline-flex;
+  background: #f5f5f5;
+  border-radius: 32rpx;
+  padding: 2rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.capsule-tab-item {
+  position: relative;
+  padding: 8rpx 30rpx;
+  border-radius: 30rpx;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  user-select: none;
+
+  // 第一个和最后一个的特殊圆角处理
+  //   &.capsule-tab-first {
+  //     border-top-right-radius: 0;
+  //     border-bottom-right-radius: 0;
+  //   }
+
+  //   &.capsule-tab-last {
+  //     border-top-left-radius: 0;
+  //     border-bottom-left-radius: 0;
+  //   }
+
+  // 非激活状态
+  &:not(.capsule-tab-active) {
+    background: transparent;
+
+    .capsule-tab-text {
+      color: #666666;
+      font-weight: normal;
+    }
+
+
+  }
+
+  // 激活状态
+  &.capsule-tab-active {
+    background: #0299FA;
+    box-shadow: 0 2rpx 8rpx rgba(24, 144, 255, 0.3);
+
+    .capsule-tab-text {
+      color: #ffffff;
+     
+    }
+  }
+}
+
+.capsule-tab-text {
+  font-size: 22rpx;
+  line-height: 1;
+  transition: all 0.3s ease;
+}
+
+</style>

src/pages/eikonStatistics/components/topInfo.vue

@@ -0,0 +1,387 @@
+<template>
+    <view class="top-info-wrapper">
+        <view class="top-info-container">
+        <view class="info-content">
+            <!-- 左侧信息区域 -->
+            <view class="left-info">
+                <!-- 上面：根据角色显示部门信息 -->
+                <view class="department-info">
+                    <text class="department-value">{{ currentDepartmentPath }}</text>
+                </view>
+
+                <!-- 下面：根据是否个人显示不同信息 -->
+                <view class="user-info">
+                    <text v-if="isPersonal" class="user-name">姓名：{{ currentLevelUserName }}</text>
+                    <text v-else class="stat-count">统计人数：{{ currentLevelUserCount }}</text>
+                </view>
+            </view>
+
+            <!-- 右侧切换按钮 -->
+            <view v-if="!userRoles.includes('SecurityCheck')&&currentTab != 'team'" class="right-switch" @click="openPopup">
+                <image src="/static/images/icon/switch.png" mode="aspectFit" class="switch-image" />
+            </view>
+        </view>
+
+        <!-- 切换弹窗 -->
+        <uni-popup ref="SelectPopup" type="center" :mask-click="false">
+            <view class="popup-container">
+                <view class="popup-header">
+                    <text class="popup-title">选择</text>
+                    <view class="popup-close" @click="closePopup">×</view>
+                </view>
+
+                <!-- 搜索框 -->
+                <view class="search-section">
+                    <uni-easyinput v-model="searchKeyword" :placeholder="userRoles.includes('banzuzhang') ? '请输入姓名搜索' : '请输入部门名称、姓名搜索'" :clearable="true" />
+                </view>
+
+                <!-- 部门树 -->
+                <view class="tree-section">
+                    <scroll-view scroll-y="true" class="tree-scroll">
+                        <mix-tree :list="filteredTreeData" :expandAll="!!searchKeyword" @treeItemClick="handleNodeSelect" />
+                    </scroll-view>
+                </view>
+
+                <!-- 按钮区域 -->
+                <view class="button-section">
+                    <view class="btn-cancel" @click="closePopup">取消</view>
+                    <view class="btn-confirm" @click="confirmSelection">确定</view>
+                </view>
+            </view>
+        </uni-popup>
+        </view>
+    </view>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import mixTree from '@/uni_modules/mix-tree/components/mix-tree/mix-tree.vue'
+import { getDeptUserTree,getUserInfoById } from '@/api/system/user'
+export default {
+    name: 'TopInfo',
+    components: {
+        mixTree
+    },
+    props:{ 
+        currentTab: {
+            type: String,
+            default: ''
+        }
+    },
+    data() {
+        return {
+            searchKeyword: '',
+            selectedNode: null,
+            // 模拟部门树数据
+            departmentTree: [],
+            allLabels: [],
+            // 存储通过currentLevelId获取的用户姓名
+            currentLevelUserName: ''
+        }
+    },
+    computed: {
+        ...mapState({
+            userInfo: state => state.user.userInfo,
+            userRoles: state => state.user.roles,
+            currentDepartmentPath: state => state.eikonLevel.currentDepartmentPath,
+            currentLevelId: state => state.eikonLevel.currentLevelId,
+            currentLevelUserCount: state => state.eikonLevel.currentLevelUserCount
+        }),
+        ...mapGetters('eikonLevel', ['isPersonal', 'isZhanZhang', 'isKeZhang', 'isBanZuZhang']),
+        // 获取部门标签文本
+        getDepartmentLabel() {
+            if (this.isBanZuZhang) return '班组'
+            if (this.isKeZhang) return '科室'
+            if (this.isZhanZhang) return '站'
+            return '部门'
+        },
+        
+        // 过滤后的树数据
+        filteredTreeData() {
+            if (!this.searchKeyword) {
+                // 没有搜索关键词时，设置第一层节点的showChild为true
+                return this.departmentTree.map(node => ({
+                    ...node,
+                    showChild: true  // 设置第一层节点为展开状态
+                }))
+            }
+
+            const filterTree = (nodes) => {
+                if (!nodes || !Array.isArray(nodes)) {
+                    return []
+                }
+
+                return nodes.filter(node => {
+                    const matches = node.label && node.label.toLowerCase().includes(this.searchKeyword.toLowerCase())
+                    if (node.children && node.children.length > 0) {
+                        const filteredChildren = filterTree(node.children)
+                        return matches || filteredChildren.length > 0
+                    }
+                    return matches
+                }).map(node => ({
+                    ...node,
+                    children: node.children && node.children.length > 0 ? filterTree(node.children) : undefined
+                }))
+            }
+
+            return filterTree(this.departmentTree)
+        }
+    },
+    methods: {
+        // 根据currentLevelId获取用户信息
+        async getUserInfoByLevelId() {
+            if (this.isPersonal && this.currentLevelId) {
+                try {
+                    const res = await getUserInfoById(this.currentLevelId)
+                    if (res.data) {
+                        this.currentLevelUserName = res.data.nickName || res.data.userName || '未知用户'
+                    }
+                } catch (error) {
+                    console.error('获取用户信息失败:', error)
+                    this.currentLevelUserName = '未知用户'
+                }
+            } else {
+                this.currentLevelUserName = ''
+            }
+        },
+        
+        // 打开弹窗
+        openPopup() {
+            this.$refs.SelectPopup.open();
+
+            this.searchKeyword = ''
+            this.selectedNode = null
+            this.getDeptTree()
+        },
+
+        // 关闭弹窗
+        closePopup() {
+            this.$refs.SelectPopup.close();
+            this.searchKeyword = ''
+            this.selectedNode = null
+        },
+        // 节点选择
+        handleNodeSelect(item) {
+            console.log('item', item)
+            // mix-tree组件返回的是扁平化后的节点数据，包含id、name、parentId等信息
+            this.selectedNode = item
+        },
+        // 确认选择
+        confirmSelection() {
+            if (this.selectedNode) {
+                // 获取选中节点的所有父级 label（包含本级）
+                const allLabels = this.getAllLabels(this.selectedNode)
+                console.log('选中节点的完整路径 label:', allLabels)
+                this.allLabels = allLabels;
+                // 将完整路径信息传递给事件
+
+                this.$emit('department-change', this.selectedNode)
+            }
+            this.closePopup()
+        },
+        // 获取节点在树结构中的所有 label（包含本级）
+        getAllLabels(node) {
+            console.log('node', node)
+            if (!node || !this.departmentTree.length) {
+                return []
+            }
+
+            const findNodePath = (treeNodes, targetId, path = []) => {
+                for (const treeNode of treeNodes) {
+                    // 如果找到目标节点，返回包含本级 label 的路径
+                    if (treeNode.id === targetId) {
+                        return [...path, treeNode.label]
+                    }
+
+                    // 如果有子节点，递归查找
+                    if (treeNode.children && treeNode.children.length > 0) {
+                        const newPath = [...path, treeNode.label]
+                        const result = findNodePath(treeNode.children, targetId, newPath)
+                        if (result) {
+                            return result
+                        }
+                    }
+                }
+                return null
+            }
+
+            const fullPath = findNodePath(this.departmentTree, node.id)
+
+            return fullPath || []
+        },
+        async getDeptTree() {
+
+
+            let params = {}
+            if (this.userRoles.includes('test')) {
+                params.deptId = this.userInfo.stationId
+            }
+            if (this.userRoles.includes('kezhang')) {
+                params.deptId = this.userInfo.departmentId
+            }
+            if (this.userRoles.includes('banzuzhang')) {
+                params.deptId = this.userInfo.teamsId
+            }
+            let res = await getDeptUserTree(params)
+            this.departmentTree = res.data
+        }
+    },
+    
+   
+    
+    // 监听currentLevelId和isPersonal的变化
+    watch: {
+        currentLevelId: {
+            handler() {
+                this.getUserInfoByLevelId()
+            },
+            immediate: true
+        },
+       
+    }
+}
+</script>
+
+
+
+
+
+<style lang="scss" scoped>
+.top-info-wrapper {
+    width: 100%;
+    padding: 40rpx;
+}
+
+.top-info-container {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+}
+
+.info-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.left-info {
+    flex: 1;
+}
+
+.department-info {
+    margin-bottom: 16rpx;
+
+    .department-label {
+        font-size: 28rpx;
+        color: #666;
+        font-weight: 500;
+    }
+
+    .department-value {
+        font-size: 32rpx;
+        color: #333;
+        font-weight: 600;
+    }
+}
+
+.user-info {
+
+    .user-name,
+    .stat-count {
+        font-size: 26rpx;
+        color: #999;
+    }
+}
+
+.right-switch {
+
+
+    .switch-image {
+        width: 40rpx;
+        height: 40rpx;
+    }
+
+
+
+}
+
+.popup-container {
+    width: 600rpx;
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx;
+}
+
+.popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24rpx;
+
+    .popup-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+    }
+
+    .popup-close {
+        font-size: 40rpx;
+        color: #999;
+        cursor: pointer;
+
+        &:active {
+            color: #666;
+        }
+    }
+}
+
+.search-section {
+    margin-bottom: 24rpx;
+}
+
+.tree-section {
+
+    margin-bottom: 32rpx;
+
+    .tree-scroll {
+        height: 500rpx;
+    }
+}
+
+/* mix-tree组件自带样式，无需额外定义 */
+
+.button-section {
+    display: flex;
+    justify-content: flex-end;
+    gap: 24rpx;
+
+    .btn-cancel,
+    .btn-confirm {
+        padding: 20rpx 40rpx;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        font-weight: 500;
+        border: none;
+        cursor: pointer;
+    }
+
+    .btn-cancel {
+        background: #f5f5f5;
+        color: #666;
+
+        &:active {
+            background: #e8e8e8;
+        }
+    }
+
+    .btn-confirm {
+        background: #4873E3;
+        color: #fff;
+
+        &:active {
+            background: #3a5bc7;
+        }
+    }
+}
+</style>

src/pages/eikonStatistics/index.vue

@@ -0,0 +1,528 @@
+<template>
+  <home-container ref="homeContainer" :customStyle="{ background: 'none' }" @scroll="handleScroll"
+    @scroll-end="handleScrollEnd">
+    <div class="eikon-statistics-container">
+      <!-- 个人模式显示选项卡 -->
+      <h-tabs v-if="hasTabs" v-model="currentTab" :tabs="tabList" value-key="type" label-key="title"
+        @change="handleTabChange" class="h-tabs-fixed" />
+
+      <topInfo @department-change="handleDepartmentChange"
+        :class="['top-info-fixed', hasTabs ? 'with-tabs' : 'without-tabs']" :currentTab="currentTab" />
+
+      <!-- 总体概览和详细内容区域 -->
+      <div class="content-section" :class="hasTabs ? 'with-tabs' : 'without-tabs'">
+        <!-- 总体概览 -->
+        <div class="overview-section">
+          <div class="section-title">总体概览</div>
+          <general-overview :overview-data="overviewData" />
+        </div>
+
+        <!-- 详细内容 -->
+        <div class="detail-section">
+          <div class="section-title">详细内容</div>
+
+          <!-- 资质能力 -->
+          <qualification />
+
+          <!-- 工作履历 -->
+          <work-experience />
+
+          <!-- 出勤投入 -->
+          <attendance />
+
+          <!-- 工作产出 -->
+          <work-output />
+
+          <!-- 标准执行 -->
+          <standard-execution />
+
+          <!-- 学习成长 -->
+          <learning-growth />
+
+          <!-- 协同配合 -->
+          <collaboration />
+
+          <!-- 主观印象 -->
+          <subjective-impression />
+
+          <!-- 成员明细 -->
+          <member-details v-if="!isPersonal" @nameClick="handleNameClick" />
+        </div>
+      </div>
+    </div>
+
+    <!-- 返回上一级按钮 -->
+    <div v-if="hasOldLevel" class="back-button" :class="{ 'back-button-hidden': isScrolling }">
+      <div class="back-circle" @click="goBack">
+        <div class="back-icon">
+          <uni-icons type="back" size="40rpx" color="#ffffff"></uni-icons>
+        </div>
+        <div class="back-text">返回上一级</div>
+      </div>
+    </div>
+  </home-container>
+</template>
+
+<script>
+import { mapActions, mapState, mapGetters } from 'vuex'
+import HomeContainer from "@/components/HomeContainer.vue";
+import HTabs from "@/components/h-tabs/h-tabs.vue";
+import { getInfo } from "@/api/login"
+import topInfo from "@/pages/eikonStatistics/components/topInfo.vue"
+import GeneralOverview from "@/pages/eikonStatistics/components/general-overview.vue"
+import StandardExecution from "@/pages/eikonStatistics/components/standard-execution.vue"
+import Collaboration from "@/pages/eikonStatistics/components/collaboration.vue"
+import Qualification from "@/pages/eikonStatistics/components/Qualification.vue"
+import WorkExperience from "@/pages/eikonStatistics/components/WorkExperience.vue"
+import Attendance from "@/pages/eikonStatistics/components/Attendance.vue"
+import WorkOutput from "@/pages/eikonStatistics/components/WorkOutput.vue"
+import LearningGrowth from "@/pages/eikonStatistics/components/LearningGrowth.vue"
+import SubjectiveImpression from "@/pages/eikonStatistics/components/SubjectiveImpression.vue"
+import MemberDetails from "@/pages/eikonStatistics/components/MemberDetails.vue"
+import { getModuleMetrics } from "@/api/eikonStatistics/eikonStatistics"
+
+export default {
+  components: { HomeContainer, HTabs, topInfo, GeneralOverview, StandardExecution, Collaboration, Qualification, WorkExperience, Attendance, WorkOutput, LearningGrowth, SubjectiveImpression, MemberDetails },
+  data() {
+    return {
+      currentTab: 'personal', // 当前选中的选项卡
+      isScrolling: false, // 是否正在滚动
+      // 选项卡列表
+      tabList: [
+        {
+          type: 'personal',
+          title: '个人'
+        },
+        {
+          type: 'team',
+          title: '班组'
+        }
+      ],
+      // 概览数据
+      overviewData: {
+        // 左侧数据
+        qualificationAbility: 0,
+        attendanceInput: 0,
+        standardExecution: 0,
+        coordination: 0,
+        // 右侧数据
+        workHistory: 0,
+        workOutput: 0,
+        learningGrowth: 0,
+        subjectiveImpression: 0
+      },
+
+    };
+  },
+  computed: {
+    ...mapState({
+      userInfo: state => state.user.userInfo,
+      userRoles: state => state.user.roles || [],
+      currentLevel: state => state.eikonLevel.currentLevel,
+      currentLevelId: state => state.eikonLevel.currentLevelId,
+      oldLevel: state => state.eikonLevel.oldLevel,
+      oldLevelId: state => state.eikonLevel.oldLevelId,
+      allData: state => state.eikonLevel.allData,
+      systemData: state => state.eikonLevel.systemData
+    }),
+    ...mapGetters('eikonLevel', ['isPersonal', 'isZhanZhang', 'isKeZhang', 'isBanZuZhang']),
+    hasOldLevel() {
+      return this.oldLevel && this.oldLevelId
+    },
+    hasTabs() {
+      return this.userRoles.includes('SecurityCheck') || this.userRoles.includes('banzuzhang')
+    }
+  },
+  async onLoad() {
+    // 设置初始级别
+    await this.setInitialLevel();
+    // 加载初始数据
+    await this.loadPageData();
+    console.log(this.userInfo, "userInfo")
+  },
+
+  methods: {
+    ...mapActions('eikonLevel', ['changeLevel', 'initLevel', 'saveAllData', 'loadData']),
+    //根据不同的登录角色，赋予初始级别
+    async setInitialLevel() {
+      let isZhanZhang = this.userRoles && this.userRoles.includes('test')
+      let isKeZhang = this.userRoles && this.userRoles.includes('kezhang')
+      let isZhiJian = this.userRoles && this.userRoles.includes('zhijianke')
+
+      if (isKeZhang || isZhanZhang ||isZhiJian) {
+        this.initLevel({ level: isKeZhang ? 'department' : 'station', levelId: isKeZhang ? this.userInfo.departmentId : this.userInfo.stationId })
+      } else {
+        this.initLevel({ level: 'personal', levelId: this.userInfo.userId })
+      }
+
+    },
+
+    // 选项卡切换处理
+    async handleTabChange(tabType, tabItem) {
+      this.currentTab = tabType;
+      if (tabType === 'team') {
+        this.initLevel({ level: 'team', levelId: this.userInfo.teamsId })
+      } else {
+        this.initLevel({ level: 'personal', levelId: this.userInfo.userId })
+      }
+      // 根据选项卡类型加载不同的数据
+      await this.loadPageData();
+
+      // 滚动到顶部
+      this.scrollToTop()
+    },
+    handleNameClick(row) {
+      // 滚动到顶部
+      this.scrollToTop()
+    },
+    scrollToTop() {
+      this.$nextTick(() => {
+        if (this.$refs.homeContainer && this.$refs.homeContainer.scrollToTop) {
+          this.$refs.homeContainer.scrollToTop();
+        }
+      });
+    },
+    // 部门选择变化处理
+    async handleDepartmentChange(selectedDepartment) {
+      console.log('部门选择变化:', selectedDepartment);
+      const { deptType } = selectedDepartment
+      if (deptType == 'STATION') {
+        this.initLevel({ level: 'station', levelId: selectedDepartment.id })
+      }
+      if (deptType == 'DEPARTMENT') {
+        this.initLevel({ level: 'department', levelId: selectedDepartment.id })
+      }
+      if (deptType == 'TEAMS') {
+        this.initLevel({ level: 'team', levelId: selectedDepartment.id })
+      }
+      if (!deptType) {
+        this.initLevel({ level: 'personal', levelId: selectedDepartment.id })
+      }
+      // 重新加载数据
+      await this.loadPageData();
+    },
+
+    // 加载数据方法
+    async loadPageData() {
+      try {
+        await this.loadData()
+      } catch (error) {
+        console.error('加载数据失败:', error);
+        uni.showToast({
+          title: '数据加载失败',
+          icon: 'none'
+        });
+      }
+    },
+
+    // 滚动处理
+    handleScroll() {
+      this.isScrolling = true
+    },
+
+    // 滚动停止处理
+    handleScrollEnd() {
+      this.isScrolling = false
+    },
+
+    // 返回上一级
+    async goBack() {
+      this.initLevel({
+        level: this.oldLevel,
+        levelId: this.oldLevelId
+      })
+      // 重新加载数据
+      await this.loadPageData();
+    }
+
+  }
+}</script>
+
+<style lang="scss" scoped>
+.eikon-statistics-container {
+  padding: 20rpx;
+}
+
+// 固定选项卡样式
+.h-tabs-fixed {
+  padding: 22rpx 44rpx;
+  position: fixed;
+  top: 78rpx;
+  left: 0;
+  right: 0;
+  z-index: 998;
+  background: #ffffff;
+
+}
+
+// 固定顶部信息样式
+.top-info-fixed {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 998;
+  background: #ffffff;
+ 
+}
+
+// 当h-tabs显示时，topInfo的top位置
+.top-info-fixed.with-tabs {
+  top: 160rpx;
+}
+
+// 当h-tabs不显示时，topInfo的top位置
+.top-info-fixed.without-tabs {
+  top: 78rpx;
+
+}
+
+// 总体概览和详细内容区域样式
+.content-section {
+  /* 为固定的h-tabs和topInfo预留空间 */
+}
+
+// 当h-tabs显示时，content-section的margin-top
+.content-section.with-tabs {
+  margin-top: 290rpx;
+}
+
+// 当h-tabs不显示时，content-section的margin-top
+.content-section.without-tabs {
+  margin-top: 210rpx;
+}
+
+.overview-section,
+.detail-section {
+  margin-bottom: 40rpx;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333333;
+  text-align: left;
+  margin-bottom: 24rpx;
+}
+
+.overview-content {
+  display: flex;
+  justify-content: space-between;
+  background: #ffffff;
+  border-radius: 16rpx;
+  padding: 32rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+.overview-item {
+  text-align: center;
+  flex: 1;
+}
+
+.overview-number {
+  font-size: 48rpx;
+  font-weight: bold;
+  color: #1890ff;
+  margin-bottom: 8rpx;
+}
+
+.overview-label {
+  font-size: 24rpx;
+  color: #666666;
+}
+
+
+
+.detail-item {
+  padding: 24rpx 0;
+  border-bottom: 1rpx solid #f0f0f0;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.detail-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.detail-title {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #333333;
+}
+
+.detail-time {
+  font-size: 24rpx;
+  color: #999999;
+}
+
+.detail-description {
+  font-size: 26rpx;
+  color: #666666;
+  line-height: 1.5;
+}
+
+/* 折叠面板内容样式 */
+.collapse-content {
+  padding: 20rpx;
+}
+
+.content-item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+  min-width: 120rpx;
+  margin-right: 16rpx;
+}
+
+.item-value {
+  font-size: 26rpx;
+  color: #999999;
+  flex: 1;
+  line-height: 1.5;
+}
+
+/* 查获排名样式 */
+.seize-ranking-section {
+  margin-top: 30rpx;
+  border-top: 1rpx solid #f0f0f0;
+  padding-top: 20rpx;
+}
+
+.ranking-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.ranking-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333333;
+}
+
+.ranking-content {
+  background: #f8f9fa;
+  border-radius: 12rpx;
+  padding: 20rpx;
+}
+
+.ranking-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.ranking-item {
+  display: flex;
+  align-items: center;
+  padding: 12rpx 16rpx;
+  background: #ffffff;
+  border-radius: 8rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+}
+
+.rank-number {
+  width: 40rpx;
+  height: 40rpx;
+  background: #4873E3;
+  color: #ffffff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  font-weight: bold;
+  margin-right: 16rpx;
+}
+
+.rank-name {
+  flex: 1;
+  font-size: 26rpx;
+  color: #333333;
+  font-weight: 500;
+}
+
+.rank-count {
+  font-size: 26rpx;
+  color: #4873E3;
+  font-weight: bold;
+}
+
+/* 查获排名进度条样式 */
+.ranking-progress {
+  margin-top: 20rpx;
+  padding: 20rpx;
+  background: #ffffff;
+  border-radius: 12rpx;
+
+  .progress-text {
+    font-size: 28rpx;
+    color: #333;
+    font-weight: 500;
+  }
+}
+
+/* 学习成长样式 */
+.learning-ranking-section {}
+
+/* 返回按钮样式 */
+.back-button {
+  position: fixed;
+  right: 30rpx;
+  bottom: 120rpx;
+  z-index: 999;
+  transition: transform 0.3s ease-in-out;
+}
+
+.back-button-hidden {
+  transform: translateX(120rpx);
+}
+
+.back-circle {
+  width: 120rpx;
+  height: 120rpx;
+  background: linear-gradient(135deg, #4873E3 0%, #6A8EE8 100%);
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 24rpx rgba(72, 115, 227, 0.3);
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+}
+
+.back-circle:active {
+  transform: scale(0.95);
+  box-shadow: 0 4rpx 12rpx rgba(72, 115, 227, 0.4);
+}
+
+.back-icon {
+  margin-bottom: 8rpx;
+}
+
+.back-text {
+  font-size: 20rpx;
+  color: #ffffff;
+  font-weight: 500;
+  text-align: center;
+  margin-bottom: 20rpx;
+  line-height: 1.2;
+}
+</style>

src/pages/exam-list/index.vue

@@ -0,0 +1,426 @@
+<template>
+  <home-container>
+    <div class="exam-list-container">
+      <h-search v-model="keyword" placeholder="请输入测试名称" :showAction="true" actionText="搜索" @search="handleSearch"
+        @custom="handleSearch" @clear="handleClear" />
+
+      <!-- 每日答题入口 -->
+      <!-- <div class="daily-exam-entry" @click="gotoDailyExam">
+        <div class="daily-exam-icon">📝</div>
+        <div class="daily-exam-content">
+          <div class="daily-exam-title">每日答题</div>
+          <div class="daily-exam-desc">每天坚持练习，提升业务能力</div>
+        </div>
+        <div class="daily-exam-arrow">›</div>
+      </div> -->
+
+      <div class="tabs">
+        <div v-for="item in tabList" :key="item.type" :class="{ active: item.type === currentTab }" class="tabs-item"
+          @click="tabClick(item)">
+          {{ item.title }}
+        </div>
+      </div>
+
+      <div class="exam-list">
+        <div v-for="item in filteredExamList" :key="item.id" class="exam-item">
+          <div class="exam-item-title">
+            {{ item.title }}
+            <div :class="item.status" class="exam-item-status">
+              {{ statusMap[item.status] }}
+            </div>
+          </div>
+          <div class="exam-item-desc">
+            <div class="exam-item-desc-item time">{{ item.time/60 }}分钟</div>
+            <!-- <div class="exam-item-desc-item date">{{ item.date }}</div> -->
+            <!-- <div class="exam-item-desc-item level">{{ item.level }}</div> -->
+          </div>
+          <div class="exam-item-btn">
+            <div class="exam-item-btn-score">
+              <span>{{ item.questionNum }}题</span>
+              <span v-if="item.status === 'done'">
+                <i>{{ item.score }}分</i>
+                /{{ item.allScore }}分
+              </span>
+              <span v-if="item.status !== 'done'">{{ item.allScore }}分</span>
+            </div>
+            <span v-if="item.status === 'pending'" class="btn" @click="handleSubmit(item)">开始测试</span>
+            <span v-if="item.status === 'done'" class="btn done" @click="handleSubmit(item)">查看详情</span>
+            <span v-if="item.status === 'timeout'" class="btn timeout">已过期</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { serializeData } from "@/utils/common";
+import { getExamRecordList } from "@/api/exam/exam"
+import { getUserExamRecordList } from "@/api/exam/exam"
+
+
+
+export default {
+  components: { HomeContainer, },
+  data() {
+    return {
+      keyword: '',
+      filteredExamList: [],
+
+      tabList: [
+        {
+          type: 'all',
+          title: '全部'
+        },
+        {
+          type: 'pending',
+          title: '待测试'
+        },
+        {
+          type: 'done',
+          title: '已完成'
+        },
+        {
+          type: 'timeout',
+          title: '已过期'
+        }
+      ],
+      currentTab: 'all',
+      statusMap: {
+        pending: '待测试',
+        done: '已完成',
+        timeout: '已过期'
+      },
+      examList: [
+        // {
+        //   id: 1,
+        //   title: '2025年第二季度安全知识考核',
+        //   status: 'pending',
+        //   time: '60分钟',
+        //   date: '截止日期',
+        //   level: '中级',
+        //   questionNum: 20,
+        //   allScore: '100'
+        // },
+        // {
+        //   id: 2,
+        //   title: '行李安检新技术培训考核',
+        //   status: 'done',
+        //   time: '60分钟',
+        //   date: '截止日期',
+        //   level: '中级',
+        //   questionNum: 20,
+        //   allScore: '100',
+        //   score: '80'
+        // },
+        // {
+        //   id: 3,
+        //   title: '2025年第二季度安全知识考核',
+        //   status: 'timeout',
+        //   time: '60分钟',
+        //   date: '截止日期',
+        //   level: '中级',
+        //   questionNum: 20,
+        //   allScore: '100'
+        // }
+      ]
+    }
+  },
+  mounted() {
+    // this.initDate(); // 初始化数据
+    // this.filterExamList(); // 首次过滤
+  },
+  async onLoad(options) {
+    this.status = options.status;
+    await this.initDate();
+    this.filterExamList(); // 首次过滤
+
+
+  },
+  methods: {
+    handleSearch(val) {
+      console.log("val",val)
+      if (!val) {
+        this.filteredExamList = [...this.examList];
+        return;
+      }
+      // 本地模糊匹配
+      this.filteredExamList = this.examList.filter(item =>
+        item.title.includes(val)
+      );
+      console.log("this.filteredExamList",this.filteredExamList)
+    },
+    handleClear() {
+      this.keyword = '';
+      this.filteredExamList = [...this.examList];
+    },
+    tabClick(tab) {
+      this.currentTab = tab.type; // 记录当前激活的 tab
+      this.filterExamList();
+    },
+    filterExamList() {
+      if (this.currentTab === 'all') {
+        // 显示全部
+        this.filteredExamList = [...this.examList];
+      } else {
+        // 只显示当前状态
+        this.filteredExamList = this.examList.filter(item => item.status === this.currentTab);
+      }
+    },
+    handleSubmit(item) {
+      console.info("🚀🚀 ~ file:index line:122 -----", item)
+      uni.navigateTo({
+        url: '/pages/exam/index' + serializeData({
+          id: item.id,
+          status: item.status,
+          erId: item.erId,
+          exTime: item.time/60
+        }),
+      });
+    },
+    gotoDailyExam() {
+      uni.navigateTo({
+        url: '/pages/daily-exam/task-list/index'
+      });
+    },
+    async initDate() {
+      try {
+
+        const response1 = await getUserExamRecordList({ "clientType": "client_type_kg_app" });
+        const nameToIdMap = new Map(
+          (response1.model?.list || []).map(r => [r.erExId, {"erId":r.erId,"score":r.erScore}])
+        );
+        console.log("nameToIdMap", nameToIdMap)
+
+        const response = await getExamRecordList({ "clientType": "client_type_kg_app", "pageNum": 1, "pageSize": 20 });
+        console.log("response", response)
+        this.examList = response.model.list.map(item => ({
+          id: item.exId,
+          title: item.exName,
+          status: nameToIdMap.has(item.exId) ? 'done' : 'pending',
+          time: item.exExamTime,
+          date: '截止日期',
+          level: '中级',
+          questionNum: item.tpQuesNum,
+          allScore: item.tpTotalScore,
+          score: nameToIdMap.get(item.exId)?.score || 0,
+          erId: nameToIdMap.get(item.exId)?.erId || null
+        }));
+      } catch (error) {
+        console.error('获取测试记录失败', error);
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.exam-list-container {
+  padding: 200rpx 0 0;
+
+  .daily-exam-entry {
+    display: flex;
+    align-items: center;
+    padding: 32rpx;
+    margin: 32rpx 0;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 16rpx;
+    box-shadow: 0 8rpx 20rpx 0 rgba(102, 126, 234, 0.3);
+
+    .daily-exam-icon {
+      width: 80rpx;
+      height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 48rpx;
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 16rpx;
+      margin-right: 24rpx;
+    }
+
+    .daily-exam-content {
+      flex: 1;
+
+      .daily-exam-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #FFFFFF;
+        line-height: 40rpx;
+        margin-bottom: 8rpx;
+      }
+
+      .daily-exam-desc {
+        font-size: 24rpx;
+        color: rgba(255, 255, 255, 0.8);
+        line-height: 32rpx;
+      }
+    }
+
+    .daily-exam-arrow {
+      font-size: 64rpx;
+      color: rgba(255, 255, 255, 0.6);
+      line-height: 1;
+    }
+  }
+
+  .tabs {
+    display: flex;
+    padding: 62rpx 0 32rpx;
+    margin-top: 32rpx;
+    font-size: 28rpx;
+    color: #666666;
+    line-height: 32rpx;
+    gap: 48rpx;
+
+    .tabs-item {
+      position: relative;
+
+
+      &:after {
+        content: "";
+        position: absolute;
+        bottom: -12rpx;
+        left: 0;
+        width: 100%;
+        height: 6rpx;
+        background: #fff;
+        border-radius: 12rpx;
+        ;
+      }
+
+      &.active {
+        font-size: 36rpx;
+        color: #2A70D1;
+        line-height: 42rpx;
+
+        &:after {
+          background: #2A70D1;
+        }
+      }
+    }
+  }
+
+  .exam-list {
+    .exam-item {
+      display: flex;
+      flex-flow: column;
+      justify-content: space-between;
+      padding: 40rpx;
+      background: #FFFFFF;
+      box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+      border-radius: 16rpx;
+      border: 2rpx solid #F0F8FF;
+      margin-top: 32rpx;
+    }
+
+    .exam-item-title {
+      display: flex;
+      justify-content: space-between;
+      font-size: 32rpx;
+      color: #333333;
+      line-height: 38rpx;
+
+      .exam-item-status {
+        background: rgba(42, 112, 209, 0.12);
+        border-radius: 80rpx;
+        padding: 8rpx 28rpx;
+        font-size: 24rpx;
+        color: #2A70D1;
+        line-height: 28rpx;
+
+        &.done {
+          background: rgba(78, 166, 26, 0.12);
+          color: #4EA61A;
+        }
+
+        &.timeout {
+          background: rgba(234, 73, 73, 0.12);
+          color: #EA4949;
+        }
+      }
+    }
+
+    .exam-item-desc {
+      display: flex;
+      gap: 48rpx;
+      margin: 40rpx 0 30rpx;
+
+      .exam-item-desc-item {
+        display: flex;
+        padding-left: 40rpx;
+        position: relative;
+
+        &:after {
+          content: "";
+          width: 32rpx;
+          height: 32rpx;
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translateY(-50%);
+          background: url("../../static/images/clock-icon.png");
+          background-size: 32rpx;
+        }
+
+        &.date {
+          &:after {
+            background-image: url("../../static/images/date-icon.png");
+          }
+        }
+
+        &.level {
+          &:after {
+            background-image: url("../../static/images/level-icon.png");
+          }
+        }
+      }
+    }
+
+    .exam-item-btn {
+      display: flex;
+      justify-content: space-between;
+      font-size: 28rpx;
+      color: #666666;
+      line-height: 32rpx;
+      align-items: flex-end;
+
+      .exam-item-btn-score {
+        display: flex;
+        gap: 40rpx;
+        align-items: flex-end;
+
+        i {
+          font-style: normal;
+          font-size: 36rpx;
+          color: #4CA518;
+          line-height: 44rpx;
+        }
+      }
+
+      .btn {
+        padding: 10rpx 28rpx;
+        background: #2A70D1;
+        border-radius: 80rpx;
+        font-size: 24rpx;
+        color: #FFFFFF;
+        line-height: 28rpx;
+        border: 2px solid #FFFFFF;
+
+        &.done {
+          background: #FFFFFF;
+          border-color: #2A70D1;
+          color: #2A70D1;
+        }
+
+        &.timeout {
+          background: #FFFFFF;
+          border-color: #C4C4C5;
+          color: #999999;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/exam/components/question-card.vue

@@ -0,0 +1,383 @@
+<!--
+ * @description: 
+ -->
+<template>
+  <div>
+    <div class="type">
+      <div class="bg">
+        <div v-if="answerList[currentQuestion]" class="question-type">
+          {{ answerList[currentQuestion].quType }}
+        </div>
+      </div>
+      <div class="bg1">
+
+        <div class="question-type">
+          第{{ currentQuestion + 1 }}题
+          <span>/共{{ answerList.length }}题</span>
+        </div>
+      </div>
+    </div>
+    <div class="question">
+      <template>
+        <div v-if="answerList[currentQuestion]" class="question-title">{{ answerList[currentQuestion].title }}</div>
+        <div class="question-answer">
+          <div class="question-answer-item">
+            <div v-if="answerList[currentQuestion] && answerList[currentQuestion].answer"
+              v-for="(el, idx) in answerList[currentQuestion].answer"
+              :class="{ 
+                active: isOptionSelected(currentQuestion, idx),
+              }"
+              class="question-answer-item-title" @click="chooseAnswer(el, currentQuestion, idx)">
+              <span class="num">{{ getOptionLabel(idx) }}</span>
+              {{ el.content }}
+             
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <div class="choose-question">
+        <div v-if="currentQuestion > 0" class="btn line" @click="preQuestion">上一题</div>
+        <div v-if="currentQuestion < answerList.length - 1" class="btn" @click="nextQuestion">下一题</div>
+      </div>
+      <div class="time">倒计时 {{ formattedTime }}</div>
+      <div class="tips"><span>无需答题，直接交卷</span></div>
+      <div class="btn line none" @click="submit">提交答卷</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "QuestionCard",
+  props: {
+    answerList: {
+      type: Array,
+      default: () => []
+    },
+    exTime: {         // 新增
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      timeLeft: 0, // 45 分钟，单位秒
+      timer: null,
+
+      activeIndex: [], // 改为存储数组，支持多选
+      currentQuestion: 0
+    }
+  },
+  computed: {
+    formattedTime() {
+      const minutes = Math.floor(this.timeLeft / 60);
+      const seconds = this.timeLeft % 60;
+      return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    },
+    // 判断当前题目是否为多选题
+    isMultipleChoice() {
+      const currentQuestion = this.answerList[this.currentQuestion];
+      return currentQuestion && currentQuestion.quType && 
+             (currentQuestion.quType.includes('多选') || 
+              currentQuestion.quType.includes('multiple') ||
+              currentQuestion.quType === '2'); // 假设2表示多选题
+    }
+  },
+  mounted() {
+      this.timeLeft = this.exTime*60 || 0;
+
+    this.startCountdown();
+  },
+  beforeDestroy() {
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  methods: {
+    startCountdown() {
+      this.timer = setInterval(() => {
+        if (this.timeLeft > 0) {
+          this.timeLeft--;
+        } else {
+          clearInterval(this.timer);
+          this.$emit("timeout"); // 可选：通知父组件时间到
+          uni.showToast({ title: '测试时间结束', icon: 'none' });
+        }
+      }, 1000);
+    },
+    getOptionLabel(index) {
+      return String.fromCharCode(65 + index); // 65 是 'A' 的 Unicode 编码
+    },
+    // 判断选项是否被选中
+    isOptionSelected(questionIndex, optionIndex) {
+      const selectedOptions = this.activeIndex[questionIndex];
+      if (!selectedOptions) return false;
+      
+      if (Array.isArray(selectedOptions)) {
+        return selectedOptions.some(option => option.eroConnNo === optionIndex);
+      } else {
+        return selectedOptions.eroConnNo === optionIndex;
+      }
+    },
+    // 选择答案（支持多选）
+    chooseAnswer(el, questionIndex, optionIndex) {
+      const currentQuestion = this.answerList[questionIndex];
+      const isMultiple = currentQuestion && currentQuestion.quType && 
+                       (currentQuestion.quType.includes('多选') || 
+                        currentQuestion.quType.includes('multiple') ||
+                        currentQuestion.quType === '2');
+      
+      if (isMultiple) {
+        // 多选题逻辑
+        let selectedOptions = this.activeIndex[questionIndex] || [];
+        
+        // 如果selectedOptions不是数组（可能是旧数据），转换为数组
+        if (!Array.isArray(selectedOptions)) {
+          selectedOptions = selectedOptions.eroConnNo !== undefined ? [selectedOptions] : [];
+        }
+        
+        // 检查是否已经选中
+        const existingIndex = selectedOptions.findIndex(option => option.eroConnNo === optionIndex);
+        
+        if (existingIndex > -1) {
+          // 如果已经选中，移除
+          selectedOptions.splice(existingIndex, 1);
+        } else {
+          // 如果未选中，添加
+          selectedOptions.push({ 
+            "quId": el.quId, 
+            "eroConnNo": optionIndex, 
+            "eroSort": optionIndex // 使用optionIndex作为eroSort
+          });
+        }
+        
+        this.$set(this.activeIndex, questionIndex, selectedOptions);
+      } else {
+        // 单选题逻辑（保持原有逻辑）
+        this.$set(this.activeIndex, questionIndex, { 
+          "quId": el.quId, 
+          "eroConnNo": optionIndex, 
+          "eroSort": optionIndex // 使用optionIndex作为eroSort
+        });
+      }
+      
+      this.$emit("chooseAnswer", this.activeIndex);
+    },
+    submit() {
+        const leftTimeSec = this.exTime*60 - this.timeLeft;        // 剩余秒数
+
+      this.$emit("submit",leftTimeSec)
+    },
+    preQuestion() {
+      console.log(this.currentQuestion)
+      this.currentQuestion = this.currentQuestion === 0 ? 0 : this.currentQuestion - 1;
+      this.$emit("currentQuestion", this.currentQuestion)
+    },
+    nextQuestion(idx) {
+
+      this.currentQuestion = this.currentQuestion + 1
+      this.$emit("currentQuestion", this.currentQuestion)
+
+    },
+    selectQuestion(idx) {
+      this.currentQuestion = idx; // 更新当前题目索引
+      this.$emit("currentQuestion", this.currentQuestion); // 向父组件传递新的题目索引
+    },
+    getExamTime(exTime) {
+      this.timeLeft = exTime;
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.type {
+  position: relative;
+  height: 120rpx;
+  padding: 0 42rpx;
+  overflow: hidden;
+
+  .bg {
+    position: absolute;
+    left: 0;
+    width: 60%;
+    height: 100%;
+    background: linear-gradient(-130deg, transparent 80rpx, #D2EBFA 0, #D2EBFA 0);
+    border-radius: 56rpx 256rpx 0 0;
+    z-index: 1;
+    padding: 40rpx 0 0 28rpx;
+  }
+
+  .bg1 {
+    position: absolute;
+    width: 50%;
+    top: 20rpx;
+    right: 0;
+    height: 100%;
+    background: linear-gradient(180deg, #4583F0 0%, #4883F6 100%);
+    border-radius: 56rpx 56rpx 0 0;
+    padding: 40rpx 0 0 42rpx;
+
+    .question-type {
+      padding-right: 28rpx;
+      font-weight: bold;
+      font-size: 32rpx;
+      color: #FFFFFF;
+      line-height: 40rpx;
+      text-align: right;
+
+      span {
+        font-size: 26rpx;
+        color: rgba(255, 255, 255, 0.6);
+        line-height: 32rpx;
+      }
+    }
+  }
+
+  .question-type {
+    font-size: 40rpx;
+    line-height: 48rpx;
+    color: #496CF4;
+
+    span {
+      margin-left: 14rpx;
+      font-size: 26rpx;
+      color: #6896F6;
+      line-height: 30rpx;
+    }
+  }
+}
+
+.question {
+  padding: 56rpx 48rpx;
+  background: #FFFFFF;
+  border-radius: 0 32rpx 32rpx 32rpx;
+  box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
+
+  .question-title {
+    font-weight: 400;
+    font-size: 32rpx;
+    color: #3D3D3D;
+    line-height: 38rpx;
+  }
+
+  .question-answer-item-title {
+    display: flex;
+    align-items: center;
+    background: #F1F7FE;
+    border-radius: 80rpx;
+    padding: 16rpx 48rpx 16rpx 16rpx;
+    font-size: 28rpx;
+    color: #3D3D3D;
+    line-height: 34rpx;
+    margin-top: 36rpx;
+    border: 2rpx solid rgba(255, 255, 255, 0.5);
+    position: relative;
+
+    .num {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 64rpx;
+      height: 64rpx;
+      background: linear-gradient(135deg, #6E9BFC 0%, #496CF4 100%);
+      box-shadow: 4rpx 4rpx 16rpx 0 rgba(76, 112, 246, 0.3);
+      border-radius: 80rpx;
+      margin-right: 24rpx;
+      font-size: 28rpx;
+      color: #FFFFFF;
+    }
+
+    &.active {
+      background: #F1F7FE;
+      box-shadow: 0 0 20rpx 0 rgba(76, 112, 246, 0.6);
+      border-radius: 80rpx;
+      border-color: rgba(76, 112, 246, 0.5);
+
+      &:after {
+        content: "";
+        position: absolute;
+        right: 48rpx;
+        display: inline-flex;
+        width: 48rpx;
+        height: 48rpx;
+        background: url("../../../static/images/dui.png") no-repeat;
+        background-size: 100%;
+      }
+
+      
+    }
+
+  
+  }
+}
+
+.choose-question {
+  display: flex;
+  gap: 32rpx;
+  padding-top: 32rpx;
+
+  .btn {
+    flex: 1;
+  }
+}
+
+.btn,
+.time {
+  margin: 36rpx 0;
+  border-radius: 80rpx;
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #FFFFFF;
+  text-align: center;
+
+  &.none {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  border: 2px solid #fff;
+  padding: 18rpx 0;
+  background: linear-gradient(135deg, #6E9BFC 0%, #496CF4 100%);
+
+  &.line {
+    background: inherit;
+    border-color: #496CF4;
+    color: #496CF4;
+  }
+}
+
+.time {
+  margin: 32rpx 0;
+  color: #333333;
+}
+
+.tips {
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #999999;
+  text-align: center;
+  position: relative;
+
+  &:after {
+    content: "";
+    display: inline-block;
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    border-bottom: 2rpx dashed #E5E5E5;
+    transform: translateY(-50%);
+  }
+
+  span {
+    position: relative;
+    padding: 0 8rpx;
+    background: #fff;
+    z-index: 2;
+  }
+}
+</style>

src/pages/exam/components/question-done.vue

@@ -0,0 +1,165 @@
+<!--
+ * @description: 
+ -->
+<template>
+  <div class="question-done">
+    <view id="top_Echart" class="top_Echart"></view>
+
+    <div class="question-result">
+      <div class="question-result-item">
+        测试得分
+        <span class="result"> {{ questResult.erScore }}</span>
+      </div>
+      <div class="question-result-item">
+        用时
+        <span class="result"> {{ questResult.erExamTime }}</span>
+      </div>
+      <div class="question-result-item">
+        错问题数
+        <span class="result"> {{ questResult.erIncorrectCount }}</span>
+      </div>
+      <div class="question-result-item">
+        正确率
+        <span class="result"> {{ questResult.erCorrect }}%</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  name: "QuestionDone",
+  props: {
+    doneData: {
+
+    }
+  },
+  data() {
+    return {
+      questResult: {},
+      echart: null,
+      chartOption: {
+        
+      },
+    }
+  },
+  mounted() {
+    // this.initEcharts();
+  },
+  methods: {
+    // 初始化图表
+    initEcharts() {
+      this.echart = echarts.init(document.getElementById('top_Echart'));
+      this.echart.setOption(this.chartOption);
+    },
+
+    initDone(data) {
+      this.questResult = data;
+      const totalSeconds = data.erExamTime;
+const minutes = Math.floor(totalSeconds / 60);
+const seconds = totalSeconds % 60;
+const formattedTime = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+this.questResult.erExamTime = formattedTime;
+      if (data) {
+        const correct = data.erBingoCount;
+        const incorrect = data.erIncorrectCount;
+        const blank = data.erNotFilledCount;
+        // const total = correct + incorrect + blank;
+        console.log(correct)
+                console.log(incorrect)
+
+                        console.log(blank)
+
+        //                         console.log(total)
+        console.log("data========",data)
+
+        const rate = data.erRate
+
+        this.chartOption = {
+          legend: {
+            top: 'center',
+            right: '30rpx',
+            orient: 'vertical',
+          },
+          series: [
+            {
+              type: 'pie',
+              radius: ['60%', '80%'],
+              center: ['30%', '50%'],
+              avoidLabelOverlap: false,
+              label: {
+                position: 'center',
+                formatter: `{pie|${rate}%}\n{text|正确率}`,
+                rich: {
+                  pie: {
+                    color: '#222',
+                    fontSize: 24,
+                    fontWeight: 'bold'
+                  },
+                  text: {
+                    color: '#333',
+                    fontSize: 12,
+                  }
+                }
+              },
+              data: [
+                { value: correct, name: '正确', itemStyle: { color: '#4EA61A' } },
+                { value: incorrect, name: '错误', itemStyle: { color: '#EA4949' } },
+                { value: blank, name: '未答', itemStyle: { color: '#E4E4E4' } },
+              ]
+            }
+          ],
+        },
+
+
+
+
+          this.initEcharts()
+
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.question-done {
+  padding: 96rpx 48rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 32rpx 0 rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+
+  .top_Echart {
+    width: 100%;
+    height: 300rpx;
+  }
+
+  .question-result {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    padding: 36rpx 48rpx 28rpx;
+    background: #F1F7FE;
+    border-radius: 24rpx;
+    font-size: 24rpx;
+    color: #666666;
+    line-height: 28rpx;
+
+    .question-result-item {
+      display: flex;
+      flex-flow: column;
+      align-items: center;
+
+      .result {
+        margin-top: 16rpx;
+        font-size: 40rpx;
+        color: #3D3D3D;
+        line-height: 48rpx;
+      }
+    }
+  }
+}
+</style>

src/pages/exam/components/question-result.vue

@@ -0,0 +1,275 @@
+<!--
+ * @description: 
+ -->
+<template>
+  <div>
+    <div class="type">
+      <div class="bg">
+        <div v-if="resultDetail" class="question-type">
+          {{ resultDetail.quType }}
+        </div>
+      </div>
+      <div v-if="resultDetail" class="bg1">
+
+        <div v-if="resultDetail" class="question-type">
+          第{{ resultDetail.eroTpqSort + 1 }}题
+
+        </div>
+      </div>
+    </div>
+    <div class="question">
+      <template>
+        <div v-if="resultDetail" class="question-title">{{ resultDetail.title }}</div>
+        <div class="question-answer">
+          <div class="question-answer-item">
+            <div v-if="resultDetail.answer" v-for="(el, idx) in resultDetail.answer"
+              :class="{ active: el.eroConnNo !== '-1' }" class="question-answer-item-title">
+              <span class="num">{{ getOptionLabel(el.eroSort) }}</span>
+              {{ el.eroQoOption }}
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <view class="correct-answer" v-if="resultDetail.answer">
+        <text class="label">正确答案：</text>
+        <text>{{correctOptions.map(opt => getOptionLabel(opt.eroSort)).join(',')}}</text>
+
+      </view>
+
+
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "QuestionResult",
+  computed: {
+    correctOptions() {
+      return this.resultDetail?.answer?.filter(item => item.eroQoCorrect) ?? [];
+    }
+  },
+
+  data() {
+    return {
+      resultDetail: {},
+      activeIndex: [],
+      currentQuestion: 0
+    }
+  },
+  onLoad() {
+    console.log("answerList", answerList)
+  },
+  methods: {
+    getOptionLabel(index) {
+      return String.fromCharCode(65 + index); // 65 是 'A' 的 Unicode 编码
+    },
+    chooseAnswer(el, index, idx) {
+      this.$set(this.activeIndex, index, { "quId": el.quId, "eroConnNo": idx, "eroSort": el.num });
+      this.$emit("chooseAnswer", this.activeIndex)
+    },
+
+    initResult(data) {
+      console.log("22222")
+      this.resultDetail = data;
+      console.log("this.resultDetail", this.resultDetail)
+
+      //  this.currentQuestion = idx; // 更新当前题目索引
+      //   this.$emit("currentQuestion", this.currentQuestion); // 向父组件传递新的题目索引
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.type {
+  position: relative;
+  height: 120rpx;
+  padding: 0 42rpx;
+  overflow: hidden;
+
+  .bg {
+    position: absolute;
+    left: 0;
+    width: 60%;
+    height: 100%;
+    background: linear-gradient(-130deg, transparent 80rpx, #D2EBFA 0, #D2EBFA 0);
+    border-radius: 56rpx 256rpx 0 0;
+    z-index: 1;
+    padding: 40rpx 0 0 28rpx;
+  }
+
+  .bg1 {
+    position: absolute;
+    width: 50%;
+    top: 20rpx;
+    right: 0;
+    height: 100%;
+    background: linear-gradient(180deg, #4583F0 0%, #4883F6 100%);
+    border-radius: 56rpx 56rpx 0 0;
+    padding: 40rpx 0 0 42rpx;
+
+    .question-type {
+      padding-right: 28rpx;
+      font-weight: bold;
+      font-size: 32rpx;
+      color: #FFFFFF;
+      line-height: 40rpx;
+      text-align: right;
+
+      span {
+        font-size: 26rpx;
+        color: rgba(255, 255, 255, 0.6);
+        line-height: 32rpx;
+      }
+    }
+  }
+
+  .question-type {
+    font-size: 40rpx;
+    line-height: 48rpx;
+    color: #496CF4;
+
+    span {
+      margin-left: 14rpx;
+      font-size: 26rpx;
+      color: #6896F6;
+      line-height: 30rpx;
+    }
+  }
+}
+
+.question {
+  padding: 56rpx 48rpx;
+  background: #FFFFFF;
+  border-radius: 0 32rpx 32rpx 32rpx;
+  box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
+
+  .question-title {
+    font-weight: 400;
+    font-size: 32rpx;
+    color: #3D3D3D;
+    line-height: 38rpx;
+  }
+
+  .question-answer-item-title {
+    display: flex;
+    align-items: center;
+    background: #F1F7FE;
+    border-radius: 80rpx;
+    padding: 16rpx 48rpx 16rpx 16rpx;
+    font-size: 28rpx;
+    color: #3D3D3D;
+    line-height: 34rpx;
+    margin-top: 36rpx;
+    border: 2rpx solid rgba(255, 255, 255, 0.5);
+
+    .num {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 64rpx;
+      height: 64rpx;
+      background: linear-gradient(135deg, #6E9BFC 0%, #496CF4 100%);
+      box-shadow: 4rpx 4rpx 16rpx 0 rgba(76, 112, 246, 0.3);
+      border-radius: 80rpx;
+      margin-right: 24rpx;
+      font-size: 28rpx;
+      color: #FFFFFF;
+    }
+
+    &.active {
+      background: #F1F7FE;
+      box-shadow: 0 0 20rpx 0 rgba(76, 112, 246, 0.6);
+      border-radius: 80rpx;
+      border-color: rgba(76, 112, 246, 0.5);
+      position: relative;
+
+      &:after {
+        content: "";
+        position: absolute;
+        right: 48rpx;
+        display: inline-flex;
+        width: 48rpx;
+        height: 48rpx;
+        background: url("../../../static/images/dui.png") no-repeat;
+        background-size: 100%;
+      }
+    }
+  }
+}
+
+.choose-question {
+  display: flex;
+  gap: 32rpx;
+  padding-top: 32rpx;
+
+  .btn {
+    flex: 1;
+  }
+}
+
+.btn,
+.time {
+  margin: 36rpx 0;
+  border-radius: 80rpx;
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #FFFFFF;
+  text-align: center;
+
+  &.none {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  border: 2px solid #fff;
+  padding: 18rpx 0;
+  background: linear-gradient(135deg, #6E9BFC 0%, #496CF4 100%);
+
+  &.line {
+    background: inherit;
+    border-color: #496CF4;
+    color: #496CF4;
+  }
+}
+
+.time {
+  margin: 32rpx 0;
+  color: #333333;
+}
+
+.tips {
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #999999;
+  text-align: center;
+  position: relative;
+
+  &:after {
+    content: "";
+    display: inline-block;
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    border-bottom: 2rpx dashed #E5E5E5;
+    transform: translateY(-50%);
+  }
+
+  span {
+    position: relative;
+    padding: 0 8rpx;
+    background: #fff;
+    z-index: 2;
+  }
+
+  .correct-answer {
+    margin-top: 40rpx;
+    font-size: 32rpx;
+    color: #4CAF50;
+  }
+}
+</style>

src/pages/exam/index.vue

@@ -0,0 +1,462 @@
+<template>
+  <home-container v-if="pageReady">
+    <div class="header-title">
+      <div class="title">{{ exName }}</div>
+      <div class="sub-title">测试时间：{{ exTime }}分钟 总分：{{ totalScore }}分</div>
+
+      <question-done v-if="status === 'done'" ref="QuestionDone" />
+      <question-card v-else ref="QuestionCard" :ex-time="exTime" :answer-list="answerList" @chooseAnswer="chooseAnswer"
+        @currentQuestion="cur => currentQuestion = cur" @submit="handleSubmit" />
+
+      <div v-if="status !== 'done'" class="question-card">
+        <div class="title">
+          答题卡
+          <div class="right-question-card">
+            <div class="question-status">
+              <div class="question-status-item done">
+                已答
+              </div>
+              <div class="question-status-item current">
+                当前
+              </div>
+              <div class="question-status-item">
+                未答
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="status !== 'done'" class="question-num">
+          <div v-for="(num, idx) in questionCount" :class="{
+            done: currentQuestion > idx,
+            current: currentQuestion === idx
+          }" class="question-num-item" @click="goToQuestion(idx)">
+            <div class="question-num-item-title">
+              {{ idx + 1 }}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="status === 'done'" class="question-card">
+        <div class="title">
+          答题卡
+          <div class="right-question-card">
+            <div class="question-status">
+              <div class="question-status-item done">
+                正确
+              </div>
+              <div class="question-status-item mistake">
+                错误
+              </div>
+              <div class="question-status-item">
+                未答
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="status === 'done'" class="question-num">
+          <div v-for="(num, idx) in answeringSituation" :class="{
+            done: num.eroCorrectStatus == 'ALL_CORRECT' && num.eroCorrectStatus != 'NOT_FILLED',
+            mistake: num.eroCorrectStatus != 'ALL_CORRECT' && (num.eroCorrectStatus == 'PART_CORRECT'||num.eroCorrectStatus == 'INCORRECT') &&  num.eroCorrectStatus != 'NOT_FILLED'
+          }" class="question-num-item" @click="goToResult(num)">
+            <div class="question-num-item-title">
+              {{ idx + 1 }}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="resultShow" class="question-card">
+        <question-result ref="QuestionResult" :answer-list="answerList" />
+      </div>
+
+
+    </div>
+
+
+  </home-container>
+</template>
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import QuestionCard from "@/pages/exam/components/question-card.vue";
+import QuestionDone from "@/pages/exam/components/question-done.vue";
+import QuestionResult from "@/pages/exam/components/question-result.vue";
+import { getExamIntro } from "@/api/exam/exam"
+import { applyExam } from "@/api/exam/exam"
+import { submitExam } from "@/api/exam/exam"
+import { getExam } from "@/api/exam/exam"
+import { getToken } from '@/utils/auth'
+
+
+
+export default {
+  components: { QuestionDone, QuestionCard, HomeContainer, QuestionResult, },
+  data() {
+    return {
+      pageReady: false,   // 新增
+
+      resultDetail: [],
+      answeringSituation: [],
+      exName: '',
+      exTime: '40',
+      totalScore: '',
+      questionCount: 0,
+      answerList: [
+      ],
+      currentQuestion: 1,
+      status: 'done',
+      resultShow: false,
+      options: [],
+      exId: '',
+      erId: '',
+      erExamTime: 10,
+    }
+  },
+  onLoad(options) {
+ 
+
+    this.status = options.status
+    const id = options.id;
+    const erId = options.erId;
+    this.exTime = options.exTime;
+    //    console.log("this.status",this.status)
+    // if(this.status === 'done'){
+    //   uni.navigateTo({
+    //     url: '/pages/exam-list/index'
+    //   })
+    // }
+    if (erId && erId !== 'null' && erId !== 'undefined') {
+      this.exId = id;
+      this.erId = erId;
+      this.showExDetail()
+    } else {
+      this.initData(id)
+    }
+  },
+  methods: {
+    chooseAnswer(ops) {
+      this.options = ops;
+    },
+    async handleSubmit(leftTimeSec = 0) {
+      try {
+        console.log("leftTimeSec",leftTimeSec)
+        
+        // 转换options格式为后端期望的格式
+        const formattedOptions = this.formatOptionsForBackend(this.options);
+        
+        await submitExam({ "clientType": "client_type_kg_app", "exId": this.exId, "erId": this.erId, "erExamTime": leftTimeSec, "options": formattedOptions });
+        const response = await getExam({ "erId": this.erId, "clientType": "client_type_kg_app" });
+        this.status = 'done'
+        this.answeringSituation = response.model.question
+
+        const exData = {
+          "erRate": response.model.erCorrect,
+          "erScore": response.model.erScore,
+          "erExamTime": response.model.erExamTime,
+          "erCorrect": response.model.erCorrect,
+          "erBingoCount": response.model.erBingoCount, //正确的
+          "erIncorrectCount": response.model.erIncorrectCount, //错误的
+          "erNotFilledCount":response.model.erNotFilledCount //未作答
+        };
+        this.$nextTick(() => {
+          if (this.$refs.QuestionDone) {
+            this.$refs.QuestionDone.initDone(exData); // 调用子组件的 nextQuestion 方法
+          } else {
+            setTimeout(() => {
+              this.$refs.QuestionDone?.initDone(exData);
+            }, 1000);
+          }
+        });
+      } finally {
+        this.pageReady = true;      // 关键：放开渲染
+      }
+    },
+    // 格式化options为后端期望的格式
+    formatOptionsForBackend(options) {
+      if (!options || !Array.isArray(options)) return [];
+      
+      const result = [];
+      
+      options.forEach((option, index) => {
+        if (Array.isArray(option)) {
+          // 多选题：将数组中的每个选项转换为单独的对象
+          option.forEach(opt => {
+            result.push({
+              quId: opt.quId,
+              eroConnNo: opt.eroConnNo,
+              eroSort: opt.eroSort
+            });
+          });
+        } else if (option && typeof option === 'object') {
+          // 单选题：直接添加对象
+          result.push({
+            quId: option.quId,
+            eroConnNo: option.eroConnNo,
+            eroSort: option.eroSort
+          });
+        }
+      });
+      
+      return result;
+    },
+    async showExDetail() {
+      try {
+        
+        // await submitExam({ "clientType": "client_type_kg_app", "exId": this.exId, "erId": this.erId, "erExamTime": this.erExamTime, "options": this.options });
+        const response = await getExam({ "erId": this.erId, "clientType": "client_type_kg_app" });
+        this.status = 'done'
+        this.answeringSituation = response.model.question
+        this.totalScore = response.model.erTpTotalScore
+
+        const exData = {
+          "erRate": response.model.erCorrect,
+          "erScore": response.model.erScore,
+          "erExamTime": response.model.erExamTime,
+          "erCorrect": response.model.erCorrect,
+          "erBingoCount": response.model.erBingoCount, //正确的
+          "erIncorrectCount": response.model.erIncorrectCount, //错误的
+          "erNotFilledCount":response.model.erNotFilledCount //未作答
+        };
+        this.$nextTick(() => {
+          if (this.$refs.QuestionDone) {
+            this.$refs.QuestionDone.initDone(exData); // 调用子组件的 nextQuestion 方法
+          } else {
+            setTimeout(() => {
+              this.$refs.QuestionDone?.initDone(exData);
+            }, 1000);
+          }
+        });
+      } finally {
+        this.pageReady = true;      // 关键：放开渲染
+      }
+
+
+
+      // this.status = 'done'
+    },
+    goToQuestion(idx) {
+      this.currentQuestion = idx;
+
+      this.$nextTick(() => {
+        if (this.$refs.QuestionCard) {
+          this.$refs.QuestionCard.selectQuestion(idx); // 调用子组件的 nextQuestion 方法
+        } else {
+          console.error('子组件未正确引用');
+        }
+      });
+
+
+
+    },
+    async initData(id) {
+      try {
+        const response = await getExamIntro({ "id": id, "clientType": "client_type_kg_app" });
+        this.exName = response.model.exName,
+          this.exTime = response.model.exExamTime / 60
+        this.totalScore = response.model.totalScore,
+          this.questionCount = response.model.questionCount
+      } catch (error) {
+        console.error('获取测试记录失败', error);
+      }
+      try {
+        const response = await applyExam({ "id": id, "pcId": "h5", "clientType": "client_type_kg_app" })
+        const quTypeMap = {
+          SINGLE: '单选',
+          MULTIPLE: '多选',
+          JUDGMENT: '判断',
+          FILL_BLANK: '填空',
+          CONNECTION: '连线'
+        };
+        this.answerList = response.model.question.map(item => ({
+          exExamTime: response.model.exExamTime,
+          quId: item.quId,
+          quType: quTypeMap[item.quType],
+          exName: response.model.exName,
+          title: item.quContent,
+          answer: item.options.map(option => ({
+            quId: item.quId,
+            num: option.sort,
+            content: option.qoOption
+          }))
+
+        }));
+        this.erId = response.model.erId;
+        this.exId = response.model.exId
+
+
+      } finally {
+        this.pageReady = true;      // 关键：放开渲染
+      }
+
+    },
+    goToResult(result) {
+      const quTypeMap = {
+        SINGLE: '单选',
+        MULTIPLE: '多选',
+        JUDGMENT: '判断',
+        FILL_BLANK: '填空',
+        CONNECTION: '连线'
+      };
+      this.resultDetail = {
+        quType: quTypeMap[result.eroQuType],
+        title: result.eroQuContent,
+        eroTpqSort: result.eroTpqSort,
+        answer: result.option
+
+      };
+      this.$nextTick(() => {
+        if (this.$refs.QuestionResult) {
+          this.$refs.QuestionResult.initResult(this.resultDetail); // 调用子组件的 nextQuestion 方法
+        } else {
+          setTimeout(() => {
+            this.$refs.QuestionResult?.initResult(this.resultDetail);
+          }, 1000);
+        }
+      });
+      this.resultShow = true;
+
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.header-title {
+  padding: 40rpx 0 20rpx 20rpx;
+  z-index: 2;
+  position: relative;
+
+  &:after {
+    content: "";
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    right: 0;
+    width: 220rpx;
+    height: 500rpx;
+    background-image: url("../../static/images/exam.png");
+    background-repeat: no-repeat;
+    background-size: 220rpx;
+    background-position: right 40rpx;
+  }
+
+  .title {
+    font-weight: 400;
+    font-size: 40rpx;
+    color: #FFFFFF;
+    line-height: 56rpx;
+  }
+
+  .sub-title {
+    margin-top: 20rpx;
+    font-size: 28rpx;
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 40rpx;
+    padding-bottom: 56rpx;
+  }
+}
+
+
+.question-card {
+  padding: 40rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 32rpx 0 rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  margin-top: 66rpx;
+
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 36rpx;
+    color: #222222;
+    line-height: 42rpx;
+    margin-bottom: 48rpx;
+  }
+
+  .question-status {
+    display: flex;
+    align-items: center;
+    gap: 32rpx;
+
+    .question-status-item {
+      font-size: 26rpx;
+      color: #666666;
+      line-height: 30rpx;
+      padding-left: 36rpx;
+      position: relative;
+
+      &:after {
+        content: "";
+        width: 24rpx;
+        height: 24rpx;
+        border-radius: 8rpx;
+        border: 2rpx solid #C5C5C5;
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+
+      &.done {
+        &:after {
+          border-color: #5F88F8;
+          background: #5F88F8;
+        }
+      }
+
+      &.current {
+        &:after {
+          border-color: #D5E1FF;
+          background: #D5E1FF;
+        }
+      }
+
+      &.mistake {
+        &:after {
+          border-color: #fe0303;
+          background: #fe0303;
+        }
+      }
+    }
+  }
+
+  .question-num {
+    display: flex;
+    align-items: center;
+    flex-flow: wrap;
+    gap: 28rpx;
+
+    .question-num-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 64rpx;
+      height: 64rpx;
+      background: #FFFEFD;
+      border-radius: 80rpx;
+      border: 2rpx solid #D6D6D6;
+      font-size: 28rpx;
+      color: #C4C4C4;
+
+      &.done {
+        background: linear-gradient(135deg, #6E9BFC 0%, #496CF4 100%);
+        color: #FFFFFF;
+      }
+
+      &.current {
+        background: #D5E1FF;
+        color: #2A70D1;
+      }
+
+      &.mistake {
+        border-color: #fe0303;
+        background: #fe0303;
+
+      }
+    }
+  }
+}
+</style>

src/pages/home/components/announcement.vue

@@ -0,0 +1,205 @@
+<template>
+  <div class="announcement-container">
+    <head-title subTitle="了解更多安检知识" title="最新公告"></head-title>
+
+    <!-- 列表为空时显示的状态 -->
+    <div v-if="list.length === 0" class="empty-state">
+      <view class="empty"></view>
+      <text class="empty-text">暂无公告</text>
+    </div>
+
+    <!-- 有数据时显示列表 -->
+    <div v-else>
+      <div class="list">
+        <div v-for="(item, index) in list.slice(0, 2)" :key="item.id"
+          :class="[item.status, index === 0 ? 'first-item' : 'second-item']" class="list-item"
+          @click="navigateToDetail(item)">
+          <div class="list-item-title">
+            <text class="text-grey1">{{ item.noticeTitle }}</text>
+          </div>
+          <div class="list-item-content">{{ stripHtmlTags(item.noticeContent) }}</div>
+        </div>
+      </div>
+
+      <div class="more-list" @click="navigateToMore">查看全部</div>
+    </div>
+  </div>
+</template>
+<script>
+
+import HeadTitle from "@/components/HeadTitle.vue";
+import { getNoticeList } from "@/api/announcement/announcement.js";
+
+export default {
+  components: {
+    HeadTitle
+  },
+  data() {
+    return {
+      list: []
+    };
+  },
+  mounted() {
+    // 组件首次加载时获取数据
+    // this.getAnnouncementList();
+  },
+  methods: {
+    // 提供给父组件调用的刷新方法
+    refreshData() {
+      this.getAnnouncementList();
+    },
+    
+    navigateToDetail(item) {
+      console.log(item);
+      uni.navigateTo({
+        url: '/pages/announcement/announcementDetail?id=' + item.noticeId
+      });
+    },
+    // 去除HTML标签，只保留纯文本
+    stripHtmlTags(html) {
+      if (!html) return '';
+      // 使用正则表达式去除HTML标签
+      return html.replace(/<[^>]+>/g, '');
+    },
+    navigateToMore() {
+      uni.navigateTo({
+        url: '/pages/announcement/index'
+      });
+    },
+    async getAnnouncementList() {
+      try {
+        const res = await getNoticeList({
+          pageNum: 1,
+          pageSize: 2,
+          noticeType: 2,
+          status: '0'
+        });
+
+        // 处理API返回的数据，转换为组件需要的格式
+        if (res && res.rows) {
+          this.list = res.rows
+        }
+      } catch (error) {
+        console.error('获取公告列表失败:', error);
+        // 出错时使用默认数据
+        this.list = [];
+      }
+    },
+    formatTime(timeString) {
+      // 简单的时间格式化函数，根据实际API返回格式调整
+      if (!timeString) return '';
+
+      const now = new Date();
+      const past = new Date(timeString);
+      const diffMinutes = Math.floor((now - past) / (1000 * 60));
+
+      if (diffMinutes < 60) {
+        return `${diffMinutes}分钟之前`;
+      } else if (diffMinutes < 60 * 24) {
+        return `${Math.floor(diffMinutes / 60)}小时之前`;
+      } else {
+        return `${Math.floor(diffMinutes / (60 * 24))}天之前`;
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.more-list {
+  padding: 30rpx 30rpx 0 30rpx;
+  font-weight: 400;
+  font-size: 30rpx;
+  color: #666666;
+
+  text-align: center;
+}
+
+.announcement-container {
+  border-radius: 16rpx;
+  padding: 20rpx 20rpx;
+  box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+}
+
+// 空状态样式
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx 0;
+  background: #FFFFFF;
+  //box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+  margin-top: 28rpx;
+  margin-bottom: 28rpx;
+  border-radius: 16rpx;
+
+  .empty {
+    margin: 0 auto;
+    width: 160px;
+    height: 155px;
+    background: url("../../../static/images/Empty.png") no-repeat;
+    background-size: cover;
+  }
+
+  .empty-text {
+    font-size: 28rpx;
+    color: #999999;
+  }
+}
+
+// 列表样式
+.list {
+  .list-item {
+    margin-top: 28rpx;
+    padding: 20rpx 34rpx;
+    font-weight: bold;
+    font-size: 28rpx;
+    color: #222222;
+    background: #FFFFFF;
+    line-height: 32rpx;
+    //box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+    border-radius: 0 24rpx 24rpx 0;
+    // border-left: 20rpx solid #F0F8FF;
+    // border-top: 2rpx solid #F0F8FF;
+    // border-right: 2rpx solid #F0F8FF;
+    // border-bottom: 2rpx solid #F0F8FF;
+
+    // 第一个容器的边框颜色
+    &.first-item {
+      border-left: 10rpx solid #FD7474;
+    }
+
+    // 第二个容器的边框颜色
+    &.second-item {
+      border-left: 10rpx solid #2A70D2;
+    }
+
+    .list-item-title {
+      margin-bottom: 20rpx;
+
+      .text-grey2 {
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #666666;
+        line-height: 28rpx;
+      }
+    }
+
+    .list-item-content {
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #999999;
+      line-height: 28rpx;
+    }
+
+    &.error {
+      border-left: 5rpx solid #FD7474;
+    }
+
+    &.active {
+      border-left: 5rpx solid #2A70D1;
+    }
+  }
+}
+</style>

src/pages/home/components/myToDo.vue

@@ -0,0 +1,110 @@
+<template>
+    <div>
+        <div class="header">
+            <div class="title">今日待办
+                <div class="knowledge">了解更多安检知识</div>
+            </div>
+            <div class="more" @click="goToMyToDo">
+                查看更多
+                <uni-icons type="arrowright" size="16" color="#999"></uni-icons>
+            </div>
+        </div>
+
+        <div class="list">
+            <list-card v-for="item in list" :key="item.id" :class="item.status" class="list-item">
+                <template #title>
+                    <view class="list-item-title">
+                        <div class="text-grey1">{{ item.title }}</div>
+                        <list-icon :text="'移交公安'"
+                            :divStyle="{ backgroundColor: item.type === 'task' ? '#FEF8F8' : '#FEF8F8', color: '#F55B5D', border: '2rpx dashed #F55B5D' }" />
+                    </view>
+                </template>
+                <view class="list-item-content">
+                    <view class="list-label">截止：</view>
+                    <view class="list-value">{{ item.desc }}</view>
+                </view>
+            </list-card>
+        </div>
+    </div>
+</template>
+<script>
+import { listCheckTask } from "@/api/check/checkTask";
+export default {
+    data() {
+        return {
+            list: [
+                {
+                    id: 1,
+                    title: "设备故障通知",
+                    time: "10分钟之前",
+                    content: "国内出发B区X光机出现故障，技术人员正在维修，请相关人员注意。",
+                    status: 'error'
+                },
+                {
+                    id: 2,
+                    title: "排版调整通知",
+                    time: "10分钟之前",
+                    content: "7月15日安检员排班有调整，请各位员工及时查看个人排班信息。",
+                    status: 'active'
+                }
+            ]
+        };
+    },
+    methods: {
+        goToMyToDo() {
+            uni.navigateTo({
+                url: '/pages/myToDoList/index'
+            });
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 0;
+
+    .title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+
+        .knowledge {
+            font-size: 24rpx;
+            color: #999;
+        }
+    }
+
+    .more {
+        display: flex;
+        align-items: center;
+        font-size: 24rpx;
+        color: #999;
+    }
+}
+
+.list {
+    .list-item {
+        .list-item-title {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+
+        }
+
+        .list-item-content {
+            font-weight: 400;
+            font-size: 24rpx;
+            color: #666666;
+            line-height: 28rpx;
+
+            .mr-32 {
+                margin-right: 32rpx;
+            }
+        }
+    }
+}
+</style>

src/pages/home/components/notice.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="tips" @click="navigateToDetail(currentNotice)">
+    <img alt="" src="@/static/images/notice.png">
+    <div class="notice-container">
+      <transition name="slide-up-down" mode="out-in">
+        <div :key="currentNotice && currentNotice.noticeId" class="notice-content">
+          {{ currentNotice && currentNotice.noticeTitle ? currentNotice.noticeTitle : '暂无通知' }}
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getNoticeList } from "@/api/announcement/announcement.js";
+
+export default {
+  name: 'Notice',
+  data() {
+    return {
+      noticeList: [],
+      currentIndex: 0,
+      currentNotice: null,
+      timer: null
+    };
+  },
+  mounted() {
+    // 组件首次加载时获取数据
+    // this.fetchNoticeData();
+  },
+  destroyed() {
+    // 清理定时器
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  methods: {
+    // 提供给父组件调用的刷新方法
+    refreshData() {
+      this.fetchNoticeData();
+    },
+
+    // 获取公告数据
+    async fetchNoticeData() {
+
+      try {
+        const response = await getNoticeList({
+          status: '0',
+          noticeType: 1,
+          pageSize: 999
+        });
+
+        // 假设response.data包含公告列表
+        this.noticeList = response.rows || [];
+        if (this.noticeList.length > 0) {
+          this.currentNotice = this.noticeList[0];
+          if (this.timer) {
+            clearInterval(this.timer);
+          }
+          // 数据加载完成后启动轮播
+          this.startCarousel();
+        }
+      } catch (error) {
+        console.error('获取公告数据失败:', error);
+      }
+    },
+
+    // 开始轮播
+    startCarousel() {
+      if (this.noticeList.length <= 1) return;
+
+      this.timer = setInterval(() => {
+        this.currentIndex = (this.currentIndex + 1) % this.noticeList.length;
+        this.currentNotice = this.noticeList[this.currentIndex];
+      }, 3000); // 5秒轮播一次
+    },
+
+    // 跳转到详情页
+    navigateToDetail(notice) {
+      if (!notice || !notice.noticeId) return;
+
+      uni.navigateTo({
+        url: '/pages/announcement/noticeDetail?id=' + notice.noticeId
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 28rpx;
+  background: #FFF4F4;
+  border-radius: 32rpx;
+  font-size: 24rpx;
+  color: #222222;
+  line-height: 28rpx;
+  margin-bottom: 32rpx;
+  cursor: pointer; // 鼠标指针变为手型
+  transition: all 0.3s ease; // 添加过渡效果
+  overflow: hidden;
+
+  img {
+    width: 66rpx;
+    padding-right: 28rpx;
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    margin-right: 28rpx;
+    flex-shrink: 0;
+  }
+
+  .notice-container {
+    flex: 1;
+    overflow: hidden;
+    height: 28rpx;
+    position: relative;
+  }
+
+  .notice-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  // 上下滚动动画
+  .slide-up-down-enter-active,
+  .slide-up-down-leave-active {
+    transition: all 0.5s ease;
+  }
+
+  .slide-up-down-enter-from {
+    transform: translateY(30rpx);
+    opacity: 0;
+  }
+
+  .slide-up-down-leave-to {
+    transform: translateY(-30rpx);
+    opacity: 0;
+  }
+
+  // 鼠标悬停效果
+  &:hover {
+    background: #FFE8E8; // 背景色变深
+    transform: scale(1.01); // 轻微放大
+  }
+
+  // 点击效果
+  &:active {
+    transform: scale(0.99); // 轻微缩小
+  }
+}
+</style>

src/pages/home/components/task.vue

@@ -0,0 +1,124 @@
+<template>
+  <div>
+    <head-title subTitle="了解更多安检知识" title="今日待办"></head-title>
+
+    <div class="list">
+      <div v-for="item in list" :key="item.id" :class="item.status" class="list-item">
+        <div class="list-item-title">
+          <text class="text-grey1">{{ item.title }}</text>
+          <text :class="item.status" class="btn">{{ status[item.status] }}</text>
+        </div>
+        <div class="list-item-content">
+          <span class="mr-32">{{ item.content }}</span>
+          <span>{{ item.time }}</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="more-list">查看全部</div>
+  </div>
+</template>
+<script>
+
+import HeadTitle from "@/components/HeadTitle.vue";
+
+export default {
+  components: {
+    HeadTitle
+  },
+  data() {
+    return {
+      list: [
+        {
+          id: 1,
+          title: "安检门性能测试",
+          time: "10:00-10:30",
+          content: "国际出发A区",
+          status: 'pending'
+        },
+        {
+          id: 2,
+          title: "行李传送带检查",
+          time: "10:00-10:30",
+          content: "国际出发B区",
+          status: 'timeout'
+        },
+        {
+          id: 3,
+          title: "安检门性能测试",
+          time: "10:00-10:30",
+          content: "国际出发A区",
+          status: 'done'
+        }
+      ],
+      status: {
+        pending: '处理中',
+        timeout: '已超时',
+        done: '已处理'
+      }
+    };
+  },
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.list {
+  .list-item {
+    margin-top: 28rpx;
+    padding: 32rpx 34rpx;
+    font-weight: bold;
+    font-size: 28rpx;
+    color: #222222;
+    background: #FFFFFF;
+    line-height: 32rpx;
+    box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+    border-radius: 0 24rpx 24rpx 0;
+    border: 2rpx solid #F0F8FF;
+
+    .list-item-title {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 24rpx;
+
+      .btn {
+        background: rgba(247, 124, 8, 0.04);
+        border-radius: 8rpx;
+        border: 2rpx dashed #F77C08;
+        padding: 8rpx 16rpx;
+        font-weight: 400;
+        font-size: 24rpx;
+        line-height: 28rpx;
+        text-transform: none;
+      }
+
+      .pending {
+        border-color: #F77C08;
+        color: #F77C08;
+      }
+
+      .timeout {
+        border-color: #ED0909;
+        color: #ED0909;
+      }
+
+      .done {
+        border-color: #048C36;
+        color: #048C36;
+      }
+    }
+
+    .list-item-content {
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #666666;
+      line-height: 28rpx;
+
+      .mr-32 {
+        margin-right: 32rpx;
+      }
+    }
+  }
+}
+</style>

src/pages/home/index.vue

@@ -0,0 +1,372 @@
+<template>
+  <home-container>
+    <div class="title">
+      <user-info :name="checkerName" :sub-title="userInfo" />
+
+      <div>
+        <span class="btn">
+          <img alt="" src="@/static/images/clock.png">{{ todayCheckInTime }}
+        </span>
+        <span class="btn">
+          <img alt="" src="@/static/images/status.png">执勤中
+        </span>
+      </div>
+    </div>
+
+    <div class="tab">
+      <div v-for="tab in tabs" :key="tab.id" :class="{ 'unread': tab.hasUnread, 'item': true }"
+        @click="goToPage(tab.appUrl)">
+        <img alt="" :src="tab.workbenchIcon">
+        <view class="text">{{ tab.appName }}</view>
+      </div>
+    </div>
+    <div class="work">
+      <!-- <div class="item">
+        <div class="text">
+          一键报警
+          <span>紧急情况</span>
+        </div>
+        <div class="icon"><img alt="" src="@/static/images/done.png"></div>
+      </div> -->
+      <div class="item" @click="goworkDocu">
+        <div class="text">
+          工作手册
+          <span>查询规则制度</span>
+        </div>
+        <div class="icon"><img alt="" src="@/static/images/pending.png"></div>
+      </div>
+    </div>
+
+    <Notice ref="notice" />
+    <!--  今日待办  -->
+    <!-- <myToDo /> -->
+
+    <!--  最新公告  -->
+    <announcement ref="announcement" />
+    <!-- 
+    <img alt="" class="banner" src="@/static/images/banner.png"> -->
+    <!--  今日待办  -->
+    <!-- <task /> -->
+  </home-container>
+</template>
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import UserInfo from "@/components/UserInfo.vue";
+import HeadTitle from "@/components/HeadTitle.vue";
+import Announcement from "@/pages/home/components/announcement.vue";
+import myToDo from "@/pages/home/components/myToDo.vue";
+import Task from "@/pages/home/components/task.vue";
+import Notice from "@/pages/home/components/notice.vue";
+import { getUserProfile,getAppListByRoleId } from "@/api/system/user";
+import { getAttendanceList } from "@/api/attendance/attendance"
+import { getUnreadCount } from "@/api/check/checkTask"
+import { checkRolePermission } from "@/utils/common.js";
+
+export default {
+  components: { Task, Announcement, myToDo, HeadTitle, UserInfo, HomeContainer, Notice },
+  data() {
+    return {
+      checkerId: this.$store.state.user.id,
+      userInfo: '',
+      todayCheckInTime: '未打卡',
+      unreadCount: 0,
+      appList: [] // 存储接口返回的应用列表
+    }
+  },
+  computed: {
+    checkerName() {
+      if (this.$store.state.user) {
+        if (this.$store.state.user.userInfo && this.$store.state.user.userInfo.nickName) {
+          return this.$store.state.user.userInfo.nickName
+        }
+      }
+      return this.$store.state.user.name
+    },
+    role() {
+      return this.$store?.state?.user?.roles[0]
+    },
+    tabs() {
+      // 如果接口返回了应用列表，则使用接口数据
+      if (this.appList && this.appList.length > 0) {
+        return this.appList.map((app, index) => {
+          // 根据应用名称映射到对应的路径和图标
+          return {
+            ...app,
+            showUnread: app.appName === '巡视检查' ? this.unreadCount > 0 : false
+          };
+        });
+      }
+    }
+  },
+
+  onShow() {
+
+    this.updateCurrentDate();
+    this.getUnreadCount()
+
+    // 页面显示时，刷新子组件的数据 - 使用$nextTick确保DOM已渲染完成
+    this.$nextTick(() => {
+      console.log("notice====", this.$refs.notice)
+      this.$refs.notice?.refreshData();
+      this.$refs.announcement?.refreshData();
+    });
+
+  },
+  onLoad() {
+    this.getUser()
+    this.loadTodayRecord();
+
+  },
+  methods: {
+    goworkDocu() {
+      uni.navigateTo({
+        url: '/pages/workDocu/index'
+      });
+    },
+    async getUnreadCount() {
+      const res = await getUnreadCount();
+      this.unreadCount = res.data
+    },
+    async getUser() {
+      const data = await getUserProfile();
+      console.log("data====", data)
+      //data.postGroup + "  " +
+      this.userInfo = data.data.dept.deptName
+      await this.loadAppList(data.data);
+      // this.formData.securityLocationText = data.data.dept.deptName
+      // this.formData.positionText = data.postGroup
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, '0');
+      const day = date.getDate().toString().padStart(2, '0');
+      const week = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()];
+      return `${year}年${month}月${day}日 星期${week}`;
+    },
+    updateCurrentDate() {
+      this.currentDate = this.formatDate(new Date());
+    },
+    handleGridClick(item) {
+      console.log('点击了宫格：', item);
+      if (item.path) {
+        uni.navigateTo({
+          url: item.path
+        });
+      } else {
+        this.$modal.showToast('功能开发中，敬请期待');
+      }
+    },
+    goToAttendance() {
+      uni.navigateTo({
+        url: '/pages/attendance/index'
+      });
+    },
+    changeGrid(e) {
+      const index = e.detail.index;
+      const item = this.items[index];
+      this.handleGridClick(item);
+    },
+    goToPage(path) {
+      // if (checkRolePermission(this.role, path)) {
+        uni.navigateTo({ url: path });
+      // } else {
+      //   this.$modal.showToast('此角色不需要查看该功能，无需操作～');
+      // }
+    },
+    async loadAppList(userInfo) {
+      const roleId = userInfo.roles && userInfo.roles.length ? userInfo.roles[0].roleId : null;
+
+      try {
+        if (roleId) {
+          const res = await getAppListByRoleId(roleId);
+          if (res.code === 200) {
+            //全部应用
+            const sysAppList = res.sysAppList;
+            const checkedAppIdList = res.checkedAppIdList;
+            this.appList = sysAppList.filter(app => checkedAppIdList.includes(app.appId) && app.homePage == '1');
+          }
+        }
+      } catch (error) {
+        console.error('获取应用列表失败:', error);
+        this.appList = [];
+      }
+    },
+
+
+
+    async loadTodayRecord() {
+      if (this.yesterday) {
+        return;
+      }
+      const today = this.formatDate(new Date());
+      const { data } = await getAttendanceList({
+        type: 1,
+        checkInDate: today,
+        userId: this.$store.state.user.id
+      });
+
+      // 接口 data 可能是多条（按天），我们取第一条里的 items
+      const todayData = data && data.length ? data[0] : null;
+      const items = todayData ? todayData.items : [];
+      const lastMorning = items.find(r => r.checkInType == 'CLOCK_IN');
+      if (lastMorning) {
+        console.log(lastMorning);
+        this.todayCheckInTime = '已打卡  ' + lastMorning.checkInTime
+
+      } else {
+
+      }
+
+
+    },
+    // 日期格式化（昨天、今天查询用）
+    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}`;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  display: inline-flex;
+}
+
+.title {
+  padding: 40rpx 20rpx 20rpx;
+}
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 10rpx 16rpx;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #FFFFFF;
+  line-height: 28rpx;
+  background: rgba(255, 255, 255, 0.18);
+  border-radius: 8rpx;
+
+  img {
+    display: inline-block;
+    width: 32rpx;
+    height: 32rpx;
+  }
+
+  &:not(:last-child) {
+    margin-right: 48rpx;
+  }
+}
+
+.tab {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 40rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 32rpx 0 rgba(0, 0, 0, 0.06);
+  border-radius: 32rpx;
+
+  .item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-flow: column;
+    font-weight: 600;
+    font-size: 20rpx;
+    color: #3D3D3D;
+
+    img {
+      display: inline-block;
+      width: 120rpx;
+      height: 120rpx;
+    }
+    .text {
+      margin-top: 10rpx;
+    }
+  }
+
+  .unread {
+    position: relative;
+  }
+
+  .unread::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 24rpx;
+    height: 24rpx;
+    background: #FF4D4F;
+    border-radius: 50%;
+  }
+}
+
+.work {
+  display: flex;
+  flex-shrink: 2;
+  margin: 32rpx 0;
+  gap: 26rpx;
+
+  .item {
+    justify-content: space-between;
+    flex-grow: 1;
+    display: flex;
+    padding: 20rpx 30rpx 20rpx 40rpx;
+    background: #FFFFFF;
+    box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
+    border-radius: 28rpx;
+  }
+
+  .text {
+    display: flex;
+    flex-flow: column;
+    font-weight: bold;
+    font-size: 32rpx;
+    color: #3D3D3D;
+    line-height: 44rpx;
+    justify-content: center;
+
+    span {
+      margin-top: 12rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #999999;
+      line-height: 28rpx;
+    }
+  }
+
+  .icon {
+    display: inline-flex;
+    width: 112rpx;
+    height: 112rpx;
+  }
+}
+
+.tips {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 28rpx;
+  background: #FFF4F4;
+  border-radius: 32rpx;
+  font-size: 24rpx;
+  color: #222222;
+  line-height: 28rpx;
+  margin-bottom: 32rpx;
+
+  img {
+    width: 66rpx;
+    padding-right: 28rpx;
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    margin-right: 28rpx;
+  }
+}
+
+.banner {
+  width: 100%;
+  margin-bottom: 32rpx;
+}
+</style>

src/pages/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <view class="content">
+    <image class="logo" src="@/static/logo.png"></image>
+    <view class="text-area">
+      <text class="title">安检分级质控系统</text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+  .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .logo {
+    height: 200rpx;
+    width: 200rpx;
+    margin-top: 200rpx;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 50rpx;
+  }
+
+  .text-area {
+    display: flex;
+    justify-content: center;
+  }
+
+  .title {
+    font-size: 36rpx;
+    color: #8f8f94;
+  }
+</style>

src/pages/inspectionChecklist/index.vue

@@ -0,0 +1,330 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }">
+        <div class="inspection-list-container">
+            <h-search v-model="taskName" placeholder="搜索任务" @search="handleSearch" @custom="handleSearch"
+                @clear="handleClear" />
+            <h-tabs v-model="currentTab" :tabs="tabList" value-key="type" label-key="title" @change="handleTabChange"
+                style="margin-top: 60rpx;" />
+
+            <div class="inspection-list">
+                <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                    :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }">
+                    <list-card v-for="(item, index) in list" :key="`${item.id}_${index}`"
+                        @click="navigateToDetail(item.id)">
+                        <template #title>
+                            <div class="list-title">
+                                {{ item.taskName }}
+                                <view v-if="item.read == false" class="unread-dot"></view>
+                            </div>
+                        </template>
+                        <template #icon v-if="item.checkRecordStatus === 'DRAFT'">
+                            <list-icon
+                                :divStyle="{ backgroundColor: item.checkRecordStatus === 'DRAFT' ? '#03B847' : '#FF9900' }"
+                                :text="item.checkRecordStatus === 'DRAFT' ? '草稿' : '正式'" />
+                        </template>
+                        <template v-if="currentTab === 'task'">
+                            <view class="list-row">
+                                <view class="list-label">开始时间：</view>
+                                <view class="list-value">{{ item.checkStartTime }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">结束时间：</view>
+                                <view class="list-value">{{ item.checkEndTime }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">执行频率：</view>
+                                <view class="list-value">{{ item.ruleTypeDesc }}{{ item.ruleTypeNum }}次</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">任务描述：</view>
+
+                            </view>
+                            <view class="list-row" style="height: auto;line-height: normal !important;">
+                                <view class="list-value-truncate">{{ item.description }}</view>
+                            </view>
+                        </template>
+                        <template v-if="currentTab === 'document'">
+                            <view class="list-row">
+                                <view class="list-label">检查人：</view>
+                                <view class="list-value">{{ item.checkerName }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">任务编号：</view>
+                                <view class="list-value">{{ item.taskCode }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">巡检编号：</view>
+                                <view class="list-value">{{ item.documentCode }}</view>
+                            </view>
+                        </template>
+                    </list-card>
+
+                    <!-- 加载状态提示 -->
+                    <view v-if="loading" class="load-more">
+                        <text>加载中...</text>
+                    </view>
+                    <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                        <text>没有更多数据了</text>
+                    </view>
+                    <view v-else-if="list.length === 0" class="no-data">
+                        <text>暂无数据</text>
+                    </view>
+                </scroll-view>
+            </div>
+        </div>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import HTabs from "@/components/h-tabs/h-tabs.vue";
+import { listCheckTask } from "@/api/check/checkTask";
+import { getInspectionList } from "@/api/check/checkReward";
+import useDictMixin from '@/utils/dict';
+
+export default {
+    components: { HomeContainer, HTabs },
+    mixins: [useDictMixin],
+    data() {
+        return {
+            taskName: '',
+            list: [],
+            currentTab: 'task',
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false,
+            // 字典数据
+            checkTaskStatusOptions: [],
+            checkLevelOptions: [],
+            taskUnreadCount: 0,//任务未读
+        }
+    },
+    computed: {
+        currentUser() {
+            return this.$store.state.user;
+        },
+        tabList() {
+            return [
+                {
+                    type: 'task',
+                    title: '任务入口',
+                    unreadCount: this.taskUnreadCount
+                },
+                {
+                    type: 'document',
+                    title: '我的单据'
+                }
+            ]
+        },
+    },
+    onShow: async function () {
+        await this.init();
+    },
+    methods: {
+        async init() {
+            await this.loadDictData();
+            this.loadData();
+            console.log(this.currentUser, "this.currentUser")
+        },
+        // 加载字典数据
+        async loadDictData() {
+            try {
+                const dict = await this.useDict('check_task_status', 'check_level');
+                this.checkTaskStatusOptions = dict.check_task_status || [];
+                this.checkLevelOptions = dict.check_level || [];
+            } catch (error) {
+                console.error('加载字典数据失败:', error);
+                uni.showToast({
+                    title: '字典加载失败',
+                    icon: 'none'
+                });
+            }
+        },
+        navigateToDetail(id) {
+            uni.navigateTo({
+                url: `/pages/checklist/index?id=${id}&type=${this.currentTab}`
+            });
+        },
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                const query = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize
+                };
+
+                // 根据tab添加不同参数
+                if (this.currentTab === 'task') {
+                    let levelObj = {
+                        'banzuzhang': "TEAM_LEVEL",
+                        'kezhang': "DEPARTMENT_LEVEL",
+                        'zhanzhang': "STATION_LEVEL",
+                    }
+                    query.status = this.checkTaskStatusOptions.find(item => item.label === '进行中')?.value;
+                    query.checkLevel = levelObj[this.currentUser.roles[0]];
+                } else if (this.currentTab === 'document') {
+                    // console.log(this.currentUser,"this.currentUser")
+                    query.checkerId = this.currentUser.id; // 使用登录人ID
+                }
+
+                // 添加搜索关键词
+                if (this.taskName) {
+                    query.taskName = this.taskName;
+                }
+
+                // 根据不同的tab调用不同的API接口
+                let res;
+                if (this.currentTab === 'task') {
+                    res = await listCheckTask(query);
+                    let res1 = await listCheckTask({
+                        ...query,
+                        pageNum: 1,
+                        pageSize: 9999
+                    });;
+                    this.taskUnreadCount = res1.rows.filter(item => item.read == false).length;
+                } else if (this.currentTab === 'document') {
+                    res = await getInspectionList(query);
+                }
+
+                if (this.pageNum === 1) {
+                    this.list = res.rows || [];
+                } else {
+                    this.list = [...this.list, ...(res.rows || [])];
+                }
+
+                this.total = res.total || 0;
+                this.hasMore = this.list.length < this.total;
+
+            } catch (error) {
+                console.error('加载数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        },
+        handleSearch(val) {
+            this.pageNum = 1;
+            this.taskName = val || '';
+            this.loadData();
+        },
+        handleClear() {
+            this.pageNum = 1;
+            this.taskName = '';
+            this.loadData();
+        },
+        handleTabChange(newValue) {
+            this.pageNum = 1;
+            this.currentTab = newValue;
+            this.loadData();
+        },
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData();
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.inspection-list-container {
+    // padding: 200rpx 0 0;
+    background: none !important;
+
+
+
+    .inspection-list {
+        height: calc(100vh - 400rpx);
+        overflow-y: auto;
+
+        .inspection-item {
+            display: flex;
+            flex-flow: column;
+            justify-content: space-between;
+            padding: 40rpx;
+            background: #FFFFFF;
+            box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+            border-radius: 16rpx;
+            border: 2rpx solid #F0F8FF;
+            margin-top: 32rpx;
+        }
+
+        .inspection-item-title {
+            font-size: 32rpx;
+            color: #333333;
+            line-height: 38rpx;
+        }
+
+        .inspection-item-desc {
+            margin: 20rpx 0 0;
+            font-size: 28rpx;
+            color: #666666;
+        }
+
+        /* 加载状态样式 */
+        .load-more,
+        .no-more,
+        .no-data {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 40rpx;
+            font-size: 28rpx;
+            color: #999;
+        }
+
+        .load-more {
+            flex-direction: column;
+            gap: 20rpx;
+        }
+    }
+}
+
+.list-title {
+    position: relative;
+}
+
+.unread-dot {
+    position: absolute;
+    top: -4rpx;
+    right: -20rpx;
+    width: 16rpx;
+    height: 16rpx;
+    background-color: #FF4D4F;
+    border-radius: 50%;
+}
+
+
+
+/* 三行文字截断样式 */
+.list-value-truncate {
+    flex: 1;
+    color: #999999;
+    word-break: break-all;
+    /* 三行文字截断 - 超过三行显示省略号 */
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-height: 120rpx; /* 3行 * 40rpx行高 */
+}
+</style>

src/pages/inspectionRecord/detail.vue

@@ -0,0 +1,272 @@
+<template>
+    <home-container>
+
+        <view class="container">
+
+
+            <!-- <scroll-view scroll-y class="content"> -->
+            <view class="content">
+                <!-- 基础信息 -->
+                <uni-card title="基础信息">
+                    <view class="row">
+                        <text class="label">任务名称：</text>
+                        <text class="value">{{ inspection.documentName || '未命名' }}</text>
+                    </view>
+                    <view class="row">
+                        <text class="label">检查人：</text>
+                        <text class="value">{{ inspection.checkerName }}</text>
+                    </view>
+                    <view class="row">
+                        <text class="label">检查时间：</text>
+                        <text class="value">{{ inspection.checkTime }}</text>
+                    </view>
+                    <view class="row">
+                        <text class="label">评分：</text>
+                        <text class="value">{{ inspection.scoreTotal }} 分</text>
+                    </view>
+                    <view class="row">
+                        <text class="label">状态：</text>
+                        <!-- <text class="value status" :style="{ color: getColor(inspection.correctionStatus) }">
+                            {{ inspection.correctionStatusDesc }}
+                        </text> -->
+
+                        <text class="value status" :style="{ color: inspection.statusColor }">
+                            {{ inspection.correctionStatusDesc }}
+                        </text>
+                    </view>
+                </uni-card>
+
+                <uni-card title="负面问题记录">
+                    <view v-for="(it, i) in problems || []" :key="i" class="issue">
+                        <view v-if="it.categoryNameOne" class="reward">
+                            问题类型：{{ it.categoryNameOne + "/" + it.categoryNameTwo }}
+                        </view>
+                        <view v-if="it.problemDescription" class="reward">
+                            问题描述：{{ it.problemDescription }}
+                        </view>
+                        <view class="users">
+                            涉及人员：
+                            {{(it.checkUserList || []).map(u => u.userName).join('，')}} </view>
+                    </view>
+                </uni-card>
+
+                <!-- 问题/优秀事例 -->
+                <uni-card title="优秀事例记录">
+                    <view v-for="(it, i) in goodExamples || []" :key="i" class="issue">
+                        <view v-if="it.categoryNameOne" class="reward">
+                            问题类型：{{ it.categoryNameOne + "/" + it.categoryNameTwo }}
+                        </view>
+                        <view v-if="it.problemDescription" class="reward">
+                            问题描述：{{ it.problemDescription }}
+                        </view>
+                        <view class="users">
+                            涉及人员：
+                            {{(it.checkUserList || []).map(u => u.userName).join('，')}} </view>
+                        <view v-if="it.rewardSuggestion" class="reward">
+                            奖励建议：{{ it.rewardSuggestion }}
+                        </view>
+                    </view>
+                </uni-card>
+
+
+
+                <!-- 总体评价 -->
+                <uni-card title="总体评价">
+                    <text class="value">{{ inspection.comprehensiveEvaluation || '无' }}</text>
+                </uni-card>
+
+                <uni-card title="附件列表">
+                    <view v-for="(file, idx) in inspection.baseAttachmentList" :key="idx" class="file-item"
+                        @tap="handleDownload(file)">
+                        <uni-icons type="paperclip" size="18" color="#007aff" class="icon" />
+                        <text class="file-name">{{ file.attachmentName }}</text>
+                        <text class="file-size" v-if="file.fileSize">
+                            ({{ (file.fileSize / 1024).toFixed(1) }} KB)
+                        </text>
+                    </view>
+
+                    <!-- <view v-if="!inspection.baseAttachmentList.length" class="no-file">
+                        暂无附件
+                    </view> -->
+                </uni-card>
+            </view>
+            <!-- </scroll-view> -->
+        </view>
+    </home-container>
+
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+
+import { getInspectionListById } from '@/api/check/checkReward.js'
+
+export default {
+    components: { HomeContainer },
+
+    data() {
+        return {
+            inspection: {},
+            problems: [],
+            goodExamples: []
+        }
+    },
+    onLoad(options) {
+        const id = Number(options.id); // 确保是数字
+        this.fetchDetail(id);
+        console.log(id); // 现在就是真正的 id
+
+    },
+    methods: {
+        handleDownload(file) {
+            const url = file.attachmentUrl;
+            if (!url) return;
+
+            // 如果是图片，直接预览；否则下载
+            if (/\.(jpg|jpeg|png|gif)$/i.test(url)) {
+                uni.previewImage({ urls: [url] });
+            } else {
+                uni.showLoading({ title: '下载中…' });
+                uni.downloadFile({
+                    url,
+                    success: (res) => {
+                        if (res.statusCode === 200) {
+                            uni.openDocument({
+                                filePath: res.tempFilePath,
+                                showMenu: true,
+                                fail: () => uni.showToast({ title: '无法打开文件', icon: 'none' })
+                            });
+                        } else {
+                            uni.showToast({ title: '下载失败', icon: 'none' });
+                        }
+                    },
+                    complete: () => uni.hideLoading()
+                });
+            }
+        },
+        async fetchDetail(id) {
+            uni.showLoading({ title: '加载中' });
+            const res = await getInspectionListById(id);
+            // 后端返回 { code, msg, data }
+            this.inspection = res.data || {};
+
+
+            const scoreMap = {
+                0: { desc: '不合格', color: '#ff4d4f' },
+                1: { desc: '不合格', color: '#ff4d4f' },
+                2: { desc: '不合格', color: '#ff4d4f' },
+                3: { desc: '合格', color: '#52c41a' },
+                4: { desc: '合格', color: '#52c41a' },
+                5: { desc: '优秀', color: '#1890ff' }
+            }
+            const score = this.inspection.scoreTotal ?? 0
+            const info = scoreMap[score] || { desc: '未知', color: '#666' }
+            this.inspection.correctionStatusDesc = info.desc
+            this.inspection.statusColor = info.color
+
+
+
+
+            this.problems = res.data.checkProjectItemList?.filter(item => item.evaluationType === '0') || [];
+            this.goodExamples = res.data.checkProjectItemList?.filter(item => item.evaluationType === '1') || [];
+
+            uni.hideLoading();
+        },
+
+        getColor(status) {
+            const map = { QUALIFIED: '#52c41a', UNQUALIFIED: '#ff4d4f', PENDING: '#faad14' }
+            return map[status] || '#666'
+        },
+        preview(url) {
+            uni.previewImage({ urls: [url] })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+    padding: 20rpx;
+    background-color: #f5f5f5;
+}
+
+.content {
+    // height: calc(100vh - 88rpx);
+    padding-top: 180rpx;
+
+}
+
+.row {
+    display: flex;
+    margin-bottom: 16rpx;
+
+    .label {
+        width: 160rpx;
+        color: #666;
+    }
+
+    .value {
+        flex: 1;
+    }
+}
+
+.issue {
+    margin-bottom: 20rpx;
+    padding: 20rpx;
+    background: #fff;
+    border-radius: 8rpx;
+
+    .title {
+        font-weight: bold;
+        margin-bottom: 10rpx;
+    }
+
+    .users,
+    .reward {
+        font-size: 26rpx;
+        color: #666;
+        margin-top: 8rpx;
+    }
+}
+
+.file {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10rpx;
+}
+
+.status {
+    font-weight: bold;
+}
+
+.file-item {
+    display: flex;
+    align-items: center;
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid #eee;
+
+    &:last-child {
+        border-bottom: none;
+    }
+
+    .icon {
+        margin-right: 12rpx;
+    }
+
+    .file-name {
+        flex: 1;
+        color: #007aff;
+    }
+
+    .file-size {
+        font-size: 24rpx;
+        color: #999;
+    }
+}
+
+.no-file {
+    color: #999;
+    text-align: center;
+    padding: 30rpx 0;
+}
+</style>

src/pages/inspectionRecordList/index.vue

@@ -0,0 +1,252 @@
+<template>
+  <home-container>
+
+    <view class="container">
+      <!-- 搜索栏 -->
+      <view class="search-bar-wrapper">
+
+        <uni-search-bar v-model="searchText" placeholder="输入任务名称搜索" @confirm="onSearch" @clear="onSearch"
+          @input="onSearch" />
+      </view>
+
+      <!-- 列表区域 -->
+      <scroll-view scroll-y class="list-container" @scrolltolower="loadMore">
+        <view class="task-item" v-for="(task, index) in inspectionList" :key="index" @click="navigateToDetail(task.id)">
+          <view class="item-header">
+            <text class="task-name">{{ task.documentName || '未命名任务' }}</text>
+            <!-- <text class="task-status" :style="{ color: getStatusColor(task.correctionStatus) }">
+              {{ task.correctionStatusDesc || '未知状态' }}
+            </text> -->
+
+            <text class="task-status" :style="{ color: task.statusColor }">
+              {{ task.correctionStatusDesc }}
+            </text>
+          </view>
+
+          <view class="item-content">
+            <view class="info-row">
+              <uni-icons type="person" size="16" color="#666"></uni-icons>
+              <text class="info-text">检查人: {{ task.checkerName || '未知' }}</text>
+            </view>
+
+            <view class="info-row">
+              <uni-icons type="calendar" size="16" color="#666"></uni-icons>
+              <text class="info-text">截至日期: {{ formatDate(task.checkTime) }}</text>
+            </view>
+
+            <view class="info-row">
+              <uni-icons type="paperclip" size="16" color="#666"></uni-icons>
+              <text class="info-text">任务编号: {{ task.id || '未分配' }}</text>
+            </view>
+
+            <view class="info-row">
+              <uni-icons type="calendar" size="16" color="#666"></uni-icons>
+              <text class="info-text">发布时间: {{ formatDate(task.checkTime) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <uni-load-more :status="loadingStatus" :content-text="{
+          contentdown: '上拉加载更多',
+          contentrefresh: '正在加载...',
+          contentnomore: '没有更多数据了'
+        }" />
+      </scroll-view>
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getInspectionList } from '@/api/check/checkReward.js'
+export default {
+  components: { HomeContainer },
+
+  data() {
+    return {
+      inspectionList: [],
+      loadingStatus: 'more',
+      pageNum: 1,
+      pageSize: 10,
+      searchText: '',
+      total: 0
+    }
+  },
+  onLoad() {
+    this.loadData()
+  },
+  methods: {
+    async loadData(refresh = false) {
+      if (this.loadingStatus === 'loading') return;
+      this.loadingStatus = 'loading';
+
+      try {
+        // 组装参数
+        const res = await getInspectionList({
+          pageNum: this.pageNum,
+          pageSize: this.pageSize,
+          checkerId: this.$store.state.user.id,
+          // 后端如果支持关键词字段，可改为 keyword / searchValue / documentName 等
+          documentName: this.searchText || ''
+        });
+        console.log("res=======", res)
+
+        res.rows.forEach(row => {
+          const { desc, color } = this.mapScoreToStatus(row.scoreTotal);
+          row.correctionStatusDesc = desc;
+          row.statusColor = color;
+        });
+
+        this.total = res.total;
+        if (refresh) {
+          this.inspectionList = res.rows;
+        } else {
+          this.inspectionList = [...this.inspectionList, ...res.rows];
+        }
+        this.loadingStatus =
+          res.rows.length < this.pageSize ? 'noMore' : 'more';
+        // console.log("loadingStatus",this.loadingStatus)
+      } catch (e) {
+        // uni.showToast({ title: '加载失败', icon: 'none' });
+        this.loadingStatus = 'more';
+      } finally {
+        this.triggered = false;
+      }
+    },
+
+    mapScoreToStatus(score) {
+      if (score >= 0 && score <= 2) return { desc: '不合格', color: '#ff4d4f' };
+      if (score >= 3 && score <= 4) return { desc: '合格', color: '#52c41a' };
+      if (score === 5) return { desc: '优秀', color: '#1890ff' };
+      return { desc: '未知', color: '#666' };
+    },
+
+    /* 搜索（支持回车、清空、实时） */
+    onSearch(e) {
+      this.searchText = e.value.trim();
+      this.pageNum = 1;
+      this.loadData(true);
+    },
+    /* 下拉刷新 */
+    onRefresh() {
+      this.pageNum = 1;
+      this.loadData(true);
+    },
+    /* 上拉加载更多 */
+    loadMore() {
+      // console.log("上拉")
+      if (this.loadingStatus === 'noMore') return;
+      // console.log("又进去了")
+      this.pageNum += 1;
+      this.loadData();
+    },
+
+
+
+    handleSearch() {
+      console.log("搜索")
+      this.pageNum = 1
+      this.loadData()
+    },
+
+    handleInput(e) {
+      this.searchText = e.value
+    },
+
+    navigateToDetail(id) {
+      uni.navigateTo({
+        url: '/pages/inspectionRecord/detail?id=' + id
+      })
+    },
+
+    formatDate(date) {
+      if (!date) return '未知'
+      return new Date(date).toISOString().slice(0, 10);
+    },
+
+    getStatusColor(status) {
+      const map = {
+        QUALIFIED: '#52c41a',
+        UNQUALIFIED: '#ff4d4f',
+        PENDING: '#faad14'
+      }
+      return map[status] || '#666'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  padding: 20rpx;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 搜索栏容器 */
+.search-bar-wrapper {
+  margin-top: 140rpx;
+  /* 控制搜索框离顶部的距离 */
+  // padding: 0 20rpx;
+}
+
+.search-bar {
+  padding: 20rpx;
+  background-color: #fff;
+}
+
+.list-container {
+  flex: 1;
+  padding: 0 20rpx;
+  height: calc(100vh - 120rpx);
+  border: 2px solid transparent;
+  // width: 100%;
+}
+
+.task-item {
+  background-color: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  border: 1rpx solid #ddd;
+
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.task-name {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.task-status {
+  font-size: 26rpx;
+  padding: 4rpx 12rpx;
+  border-radius: 20rpx;
+  background-color: #f5f5f5;
+}
+
+.item-content {
+  padding-left: 10rpx;
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.info-text {
+  font-size: 26rpx;
+  color: #666;
+  margin-left: 10rpx;
+}
+</style>

src/pages/inspectionStatistics/components/DataCard.vue

@@ -0,0 +1,109 @@
+<template>
+  <view class="data-card-container">
+    <view class="card-grid">
+      <view v-for="(item, index) in cardData" :key="index" class="card-item">
+        <view class="card-content">
+          <!-- 左侧内容 -->
+          <view class="left-content">
+            <view class="label">{{ item.label }}</view>
+            <view class="value">{{ item.value }}</view>
+          </view>
+
+          <!-- 右侧图片 -->
+          <view class="right-content">
+            <image :src="item.image" class="card-image" mode="aspectFit" />
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'DataCard',
+  props: {
+    // 卡片数据数组
+    cardData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      // 示例数据
+
+    }
+  },
+  computed: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.data-card-container {
+  padding: 24rpx 0;
+}
+
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr) !important; // 每行两个等宽列
+  gap: 24rpx;
+
+  .card-item {
+    min-width: 0;
+    box-sizing: border-box;
+
+    .card-content {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx 24rpx;
+      box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 160rpx;
+
+      .left-content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        .label {
+          font-size: 24rpx;
+          color: #666;
+          margin-bottom: 8rpx;
+          font-weight: 400;
+        }
+
+        .value {
+          font-size: 45rpx;
+          color: #333;
+          font-weight: bold;
+          line-height: 1.2;
+        }
+      }
+
+      .right-content {
+        flex-shrink: 0;
+        margin-left: 24rpx;
+
+        .card-image {
+          width: 80rpx;
+          height: 80rpx;
+          border-radius: 8rpx;
+        }
+      }
+    }
+  }
+}
+
+// 响应式适配
+@media (max-width: 750px) {
+  .card-grid {
+    grid-template-columns: 1fr; // 小屏幕下每行一个
+  }
+}
+</style>

src/pages/inspectionStatistics/components/InspectionExecution.vue

@@ -0,0 +1,220 @@
+<template>
+  <view class="inspection-execution">
+    <!-- 当天任务执行情况 -->
+    <view class="daily-task-card">
+      <text class="daily-task-title">当天任务执行情况</text>
+      <!-- 站级任务明细 -->
+      <view class="task-details" v-if="dataStation.length > 0">
+        <view class="task-detail-item">
+          <text class="task-label">站级任务明细</text>
+        </view>
+        <view v-for="item in dataStation" :key="item.taskCode">
+          <view class="task-info">
+            <text>{{ item.taskName }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;每日{{ item.ruleTypeNum }}次</text>
+            <text>完成状况：{{ `${item.notStartedCount}/${item.inProgressCount}/${item.completedCount}` }}</text>
+          </view>
+          <statistic-table v-if="item.checkLargeScreenInspectionExecuteItemDtoList.length > 0" :columns="tableColumns"
+            :data="item.checkLargeScreenInspectionExecuteItemDtoList">
+            <template #column-completionPercentage="{ row, index }">
+              <view class="progress-container">
+                <u-line-progress :percentage="row.completionPercentage" :showText="false"
+                  :activeColor="getProgressColor(row.completionPercentage)" height="20rpx"
+                  width="200rpx"></u-line-progress>
+                <text class="progress-text">{{ row.completionPercentage }}%</text>
+              </view>
+            </template>
+          </statistic-table>
+        </view>
+      </view>
+
+      <!-- 科级任务明细 -->
+      <view class="task-details" v-if="dataDepartment.length > 0">
+        <view class="task-detail-item">
+          <text class="task-label">科级任务明细</text>
+        </view>
+        <view v-for="item in dataDepartment" :key="item.taskCode">
+          <view class="task-info">
+            <text>{{ item.taskName }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;每日{{ item.ruleTypeNum }}次</text>
+            <text v-if="!isKeZhang">完成状况：{{ `${item.notStartedCount}/${item.inProgressCount}/${item.completedCount}` }}</text>
+          </view>
+          <statistic-table v-if="item.checkLargeScreenInspectionExecuteItemDtoList.length > 0" :columns="tableColumns"
+            :data="item.checkLargeScreenInspectionExecuteItemDtoList">
+            <template #column-completionPercentage="{ row, index }">
+              <view class="progress-container">
+                <u-line-progress :percentage="row.completionPercentage" :showText="false"
+                  :activeColor="getProgressColor(row.completionPercentage)" height="20rpx"
+                  width="200rpx"></u-line-progress>
+                <text class="progress-text">{{ row.completionPercentage }}%</text>
+              </view>
+            </template>
+          </statistic-table>
+        </view>
+      </view>
+
+      <!-- 班组任务明细 -->
+      <view class="task-details" v-if="dataTeam.length > 0">
+        <view class="task-detail-item">
+          <text class="task-label">班组任务明细</text>
+        </view>
+        <view v-for="item in dataTeam" :key="item.taskCode">
+          <view class="task-info">
+            <text>{{ item.taskName }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;每日{{ item.ruleTypeNum }}次</text>
+            <text v-if="!isBanZuZhang">完成状况：{{ `${item.notStartedCount}/${item.inProgressCount}/${item.completedCount}` }}</text>
+          </view>
+          <statistic-table v-if="item.checkLargeScreenInspectionExecuteItemDtoList.length > 0" :columns="tableColumns"
+            :data="item.checkLargeScreenInspectionExecuteItemDtoList">
+            <template #column-completionPercentage="{ row, index }">
+              <view class="progress-container">
+                <u-line-progress :percentage="row.completionPercentage" :showText="false"
+                  :activeColor="getProgressColor(row.completionPercentage)" height="20rpx"
+                  width="200rpx"></u-line-progress>
+                <text class="progress-text">{{ row.completionPercentage }}%</text>
+              </view>
+            </template>
+          </statistic-table>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+import { checkedLevelEnums } from "@/utils/enums.js"
+import { getExecutionStatusTotal } from '@/api/inspectionStatistics/inspectionStatistics'
+export default {
+  data() {
+    return {
+      tableColumns: [
+        { title: '姓名', props: 'userName' },
+        { title: '今日完成比例', props: 'completionPercentage', slot: true },
+        { title: '整改单数', props: 'checkOrderCount' },
+        { title: '不合格项数', props: 'rectificationOrderCount' },
+      ],
+      // 站级任务明细数据
+      dataStation: [],
+      // 科级任务明细数据
+      dataDepartment: [],
+      // 班组任务明细数据
+      dataTeam: []
+    }
+  },
+  computed: {
+    // 班组长
+    isBanZuZhang() {
+      let roles = this.$store.state.user.roles;
+      return roles && roles.includes('banzuzhang')
+    },
+    isKeZhang(){
+      let roles = this.$store.state.user.roles;
+      return roles && roles.includes('kezhang')
+    }
+  },
+  mounted() {
+    this.loadExecutionStatusData();
+  },
+  methods: {
+    // 根据完成比例返回对应的颜色
+    getProgressColor(percentage) {
+      if (percentage >= 100) {
+        return '#2B7BFF'; // 大于等于100%时使用蓝色
+      } else if (percentage > 0 && percentage < 100) {
+        return '#03AF43'; // 0-100%之间使用绿色
+      } else {
+        return '#E40808'; // 0%时使用红色
+      }
+    },
+
+    // 加载执行状态数据
+    async loadExecutionStatusData() {
+      try {
+        console.log('开始请求getExecutionStatusTotal接口...');
+        const response = await getExecutionStatusTotal();
+        console.log('getExecutionStatusTotal接口返回结果:', response);
+
+        if (response && response.code === 200) {
+          console.log('接口数据详情:', response.data);
+          this.dataStation = response.data.filter(item => item.checkLevel === checkedLevelEnums.STATION_LEVEL)
+          this.dataDepartment = response.data.filter(item => item.checkLevel === checkedLevelEnums.DEPARTMENT_LEVEL)
+          this.dataTeam = response.data.filter(item => item.checkLevel === checkedLevelEnums.TEAM_LEVEL)
+
+          console.log(this.dataTeam, "this.dataTeam")
+        } else {
+          console.log('接口返回异常:', response);
+        }
+      } catch (error) {
+        console.error('请求getExecutionStatusTotal接口失败:', error);
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inspection-execution {
+  .daily-task-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+
+    .daily-task-title {
+      display: block;
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+    }
+
+    .task-details:not(:last-child) {
+      margin-bottom: 20rpx;
+    }
+
+    .task-details {
+
+      .task-info {
+        color: #4873E3;
+        font-size: 27rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        font-weight: 500;
+        display: flex;
+        justify-content: space-between;
+      }
+
+      .task-detail-item {
+        flex: 1;
+        text-align: left;
+        height: 50rpx;
+        padding-left: 10rpx;
+        line-height: 50rpx;
+        border-radius: 8rpx;
+
+        background: linear-gradient(to right, #4873E3, #fff);
+
+        .task-label {
+          font-size: 27rpx;
+          color: #fff;
+          font-weight: 500;
+        }
+
+
+      }
+
+      .progress-container {
+        display: flex;
+        align-items: center;
+        gap: 16rpx;
+
+        .progress-text {
+          font-size: 24rpx;
+          color: #4873E3;
+          font-weight: 500;
+          min-width: 60rpx;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/inspectionStatistics/components/InspectionPlan.vue

@@ -0,0 +1,536 @@
+<template>
+  <view class="inspection-stats-charts">
+    <!-- 时间筛选器 -->
+    <view class="time-filter-section">
+      <view class="filter-row">
+        <StaticsTab v-model="activeTimeRange" :tabs="timeRangeOptions" active-color="#4873E3"
+          @change="handleTimeRangeChange" />
+        <view v-if="activeTimeRange === 'custom'" class="custom-time-section">
+          <uni-datetime-picker v-model="dateRange" type="daterange" rangeSeparator="至" @change="handleDateRangeChange"
+            class="date-range-picker" :clear-icon="false"/>
+          <text class="days-count">共 {{ totalDays }} 天</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 计划安排总览 - 面积图 -->
+    <view class="stats-card">
+      <view class="chart-container">
+        <text class="chart-title">计划安排总览</text>
+        <view class="chart-wrapper">
+          <!-- 使用ECharts实现的面积图 -->
+          <view id="lineChart" class="echarts-canvas"></view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 日常任务检查指标累计分布 - 雷达图 -->
+    <view class="stats-card">
+      <view class="chart-container">
+        <text class="chart-title">日常任务检查指标累计分布</text>
+        <view class="chart-wrapper">
+          <!-- 使用ECharts实现的雷达图 -->
+          <view id="radarChart" class="echarts-canvas"></view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 任务明细统计表 -->
+    <view class="stats-card">
+      <view class="table-container">
+        <text class="chart-title">任务明细统计</text>
+        <statistic-table :columns="tableColumns" :data="tableData">
+          <template #column-frequency="{ row, index }">
+            {{ `${row.ruleTypeDesc}${row.ruleTypeNum}次` }}
+          </template>
+        </statistic-table>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+import { calculateTimeRange } from '@/utils/formatUtils.js';
+import StaticsTab from './StaticsTab.vue';
+import * as echarts from 'echarts';
+import { getPlanOverview, getDailyTaskMetrics, getTaskDetailStats } from '@/api/inspectionStatistics/inspectionStatistics.js';
+export default {
+  name: 'InspectionStatsCharts',
+  components: {
+    StaticsTab
+  },
+  props: {
+    // 时间范围选项数组
+    timeRanges: {
+      type: Array,
+      default: () => ['近一周', '近一月', '近90天']
+    }
+  },
+  data() {
+    return {
+      activeTimeRange: 'month',
+      timeRangeOptions: [
+        { title: '本年', type: 'year' },
+        { title: '本月', type: 'month' },
+        { title: '自定义', type: 'custom' }
+      ],
+      dateRange: [],
+      startDate: '',
+      endDate: '',
+      totalDays: 0,
+      tableColumns: [
+        { title: '开始时间', props: 'checkStartTime' },
+        { title: '任务名称', props: 'taskName' },
+        { title: '检查级别', props: 'checkedLevelDesc' },
+        { title: '执行频率', props: 'frequency', slot: true },
+        { title: '结束时间', props: 'checkEndTime' }
+      ],
+      tableData: [],
+      radarData: {
+        indicators: [
+          { name: '安全检查', max: 100 },
+          { name: '设备检查', max: 100 },
+          { name: '环境检查', max: 100 },
+          { name: '流程检查', max: 100 },
+          { name: '文档检查', max: 100 }
+        ],
+        data: []
+      },
+      lineChart: null,
+      radarChart: null
+    };
+  },
+
+  mounted() {
+    this.setDefaultDates()
+    this.$nextTick(() => {
+      this.initCharts();
+
+      this.renderCharts();
+    });
+  },
+
+  methods: {
+    setDefaultDates() {
+      const today = new Date()
+      const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1)
+
+      // 使用本地时间格式化，避免UTC时间转换问题
+      this.startDate = this.formatLocalDate(firstDayOfMonth)
+      this.endDate = this.formatLocalDate(today)
+     
+      // 初始化dateRange
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+    },
+
+    // 格式化本地日期为YYYY-MM-DD格式
+    formatLocalDate(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      return `${year}-${month}-${day}`;
+    },
+
+    calculateDays() {
+      if (this.startDate && this.endDate) {
+        const start = new Date(this.startDate)
+        const end = new Date(this.endDate)
+        const diffTime = Math.abs(end - start)
+        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1
+        this.totalDays = diffDays
+      }
+    },
+
+    handleDateRangeChange(e) {
+      if (e && Array.isArray(e) && e.length === 2) {
+        this.startDate = e[0]
+        this.endDate = e[1]
+        this.calculateDays()
+        // 自定义时间范围改变时重新请求数据
+        this.renderCharts()
+      }
+    },
+
+    // 处理时间范围变化
+    handleTimeRangeChange(timeRange) {
+     
+      // 使用calculateTimeRange计算时间范围
+      const timeRangeResult = calculateTimeRange(timeRange, this.dateRange)
+      
+      this.startDate = timeRangeResult.startDate
+      this.endDate = timeRangeResult.endDate
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+
+      this.renderCharts();
+    },
+
+
+
+    // 初始化ECharts实例
+    initCharts() {
+      // 面积图初始化
+      const lineChartDom = document.getElementById('lineChart');
+      if (lineChartDom) {
+        this.lineChart = echarts.init(lineChartDom);
+      }
+
+      // 雷达图初始化
+      const radarChartDom = document.getElementById('radarChart');
+      if (radarChartDom) {
+        this.radarChart = echarts.init(radarChartDom);
+      }
+    },
+
+    // 渲染面积图
+    async renderLineChart(query) {
+      if (!this.lineChart) return;
+      
+      // 清除图表之前的状态，确保不会残留缺省图
+      this.lineChart.clear();
+      
+      let res = await getPlanOverview(query)
+      let data = {}
+      if (res && res.data) {
+        res.data.forEach(item => {
+          if (!data[item.typeDesc]) {
+            data[item.typeDesc] = []
+          }
+          data[item.typeDesc].push({
+            date: item.date,
+            value: item.total
+          })
+        })
+      }
+      console.log(data, "data")
+      let xAxisData = Object.values(data)[0]?.map(key => key.date) || []
+
+
+      const option = {
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: xAxisData
+        },
+        legend: {
+          data: Object.keys(data),
+          textStyle: {
+            color: '#666'
+          }
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: Object.keys(data).map(key => ({
+          data: data[key].map(item => item.value),
+          type: 'line',
+          name: key
+        })),
+        grid: {
+          left: '3%',
+          right: '10%',
+          bottom: '3%',
+
+          containLabel: true
+        }
+      };
+
+      this.lineChart.setOption(option);
+    },
+
+    // 设置空雷达图状态
+    setEmptyRadarChart() {
+      if (!this.radarChart) return;
+
+      const option = {
+        title: {
+          text: '暂无数据',
+          left: 'center',
+          top: 'center',
+          textStyle: {
+            color: '#999',
+            fontSize: 16
+          }
+        },
+        radar: {
+          indicator: []
+        },
+        series: []
+      };
+
+      this.radarChart.setOption(option);
+    },
+
+    // 渲染雷达图
+    async renderRadarChart(query) {
+
+      if (!this.radarChart) return;
+      
+      // 清除图表之前的状态，确保不会残留缺省图
+      this.radarChart.clear();
+      
+      let response = await getDailyTaskMetrics(query)
+      if (response.code !== 200 || !response.data) {
+        console.error('获取雷达图数据失败:', response)
+        // 设置空数据状态
+        this.setEmptyRadarChart()
+        return;
+      }
+
+      const { data } = response;
+      console.log(data, "data")
+
+      // 检查数据是否为空
+      if (!data || data.length === 0) {
+        console.warn('雷达图数据为空')
+        this.setEmptyRadarChart()
+        return;
+      }
+
+      // 计算最大值，用于设置雷达图指标范围
+      const maxValue = data.length > 0 ? Math.max(...data.map(item => item.total || 0)) : 0;
+
+      let indicator = data.map(item => ({
+        name: `${item.name} ${item.total || 0}`,
+        max: maxValue
+      }))
+
+      // 雷达图数据格式修正
+      let seriesData = [{
+        value: data.map(item => item.total || 0),
+        name: '计划执行指标'
+      }]
+
+
+      const option = {
+        radar: {
+          indicator: indicator,
+          radius: '65%',
+          splitNumber: 5,
+          axisName: {
+            color: '#666',
+            fontSize: 12
+          },
+          splitLine: {
+            lineStyle: {
+              color: 'rgba(211, 211, 211, 0.5)'
+            }
+          },
+          splitArea: {
+            show: true,
+            areaStyle: {
+              color: ['rgba(244, 244, 244, 0.1)', 'rgba(244, 244, 244, 0.2)']
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: 'rgba(211, 211, 211, 0.5)'
+            }
+          }
+        },
+        series: [{
+          type: 'radar',
+          data: seriesData,
+          areaStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: 'rgba(24, 144, 255, 0.6)' },
+              { offset: 1, color: 'rgba(24, 144, 255, 0.1)' }
+            ])
+          },
+          lineStyle: {
+            width: 2,
+            color: '#1890ff'
+          },
+          // 移除雷达图每个角上的圆点
+          symbol: 'none',
+          // label: {
+          //   show: true,
+          //   formatter: '{c}'
+          // }
+        }]
+      };
+
+
+      this.radarChart.setOption(option);
+
+    },
+
+    //获取表格数据
+    async getTaskDetailStats(query) {
+      let res = await getTaskDetailStats(query)
+      if (res && res.data) {
+        this.tableData = res.data
+      }
+    },
+
+    // 渲染所有图表
+    renderCharts() {
+      const query = calculateTimeRange(this.activeTimeRange, this.dateRange);
+
+      this.renderLineChart(query);
+      this.renderRadarChart(query);
+      this.getTaskDetailStats(query)
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.inspection-stats-charts {
+  padding: 26rpx;
+
+  .stats-card {
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 16rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+    padding: 24rpx;
+  }
+
+  .time-filter {
+    margin-bottom: 32rpx;
+
+    .time-tabs {
+      ::v-deep .h-tabs {
+        justify-content: center;
+        gap: 48rpx;
+
+        .h-tabs-item {
+          padding: 16rpx 32rpx;
+          font-size: 28rpx;
+
+          &.active {
+            font-weight: bold;
+          }
+        }
+      }
+    }
+  }
+
+  .time-filter-section {
+    margin-bottom: 20rpx;
+    padding: 0 20rpx;
+  }
+
+  .filter-row {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+
+    .custom-time-section {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: 24rpx;
+      margin-top: 2rpx;
+      width: 350rpx;
+
+      .date-range-picker {
+
+        // min-width: 200rpx;
+        ::v-deep .icon-calendar {
+          display: none !important;
+        }
+
+        ::v-deep .uni-date-range {
+          font-size: 16rpx !important;
+          background: transparent !important;
+          color: black !important;
+
+
+        }
+
+        ::v-deep .uni-date-x {
+          height: 25rpx !important;
+          line-height: 25rpx !important;
+
+          .range-separator {
+            font-size: 20rpx !important;
+            padding: 0 !important
+          }
+
+          .uni-date__x-input {
+            height: 25rpx !important;
+            line-height: 25rpx !important;
+          }
+        }
+
+        ::v-deep .uni-date-x--border {
+          border: none !important;
+        }
+
+
+      }
+
+      .days-count {
+        position: absolute;
+        right: -72rpx;
+         top:-8rpx;
+        font-size: 25rpx;
+        color: black;
+        font-weight: 500;
+        white-space: nowrap;
+      }
+    }
+  }
+
+
+
+
+
+  .chart-container {
+    margin-bottom: 40rpx;
+
+    .chart-title {
+      display: block;
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+      padding-left: 12rpx;
+
+    }
+
+    .chart-wrapper {
+      height: 300rpx;
+
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+
+      .echarts-canvas {
+        width: 100%;
+        height: 100%;
+      }
+
+      .chart-placeholder {
+        text-align: center;
+        color: #999;
+
+        .placeholder-text {
+          display: block;
+          margin-top: 16rpx;
+          font-size: 24rpx;
+        }
+      }
+    }
+  }
+
+  .table-container {
+    .chart-title {
+      display: block;
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+      padding-left: 12rpx;
+
+    }
+
+
+  }
+}
+</style>

src/pages/inspectionStatistics/components/ProblemDiscovery.vue

@@ -0,0 +1,980 @@
+<template>
+  <view class="problem-discovery">
+    <!-- 时间筛选区域 -->
+    <view class="time-filter-section">
+      <view class="filter-row">
+        <StaticsTab v-model="activeTimeRange" :tabs="timeRangeOptions" active-color="#4873E3"
+          @change="handleTimeRangeChange" />
+        <view v-if="activeTimeRange === 'custom'" class="custom-time-section">
+          <uni-datetime-picker v-model="dateRange" type="daterange" rangeSeparator="至" @change="handleDateRangeChange"
+            class="date-range-picker" :clear-icon="false" />
+          <text class="days-count">共 {{ totalDays }} 天</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 总体问题分布 -->
+    <view class="chart-section">
+      <view class="section-title">总体问题分布</view>
+      <view class="chart-container">
+        <view class="pie-chart" id="pieChart"></view>
+      </view>
+    </view>
+
+
+
+    <view v-if="isZhanZhang">
+      <!-- 问题分布对比 -->
+      <view class="chart-section">
+        <view class="section-title">问题分布对比</view>
+        <view class="radarChart-container">
+          <view class="radar-chart" id="radarChart"></view>
+        </view>
+      </view>
+      <view v-for="(item, index) in pieChartData" :key="index">
+        <!-- 问题对比 -->
+        <view class="chart-section" v-if="item.problemCompareData && item.problemCompareData.length > 0">
+          <view class="section-title">{{ item.name }}-问题对比</view>
+          <view class="table-container">
+            <statistic-table :columns="problemCompareColumns" :data="item.problemCompareData" />
+          </view>
+          <view class="section-title" style="margin-top: 20rpx;">{{ item.name }}-问题趋势</view>
+          <view class="chart-container">
+            <view class="line-chart" :id="'lineChart' + index"></view>
+          </view>
+        </view>
+
+        <!-- 问题趋势 -->
+        <!-- <view class="chart-section">
+         
+        </view> -->
+      </view>
+    </view>
+
+
+    <view v-else>
+      <view v-for="(item, index) in pieChartData" :key="index">
+        <!-- 问题对比 -->
+        <view class="chart-section">
+          <view class="section-title">{{ item.name }}-问题明细</view>
+          <view class="chart-container">
+            <view class="pie-chart" :id="'pieChart' + index"></view>
+          </view>
+          <view class="section-title" style="margin-top: 20rpx;">{{ item.name }}-问题趋势</view>
+          <view class="chart-container">
+            <view class="line-chart" :id="'lineChart' + index"></view>
+          </view>
+        </view>
+
+        <!-- 问题趋势 -->
+        <!-- <view class="chart-section">
+       
+        </view> -->
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import StaticsTab from './StaticsTab.vue'
+import { calculateTimeRange } from '@/utils/formatUtils.js';
+import * as echarts from 'echarts'
+import {
+  getProblemDistribution,
+  getProblemDistributionComparison,
+  getChannelProblemComparison,
+  getChannelProblemTrend
+} from '@/api/inspectionStatistics/inspectionStatistics'
+
+export default {
+  name: 'ProblemDiscovery',
+  components: {
+    StaticsTab,
+
+  },
+  data() {
+    return {
+      activeTimeRange: 'month',
+      timeRangeOptions: [
+        { title: '本年', type: 'year' },
+        { title: '本月', type: 'month' },
+        { title: '自定义', type: 'custom' }
+      ],
+      dateRange: [],
+      startDate: '',
+      endDate: '',
+      totalDays: 0,
+
+      // 表格配置
+      problemCompareColumns: [
+        { title: '分类', props: 'category' },
+      ],
+      problemCompareData: [],
+      pieChartData: [],//保存总体问题数据，方便遍历
+      // 图表实例
+      pieChart: null,
+      radarChart: null,
+      lineChart: null
+    }
+  },
+  computed: {
+    // 站长
+    isZhanZhang() {
+      let roles = this.$store.state.user.roles;
+      console.log('用户角色:', roles)
+      return roles && roles.includes('test')
+    },
+  },
+  mounted() {
+    this.setDefaultDates()
+    this.$nextTick(() => {
+      this.initCharts()
+    })
+  },
+  methods: {
+    // 加载通道面貌问题对比数据
+    async loadChannelProblemComparison(categoryCodeOne) {
+      try {
+        console.log('开始请求getChannelProblemComparison接口...')
+        const response = await getChannelProblemComparison({
+          startDate: this.startDate,
+          endDate: this.endDate,
+          categoryCodeOne: categoryCodeOne
+        })
+
+
+        if (response && response.code === 200) {
+          // console.log('通道面貌问题对比数据详情:', response.data)
+          //分类的值
+          let nameArr = []
+          let res = []
+          response.data.forEach(item => {
+            if (!this.problemCompareColumns.find(col => col.props === item.deptId)) {
+              //设置列
+              this.problemCompareColumns.push({
+                title: item.deptName,//旅检一科
+                props: item.deptId,//220
+              })
+            }
+            if (!nameArr.find(ele => ele.code === item.code) && item.total > 0) {
+              nameArr.push({
+                code: item.code,//00000145
+                name: item.name,//语言规范
+              })
+            }
+          })
+          nameArr.forEach(element => {
+            let categoryArr = response.data.filter(item => item.code == element.code)
+            let obj = {
+              category: element.name,
+            }
+
+            // 为每个部门添加问题数量
+            categoryArr.forEach(item => {
+              obj[item.deptId] = item.total
+            })
+
+            res.push(obj)
+          })
+
+          // console.log('处理后的数据:', res, '列配置:', this.problemCompareColumns)
+          return res;
+          // this.problemCompareData = res
+        }
+      } catch (error) {
+        console.error('请求getChannelProblemComparison接口失败:', error)
+        // 降级方案：使用默认数据
+
+      }
+    },
+
+    // 加载通道面貌问题趋势数据
+    loadChannelProblemTrend(arr) {
+      // 确保arr是有效的数组
+      if (!arr || !Array.isArray(arr) || arr.length === 0) {
+        return {
+          legend: [],
+          date: [],
+          series: []
+        }
+      }
+
+      let res = {}
+      let legend = []
+      let date = []
+      
+      // 先收集所有日期，确保日期顺序一致
+      arr.forEach(item => {
+        if (item.date && !date.includes(item.date)) {
+          date.push(item.date)
+        }
+      })
+      
+      // 按日期排序
+      date.sort((a, b) => new Date(a) - new Date(b))
+      
+      // 按名称分组数据，确保每个名称的数据长度与日期数组一致
+      arr.forEach(item => {
+        if (item.name && item.date) {
+          if (!legend.includes(item.name)) {
+            legend.push(item.name)
+            res[item.name] = new Array(date.length).fill(0) // 初始化数组，填充0
+          }
+          
+          const dateIndex = date.indexOf(item.date)
+          if (dateIndex !== -1) {
+            res[item.name][dateIndex] = item.total || 0
+          }
+        }
+      })
+      console.log('处理后的数据:', res, '日期:', date, '名称:', legend)
+      // 生成series数据，确保与legend顺序一致
+      let series = legend.map(name => ({
+        name: name,
+        type: 'line',
+    
+        data: res[name] || []
+      }))
+
+      return {
+        legend: legend,
+        date: date,
+        series: series
+      }
+    },
+    setDefaultDates() {
+      const today = new Date()
+      // 本月第一天
+      const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1)
+
+      // 使用本地时间格式化，避免UTC时间转换问题
+      this.startDate = this.formatLocalDate(firstDayOfMonth)
+      this.endDate = this.formatLocalDate(today)
+      // 初始化dateRange
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+    },
+    // 格式化本地日期为YYYY-MM-DD格式
+    formatLocalDate(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      return `${year}-${month}-${day}`;
+    },
+
+
+    handleDateRangeChange(e) {
+      if (e && Array.isArray(e) && e.length === 2) {
+        this.startDate = e[0]
+        this.endDate = e[1]
+        this.calculateDays()
+        // 自定义时间范围改变时重新请求数据
+        this.refreshChartData()
+      }
+    },
+
+    handleTimeRangeChange(timeRange) {
+      // 使用calculateTimeRange计算时间范围
+      const timeRangeResult = calculateTimeRange(timeRange, this.dateRange)
+      this.startDate = timeRangeResult.startDate
+      this.endDate = timeRangeResult.endDate
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+
+      // 重新请求数据
+      this.refreshChartData()
+    },
+
+    // 刷新图表数据
+    async refreshChartData() {
+      console.log('刷新图表数据，时间范围:', this.startDate, '至', this.endDate)
+      try {
+
+        // 重新渲染图表
+        this.refreshCharts()
+      } catch (error) {
+        console.error('刷新图表数据失败:', error)
+      }
+    },
+
+    // 刷新图表
+    refreshCharts() {
+      if (this.pieChart) {
+        this.pieChart.dispose()
+        this.pieChart = null
+      }
+      if (this.radarChart) {
+        this.radarChart.dispose()
+        this.radarChart = null
+      }
+      if (this.lineChart) {
+        this.lineChart.dispose()
+        this.lineChart = null
+      }
+
+      // 销毁所有遍历的折线图和环形图
+      if (this.pieChartData && this.pieChartData.length > 0) {
+        this.pieChartData.forEach(item => {
+          if (item.trendChart) {
+            item.trendChart.dispose()
+            item.trendChart = null
+          }
+          if (item.pieChartDetail) {
+            item.pieChartDetail.dispose()
+            item.pieChartDetail = null
+          }
+        })
+      }
+
+      this.$nextTick(() => {
+        this.initPieChart()
+        this.initRadarChart()
+        this.initLineChart()
+      })
+    },
+
+    calculateDays() {
+      if (this.startDate && this.endDate) {
+        const start = new Date(this.startDate)
+        const end = new Date(this.endDate)
+        const diffTime = Math.abs(end - start)
+        this.totalDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1
+      }
+    },
+
+    async initCharts() {
+      try {
+        // 初始化饼图
+        this.initPieChart()
+        // 初始化雷达图
+        this.initRadarChart()
+        // 初始化问题趋势折线图
+        this.initLineChart()
+      } catch (error) {
+        console.error('图表数据加载失败:', error)
+      }
+    },
+    //处理列表数据
+    handleProblemDto(arr) {
+      let nameArr = []
+      let res = []
+      arr.forEach(item => {
+        if (!this.problemCompareColumns.find(col => col.props === item.deptId)) {
+          //设置列
+          this.problemCompareColumns.push({
+            title: item.deptName,//旅检一科
+            props: item.deptId,//220
+          })
+        }
+        if (!nameArr.find(ele => ele.code === item.code) && item.total > 0) {
+          nameArr.push({
+            code: item.code,//00000145
+            name: item.name,//语言规范
+          })
+        }
+      })
+      nameArr.forEach(element => {
+        let categoryArr = arr.filter(item => item.code == element.code)
+        let obj = {
+          category: element.name,
+        }
+
+        // 为每个部门添加问题数量
+        categoryArr.forEach(item => {
+          obj[item.deptId] = item.total
+        })
+
+        res.push(obj)
+      })
+      return res;
+    },
+    //获取站长遍历的图表和列表
+    async getZhanZhangChartAndList() {
+      for (let i = 0; i < this.pieChartData.length; i++) {
+        //分类
+
+        //获取问题对比数据
+        let problemCompareData = this.handleProblemDto(this.pieChartData[i].checkLargeScreenProblemDtoList)
+        console.log(problemCompareData, "problemCompareData")
+        this.$set(this.pieChartData[i], 'problemCompareData', problemCompareData || [])
+
+        //获取问题趋势数据
+        let problemTrendData = this.loadChannelProblemTrend(this.pieChartData[i].checkLargeScreenProblemTrendDtoList)
+        console.log(problemTrendData, "problemTrendData")
+        this.$set(this.pieChartData[i], 'problemTrendData', problemTrendData || [])
+
+        // 初始化对应的折线图
+        if (problemTrendData) {
+          this.$nextTick(() => {
+            // 使用setTimeout确保DOM已经完全渲染
+            setTimeout(() => {
+              this.initTrendChart(i, problemTrendData)
+            }, 100)
+          })
+        }
+      }
+    },
+    // 处理问题明细数据，用于环形图展示
+    handleProblemDetailDto(arr) {
+      if (!arr || !Array.isArray(arr)) {
+        console.warn('handleProblemDetailDto: 传入的数据不是数组或为空')
+        return []
+      }
+
+      // 按问题类型分组统计
+      const problemTypeMap = {}
+      arr.forEach(item => {
+        if (item.name && item.total > 0) {
+          if (!problemTypeMap[item.name]) {
+            problemTypeMap[item.name] = 0
+          }
+          problemTypeMap[item.name] += item.total
+        }
+      })
+
+      // 转换为环形图数据格式
+      const pieData = Object.keys(problemTypeMap).map(name => ({
+        name: name,
+        value: problemTypeMap[name]
+      }))
+
+      console.log('环形图数据:', pieData)
+      return pieData
+    },
+    getOtherPieAndLine() {
+      for (let i = 0; i < this.pieChartData.length; i++) {
+        //分类
+
+        //获取问题明细数据（环形图数据）
+        let problemDetailData = this.handleProblemDetailDto(this.pieChartData[i].checkLargeScreenProblemDtoList)
+        console.log(problemDetailData, "problemDetailData")
+        this.$set(this.pieChartData[i], 'problemDetailData', problemDetailData || [])
+
+        //获取问题趋势数据
+        let problemTrendData = this.loadChannelProblemTrend(this.pieChartData[i].checkLargeScreenProblemTrendDtoList)
+        console.log(problemTrendData, "problemTrendData")
+        this.$set(this.pieChartData[i], 'problemTrendData', problemTrendData || [])
+
+        // 初始化对应的环形图
+        if (problemDetailData && problemDetailData.length > 0) {
+          this.$nextTick(() => {
+            // 使用setTimeout确保DOM已经完全渲染
+            setTimeout(() => {
+              this.initPieChartDetail(i, problemDetailData)
+            }, 100)
+          })
+        }
+
+        // 初始化对应的折线图
+        if (problemTrendData) {
+          this.$nextTick(() => {
+            // 使用setTimeout确保DOM已经完全渲染
+            setTimeout(() => {
+              this.initTrendChart(i, problemTrendData)
+            }, 100)
+          })
+        }
+      }
+    },
+    // 初始化遍历的环形图
+    initPieChartDetail(index, pieData) {
+      const chartDom = document.getElementById('pieChart' + index)
+      if (!chartDom) {
+        console.error('环形图容器未找到:', 'pieChart' + index)
+        return
+      }
+
+      try {
+        const chart = echarts.init(chartDom)
+        const option = {
+
+          tooltip: {
+            trigger: 'item',
+            formatter: '{a} <br/>{b}: {c} ({d}%)'
+          },
+          // legend: {
+          //   orient: 'vertical',
+          //   left: 'left',
+          //   top: 'middle',
+          //   textStyle: {
+          //     color: '#666'
+          //   }
+          // },
+          series: [
+            {
+              name: '问题明细',
+              type: 'pie',
+              radius: ['30%', '50%'], // 环形图设置
+              center: ['50%', '50%'],
+              data: pieData,
+              label: {
+                show: true,
+                formatter: '{b} {c}'
+              },
+              emphasis: {
+                itemStyle: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        }
+
+        chart.setOption(option)
+
+        // 保存图表实例到对应的数据项中
+        this.$set(this.pieChartData[index], 'pieChartDetail', chart)
+        console.log('环形图初始化成功:', 'pieChart' + index)
+      } catch (error) {
+        console.error('环形图初始化失败:', error)
+      }
+    },
+
+    // 初始化遍历的折线图
+    initTrendChart(index, trendData) {
+      const chartDom = document.getElementById('lineChart' + index)
+      if (!chartDom) {
+        console.error('折线图容器未找到:', 'lineChart' + index)
+        return
+      }
+
+      try {
+        const chart = echarts.init(chartDom)
+        const option = {
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: trendData.legend
+          },
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: trendData.date
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: trendData.series
+        }
+
+        chart.setOption(option)
+
+        // 保存图表实例到对应的数据项中
+        this.$set(this.pieChartData[index], 'trendChart', chart)
+      } catch (error) {
+        console.error('折线图初始化失败:', error)
+      }
+    },
+
+    async initPieChart() {
+      // 使用document.getElementById获取DOM元素，确保在uni-app中正确获取
+      const chartDom = document.getElementById('pieChart')
+      if (!chartDom) {
+        console.error('饼图容器未找到')
+        return
+      }
+
+      // 如果图表实例已存在，先清除之前的状态
+      if (this.pieChart) {
+        this.pieChart.clear();
+      }
+
+      const response = await getProblemDistribution(calculateTimeRange(this.activeTimeRange, this.dateRange))
+
+
+
+      if (response && response.code === 200) {
+        this.pieChartData = response.data;
+        //获取站长遍历的图表和列表
+        if (this.isZhanZhang) {
+          await this.getZhanZhangChartAndList()
+        } else {
+          await this.getOtherPieAndLine()
+        }
+
+        try {
+          this.pieChart = echarts.init(chartDom)
+          const option = {
+            title: {
+              text: '总体问题分布',
+              left: 'center',
+              textStyle: {
+                color: '#fff'
+              }
+            },
+            tooltip: {
+              trigger: 'item',
+              formatter: '{a} <br/>{b}: {c} ({d}%)'
+            },
+            legend: {
+              show: false
+            },
+            // grid: {
+            //   left: '10%',
+            //   right: '10%',
+            //   top: '15%',
+            //   bottom: '10%',
+            //   containLabel: true
+            // },
+            series: [
+              {
+                name: '问题分布',
+                type: 'pie',
+                radius: '50%',
+                // center: ['35%', '50%'],
+                data: response.data.map(item => ({
+                  name: item.name,
+                  value: item.total
+                })),
+                label: {
+                  show: true,
+                  formatter: function (params) {
+                    return params.name + '\n' + params.percent + '%'
+                  }
+                },
+                emphasis: {
+                  itemStyle: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  }
+                }
+              }
+            ]
+          }
+
+          this.pieChart.setOption(option)
+        } catch (error) {
+          console.error('饼图初始化失败:', error)
+        }
+      }
+
+
+
+    },
+
+    async initRadarChart() {
+      // 检查雷达图容器是否存在（根据用户角色条件显示）
+      if (!this.isZhanZhang) {
+        console.log('当前用户角色不显示雷达图')
+        return
+      }
+
+      const chartDom = document.getElementById('radarChart')
+      if (!chartDom) {
+        console.error('雷达图容器未找到')
+        return
+      }
+
+      // 如果图表实例已存在，先清除之前的状态
+      if (this.radarChart) {
+        this.radarChart.clear();
+      }
+
+      const response = await getProblemDistributionComparison({
+        startDate: this.startDate,
+        endDate: this.endDate
+      })
+      if (response && response.code === 200) {
+        console.log('通道面貌问题对比数据详情:', response.data)
+        let indicator = [];
+        let indicatorName = [];
+        let legend = [];
+        let data = [];
+        let deptIds = [];
+        response.data.forEach(item => {
+          if (indicator.filter(ele => ele == item.code).length == 0) {
+            indicator.push(item.code)
+          }
+          if (indicatorName.filter(ele => ele == item.name).length == 0) {
+            if (!indicatorName.includes(item.name)) {
+              indicatorName.push(item.name)
+            }
+          }
+          if (legend.filter(ele => ele == item.deptName).length == 0) {
+            legend.push(item.deptName)
+          }
+          if (deptIds.filter(ele => ele == item.deptId).length == 0) {
+            deptIds.push(item.deptId)
+          }
+
+        })
+        // console.log(indicatorName, deptIds, 111111111111, response.data)
+        // 定义不同部门的颜色数组
+        const colorList = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
+
+        data = deptIds.map((item, index) => {
+          const getAll = response.data.filter(ele => ele.deptId == item)
+          // console.log(getAll, "getAll")
+          return {
+            name: getAll[0].deptName,
+            value: indicator.map(code => getAll.find(ele => ele.code == code).total),
+            // 为每个数据系列设置不同的颜色
+            areaStyle: {
+              color: colorList[index % colorList.length],
+              opacity: 0.3
+            },
+            lineStyle: {
+              color: colorList[index % colorList.length],
+              width: 2
+            },
+            itemStyle: {
+              color: colorList[index % colorList.length],
+              borderWidth: 2
+            }
+          }
+        })
+
+        // console.log(indicatorName, "data", data, indicatorName)
+        try {
+          this.radarChart = echarts.init(chartDom)
+          const option = {
+            tooltip: {},
+            grid: {
+              top: '10%',
+              bottom: '20%',
+              left: '10%',
+              right: '10%'
+            },
+            legend: {
+              data: legend,
+              bottom: 0,
+              // textStyle: {
+              //   color: '#666'
+              // }
+            },
+            radar: {
+              indicator: indicatorName.map(item => ({ name: item })),
+              radius: '60%'
+            },
+            series: [
+              {
+                type: 'radar',
+                data: data,
+                symbol: 'none',
+              }
+            ]
+          }
+
+          this.radarChart.setOption(option)
+        } catch (error) {
+          console.error('雷达图初始化失败:', error)
+        }
+      }
+
+
+    },
+
+    async initLineChart() {
+      if (!this.isZhanZhang) {
+        console.log('当前用户角色不显示雷达图')
+        return
+      }
+      const chartDom = document.getElementById('lineChart')
+      if (!chartDom) {
+        console.error('折线图容器未找到')
+        return
+      }
+
+      // 如果图表实例已存在，先清除之前的状态
+      if (this.lineChart) {
+        this.lineChart.clear();
+      }
+
+      const response = await getChannelProblemTrend({
+        startDate: this.startDate,
+        endDate: this.endDate
+      })
+
+
+      if (response && response.code === 200) {
+        console.log('通道面貌问题趋势数据详情:', response.data)
+        let res = {}
+        let legend = []
+        let date = []
+        response.data.forEach(item => {
+          if (!date.includes(item.date)) {
+            date.push(item.date)
+          }
+          if (!legend.includes(item.name)) {
+            legend.push(item.name)
+          }
+          if (!res[item.name]) {
+            res[item.name] = []
+          }
+          res[item.name].push(item.total)
+        })
+        let data = Object.keys(res).map(key => ({
+          name: key,
+          type: 'line',
+
+          data: res[key]
+        }))
+        // console.log(legend, date, res)
+
+        try {
+          this.lineChart = echarts.init(chartDom)
+          const option = {
+            tooltip: {
+              trigger: 'axis'
+            },
+            legend: {
+              data: legend
+            },
+            grid: {
+              left: '3%',
+              right: '4%',
+              bottom: '3%',
+              containLabel: true
+            },
+            xAxis: {
+              type: 'category',
+              boundaryGap: false,
+              data: date
+            },
+            yAxis: {
+              type: 'value'
+            },
+            series: data
+          }
+
+          this.lineChart.setOption(option)
+        } catch (error) {
+          console.error('折线图初始化失败:', error)
+        }
+      }
+
+    },
+    resizeCharts() {
+      if (this.pieChart) this.pieChart.resize()
+      if (this.radarChart) this.radarChart.resize()
+      if (this.lineChart) this.lineChart.resize()
+    },
+    beforeDestroy() {
+      if (this.pieChart) this.pieChart.dispose()
+      if (this.radarChart) this.radarChart.dispose()
+      if (this.lineChart) this.lineChart.dispose()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.problem-discovery {
+  padding: 24rpx;
+
+  .time-filter-section {
+    margin-bottom: 32rpx;
+
+    .filter-row {
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+
+      .custom-time-section {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 24rpx;
+        margin-top: 2rpx;
+        width: 350rpx;
+
+        .date-range-picker {
+
+          // min-width: 200rpx;
+          ::v-deep .icon-calendar {
+            display: none !important;
+          }
+
+          ::v-deep .uni-date-range {
+            font-size: 16rpx !important;
+            background: transparent !important;
+            color: black !important;
+
+
+          }
+
+          ::v-deep .uni-date-x {
+            height: 25rpx !important;
+            line-height: 25rpx !important;
+
+            .range-separator {
+              font-size: 20rpx !important;
+              padding: 0 !important
+            }
+
+            .uni-date__x-input {
+              height: 25rpx !important;
+              line-height: 25rpx !important;
+            }
+          }
+
+          ::v-deep .uni-date-x--border {
+            border: none !important;
+          }
+
+
+        }
+
+        .days-count {
+          position: absolute;
+          right: -72rpx;
+          top:-8rpx;
+          font-size: 25rpx;
+          color: black;
+          font-weight: 500;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+
+  .chart-section {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+
+    .section-title {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+    }
+
+    .radarChart-container {
+      height: 500rpx;
+
+      .radar-chart {
+        height: 500rpx;
+      }
+    }
+
+    .chart-container {
+      height: 400rpx;
+
+      .pie-chart,
+      .line-chart {
+        width: 100%;
+        height: 100%;
+      }
+
+
+    }
+
+    .table-container {
+      margin-top: 16rpx;
+    }
+  }
+}
+</style>

src/pages/inspectionStatistics/components/ProblemRectification.vue

@@ -0,0 +1,383 @@
+<template>
+  <view class="problem-rectification">
+    <!-- 时间筛选区域 -->
+    <view class="time-filter-section">
+      <view class="filter-row">
+        <StaticsTab v-model="activeTimeRange" :tabs="timeRangeOptions" active-color="#4873E3"
+          @change="handleTimeRangeChange" />
+
+
+        <view v-if="activeTimeRange === 'custom'" class="custom-time-section">
+          <uni-datetime-picker v-model="dateRange" type="daterange" rangeSeparator="至" @change="handleDateRangeChange"
+            class="date-range-picker" :clear-icon="false" />
+          <text class="days-count">共 {{ totalDays }} 天</text>
+        </view>
+      </view>
+    </view>
+
+    <DataCard v-if="!isBanZuZhangOrKeZhang" title="问题整改" :cardData="cardData" />
+
+
+    <view class="chart-section">
+      <!-- <view class="section-title">通道面貌-问题趋势</view> -->
+      <view class="chart-container">
+        <view class="stacked-bar-chart" id="stackedBarChart"></view>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+import StaticsTab from './StaticsTab.vue'
+import DataCard from './DataCard.vue'
+import { getRectificationStatusTotal, getRectificationStatusComparison } from '@/api/inspectionStatistics/inspectionStatistics.js'
+import { calculateTimeRange } from '@/utils/formatUtils.js';
+import * as echarts from 'echarts'
+export default {
+  name: 'ProblemRectification',
+  components: {
+    StaticsTab,
+    DataCard
+
+  },
+  data() {
+    return {
+      activeTimeRange: 'month',
+      timeRangeOptions: [
+        { title: '本年', type: 'year' },
+        { title: '本月', type: 'month' },
+        { title: '自定义', type: 'custom' }
+      ],
+      dateRange: [],
+      startDate: '',
+      endDate: '',
+      totalDays: 0,
+      cardData: [],
+      // 堆叠柱状图实例
+      stackedBarChart: null
+    }
+  },
+  computed: {
+    isBanZuZhangOrKeZhang() {
+      let roles = this.$store.state.user.roles;
+      return roles && (roles.includes('banzuzhang') || roles.includes('kezhang'))
+    },
+  },
+  mounted() {
+    this.setDefaultDates()
+    this.getProblemRectificationData()
+    this.$nextTick(() => {
+      this.initStackedBarChart()
+    })
+  },
+
+  methods: {
+    handleTimeRangeChange(timeRange) {
+      const timeRangeResult = calculateTimeRange(timeRange, this.dateRange)
+      this.startDate = timeRangeResult.startDate
+      this.endDate = timeRangeResult.endDate
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+      this.getProblemRectificationData()
+      this.initStackedBarChart()
+    },
+    getProblemRectificationData() {
+
+      getRectificationStatusTotal(calculateTimeRange(this.activeTimeRange, this.dateRange))
+        .then(res => {
+          const { data } = res
+
+          this.cardData = [
+            {
+              label: '按期已完成',
+              value: data?.onTimeCompletedCount || '0',
+              image: '/static/images/blue-box.png'
+            },
+            {
+              label: '超期已完成',
+              value: data?.overTimeCompletedCount || '0',
+              image: '/static/images/pink-box.png'
+            },
+            {
+              label: '按期整改中',
+              value: data?.onTimeUnfinishedCount || '0',
+              image: '/static/images/green-paper.png'
+            },
+            {
+              label: '超期整改中',
+              value: data?.overTimeUnfinishedCount || '0',
+              image: '/static/images/yellow-paper.png'
+            }
+          ]
+        })
+    },
+    setDefaultDates() {
+      const today = new Date()
+      const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1)
+
+      this.startDate = firstDayOfMonth.toISOString().split('T')[0]
+      this.endDate = today.toISOString().split('T')[0]
+      // 初始化dateRange
+      this.dateRange = [this.startDate, this.endDate]
+      this.calculateDays()
+    },
+
+    handleDateRangeChange(e) {
+      if (e && Array.isArray(e) && e.length === 2) {
+        this.startDate = e[0]
+        this.endDate = e[1]
+        this.calculateDays()
+        this.getProblemRectificationData()
+        this.initStackedBarChart()
+      }
+    },
+
+    calculateDays() {
+      if (this.startDate && this.endDate) {
+        const start = new Date(this.startDate)
+        const end = new Date(this.endDate)
+        const diffTime = Math.abs(end - start)
+        this.totalDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1
+      }
+    },
+
+    async initStackedBarChart() {
+      const chartDom = document.getElementById('stackedBarChart')
+      if (!chartDom) {
+        console.error('堆叠柱状图容器未找到')
+        return
+      }
+
+      try {
+        // 如果图表实例已存在，先清除之前的状态
+        if (this.stackedBarChart) {
+          this.stackedBarChart.clear();
+        }
+
+        let query = calculateTimeRange(this.activeTimeRange, this.dateRange);
+        let res = await getRectificationStatusComparison(query)
+        const { data } = res;
+
+        // 检查数据是否为空
+        if (!data || data.length === 0) {
+          this.setEmptyStackedBarChart()
+          return
+        }
+
+        // 处理数据为堆积图格式
+        let xAxisData = [];
+        let seriesData = [];
+
+        // 定义四种状态的数据字段映射
+        const statusConfig = [
+          { key: 'onTimeCompletedCount', name: '按期完成' },
+          { key: 'overTimeCompletedCount', name: '超期完成' },
+          { key: 'onTimeUnfinishedCount', name: '按期整改中' },
+          { key: 'overTimeUnfinishedCount', name: '超期整改中' }
+        ];
+
+        // 提取部门名称作为x轴数据
+        xAxisData = data.map(item => item.deptName);
+
+        // 为每种状态创建系列数据
+        statusConfig.forEach(status => {
+          const seriesItem = {
+            name: status.name,
+            type: 'bar',
+            stack: 'total',
+            emphasis: {
+              focus: 'series'
+            },
+            data: data.map(item => item[status.key] || 0),
+            label: {
+              show: true,
+              position: 'inside',
+              formatter: function (params) {
+                // 只显示非零值
+                return params.value > 0 ? params.value : '';
+              },
+              color: '#fff',
+              fontSize: 12,
+              fontWeight: 'bold'
+            }
+          };
+          seriesData.push(seriesItem);
+        });
+
+        console.log('堆积图数据:', { xAxisData, seriesData });
+
+        this.stackedBarChart = echarts.init(chartDom)
+        const option = {
+          tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+              type: 'shadow'
+            }
+          },
+          legend: {
+            data: statusConfig.map(item => item.name)
+          },
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          xAxis: {
+            type: 'category',
+            data: xAxisData,
+            axisLabel: {
+              interval: 0,
+              rotate: 45 // 如果部门名称太长可以旋转显示
+            }
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: seriesData
+        }
+
+        this.stackedBarChart.setOption(option)
+      } catch (error) {
+        console.error('堆叠柱状图初始化失败:', error)
+        this.setEmptyStackedBarChart()
+      }
+    },
+
+    // 设置空堆叠柱状图状态
+    setEmptyStackedBarChart() {
+      const chartDom = document.getElementById('stackedBarChart')
+
+      if (!chartDom) return
+
+      // 如果图表实例不存在，先初始化
+      if (!this.stackedBarChart) {
+        this.stackedBarChart = echarts.init(chartDom)
+      }
+
+      const option = {
+        title: {
+          text: '暂无数据',
+          left: 'center',
+          top: 'center',
+          textStyle: {
+            color: '#999',
+            fontSize: 16
+          }
+        },
+        xAxis: {
+          show: false
+        },
+        yAxis: {
+          show: false
+        },
+        series: []
+      }
+
+      this.stackedBarChart.setOption(option)
+    }
+  },
+  beforeDestroy() {
+    {
+      if (this.stackedBarChart) this.stackedBarChart.dispose()
+    }
+  }
+
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.problem-rectification {
+  padding: 24rpx;
+
+  .time-filter-section {
+    margin-bottom: 32rpx;
+
+    .filter-row {
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+
+      .custom-time-section {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 24rpx;
+        margin-top: 2rpx;
+        width: 350rpx;
+
+        .date-range-picker {
+          ::v-deep .icon-calendar {
+            display: none !important;
+          }
+
+          ::v-deep .uni-date-range {
+            font-size: 16rpx !important;
+            background: transparent !important;
+            color: black !important;
+          }
+
+          ::v-deep .uni-date-x {
+            height: 25rpx !important;
+            line-height: 25rpx !important;
+
+            .range-separator {
+              font-size: 20rpx !important;
+              padding: 0 !important
+            }
+
+            .uni-date__x-input {
+              height: 25rpx !important;
+              line-height: 25rpx !important;
+            }
+          }
+
+          ::v-deep .uni-date-x--border {
+            border: none !important;
+          }
+        }
+
+        .days-count {
+          position: absolute;
+          right: -72rpx;
+          top: -8rpx;
+          font-size: 25rpx;
+          color: black;
+          font-weight: 500;
+          white-space: nowrap;
+
+
+        }
+      }
+    }
+  }
+
+  .chart-section {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+
+    .section-title {
+      font-size: 28rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 20rpx;
+    }
+
+    .chart-container {
+      height: 1200rpx;
+
+      .stacked-bar-chart {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+}
+</style>

src/pages/inspectionStatistics/components/StaticsTab.vue

@@ -0,0 +1,89 @@
+<template>
+  <view class="statics-tab">
+    <view v-for="(item, index) in tabs" :key="index" class="tab-item" :class="{ active: value === item.type }"
+      @click="handleTabClick(item)">
+      <text class="tab-text">{{ item.title }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'StaticsTab',
+  props: {
+    // 当前选中的tab值
+    value: {
+      type: String,
+      default: ''
+    },
+    // tab选项数组
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    // 激活状态的颜色
+    activeColor: {
+      type: String,
+      default: '#1890ff'
+    }
+  },
+
+  methods: {
+    // 处理tab点击
+    handleTabClick(item) {
+      this.$emit('input', item.type);
+      this.$emit('change', item.type, item);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.statics-tab {
+  display: flex;
+  justify-content: flex-start;
+  // gap: 5rpx;
+
+  .tab-item {
+    font-size: 22rpx;
+    padding: 6rpx 11rpx;
+    
+    // height: 43rpx;
+    // line-height: 43rpx;
+    border-radius: 50rpx;
+    background-color: transparent;
+    transition: all 0.3s ease;
+    cursor: pointer;
+
+    .tab-text {
+      font-size: 22rpx;
+      color: black;
+      transition: color 0.3s ease;
+    }
+
+    // 激活状态
+    &.active {
+      background-color: var(--active-color, #7091EB);
+
+      .tab-text {
+        color: #fff;
+        font-weight: bold;
+      }
+    }
+
+    // 悬停效果
+    &:hover:not(.active) {
+      background-color: #f5f5f5;
+
+      .tab-text {
+        color: #fff;
+      }
+    }
+
+    // 激活状态样式
+    &:active {
+      transform: scale(0.95);
+    }
+  }
+}
+</style>

src/pages/inspectionStatistics/index.vue

@@ -0,0 +1,94 @@
+<template>
+	<home-container :customStyle="{ background: 'none', paddingTop: '0' }">
+		<view class="inspection-statistics">
+
+			<!-- 选项卡 -->
+			<h-tabs v-model="activeTab" :tabs="tabs" :activeColor="'#2A70D1'" value-key="value" label-key="label"
+				@change="handleTabChange" />
+
+			<!-- 内容区域 -->
+			<view class="content">
+				<!-- 巡检计划 -->
+				<InspectionPlan v-if="activeTab === 0" />
+
+				<!-- 巡检执行 -->
+				<InspectionExecution v-if="activeTab === 1" />
+
+				<!-- 问题发现 -->
+				<ProblemDiscovery v-if="activeTab === 2" />
+
+				<!-- 问题整改 -->
+				<ProblemRectification v-if="activeTab === 3" />
+			</view>
+		</view>
+	</home-container>
+
+</template>
+
+<script>
+
+import InspectionPlan from './components/InspectionPlan.vue'
+import InspectionExecution from './components/InspectionExecution.vue'
+import ProblemDiscovery from './components/ProblemDiscovery.vue'
+import ProblemRectification from './components/ProblemRectification.vue'
+import HomeContainer from "@/components/HomeContainer.vue";
+export default {
+	components: {
+		HomeContainer,
+		InspectionPlan,
+		InspectionExecution,
+		ProblemDiscovery,
+		ProblemRectification
+	},
+
+	data() {
+		return {
+			activeTab: 0, // 当前激活的选项卡
+
+		}
+	},
+	mounted() {
+		// 初始化选项卡
+		this.activeTab = this.isBanZuZhang ? 1 : 0
+	},
+	computed: {
+		isBanZuZhang() {
+			let roles = this.$store.state.user.roles;
+			console.log(roles)
+			return roles && roles.includes('banzuzhang')
+		},
+		tabs() {
+			return [
+				...(this.isBanZuZhang ? [] : [{ label: '巡检计划', value: 0, style: { 'color': 'black' }, }]),
+				{ label: '巡检执行', value: 1, style: { 'color': 'black' }, },
+				{ label: '问题发现', value: 2, style: { 'color': 'black' }, },
+				{ label: '问题整改', value: 3, style: { 'color': 'black' }, }
+			]
+		}
+
+	},
+	methods: {
+		// 选项卡切换事件
+		handleTabChange(index) {
+			this.activeTab = index
+			console.log('切换到选项卡:', this.tabs[index].label)
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.inspection-statistics {
+	min-height: 100vh;
+	padding-top: 40px;
+
+	.h-tabs {
+		position: fixed;
+		top: 80rpx;
+        z-index: 999;
+		padding-top: 20rpx;
+		background-color: #fff !important;
+	}
+
+}
+</style>

src/pages/login.vue

@@ -0,0 +1,249 @@
+<template>
+  <home-container>
+    <view class="normal-login-container">
+      <view class="logo-content">
+        <!-- <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
+      </image> -->
+        <text class="title" style="display: block;">您好，</text>
+        <text class="title" style="display: block;">欢迎使用机场安检</text>
+
+      </view>
+      <view class="login-form-content">
+        <view class="input-item flex align-center">
+          <view class="iconfont icon-user icon"></view>
+          <input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
+        </view>
+        <view class="input-item flex align-center">
+          <view class="iconfont icon-password icon"></view>
+          <input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
+        </view>
+        <view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
+          <view class="iconfont icon-code icon"></view>
+          <input v-model="loginForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4" />
+          <view class="login-code">
+            <image :src="codeUrl" @click="getCode" class="login-code-img"></image>
+          </view>
+        </view>
+        <view class="action-btn">
+          <button @click="handleLogin" class="login-btn cu-btn block bg-blue lg round">登录</button>
+        </view>
+        <view class="reg text-center" v-if="register">
+          <text class="text-grey1">没有账号？</text>
+          <text @click="handleUserRegister" class="text-blue">立即注册</text>
+        </view>
+        <view class="xieyi text-center">
+          <text class="text-grey1">登录即代表同意</text>
+          <text @click="handleUserAgrement" class="text-blue">《用户协议》</text>
+          <text @click="handlePrivacy" class="text-blue">《隐私协议》</text>
+        </view>
+      </view>
+
+    </view>
+  </home-container>
+
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { bufferConverter } from '@/utils/handler'
+import { getCodeImg } from '@/api/login'
+import { getToken } from '@/utils/auth'
+import { showMessageTabRedDot } from "@/utils/common.js"
+
+export default {
+  components: { HomeContainer },
+
+  data() {
+    return {
+      codeUrl: "",
+      captchaEnabled: true,
+      // 用户注册开关
+      register: false,
+      globalConfig: getApp().globalData.config,
+      loginForm: {
+        username: "",
+        password: "",
+        code: "",
+        uuid: ""
+      }
+    }
+  },
+  created() {
+    this.getCode()
+  },
+  onLoad() {
+    //#ifdef H5
+    if (getToken()) {
+      this.$tab.reLaunch('/pages/home/index')
+    }
+    this.getStorage()
+    //#endif
+  },
+  methods: {
+    getStorage() {
+      let info = uni.getStorageSync('loginInfo')
+      if (info) {
+        info = bufferConverter.base64ToString(info)
+        try {
+          info = JSON.parse(info)
+          this.loginForm.username = info.username
+          this.loginForm.password = info.password
+        } catch {
+          this.loginForm.username = ''
+          this.loginForm.password = ''
+        }
+      }
+    },
+    // 用户注册
+    handleUserRegister() {
+      this.$tab.redirectTo(`/pages/register`)
+    },
+    // 隐私协议
+    handlePrivacy() {
+      let site = this.globalConfig.appInfo.agreements[0]
+      this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
+    },
+    // 用户协议
+    handleUserAgrement() {
+      let site = this.globalConfig.appInfo.agreements[1]
+      this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
+    },
+    // 获取图形验证码
+    getCode() {
+      getCodeImg().then(res => {
+        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
+        if (this.captchaEnabled) {
+          this.codeUrl = 'data:image/gif;base64,' + res.img
+          this.loginForm.uuid = res.uuid
+        }
+      })
+    },
+    // 登录方法
+    async handleLogin() {
+      if (this.loginForm.username === "") {
+        this.$modal.msgError("请输入账号")
+      } else if (this.loginForm.password === "") {
+        this.$modal.msgError("请输入密码")
+      } else if (this.loginForm.code === "" && this.captchaEnabled) {
+        this.$modal.msgError("请输入验证码")
+      } else {
+        this.$modal.loading("登录中，请耐心等待...")
+        this.pwdLogin()
+      }
+    },
+    // 密码登录
+    async pwdLogin() {
+      this.$store.dispatch('Login', this.loginForm).then(() => {
+        // 密码现在是明文传输 展示转base64 存本地 做保存密码需求
+        const info = bufferConverter.stringToBase64(JSON.stringify({
+          username: this.loginForm.username,
+          password: this.loginForm.password,
+        }))
+        uni.setStorageSync('loginInfo', info)
+        this.$modal.closeLoading()
+        this.loginSuccess()
+      }).catch((res) => {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        });
+        if (this.captchaEnabled) {
+          this.getCode()
+        }
+      }).finally(() => {
+        this.$modal.closeLoading()
+      })
+    },
+    // 登录成功后，处理函数
+    loginSuccess(result) {
+      // 设置用户信息
+      this.$store.dispatch('GetInfo').then(res => {
+        // 登录成功后调用showMessageTabRedDot更新消息tab红点状态
+        showMessageTabRedDot()
+        this.$tab.reLaunch('/pages/home/index')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  background-color: #ffffff;
+}
+
+.normal-login-container {
+  width: 100%;
+
+  .logo-content {
+    width: 100%;
+    font-size: 21px;
+    text-align: left;
+    padding-top: 15%;
+    padding-left: 30rpx;
+
+    image {
+      border-radius: 4px;
+    }
+
+    .title {
+      margin-left: 10px;
+    }
+  }
+
+  .login-form-content {
+    text-align: center;
+    margin: 20px auto;
+    margin-top: 15%;
+    width: 80%;
+
+    .input-item {
+      margin: 20px auto;
+      background-color: #f5f6f7;
+      height: 45px;
+      border-radius: 20px;
+
+      .icon {
+        font-size: 38rpx;
+        margin-left: 10px;
+        color: #999;
+      }
+
+      .input {
+        width: 100%;
+        font-size: 14px;
+        line-height: 20px;
+        text-align: left;
+        padding-left: 15px;
+      }
+
+    }
+
+    .login-btn {
+      margin-top: 40px;
+      height: 45px;
+    }
+
+    .reg {
+      margin-top: 15px;
+    }
+
+    .xieyi {
+      color: #333;
+      margin-top: 20px;
+    }
+
+    .login-code {
+      height: 38px;
+      float: right;
+
+      .login-code-img {
+        height: 38px;
+        position: absolute;
+        margin-left: 10px;
+        width: 200rpx;
+      }
+    }
+  }
+}
+</style>

src/pages/mine/about/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <view class="about-container">
+    <view class="header-section text-center">
+      <image style="width: 150rpx;height: 150rpx;" src="/static/logo200.png" mode="widthFix">
+      </image>
+      <uni-title type="h2" title="安检分级质控系统移动端"></uni-title>
+    </view>
+
+    <view class="content-section">
+      <view class="menu-list">
+        <view class="list-cell list-cell-arrow">
+          <view class="menu-item-box">
+            <view>版本信息</view>
+            <view class="text-right">v{{version}}</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow">
+          <view class="menu-item-box">
+            <view>官方邮箱</view>
+            <view class="text-right">ruoyi@xx.com</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow">
+          <view class="menu-item-box">
+            <view>服务热线</view>
+            <view class="text-right">400-999-9999</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow">
+          <view class="menu-item-box">
+            <view>公司网站</view>
+            <view class="text-right">
+              <uni-link :href="url" :text="url" showUnderLine="false"></uni-link>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="copyright">
+      <view>Copyright &copy; 2025 ruoyi.vip All Rights Reserved.</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        url: getApp().globalData.config.appInfo.site_url,
+        version: getApp().globalData.config.appInfo.version
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #f8f8f8;
+  }
+
+  .copyright {
+    margin-top: 50rpx;
+    text-align: center;
+    line-height: 60rpx;
+    color: #999;
+  }
+
+  .header-section {
+    display: flex;
+    padding: 30rpx 0 0;
+    flex-direction: column;
+    align-items: center;
+  }
+</style>

src/pages/mine/avatar/index.vue

@@ -0,0 +1,618 @@
+<template>
+	<view class="container">
+		<view class="page-body uni-content-info">
+			<view class='cropper-content'>
+				<view v-if="isShowImg" class="uni-corpper" :style="'width:'+cropperInitW+'px;height:'+cropperInitH+'px;background:#000'">
+					<view class="uni-corpper-content" :style="'width:'+cropperW+'px;height:'+cropperH+'px;left:'+cropperL+'px;top:'+cropperT+'px'">
+						<image :src="imageSrc" :style="'width:'+cropperW+'px;height:'+cropperH+'px'"></image>
+						<view class="uni-corpper-crop-box" @touchstart.stop="contentStartMove" @touchmove.stop="contentMoveing" @touchend.stop="contentTouchEnd"
+						    :style="'left:'+cutL+'px;top:'+cutT+'px;right:'+cutR+'px;bottom:'+cutB+'px'">
+							<view class="uni-cropper-view-box">
+								<view class="uni-cropper-dashed-h"></view>
+								<view class="uni-cropper-dashed-v"></view>
+								<view class="uni-cropper-line-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-line-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-line-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-line-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-point point-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-point point-tr" data-drag="topTight"></view>
+								<view class="uni-cropper-point point-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-point point-rb" data-drag="rightBottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-point point-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove" @touchend.stop="dragEnd"></view>
+								<view class="uni-cropper-point point-bl" data-drag="bottomLeft"></view>
+								<view class="uni-cropper-point point-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
+								<view class="uni-cropper-point point-lt" data-drag="leftTop"></view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class='cropper-config'>
+				<button type="primary reverse" @click="getImage" style='margin-top: 30rpx;'> 选择头像 </button>
+				<button type="warn" @click="getImageInfo" style='margin-top: 30rpx;'> 提交 </button>
+			</view>
+			<canvas canvas-id="myCanvas" :style="'position:absolute;border: 1px solid red; width:'+imageW+'px;height:'+imageH+'px;top:-9999px;left:-9999px;'"></canvas>
+		</view>
+	</view>
+</template>
+
+<script>
+  import config from '@/config'
+  import store from "@/store"
+  import { uploadAvatar } from "@/api/system/user"
+  
+  const baseUrl = config.baseUrl
+	let sysInfo = uni.getSystemInfoSync()
+	let SCREEN_WIDTH = sysInfo.screenWidth
+	let PAGE_X, // 手按下的x位置
+		PAGE_Y, // 手按下y的位置 
+		PR = sysInfo.pixelRatio, // dpi
+		T_PAGE_X, // 手移动的时候x的位置
+		T_PAGE_Y, // 手移动的时候Y的位置
+		CUT_L, // 初始化拖拽元素的left值
+		CUT_T, // 初始化拖拽元素的top值
+		CUT_R, // 初始化拖拽元素的
+		CUT_B, // 初始化拖拽元素的
+		CUT_W, // 初始化拖拽元素的宽度
+		CUT_H, //  初始化拖拽元素的高度
+		IMG_RATIO, // 图片比例
+		IMG_REAL_W, // 图片实际的宽度
+		IMG_REAL_H, // 图片实际的高度
+		DRAFG_MOVE_RATIO = 1, //移动时候的比例,
+		INIT_DRAG_POSITION = 100, // 初始化屏幕宽度和裁剪区域的宽度之差，用于设置初始化裁剪的宽度
+		DRAW_IMAGE_W = sysInfo.screenWidth // 设置生成的图片宽度
+
+	export default {
+		/**
+		 * 页面的初始数据
+		 */
+		data() {
+			return {
+				imageSrc: store.getters.avatar,
+				isShowImg: false,
+				// 初始化的宽高
+				cropperInitW: SCREEN_WIDTH,
+				cropperInitH: SCREEN_WIDTH,
+				// 动态的宽高
+				cropperW: SCREEN_WIDTH,
+				cropperH: SCREEN_WIDTH,
+				// 动态的left top值
+				cropperL: 0,
+				cropperT: 0,
+
+				transL: 0,
+				transT: 0,
+
+				// 图片缩放值
+				scaleP: 0,
+				imageW: 0,
+				imageH: 0,
+
+				// 裁剪框 宽高
+				cutL: 0,
+				cutT: 0,
+				cutB: SCREEN_WIDTH,
+				cutR: '100%',
+				qualityWidth: DRAW_IMAGE_W,
+				innerAspectRadio: DRAFG_MOVE_RATIO
+			}
+		},
+		/**
+		 * 生命周期函数--监听页面初次渲染完成
+		 */
+		onReady: function () {
+			this.loadImage()
+		},
+		methods: {
+			setData: function (obj) {
+				let that = this
+				Object.keys(obj).forEach(function (key) {
+					that.$set(that.$data, key, obj[key])
+				})
+			},
+			getImage: function () {
+				var _this = this
+				uni.chooseImage({
+					success: function (res) {
+						_this.setData({
+							imageSrc: res.tempFilePaths[0],
+						})
+						_this.loadImage()
+					},
+				})
+			},
+			loadImage: function () {
+				var _this = this
+
+				uni.getImageInfo({
+					src: _this.imageSrc,
+					success: function success(res) {
+						IMG_RATIO = 1 / 1
+						if (IMG_RATIO >= 1) {
+							IMG_REAL_W = SCREEN_WIDTH
+							IMG_REAL_H = SCREEN_WIDTH / IMG_RATIO
+						} else {
+							IMG_REAL_W = SCREEN_WIDTH * IMG_RATIO
+							IMG_REAL_H = SCREEN_WIDTH
+						}
+						let minRange = IMG_REAL_W > IMG_REAL_H ? IMG_REAL_W : IMG_REAL_H
+						INIT_DRAG_POSITION = minRange > INIT_DRAG_POSITION ? INIT_DRAG_POSITION : minRange
+						// 根据图片的宽高显示不同的效果   保证图片可以正常显示
+						if (IMG_RATIO >= 1) {
+							let cutT = Math.ceil((SCREEN_WIDTH / IMG_RATIO - (SCREEN_WIDTH / IMG_RATIO - INIT_DRAG_POSITION)) / 2)
+							let cutB = cutT
+							let cutL = Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH + INIT_DRAG_POSITION) / 2)
+							let cutR = cutL
+							_this.setData({
+								cropperW: SCREEN_WIDTH,
+								cropperH: SCREEN_WIDTH / IMG_RATIO,
+								// 初始化left right
+								cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
+								cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH / IMG_RATIO) / 2),
+								cutL: cutL,
+								cutT: cutT,
+								cutR: cutR,
+								cutB: cutB,
+								// 图片缩放值
+								imageW: IMG_REAL_W,
+								imageH: IMG_REAL_H,
+								scaleP: IMG_REAL_W / SCREEN_WIDTH,
+								qualityWidth: DRAW_IMAGE_W,
+								innerAspectRadio: IMG_RATIO
+							})
+						} else {
+							let cutL = Math.ceil((SCREEN_WIDTH * IMG_RATIO - (SCREEN_WIDTH * IMG_RATIO)) / 2)
+							let cutR = cutL
+							let cutT = Math.ceil((SCREEN_WIDTH - INIT_DRAG_POSITION) / 2)
+							let cutB = cutT
+							_this.setData({
+								cropperW: SCREEN_WIDTH * IMG_RATIO,
+								cropperH: SCREEN_WIDTH,
+								// 初始化left right
+								cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH * IMG_RATIO) / 2),
+								cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
+
+								cutL: cutL,
+								cutT: cutT,
+								cutR: cutR,
+								cutB: cutB,
+								// 图片缩放值
+								imageW: IMG_REAL_W,
+								imageH: IMG_REAL_H,
+								scaleP: IMG_REAL_W / SCREEN_WIDTH,
+								qualityWidth: DRAW_IMAGE_W,
+								innerAspectRadio: IMG_RATIO
+							})
+						}
+						_this.setData({
+							isShowImg: true
+						})
+						uni.hideLoading()
+					}
+				})
+			},
+			// 拖动时候触发的touchStart事件
+			contentStartMove(e) {
+				PAGE_X = e.touches[0].pageX
+				PAGE_Y = e.touches[0].pageY
+			},
+
+			// 拖动时候触发的touchMove事件
+			contentMoveing(e) {
+				var _this = this
+				var dragLengthX = (PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
+				var dragLengthY = (PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
+				// 左移
+				if (dragLengthX > 0) {
+					if (this.cutL - dragLengthX < 0) dragLengthX = this.cutL
+				} else {
+					if (this.cutR + dragLengthX < 0) dragLengthX = -this.cutR
+				}
+
+				if (dragLengthY > 0) {
+					if (this.cutT - dragLengthY < 0) dragLengthY = this.cutT
+				} else {
+					if (this.cutB + dragLengthY < 0) dragLengthY = -this.cutB
+				}
+				this.setData({
+					cutL: this.cutL - dragLengthX,
+					cutT: this.cutT - dragLengthY,
+					cutR: this.cutR + dragLengthX,
+					cutB: this.cutB + dragLengthY
+				})
+
+				PAGE_X = e.touches[0].pageX
+				PAGE_Y = e.touches[0].pageY
+			},
+
+			contentTouchEnd() {
+
+			},
+
+			// 获取图片
+			getImageInfo() {
+				var _this = this
+				uni.showLoading({
+					title: '图片生成中...',
+				})
+				// 将图片写入画布
+				const ctx = uni.createCanvasContext('myCanvas')
+				ctx.drawImage(_this.imageSrc, 0, 0, IMG_REAL_W, IMG_REAL_H)
+				ctx.draw(true, () => {
+					// 获取画布要裁剪的位置和宽度   均为百分比 * 画布中图片的宽度    保证了在微信小程序中裁剪的图片模糊  位置不对的问题 canvasT = (_this.cutT / _this.cropperH) * (_this.imageH / pixelRatio)
+					var canvasW = ((_this.cropperW - _this.cutL - _this.cutR) / _this.cropperW) * IMG_REAL_W
+					var canvasH = ((_this.cropperH - _this.cutT - _this.cutB) / _this.cropperH) * IMG_REAL_H
+					var canvasL = (_this.cutL / _this.cropperW) * IMG_REAL_W
+					var canvasT = (_this.cutT / _this.cropperH) * IMG_REAL_H
+					uni.canvasToTempFilePath({
+						x: canvasL,
+						y: canvasT,
+						width: canvasW,
+						height: canvasH,
+						destWidth: canvasW,
+						destHeight: canvasH,
+						quality: 0.5,
+						canvasId: 'myCanvas',
+						success: function (res) {
+							uni.hideLoading()
+							let data = {name: 'avatarfile', filePath: res.tempFilePath}
+							uploadAvatar(data).then(response => {
+								store.commit('SET_AVATAR', baseUrl + response.imgUrl)
+								uni.showToast({ title: "修改成功", icon: 'success' })
+								uni.navigateBack()
+							})
+						}
+					})
+				})
+			},
+			// 设置大小的时候触发的touchStart事件
+			dragStart(e) {
+				T_PAGE_X = e.touches[0].pageX
+				T_PAGE_Y = e.touches[0].pageY
+				CUT_L = this.cutL
+				CUT_R = this.cutR
+				CUT_B = this.cutB
+				CUT_T = this.cutT
+			},
+
+			// 设置大小的时候触发的touchMove事件
+			dragMove(e) {
+				var _this = this
+				var dragType = e.target.dataset.drag
+				switch (dragType) {
+					case 'right':
+						var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
+						if (CUT_R + dragLength < 0) dragLength = -CUT_R
+						this.setData({
+							cutR: CUT_R + dragLength
+						})
+						break
+					case 'left':
+						var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
+						if (CUT_L - dragLength < 0) dragLength = CUT_L
+						if ((CUT_L - dragLength) > (this.cropperW - this.cutR)) dragLength = CUT_L - (this.cropperW - this.cutR)
+						this.setData({
+							cutL: CUT_L - dragLength
+						})
+						break
+					case 'top':
+						var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
+						if (CUT_T - dragLength < 0) dragLength = CUT_T
+						if ((CUT_T - dragLength) > (this.cropperH - this.cutB)) dragLength = CUT_T - (this.cropperH - this.cutB)
+						this.setData({
+							cutT: CUT_T - dragLength
+						})
+						break
+					case 'bottom':
+						var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
+						if (CUT_B + dragLength < 0) dragLength = -CUT_B
+						this.setData({
+							cutB: CUT_B + dragLength
+						})
+						break
+					case 'rightBottom':
+						var dragLengthX = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
+						var dragLengthY = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
+
+						if (CUT_B + dragLengthY < 0) dragLengthY = -CUT_B
+						if (CUT_R + dragLengthX < 0) dragLengthX = -CUT_R
+						let cutB = CUT_B + dragLengthY
+						let cutR = CUT_R + dragLengthX
+
+						this.setData({
+							cutB: cutB,
+							cutR: cutR
+						})
+						break
+					default:
+						break
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.cropper-config {
+		padding: 20rpx 40rpx;
+	}
+
+	.cropper-content {
+		min-height: 750rpx;
+		width: 100%;
+	}
+
+	.uni-corpper {
+		position: relative;
+		overflow: hidden;
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+		-webkit-tap-highlight-color: transparent;
+		-webkit-touch-callout: none;
+		box-sizing: border-box;
+	}
+
+	.uni-corpper-content {
+		position: relative;
+	}
+
+	.uni-corpper-content image {
+		display: block;
+		width: 100%;
+		min-width: 0 !important;
+		max-width: none !important;
+		height: 100%;
+		min-height: 0 !important;
+		max-height: none !important;
+		image-orientation: 0deg !important;
+		margin: 0 auto;
+	}
+
+	/* 移动图片效果 */
+	.uni-cropper-drag-box {
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		cursor: move;
+		background: rgba(0, 0, 0, 0.6);
+		z-index: 1;
+	}
+
+	/* 内部的信息 */
+	.uni-corpper-crop-box {
+		position: absolute;
+		background: rgba(255, 255, 255, 0.3);
+		z-index: 2;
+	}
+
+	.uni-corpper-crop-box .uni-cropper-view-box {
+		position: relative;
+		display: block;
+		width: 100%;
+		height: 100%;
+		overflow: visible;
+		outline: 1rpx solid #69f;
+		outline-color: rgba(102, 153, 255, .75)
+	}
+
+	/* 横向虚线 */
+	.uni-cropper-dashed-h {
+		position: absolute;
+		top: 33.33333333%;
+		left: 0;
+		width: 100%;
+		height: 33.33333333%;
+		border-top: 1rpx dashed rgba(255, 255, 255, 0.5);
+		border-bottom: 1rpx dashed rgba(255, 255, 255, 0.5);
+	}
+
+	/* 纵向虚线 */
+	.uni-cropper-dashed-v {
+		position: absolute;
+		left: 33.33333333%;
+		top: 0;
+		width: 33.33333333%;
+		height: 100%;
+		border-left: 1rpx dashed rgba(255, 255, 255, 0.5);
+		border-right: 1rpx dashed rgba(255, 255, 255, 0.5);
+	}
+
+	/* 四个方向的线  为了之后的拖动事件*/
+	.uni-cropper-line-t {
+		position: absolute;
+		display: block;
+		width: 100%;
+		background-color: #69f;
+		top: 0;
+		left: 0;
+		height: 1rpx;
+		opacity: 0.1;
+		cursor: n-resize;
+	}
+
+	.uni-cropper-line-t::before {
+		content: '';
+		position: absolute;
+		top: 50%;
+		right: 0rpx;
+		width: 100%;
+		-webkit-transform: translate3d(0, -50%, 0);
+		transform: translate3d(0, -50%, 0);
+		bottom: 0;
+		height: 41rpx;
+		background: transparent;
+		z-index: 11;
+	}
+
+	.uni-cropper-line-r {
+		position: absolute;
+		display: block;
+		background-color: #69f;
+		top: 0;
+		right: 0rpx;
+		width: 1rpx;
+		opacity: 0.1;
+		height: 100%;
+		cursor: e-resize;
+	}
+
+	.uni-cropper-line-r::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 50%;
+		width: 41rpx;
+		-webkit-transform: translate3d(-50%, 0, 0);
+		transform: translate3d(-50%, 0, 0);
+		bottom: 0;
+		height: 100%;
+		background: transparent;
+		z-index: 11;
+	}
+
+	.uni-cropper-line-b {
+		position: absolute;
+		display: block;
+		width: 100%;
+		background-color: #69f;
+		bottom: 0;
+		left: 0;
+		height: 1rpx;
+		opacity: 0.1;
+		cursor: s-resize;
+	}
+
+	.uni-cropper-line-b::before {
+		content: '';
+		position: absolute;
+		top: 50%;
+		right: 0rpx;
+		width: 100%;
+		-webkit-transform: translate3d(0, -50%, 0);
+		transform: translate3d(0, -50%, 0);
+		bottom: 0;
+		height: 41rpx;
+		background: transparent;
+		z-index: 11;
+	}
+
+	.uni-cropper-line-l {
+		position: absolute;
+		display: block;
+		background-color: #69f;
+		top: 0;
+		left: 0;
+		width: 1rpx;
+		opacity: 0.1;
+		height: 100%;
+		cursor: w-resize;
+	}
+
+	.uni-cropper-line-l::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 50%;
+		width: 41rpx;
+		-webkit-transform: translate3d(-50%, 0, 0);
+		transform: translate3d(-50%, 0, 0);
+		bottom: 0;
+		height: 100%;
+		background: transparent;
+		z-index: 11;
+	}
+
+	.uni-cropper-point {
+		width: 5rpx;
+		height: 5rpx;
+		background-color: #69f;
+		opacity: .75;
+		position: absolute;
+		z-index: 3;
+	}
+
+	.point-t {
+		top: -3rpx;
+		left: 50%;
+		margin-left: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-tr {
+		top: -3rpx;
+		left: 100%;
+		margin-left: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-r {
+		top: 50%;
+		left: 100%;
+		margin-left: -3rpx;
+		margin-top: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-rb {
+		left: 100%;
+		top: 100%;
+		-webkit-transform: translate3d(-50%, -50%, 0);
+		transform: translate3d(-50%, -50%, 0);
+		cursor: n-resize;
+		width: 36rpx;
+		height: 36rpx;
+		background-color: #69f;
+		position: absolute;
+		z-index: 1112;
+		opacity: 1;
+	}
+
+	.point-b {
+		left: 50%;
+		top: 100%;
+		margin-left: -3rpx;
+		margin-top: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-bl {
+		left: 0%;
+		top: 100%;
+		margin-left: -3rpx;
+		margin-top: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-l {
+		left: 0%;
+		top: 50%;
+		margin-left: -3rpx;
+		margin-top: -3rpx;
+		cursor: n-resize;
+	}
+
+	.point-lt {
+		left: 0%;
+		top: 0%;
+		margin-left: -3rpx;
+		margin-top: -3rpx;
+		cursor: n-resize;
+	}
+
+	/* 裁剪框预览内容 */
+	.uni-cropper-viewer {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+
+	.uni-cropper-viewer image {
+		position: absolute;
+		z-index: 2;
+	}
+</style>

src/pages/mine/help/index.vue

@@ -0,0 +1,112 @@
+<template>
+  <view class="help-container">
+    <view v-for="(item, findex) in list" :key="findex" :title="item.title" class="list-title">
+      <view class="text-title">
+        <view :class="item.icon"></view>{{ item.title }}
+      </view>
+      <view class="childList">
+        <view v-for="(child, zindex) in item.childList" :key="zindex" class="question" hover-class="hover"
+          @click="handleText(child)">
+          <view class="text-item">{{ child.title }}</view>
+          <view class="line" v-if="zindex !== item.childList.length - 1"></view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        list: [{
+            icon: 'iconfont icon-github',
+            title: '若依问题',
+            childList: [{
+              title: '若依开源吗？',
+              content: '开源'
+            }, {
+              title: '若依可以商用吗？',
+              content: '可以'
+            }, {
+              title: '若依官网地址多少？',
+              content: 'http://ruoyi.vip'
+            }, {
+              title: '若依文档地址多少？',
+              content: 'http://doc.ruoyi.vip'
+            }]
+          },
+          {
+            icon: 'iconfont icon-help',
+            title: '其他问题',
+            childList: [{
+              title: '如何退出登录？',
+              content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
+            }, {
+              title: '如何修改用户头像？',
+              content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
+            }, {
+              title: '如何修改登录密码？',
+              content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
+            }]
+          }
+        ]
+      }
+    },
+    methods: {
+      handleText(item) {
+        this.$tab.navigateTo(`/pages/common/textview/index?title=${item.title}&content=${item.content}`)
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #f8f8f8;
+  }
+
+  .help-container {
+    margin-bottom: 100rpx;
+    padding: 30rpx;
+  }
+
+  .list-title {
+    margin-bottom: 30rpx;
+  }
+
+  .childList {
+    background: #ffffff;
+    box-shadow: 0px 0px 10rpx rgba(193, 193, 193, 0.2);
+    border-radius: 16rpx;
+    margin-top: 10rpx;
+  }
+
+  .line {
+    width: 100%;
+    height: 1rpx;
+    background-color: #F5F5F5;
+  }
+
+  .text-title {
+    color: #303133;
+    font-size: 32rpx;
+    font-weight: bold;
+    margin-left: 10rpx;
+
+    .iconfont {
+      font-size: 16px;
+      margin-right: 10rpx;
+    }
+  }
+
+  .text-item {
+    font-size: 28rpx;
+    padding: 24rpx;
+  }
+
+  .question {
+    color: #606266;
+    font-size: 28rpx;
+  }
+</style>

src/pages/mine/index.vue

@@ -0,0 +1,194 @@
+<template>
+  <view class="mine-container" :style="{height: `${windowHeight}px`}">
+    <!--顶部个人信息栏-->
+    <view class="header-section">
+      <view class="flex padding justify-between">
+        <view class="flex align-center">
+          <view v-if="!avatar" class="cu-avatar xl round bg-white">
+            <view class="iconfont icon-people text-gray icon"></view>
+          </view>
+          <image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix">
+          </image>
+          <view v-if="!name" @click="handleToLogin" class="login-tip">
+            点击登录
+          </view>
+          <view v-if="name" @click="handleToInfo" class="user-info">
+            <view class="u_title">
+              用户名：{{ name }}
+            </view>
+          </view>
+        </view>
+        <view @click="handleToInfo" class="flex align-center">
+          <text>个人信息</text>
+          <view class="iconfont icon-right"></view>
+        </view>
+      </view>
+    </view>
+
+    <view class="content-section">
+      <view class="mine-actions grid col-4 text-center">
+        <view class="action-item" @click="handleJiaoLiuQun">
+          <view class="iconfont icon-friendfill text-pink icon"></view>
+          <text class="text">交流群</text>
+        </view>
+        <view class="action-item" @click="handleBuilding">
+          <view class="iconfont icon-service text-blue icon"></view>
+          <text class="text">在线客服</text>
+        </view>
+        <view class="action-item" @click="handleBuilding">
+          <view class="iconfont icon-community text-mauve icon"></view>
+          <text class="text">反馈社区</text>
+        </view>
+        <view class="action-item" @click="handleBuilding">
+          <view class="iconfont icon-dianzan text-green icon"></view>
+          <text class="text">点赞我们</text>
+        </view>
+      </view>
+
+      <view class="menu-list">
+        <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
+          <view class="menu-item-box">
+            <view class="iconfont icon-user menu-icon"></view>
+            <view>编辑资料</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleHelp">
+          <view class="menu-item-box">
+            <view class="iconfont icon-help menu-icon"></view>
+            <view>常见问题</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>关于我们</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleToSetting">
+          <view class="menu-item-box">
+            <view class="iconfont icon-setting menu-icon"></view>
+            <view>应用设置</view>
+          </view>
+        </view>
+      </view>
+
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {}
+    },
+    computed: {
+      avatar() {
+        return this.$store.state.user.avatar
+      },
+      windowHeight() {
+        return uni.getSystemInfoSync().windowHeight - 50
+      },
+      name () {
+        if (this.$store.state.user) {
+          if (this.$store.state.user.userInfo && this.$store.state.user.userInfo.nickName) {
+            return this.$store.state.user.userInfo.nickName
+          }
+        }
+        return this.$store.state.user.name
+      }
+    },
+    methods: {
+      handleToInfo() {
+        this.$tab.navigateTo('/pages/mine/info/index')
+      },
+      handleToEditInfo() {
+        this.$tab.navigateTo('/pages/mine/info/edit')
+      },
+      handleToSetting() {
+        this.$tab.navigateTo('/pages/mine/setting/index')
+      },
+      handleToLogin() {
+        this.$tab.reLaunch('/pages/login')
+      },
+      handleToAvatar() {
+        this.$tab.navigateTo('/pages/mine/avatar/index')
+      },
+      handleHelp() {
+        this.$tab.navigateTo('/pages/mine/help/index')
+      },
+      handleAbout() {
+        this.$tab.navigateTo('/pages/mine/about/index')
+      },
+      handleJiaoLiuQun() {
+        this.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
+      },
+      handleBuilding() {
+        this.$modal.showToast('模块建设中~')
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #f5f6f7;
+  }
+
+  .mine-container {
+    width: 100%;
+    height: 100%;
+
+
+    .header-section {
+      padding: 15px 15px 45px 15px;
+      background-color: #3c96f3;
+      color: white;
+
+      .login-tip {
+        font-size: 18px;
+        margin-left: 10px;
+      }
+
+      .cu-avatar {
+        border: 2px solid #eaeaea;
+
+        .icon {
+          font-size: 40px;
+        }
+      }
+
+      .user-info {
+        margin-left: 15px;
+
+        .u_title {
+          font-size: 18px;
+          line-height: 30px;
+        }
+      }
+    }
+
+    .content-section {
+      position: relative;
+      top: -50px;
+
+      .mine-actions {
+        margin: 15px 15px;
+        padding: 20px 0px;
+        border-radius: 8px;
+        background-color: white;
+
+        .action-item {
+          .icon {
+            font-size: 28px;
+          }
+
+          .text {
+            display: block;
+            font-size: 13px;
+            margin: 8px 0px;
+          }
+        }
+      }
+    }
+  }
+</style>

src/pages/mine/info/edit.vue

@@ -0,0 +1,127 @@
+<template>
+  <view class="container">
+    <view class="example">
+      <uni-forms ref="form" :model="user" labelWidth="80px">
+        <uni-forms-item label="用户昵称" name="nickName">
+          <uni-easyinput v-model="user.nickName" placeholder="请输入昵称" />
+        </uni-forms-item>
+        <uni-forms-item label="手机号码" name="phonenumber">
+          <uni-easyinput v-model="user.phonenumber" placeholder="请输入手机号码" />
+        </uni-forms-item>
+        <uni-forms-item label="邮箱" name="email">
+          <uni-easyinput v-model="user.email" placeholder="请输入邮箱" />
+        </uni-forms-item>
+        <uni-forms-item label="性别" name="sex" required>
+          <uni-data-checkbox v-model="user.sex" :localdata="sexs" />
+        </uni-forms-item>
+      </uni-forms>
+      <button type="primary" @click="submit">提交</button>
+    </view>
+  </view>
+</template>
+
+<script>
+  import { getUserProfile } from "@/api/system/user"
+  import { updateUserProfile } from "@/api/system/user"
+
+  export default {
+    data() {
+      return {
+        user: {
+          nickName: "",
+          phonenumber: "",
+          email: "",
+          sex: ""
+        },
+        sexs: [{
+          text: '男',
+          value: "0"
+        }, {
+          text: '女',
+          value: "1"
+        }],
+        rules: {
+          nickName: {
+            rules: [{
+              required: true,
+              errorMessage: '用户昵称不能为空'
+            }]
+          },
+          phonenumber: {
+            rules: [{
+              required: true,
+              errorMessage: '手机号码不能为空'
+            }, {
+              pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+              errorMessage: '请输入正确的手机号码'
+            }]
+          },
+          email: {
+            rules: [{
+              required: true,
+              errorMessage: '邮箱地址不能为空'
+            }, {
+              format: 'email',
+              errorMessage: '请输入正确的邮箱地址'
+            }]
+          }
+        }
+      }
+    },
+    onLoad() {
+      this.getUser()
+    },
+    onReady() {
+      this.$refs.form.setRules(this.rules)
+    },
+    methods: {
+      getUser() {
+        getUserProfile().then(response => {
+          this.user = response.data
+        })
+      },
+      submit(ref) {
+        this.$refs.form.validate().then(res => {
+          updateUserProfile(this.user).then(response => {
+            this.$modal.msgSuccess("修改成功")
+          })
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .example {
+    padding: 15px;
+    background-color: #fff;
+  }
+
+  .segmented-control {
+    margin-bottom: 15px;
+  }
+
+  .button-group {
+    margin-top: 15px;
+    display: flex;
+    justify-content: space-around;
+  }
+
+  .form-item {
+    display: flex;
+    align-items: center;
+    flex: 1;
+  }
+
+  .button {
+    display: flex;
+    align-items: center;
+    height: 35px;
+    line-height: 35px;
+    margin-left: 10px;
+  }
+</style>

src/pages/mine/info/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <view class="container">
+    <uni-list>
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'person-filled'}" title="昵称" :rightText="user.nickName" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'phone-filled'}" title="手机号码" :rightText="user.phonenumber" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'email-filled'}" title="邮箱" :rightText="user.email" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'auth-filled'}" title="岗位" :rightText="postGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'staff-filled'}" title="角色" :rightText="roleGroup" />
+      <uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="创建日期" :rightText="user.createTime" />
+    </uni-list>
+  </view>
+</template>
+
+<script>
+  import { getUserProfile } from "@/api/system/user"
+
+  export default {
+    data() {
+      return {
+        user: {},
+        roleGroup: "",
+        postGroup: ""
+      }
+    },
+    onLoad() {
+      this.getUser()
+    },
+    methods: {
+      getUser() {
+        getUserProfile().then(response => {
+          this.user = response.data
+          this.roleGroup = response.roleGroup
+          this.postGroup = response.postGroup
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background-color: #ffffff;
+  }
+</style>

src/pages/mine/pwd/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <view class="pwd-retrieve-container">
+    <uni-forms ref="form" :value="user" labelWidth="80px">
+      <uni-forms-item name="oldPassword" label="旧密码">
+        <uni-easyinput type="password" v-model="user.oldPassword" placeholder="请输入旧密码" />
+      </uni-forms-item>
+      <uni-forms-item name="newPassword" label="新密码">
+        <uni-easyinput type="password" v-model="user.newPassword" placeholder="请输入新密码" />
+      </uni-forms-item>
+      <uni-forms-item name="confirmPassword" label="确认密码">
+        <uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认新密码" />
+      </uni-forms-item>
+      <button type="primary" @click="submit">提交</button>
+    </uni-forms>
+  </view>
+</template>
+
+<script>
+  import { updateUserPwd } from "@/api/system/user"
+
+  export default {
+    data() {
+      return {
+        user: {
+          oldPassword: undefined,
+          newPassword: undefined,
+          confirmPassword: undefined
+        },
+        rules: {
+          oldPassword: {
+            rules: [{
+              required: true,
+              errorMessage: '旧密码不能为空'
+            }]
+          },
+          newPassword: {
+            rules: [{
+                required: true,
+                errorMessage: '新密码不能为空',
+              },
+              {
+                minLength: 6,
+                maxLength: 20,
+                errorMessage: '长度在 6 到 20 个字符'
+              }
+            ]
+          },
+          confirmPassword: {
+            rules: [{
+                required: true,
+                errorMessage: '确认密码不能为空'
+              }, {
+                validateFunction: (rule, value, data) => data.newPassword === value,
+                errorMessage: '两次输入的密码不一致'
+              }
+            ]
+          }
+        }
+      }
+    },
+    onReady() {
+      this.$refs.form.setRules(this.rules)
+    },
+    methods: {
+      submit() {
+        this.$refs.form.validate().then(res => {
+          updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
+            this.$modal.msgSuccess("修改成功")
+          })
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .pwd-retrieve-container {
+    padding-top: 36rpx;
+    padding: 15px;
+  }
+</style>

src/pages/mine/setting/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <view class="setting-container" :style="{height: `${windowHeight}px`}">
+    <view class="menu-list">
+      <view class="list-cell list-cell-arrow" @click="handleToPwd">
+        <view class="menu-item-box">
+          <view class="iconfont icon-password menu-icon"></view>
+          <view>修改密码</view>
+        </view>
+      </view>
+      <view class="list-cell list-cell-arrow" @click="handleToUpgrade">
+        <view class="menu-item-box">
+          <view class="iconfont icon-refresh menu-icon"></view>
+          <view>检查更新</view>
+        </view>
+      </view>
+      <view class="list-cell list-cell-arrow" @click="handleCleanTmp">
+        <view class="menu-item-box">
+          <view class="iconfont icon-clean menu-icon"></view>
+          <view>清理缓存</view>
+        </view>
+      </view>
+    </view>
+    <view class="cu-list menu">
+      <view class="cu-item item-box">
+        <view class="content text-center" @click="handleLogout">
+          <text class="text-black">退出登录</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        windowHeight: uni.getSystemInfoSync().windowHeight
+      }
+    },
+    methods: {
+      handleToPwd() {
+        this.$tab.navigateTo('/pages/mine/pwd/index')
+      },
+      handleToUpgrade() {
+        this.$modal.showToast('模块建设中~')
+      },
+      handleCleanTmp() {
+        this.$modal.showToast('模块建设中~')
+      },
+      handleLogout() {
+        this.$modal.confirm('确定注销并退出系统吗？').then(() => {
+          this.$store.dispatch('LogOut').then(() => {}).finally(()=>{
+            this.$tab.reLaunch('/pages/home/index')
+          })
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .page {
+    background-color: #f8f8f8;
+  }
+
+  .item-box {
+    background-color: #FFFFFF;
+    margin: 30rpx;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 10rpx;
+    border-radius: 8rpx;
+    color: #303133;
+    font-size: 32rpx;
+  }
+</style>

src/pages/myToDoList/index.vue

@@ -0,0 +1,634 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <!-- <view class="mytodo-container"> -->
+        <!-- <u-search v-model="keyword" placeholder="搜索任务" @search="handleSearch" @custom="handleSearch"
+                @clear="handleClear" /> -->
+        <h-tabs :tabs="tabList" v-model="currentTab" @change="handleTabChange" />
+        <view class="mytodo-list">
+            <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }"
+                enable-back-to-top="true">
+                <u-checkbox-group class="checkbox-group">
+                    <list-card v-for="item in filteredList" :key="item.id" :showChecked="true"
+                        @click="navigateToDetail(item)">
+                        <template #checkbox
+                            v-if="item.instance && item.instance.businessType === 'SEIZURE_REPORT' && currentTab === 'todo'">
+                            <u-checkbox style="margin-top: 6rpx;" :checked="item.checked" :key="item.id"
+                                @change="itemChange(item)" />
+                        </template>
+                        <template #title>
+                            <view v-if="item.instance && item.instance.businessType === 'SEIZURE_REPORT'"
+                                class="list-title">
+                                {{ getFormData(item, 'forbiddenTypeText') }}
+                                <view v-if="item.isRead === '0'" class="unread-dot"></view>
+                            </view>
+                            <view v-else class="list-title">
+                                {{ `${getFormData(item, 'taskName')}-${item.taskName || item.title}` }}
+                                <view v-if="item.isRead === '0'" class="unread-dot"></view>
+                            </view>
+                        </template>
+                        <template #icon>
+                            <list-icon
+                                v-if="item.instance && item.instance.businessType === 'SEIZURE_REPORT' && getFormData(item, 'handlingMethod') === 'TRANSFER_TO_AIRPORT_POLICE'"
+                                :divStyle="{ backgroundColor: '#FEF8F8', color: '#F55B5D', border: '2rpx dashed #F55B5D' }"
+                                :text="'移交公安'" />
+                        </template>
+                        <template v-if="item.instance && item.instance.businessType === 'SEIZURE_REPORT'">
+                            <view class="list-row">
+                                <view class="list-label">位置：</view>
+                                <view class="list-value">{{ getFormData(item, 'channelName') }}</view>
+                            </view>
+                            <view class="list-row" style="height: auto;align-items: flex-start;">
+                                <view class="list-label">查获人：</view>
+                                <view class="list-value list-value-clamp-2">{{ `${getFormData(item, 'reportTeamText')} /
+                                    ${getFormData(item, 'inspectUserName')}` }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">查获时间：</view>
+                                <view class="list-value">{{ getFormData(item, 'seizureTime') }}</view>
+                            </view>
+                        </template>
+                        <template v-else>
+                            <view class="list-row" v-if="item.instance &&
+                                item.instance.businessType">
+                                <view class="list-label">{{ `被检查${getLabel(item.instance &&
+                                    item.instance.businessType)}：` }}</view>
+                                <view class="list-value">{{ getChecked(item) }}</view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">整改要求：</view>
+                                <!-- <view class="list-value list-value-clamp-1">{{ getFormData(item, 'rectificationSuggestions') }}</view> -->
+                            </view>
+                            <view class="list-row" style="height: auto;line-height: normal !important;">
+                                <view class="list-value-truncate">{{ getFormData(item, 'rectificationSuggestions') }}
+                                </view>
+                            </view>
+                            <view class="list-row">
+                                <view class="list-label">截止时间：</view>
+                                <view class="list-value">{{ getFormData(item, 'rectificationDeadline') }}</view>
+                            </view>
+                        </template>
+                        <template #footer>
+                            <div
+                                :class="['card-tag', item.instance && item.instance.businessType === 'SEIZURE_REPORT' ? 'seizure-tag' : 'rectification-tag']">
+                                {{ item.instance && item.instance.businessType === 'SEIZURE_REPORT' ? '查获' : '整改' }}
+                            </div>
+                        </template>
+
+
+                    </list-card>
+                </u-checkbox-group>
+
+                <!-- 加载状态提示 -->
+                <view v-if="loading" class="load-more">
+                    <text>加载中...</text>
+                </view>
+                <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                    <text>没有更多数据了</text>
+                </view>
+                <view v-else-if="list.length === 0" class="no-data">
+                    <text>暂无数据</text>
+                </view>
+            </scroll-view>
+        </view>
+        <view class="fixed-actions" v-if="currentTab === 'todo'">
+            <u-checkbox-group>
+                <u-checkbox :value="'all'" class="select-all" @change="handleSelectAll">全选</u-checkbox>
+            </u-checkbox-group>
+            <view class="batch-btn-container">
+                <view class="custom-btn-white batch-btn" :disabled="selectedItems.length === 0" @click="batchReject">
+                    批量驳回</view>
+                <view class="custom-btn-normal batch-btn" :disabled="selectedItems.length === 0" @click="batchApprove">
+                    批量通过
+                </view>
+            </view>
+        </view>
+        <!-- </view> -->
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import HTabs from "@/components/h-tabs/h-tabs.vue";
+import { listCheckApprovalCcDetails, listCheckPendingTasks, listCheckFinishedTasks, updateCheckApprovalCcDetails } from "@/api/myToDoList/myToDoList.js"
+import { approvePassBatch, approveRejectBatch } from "@/api/approve/approve.js";
+import { showMessageTabRedDot } from "@/utils/common.js"
+export default {
+    components: { HomeContainer, HTabs },
+    data() {
+        return {
+            keyword: '',
+            filteredList: [],
+            selectedItems: [],
+            currentTab: 'todo',
+            list: [],
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false,
+            // 待办任务未读数量
+            todoUnreadCount: 0,
+            msgUnreadCount: 0
+        }
+    },
+    computed: {
+        tabList() {
+            return [
+                {
+                    type: 'msg',
+                    title: '消息',
+                    unreadCount: this.msgUnreadCount
+                },
+                {
+                    type: 'todo',
+                    title: '待办',
+                    unreadCount: this.todoUnreadCount
+                },
+                {
+                    type: 'done',
+                    title: '已办'
+                }
+            ];
+        }
+    },
+    watch: {
+
+    },
+    methods: {
+        async getUnreadCount() {
+            try {
+                const query = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize
+                };
+
+                // 添加搜索关键词
+                if (this.keyword) {
+                    query.keyword = this.keyword;
+                }
+                let response = await listCheckPendingTasks(query);
+                this.todoUnreadCount = response.total;
+                let response1 = await listCheckApprovalCcDetails(query);
+
+                this.msgUnreadCount = response1.rows.filter(item => item.isRead == '0').length;
+            } catch (error) {
+                console.error('获取待办任务未读数量失败:', error);
+            }
+        },
+        getFormData(row, key) {
+            if (row.formData) {
+                const formData = JSON.parse(row.formData);
+                const value = formData[key] || '';
+
+                // 如果是时间戳字段且值为数字，进行格式化
+                if ((key.includes('Time') || key.includes('Deadline')) && typeof value === 'number' && value > 0) {
+                    return this.formatTimestamp(value);
+                }
+
+                return value;
+            }
+        },
+
+        // 格式化时间戳为年月日时分秒
+        formatTimestamp(timestamp) {
+            const date = new Date(timestamp);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+
+            return `${year}-${month}-${day}`;
+        },
+        getChecked(item) {
+            if (this.getLabel(item.instance && item.instance.businessType) == '科室') {
+                return this.getFormData(item, 'checkedDepartmentName');
+            }
+            if (this.getLabel(item.instance && item.instance.businessType) == '班组') {
+                return this.getFormData(item, 'checkedTeamName');
+            }
+            if (this.getLabel(item.instance && item.instance.businessType) == '人') {
+                return this.getFormData(item, 'checkedPersonnelName');
+            }
+            return '';
+        },
+        getLabel(key) {
+            if (key === 'PERSONAL_CHECK') {
+                return '人'
+            }
+            if (key === 'GROUP_CHECK') {
+                return '班组'
+            }
+            if (key === 'SECTION_CHECK') {
+                return '科室'
+            }
+            return ''
+        },
+        navigateToDetail(row) {
+            let type = 'view'; // 默认查看模式
+            if (this.currentTab == 'msg') {
+                const { businessType, businessId, instanceId } = row;
+                let obj = {
+                    instanceId,
+                    businessId,
+                    businessType,
+                    id,
+                    nodeCode,
+                    type
+                }
+                updateCheckApprovalCcDetails([row.ccId]
+                ).then(res => {
+
+                })
+                uni.navigateTo({
+                    url: `/pages/problemRect/index?params=${encodeURIComponent(JSON.stringify(obj))}`
+                });
+                return;
+            }
+            const { instance, id, nodeDefinition } = row;
+            const { businessId = "", businessType = "", id: instanceId } = instance || {};
+            const { nodeCode = "" } = nodeDefinition || {};
+            let url = '';
+
+
+            if (this.currentTab === 'todo') {
+                type = 'approve'; // 待办时是审批模式
+            }
+
+            let obj = {
+                instanceId,
+                businessId,
+                businessType,
+                id,
+                nodeCode,
+                type // 添加type参数
+            }
+
+            //查获
+            if (businessType === 'SEIZURE_REPORT') {
+                url = `/pages/seizedReported/index?params=${encodeURIComponent(JSON.stringify(obj))}`;
+            }
+            // 巡检对应个人 班组  科室
+            if (['PERSONAL_CHECK', 'GROUP_CHECK', 'SECTION_CHECK'].includes(businessType) || this.currentTab == 'msg') {
+                url = `/pages/problemRect/index?params=${encodeURIComponent(JSON.stringify(obj))}`;
+            }
+            if (url) {
+                uni.navigateTo({
+                    url: url
+                });
+            }
+        },
+        itemChange(item) {
+            item.checked = !item.checked
+            if (item.checked) {
+                this.selectedItems.push(item);
+            } else {
+                this.selectedItems = this.selectedItems.filter(selectedItem => selectedItem.id !== item.id);
+            }
+        },
+        handleSearch(val) {
+            this.pageNum = 1;
+            this.keyword = val || '';
+            this.loadData();
+        },
+        handleClear() {
+            this.pageNum = 1;
+            this.keyword = '';
+            this.loadData();
+        },
+        handleTabChange(tabValue, tabItem) {
+            this.pageNum = 1;
+            this.currentTab = tabValue;
+            this.loadData();
+        },
+        handleSelectAll(e) {
+            console.log(e, "e")
+            this.$nextTick(() => {
+                this.filteredList = this.filteredList.map(item => ({
+                    ...item,
+                    //只有查获可以批量审批
+                    ...(item.instance && item.instance.businessType === 'SEIZURE_REPORT' ? { checked: e } : {}),
+                }));
+                this.selectedItems = this.filteredList.filter(item => item.checked);
+            })
+        },
+        async batchReject() {
+            // 批量驳回逻辑
+            if (this.selectedItems.length === 0) {
+                uni.showToast({
+                    title: '请选择要驳回的任务',
+                    icon: 'none'
+                });
+                return;
+            }
+
+            try {
+                // 提取选中项的任务ID数组
+                const taskIds = this.selectedItems.map(item => item.id);
+
+                // 调用批量驳回接口
+                await approveRejectBatch(taskIds);
+
+                uni.showToast({
+                    title: '批量驳回成功',
+                    icon: 'success'
+                });
+
+                // 清空选中项并刷新数据
+                this.selectedItems = [];
+                this.filteredList = this.filteredList.map(item => ({
+                    ...item,
+                    checked: false
+                }));
+                this.loadData();
+                // 刷新未读消息数量
+                this.getUnreadCount();
+            } catch (error) {
+                console.error('批量驳回失败:', error);
+                uni.showToast({
+                    title: '批量驳回失败',
+                    icon: 'none'
+                });
+            }
+        },
+        async batchApprove() {
+            // 批量通过逻辑
+            if (this.selectedItems.length === 0) {
+                uni.showToast({
+                    title: '请选择要通过的任务',
+                    icon: 'none'
+                });
+                return;
+            }
+
+            try {
+                // 提取选中项的任务ID数组
+                const taskIds = this.selectedItems.map(item => item.id);
+
+                // 调用批量通过接口
+                await approvePassBatch(taskIds);
+
+                uni.showToast({
+                    title: '批量通过成功',
+                    icon: 'success'
+                });
+
+                // 清空选中项并刷新数据
+                this.selectedItems = [];
+                this.filteredList = this.filteredList.map(item => ({
+                    ...item,
+                    checked: false
+                }));
+                this.loadData();
+                // 刷新未读消息数量
+                this.getUnreadCount();
+            } catch (error) {
+                console.error('批量通过失败:', error);
+                uni.showToast({
+                    title: '批量通过失败',
+                    icon: 'none'
+                });
+            }
+        },
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData()
+        },
+        // 加载数据方法
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                const query = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize
+                };
+
+                // 添加搜索关键词
+                if (this.keyword) {
+                    query.keyword = this.keyword;
+                }
+
+                let response;
+                // 根据当前tab调用不同的API
+                if (this.currentTab === 'msg') {
+                    response = await listCheckApprovalCcDetails(query);
+                } else if (this.currentTab === 'todo') {
+                    response = await listCheckPendingTasks(query);
+                } else if (this.currentTab === 'done') {
+                    response = await listCheckFinishedTasks(query);
+                }
+
+                // 处理响应数据
+                const data = response.rows || response.list || [];
+
+                if (this.pageNum === 1) {
+                    this.list = data;
+                } else {
+                    this.list = [...this.list, ...data];
+                }
+
+                this.total = response.total || 0;
+                this.hasMore = this.list.length < this.total;
+
+                // 更新过滤列表
+                this.filteredList = [...this.list];
+
+            } catch (error) {
+                console.error('加载数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+        // 加载更多数据
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        }
+    },
+    mounted() {
+        this.loadData();
+    },
+    onShow() {
+        // 页面再次展示时刷新数据
+        this.pageNum = 1;
+        this.selectedItems = [];
+        this.loadData();
+        this.getUnreadCount();
+        showMessageTabRedDot();
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// .mytodo-container {
+//     min-height: 100vh;
+//     background: none !important;
+//     overflow: hidden;
+
+
+.mytodo-list {
+    height: calc(100vh - 207rpx);
+    // overflow: hidden; /* 防止与scroll-view的滚动冲突 */
+    margin-bottom: 100rpx;
+
+    .checkbox-group {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .inspection-item {
+        display: flex;
+        flex-flow: column;
+        justify-content: space-between;
+        padding: 40rpx;
+        background: #FFFFFF;
+        box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.08);
+        border-radius: 16rpx;
+        border: 2rpx solid #F0F8FF;
+        margin-top: 32rpx;
+    }
+
+    .inspection-item-title {
+        font-size: 32rpx;
+        color: #333333;
+        line-height: 38rpx;
+    }
+
+    .inspection-item-desc {
+        margin: 20rpx 0 0;
+        font-size: 28rpx;
+        color: #666666;
+    }
+
+    /* 加载状态样式 */
+    .load-more,
+    .no-more,
+    .no-data {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 40rpx;
+        font-size: 28rpx;
+        color: #999;
+    }
+
+    /* 未读红点样式 */
+    .list-title {
+        position: relative;
+    }
+
+    .unread-dot {
+        position: absolute;
+        top: -4rpx;
+        right: -20rpx;
+        width: 16rpx;
+        height: 16rpx;
+        background-color: #FF4D4F;
+        border-radius: 50%;
+    }
+
+    /* list-row和list-value样式 */
+    .list-row {
+
+
+
+        .list-value-clamp-1 {
+
+            word-break: break-all;
+            /* 文字截断样式 - 超过一行显示省略号 */
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        /* 三行文字截断样式 */
+        .list-value-truncate {
+            flex: 1;
+            color: #999999;
+            word-break: break-all;
+            /* 三行文字截断 - 超过三行显示省略号 */
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-height: 120rpx;
+            /* 3行 * 40rpx行高 */
+        }
+    }
+
+
+}
+
+// }
+
+.fixed-actions {
+    position: fixed;
+    bottom: 87rpx;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20rpx 32rpx;
+    background: #fff;
+    box-shadow: 0 -4rpx 10rpx rgba(0, 0, 0, 0.1);
+    z-index: 100;
+
+    .select-all {
+        flex: 1;
+    }
+
+    .batch-btn-container {
+        display: flex;
+
+        .batch-btn {
+            width: 240rpx;
+            margin-top: 0;
+            margin-left: 20rpx;
+        }
+    }
+
+
+}
+
+/* 卡片标签样式 */
+.card-tag {
+    position: absolute;
+    bottom: 0rpx;
+    right: 0rpx;
+    padding: 8rpx 16rpx;
+    border-radius: 8rpx 0 8rpx 0;
+    font-size: 24rpx;
+    font-weight: 500;
+    color: #FFFFFF;
+    z-index: 10;
+    white-space: nowrap;
+    pointer-events: none;
+}
+
+.seizure-tag {
+    background-color: #1890FF;
+    /* 蓝色背景 */
+}
+
+.rectification-tag {
+    background-color: #FA8C16;
+    /* 橙色背景 */
+}
+</style>

src/pages/personCount/index.vue

@@ -0,0 +1,551 @@
+<template>
+	<view class="person_count">
+		<view class="piece">
+			<view class="user">
+				<view class="img">王</view>
+				<view class="info">
+					<view class="name">王小虎</view>
+					<view class="position">安检员·T3航站楼</view>
+				</view>
+			</view>
+			<view class="cont">
+				<view class="item" v-for="(item, index) in seizureData" :key="index">
+					<view class="itm_title">{{ item.title }}</view>
+					<view class="num">{{ item.count }}</view>
+					<view class="item_text">
+						<img src="" alt="" />
+						<view class="text">{{ item.percentage }}%</view>
+						<view class="compare">vs上月</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="piece">
+			<view class="title">查获情况分析</view>
+			<view class="top">
+				<view>查获总数排名</view>
+				<view>第8名/126人</view>
+			</view>
+			<view class="percentage"><u-line-progress :percentage="126/8" :showText="false"></u-line-progress></view>
+			<view class="top_cont">
+				<view id="top_Echart" class="top_Echart"></view>
+			</view>
+			<view class="top_cont">
+				<view id="brokenLine" class="top_Echart"></view>
+			</view>
+		</view>
+		<view class="piece">
+			<view class="title">巡检与整改情况</view>
+			<view class="top">
+				<view>本月巡检记录</view>
+				<view>5次</view>
+			</view>
+			<view class="cont_item" v-for="(item, index) in inspectionList" :key="index">
+				<view class="left">
+					<h4>{{ item.title }}</h4>
+					<view class="time">检查时间：{{item.time}}</view>
+					<view :style="item.status == '合格' ? 'color: green' : item.status == '待整改' ? 'color: red' : 'color: #ffaa00'" v-if="item.problem">问题：{{item.time}}</view>
+				</view>
+				<view class="right" :style="item.status == '合格' ? 'color: green' : item.status == '待整改' ? 'color: red' : 'color: #ffaa00'">{{ item.status }}</view>
+			</view>
+			<view class="top_cont">
+				<view id="typeScatter" class="top_Echart"></view>
+			</view>
+		</view>
+		<view class="piece">
+			<view class="title">测试与培训情况</view>
+			<view class="top">
+				<view>综合成绩排名</view>
+				<view>第12名/126人</view>
+			</view>
+			<view class="percentage"><u-line-progress :percentage="126/12" :showText="false"></u-line-progress></view>
+			<view class="top_cont">
+				<view id="knowledge_area" class="top_Echart"></view>
+			</view>
+			<view>
+				<view class="title">最近三次测试成绩</view>
+				<view class="top">
+					<view>安检设备操作规范</view>
+					<view>96分</view>
+				</view>
+				<view class="percentage"><u-line-progress :percentage="96" :showText="false"></u-line-progress></view>
+				<view class="top">
+					<view>违禁物品识别</view>
+					<view>88分</view>
+				</view>
+				<view class="percentage"><u-line-progress activeColor="#ffaa00" :percentage="96" :showText="false"></u-line-progress></view>
+				<view class="top">
+					<view>应急处置流程</view>
+					<view>92分</view>
+				</view>
+				<view class="percentage"><u-line-progress activeColor="#155DFF" :percentage="96" :showText="false"></u-line-progress></view>
+			</view>
+		</view>
+		<view class="piece">
+			<view class="title">个人发展建议</view>
+			<view class="suggest" v-for="(item, index) in suggestList" :key="index">
+				<view class="serial_num" :style="index == 0 ? 'background: blue' : (index == 1 ? 'background: red' :  'background: yellow')"></view>
+				<view class="info">
+					<view class="name">{{ item.suggestTitle }}</view>
+					<view class="position">{{ item.suggestCont }}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import * as echarts from 'echarts';
+  export default {
+    data() {
+      return {
+        seizureData: [{
+        	count: '1029',
+        	title: '查获总数',
+        	percentage: '23',
+        	status: true
+        }, {
+        	count: '2',
+        	title: '重大违禁品数',
+        	percentage: '2',
+        	status: false
+        }, {
+        	count: '2',
+        	title: '巡检问题',
+        	percentage: '33.3',
+        	status: false
+        }, {
+        	count: '92',
+        	title: '测试成绩',
+        	percentage: '4.5',
+        	status: false
+        }],
+				suggestList: [
+					{
+						url: '',
+						suggestTitle: '保持优势',
+						suggestCont: '您在金属物品识别和爆炸物检测方面表现出色，继续保持！建议您将经验分享给新同事，共同提升团队整体水平。'
+					},
+					{
+						url: '',
+						suggestTitle: '重点提升',
+						suggestCont: '您在液态物品检测和电子设备检查环节还有提升空间。建议参加下周三的“新型液态违禁品识别”专项培训，并在日常工作中加强对电子设备复杂结构的检查。'
+					},
+					{
+						url: '',
+						suggestTitle: '即将开始的培训',
+						suggestCont: '7月5日将开展“锂电池安全检查规范”培训，建议您报名参加，进一步提升相关领域知识水平。'
+					},
+				],
+				inspectionList: [
+					{
+						title: '日常操作规范检查',
+						status: '合格',
+						time: '2025-06-12',
+						problem: ''
+					},
+					{
+						title: '设备使用规范检查',
+						status: '待整改',
+						time: '2025-06-15',
+						problem: '金属探测器操作不规范'
+					},
+					{
+						title: '安全意识抽查',
+						status: '已整改',
+						time: '2025-06-19',
+						problem: '未及时记录特殊旅客信息'
+					},
+				],
+				echart: null,
+				chartOption: {
+					title: {
+						text: '查获物品分类',
+						textStyle: {
+							fontSize: 14
+						},
+						padding: [0, 14]
+					},
+					legend: {
+						top: '8%',
+						left: 'center'
+					},
+					series: [
+						{
+							name: '查获占比',
+							type: 'pie',
+							radius: ['40%', '70%'],
+							center:['50%','60%'],
+							avoidLabelOverlap: false,
+							label: {
+								show: false,
+								position: 'center'
+							},
+							data: [
+								{ value: 1048, name: '金属物品' },
+								{ value: 735, name: '液态物品' },
+								{ value: 580, name: '锂电池' },
+								{ value: 484, name: '其他违禁品' },
+								{ value: 300, name: '管制刀具' }
+							]
+						}
+					],
+				},
+				brokenLine: null,
+				brokenLineOption: {
+					title: {
+						text: '月度查获趋势',
+						textStyle: {
+							fontSize: 14
+						},
+						padding: [20, 14, 0, 14]
+					},
+					grid: {
+						left: '3%',
+						right: '4%',
+						bottom: '3%',
+						containLabel: true
+					},
+					xAxis: [
+						{
+							type: 'category',
+							boundaryGap: false,
+							data: ['1月', '2月', '3月', '4月', '5月', '6月']
+						}
+					],
+					yAxis: [
+						{
+							type: 'value'
+						}
+					],
+					series: [
+						{
+							name: '趋势',
+							type: 'line',
+							stack: 'Total',
+							areaStyle: {},
+							data: [100, 101, 98, 96, 99, 95]
+						}
+					]
+				},
+				typeScatter: null,
+				typeScatterOption: {
+					title: {
+						text: '问题类型分布',
+						textStyle: {
+							fontSize: 14
+						},
+						padding: [20, 14, 0, 14]
+					},
+					grid: {
+						left: '5%',
+						right: '5%',
+						bottom: '4%',
+						containLabel: true
+					},
+					xAxis: {
+						type: 'category',
+						data: ['操作规范', '设备使用', '安全意识', '记录规范', '应急处置'],
+						axisLabel: {
+							interval: 0, // 控制标签的显示间隔，0表示全部显示
+							margin: 10,
+						}
+					},
+					yAxis: {
+						type: 'value'
+					},
+					series: [
+						{
+							data: [
+								{
+									value: 2,
+									itemStyle: {
+										color: '#FF5253'
+									}
+								},
+								{
+									value: 5,
+									itemStyle: {
+										color: '#FF5253'
+									}
+								},
+								{
+									value: 3,
+									itemStyle: {
+										color: '#FF5253'
+									}
+								},
+								{
+									value: 1,
+									itemStyle: {
+										color: '#FF5253'
+									}
+								},
+								{
+									value: 0,
+									itemStyle: {
+										color: '#FF5253'
+									}
+								},
+							],
+							type: 'bar'
+						}
+					]
+				},
+				knowledgeArea: null,
+				knowledgeAreaOption: {
+					title: {
+						text: '知识领域得分',
+						textStyle: {
+							fontSize: 14
+						},
+						padding: [20, 14, 0, 14]
+					},
+					legend: {
+						data: ['您的得分', '全站平均'],
+						bottom: '5%',
+						left: 'center'
+					},
+					radar: {
+						indicator: [
+							{ name: '安检设备操作', max: 100 },
+							{ name: '安全法规知识', max: 100 },
+							{ name: '旅客服务规范', max: 100 },
+							{ name: '应急处置流程', max: 100 },
+							{ name: '违禁物品识别', max: 100 },
+						],
+						center: ['50%', '50%'],
+						radius: '50%',
+						name: {
+							// 修改指标名称的文本样式
+							textStyle: {
+								fontSize: 12, // 设置文字大小
+								fontWeight: 'bold' // 设置文字粗细
+							}
+						}
+					},
+					series: [
+						{
+							name: 'Budget vs spending',
+							type: 'radar',
+							data: [
+								{
+									value: [80, 70, 75, 80, 80, 80],
+									name: '您的得分',
+									label: {
+										show: true,
+									},
+									areaStyle: {
+										color: '#a9bdff',
+									},
+									itemStyle: {
+										color: 'blue',
+									},
+								},
+								{
+									value: [8, 50, 25, 70, 60, 80],
+									name: '全站平均',
+									label: {
+										show: true,
+									},
+									areaStyle: {
+										color: '#e6e6e6',
+									},
+									itemStyle: {
+										color: '#ccc',
+									},
+								}
+							]
+						}
+					]
+				}
+      }
+    },
+    mounted() {
+			this.initEcharts();
+    },
+    methods: {
+			// 初始化图表
+      initEcharts() {
+				this.echart = echarts.init(document.getElementById('top_Echart'));
+				this.echart.setOption(this.chartOption);
+				this.brokenLine = echarts.init(document.getElementById('brokenLine'));
+				this.brokenLine.setOption(this.brokenLineOption);
+				this.typeScatter = echarts.init(document.getElementById('typeScatter'));
+				this.typeScatter.setOption(this.typeScatterOption);
+				this.knowledgeArea = echarts.init(document.getElementById('knowledge_area'));
+				this.knowledgeArea.setOption(this.knowledgeAreaOption);
+			}
+		}
+  }
+</script>
+
+<style scoped lang="scss">
+	.person_count {
+		width: 100%;
+		height: 100vh;
+		.piece {
+			width: 96%;
+			margin-left: 2%;
+			background: #fff;
+			border-radius: 0.2rem;
+			margin-top: 2%;
+			padding-bottom: 0.5rem;
+			.suggest {
+				width: 100%;
+				display: flex;
+				padding: 0.5rem;
+				&:last-child {
+					padding-bottom: 2rem;
+				}
+				.serial_num {
+					width: 0.5rem;
+					border-radius: 5px;
+				}
+				.info {
+					width: 90%;
+					margin-left: 0.5rem;
+					.name {
+						font-size: 14px;
+						font-weight: 700;
+					}
+					.position {
+						font-size: 12px;
+						color: #9c9c9c;
+					}
+				}
+			}
+			.user {
+				width: 100%;
+				height: 2.5rem;
+				display: flex;
+				padding: 0.5rem;
+				.img {
+					width: 2rem;
+					height: 2rem;
+					background: #E7EEFF;
+					border-radius: 50%;
+					color: blue;
+					text-align: center;
+					line-height: 2rem;
+				}
+				.info {
+					margin-left: 0.5rem;
+					.name {
+						font-size: 14px;
+						font-weight: 700;
+					}
+					.position {
+						font-size: 12px;
+						color: #9c9c9c;
+					}
+				}
+			}
+			.top {
+				width: 100%;
+				display: flex;
+				justify-content: space-between;
+				padding: 0 1rem;
+				font-size: 13px;
+			}
+			.cont_item {
+				width: 96%;
+				background: #EFF6FF;
+				display: flex;
+				justify-content: space-between;
+				padding: 0.7rem;
+				margin-top: 0.5rem;
+				margin-left: 2%;
+				line-height: 1.4rem;
+				.left {
+					.time {
+						color: #9c9c9c;
+						font-size: 13px;
+					}
+				}
+				&:nth-child(4) {
+					background: #FFF2F2;
+				}
+				&:nth-child(5) {
+					background: #FEFBE8;
+				}
+			}
+			.percentage {
+				height: 2rem;
+				padding: 0 1rem;
+				display: flex;
+				align-items: center;
+			}
+			.top_cont {
+				width: 100%;
+				display: flex;
+				justify-content: center;
+				.top_Echart {
+					width: 100%;
+					height: 30vh;
+				}
+			}
+			.title {
+				width: 100%;
+				height: 2rem;
+				line-height: 2rem;
+				font-size: 14px;
+				font-weight: 700;
+				& {
+					padding-left: 1rem;
+				}
+			}
+			.cont {
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				.item {
+					width: 46%;
+					margin: 2%;
+					background: #E7EEFF;
+					border-radius: 5%;
+					padding: 0.3rem;
+					line-height: 1.3rem;
+					.itm_title {
+						font-size: 12px;
+						color: blue;
+					}
+					&:nth-child(2) {
+						background: #FEF2F2;
+						.itm_title {
+							color: #ffaa00;
+						}
+					}
+					&:nth-child(3) {
+						background: #FEF2F2;
+						.itm_title {
+							color: #ca0000;
+						}
+					}
+					&:nth-child(4) {
+						background: #FBF5FF;
+						.itm_title {
+							color: #aa00ff;
+						}
+					}
+					.num {
+						font-size: 14px;
+						font-weight: 700;
+					}
+					.item_text {
+						display: flex;
+						.text {
+							font-size: 13px;
+							color: #00ff00;
+						}
+						.compare {
+							font-size: 12px;
+							color: #949494;
+							margin-left: 3px;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

src/pages/personal-center/index.vue

@@ -0,0 +1,142 @@
+<template>
+  <home-container>
+    <div class="title">
+      <user-info name="刘阳" sub-title="欢迎使用安检，移动业务更轻松~"></user-info>
+    </div>
+
+    <div class="user-detail">
+      <div class="avatar">
+        <img alt="" src="@/static/images/profile.jpg">
+      </div>
+      <div class="item">
+        <div class="name">刘阳</div>
+        <div class="level">安检员：<span class="address">T3航站楼</span></div>
+        <div class="more">查看或者编辑个人资料</div>
+      </div>
+      <div class="right">
+        <img alt="" src="@/static/images/right.png">
+      </div>
+    </div>
+
+    <div class="common-functions">
+      <head-title title="常用功能"></head-title>
+
+      <div class="list">
+        <div class="list-item">
+          <div class="icon"><img alt="" src="@/static/images/tongji.png"></div>
+          个人统计
+        </div>
+        <div class="list-item">
+          <div class="icon"><img alt="" src="@/static/images/tiaokuan.png"></div>
+          隐私条款
+        </div>
+      </div>
+    </div>
+  </home-container>
+</template>
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import UserInfo from "@/components/UserInfo.vue";
+import HeadTitle from "@/components/HeadTitle.vue";
+
+export default {
+  components: {HeadTitle, UserInfo, HomeContainer},
+  data() {
+    return {}
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+}
+
+.title {
+  padding: 40rpx 20rpx 20rpx;
+}
+
+.user-detail {
+  display: flex;
+  align-items: center;
+  padding: 40rpx 48rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 32rpx 0 rgba(0, 0, 0, 0.06);
+  border-radius: 32rpx;
+  margin-bottom: 32rpx;
+
+  .avatar {
+    margin-right: 48rpx;
+
+    img {
+      width: 152rpx;
+      height: 152rpx;
+      border-radius: 28rpx;
+    }
+  }
+
+  .item {
+    display: flex;
+    flex-flow: column;
+    justify-content: space-between;
+  }
+
+  .name {
+    font-weight: bold;
+    font-size: 36rpx;
+    color: #3D3D3D;
+    line-height: 40rpx;
+  }
+
+  .level {
+    font-weight: 400;
+    font-size: 28rpx;
+    color: #333333;
+    line-height: 40rpx;
+    margin: 12rpx 0;
+
+    .address {
+      color: #999999;
+    }
+  }
+
+  .more {
+    font-weight: 400;
+    font-size: 28rpx;
+    color: #666666;
+    line-height: 40rpx;
+  }
+
+  .right {
+    width: 24rpx;
+    height: 24rpx;
+    margin-left: auto;
+  }
+}
+
+.common-functions {
+  padding: 40rpx 48rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 32rpx 0 rgba(0, 0, 0, 0.06);
+  border-radius: 32rpx;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #3D3D3D;
+
+  .list {
+    display: flex;
+  }
+
+  .list-item {
+    margin: 32rpx 108rpx 0 0;
+
+    .icon {
+      width: 64rpx;
+      height: 64rpx;
+      margin-bottom: 12rpx;
+    }
+  }
+}
+</style>

src/pages/problemRect/components/RejectModal.vue

@@ -0,0 +1,183 @@
+<template>
+  <view class="reject-modal">
+    <!-- 插槽内容，点击后唤起弹窗 -->
+    <view class="slot-content" @click="openModal">
+      <slot></slot>
+    </view>
+    
+    <!-- 驳回理由弹窗 -->
+    <u-popup :show="show" mode="center" :round="8" @close="closeModal">
+      <view class="modal-content">
+        <!-- 标题 -->
+        <view class="modal-header">
+          <text class="modal-title">驳回理由</text>
+          <u-icon name="close" color="#666666" size="20" @click="closeModal" />
+        </view>
+        
+        <!-- 驳回理由输入框 -->
+        <view class="reject-reason-input">
+          <view class="input-label">请填写驳回理由：</view>
+          <uni-easyinput 
+            type="textarea"
+            v-model="rejectReason" 
+            placeholder="请输入驳回理由..."
+            maxlength="500"
+            :auto-height="true"
+          />
+          <view class="word-count">{{ rejectReason.length }}/500</view>
+        </view>
+        
+        <!-- 按钮区域 -->
+        <view class="modal-footer">
+          <view class="btn btn-cancel" @click="closeModal">取消</view>
+          <view class="btn btn-confirm" @click="handleConfirm">确定</view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'RejectModal',
+  props: {
+    // 是否显示弹窗（外部控制）
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+      rejectReason: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(newVal) {
+        this.show = newVal
+      }
+    },
+    show(newVal) {
+      this.$emit('input', newVal)
+    }
+  },
+  methods: {
+    // 打开弹窗
+    openModal() {
+      this.show = true
+      this.rejectReason = ''
+    },
+    
+    // 关闭弹窗
+    closeModal() {
+      this.show = false
+      this.rejectReason = ''
+    },
+    
+    // 确定按钮处理
+    handleConfirm() {
+      if (!this.rejectReason.trim()) {
+        uni.showToast({
+          title: '请输入驳回理由',
+          icon: 'none'
+        })
+        return
+      }
+      
+      // 向外传递驳回理由
+      this.$emit('confirm', this.rejectReason.trim())
+      this.closeModal()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.reject-modal {
+  width: 48%;
+  // margin-right: 20rpx;
+  .slot-content {
+    // display: inline-block;
+  }
+  
+  .modal-content {
+    width: 600rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 40rpx 32rpx 32rpx;
+    
+    .modal-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 32rpx;
+      
+      .modal-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+      }
+    }
+    
+    .reject-reason-input {
+      margin-bottom: 40rpx;
+      
+      .input-label {
+        font-size: 28rpx;
+        color: #666;
+        margin-bottom: 16rpx;
+      }
+      
+      .word-count {
+        text-align: right;
+        font-size: 24rpx;
+        color: #999;
+        margin-top: 8rpx;
+      }
+    }
+    
+    .modal-footer {
+      display: flex;
+      justify-content: flex-end;
+      gap: 20rpx;
+      
+      .btn {
+        padding: 20rpx 40rpx;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        font-weight: 500;
+        cursor: pointer;
+        
+        &.btn-cancel {
+          background-color: #f5f5f5;
+          color: #666;
+          border: 2rpx solid #e5e5e5;
+          
+          &:active {
+            background-color: #e8e8e8;
+          }
+        }
+        
+        &.btn-confirm {
+          background-color: #409EFF;
+          color: #fff;
+          border: 2rpx solid #409EFF;
+          
+          &:active {
+            background-color: #337ecc;
+          }
+          
+          &:disabled {
+            background-color: #c0c4cc;
+            border-color: #c0c4cc;
+            cursor: not-allowed;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/problemRect/index.vue

@@ -0,0 +1,843 @@
+<template>
+    <home-container>
+        <view class="report-container">
+            <!-- 表单区域 -->
+            <uni-forms ref="form" :rules="rules" :modelValue="formData" label-position="top" err-show-type="modal">
+                <!-- 1. 基本信息分组 (默认展开) -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group1']">
+                        <h-collapse-item title="基本信息" name="group1" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/jiben.png'">
+                            <uni-forms-item label="任务编号" name="taskCode">
+                                <uni-easyinput v-model="formData.taskCode" placeholder="系统自动生成" disabled />
+                            </uni-forms-item>
+                            <uni-forms-item label="巡检编号" name="documentCode">
+                                <uni-easyinput v-model="formData.documentCode" placeholder="系统自动生成" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="检查人" name="checkerName">
+                                <uni-easyinput v-model="formData.checkerName" placeholder="请输入检查人姓名" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item :label="getCheckLabel" name="checkedDepartmentId">
+                                <uni-data-picker v-if="getCheckLabel == '被检查科'" :localdata="departments"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedDepartmentId"
+                                    :readonly="true" />
+                                <uni-data-picker v-if="getCheckLabel == '被检查班组'" :localdata="teams"
+                                    :popup-title="`请选择${getCheckLabel}`" v-model="formData.checkedTeamId"
+                                    :readonly="true" />
+                                <fuzzy-select v-if="getCheckLabel == '被检查人'" v-model="formData.checkedPersonnelId"
+                                    :options="userOptions" placeholder="请输入被检查人姓名搜索" data-value="userId"
+                                    data-text="nickName" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="检查时间" name="checkTime">
+                                <uni-datetime-picker type="datetime" :start="startDate" :end="endDate"
+                                    v-model="formData.checkTime" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="检查位置" name="checkLocation">
+                                <uni-easyinput v-model="formData.checkLocation" placeholder="请选择检查位置" disabled />
+                            </uni-forms-item>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 2. 待整改问题分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group2']">
+                        <h-collapse-item title="待整改问题" name="group2" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/wenti.png'">
+                            <view style="padding: 0 15px 15px 15px;">
+                                <!-- 问题列表遍历 -->
+                                <view v-for="(problem, index) in formData.checkProjectItemList" :key="problem.id"
+                                    class="problem-item">
+                                    <view class="problem-header">
+                                        <text class="problem-title">{{
+                                            `${problem.categoryNameOne}/${problem.categoryNameTwo}/${problem.projectName}`
+                                        }}</text>
+                                    </view>
+                                    <view class="problem-content">
+                                        <view class="problem-person">
+                                            <view class="problem-label">问题人<text style="color: red;margin-left: 10rpx;">请确定问题人</text></view>
+
+                                            <fuzzy-select v-model="problem.checkUserList.userId" :options="userOptions"
+                                                :placeholder="'请输入问题' + (index + 1) + '的责任人'" data-value="userId"
+                                                data-text="nickName" @change="handleUserSelect"
+                                                :disabled="formDisabled" />
+                                        </view>
+                                        <view class="problem-description">
+                                            <text class="problem-label">问题描述</text>
+                                            <uni-easyinput type="textarea" v-model="problem.problemDescription"
+                                                :disabled="true" />
+                                        </view>
+                                    </view>
+                                </view>
+
+                                <uni-file-picker v-if="formData.checkRecordBaseAttachmentList.length > 0"
+                                    v-model="formData.checkRecordBaseAttachmentList" limit="8" title="最多上传8张"
+                                    :image-styles="imageStyles" fileMediatype="image" mode="grid"
+                                    @select="onCheckRecordBaseAttachmentListSelect" :disabled="true" :del-icon="false"
+                                    :readonly="true" />
+                            </view>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 3. 整改要求分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group3']">
+                        <h-collapse-item title="整改要求" name="group3" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/yaoqiu.png'">
+                            <uni-forms-item label="责任人" name="responsibleUserName" required>
+                                <uni-easyinput v-model="formData.responsibleUserName" placeholder="请输入责任人姓名" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改期限" name="rectificationDeadline" required>
+                                <uni-datetime-picker type="datetime" :start="startDate" :end="endDate"
+                                    v-model="formData.rectificationDeadline" disabled />
+                            </uni-forms-item>
+
+
+                            <!-- 是否流转至班组 -->
+                            <uni-forms-item
+                                v-if="nodeCode === 'SECTION_LEADER_APPROVE' && businessType === 'SECTION_CHECK'"
+                                label="是否流转至班组" name="isSelectTeam">
+                                <radio-group @change="handleIsSelectTeamChange" class="radio-group">
+                                    <label class="radio-item">
+                                        <radio :value="'0'" :checked="formData.isSelectTeam == 0" color="#409EFF" />
+                                        <text>否</text>
+                                    </label>
+                                    <label class="radio-item">
+                                        <radio :value="'1'" :checked="formData.isSelectTeam == 1" color="#409EFF" />
+                                        <text>是</text>
+                                    </label>
+                                </radio-group>
+                            </uni-forms-item>
+
+                            <!-- 整改班组 -->
+                            <uni-forms-item
+                                v-if="nodeCode === 'SECTION_LEADER_APPROVE' && businessType === 'SECTION_CHECK' && formData.isSelectTeam == 1"
+                                label="整改班组" name="selectTeamId">
+                                <uni-data-picker :localdata="teams" popup-title="请选择整改班组"
+                                    v-model="formData.selectTeamId" @change="handlecheckedTeamIdChange" />
+                            </uni-forms-item>
+
+                            <!-- 班组长 -->
+                            <uni-forms-item
+                                v-if="nodeCode === 'SECTION_LEADER_APPROVE' && businessType === 'SECTION_CHECK' && formData.isSelectTeam == 1"
+                                label="班组长" name="selectTeamLeaderName">
+                                <uni-easyinput v-model="formData.selectTeamLeaderName" placeholder="班组长" disabled />
+                            </uni-forms-item>
+
+                            <uni-forms-item label="整改要求" name="rectificationSuggestions">
+                                <uni-easyinput type="textarea" v-model="formData.rectificationSuggestions"
+                                    placeholder="请输入整改要求" disabled />
+                            </uni-forms-item>
+
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 4. 整改信息分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group4']">
+                        <h-collapse-item title="整改信息" name="group4" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/zhenggai.png'">
+                            <uni-forms-item label="整改详情" name="rectificationDetails"
+                                :required="rectificationDetailsRequired">
+                                <uni-easyinput type="textarea" v-model="formData.rectificationDetails"
+                                    placeholder="请输入整改详情" :disabled="formDisabled" />
+                            </uni-forms-item>
+
+                            <view style="padding: 0 15px 15px 15px;">
+                                <uni-file-picker v-model="formData.baseAttachmentList" limit="8" title="最多上传8张整改照片"
+                                    :image-styles="imageStyles" fileMediatype="image" mode="grid"
+                                    @select="onBaseAttachmentListelect" :disabled="formDisabled"
+                                    :del-icon="!formDisabled" :readonly="formDisabled" />
+                            </view>
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 5. 审批历史分组 -->
+                <view class="card">
+                    <uni-collapse :accordion="false" :value="['group5']">
+                        <h-collapse-item title="审批历史" name="group5" :show-animation="true"
+                            :iconUrl="'../../static/images/icon/lishi.png'">
+                            <approve-history :history-list="approvalHistory" />
+                        </h-collapse-item>
+                    </uni-collapse>
+                </view>
+
+                <!-- 提交按钮 -->
+                <view class="button-group" v-if="type === 'approve'">
+                    <!-- <view v-if="btnPermission.showSubmitBtn" class="custom-btn-normal" @click="submitForm">立刻提交
+                    </view> -->
+                    <RejectModal v-if="btnPermission.showApproveRejectBtn" @confirm="handleRejectConfirm">
+                        <view class="custom-btn-white">
+                            驳回/退回
+                        </view>
+                    </RejectModal>
+
+                    <view v-if="btnPermission.showApprovePassBtn" class="custom-btn-normal" @click="submitForm">{{
+                        nodeCode == 'START' ? '提交' : '通过/提交' }}
+                    </view>
+                </view>
+            </uni-forms>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { treeSelectByType } from "@/api/system/common"
+import { uploadFile } from '@/utils/common'
+import useDictMixin from '@/utils/dict'
+import RejectModal from './components/RejectModal.vue'
+import { addChecklistRecord } from '@/api/check/checklist.js'
+import config from '@/config'
+import { getToken } from '@/utils/auth'
+import { checkedLevelEnums } from "@/utils/enums.js"
+import { getDeptList } from "@/api/system/dept/dept.js"
+import { selectDeptLeaderByUserId } from '@/api/approve/approve.js'
+import { formatTime } from '@/utils/formatUtils'
+import { listAllUser } from "@/api/system/user.js"
+import { getProblemRectDetail, approvalAgree, approvalReject } from '@/api/problemRect/problemRect.js'
+import { getApprovelHistory } from '@/api/approve/approve.js'
+import { getDeptManager, getDeptDetail } from "@/api/system/dept/dept.js"
+import { buildTeamOptions, buildDepartmentOptions } from "@/utils/common.js"
+export default {
+    components: { HomeContainer, RejectModal },
+    mixins: [useDictMixin],
+    computed: {
+        currentUser() {
+            return this.$store.state.user;
+        },
+        userInfo() {
+            return (this.$store.state.user && this.$store.state.user.userInfo) ? this.$store.state.user.userInfo : {}
+        },
+        userInfoRoles() {
+            return this.$store.state.user && this.$store.state.user.roles
+        },
+        // 按钮权限判断
+        btnPermission() {
+            const roles = this.userInfoRoles || [];
+            return {
+                // 班组长或安全检查员显示"立刻提交"按钮
+                showApprovePassBtn: ['SECTION_LEADER_APPROVE', 'GROUP_LEADER_RECTIFY', 'INITIATOR_FINAL_REVIEW', 'RESPONSIBLE_PERSON_REVIEW'].includes(this.nodeCode) || (this.businessType == 'PERSONAL_CHECK' && ['INITIATOR_REVIEW', 'PROBLEM_USER_RECTIFY'].includes(this.nodeCode)) || (this.businessType == 'GROUP_CHECK' && ['SECTION_REVIEW'].includes(this.nodeCode)) || this.nodeCode == 'START',
+                showApproveRejectBtn: ['GROUP_LEADER_RECTIFY', 'INITIATOR_FINAL_REVIEW', 'RESPONSIBLE_PERSON_REVIEW'].includes(this.nodeCode) || (this.businessType == 'PERSONAL_CHECK' && ['INITIATOR_REVIEW', 'SECTION_LEADER_APPROVE'].includes(this.nodeCode)) || (this.businessType == 'GROUP_CHECK' && ['SECTION_REVIEW'].includes(this.nodeCode)),
+            };
+        },
+        formDisabled() {
+            return this.type === 'view';
+        },
+        getCheckLabel() {
+            if (this.formData.checkedLevel == checkedLevelEnums.TEAM_LEVEL) {
+                return '被检查班组'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.PERSONNEL_LEVEL) {
+                // this.getDeptLeader()
+                return '被检查人'
+            }
+            if (this.formData.checkedLevel == checkedLevelEnums.DEPARTMENT_LEVEL) {
+                return '被检查科'
+            }
+        },
+        // 动态验证规则
+        rules() {
+            return {
+                checkerName: {
+                    rules: [{ required: true, errorMessage: '请输入检查人姓名' }]
+                },
+                checkTime: {
+                    rules: [{ required: true, errorMessage: '请选择检查时间' }]
+                },
+                checkLocation: {
+                    rules: [{ required: true, errorMessage: '请选择检查位置' }]
+                },
+                rectificationDetails: {
+                    rules: this.rectificationDetailsRequired ? [{ required: true, errorMessage: '请输入整改详情' }] : []
+                },
+                isSelectTeam: {
+                    rules: [{ required: true, errorMessage: '请选择是否流转至班组' }]
+                },
+                selectTeamId: {
+                    rules: [{ required: true, errorMessage: '请选择整改班组' }]
+                }
+            };
+        },
+        rectificationDetailsRequired() {
+            //科长并且是责任人节点，并且是否流转至班组长为是，整改详情不必填，为否，整改详情必填;或者是班组长节点，也必填
+            let res1 = this.formData.checkedLevel == 'DEPARTMENT_LEVEL' && ((this.nodeCode == 'SECTION_LEADER_APPROVE' && this.formData.isSelectTeam !== 1) || this.nodeCode == 'GROUP_LEADER_RECTIFY');
+            // 班组长并且是责任人节点,必填
+            let res2 = this.formData.checkedLevel == 'TEAM_LEVEL' && this.nodeCode == 'GROUP_LEADER_RECTIFY';
+            //个人
+            let res3 = this.formData.checkedLevel == 'PERSONNEL_LEVEL' && this.nodeCode == 'PROBLEM_USER_RECTIFY';
+            return res1 || res2 || res3
+        },
+    },
+    data() {
+        return {
+            userOptions: [],
+            teams: [], // 班组选项数据
+            departments: [], // 部门选项数据
+            // 表单数据
+            formData: {
+                // 基本信息
+                taskCode: "",
+                checkerName: '',
+
+                checkLocation: '',
+                // 待整改问题
+                baseAttachmentList: [],
+                checkRecordBaseAttachmentList: [],
+                // 整改要求
+                responsibleUserName: '',
+                rectificationDeadline: '',
+                rectificationSuggestions: '',
+                isSelectTeam: 0, // 是否流转至班组 0-否 1-是
+                selectTeamId: '', // 整改班组ID
+                selectTeamName: '', // 整改班组名称
+                selectTeamLeaderId: '', // 班组长ID
+                selectTeamLeaderName: '', // 班组长姓名
+
+                // 整改信息
+                rectificationDetails: '',
+                baseAttachmentList: []
+            },
+            // 审批历史数据
+            approvalHistory: [],
+            // 数据选项
+            location_options: [],
+            // 其他数据
+            startDate: '2020-01-01',
+            endDate: '2030-12-31',
+            imageStyles: {
+                width: 80,
+                height: 80,
+                border: {
+                    color: '#eee',
+                    width: '1px',
+                    style: 'solid'
+                }
+            },
+            dataOptionMap: { text: 'label', value: 'value' },
+            businessId: '',
+            instanceId: '',
+            id: '',
+            nodeCode: '',
+            type: '',
+            businessType: '',
+        }
+    },
+    onLoad(options) {
+        let params = JSON.parse(decodeURIComponent(options.params));
+        this.businessId = params.businessId;
+        this.instanceId = params.instanceId;
+        this.id = params.id;
+        this.nodeCode = params.nodeCode;
+        this.type = params.type;
+        this.businessType = params.businessType;
+        this.initPageData();
+    },
+    mounted() {
+        this.loadDictData();
+        console.log(this.$store.state.user)
+    },
+    methods: {
+        handlecheckedDepartmentIdChange(e) {
+
+        },
+        async loadDictData() {
+            const user = await listAllUser();
+            this.userOptions = user.data.map(item => ({
+                ...item,
+                nickName: `${item.nickName}(${item.userName})`,
+            })) || [];
+        },
+
+
+        async initPageData() {
+            try {
+                uni.showLoading({ title: '加载中...', mask: true });
+
+                // 如果有ID，获取问题整改详细信息
+                if (this.businessId) {
+                    const detailRes = await getProblemRectDetail(this.businessId);
+                    if (detailRes.code === 200 && detailRes.data) {
+                        this.fillFormData(detailRes.data);
+                    }
+
+                    // 获取审批历史
+                    const historyRes = await getApprovelHistory(this.instanceId);
+
+                    if (historyRes.code === 200 && historyRes.rows) {
+                        this.approvalHistory = historyRes.rows;
+                    }
+                }
+
+                // 获取位置列表
+                const positionRes = await treeSelectByType("POSITION", 3);
+                this.location_options = this.convertTree(positionRes.data || []);
+
+                // 获取班组列表
+                const deptTree = await getDeptList();
+                this.teams = buildTeamOptions(deptTree.data || []);
+                this.departments = buildDepartmentOptions(deptTree.data || []);
+                uni.hideLoading();
+            } catch (err) {
+                uni.hideLoading();
+                uni.showToast({ title: '加载失败', icon: 'none' });
+                console.error('初始化数据失败:', err);
+            }
+        },
+
+        // 填充表单数据
+        async fillFormData(data) {
+            console.log(data,"data")
+            // debugger
+            let checedProjectArr = [];
+            if (data.checkProjectItemList && data.checkProjectItemList?.length > 0) {
+                if (this.businessType == 'PERSONAL_CHECK' && this.nodeCode == 'SECTION_LEADER_APPROVE') {
+                    // let res = await selectDeptLeaderByUserId({
+                    //     userId: data.checkedPersonnelId,
+                    //     deptType: 'TEAMS'
+                    // })
+                    // let dept = {}
+                    // if (res.code == 200) {
+                    //     dept = res.data || {};
+                    // }
+                    // let res1 = await getDeptDetail(dept.deptId)
+                    // if (res1.code == 200) {
+                    //     console.log(res1, "res1")
+                    //     debugger
+                    // }
+                    data.checkProjectItemList = data.checkProjectItemList.map(item => ({
+                        ...item,
+                        checkUserList: [{ userName: data.checkedPersonnelName, userId: data.checkedPersonnelId, }]
+                    }))
+                    console.log(data.checkProjectItemList, "data.checkProjectItemList")
+                    data.checkProjectItemList.forEach(element => {
+
+                        if (element.checkUserList && element.checkUserList?.length > 0) {
+                            element.checkUserList.forEach(user => {
+                                checedProjectArr.push({
+                                    ...element,
+                                    checkUserList: user
+                                })
+                            });
+                        }
+                    });
+                } else {
+                    data.checkProjectItemList.forEach(element => {
+                        if (element.checkUserList && element.checkUserList?.length > 0) {
+                            element.checkUserList.forEach(user => {
+                                checedProjectArr.push({
+                                    ...element,
+                                    checkUserList: user
+                                })
+                            });
+                        } else {
+                            checedProjectArr.push({
+                                ...element,
+                                checkUserList: { userId: "" }
+                            })
+                        }
+                    });
+                }
+
+            }
+            console.log(checedProjectArr, "checedProjectArr")
+        //    debugger
+
+            this.formData = {
+                ...this.formData,
+                ...data,
+                checkLocation: `${data.terminlName}/${data.regionalName}/${data.channelName}`,
+                baseAttachmentList: data.baseAttachmentList?.length ? data.baseAttachmentList.map(img => ({
+                    ...img,
+                    url: img.attachmentUrl || img.url,
+                    name: img.attachmentName || img.name,
+                    extname: img.extname || (img.name ? img.name.split('.').pop() : '')
+                })) : [],
+                baseAttachmentList: (data.baseAttachmentList && data.baseAttachmentList?.length > 0) ? data.baseAttachmentList.map(img => ({
+                    ...img,
+                    url: img.attachmentUrl || img.url,
+                    name: img.attachmentName || img.name,
+                    extname: img.extname || (img.name ? img.name.split('.').pop() : '')
+                })) : [],
+                checkProjectItemList: checedProjectArr,
+                approvalHistory: (data.approvalHistory && data.approvalHistory?.length > 0) ? data.approvalHistory.map(item => ({
+                    name: item.name || '未知用户',
+                    date: item.date || new Date().toISOString().split('T')[0],
+                    content: item.content || '无审批内容'
+                })) : [],
+            }
+        },
+
+        convertTree(list = []) {
+            return list.map(node => ({
+                text: node.label,
+                value: node.code,
+                children: node.children ? this.convertTree(node.children) : null
+            }));
+        },
+
+        // 选择待整改问题图片
+        async onBaseAttachmentListelect(event) {
+            const file = await uploadFile(event);
+            this.formData.baseAttachmentList.push({
+                url: file.url,
+                name: file.newFileName,
+                attachmentName: file.newFileName,
+                attachmentUrl: file.url,
+                extname: file.newFileName.split('.').pop()
+            });
+        },
+
+        // 选择不合格图片
+        async onCheckRecordBaseAttachmentListSelect(event) {
+            const file = await uploadFile(event);
+            this.formData.checkRecordBaseAttachmentList.push({
+                url: file.url,
+                name: file.newFileName,
+                attachmentName: file.newFileName,
+                attachmentUrl: file.url,
+                extname: file.newFileName.split('.').pop()
+            });
+        },
+
+
+        formatDateTime(date) {
+            const y = date.getFullYear();
+            const m = String(date.getMonth() + 1).padStart(2, '0');
+            const d = String(date.getDate()).padStart(2, '0');
+            const h = String(date.getHours()).padStart(2, '0');
+            const mm = String(date.getMinutes()).padStart(2, '0');
+            const s = String(date.getSeconds()).padStart(2, '0');
+            return `${y}-${m}-${d} ${h}:${mm}:${s}`;
+        },
+        handleRejectConfirm(reason) {
+            this.formData.comment = reason
+            this.rejectForm()
+        },
+        rejectForm() {
+            // this.$refs.form.validate().then(res => {
+            uni.showLoading({ title: '提交中...', mask: true });
+
+            // 还原checkProjectItemList结构到后端原始格式
+            const restoredCheckProjectItemList = this.restoreOriginalCheckProjectItemList();
+
+            const payload = {
+                ...this.formData,
+                checkProjectItemList: restoredCheckProjectItemList,
+                taskId: this.id,
+                instanceId: this.instanceId,
+            };
+
+            approvalReject(payload)
+                .then(() => {
+                    uni.showToast({ title: '提交成功', icon: 'success' });
+                    setTimeout(() => uni.navigateBack(), 1500);
+                })
+                .catch((error) => {
+                    uni.showToast({ title: '操作失败，请稍后重试！', icon: 'none' });
+                    console.error('提交失败:', error);
+                });
+
+            // }).catch(err => {
+            //     console.log('表单验证失败:', err);
+            // });
+        },
+
+        // 提交表单
+        submitForm() {
+            this.$refs.form.validate().then(res => {
+                uni.showLoading({ title: '提交中...', mask: true });
+
+                // 还原checkProjectItemList结构到后端原始格式
+                const restoredCheckProjectItemList = this.restoreOriginalCheckProjectItemList();
+
+                const payload = {
+                    ...this.formData,
+                    checkProjectItemList: restoredCheckProjectItemList,
+                    taskId: this.id,
+                    instanceId: this.instanceId,
+                    comment: '审批通过'
+                };
+
+                approvalAgree(payload)
+                    .then(() => {
+                        uni.showToast({ title: '提交成功', icon: 'success' });
+                        setTimeout(() => uni.navigateBack(), 1500);
+                    })
+                    .catch((error) => {
+                        uni.showToast({ title: '操作失败，请稍后重试！', icon: 'none' });
+                        console.error('提交失败:', error);
+                    });
+
+            }).catch(err => {
+                console.log('表单验证失败:', err);
+            });
+        },
+
+        // 处理是否流转至班组选择
+        handleIsSelectTeamChange(e) {
+            const selectedValue = parseInt(e.detail.value);
+            this.$set(this.formData, 'isSelectTeam', selectedValue);
+
+            // 如果选择"否"，清空班组相关字段
+            if (selectedValue === 0) {
+                this.$set(this.formData, 'selectTeamId', '');
+                this.$set(this.formData, 'selectTeamName', '');
+                this.$set(this.formData, 'selectTeamLeaderId', '');
+                this.$set(this.formData, 'selectTeamLeaderName', '');
+            }
+        },
+
+        // 处理整改班组选择
+        handlecheckedTeamIdChange(e) {
+
+            const { text, value } = e.detail.value[0];
+            this.$set(this.formData, 'selectTeamName', text);
+            this.$set(this.formData, 'selectTeamId', value);
+
+            // 获取班组长信息
+            getDeptManager(value).then(res => {
+                console.log(res?.data?.userId, "班组长信息");
+                this.$set(this.formData, 'selectTeamLeaderId', res?.data?.userId || '');
+                this.$set(this.formData, 'selectTeamLeaderName', res?.data?.nickName || '');
+            }).catch(err => {
+                console.error('获取班组长信息失败:', err);
+                this.$set(this.formData, 'selectTeamLeaderId', '');
+                this.$set(this.formData, 'selectTeamLeaderName', '');
+            });
+        },
+
+        // 还原checkProjectItemList到后端原始格式
+        restoreOriginalCheckProjectItemList() {
+            const groupedItems = {};
+
+            // 按照原始问题项分组
+            this.formData.checkProjectItemList?.forEach(item => {
+                const key = `${item.categoryCodeOne}-${item.categoryCodeTwo}-${item.problemDescription}`;
+                if (!groupedItems[key]) {
+                    groupedItems[key] = {
+                        ...item,
+                        checkUserList: []
+                    };
+                }
+
+                // 将用户对象添加到checkUserList数组中
+                if (item.checkUserList && typeof item.checkUserList === 'object') {
+                    groupedItems[key].checkUserList.push(item.checkUserList);
+                }
+            });
+
+            return Object.values(groupedItems);
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-container {
+    min-height: 100vh;
+    padding-top: 35px;
+
+    .card {
+        border-radius: 8px;
+        margin: 15px 0;
+        overflow: hidden;
+        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
+    }
+}
+
+/* 折叠面板标题 */
+.collapse-title {
+    display: flex;
+    flex-direction: column;
+    padding: 12px 15px;
+
+    .collapse-summary {
+        font-size: 12px;
+        color: #999;
+        margin-top: 4px;
+    }
+}
+
+/* 表单项样式 */
+::v-deep .uni-forms-item {
+    margin-bottom: 0;
+    padding: 0 15px;
+
+    .uni-forms-item__label {
+        padding: 12px 0 8px;
+        font-size: 14px;
+        color: #666;
+        width: auto !important;
+    }
+
+    .uni-forms-item__content {
+        padding: 0 0 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    &:last-child .uni-forms-item__content {
+        border-bottom: none;
+    }
+}
+
+/* 审批历史样式 */
+.approval-history {
+    padding: 15px;
+
+    .approval-item {
+        display: flex;
+        // margin-bottom: 20px;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+
+        .timeline {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-right: 12px;
+
+            .circle {
+                width: 12px;
+                height: 12px;
+                border-radius: 50%;
+                background-color: #409EFF;
+                border: 2px solid #fff;
+                box-shadow: 0 0 0 2px #409EFF;
+            }
+
+            .line {
+                width: 2px;
+                flex: 1;
+                background-color: #409EFF;
+                margin-top: 4px;
+            }
+        }
+
+        .content {
+            flex: 1;
+            position: relative;
+            bottom: 8rpx;
+
+            .header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 8px;
+
+                .name {
+                    font-size: 14px;
+                    font-weight: 500;
+                    color: #333;
+                }
+
+                .date {
+                    font-size: 12px;
+                    color: #999;
+                }
+            }
+
+            .approval-content {
+                font-size: 13px;
+                color: #666;
+                border: 1px solid #DDDDDD;
+                line-height: 1.5;
+                background-color: #f8f9fa;
+                padding: 10px;
+                border-radius: 6px;
+
+            }
+        }
+    }
+}
+
+.submit-btn {
+    margin-top: 20px;
+    width: calc(100% - 30px);
+    margin-left: 15px;
+}
+
+/* 底部弹窗样式调整 */
+::v-deep .uni-popup__wrapper {
+    border-radius: 16px 16px 0 0;
+
+    .uni-popup__wrapper-box {
+        max-height: 70vh;
+        overflow-y: auto;
+    }
+
+    .uni-data-pickerview {
+        padding-bottom: 20px;
+    }
+}
+
+/* 按钮组样式 - 左右布局 */
+.button-group {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 15px;
+    margin-top: 20px;
+    gap: 15px;
+}
+
+.button-group .custom-btn-white,
+.button-group .custom-btn-normal {
+    flex: 1;
+    margin-top: 0;
+    width: auto;
+}
+
+/* 问题列表样式 */
+.problem-item {
+    margin-bottom: 20px;
+    padding-bottom: 15px;
+    border-bottom: 1px dashed #e0e0e0;
+}
+
+.problem-item:last-child {
+    border-bottom: none;
+    margin-bottom: 15px;
+}
+
+.problem-header {
+    margin-bottom: 12px;
+}
+
+.problem-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #626FF0;
+}
+
+.problem-content {}
+
+.problem-person,
+.problem-description {
+    margin-bottom: 12px;
+}
+
+.problem-label {
+    display: block;
+    font-size: 14px;
+    color: #606266;
+    margin-bottom: 6px;
+    font-weight: 500;
+}
+
+.problem-description ::v-deep .uni-textarea__textarea {
+    background-color: #f5f7fa !important;
+    color: #909399 !important;
+    cursor: not-allowed !important;
+}
+</style>

src/pages/questionStatistics/index.vue

@@ -0,0 +1,199 @@
+<template>
+    <home-container>
+        <div class="question-statistics-container">
+
+
+
+            <!-- 加载状态 -->
+            <div v-if="loading" class="loading-container">
+                <text>加载中...</text>
+            </div>
+
+            <!-- 统计表格区域 - 遍历分组后的数据 -->
+            <div v-else class="statistics-section">
+                <div v-for="(group, index) in groupedData" :key="index" class="statistic-table-wrapper">
+                    <!-- 每个统计表格的标题 - 使用deptName -->
+                    <h2 class="table-title">{{ group.title }}</h2>
+
+                    <!-- statistic-table组件 -->
+                    <statistic-table :columns="tableColumns" :data="group.data" >
+                        <template #column-progress="{ row, index }">
+                            <view class="progress-container">
+                                <u-line-progress :percentage="Math.round(row.progress * 100)" :showText="false"
+                                    :activeColor="getProgressColor(row.progress * 100)" height="20rpx"
+                                    width="200rpx"></u-line-progress>
+                                <text class="progress-text">{{ Math.round(row.progress * 100) }}%</text>
+                            </view>
+                        </template>
+                    </statistic-table>
+                </div>
+
+                <!-- 无数据提示 -->
+                <div v-if="groupedData.length === 0" class="no-data">
+                    <text>暂无统计数据</text>
+                </div>
+            </div>
+        </div>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import StatisticTable from "@/components/statistic-table/statistic-table.vue";
+import { getDailyAllUsersRanking } from "@/api/questionStatistics/questionStatistics";
+
+export default {
+    name: 'QuestionStatistics',
+    components: {
+        HomeContainer,
+        StatisticTable
+    },
+    data() {
+        return {
+            loading: false,
+            // 固定的表格列配置
+            tableColumns: [
+                { props: 'userName', title: '姓名' },
+                { props: 'completedTasks', title: '答题进度' },
+                { props: 'avgScore', title: '平均分' },
+                { props: 'progress', title: '完成率', slot: true }
+            ],
+            // 分组后的数据
+            groupedData: [],
+            // 原始接口数据
+            apiData: []
+        };
+    },
+    mounted() {
+        this.getDailyAllUsersRanking();
+    },
+    methods: {
+        async getDailyAllUsersRanking() {
+            const res = await getDailyAllUsersRanking({
+                pageNum: 1,
+                pageSize: 100
+            });
+            console.log('getDailyAllUsersRanking', res);
+            if (res.code === 200) {
+                this.apiData = res.data.rows || [];
+
+                this.groupDataByDept();
+            } else {
+                uni.showToast({
+                    title: '获取数据失败',
+                    icon: 'none'
+                });
+            }
+        },
+        // 按照deptName分组数据
+        groupDataByDept() {
+            if (!this.apiData || this.apiData.length === 0) {
+                this.groupedData = [];
+                return;
+            }
+
+            // 使用Map来分组数据
+            const deptMap = new Map();
+
+            this.apiData.forEach(item => {
+                const deptName = item.deptName || '未知部门';
+
+                if (!deptMap.has(deptName)) {
+                    deptMap.set(deptName, []);
+                }
+
+                // 格式化数据，确保包含所有需要的字段
+                const formattedItem = {
+                    userName: item.userName || '未知用户',
+                    completedTasks: item.completedTasks,
+                    avgScore: item.avgScore || 0,
+                    progress: item.completedTasks == 0 ? 0 : item.completedTasks / item.totalTasks
+                };
+
+                deptMap.get(deptName).push(formattedItem);
+            });
+
+            // 转换为数组格式
+            this.groupedData = Array.from(deptMap.entries()).map(([deptName, data]) => ({
+                title: deptName,
+                data: data
+            }));
+
+            console.log('分组后的数据:', this.groupedData);
+        },
+        // 根据完成比例返回对应的颜色
+        getProgressColor(percentage) {
+            if (percentage >= 100) {
+                return '#2B7BFF'; // 大于等于100%时使用蓝色
+            } else if (percentage > 0 && percentage < 100) {
+                return '#03AF43'; // 0-100%之间使用绿色
+            } else {
+                return '#E40808'; // 0%时使用红色
+            }
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.question-statistics-container {
+    padding: 32rpx;
+}
+
+
+
+.loading-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 200rpx;
+    font-size: 32rpx;
+    color: #666;
+}
+
+.statistics-section {
+    display: flex;
+    flex-direction: column;
+    gap: 48rpx;
+}
+
+.statistic-table-wrapper {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+
+    .table-title {
+        font-size: 36rpx;
+        font-weight: 600;
+        color: #333;
+        margin-bottom: 24rpx;
+        padding-bottom: 16rpx;
+        border-bottom: 2rpx solid #f0f0f0;
+    }
+}
+
+.no-data {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 200rpx;
+    font-size: 32rpx;
+    color: #999;
+    background: #f8f8f8;
+    border-radius: 16rpx;
+}
+
+.progress-container {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+
+    .progress-text {
+        font-size: 24rpx;
+        color: #4873E3;
+        font-weight: 500;
+        min-width: 60rpx;
+    }
+}
+</style>

src/pages/register.vue

@@ -0,0 +1,189 @@
+<template>
+  <view class="normal-login-container">
+    <view class="logo-content align-center justify-center flex">
+      <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
+      </image>
+      <text class="title">若依移动端注册</text>
+    </view>
+    <view class="login-form-content">
+      <view class="input-item flex align-center">
+        <view class="iconfont icon-user icon"></view>
+        <input v-model="registerForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
+      </view>
+      <view class="input-item flex align-center">
+        <view class="iconfont icon-password icon"></view>
+        <input v-model="registerForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
+      </view>
+      <view class="input-item flex align-center">
+        <view class="iconfont icon-password icon"></view>
+        <input v-model="registerForm.confirmPassword" type="password" class="input" placeholder="请输入重复密码" maxlength="20" />
+      </view>
+      <view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
+        <view class="iconfont icon-code icon"></view>
+        <input v-model="registerForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4" />
+        <view class="login-code"> 
+          <image :src="codeUrl" @click="getCode" class="login-code-img"></image>
+        </view>
+      </view>
+      <view class="action-btn">
+        <button @click="handleRegister()" class="register-btn cu-btn block bg-blue lg round">注册</button>
+      </view>
+    </view>
+    <view class="xieyi text-center">
+      <text @click="handleUserLogin" class="text-blue">使用已有账号登录</text>
+    </view>
+  </view>
+</template>
+
+<script>
+  import { getCodeImg, register } from '@/api/login'
+
+  export default {
+    data() {
+      return {
+        codeUrl: "",
+        captchaEnabled: true,
+        globalConfig: getApp().globalData.config,
+        registerForm: {
+          username: "",
+          password: "",
+          confirmPassword: "",
+          code: "",
+          uuid: ""
+        }
+      }
+    },
+    created() {
+      this.getCode()
+    },
+    methods: {
+      // 用户登录
+      handleUserLogin() {
+        this.$tab.navigateTo(`/pages/login`)
+      },
+      // 获取图形验证码
+      getCode() {
+        getCodeImg().then(res => {
+          this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
+          if (this.captchaEnabled) {
+            this.codeUrl = 'data:image/gif;base64,' + res.img
+            this.registerForm.uuid = res.uuid
+          }
+        })
+      },
+      // 注册方法
+      async handleRegister() {
+        if (this.registerForm.username === "") {
+          this.$modal.msgError("请输入您的账号")
+        } else if (this.registerForm.password === "") {
+          this.$modal.msgError("请输入您的密码")
+        } else if (this.registerForm.confirmPassword === "") {
+          this.$modal.msgError("请再次输入您的密码")
+        } else if (this.registerForm.password !== this.registerForm.confirmPassword) {
+          this.$modal.msgError("两次输入的密码不一致")
+        } else if (this.registerForm.code === "" && this.captchaEnabled) {
+          this.$modal.msgError("请输入验证码")
+        } else {
+          this.$modal.loading("注册中，请耐心等待...")
+          this.register()
+        }
+      },
+      // 用户注册
+      async register() {
+        register(this.registerForm).then(res => {
+          this.$modal.closeLoading()
+          uni.showModal({
+          	title: "系统提示",
+          	content: "恭喜你，您的账号 " + this.registerForm.username + " 注册成功！",
+          	success: function (res) {
+          		if (res.confirm) {
+                uni.redirectTo({ url: `/pages/login` });
+          		}
+          	}
+          })
+        }).catch(() => {
+          if (this.captchaEnabled) {
+            this.getCode()
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .normal-login-container {
+    width: 100%;
+
+    .logo-content {
+      width: 100%;
+      font-size: 21px;
+      text-align: center;
+      padding-top: 15%;
+
+      image {
+        border-radius: 4px;
+      }
+
+      .title {
+        margin-left: 10px;
+      }
+    }
+
+    .login-form-content {
+      text-align: center;
+      margin: 20px auto;
+      margin-top: 15%;
+      width: 80%;
+
+      .input-item {
+        margin: 20px auto;
+        background-color: #f5f6f7;
+        height: 45px;
+        border-radius: 20px;
+
+        .icon {
+          font-size: 38rpx;
+          margin-left: 10px;
+          color: #999;
+        }
+
+        .input {
+          width: 100%;
+          font-size: 14px;
+          line-height: 20px;
+          text-align: left;
+          padding-left: 15px;
+        }
+
+      }
+
+      .register-btn {
+        margin-top: 40px;
+        height: 45px;
+      }
+
+      .xieyi {
+        color: #333;
+        margin-top: 20px;
+      }
+      
+      .login-code {
+        height: 38px;
+        float: right;
+      
+        .login-code-img {
+          height: 38px;
+          position: absolute;
+          margin-left: 10px;
+          width: 200rpx;
+        }
+      }
+    }
+  }
+
+</style>

src/pages/seizeStatistics/components/switch-tab.vue

@@ -0,0 +1,164 @@
+<template>
+  <view class="capsule-tab-container">
+    <view v-for="(item, index) in tabList" :key="index" class="capsule-tab-item" :class="{
+      'capsule-tab-active': activeIndex == item.value,
+      'capsule-tab-first': index == 0,
+      'capsule-tab-last': index == tabList.length - 1
+    }" @click="handleTabClick(index, item)">
+      <text class="capsule-tab-text">{{ item.label || item.text || item.name }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'SwitchTab',
+  props: {
+    // tab数据数组
+    tabList: {
+      type: Array,
+      default: () => [],
+      required: true
+    },
+    // 默认激活的索引
+    defaultActive: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      activeIndex: this.defaultActive
+    }
+  },
+  watch: {
+    defaultActive: {
+      handler(newVal) {
+
+        this.activeIndex = newVal
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 处理tab点击事件
+    handleTabClick(index, item) {
+      if (this.activeIndex === item.value) {
+        return
+      }
+
+      this.activeIndex = item.value;
+      
+      // 向外传递被点击的对象
+      this.$emit('tabChange', {
+        index,
+        item,
+        value: item.value || item.id || index
+      })
+    },
+
+    // 外部调用的方法：切换tab
+    switchTab(index) {
+      if (index >= 0 && index < this.tabList.length && index !== this.activeIndex) {
+        this.activeIndex = index
+        const item = this.tabList[index]
+        this.$emit('tabChange', {
+          index,
+          item,
+          value: item.value || item.id || index
+        })
+      }
+    },
+
+    // 外部调用的方法：获取当前激活的tab
+    getCurrentTab() {
+      return {
+        index: this.activeIndex,
+        item: this.tabList[this.activeIndex],
+        value: this.tabList[this.activeIndex]?.value || this.tabList[this.activeIndex]?.id || this.activeIndex
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.capsule-tab-container {
+  display: inline-flex;
+  background: #f5f5f5;
+  border-radius: 32rpx;
+  padding: 2rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.capsule-tab-item {
+  position: relative;
+  padding: 6rpx 12rpx;
+  border-radius: 30rpx;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  user-select: none;
+
+  // 第一个和最后一个的特殊圆角处理
+  //   &.capsule-tab-first {
+  //     border-top-right-radius: 0;
+  //     border-bottom-right-radius: 0;
+  //   }
+
+  //   &.capsule-tab-last {
+  //     border-top-left-radius: 0;
+  //     border-bottom-left-radius: 0;
+  //   }
+
+  // 非激活状态
+  &:not(.capsule-tab-active) {
+    background: transparent;
+
+    .capsule-tab-text {
+      color: #666;
+      font-weight: normal;
+    }
+
+
+  }
+
+  // 激活状态
+  &.capsule-tab-active {
+    background: #5896FC;
+    box-shadow: 0 2rpx 8rpx rgba(24, 144, 255, 0.3);
+
+    .capsule-tab-text {
+      color: #ffffff;
+      font-weight: bold;
+    }
+  }
+}
+
+.capsule-tab-text {
+  font-size: 24rpx;
+  line-height: 1;
+  transition: all 0.3s ease;
+}
+
+// 响应式适配
+@media (max-width: 768px) {
+  .capsule-tab-container {
+    width: auto;
+    justify-content: center;
+  }
+
+  .capsule-tab-item {
+    flex: none;
+    text-align: center;
+    padding: 8rpx 18rpx;
+
+    // &.capsule-tab-first {
+    //   border-radius: 30rpx 0 0 30rpx;
+    // }
+
+    // &.capsule-tab-last {
+    //   border-radius: 0 30rpx 30rpx 0;
+    // }
+  }
+}
+</style>

src/pages/seizureRecord/detail.vue

@@ -0,0 +1,732 @@
+<template>
+  <home-container>
+    <view class="report-container">
+      <!-- 表单区域 -->
+      <uni-forms ref="form" :rules="rules" :modelValue="formData" label-position="top" err-show-type="modal">
+        <!-- <scroll-view class="form-scroll" scroll-y> -->
+        <!-- 安检员信息分组 (默认折叠) -->
+        <uni-card :is-shadow="true" :shadow="shadow">
+          <uni-collapse :accordion="false">
+            <uni-collapse-item title="安检员信息" name="group1" :open="false" :show-animation="true">
+              <template v-slot:title>
+
+                <view class="header-section collapse-title">
+                  <uni-row>
+                    <uni-col :span="8">
+                      <view>
+                        <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+                      </view>
+                    </uni-col>
+                    <uni-col :span="16" class="flex padding justify-between">
+                      <uni-row>
+                        <uni-col>
+                          <text>{{ formData.inspectUserName }} </text>
+                          <!-- <text class="collapse-summary">{{ formData.securityLocationText }} </text>
+                          <text class="collapse-summary">{{ formData.positionText }} </text> -->
+                        </uni-col>
+                        <uni-col>
+                          <view v-if="formData.teamName"><text>查获班组：</text><text class="collapse-summary">{{
+                            formData.teamName }}</text></view>
+                          <view v-if="formData.reportTeamText"><text>上报班组：</text><text class="collapse-summary">{{
+                            formData.reportTeamText }}</text></view>
+                        </uni-col>
+                      </uni-row>
+
+                    </uni-col>
+                  </uni-row>
+                </view>
+              </template>
+
+              <uni-forms-item label="安检员" name="inspectUserName">
+                <text class="form-value">{{ formData.inspectUserName }}</text>
+              </uni-forms-item>
+
+              <uni-forms-item label="查获时间" name="seizureTime">
+
+                <!-- <uni-datetime-picker type="datetime" :readonly="true" :start="startDate" :end="endDate"
+                  v-model="formData.seizureTime" /> -->
+                <uni-easyinput v-model="formData.seizureTime" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="安检位置" name="securityLocation">
+                <!-- <uni-data-picker :localdata="position_options" popup-title="请选择安检位置" v-model="formData.securityLocation"
+                  :readonly="true" /> -->
+                <uni-easyinput v-model="formData.securityLocation" :disabled="true" class="custom-location" />
+              </uni-forms-item>
+
+              <uni-forms-item label="安检岗位" name="checkMethod">
+                <!-- <uni-data-picker :localdata="item_check_method_options" :map="dataOptionMap" popup-title="请选择安检岗位"
+                  v-model="formData.checkMethod" :readonly="true" @change="onItemCheckMethodChange" /> -->
+
+                <uni-easyinput v-model="formData.checkMethodText" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="查获班组" name="team">
+                <!-- <uni-data-picker :localdata="teams" :readonly="true" popup-title="请选择查获班组" v-model="formData.team"
+                  @change="onTeamChange" /> -->
+                <uni-easyinput v-model="formData.team" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="上报班组" name="reportTeam">
+                <!-- <uni-data-picker :localdata="teams" :readonly="true" popup-title="请选择上报班组" v-model="formData.reportTeam"
+                  @change="onReportTeamChange" /> -->
+                <uni-easyinput v-model="formData.reportTeam" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-card>
+
+        <!-- 违禁品信息分组 -->
+        <uni-card :is-shadow="true" :shadow="shadow">
+          <uni-collapse :accordion="false" :value="['group2']">
+            <uni-collapse-item title="违禁品信息" name="group2" :show-animation="true">
+              <template v-slot:title>
+                <view class="collapse-title">
+                  <text>违禁品信息</text>
+                  <text class="collapse-summary" v-if="formData.forbiddenName">{{ formData.forbiddenName }} ·
+                    {{ formData.quantity }}{{ formData.unitText }}</text>
+
+                </view>
+              </template>
+
+              <uni-forms-item label="违禁品类别/类型" name="forbiddenCategory">
+                <!-- <uni-data-picker :localdata="item_category_options" :map="dataTreeOptionMap" popup-title="请选择违禁品类别"
+                  v-model="formData.forbiddenCategory" @change="onCategoryChange" /> -->
+                <uni-easyinput v-model="formData.forbiddenCategory" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="违禁品名称" name="forbiddenName">
+                <!-- <uni-combox :candidates="forbiddenNames" v-model="formData.forbiddenName"></uni-combox> -->
+                <uni-easyinput v-model="formData.forbiddenName" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="数量" name="quantity">
+                <view class="number-input">
+                  <uni-easyinput v-model="formData.quantity" type="number" placeholder="1" class="input-number"
+                    :disabled="true" />
+                  <!-- <uni-easyinput v-model="formData.unit" :disabled="true" class="custom-location" /> -->
+
+                  <!-- <uni-data-picker :localdata="item_unit_options" :map="dataOptionMap" popup-title="请选择单位"
+                    v-model="formData.unit" @change="onUnitChange" name="unit" /> -->
+                </view>
+              </uni-forms-item>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-card>
+
+        <!-- 查获部位分组 -->
+        <uni-card :is-shadow="true" :shadow="shadow">
+          <uni-collapse :accordion="false" :value="['group3']">
+            <uni-collapse-item title="查获部位" name="group3" :show-animation="true">
+              <template v-slot:title>
+                <view class="collapse-title">
+                  <text>查获部位</text>
+
+                  <text class="collapse-summary" v-if="formData.partCategoryText">{{ formData.partCategoryText }} ·
+                    {{ formData.customLocation || formData.locationText }}</text>
+                </view>
+              </template>
+
+              <uni-forms-item label="部位类别/类型" name="partCategory">
+
+                <!-- <uni-data-picker :localdata="check_point_options" :map="dataTreeOptionMap" popup-title="请选择部位类别"
+                  v-model="formData.partCategory" @change="onPartCategoryChange" /> -->
+                <uni-easyinput v-model="formData.partCategory" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+
+              <uni-forms-item label="具体位置" name="location">
+                <view class="location-input">
+                  <!-- <uni-easyinput v-model="formData.customLocation" :disabled="true" class="custom-location" /> -->
+                  <uni-easyinput v-model="formData.customLocation" :disabled="true" class="custom-location" />
+
+                </view>
+              </uni-forms-item>
+
+              <uni-forms-item label="处理方式" name="handlingMethod">
+                <!-- <uni-data-picker popup-title="请选择处理方式" :map="dataOptionMap" :localdata="item_handling_method_options"
+                  v-model="formData.handlingMethod" @change="onMethodChange" /> -->
+                <uni-easyinput v-model="formData.handlingMethod" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+
+              <uni-forms-item label="是否隐匿夹带" name="isConcealed">
+                <uni-easyinput v-model="formData.isConcealed" :disabled="true" class="custom-location" />
+
+              </uni-forms-item>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-card>
+
+        <!-- 违禁品照片分组 -->
+        <uni-card :is-shadow="true" :shadow="shadow">
+          <uni-collapse :accordion="false" :value="['group4']">
+            <uni-collapse-item title="违禁品照片" name="group4" :show-animation="true">
+              <uni-file-picker v-if="ready" v-model="formData.images" limit="8" title="最多上传8张" :image-styles="imageStyles"
+                fileMediatype="image" mode="grid" :readonly="true"/>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-card>
+
+        <!-- 旅客信息分组 -->
+        <!-- <uni-card :is-shadow="true" :shadow="shadow">
+          <uni-collapse :accordion="false" :value="['group5']">
+            <uni-collapse-item title="旅客信息" name="group5" :show-animation="true">
+              <template v-slot:title>
+                <view class="collapse-title">
+                  <text>旅客信息</text>
+                  <text class="collapse-summary" v-if="formData.passengerName">{{ formData.passengerName }} ·
+                    {{ formData.flightNumber || '无航班号' }}</text>
+                </view>
+              </template>
+
+              <uni-forms-item label="姓名" name="passengerName">
+
+                <uni-easyinput v-model="formData.passengerName" placeholder="请输入旅客姓名" :disabled="true" />
+              </uni-forms-item>
+
+              <uni-forms-item label="证件号" name="passengerId">
+                <uni-easyinput v-model="formData.passengerId" placeholder="请输入证件号 (可选)" :disabled="true" />
+              </uni-forms-item>
+
+              <uni-forms-item label="航班号" name="flightNumber">
+                <uni-easyinput v-model="formData.flightNumber" placeholder="例如：CA1234 (可选)" :disabled="true" />
+              </uni-forms-item>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-card> -->
+
+        <!-- 提交按钮 -->
+        <!-- <button type="primary" class="submit-btn" @click="submitForm">提交上报</button> -->
+        <!-- </scroll-view> -->
+      </uni-forms>
+
+    </view>
+  </home-container>
+
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+
+import { treeSelectByType } from "@/api/system/common"
+import useDictMixin from '@/utils/dict'
+import { addSeizureRecord } from '@/api/seizure/seizureRecord.js'
+import { getInfo } from '@/api/seizure/seizureRecord.js'
+
+
+
+
+
+export default {
+  components: { HomeContainer },
+
+  mixins: [useDictMixin],
+
+
+  computed: {
+    currentUser() {
+      return this.$store.state.user;
+    }
+  },
+  data() {
+    return {
+       ready: false,
+      // 阴影效果配置
+      shadow: '0 2px 6px rgba(0, 0, 0, 0.1)',
+      // 表单数据
+      formData: {
+        // 安检员信息
+        inspectUserName: this.$store.state.user.name,
+        inspectUserId: this.$store.state.user.id,
+        seizureTime: this.formatDateTime(new Date()),
+        securityLocation: '',
+        securityLocationText: '',
+        checkMethod: '',    // 检查岗位
+        checkMethodText: '',
+        teamId: 1,
+        team: 'morning-a',
+        teamName: '早班A组',
+        reportTeam: '',
+        reportTeamText: '',
+
+        // 违禁品信息
+        forbiddenCategory: '',
+        forbiddenCategoryText: '',
+        forbiddenType: '',
+        forbiddenTypeText: '',
+        forbiddenName: '',
+        quantity: '1',
+        unit: '',
+        unitText: '',
+
+        // 查获部位
+        partCategory: '',
+        partCategoryText: '',
+        partType: '',
+        partTypeText: '',
+        location: '',
+        locationText: '',
+        customLocation: '',
+        handlingMethod: '',
+        handlingMethodDesc: '',
+        isConcealed: 'no',
+
+        // 旅客信息
+        passengerName: '',
+        passengerId: '',
+        flightNumber: '',
+
+        // 照片
+        images: [],
+
+        //暂时不要
+        channelCode: '无',
+        attendanceId: 111111,
+        attendanceTeamId: 111111,
+        attendanceTeamName: '无',
+        attendanceDepartmentId: 111111,
+        attendanceDepartmentName: '无',
+        attendanceStationId: 111111,
+        attendanceStationName: '无',
+        regionalCode: 111111,
+        regionalName: '无',
+        terminlCode: 111111,
+        terminlName: '无',
+        channelName: '无',
+        inspectTeamId: 111111,
+        inspectTeamName: '无',
+        inspectDepartmentId: 111111,
+        inspectDepartmentName: '无',
+        checkMethodDesc: '无',
+
+      },
+
+
+      // 验证规则
+      rules: {
+
+      },
+
+      // 数据选项
+      item_check_method_options: [],   // 检查岗位
+      position_options: [],  // 位置通道
+      teams: [
+        { text: '早班A组', value: 'morning-a' },
+        { text: '早班B组', value: 'morning-b' },
+        { text: '中班A组', value: 'noon-a' },
+        { text: '中班B组', value: 'noon-b' },
+        { text: '晚班A组', value: 'night-a' },
+        { text: '晚班B组', value: 'night-b' }
+      ],
+      forbiddenNames: ['打火机', '汽油'],
+      item_category_options: [], // 物品分类
+      typeData: [],
+      item_unit_options: [],
+      check_point_options: [],
+      partTypeData: [],
+      locations: [
+        { text: '上衣口袋', value: 'jacket-pocket' },
+        { text: '裤子口袋', value: 'pants-pocket' },
+        { text: '行李箱夹层', value: 'luggage-interlayer' },
+        { text: '背包侧袋', value: 'bag-side' }
+      ],
+      item_handling_method_options: [], // 处理方式
+      concealOptions: [
+        { name: '是', value: 'yes' },
+        { name: '否', value: 'no' }
+      ],
+
+      // 其他数据
+      startDate: '2020-01-01',
+      endDate: '2030-12-31',
+      imageStyles: {
+        width: 80,
+        height: 80,
+        border: {
+          color: '#eee',
+          width: '1px',
+          style: 'solid'
+        }
+      },
+      dataOptionMap: { text: 'label', value: 'value' }, // 级联字段映射关系
+      dataTreeOptionMap: { text: 'label', value: 'code' } // 级联字段映射关系树结构
+    }
+  },
+  onLoad(options) {
+    // 从 URL 参数取 id
+    const id = options.id
+    if (id) {
+      this.loadDetail(id)
+    }
+
+
+  },
+  methods: {
+    async loadDetail(id) {
+      uni.showLoading({ title: '加载中...' })
+      try {
+        console.log("id", id)
+        const res = await getInfo(id)
+        console.log("res", res)
+        if (res.code === 200) {
+          this.formData = res.data
+          this.formData.securityLocation = res.data.regionalName
+          this.formData.securityLocationText = res.data.regionalName
+          this.formData.team = res.data.inspectStationName+" / "+res.data.inspectDepartmentName+" / "+res.data.inspectTeamName
+          this.formData.teamName = res.data.inspectStationName+" / "+res.data.inspectDepartmentName+" / "+res.data.inspectTeamName,
+          this.formData.reportTeam = res.data.attendanceTeamName
+          this.formData.reportTeamText = res.data.attendanceTeamName
+          this.formData.passengerId = res.data.passengerCard
+          this.formData.flightNumber = res.data.passengerFlight
+          this.formData.checkMethodText = res.data.checkMethodDesc
+
+
+
+
+
+
+
+
+          this.formData.forbiddenCategory = res.data.itemSeizureItemsList[0].categoryNameOne,
+            this.formData.forbiddenCategoryText = res.data.itemSeizureItemsList[0].categoryNameOne,
+            this.formData.forbiddenType = res.data.itemSeizureItemsList[0].forbiddenTypeText,
+            this.formData.forbiddenTypeText = res.data.itemSeizureItemsList[0].forbiddenTypeText,
+            this.formData.quantity = res.data.itemSeizureItemsList[0].quantity,
+            this.formData.unit = res.data.itemSeizureItemsList[0].unitDesc,
+            this.formData.unitDesc = res.data.itemSeizureItemsList[0].unitDesc,
+
+            this.formData.forbiddenName = res.data.itemSeizureItemsList[0].itemName,
+
+            this.formData.partCategory = res.data.itemSeizureItemsList[0].checkPositionNameOne,
+            this.formData.partCategoryText = res.data.itemSeizureItemsList[0].checkPositionNameOne,
+            this.formData.customLocation = res.data.itemSeizureItemsList[0].checkPositionSpecific,
+
+            this.formData.isActiveConcealment = res.data.itemSeizureItemsList[0].isActiveConcealment,
+
+            this.formData.handlingMethod = res.data.itemSeizureItemsList[0].handlingMethodDesc,
+            this.formData.handlingMethodDesc = res.data.itemSeizureItemsList[0].handlingMethodDesc,
+            console.log("")
+            if(res.data.itemSeizureItemsList[0].baseAttachmentList){
+this.formData.images = res.data.itemSeizureItemsList[0].baseAttachmentList.map(item => ({
+              url: item.attachmentUrl,
+              name: item.attachmentUrl.split('/').pop(),
+              extname: '.' + item.attachmentUrl.split('.').pop()
+            }));
+            }
+
+            
+
+            // 数据装完后才让组件渲染
+    this.$nextTick(() => (this.ready = true));
+
+          if (res.data.itemSeizureItemsList[0].isActiveConcealment == 1) {
+            this.formData.isConcealed = '是'
+          } else {
+            this.formData.isConcealed = '否'
+          }
+          console.log("this.formData", this.formData)
+          // 初始化下拉选项
+          // this.initOptions()
+        } else {
+          uni.showToast({ title: '详情加载失败', icon: 'none' })
+        }
+      } catch (e) {
+        console.log("eee", e)
+        uni.showToast({ title: '加载失败', icon: 'none' })
+      } finally {
+        uni.hideLoading()
+      }
+    },
+
+
+
+    formatDateTime(date) {
+      const y = date.getFullYear();
+      const m = String(date.getMonth() + 1).padStart(2, '0');
+      const d = String(date.getDate()).padStart(2, '0');
+      const h = String(date.getHours()).padStart(2, '0');
+      const mm = String(date.getMinutes()).padStart(2, '0');
+      const s = String(date.getSeconds()).padStart(2, '0');
+      return `${y}-${m}-${d} ${h}:${mm}:${s}`;
+    },
+
+    // 安检位置变化
+    onLocationChange(e) {
+      this.formData.securityLocation = e.detail.value[1]?.value || '';
+      this.formData.securityLocationText = e.detail.value[1]?.label || e.detail.value[0]?.label || '';
+    },
+
+    // 通用取值：只拿最后一级
+    lastValue(e) {
+      const val = e.detail.value;
+      if (Array.isArray(val)) return val[val.length - 1] || '';
+      if (val && typeof val === 'object') return val.value || '';
+      return String(val || '');
+    },
+
+    // 安检岗位
+    onItemCheckMethodChange(e) {
+      this.formData.checkMethod = e.detail.value[0]?.value || '';
+      this.formData.checkMethodText = e.detail.value[0]?.text || e.detail.value[0]?.text || '';
+    },
+
+    // 查获班组变化
+    onTeamChange(e) {
+      this.formData.team = e.detail.value;
+      this.formData.teamName = e.detail.value[1]?.label || e.detail.value[0]?.label || '';
+    },
+
+    // 上报班组变化
+    onReportTeamChange(e) {
+      this.formData.reportTeam = e.detail.value;
+      this.formData.reportTeamText = e.detail.value[1]?.label || e.detail.value[0]?.label || '';
+    },
+
+    // 违禁品类别变化
+    onCategoryChange(e) {
+      this.formData.forbiddenCategory = e.detail.value[0].value;
+      this.formData.forbiddenCategoryText = e.detail.value[0].label;
+      this.formData.forbiddenType = '';
+      this.formData.forbiddenTypeText = '';
+
+      // 根据类别加载类型数据  需要调用接口
+
+    },
+
+    // 违禁品类型变化
+    onTypeChange(e) {
+      this.formData.forbiddenType = e.detail.value[0].value;
+      this.formData.forbiddenTypeText = e.detail.value[0].text;
+      this.formData.forbiddenName = this.formData.forbiddenName + ' - ' + e.detail.value[0].text;
+    },
+
+    // 单位变化
+    onUnitChange(e) {
+
+      this.formData.unit = e.detail.value;
+      this.formData.unitText =
+        this.item_unit_options.find(item => item.value === e.detail.value)?.label || '件';
+    },
+
+    // 部位类别变化
+    onPartCategoryChange(e) {
+      this.formData.partCategory = e.detail.value[0].value;
+      this.formData.partCategoryText = e.detail.value[0].text;
+      this.formData.partType = '';
+      this.formData.partTypeText = '';
+      this.formData.customLocation = '';
+
+      // 根据部位类别加载类型数据
+      if (this.formData.partCategory === 'body') {
+        this.partTypeData = [
+          { text: '口袋', value: 'pocket' },
+          { text: '腰带', value: 'belt' },
+          { text: '鞋底', value: 'shoe' }
+        ];
+      } else if (this.formData.partCategory === 'luggage') {
+        this.partTypeData = [
+          { text: '夹层', value: 'interlayer' },
+          { text: '侧袋', value: 'sidepocket' },
+          { text: '主仓', value: 'main' }
+        ];
+      } else {
+        this.partTypeData = [
+          { text: '外层', value: 'outer' },
+          { text: '内层', value: 'inner' },
+          { text: '特殊部位', value: 'special' }
+        ];
+      }
+    },
+
+    // 部位类型变化
+    onPartTypeChange(e) {
+      this.formData.partType = e.detail.value[0].value;
+      this.formData.partTypeText = e.detail.value[0].text;
+    },
+
+    // 具体位置选择
+    onLocationSelectChange(e) {
+      this.formData.location = e.detail.value;
+      this.formData.locationText = this.locations.find(item => item.value === e.detail.value)?.text || '';
+      this.formData.customLocation = this.formData.locationText;
+    },
+
+    // 处理方式变化
+    onMethodChange(e) {
+      this.formData.handlingMethod = e.detail.value;
+      this.formData.handlingMethodDesc = this.item_handling_method_options.find(item => item.value === e.detail.value)?.label || '';
+    },
+
+    // 是否有意隐匿选择
+    bindConcealChange(e) {
+      this.formData.isConcealed = e.detail.value;
+    },
+
+    // 提交表单
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-container {
+  // background-color: #f5f5f5;
+  min-height: 100vh;
+  padding-top: 180rpx;
+}
+
+
+.form-scroll {
+  height: calc(100vh - 50px);
+  padding: 1px;
+  box-sizing: border-box;
+}
+
+/* 卡片样式 */
+::v-deep .uni-card {
+  margin-bottom: 15px;
+  border-radius: 8px;
+  overflow: hidden;
+
+  .uni-card__content {
+    padding: 0;
+  }
+}
+
+/* 折叠面板标题 */
+.collapse-title {
+  display: flex;
+  flex-direction: column;
+  padding: 12px 15px;
+
+  .collapse-summary {
+    font-size: 12px;
+    color: #999;
+    margin-top: 4px;
+  }
+}
+
+/* 表单项样式 */
+::v-deep .uni-forms-item {
+  margin-bottom: 0;
+  padding: 0 15px;
+
+  .uni-forms-item__label {
+    padding: 12px 0 8px;
+    font-size: 14px;
+    color: #666;
+    width: auto !important;
+  }
+
+  .uni-forms-item__content {
+    padding: 0 0 12px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  &:last-child .uni-forms-item__content {
+    border-bottom: none;
+  }
+}
+
+.picker-box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 44px;
+
+  .picker-value {
+    font-size: 15px;
+    color: #333;
+
+    &:empty::after {
+      content: attr(placeholder);
+      color: #999;
+    }
+  }
+
+  &.disabled {
+    opacity: 0.5;
+  }
+}
+
+.form-value {
+  font-size: 15px;
+  color: #333;
+  height: 44px;
+  line-height: 44px;
+}
+
+.number-input {
+  display: flex;
+  align-items: center;
+  height: 44px;
+
+  .input-number {
+    flex: 1;
+  }
+
+  .unit-picker {
+    width: 80px;
+    margin-left: 10px;
+  }
+}
+
+.location-input {
+  display: flex;
+  height: 44px;
+
+  .picker-box {
+    width: 120px;
+  }
+
+  .custom-location {
+    flex: 1;
+    margin-left: 0px;
+  }
+}
+
+.radio-group {
+  display: flex;
+  padding: 8px 0;
+
+  .radio-item {
+    display: flex;
+    align-items: center;
+    margin-right: 30px;
+
+    text {
+      font-size: 15px;
+      color: #333;
+      margin-left: 5px;
+    }
+  }
+}
+
+.submit-btn {
+  margin-top: 20px;
+  width: calc(100% - 30px);
+  margin-left: 15px;
+}
+
+/* 底部弹窗样式调整 */
+::v-deep .uni-popup__wrapper {
+  border-radius: 16px 16px 0 0;
+
+  .uni-popup__wrapper-box {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+
+  .uni-data-pickerview {
+    padding-bottom: 20px;
+  }
+}
+</style>

src/pages/seizureRecord/index.vue

@@ -0,0 +1,528 @@
+<template>
+  <view class="container">
+    <uni-card :is-shadow="true" :shadow="shadow">
+      <template v-slot:title>
+
+        <view class="header-section collapse-title">
+          <uni-row>
+            <uni-col :span="8">
+              <view>
+                <image v-if="currentUser.avatar" :src="currentUser.avatar" class="cu-avatar xl round"></image>
+              </view>
+            </uni-col>
+            <uni-col :span="16" class="flex padding justify-between">
+              <uni-row>
+                <uni-col>
+                  <text>{{ formData.checkerName }} </text></br>
+                  <!-- <text class="collapse-summary" v-if="formData.positionText">{{ formData.positionText }} ： </text>
+                  <text class="collapse-summary">{{ formData.securityLocationText }} </text> -->
+                </uni-col>
+
+              </uni-row>
+
+            </uni-col>
+          </uni-row>
+        </view>
+      </template>
+    </uni-card>
+    <!-- 顶部tab切换 -->
+    <view class="tabs">
+      <view v-for="(tab, index) in tabList" :key="index" :class="['tab-item', currentTab === index ? 'active' : '']"
+        @click="switchTab(index)">
+        {{ tab.name }}
+        <view v-if="currentTab === index" class="tab-line"></view>
+      </view>
+    </view>
+
+    <!-- 时间筛选 -->
+    <uni-card :is-shadow="true" :shadow="shadow">
+
+      <view class="filter">
+        <view v-for="(item, index) in timeFilters" :key="index"
+          :class="['filter-item', activeTimeFilter === index ? 'active' : '']" @click="changeTimeFilter(index)">
+          {{ item }}
+        </view>
+      </view>
+      <view class="filter filter-column" style="margin-top: 20rpx;" v-if="currentTab === 1">
+        <text class="label">人员查询</text>
+        <input v-model="keyword" class="search-input" type="text" placeholder="请输入人员姓名" @input="doFilter" />
+      </view>
+
+
+      <!-- 大类 -->
+      <view class="form-item">
+        <text class="label">查获类型筛选</text>
+        <picker :value="this.activeTypeFilter" :range="typeFilters" @change="changeTypeFilter($event.detail.value)">
+          <view class="picker-box">{{ typeFilters[this.activeTypeFilter] || '请选择' }}</view>
+        </picker>
+      </view>
+      <!-- 查获类型筛选 -->
+      <!-- <view class="filter" style="margin-top: 20rpx">
+        <view v-for="(type, index) in typeFilters" :key="index"
+          :class="['filter-item', activeTypeFilter === index ? 'active' : '']" @click="changeTypeFilter(index)">
+          {{ type }}
+        </view>
+      </view> -->
+    </uni-card>
+
+
+    <uni-card :is-shadow="true" :shadow="shadow">
+
+      <!-- 数据统计 -->
+      <view class="stats">
+        <view class="stat-item">
+          <text class="num">{{ stats.total }}</text>
+          <text class="label">查获总数</text>
+        </view>
+        <view class="stat-item">
+          <text class="num">{{ stats.forbidden }}</text>
+          <text class="label">移交公安数量</text>
+        </view>
+        <view class="stat-item">
+          <text class="num">{{ stats.limited }}</text>
+          <text class="label">故意隐匿数</text>
+        </view>
+      </view>
+    </uni-card>
+
+    <!-- 记录列表 -->
+
+    <view class="record-list">
+      <view v-for="(item, index) in recordList" :key="index" class="record-item" @tap="viewDetail(item)">
+        <view class="item-content">
+          <text class="name">{{ item.categoryNameTwo }}</text>
+          <text class="location">{{ item.location }} {{ item.name }}</text>
+          <text class="time">{{ item.time }}</text>
+        </view>
+        <view class="item-footer">
+          <!-- <text class="user">{{ formData.checkerName }}</text> -->
+          <!-- <text class="type" :class="'type-' + item.typeKey">{{ item.type }}</text> -->
+        </view>
+        <view class="arrow">></view>
+      </view>
+      <view v-if="recordList.length === 0" class="empty">暂无数据</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { selectByConditions } from '@/api/seizureRecord/seizureRecord.js'
+import { selectGroupCount } from '@/api/seizureRecord/seizureRecord.js'
+import { treeSelectByType } from "@/api/system/common"
+
+
+export default {
+  data() {
+    return {
+      shadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
+      activeTypeFilter: 0,
+      typeFilters: ['全部', '违禁品', '限带品', '其他'],
+      typeOptions: [],
+      currentTab: 0,
+      tabList: [{ name: '我的查获记录' }, { name: '本班组查获记录' }],
+      activeTimeFilter: 0,
+      timeFilters: ['今日', '本周', '本月'],
+      recordList: [],
+      stats: { total: 0, forbidden: 0, limited: 0 },
+      allRows: [], // 原始数据缓存
+      keyword: '',   // 人员姓名关键字
+      dataType: 'ALL',
+
+
+      formData: {
+        // 安检员信息
+        checkerId: this.$store.state.user.id,
+        checkerName: this.$store.state.user.name,
+        positionText: '安检员',
+        securityLocationText: 'T3航站楼',
+
+      },
+    }
+  },
+  onLoad() {
+    this.loadData()
+  },
+  computed: {
+    currentUser() {
+      return this.$store.state.user;
+    },
+
+  },
+  methods: {
+    // 扁平化 children 成 [{ label, code }]
+    getChildrenOptions(tree) {
+      return tree.flatMap(node => (node.children || []).map(c => ({
+        label: c.label,
+        code: c.code
+      })));
+    },
+    /* 切换 tab / 时间 / 类型 都重新拉数据+过滤 */
+    changeTypeFilter(idx) {
+      const selectedCode = this.typeOptions[idx - 1].code;
+      console.log("selectedCode===", selectedCode)
+      this.dataType = selectedCode
+      this.loadData();
+
+      this.activeTypeFilter = idx
+      // this.doFilter()
+    },
+    switchTab(idx) {
+      this.currentTab = idx
+      this.loadData()
+    },
+    changeTimeFilter(index) {
+      this.activeTimeFilter = index
+      this.loadData()
+    },
+
+    /* 调接口拿到原始数据 */
+    async loadData() {
+      uni.showLoading({ title: '加载中' })
+      try {
+        // 真实项目换成自己的封装方法
+
+        const res = await selectByConditions({
+          timeType: this.activeTimeFilter + 1,
+          recordType: this.currentTab + 1,
+          inspectUserId: this.$store.state.user.id,
+          seizureType: this.dataType,
+          pageNum: 1,
+          pageSize: 500,
+          // tab: this.currentTab,
+          // time: this.activeTimeFilter
+        })
+
+        if (res.code === 200) {
+          this.allRows = res.rows || []
+          this.doFilter()
+        }
+
+
+        const [itemCategoryRes] = await Promise.all([
+          treeSelectByType("ITEM_CATEGORY", 2)
+        ]);
+
+
+        // 先拉类型树
+        const [{ data: typeTree }] = await Promise.all([
+          treeSelectByType("ITEM_CATEGORY", 2)
+        ]);
+        this.typeOptions = this.getChildrenOptions(typeTree);   // [{label,code}]
+        this.typeFilters = ['全部', ...this.typeOptions.map(o => o.label)];
+        const count = await selectGroupCount({
+          timeType: this.activeTimeFilter + 1,
+          recordType: this.currentTab + 1,
+          inspectUserId: this.$store.state.user.id,
+          seizureType: this.dataType
+
+          // tab: this.currentTab,
+          // time: this.activeTimeFilter
+        })
+        this.stats.total = count.data.total;
+        this.stats.forbidden = count.data.policeTotal
+        this.stats.limited = count.data.concealTotal
+        console.log("count", count)
+
+
+
+        console.log("typeFilters", this.typeFilters)
+
+      } catch (e) {
+        console.log("e===", e)
+        uni.showToast({ title: '加载失败', icon: 'none' })
+      } finally {
+        uni.hideLoading()
+      }
+    },
+
+    doFilter() {
+      let list = this.allRows;
+      // 第 0 个永远是“全部”
+      if (this.activeTypeFilter > 0) {
+        const selectedCode = this.typeOptions[this.activeTypeFilter - 1].code;
+        console.log("list", list);
+        console.log("selectedCode", selectedCode);
+
+        list = list.filter(v => v.categoryCodeTwo === selectedCode);
+      }
+      /* 新增：人员姓名搜索（仅本班组） */
+      if (this.currentTab === 1 && this.keyword.trim()) {
+        list = list.filter(v =>
+          (v.inspectUserName || '').includes(this.keyword.trim())
+        );
+      }
+
+      this.recordList = list.map(v => ({
+        id: v.id,
+        name: v.inspectUserName || '-',
+        type: v.checkMethodDesc,
+        location: v.regionalName || '-',
+        time: v.seizureTime || '-',
+        categoryNameOne: v.categoryNameOne,
+        categoryNameTwo: v.categoryNameTwo
+      }));
+
+      this.stats.total = this.recordList.length;
+      this.stats.forbidden = list.filter(v => v.handlingMethodDesc === '移交机场公安').length;
+      this.stats.limited = list.filter(v => v.isActiveConcealment === 1).length;
+    },
+
+    viewDetail(item) {
+      uni.navigateTo({ url: '/pages/seizureRecord/detail?id=' + item.id });
+    },
+
+    /* 模拟接口：直接把题目给的返回值包一层 Promise */
+    mockApi() {
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve({
+            code: 200,
+            rows: [
+              {
+                id: 5,
+                remark: '打火机',
+                checkMethodDesc: '违禁品',
+                inspectUserName: '张三',
+                channelName: 'A区安检口',
+                seizureTime: '2025-07-15 18:42:09'
+              },
+              {
+                id: 6,
+                remark: '矿泉水',
+                checkMethodDesc: '限带品',
+                inspectUserName: '李四',
+                channelName: 'B区安检口',
+                seizureTime: '2025-07-15 19:00:00'
+              }
+            ]
+          })
+        }, 300)
+      })
+    }
+  }
+}
+</script>
+
+
+<style>
+.container {
+  padding: 20rpx;
+}
+
+.tabs {
+  display: flex;
+  height: 80rpx;
+  margin-bottom: 20rpx;
+}
+
+.tab-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 30rpx;
+  color: #666;
+  position: relative;
+}
+
+.tab-item.active {
+  color: #2979FF;
+  font-weight: bold;
+}
+
+.tab-line {
+  width: 60rpx;
+  height: 6rpx;
+  background: #2979FF;
+  border-radius: 3rpx;
+  position: absolute;
+  bottom: 0;
+}
+
+.filter {
+  display: flex;
+  margin-bottom: 20rpx;
+}
+
+.filter-item {
+  padding: 10rpx 20rpx;
+  margin-right: 20rpx;
+  border-radius: 30rpx;
+  background: #f5f5f5;
+  color: #666;
+}
+
+.filter-item.active {
+  background: #2979FF;
+  color: #fff;
+}
+
+.stats {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 20rpx;
+  padding: 20rpx;
+  background: #fff;
+  border-radius: 10rpx;
+}
+
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.num {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #2979FF;
+}
+
+.label {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 10rpx;
+}
+
+.name {
+  font-size: 32rpx;
+  font-weight: bold;
+}
+
+.type {
+  padding: 0 10rpx;
+  background: #ff4d4f;
+  color: #fff;
+  border-radius: 4rpx;
+  font-size: 24rpx;
+}
+
+.item-footer button {
+  width: 160rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  font-size: 26rpx;
+  background: #2979FF;
+  color: #fff;
+}
+
+.empty {
+  padding: 60rpx 0;
+  text-align: center;
+  color: #999;
+}
+
+.type-1 {
+  background: #ff4d4f;
+}
+
+.type-2 {
+  background: #faad14;
+}
+
+.type-3 {
+  background: #52c41a;
+}
+
+.record-list {
+  padding: 30rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.record-item {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+
+
+.location {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.time {
+  font-size: 28rpx;
+  color: #999;
+}
+
+.item-footer {
+  display: flex;
+  align-items: center;
+}
+
+.user {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.type {
+  padding: 0 10rpx;
+  background: #ff4d4f;
+  color: #fff;
+  border-radius: 4rpx;
+  font-size: 24rpx;
+  margin-left: 10rpx;
+}
+
+.arrow {
+  width: 30rpx;
+  height: 30rpx;
+  /* background: url('path/to/arrow.png') no-repeat center center; */
+  background-size: contain;
+}
+
+.empty {
+  padding: 60rpx 0;
+  text-align: center;
+  color: #999;
+}
+
+.picker-box {
+  padding: 20rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 8rpx;
+  font-size: 30rpx;
+}
+
+.label {
+  font-size: 30rpx;
+  color: #333;
+  margin-bottom: 10rpx;
+  display: block;
+}
+
+.filter-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.search-input {
+  width: 100%;
+  height: 80rpx;
+  /* 明显加高 */
+  line-height: 96rpx;
+  padding: 0 24rpx;
+  font-size: 30rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 12rpx;
+  box-sizing: border-box;
+}
+</style>

src/pages/train/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <view class="container" style="height: 100vh; position: relative;">
+    <!-- 状态栏占位 -->
+    <view :style="{ height: `${statusBarHeight}px` }" v-if="platform !== 'ios'"></view>
+    
+    <!-- WebView（动态高度） -->
+    <web-view 
+      :src="url55" 
+      :style="{
+        height: `calc(100vh - ${statusBarHeight}px - 50px)`,
+        width: '100%'
+      }"
+    ></web-view>
+    
+    <!-- 自定义 TabBar（固定底部） -->
+    <custom-tabbar/>
+  </view>
+</template>
+
+<script>
+import CustomTabbar from '@/components/custom-tabbar.vue';
+export default {
+  components: { CustomTabbar },
+  data() {
+    return {
+      platform: '',
+      statusBarHeight: 0,
+      url55: '/'
+    };
+  },
+  onLoad(option) {
+    const systemInfo = uni.getSystemInfoSync();
+    this.platform = systemInfo.platform;
+    this.statusBarHeight = systemInfo.statusBarHeight;
+    
+    // // 处理 URL
+    // let url = decodeURIComponent(option.url);
+    // this.url55 = `${url}&type=app`;
+  }
+};
+</script>

src/pages/voiceSubmissionDraft/index.vue

@@ -0,0 +1,225 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="workdocu-list">
+            <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }"
+                enable-back-to-top="true">
+                <list-card v-for="item in list" :key="item.id" @click="navigateToDetail(item)">
+                    <template #title>
+                        <view class="list-title">
+                            {{ item.categoryName }}
+                        </view>
+                    </template>
+                    <template #default>
+                        <view class="list-info">
+                            <view class="list-meta">
+                                <view class="meta-item">
+                                    <text class="meta-label">查获位置：</text>
+                                    <text class="meta-value">{{ item.fullPositionPath || '未知位置' }}</text>
+                                </view>
+                                <view class="meta-item">
+                                    <text class="meta-label">查获时间：</text>
+                                    <text class="meta-value">{{ formatDate(item.createTime) || '未知时间' }}</text>
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </list-card>
+
+                <!-- 加载状态提示 -->
+                <view v-if="loading" class="load-more">
+                    <text>加载中...</text>
+                </view>
+                <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                    <text>没有更多数据了</text>
+                </view>
+                <view v-else-if="list.length === 0" class="no-data">
+                    <view class="empty-icon">📄</view>
+                    <text>暂无草稿箱数据</text>
+                    <text class="empty-hint">暂无可用的草稿箱数据，请稍后再试</text>
+                </view>
+            </scroll-view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { listVoiceSubmissionDraft } from "@/api/voiceSubmissionDraft/voiceSubmissionDraft.js";
+export default {
+    components: {
+        HomeContainer,
+        ListCard
+    },
+    data() {
+        return {
+            list: [],
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+
+        // 跳转到详情页
+        navigateToDetail(item) {
+            if (!item || !item.id) return;
+            let url = `/pages/seizedReportedVoice/index?params=${encodeURIComponent(JSON.stringify({
+                voiceId: item.id,
+                type:'add'
+            }))}`;
+            uni.navigateTo({
+                url: url
+            });
+        },
+
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData();
+        },
+
+        // 加载数据方法
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                // 调用语音提交草稿列表API
+                const response = await listVoiceSubmissionDraft({
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize
+                });
+
+                // 处理响应数据
+                const data = response.rows || response.list || [];
+
+                if (this.pageNum === 1) {
+                    this.list = data;
+                } else {
+                    this.list = [...this.list, ...data];
+                }
+
+                this.total = response.total || 0;
+                this.hasMore = this.list.length < this.total;
+            } catch (error) {
+                console.error('加载语音提交草稿数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+
+        // 加载更多数据
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        }
+    },
+    mounted() {
+        this.loadData();
+    },
+    onShow() {
+        // 页面再次展示时刷新数据
+        this.pageNum = 1;
+        this.loadData();
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.workdocu-list {
+    height: calc(100vh - 177rpx);
+    margin-bottom: 20rpx;
+
+    // 标题样式
+    .list-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    // 信息样式
+    .list-info {
+        .list-meta {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+
+            font-size: 16px;
+            color: #666666;
+
+            .meta-item {
+                display: flex;
+                align-items: center;
+
+                .meta-label {
+                    color: #999;
+                    min-width: 80px;
+                    margin-right: 8px;
+                }
+
+                .meta-value {
+                    color: #333;
+                    flex: 1;
+                }
+            }
+        }
+    }
+
+    /* 加载状态样式 */
+    .load-more,
+    .no-more {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 40rpx;
+        font-size: 28rpx;
+        color: #999;
+    }
+
+    /* 空状态样式优化 */
+    .no-data {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        padding: 120rpx 40rpx;
+        font-size: 28rpx;
+        color: #999;
+
+        .empty-icon {
+            font-size: 120rpx;
+            margin-bottom: 30rpx;
+        }
+
+        .empty-hint {
+            font-size: 26rpx;
+            color: #bbb;
+            margin-top: 20rpx;
+        }
+    }
+}
+</style>

src/pages/work/index.vue

@@ -0,0 +1,223 @@
+<template>
+  <home-container :customStyle="{ background: 'none', backgroundColor: '#f5f5f5' }">
+    <div class="work-container">
+      <!-- 顶部状态栏 -->
+      <view class="status-bar">
+        <text class="welcome">欢迎使用考勤系统</text>
+        <text class="date">{{ currentDate }}</text>
+      </view>
+
+      <!-- 快捷打卡入口 -->
+      <view class="quick-checkin" @click="goToAttendance">
+        <view class="checkin-left">
+          <uni-icons type="calendar-filled" size="30" color="#409EFF"></uni-icons>
+          <text class="checkin-text">快速打卡</text>
+        </view>
+        <uni-icons type="arrowright" size="20" color="#999"></uni-icons>
+      </view>
+
+
+
+      <view class="grid-body">
+        <!-- 宫格组件 -->
+        <uni-section title="系统功能" type="line" class="uni-section-custom"></uni-section>
+        <uni-grid :column="3" :showBorder="false">
+          <uni-grid-item v-for="(item, index) in items" :key="index">
+            <view class="grid-item-box" @click="handleGridClick(item.appUrl)">
+              <!-- <uni-icons v-if="item.iconType" :type="item.iconType" :color="item.color" size="30"></uni-icons>
+              <u-icon v-else :name="item.uIconType" :color="item.uIconColor" size="35"></u-icon> -->
+              <img alt="" :src="item.workbenchIcon">
+              <text class="text">{{ item.appName }}</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </div>
+  </home-container>
+</template>
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { checkRolePermission } from "@/utils/common.js";
+import { getUserProfile, getAppListByRoleId } from "@/api/system/user";
+
+export default {
+  components: { HomeContainer },
+  data() {
+    return {
+      currentDate: this.formatDate(new Date()),
+      appList: []
+    }
+  },
+  computed: {
+    role() {
+      return this.$store?.state?.user?.roles[0]
+    },
+    items() {
+      return this.appList
+    }
+  },
+  onShow() {
+    this.updateCurrentDate();
+  },
+  onLoad() {
+    this.getUser()
+  },
+  methods: {
+    async getUser() {
+      const data = await getUserProfile();
+      await this.loadAppList(data.data);
+    },
+    async loadAppList(userInfo) {
+      const roleId = userInfo.roles && userInfo.roles.length ? userInfo.roles[0].roleId : null;
+
+      try {
+        if (roleId) {
+          const res = await getAppListByRoleId(roleId);
+          if (res.code === 200) {
+            //全部应用
+            const sysAppList = res.sysAppList;
+            const checkedAppIdList = res.checkedAppIdList;
+            this.appList = sysAppList.filter(app => checkedAppIdList.includes(app.appId));
+          }
+        }
+      } catch (error) {
+        console.error('获取应用列表失败:', error);
+        this.appList = [];
+      }
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, '0');
+      const day = date.getDate().toString().padStart(2, '0');
+      const week = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()];
+      return `${year}年${month}月${day}日 星期${week}`;
+    },
+    updateCurrentDate() {
+      this.currentDate = this.formatDate(new Date());
+    },
+    handleGridClick(url) {
+      console.log('点击了宫格：', url, this.role);
+      uni.navigateTo({
+        url: url
+      });
+      // if (item.path) {
+      //   // if (checkRolePermission(this.role, item.path)) {
+
+      //   // } else {
+      //   //   this.$modal.showToast('此角色不需要查看该功能，无需操作～');
+      //   // }
+      // } else {
+      //   this.$modal.showToast('功能开发中，敬请期待');
+      // }
+    },
+    goToAttendance() {
+      uni.navigateTo({
+        url: '/pages/attendance/index'
+      });
+    },
+    changeGrid(e) {
+      const index = e.detail.index;
+      const item = this.items[index];
+      this.handleGridClick(item);
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.work-container {
+  padding: 0;
+  background-color: #f5f5f5;
+}
+
+.status-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+
+  .welcome {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+  }
+
+  .date {
+    font-size: 26rpx;
+    color: #666;
+  }
+}
+
+.quick-checkin {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  padding: 30rpx;
+  border-radius: 16rpx;
+  margin-bottom: 30rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+
+  .checkin-left {
+    display: flex;
+    align-items: center;
+
+    .checkin-text {
+      font-size: 32rpx;
+      margin-left: 20rpx;
+      color: #409EFF;
+    }
+  }
+}
+
+.grid-body {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+
+  .uni-section-custom {
+
+    ::v-deep .uni-section-header {
+      padding: 12rpx 10rpx !important;
+    }
+  }
+
+
+}
+
+.grid-item-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30rpx 0;
+
+  img {
+    display: inline-block;
+    width: 120rpx;
+    height: 120rpx;
+  }
+
+  &:active {
+    background-color: #f5f5f5;
+    border-radius: 12rpx;
+  }
+}
+
+.text {
+  text-align: center;
+  font-size: 26rpx;
+  margin-top: 15rpx;
+  color: #333;
+}
+
+.footer-tips {
+  text-align: center;
+  margin-top: 40rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+</style>

src/pages/workDocu/index.vue

@@ -0,0 +1,205 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <view class="workdocu-list">
+            <scroll-view scroll-y="true" @refresherrefresh="onRefresh" refresher-enabled
+                :refresher-triggered="refresherTriggered" @scrolltolower="loadMore" :style="{ height: '100%' }"
+                enable-back-to-top="true">
+                <list-card v-for="item in list" :key="item.id" @click="navigateToDetail(item)">
+                    <template #title>
+                        <view class="list-title">
+                            {{ item.documentTitle }}
+                        </view>
+                    </template>
+                    <template #default>
+                        <view class="list-info">
+                            <view class="list-meta">
+                                <view class="author">{{ item.createBy || '管理员' }}</view>
+                                <view class="date">{{ formatDate(item.createTime) }}</view>
+                            </view>
+                        </view>
+                    </template>
+                </list-card>
+
+                <!-- 加载状态提示 -->
+                <view v-if="loading" class="load-more">
+                    <text>加载中...</text>
+                </view>
+                <view v-else-if="!hasMore && list.length > 0" class="no-more">
+                    <text>没有更多数据了</text>
+                </view>
+                <view v-else-if="list.length === 0" class="no-data">
+                    <view class="empty-icon">📄</view>
+                    <text>暂无工作文档</text>
+                    <text class="empty-hint">暂无可用的工作文档，请稍后再试</text>
+                </view>
+            </scroll-view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import ListCard from "@/components/list-card/list-card.vue";
+import { listWorkDocu } from "@/api/workDocu/workDocu.js";
+export default {
+    components: {
+        HomeContainer,
+        ListCard
+    },
+    data() {
+        return {
+            list: [],
+            // 分页参数
+            pageNum: 1,
+            pageSize: 10,
+            total: 0,
+            loading: false,
+            hasMore: true,
+            // scroll-view下拉刷新状态控制
+            refresherTriggered: false
+        }
+    },
+    methods: {
+        // 格式化日期
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+
+        // 跳转到详情页
+        navigateToDetail(item) {
+            if (!item || !item.documentId) return;
+
+            uni.navigateTo({
+                url: '/pages/workDocu/workDocuDetail?id=' + item.documentId
+            });
+        },
+
+        onRefresh() {
+            this.pageNum = 1;
+            this.refresherTriggered = true;
+            this.loadData();
+        },
+
+        // 加载数据方法
+        async loadData() {
+            if (this.loading) return;
+
+            this.loading = true;
+            try {
+                // 调用真实的文档列表API
+                const response = await listWorkDocu({
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    status: 1
+                });
+
+                // 处理响应数据
+                const data = response.rows || response.list || [];
+
+                if (this.pageNum === 1) {
+                    this.list = data;
+                } else {
+                    this.list = [...this.list, ...data];
+                }
+
+                this.total = response.total || 0;
+                this.hasMore = this.list.length < this.total;
+            } catch (error) {
+                console.error('加载文档数据失败:', error);
+                uni.showToast({
+                    title: '加载失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 重置下拉刷新状态
+                this.refresherTriggered = false;
+                uni.stopPullDownRefresh();
+            }
+        },
+
+        // 加载更多数据
+        loadMore() {
+            if (this.loading || !this.hasMore) return;
+            this.pageNum++;
+            this.loadData();
+        }
+    },
+    mounted() {
+        this.loadData();
+    },
+    onShow() {
+        // 页面再次展示时刷新数据
+        this.pageNum = 1;
+        this.loadData();
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.workdocu-list {
+    height: calc(100vh - 177rpx);
+    margin-bottom: 20rpx;
+
+    // 标题样式
+    .list-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    // 信息样式
+    .list-info {
+        .list-meta {
+            display: flex;
+            justify-content: flex-start; // 靠左展示
+            margin-bottom: 11px;
+            font-size: 16px;
+            color: #666666;
+            align-items: center;
+
+            .author {
+                margin-right: 30rpx;
+            }
+        }
+    }
+
+    /* 加载状态样式 */
+    .load-more,
+    .no-more {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 40rpx;
+        font-size: 28rpx;
+        color: #999;
+    }
+
+    /* 空状态样式优化 */
+    .no-data {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        padding: 120rpx 40rpx;
+        font-size: 28rpx;
+        color: #999;
+
+        .empty-icon {
+            font-size: 120rpx;
+            margin-bottom: 30rpx;
+        }
+
+        .empty-hint {
+            font-size: 26rpx;
+            color: #bbb;
+            margin-top: 20rpx;
+        }
+    }
+}
+</style>

src/pages/workDocu/workDocuDetail.vue

@@ -0,0 +1,509 @@
+<template>
+    <home-container title="文档详情" :customStyle="{backgroundPosition:'0px -65px'}">
+        <view class="doc-detail-container">
+            <!-- 文档信息部分 -->
+            <view class="doc-info">
+                <text class="doc-title">{{ documentInfo.documentTitle || '文档标题' }}</text>
+                <view class="doc-meta">
+                    <text class="meta-item">创建人：{{ documentInfo.createBy || '管理员' }}</text>
+                    <text class="meta-item">创建时间：{{ formatDate(documentInfo.createTime) }}</text>
+                </view>
+            </view>
+
+            <!-- 文件预览容器 -->
+            <view class="preview-container" v-if="loading">
+                <view class="loading-indicator">
+                    <text>正在加载文档...</text>
+                </view>
+            </view>
+
+            <view class="preview-container" v-else-if="documentInfo.documentUrl">
+                <!-- 只预览PDF格式文件 -->
+                <view v-if="isPdfFile" class="pdf-viewer">
+                    <!-- App端：blob URL预览方案 -->
+                    <view v-if="isApp" class="app-pdf-viewer">
+                        <view class="pdf-notice">
+                            <text class="pdf-tip">PDF文件预览</text>
+                            <text class="pdf-tip">点击下方按钮下载并预览PDF文件</text>
+                        </view>
+                        <button class="open-pdf-btn" @tap="downloadAndGenerateBlobUrl" :disabled="isDownloading">
+                            {{ isDownloading ? '正在下载...' : '下载并预览PDF' }}
+                        </button>
+                        <view v-if="pdfLoadError" class="error-notice">
+                            <text>PDF加载失败，请重试</text>
+                        </view>
+                        
+                        <!-- blob URL预览区域 -->
+                        <view v-if="localPdfUrl && !pdfLoading" class="blob-preview-area">
+                            <web-view 
+                                :src="localPdfUrl" 
+                                :key="webViewKey"
+                                @message="handleWebViewMessage"
+                                @load="handleWebViewLoad"
+                                @error="handleWebViewError">
+                            </web-view>
+                        </view>
+                        
+                        <!-- 加载遮罩层 -->
+                        <view v-if="pdfLoading" class="pdf-loading-mask">
+                            <view class="loading-content">
+                                <text class="loading-text">PDF加载中...</text>
+                                <button class="reload-btn" @tap="downloadAndGenerateBlobUrl">重新加载</button>
+                            </view>
+                        </view>
+                    </view>
+                    
+                    <!-- H5端：web-view预览方案 -->
+                    <view v-else class="web-pdf-viewer">
+                        <web-view 
+                            :src="getPdfViewUrl()" 
+                            :key="webViewKey"
+                            @message="handleWebViewMessage"
+                            @load="handleWebViewLoad"
+                            @error="handleWebViewError">
+                        </web-view>
+                        <!-- 加载遮罩层 -->
+                        <view v-if="pdfLoading" class="pdf-loading-mask">
+                            <view class="loading-content">
+                                <text class="loading-text">PDF加载中...</text>
+                                <button v-if="isApp" class="reload-btn" @tap="reloadWebView">重新加载</button>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+                <view v-else class="file-viewer">
+                    <!-- 非PDF文件，提示用户 -->
+                    <view class="file-notice">
+                        <text>仅支持PDF格式文件预览</text>
+                        <button class="download-btn" @click="downloadFile">下载文件</button>
+                    </view>
+                </view>
+            </view>
+
+            <view class="preview-container" v-else>
+                <view class="file-notice">
+                    <text>暂无文件信息</text>
+                </view>
+            </view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { getWorkDocu } from "@/api/workDocu/workDocu.js";
+import config from '@/config';
+export default {
+    components: {
+        HomeContainer
+    },
+    data() {
+        return {
+            documentInfo: {
+                docTitle: '',
+                createUser: '',
+                createTime: '',
+                documentUrl: '',
+                fileType: ''
+            },
+            loading: true,
+            docId: '',
+            pdfLoading: true,
+            baseUrl: config.baseUrl,
+            isApp: false, // 是否为App环境
+            webViewKey: 0, // web-view强制刷新key
+            pdfLoadError: false, // PDF加载错误状态
+            localPdfUrl: '', // 本地PDF文件URL
+            isDownloading: false // 是否正在下载
+        };
+    },
+    computed: {
+        // 判断是否为PDF文件
+        isPdfFile() {
+            return this.documentInfo.fileType === 'pdf' ||
+                (this.documentInfo.documentUrl && this.documentInfo.documentUrl.toLowerCase().endsWith('.pdf'));
+        }
+    },
+    onLoad(options) {
+        // 从路由参数中获取文档ID
+        if (options && options.id) {
+            this.docId = options.id;
+            this.fetchDocumentDetail();
+        }
+        
+     
+    },
+    methods: {
+        
+        // 确保URL以斜杠结尾
+        ensureTrailingSlash(url) {
+            return url.endsWith('/') ? url : url + '/';
+        },
+        
+        formatDate(timeString) {
+            if (!timeString) return '';
+            const date = new Date(timeString);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+
+        // 获取文档详情
+        async fetchDocumentDetail() {
+            this.loading = true;
+            try {
+                // 调用真实的API获取文档详情
+                const response = await getWorkDocu(this.docId);
+
+                // 根据实际API返回的数据结构进行处理
+                // 注意字段映射：documentTitle替代docTitle，createBy替代createUser
+                this.documentInfo = response.data;
+             
+                
+            } catch (error) {
+                console.error('获取文档详情失败:', error);
+                uni.showToast({
+                    title: '加载文档失败',
+                    icon: 'none'
+                });
+            } finally {
+                this.loading = false;
+                // 文档加载完成后，设置PDF加载状态
+                if (this.isPdfFile && this.documentInfo.documentUrl) {
+                    // 延迟一段时间隐藏加载提示
+                    setTimeout(() => {
+                        this.pdfLoading = false;
+                    }, 2000);
+                }
+            }
+        },
+        
+        // 处理web-view消息
+        handleWebViewMessage(e) {
+            console.log('web-view message:', e);
+            this.pdfLoading = false;
+        },
+
+        // 下载文件
+        downloadFile() {
+            if (!this.documentInfo.documentUrl) return;
+
+            uni.showModal({
+                title: '提示',
+                content: '确定要下载此文件吗？',
+                success: (res) => {
+                    if (res.confirm) {
+                        // 使用uni-app的下载API
+                        uni.downloadFile({
+                            url: this.documentInfo.documentUrl,
+                            success: (downloadResult) => {
+                                if (downloadResult.statusCode === 200) {
+                                    // 保存文件到本地
+                                    uni.saveFile({
+                                        tempFilePath: downloadResult.tempFilePath,
+                                        success: (saveResult) => {
+                                            uni.showToast({
+                                                title: '下载成功',
+                                                icon: 'success'
+                                            });
+                                            // 提示用户打开文件
+                                            uni.showModal({
+                                                title: '下载成功',
+                                                content: '文件已下载完成，是否打开？',
+                                                success: (openRes) => {
+                                                    if (openRes.confirm) {
+                                                        // 打开下载的文件
+                                                        uni.openDocument({
+                                                            filePath: saveResult.savedFilePath,
+                                                            showMenu: true,
+                                                            success: () => {
+                                                                console.log('打开文档成功');
+                                                            },
+                                                            fail: (error) => {
+                                                                console.error('打开文档失败:', error);
+                                                                uni.showToast({
+                                                                    title: '打开失败，请手动打开',
+                                                                    icon: 'none'
+                                                                });
+                                                            }
+                                                        });
+                                                    }
+                                                }
+                                            });
+                                        },
+                                        fail: (error) => {
+                                            console.error('保存文件失败:', error);
+                                            uni.showToast({
+                                                title: '保存失败',
+                                                icon: 'none'
+                                            });
+                                        }
+                                    });
+                                }
+                            },
+                            fail: (error) => {
+                                console.error('下载文件失败:', error);
+                                uni.showToast({
+                                    title: '下载失败',
+                                    icon: 'none'
+                                });
+                            }
+                        });
+                    }
+                }
+            });
+        },
+
+        // 下载文件并生成blob URL（App端专用）
+        async downloadAndGenerateBlobUrl() {
+            if (!this.documentInfo.documentUrl) {
+                uni.showToast({
+                    title: '文件链接无效',
+                    icon: 'none'
+                });
+                return;
+            }
+            
+            // 如果正在下载，直接返回
+            if (this.isDownloading) {
+                return;
+            }
+            
+            this.isDownloading = true;
+            this.pdfLoading = true;
+            
+            // 显示加载提示
+            uni.showLoading({
+                title: '正在下载PDF...',
+                mask: true
+            });
+            
+            try {
+                // 下载文件到本地
+                const downloadResult = await new Promise((resolve, reject) => {
+                    uni.downloadFile({
+                        url: this.documentInfo.documentUrl,
+                        success: resolve,
+                        fail: reject
+                    });
+                });
+                
+                if (downloadResult.statusCode === 200) {
+                    // 读取文件内容并生成blob URL
+                    const fileData = await this.readFileAsArrayBuffer(downloadResult.tempFilePath);
+                    const blob = new Blob([fileData], { type: 'application/pdf' });
+                    const blobUrl = URL.createObjectURL(blob);
+                    
+                    // 保存blob URL
+                    this.localPdfUrl = blobUrl;
+                    
+                    uni.hideLoading();
+                    uni.showToast({
+                        title: 'PDF加载成功',
+                        icon: 'success'
+                    });
+                    
+                    // 强制刷新web-view
+                    this.webViewKey++;
+                    this.pdfLoading = false;
+                    
+                } else {
+                    throw new Error(`下载失败，状态码: ${downloadResult.statusCode}`);
+                }
+            } catch (error) {
+                console.error('下载生成blob URL失败:', error);
+                uni.hideLoading();
+                
+                uni.showToast({
+                    title: 'PDF加载失败，请重试',
+                    icon: 'none'
+                });
+                
+                // 标记加载错误状态
+                this.pdfLoadError = true;
+                this.pdfLoading = false;
+            } finally {
+                this.isDownloading = false;
+            }
+        },
+        
+        // 读取文件为ArrayBuffer
+        readFileAsArrayBuffer(filePath) {
+            return new Promise((resolve, reject) => {
+                if (typeof plus !== 'undefined') {
+                    // App端使用plus.io读取文件
+                    plus.io.resolveLocalFileSystemURL(filePath, (entry) => {
+                        entry.file((file) => {
+                            const fileReader = new plus.io.FileReader();
+                            fileReader.onload = (e) => {
+                                resolve(e.target.result);
+                            };
+                            fileReader.onerror = reject;
+                            fileReader.readAsArrayBuffer(file);
+                        }, reject);
+                    }, reject);
+                } else {
+                    // H5端使用XMLHttpRequest
+                    const xhr = new XMLHttpRequest();
+                    xhr.open('GET', filePath, true);
+                    xhr.responseType = 'arraybuffer';
+                    xhr.onload = () => {
+                        if (xhr.status === 200) {
+                            resolve(xhr.response);
+                        } else {
+                            reject(new Error(`读取文件失败: ${xhr.status}`));
+                        }
+                    };
+                    xhr.onerror = reject;
+                    xhr.send();
+                }
+            });
+        },
+        
+        // 获取PDF预览URL
+        getPdfViewUrl() {
+            // 如果已经有本地blob URL，优先使用
+            if (this.localPdfUrl) {
+                return this.localPdfUrl;
+            }
+            // 否则使用原始URL
+            return this.documentInfo.documentUrl;
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.doc-detail-container {
+    margin-top: 40rpx;
+    padding: 30rpx;
+    border-radius: 16rpx;
+    background-color: #ffffff;
+    min-height: calc(100vh - 177rpx);
+
+    // 文档信息样式
+    .doc-info {
+        margin-bottom: 40rpx;
+        border-bottom: 1rpx solid #eeeeee;
+        padding-bottom: 30rpx;
+        background-color: #fafafa;
+        padding: 30rpx;
+        border-radius: 10rpx;
+
+        .doc-title {
+            font-size: 36rpx;
+            font-weight: bold;
+            color: #333333;
+            display: block;
+            margin-bottom: 25rpx;
+            line-height: 1.6;
+            word-break: break-word;
+        }
+
+        .doc-meta {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 40rpx;
+
+            .meta-item {
+                font-size: 26rpx;
+                color: #666666;
+                display: flex;
+                align-items: center;
+            }
+            
+        }
+    }
+
+    // 预览容器样式
+    .preview-container {
+        background-color: #f8f8f8;
+        border-radius: 10rpx;
+        overflow: hidden;
+        box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+
+        .pdf-viewer {
+            width: 100%;
+            height: calc(100vh - 400rpx);
+            background-color: #ffffff;
+            position: relative;
+        }
+        
+        // 加载遮罩层
+        .loading-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(255, 255, 255, 0.8);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 10;
+        }
+        
+        .loading-text {
+            color: #666666;
+            font-size: 32rpx;
+            padding: 20rpx;
+            background-color: white;
+            border-radius: 8rpx;
+            box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
+        }
+
+        // 加载状态样式
+        .loading-indicator {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 200rpx;
+            color: #666666;
+            font-size: 28rpx;
+        }
+
+        // 文件提示样式
+        .file-notice {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            height: 200rpx;
+            color: #999999;
+            font-size: 28rpx;
+
+            .download-btn {
+                margin-top: 30rpx;
+                background-color: #007aff;
+                color: #ffffff;
+            }
+        }
+        
+        .error-notice {
+            margin-top: 20rpx;
+            padding: 20rpx;
+            background-color: #fff2f0;
+            border: 1px solid #ffccc7;
+            border-radius: 8rpx;
+            text-align: center;
+        }
+        .error-notice text {
+            color: #a8071a;
+            font-size: 28rpx;
+        }
+        
+        .blob-preview-area {
+            margin-top: 30rpx;
+            border: 1px solid #e8e8e8;
+            border-radius: 8rpx;
+            overflow: hidden;
+            height: 600rpx;
+        }
+        .blob-preview-area web-view {
+            width: 100%;
+            height: 100%;
+        }
+    }
+}
+</style>

src/pages/workProfile/components/management-push.vue

@@ -0,0 +1,441 @@
+<template>
+    <uni-collapse>
+        <profile-collapse-item title="管理推动" name="managementPush" :borderColor="'#00C853'">
+            <div class="detail-card">
+
+                <!-- 巡检任务执行趋势图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">巡检任务执行趋势统计图</h4>
+                    <div ref="taskChart" class="chart"></div>
+                </div>
+
+                <!-- 整改统计 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">整改统计</h4>
+                    <div class="rectification-stats">
+                        <h-legend :legend-data="rectificationData" :colorSize="20" :textSize="24" />
+                        <h-line :data="rectificationData" :total="rectificationTotal" :itemWidth="300"
+                            :lineHeight="'40'" />
+                    </div>
+                </div>
+
+                <!-- 抽问抽答完成率趋势图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">抽问抽答完成率趋势图</h4>
+                    <div ref="qaChart" class="chart"></div>
+                </div>
+
+                <!-- 查获审批时长统计 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">查获审批时长统计</h4>
+                    <statistic-table :columns="approvalColumns" :data="approvalData" />
+                </div>
+            </div>
+        </profile-collapse-item>
+    </uni-collapse>
+
+
+
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import HLegend from '@/components/h-legend/h-legend.vue'
+import HLine from '@/components/h-line/h-line.vue'
+import StatisticTable from '@/components/statistic-table/statistic-table.vue'
+import ProfileCollapseItem from './profile-collapse-item.vue'
+
+export default {
+    name: 'ManagementPush',
+    components: {
+        HLegend,
+        HLine,
+        StatisticTable,
+        ProfileCollapseItem
+    },
+    inject: ['getLevelRateData', 'getManagementPushData', 'getManagementRectifyData', 'getDurationChartData'],
+    data() {
+        return {
+            rectificationData: [],
+            rectificationTotal: 0,
+            approvalColumns: [
+                { props: 'empty', title: '指标' },
+                { props: 'duration', title: '时长' }
+            ],
+            approvalData: [],
+            charts: {}
+        }
+    },
+    computed: {
+        levelRateData() {
+            return this.getLevelRateData()
+        },
+        managementPushData() {
+            return this.getManagementPushData()
+        },
+        managementRectifyData() {
+            return this.getManagementRectifyData()
+        },
+        durationData() {
+            return this.getDurationChartData()
+        }
+    },
+    watch: {
+        managementRectifyData: {
+            handler(newVal) {
+                this.handleData(newVal)
+            },
+            deep: true
+        },
+        levelRateData: {
+            handler() {
+                this.updateCharts()
+            },
+            deep: true
+        },
+        managementPushData: {
+            handler() {
+                this.updateTaskChart()
+            },
+            deep: true
+        },
+        durationData: {
+            handler(newV) {
+                this.approvalData = [
+                    { empty: '平均审批时长', duration: newV.averageDurationText || '-' },
+                    { empty: '最长审批时常', duration: newV.maxDurationText || '-' },
+                    { empty: '最短审批时常', duration: newV.minDurationText || '-' }
+                ]
+            },
+            deep: true
+        },
+    },
+    mounted() {
+        this.initCharts()
+        this.updateCharts()
+    },
+    beforeDestroy() {
+        Object.values(this.charts).forEach(chart => {
+            chart && chart.dispose()
+        })
+    },
+    methods: {
+        handleData(newVal) {
+            this.rectificationData = [
+                { name: '按期整改', value: newVal.onTimeCompletedCount, color: '#4873E3' },
+                { name: '超期整改', value: newVal.overTimeCompletedCount, color: '#FF6B6B' }
+            ]
+            this.rectificationTotal = newVal.onTimeCompletedCount + newVal.overTimeCompletedCount
+        },
+        initCharts() {
+            this.initTaskChart()
+            this.initQAChart()
+        },
+
+        updateCharts() {
+            this.updateTaskChart()
+            this.updateQAChart()
+        },
+
+        initTaskChart() {
+            const chartDom = this.$refs.taskChart
+            if (!chartDom) return
+
+            this.charts.task = echarts.init(chartDom)
+        },
+
+        updateTaskChart() {
+            const chart = this.charts.task
+            if (!chart) return
+
+            // 处理managementPushData数据
+            const managementData = this.managementPushData || []
+
+            // 按日期分组数据
+            const dateGroups = {}
+            managementData.length && managementData.forEach(item => {
+                if (!dateGroups[item.date]) {
+                    dateGroups[item.date] = {
+                        date: item.date,
+                        dailyTask: 0,
+                        specialTask: 0
+                    }
+                }
+
+                if (item.typeDesc === '日常任务') {
+                    dateGroups[item.date].dailyTask = item.total
+                } else if (item.typeDesc === '专项任务') {
+                    dateGroups[item.date].specialTask = item.total
+                }
+            })
+
+            // 转换为数组并按日期排序
+            const sortedData = Object.values(dateGroups).sort((a, b) => {
+                return new Date(a.date) - new Date(b.date)
+            })
+
+            // 提取x轴数据（格式化日期）
+            const xAxisData = sortedData.map(item => {
+                const date = new Date(item.date)
+                return `${date.getMonth() + 1}月${date.getDate()}日`
+            })
+
+            // 提取两条曲线的数据
+            const dailyTaskData = sortedData.map(item => item.dailyTask)
+            const specialTaskData = sortedData.map(item => item.specialTask)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        let result = `${params[0].axisValue}<br/>`
+                        params.forEach(param => {
+                            result += `${param.seriesName}: ${param.value}<br/>`
+                        })
+                        return result
+                    }
+                },
+                legend: {
+                    data: ['日常任务', '专项任务'],
+                    top: 10
+                },
+                dataZoom: [
+                    {
+                        type: 'slider', // 滑动条型数据区域缩放组件
+                        show: true,
+                        xAxisIndex: [0],
+                        start: 0,
+                        end: 100,
+                        height: 20,
+                        bottom: 10,
+                        backgroundColor: '#f5f5f5',
+                        dataBackground: {
+                            lineStyle: {
+                                color: '#9C27B0',
+                                width: 1,
+                                opacity: 0.3
+                            },
+                            areaStyle: {
+                                color: 'rgba(156, 39, 176, 0.1)'
+                            }
+                        },
+                        fillerColor: 'rgba(156, 39, 176, 0.2)',
+                        borderColor: '#ddd',
+                        textStyle: {
+                            color: '#666'
+                        }
+                    },
+                    {
+                        type: 'inside', // 内置型数据区域缩放组件
+                        xAxisIndex: [0],
+                        start: 0,
+                        end: 100,
+                        zoomOnMouseWheel: true, // 支持鼠标滚轮缩放
+                        moveOnMouseMove: true, // 支持鼠标拖拽平移
+                        moveOnMouseWheel: false
+                    }
+                ],
+                xAxis: {
+                    type: 'category',
+                    data: xAxisData,
+                    axisLabel: {
+                        rotate: 45,
+
+                        fontSize: 10
+                    },
+                    axisTick: {
+                        alignWithLabel: true
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    name: '任务数量'
+                },
+                series: [
+                    {
+                        name: '日常任务',
+                        data: dailyTaskData,
+                        type: 'line',
+                        smooth: true,
+                        lineStyle: {
+                            color: '#9C27B0',
+                            width: 3
+                        },
+                        itemStyle: {
+                            color: '#9C27B0'
+                        },
+                        areaStyle: {
+                            color: 'rgba(156, 39, 176, 0.3)'
+                        }
+                    },
+                    {
+                        name: '专项任务',
+                        data: specialTaskData,
+                        type: 'line',
+                        smooth: true,
+                        lineStyle: {
+                            color: '#00BCD4',
+                            width: 3
+                        },
+                        itemStyle: {
+                            color: '#00BCD4'
+                        },
+                        areaStyle: {
+                            color: 'rgba(0, 188, 212, 0.3)'
+                        }
+                    }
+                ],
+                grid: {
+                    left: '5%',
+                    right: '5%',
+                    top: '15%',
+                    bottom: '20%', // 增加底部空间给数据缩放组件
+                    containLabel: true
+                }
+            }
+
+            chart.setOption(option)
+        },
+
+        initQAChart() {
+            const chartDom = this.$refs.qaChart
+            if (!chartDom) return
+
+            this.charts.qa = echarts.init(chartDom)
+        },
+
+        updateQAChart() {
+            const chart = this.charts.qa
+            if (!chart) return
+
+            // 使用levelRateData数据
+            const levelRateData = this.levelRateData || []
+            const dates = levelRateData.map(item => item.date)
+            const completedTasks = levelRateData.map(item => item.completedTasks)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        const data = params[0]
+                        return `${data.name}<br/>已完成任务: ${data.value}`
+                    }
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLabel: {
+                        rotate: 45,
+
+                        fontSize: 10
+                    },
+                    axisTick: {
+                        alignWithLabel: true
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    name: '已完成任务'
+                },
+                dataZoom: [
+                    {
+                        type: 'slider', // 滑动条型数据区域缩放组件
+                        show: true,
+                        xAxisIndex: [0],
+                        start: 0,
+                        end: 100,
+                        height: 20,
+                        bottom: 10,
+                        backgroundColor: '#f5f5f5',
+                        dataBackground: {
+                            lineStyle: {
+                                color: '#00BCD4',
+                                width: 1,
+                                opacity: 0.3
+                            },
+                            areaStyle: {
+                                color: 'rgba(0, 188, 212, 0.1)'
+                            }
+                        },
+                        fillerColor: 'rgba(0, 188, 212, 0.2)',
+                        borderColor: '#ddd',
+                        textStyle: {
+                            color: '#666'
+                        }
+                    },
+                    {
+                        type: 'inside', // 内置型数据区域缩放组件
+                        xAxisIndex: [0],
+                        start: 0,
+                        end: 100,
+                        zoomOnMouseWheel: true, // 支持鼠标滚轮缩放
+                        moveOnMouseMove: true, // 支持鼠标拖拽平移
+                        moveOnMouseWheel: false
+                    }
+                ],
+                series: [{
+                    name: '已完成任务',
+                    data: completedTasks,
+                    type: 'line',
+                    smooth: true,
+                    lineStyle: {
+                        color: '#00BCD4',
+                        width: 3
+                    },
+                    itemStyle: {
+                        color: '#00BCD4'
+                    },
+                    areaStyle: {
+                        color: 'rgba(0, 188, 212, 0.3)'
+                    }
+                }],
+                grid: {
+                    left: '5%',
+                    right: '5%',
+                    top: '15%',
+                    bottom: '20%', // 增加底部空间给数据缩放组件
+                    containLabel: true
+                }
+            }
+
+            chart.setOption(option)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 10rpx 30rpx;
+    // margin-bottom: 32rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+
+    .detail-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+        margin-bottom: 24rpx;
+    }
+
+    .chart-section {
+        .chart-title {
+            font-size: 28rpx;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 24rpx;
+        }
+
+        .chart {
+            height: 500rpx;
+        }
+
+        .rectification-stats {
+            .h-line {
+                margin-top: 24rpx;
+            }
+        }
+    }
+}
+</style>

src/pages/workProfile/components/organization-support.vue

@@ -0,0 +1,334 @@
+<template>
+    <uni-collapse>
+        <profile-collapse-item title="组织支撑" name="organizationSupport" :borderColor="'#007AFF'">
+            <div class="detail-card">
+
+                <!-- 左右布局的文字信息 -->
+                <div class="text-layout">
+                    <div class="content-item">
+                        <div class="item-label">胜任岗位数统计</div>
+                        <!-- <div class="item-value">{{ showData.positionCount || '-' }}</div> -->
+                    </div>
+                    <div class="content-item">
+
+                        <div class="item-value">{{ showData.positionText || '-' }}</div>
+                    </div>
+                    <div class="content-item" style="margin-bottom: 18rpx;">
+                        <div class="item-label">人均在岗时长</div>
+                        <div class="item-value">{{ showData.averagePersonnel || '-' }}</div>
+                    </div>
+                </div>
+
+                <!-- 资质能力统计图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">资质能力统计图</h4>
+                    <div class="chart-container">
+                        <div ref="qualificationChart" class="chart"></div>
+                    </div>
+                </div>
+
+                <!-- 培训测试平均分趋势图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">培训测试平均分趋势图</h4>
+                    <div class="chart-container">
+                        <div ref="trainingChart" class="chart"></div>
+                    </div>
+                </div>
+            </div>
+        </profile-collapse-item>
+    </uni-collapse>
+
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import useDictMixin from "@/utils/dict";
+import ProfileCollapseItem from './profile-collapse-item.vue'
+export default {
+    name: 'OrganizationSupport',
+    components: {
+        ProfileCollapseItem
+    },
+
+    mixins: [useDictMixin],
+    inject: ['overviewData', 'moduleMetricsData', 'getTrainingTestScoreTrendData'],
+    data() {
+        return {
+            charts: {},
+            showData: {}
+        }
+    },
+    computed: {
+        organization() {
+            return this.overviewData.organization || ''
+        },
+        moduleMetrics() {
+            return this.moduleMetricsData() || {}
+        },
+        testScoreTrend() {
+            return this.getTrainingTestScoreTrendData() || []
+        },
+        channelOpenTrend() {
+            return this.getChannelOpenTrendChartData() || []
+        },
+    },
+    mounted() {
+        this.initCharts()
+
+    },
+    beforeDestroy() {
+        Object.values(this.charts).forEach(chart => {
+            chart && chart.dispose()
+        })
+    },
+    watch: {
+        moduleMetrics: {
+            handler(newVal, oldVal) {
+                this.updateQualificationChart()
+                const positionCompetencyStats = newVal.system && newVal.system.positionCompetencyStats || []
+                let positionText = []
+                for (const item of positionCompetencyStats) {
+                    positionText.push(`${item.postName} ${item.competentCount}人`)
+                }
+                this.showData = {
+                    averagePersonnel: newVal.attendance.workingHours.averagePersonnel || '-',
+                    positionText: positionText.join('、'),
+                    positionCount: positionCompetencyStats.reduce((acc, cur) => acc + cur.competentCount, 0) || '-',
+                }
+            },
+            deep: true
+        },
+        testScoreTrend: {
+            handler(newVal, oldVal) {
+                this.updateTrainingChart()
+            },
+            deep: true
+        },
+
+    },
+    methods: {
+        initCharts() {
+            this.initQualificationChart()
+            this.initTrainingChart()
+        },
+
+        updateCharts() {
+            this.updateQualificationChart()
+            this.updateTrainingChart()
+        },
+
+        initQualificationChart() {
+            const chartDom = this.$refs.qualificationChart
+            if (!chartDom) return
+
+            this.charts.qualification = echarts.init(chartDom)
+        },
+
+        async updateQualificationChart() {
+            const chart = this.charts.qualification
+            if (!chart) return
+            const dict = await this.useDict('sys_user_qualification_level')
+            const qualificationDict = dict['sys_user_qualification_level'] || [];
+
+            // 获取availablePositions数据，如果没有数据则使用默认数据
+            let qualificationLevel = this.moduleMetrics.system && this.moduleMetrics.system.qualificationLevelStats || []
+            let qualificationLevelArr = qualificationLevel.filter(item => item.levelName)
+
+            // 转换数据格式用于环形图
+            const chartData = qualificationLevelArr.map((position, index) => ({
+                value: position.count, // 使用索引+1作为值，确保每个岗位都有值
+                name: qualificationDict.find(item => item.value === position.levelName)?.label || `资质${index + 1}`
+            }))
+
+
+
+            const option = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: function(params) {
+                        return `${params.name}: ${params.value}`;
+                    }
+                },
+                legend: {
+                    orient: 'vertical',
+                    right: 5,
+                    top: 'center',
+                    itemGap: 8,
+                    textStyle: {
+                        fontSize: 10
+                    },
+                    itemWidth: 10,
+                    itemHeight: 8
+                },
+                series: [{
+                    name: '可用岗位',
+                    type: 'pie',
+                    radius: ['40%', '70%'],
+                    center: ['45%', '50%'],
+                    avoidLabelOverlap: false,
+                    
+                    label: {
+                        show: true,
+                        formatter: '{b}: {c}'
+                    },
+
+                    emphasis: {
+                        label: {
+                            show: true,
+                            fontSize: 18,
+                            fontWeight: 'bold',
+                            formatter: '{b}\n{c}'
+                        }
+                    },
+
+                    data: chartData.length > 0 ? chartData : [
+                        { value: 1, name: '暂无岗位数据' }
+                    ]
+                }]
+            }
+
+            chart.setOption(option)
+        },
+
+        initTrainingChart() {
+            const chartDom = this.$refs.trainingChart
+            if (!chartDom) return
+
+            this.charts.training = echarts.init(chartDom)
+        },
+
+        updateTrainingChart() {
+            const chart = this.charts.training
+            if (!chart) return
+
+            // 处理testScoreTrend数据
+            const xAxisData = this.testScoreTrend.map(item => {
+                // 格式化日期，只显示月份和日期
+                const date = new Date(item.date);
+                return `${date.getMonth() + 1}月${date.getDate()}日`;
+            });
+
+            const yAxisData = this.testScoreTrend.map(item => item.number);
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        const data = params[0];
+                        const originalData = this.testScoreTrend[data.dataIndex];
+                        return `${originalData.name}<br/>${originalData.date}: ${originalData.number}分`;
+                    }.bind(this)
+                },
+                xAxis: {
+                    type: 'category',
+                    data: xAxisData,
+                    axisLabel: {
+                        rotate: 45, // 日期标签旋转45度，避免重叠
+
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    min: function (value) {
+                        // 设置y轴最小值，留出一些空间
+                        return Math.max(0, Math.floor(value.min * 0.9));
+                    },
+                    max: function (value) {
+                        // 设置y轴最大值，留出一些空间
+                        return Math.min(100, Math.ceil(value.max * 1.1));
+                    }
+                },
+                series: [{
+                    data: yAxisData,
+                    type: 'line',
+                    smooth: true,
+                    lineStyle: {
+                        color: '#4873E3',
+                        width: 3
+                    },
+                    itemStyle: {
+                        color: '#4873E3'
+                    },
+                    areaStyle: {
+                        color: 'rgba(72, 115, 227, 0.3)'
+                    },
+                    // markPoint: {
+                    //     data: [
+                    //         { type: 'max', name: '最高分' },
+                    //         { type: 'min', name: '最低分' }
+                    //     ]
+                    // }
+                }]
+            }
+
+            chart.setOption(option)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.content-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-label {
+  font-size: 28rpx;
+  color: #333333;
+  font-weight: 500;
+  min-width: 120rpx;
+}
+
+.item-value {
+  font-size: 28rpx;
+  color: #999999;
+  font-weight: 500;
+}
+.detail-card {
+
+    padding: 10rpx 30rpx;
+
+
+    .detail-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+        margin-bottom: 24rpx;
+    }
+
+    .text-layout {
+       
+    }
+
+    .chart-section {
+        width: 100%;
+
+        .chart-title {
+            font-size: 28rpx;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 24rpx;
+        }
+
+        .chart-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 400rpx;
+            width: 100%;
+
+            .chart {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+</style>

src/pages/workProfile/components/profile-collapse-item.vue

@@ -0,0 +1,150 @@
+<template>
+    <view class="profile-collapse-item" :style="{ borderTopColor: borderColor }">
+        <uni-collapse-item :name="name" :show-animation="showAnimation" :disabled="disabled"  :open="open" ref="collapseItem"
+            @change="handleCollapseChange">
+            <template #title>
+                <view class="profile-collapse-item-title">
+                    <view class="title-left-bar" :style="{ backgroundColor: borderColor }"></view>
+                    <view v-if="iconUrl" class="title-icon"
+                        :style="{ backgroundImage: iconUrl ? 'url(' + iconUrl + ')' : '' }"></view>
+                    <text class="title-text">{{ title }}</text>
+                </view>
+            </template>
+            <view ref="contentSlot">
+                <slot></slot>
+            </view>
+        </uni-collapse-item>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'profileCollapseItem',
+    props: {
+        // 折叠面板名称
+        name: {
+            type: String,
+            default: ''
+        },
+        // 标题文本
+        title: {
+            type: String,
+            default: ''
+        },
+        // 是否显示动画
+        showAnimation: {
+            type: Boolean,
+            default: true
+        },
+        // 是否禁用
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        // 是否默认展开
+        open: {
+            type: Boolean,
+            default: true
+        },
+        // 图标URL地址（可选）
+        iconUrl: {
+            type: String,
+            default: ''
+        },
+        // 边框和左侧竖条的颜色
+        borderColor: {
+            type: String,
+            default: '#4873E3'
+        }
+    },
+    mounted() {
+
+    },
+    methods: {
+        handleCollapseChange(e) {
+            // 当折叠面板状态变化时，如果是展开状态，重新计算高度
+            if (e.detail.show) {
+                this.$nextTick(() => {
+                    this.updateCollapseHeight();
+                });
+            }
+        },
+
+        updateCollapseHeight() {
+            // 简化高度计算逻辑，避免干扰uni-collapse-item的默认行为
+            if (this.$refs.collapseItem && this.$refs.collapseItem.resize) {
+                // 使用uni-collapse-item提供的resize方法
+                this.$nextTick(() => {
+                    this.$refs.collapseItem.resize();
+                });
+            }
+        }
+    },
+    beforeDestroy() {
+        if (this.contentObserver) {
+            this.contentObserver.disconnect();
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.profile-collapse-item {
+    border-top: 6rpx solid;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 32rpx;
+    margin-bottom: 24rpx;
+    overflow: hidden;
+}
+
+::v-deep .uni-collapse-item__title {
+    height: 96rpx !important;
+    padding-left: 28rpx;
+}
+
+// 确保内容区域在展开时高度自适应
+::v-deep .uni-collapse-item__wrap {
+    // 保持原有行为，不设置固定高度
+}
+
+::v-deep .uni-collapse-item__content {
+    // 移除任何可能影响动画的高度限制
+    // 让uni-collapse-item自己管理高度
+    width: 100% !important;
+    padding: 0 !important;
+}
+
+::v-deep .uni-collapse-item__wrap-content {
+    width: 100% !important;
+    padding: 0 !important;
+}
+
+.profile-collapse-item-title {
+    display: flex;
+    align-items: center;
+    position: relative;
+
+    .title-left-bar {
+       
+        width: 8rpx;
+        height: 32rpx;
+        border-radius: 4rpx;
+        margin-right: 16rpx;
+    }
+
+    .title-icon {
+        width: 40rpx;
+        height: 40rpx;
+        margin-right: 8px;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+
+    .title-text {
+        font-size: 30rpx;
+        color: #333;
+        font-weight: 500;
+    }
+}
+</style>

src/pages/workProfile/components/work-output.vue

@@ -0,0 +1,622 @@
+<template>
+    <uni-collapse>
+        <profile-collapse-item title="工作产出" name="workOutput" :borderColor="'#FF9500'">
+            <div class="detail-card">
+
+                <!-- 通道开放趋势图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">通道开放趋势图</h4>
+                    <div ref="channelChart" class="chart"></div>
+                </div>
+
+                <!-- 巡检问题统计图 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">巡检问题统计图</h4>
+                    <div ref="inspectionChart" class="chart"></div>
+                </div>
+
+                <!-- 查获上报统计 -->
+                <div class="chart-section">
+                    <h4 class="chart-title">查获上报统计</h4>
+
+                    <!-- 三个统计项横向展示 -->
+                    <div class="seizure-stats">
+                        <div class="stat-item">
+                            <div class="stat-label">查获总数</div>
+                            <div class="stat-value">{{ (itemData.effectiveSeizureCount &&
+                                itemData.effectiveSeizureCount.totalCount)
+                                || 0 }}</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-label">移交公安</div>
+                            <div class="stat-value">{{ (itemData.referToPoliceCount &&
+                                itemData.referToPoliceCount.totalCount) || 0
+                                }}</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-label">隐匿夹带</div>
+                            <div class="stat-value">{{ (itemData.willfulConcealmentCount &&
+                                itemData.willfulConcealmentCount.totalCount) || 0 }}</div>
+                        </div>
+                    </div>
+
+                    <!-- 查获趋势图 -->
+                    <h4 class="chart-title">查获趋势图</h4>
+                    <div class="chart-container">
+                        <div ref="seizureTrendChart" class="chart"></div>
+                    </div>
+                </div>
+            </div>
+        </profile-collapse-item>
+    </uni-collapse>
+
+
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import ProfileCollapseItem from './profile-collapse-item.vue'
+
+export default {
+    name: 'WorkOutput',
+    components: {
+        ProfileCollapseItem
+    },
+    inject: ['getPortraitData', 'moduleMetricsData', 'getInspectionProblemChartData', 'getChannelOpenTrendChartData', 'getSeizureTrendChartData'],
+    data() {
+        return {
+            charts: {},
+            seizureStats: {
+                total: 0,
+                transferPolice: 0,
+                hiddenCarry: 0
+            }
+        }
+    },
+    computed: {
+        portraitData() {
+            return this.getPortraitData()
+        },
+        moduleMetrics() {
+            return this.moduleMetricsData()
+        },
+        itemData() {
+            return this.moduleMetrics && this.moduleMetrics.item || {}
+        },
+        inspectionProblemData() {
+            return this.getInspectionProblemChartData()
+        },
+        channelOpenTrendData() {
+            return this.getChannelOpenTrendChartData()
+        },
+        seizureTrendData() {
+            return this.getSeizureTrendChartData()
+        }
+    },
+    watch: {
+        inspectionProblemData: {
+            handler(newVal, oldVal) {
+                this.updateInspectionChart()
+            },
+            deep: true
+        },
+        channelOpenTrendData: {
+            handler(newVal, oldVal) {
+                this.updateChannelChart()
+            },
+            deep: true
+        },
+        seizureTrendData: {
+            handler(newVal, oldVal) {
+                this.updateSeizureTrendChart()
+            },
+            deep: true
+        }
+    },
+    mounted() {
+        this.initCharts()
+
+    },
+    beforeDestroy() {
+        Object.values(this.charts).forEach(chart => {
+            chart && chart.dispose()
+        })
+    },
+    methods: {
+        initCharts() {
+            this.initChannelChart()
+            this.initInspectionChart()
+            this.initSeizureTrendChart()
+        },
+
+        updateCharts() {
+            this.updateChannelChart()
+            this.updateInspectionChart()
+            this.updateSeizureTrendChart()
+        },
+
+        initChannelChart() {
+            const chartDom = this.$refs.channelChart
+            if (!chartDom) return
+
+            this.charts.channel = echarts.init(chartDom)
+        },
+
+        updateChannelChart() {
+            const chart = this.charts.channel
+            if (!chart) return
+
+            // 使用channelOpenTrendData数据
+            const channelData = this.channelOpenTrendData.trend || []
+            const avg = this.channelOpenTrendData.avg || 0
+            // 提取日期、通道数和开放时长
+            const dates = channelData.map(item => item.date)
+            const openCounts = channelData.map(item => item.openCount || 0)
+            const openDurations = channelData.map(item => item.openDuration || 0)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        let result = `日期: ${params[0].name}<br/>`
+                        params.forEach(param => {
+                            let value = param.value
+                            if (param.seriesName === '开放时长') {
+                                value = `${param.value}小时`
+                            } else if (param.seriesName === '平均线') {
+                                value = `平均值: ${param.value}`
+                            }
+                            result += `${param.marker} ${param.seriesName}: ${value}<br/>`
+                        })
+                        return result
+                    }
+                },
+                legend: {
+                    data: ['通道开放数', '开放时长', '平均线'],
+
+                    left: 'center',
+                    textStyle: {
+                        fontSize: 12
+                    }
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLabel: {
+                        rotate: 45, // 日期标签旋转45度，避免重叠
+                        fontSize: 10
+                    }
+                },
+                yAxis: [
+                    {
+                        type: 'value',
+                        name: '通道数',
+                        position: 'left',
+                        min: 0,
+                        interval: function() {
+                            // 动态计算间隔，确保刻度不会太密
+                            const maxCount = Math.max(...openCounts, 5);
+                            return maxCount > 10 ? 5 : 3;
+                        }(),
+                        axisLine: {
+                            lineStyle: {
+                                color: '#4CAF50'
+                            }
+                        },
+                        axisLabel: {
+                            formatter: '{value}'
+                        }
+                    },
+                    {
+                        type: 'value',
+                        name: '时长(小时)',
+                        position: 'right',
+                        min: 0,
+                        interval: function () {
+                            // 动态计算间隔，确保刻度不会太密
+                            const maxDuration = Math.max(...openDurations, 10);
+                            return maxDuration > 20 ? 10 : 5;
+                        }(),
+                        axisLine: {
+                            lineStyle: {
+                                color: '#2196F3'
+                            }
+                        },
+                        axisLabel: {
+                            formatter: '{value}'
+                        }
+                    }
+                ],
+                grid: {
+                    left: '5%',
+                    right: '5%',
+                    top: '25%', // 增加顶部间距，降低y轴高度
+                    bottom: '18%', // 为缩放控件留出空间
+                    containLabel: true
+                },
+                dataZoom: [
+                    {
+                        type: 'inside', // 内置型数据区域缩放
+                        start: 0, // 初始缩放范围
+                        end: 100
+                    },
+                    {
+                        type: 'slider', // 滑动条型数据区域缩放
+                        show: true,
+                        start: 0,
+                        end: 100,
+                        bottom: '5%',
+                        height: 20
+                    }
+                ],
+                series: [
+                    {
+                        name: '通道开放数',
+                        data: openCounts,
+                        type: 'line',
+                        smooth: true,
+                        yAxisIndex: 0,
+                        lineStyle: {
+                            color: '#4CAF50',
+                            width: 2
+                        },
+                        itemStyle: {
+                            color: '#4CAF50'
+                        },
+                        areaStyle: {
+                            color: {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 0,
+                                y2: 1,
+                                colorStops: [{
+                                    offset: 0,
+                                    color: 'rgba(76, 175, 80, 0.3)'
+                                }, {
+                                    offset: 1,
+                                    color: 'rgba(76, 175, 80, 0.1)'
+                                }]
+                            }
+                        }
+                    },
+                    {
+                        name: '开放时长',
+                        data: openDurations,
+                        type: 'line',
+                        smooth: true,
+                        yAxisIndex: 1,
+                        lineStyle: {
+                            color: '#2196F3',
+                            width: 2
+                        },
+                        itemStyle: {
+                            color: '#2196F3'
+                        }
+                    },
+                    {
+                        name: '平均线',
+                        data: openCounts.map(() => avg), // 为每个数据点创建相同的平均值
+                        type: 'line',
+                        yAxisIndex: 0,
+                        lineStyle: {
+                            color: '#FF9800',
+                            width: 2,
+                            type: 'dashed' // 虚线表示平均线
+                        },
+                        itemStyle: {
+                            color: '#FF9800'
+                        },
+                        symbol: 'none', // 不显示数据点
+                        label: {
+                            show: true,
+                            position: 'end',
+                            formatter: `平均值: {c}`
+                        }
+                    }
+                ]
+            }
+
+            chart.setOption(option)
+        },
+
+        initInspectionChart() {
+            const chartDom = this.$refs.inspectionChart
+            if (!chartDom) return
+
+            this.charts.inspection = echarts.init(chartDom)
+        },
+
+        updateInspectionChart() {
+            const chart = this.charts.inspection
+            if (!chart) return
+
+            // 使用inspectionProblemData数据
+            const inspectionData = this.inspectionProblemData || []
+
+            // 计算最大值，用于雷达图刻度
+            const maxTotal = inspectionData.length > 0 ? Math.max(...inspectionData.map(item => item.total || 0)) : 1
+
+            // 构建雷达图维度指示器
+            const indicator = inspectionData.map((item) => {
+                return {
+                    name: item.name || '未知维度',
+                    max: maxTotal > 0 ? maxTotal : 1
+                }
+            })
+
+            // 构建雷达图数据系列
+            const seriesData = [{
+                value: inspectionData.map((item) => {
+                    return item.total || 0
+                }),
+                name: '巡检问题分布',
+                lineStyle: {
+                    color: '#4873E3',
+                    width: 2
+                },
+                areaStyle: {
+                    color: 'rgba(72, 115, 227, 0.3)'
+                },
+                itemStyle: {
+                    color: '#4873E3'
+                }
+            }]
+
+            const option = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: function (params) {
+                        // 雷达图的params.value是数组，需要与indicator对应
+                        // 使用闭包访问外部的indicator变量
+                        const values = params.value || []
+                        let result = ``
+
+                        indicator.forEach((item, index) => {
+                            if (values[index] !== undefined) {
+                                result += `${item.name}: ${values[index]}<br/>`
+                            }
+                        })
+
+                        return result
+                    }
+                },
+                radar: {
+                    indicator: indicator,
+                    shape: 'polygon',
+                    splitNumber: 4,
+                    radius: '55%',
+                    axisName: {
+                        color: '#666',
+                        fontSize: 12
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            color: ['rgba(238, 238, 238, 0.8)', 'rgba(238, 238, 238, 0.6)',
+                                'rgba(238, 238, 238, 0.4)', 'rgba(238, 238, 238, 0.2)']
+                        }
+                    },
+                    splitArea: {
+                        show: true,
+                        areaStyle: {
+                            color: ['rgba(250, 250, 250, 0.8)', 'rgba(250, 250, 250, 0.6)',
+                                'rgba(250, 250, 250, 0.4)', 'rgba(250, 250, 250, 0.2)']
+                        }
+                    }
+                },
+                series: [{
+                    type: 'radar',
+                    data: seriesData,
+                    symbolSize: 6,
+                    symbol: 'circle',
+                    // label: {
+                    //     show: true,
+                    //     formatter: function(params) {
+                    //         return params.value
+                    //     }
+                    // }
+                }]
+            }
+
+            chart.setOption(option)
+        },
+
+        initSeizureTrendChart() {
+            const chartDom = this.$refs.seizureTrendChart
+            if (!chartDom) return
+
+            this.charts.seizureTrend = echarts.init(chartDom)
+        },
+
+        updateSeizureTrendChart() {
+            const chart = this.charts.seizureTrend
+            if (!chart) return
+
+            // 使用seizureTrendData数据
+            const seizureData = this.seizureTrendData || []
+
+            // 提取日期和查获数量
+            const dates = seizureData.map(item => item.date)
+            const totals = seizureData.map(item => item.total || 0)
+
+            const option = {
+                tooltip: {
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        const data = params[0]
+                        return `日期: ${data.name}<br/>查获数量: ${data.value}`
+                    }
+                },
+                xAxis: {
+                    type: 'category',
+                    data: dates,
+                    axisLine: {
+                        lineStyle: {
+                            color: '#999'
+                        }
+                    },
+                    axisLabel: {
+                        color: '#666',
+                        rotate: 45, // 日期标签旋转45度，避免重叠
+                        fontSize: 10,
+
+                    }
+                },
+                yAxis: {
+                    type: 'value',
+                    name: '查获数量',
+                    min: 0,
+                    max: function () {
+                        // 计算最大值并向上取整到最近的整数，确保五等分
+                        const maxTotal = Math.max(...totals, 5);
+                        return Math.ceil(maxTotal / 5) * 5;
+                    }(),
+                    interval: function () {
+                        // 固定为五等分
+                        const maxTotal = Math.max(...totals, 5);
+                        return Math.ceil(maxTotal / 5);
+                    }(),
+                    axisLine: {
+                        lineStyle: {
+                            color: '#999'
+                        }
+                    },
+                    axisLabel: {
+                        color: '#666'
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            color: '#f0f0f0'
+                        }
+                    }
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '15%', // 为缩放控件留出空间
+                    containLabel: true
+                },
+                dataZoom: [
+                    {
+                        type: 'inside', // 内置型数据区域缩放
+                        start: 0, // 初始缩放范围
+                        end: 100
+                    },
+                    {
+                        type: 'slider', // 滑动条型数据区域缩放
+                        show: true,
+                        start: 0,
+                        end: 100,
+                        bottom: '5%',
+                        height: 20
+                    }
+                ],
+                series: [{
+                    name: '查获数量',
+                    type: 'line',
+                    smooth: true,
+                    data: totals,
+                    lineStyle: {
+                        width: 3,
+                        color: '#FF6B6B'
+                    },
+                    itemStyle: {
+                        color: '#FF6B6B'
+                    },
+                    areaStyle: {
+                        color: {
+                            type: 'linear',
+                            x: 0,
+                            y: 0,
+                            x2: 0,
+                            y2: 1,
+                            colorStops: [{
+                                offset: 0,
+                                color: 'rgba(255, 107, 107, 0.3)'
+                            }, {
+                                offset: 1,
+                                color: 'rgba(255, 107, 107, 0.1)'
+                            }]
+                        }
+                    }
+                }]
+            }
+
+            chart.setOption(option)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 10rpx 30rpx;
+    // margin-bottom: 32rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+
+    .detail-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+        margin-bottom: 24rpx;
+    }
+
+    .chart-section {
+        .chart-title {
+            font-size: 28rpx;
+            font-weight: bold;
+            color: #333;
+            margin: 24rpx 0;
+        }
+
+        .chart-container {
+            display: flex;
+            align-items: center;
+
+            .chart {
+                flex: 1;
+                height: 400rpx;
+            }
+        }
+
+        .chart {
+            height: 550rpx;
+            min-height: 550rpx;
+        }
+
+        /* 查获统计样式 */
+        .seizure-stats {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 32rpx;
+            background: #f8f9fa;
+            border-radius: 12rpx;
+            padding: 24rpx;
+
+            .stat-item {
+                flex: 1;
+                text-align: center;
+                padding: 0 16rpx;
+
+                &:not(:last-child) {
+                    border-right: 1rpx solid #e0e0e0;
+                }
+
+                .stat-label {
+                    font-size: 24rpx;
+                    color: #666;
+                    margin-bottom: 8rpx;
+                }
+
+                .stat-value {
+                    font-size: 36rpx;
+                    font-weight: bold;
+                    color: #4873E3;
+                }
+            }
+        }
+    }
+}
+</style>

src/pages/workProfile/index.vue

@@ -0,0 +1,498 @@
+<template>
+    <home-container :customStyle="{ background: 'none', backgroundColor: 'white' }">
+
+        <view class="workProfileContainer">
+            <!-- 下拉选择 -->
+            <div class="filter-section">
+                <uni-data-select :class="{ 'filter-select': true, 'kezhang-style': isKeZhang }" v-model="selectedLevel"
+                    :localdata="levelOptions" placeholder="请选择级别" :clear="false" @change="handleLevelChange"
+                    :disabled="isKeZhang" />
+            </div>
+
+            <!-- 总体概览 -->
+            <div class="overview-section">
+                <h2 class="section-title">总体概览</h2>
+                <div class="overview-cards">
+                    <!-- 组织支撑 -->
+                    <div class="overview-card" style="border-top-color: #007AFF;">
+                        <div class="card-title" style="--card-color: #007AFF;">组织支撑</div>
+                        <div class="stat-value">
+                            {{ overviewData.avgWorkingHours || '-' }}H
+                        </div>
+                        <div class="stat-item">
+                            人均在岗时长
+                        </div>
+                    </div>
+
+                    <!-- 工作产出 -->
+                    <div class="overview-card" style="border-top-color: #FF9500;">
+                        <div class="card-title" style="--card-color: #FF9500;">工作产出</div>
+                        <div class="stat-value">
+                            {{ overviewData.workOutput || '-' }}
+                        </div>
+                        <div class="stat-item">
+                            巡检总问题数
+                        </div>
+                    </div>
+
+                    <!-- 管理推动 -->
+                    <div class="overview-card" style="border-top-color: #00C853;">
+                        <div class="card-title" style="--card-color: #00C853;">管理推动</div>
+                        <div class="stat-value">
+                            {{ overviewData.managementPromotion || '-' }}
+                        </div>
+                        <div class="stat-item">
+                            超期整改数
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 详细内容 -->
+            <div class="detail-section">
+                <h2 class="section-title">详细内容</h2>
+                <!-- <uni-collapse> -->
+                <!-- 组织支撑 -->
+                <organization-support />
+
+                <!-- 工作产出 -->
+                <work-output />
+
+                <!-- 管理推动 -->
+                <management-push />
+                <!-- </uni-collapse> -->
+            </div>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import OrganizationSupport from './components/organization-support.vue'
+import WorkOutput from './components/work-output.vue'
+import ManagementPush from './components/management-push.vue'
+import { getDeptList } from '@/api/system/dept/dept'
+import { getPortrait, getModuleMetrics } from '@/api/eikonStatistics/eikonStatistics'
+import {
+    getStationLevelRate,
+    getDepartmentLevelRate,
+    getWorkingPortrait,
+    getTrainingTestScoreTrend,
+    getManagementRecord,
+    getManagementRectify,
+    getInspectionProblemChart,
+    getChannelOpenTrendChart,
+    getDurationChart,
+    getSeizureTrendChart
+} from '@/api/workProfile/workProfile'
+import { mapState } from 'vuex'
+export default {
+    name: 'WorkProfile',
+    components: {
+        HomeContainer,
+        OrganizationSupport,
+        WorkOutput,
+        ManagementPush
+    },
+    data() {
+        return {
+            selectedLevel: '',
+            selectedLevelId: '',
+            selectedLevelType: '',
+            portraitData: {},
+            moduleMetricsData: {},
+            levelOptions: [],
+            testScoreTrendData: [],
+            overviewData: {
+                organization: "",
+                work: "",
+                management: ""
+            },
+
+            levelRateData: [],
+            managementPushData: {},
+            managementRectifyData: {},
+            inspectionProblemData: {},
+            channelOpenTrendData: {},
+            durationData: [],
+            seizureTrendData: []
+        }
+    },
+    async mounted() {
+        await this.getDept()
+        this.loadData()
+
+    },
+    provide() {
+        return {
+            getPortraitData: () => this.portraitData,
+            overviewData: () => this.overviewData,
+            moduleMetricsData: () => this.moduleMetricsData,
+            getLevelRateData: () => this.levelRateData,
+            getTrainingTestScoreTrendData: () => this.testScoreTrendData,
+            getManagementPushData: () => this.managementPushData,
+            getManagementRectifyData: () => this.managementRectifyData,
+            getInspectionProblemChartData: () => this.inspectionProblemData,
+            getChannelOpenTrendChartData: () => this.channelOpenTrendData,
+            getDurationChartData: () => this.durationData,
+            getSeizureTrendChartData: () => this.seizureTrendData,
+
+        }
+    },
+    computed: {
+        ...mapState({
+            userInfo: state => state.user.userInfo,
+            userRoles: state => state.user.roles || [],
+        }),
+        isSpecialUser() {
+            return this.userRoles.includes('test') || this.userRoles.includes('zhijianke')
+        },
+        isKeZhang() {
+            return this.userRoles.includes('kezhang')
+        }
+    },
+
+    methods: {
+        handleLevelChange(value) {
+            let targetObj = this.levelOptions.find(item => item.value == value)
+            this.selectedLevelId = targetObj.value
+            this.selectedLevelType = targetObj.deptType == 'STATION' ? 'station' : 'department'
+            this.loadData()
+        },
+        loadData() {
+            this.getOverviewData()
+
+            this.getLevelRateData()
+            this.getTrainingTestScoreTrendData()
+            //获取组织支撑的数据
+            this.getOrganizationSupport()
+            //获取管理推动的数据
+            this.getManagementPush()
+            //获取工作产出
+            this.getWorkOutputData()
+        },
+        //获取培训测试平均分趋势图
+        getTrainingTestScoreTrendData() {
+            let params = {
+                deptId: this.selectedLevelId || ''
+            }
+            getTrainingTestScoreTrend(params).then(res => {
+                this.testScoreTrendData = res.data || {};
+            })
+        },
+        //获取抽问抽答完成率
+        getLevelRateData() {
+            let params = {}
+            let api = this.selectedLevelType == 'station' ? getStationLevelRate : getDepartmentLevelRate
+            if (this.selectedLevelType == 'station') {
+                params.siteId = this.selectedLevelId
+            } else if (this.selectedLevelType == 'department') {
+                params.deptId = this.selectedLevelId
+            }
+            api(params).then(res => {
+                this.levelRateData = res.data || {};
+            })
+        },
+        getDept() {
+            return getDeptList().then(res => {
+                const { data } = res
+                let targetObj = data.find(item => item.id == '100' || item.label == '安检站');
+                let arr = [
+                    targetObj,
+                    ...targetObj.children
+                ]
+                this.levelOptions = arr.map(item => ({
+                    ...item,
+                    value: item.id,
+                    text: item.label
+                }))
+                //如果是站长质检科的就赋值安检站
+                if (this.isSpecialUser) {
+                    this.selectedLevel = arr[0].id
+                    this.handleLevelChange(arr[0].id)
+                }
+                if (this.isKeZhang) {
+
+                    this.selectedLevel = this.userInfo.departmentId
+                    this.handleLevelChange(this.userInfo.departmentId)
+                }
+
+            })
+        },
+        //获取总览
+        getOverviewData() {
+            let params = { deptId: this.selectedLevelId || '' }
+            getWorkingPortrait(params).then(res => {
+                this.overviewData = res.data || {};
+            })
+        },
+        //获取工作产出
+        getWorkOutputData() {
+            let specialParams = {}
+            let params = {
+                deptId: this.selectedLevelId || ''
+            }
+            if (this.selectedLevelType == 'department') {
+                specialParams.deptId = this.selectedLevelId || ''
+            }
+            getInspectionProblemChart(params).then(res => {
+                this.inspectionProblemData = res.data || {};
+            })
+            getChannelOpenTrendChart(specialParams).then(res => {
+                this.channelOpenTrendData = res || [];
+            })
+            getSeizureTrendChart(this.selectedLevelType == 'department'?params:{}).then(res => {
+                this.seizureTrendData = res.data || [];
+            })
+        },
+        //获取管理推动
+        getManagementPush() {
+            let params = {};
+            let otherparams = {
+                deptId: this.selectedLevelId || ''
+            }
+            if (this.selectedLevelType == 'station') {
+                params.checkedSiteId = this.selectedLevelId
+            } else if (this.selectedLevelType == 'department') {
+                params.checkedDepartmentId = this.selectedLevelId
+            }
+            getPortrait(params).then(res => {
+                this.portraitData = res.data || {};
+            })
+            getManagementRecord(otherparams).then(res => {
+                this.managementPushData = res.data || {};
+            })
+            getManagementRectify(otherparams).then(res => {
+                this.managementRectifyData = res.data || {};
+            })
+            getDurationChart(otherparams).then(res => {
+                this.durationData = res.data || [];
+            })
+        },
+        getOrganizationSupport() {
+            let params = {
+                deptId: this.selectedLevelId || '',
+                userTypeStr: this.selectedLevelType || '',
+
+            }
+            getModuleMetrics(params).then(res => {
+                this.moduleMetricsData = res.data && res.data.moduleResults || {};
+            })
+        }
+
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.workProfileContainer{
+    padding: 20rpx;
+}
+.page-header {
+    margin-bottom: 32rpx;
+
+    .page-title {
+        font-size: 48rpx;
+        font-weight: bold;
+        color: #333;
+        margin: 0;
+    }
+}
+
+.filter-section {
+    background-color: #fff;
+    position: fixed;
+    top: 78rpx;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    width: 95%;
+    padding: 20rpx 20rpx 20rpx 30rpx;
+    
+
+
+
+    .filter-select {
+        width: 205rpx !important;
+
+        ::v-deep .uni-stat-box {
+            background: transparent !important;
+            color: black !important;
+
+            .border-default {
+                border: none !important;
+            }
+
+            .uni-select__input-text {
+                font-weight: bold;
+                font-size:38rpx;
+            }
+
+            .uni-select--disabled {
+                background-color: #fff !important;
+            }
+
+        }
+    }
+
+    .kezhang-style {
+        ::v-deep .uni-stat-box {
+            .uniui-bottom {
+                display: none !important;
+            }
+        }
+    }
+
+
+
+}
+
+.overview-section {
+    margin-top: 80rpx;
+    margin-bottom: 20rpx;
+
+
+
+    .overview-cards {
+        display: flex;
+        gap: 32rpx;
+        flex-direction: row;
+
+        .overview-card {
+            flex: 1;
+            background: #fff;
+            padding: 28rpx;
+            border-top: 6rpx solid;
+            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+            border-radius: 32rpx;
+
+            overflow: hidden;
+
+            .card-title {
+                position: relative;
+                font-size: 28rpx;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 24rpx;
+                padding-left: 20rpx;
+
+                &::before {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    width: 8rpx;
+                    height: 28rpx;
+                    background-color: var(--card-color);
+                    border-radius: 4rpx;
+                }
+            }
+
+            .stat-item {
+                margin-bottom: 16rpx;
+                font-size: 24rpx;
+                color: #666;
+
+                &:first-child {
+                    font-size: 32rpx;
+                    font-weight: bold;
+                    color: #4873E3;
+                }
+            }
+
+            .stat-value {
+                font-size: 28rpx;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 16rpx;
+            }
+        }
+    }
+}
+
+.section-title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #333;
+    padding-left: 10rpx;
+    margin-bottom: 20rpx;
+}
+
+.detail-section {
+
+
+    .detail-card {
+        background: #fff;
+        border-radius: 16rpx;
+        padding: 32rpx;
+        margin-bottom: 32rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+
+        .detail-title {
+            font-size: 32rpx;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 24rpx;
+        }
+
+        .text-layout {
+
+
+            .text-item {
+                display: flex;
+                justify-content: space-between;
+
+                .text-label {
+                    font-size: 28rpx;
+                    color: #333;
+
+                    margin-bottom: 8rpx;
+                }
+
+                .text-value {
+                    font-size: 28rpx;
+
+                    color: #666;
+                }
+            }
+        }
+
+        .chart-section {
+
+
+            .chart-title {
+                font-size: 28rpx;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 24rpx;
+            }
+
+            .chart-container {
+                display: flex;
+                align-items: center;
+
+                .chart {
+                    flex: 1;
+                    height: 400rpx;
+                }
+
+                .legend-container {
+                    width: 200rpx;
+                    margin-left: 32rpx;
+                }
+            }
+
+            .chart {
+                height: 400rpx;
+            }
+
+            .rectification-stats {
+                .h-line {
+                    margin-top: 24rpx;
+                }
+            }
+        }
+    }
+}
+</style>