diff --git a/src/pages.json b/src/pages.json
index c1339f0..410feeb 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -121,7 +121,8 @@
         {
             "path": "pages/comprehensiveQuery/index",
             "style": {
-                "navigationBarTitleText": "综合查询"
+                "navigationBarTitleText": "custom",
+                "navigationStyle": "custom"
             }
         }
     ],
diff --git a/src/pages/comprehensiveQuery/components/photo-class.vue b/src/pages/comprehensiveQuery/components/photo-class.vue
new file mode 100644
index 0000000..9d42b9e
--- /dev/null
+++ b/src/pages/comprehensiveQuery/components/photo-class.vue
@@ -0,0 +1,79 @@
+<template>
+    <!-- 照片分类 -->
+    <view class="photo-class">
+        <view class="title"> 照片分类 </view>
+        <view>
+            <up-grid :border="false" col="5">
+                <up-grid-item v-for="(icon, index) in iconList" :key="index">
+                    <up-image width="40" height="40" :src="icon.iconUrl" />
+                    <text class="grid-text">{{ icon.title }}</text>
+                    <text class="count">5100张</text>
+                </up-grid-item>
+            </up-grid>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import icon_1 from '@/static/image/home_1.png'
+import icon_2 from '@/static/image/home_2.png'
+import icon_3 from '@/static/image/home_3.png'
+import icon_4 from '@/static/image/home_4.png'
+import icon_5 from '@/static/image/home_5.png'
+const props = defineProps({
+    totalCount: {
+        type: Number,
+        default: () => 0,
+    },
+})
+
+const iconList = ref([
+    {
+        jumpPath: '/pages/safetyViolations/index',
+        title: '安全违章',
+        iconUrl: icon_1,
+    },
+    {
+        jumpPath: '/pages/qualityInspection/index',
+        title: '质量检查',
+        iconUrl: icon_2,
+    },
+    {
+        jumpPath: '/pages/safetyMeasure/index',
+        title: '安全措施',
+        iconUrl: icon_3,
+    },
+    {
+        jumpPath: '/pages/coordinatePhotos/index',
+        title: '协调照片',
+        iconUrl: icon_4,
+    },
+    {
+        jumpPath: '/pages/importantMatters/index',
+        title: '重要事项',
+        iconUrl: icon_5,
+    },
+])
+</script>
+
+<style lang="scss" scoped>
+.photo-class {
+    width: 100%;
+
+    & .title {
+        padding: 36rpx 0;
+        font-size: 17px;
+        font-weight: bold;
+    }
+
+    .grid-text {
+        font-size: 12px;
+    }
+
+    .count {
+        font-size: 11px;
+        color: #666;
+    }
+}
+</style>
diff --git a/src/pages/comprehensiveQuery/components/photo-recent.vue b/src/pages/comprehensiveQuery/components/photo-recent.vue
new file mode 100644
index 0000000..a765261
--- /dev/null
+++ b/src/pages/comprehensiveQuery/components/photo-recent.vue
@@ -0,0 +1,251 @@
+<template>
+    <!-- 最近上传 -->
+    <view class="photo-class">
+        <view class="title">
+            <view>最近上传</view>
+            <view>我的收藏</view>
+        </view>
+        <view>
+            <up-grid :border="false" col="2">
+                <up-grid-item v-for="(icon, index) in iconList" :key="index">
+                    <!-- <up-image width="40" height="40" :src="icon.iconUrl" />
+                    <text class="grid-text">{{ icon.title }}</text>
+                    <text class="count">5100张</text> -->
+
+                    <view class="grid-item-box">
+                        <up-image
+                            width="100%"
+                            height="120"
+                            :src="icon.iconUrl"
+                            @tap="onHandleImage(icon.iconUrl)"
+                        />
+                        <view class="collect">
+                            <view>2024-02-06</view>
+                            <view @tap="onHandleCollect(icon)">
+                                <up-icon
+                                    size="18"
+                                    :color="icon.collect ? '#f56c6c' : '#999'"
+                                    :name="icon.collect ? 'heart-fill' : 'heart'"
+                                />
+                            </view>
+                        </view>
+
+                        <view class="photo-type" :style="setBackgroundColor(icon)">
+                            {{ icon.title }}
+                        </view>
+                    </view>
+                </up-grid-item>
+            </up-grid>
+        </view>
+    </view>
+
+    <!-- 展示图片 -->
+    <up-popup :show="showImg" mode="center" @close="showImg = !showImg" bgColor="transparent">
+        <view class="img-show-box">
+            <up-image width="100%" height="100%" :src="showImgUrl" />
+            <view class="upload-btn">
+                <view @tap="onHandleYtUpload"> 原图下载 </view>
+                <view @tap="onHandleSyUpload"> 水印下载 </view>
+            </view>
+        </view>
+    </up-popup>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue'
+import icon_1 from '@/static/image/home_1.png'
+import icon_2 from '@/static/image/home_2.png'
+import icon_3 from '@/static/image/home_3.png'
+import icon_4 from '@/static/image/home_4.png'
+import icon_5 from '@/static/image/home_5.png'
+const props = defineProps({
+    totalCount: {
+        type: Number,
+        default: () => 0,
+    },
+})
+
+const showImg = ref(false)
+const showImgUrl = ref('')
+
+const iconList = ref([
+    {
+        jumpPath: '/pages/safetyViolations/index',
+        title: '安全违章',
+        collect: false,
+        type: 1,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/qualityInspection/index',
+        title: '质量检查',
+        type: 2,
+        collect: false,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/safetyMeasure/index',
+        title: '安全措施',
+        collect: false,
+        type: 3,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/coordinatePhotos/index',
+        title: '协调照片',
+        collect: true,
+        type: 4,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/importantMatters/index',
+        title: '重要事项',
+        collect: true,
+        type: 5,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/safetyMeasure/index',
+        title: '安全措施',
+        collect: false,
+        type: 3,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/coordinatePhotos/index',
+        title: '协调照片',
+        collect: true,
+        type: 4,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+    {
+        jumpPath: '/pages/importantMatters/index',
+        title: '重要事项',
+        collect: true,
+        type: 5,
+        iconUrl:
+            'https://fc1tn.baidu.com/it/u=3320401609,696579967&fm=202&src=780&ernie_sim_online&mola=new&crop=v1',
+    },
+])
+// 收藏与取消收藏
+const onHandleCollect = (icon) => {
+    icon.collect = !icon.collect
+    console.log('取消收藏')
+}
+
+// 点击图片
+const onHandleImage = (url) => {
+    console.log('图片点击了')
+    showImgUrl.value = url
+    showImg.value = true
+}
+
+// 定义样式
+const setBackgroundColor = (icon) => {
+    if (icon?.type === 1) return { backgroundColor: '#f56c6c' }
+    if (icon?.type === 2) return { backgroundColor: '#19be6b' }
+    if (icon?.type === 3) return { backgroundColor: '#ff9900' }
+    if (icon?.type === 4) return { backgroundColor: '#f56ccf' }
+    if (icon?.type === 5) return { backgroundColor: '#00bfbf' }
+}
+
+// 原图下载
+const onHandleYtUpload = () => {
+    showImg.value = false
+}
+// 水印下载
+const onHandleSyUpload = () => {
+    showImg.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.photo-class {
+    width: 100%;
+    margin-top: 24rpx;
+    & .title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 36rpx 0;
+
+        & view:first-child {
+            font-size: 17px;
+            font-weight: bold;
+        }
+
+        & view:last-child {
+            margin-right: 16rpx;
+            color: #4a6fff;
+            font-size: 14px;
+            letter-spacing: 1rpx;
+        }
+    }
+
+    .grid-item-box {
+        position: relative;
+        width: 95%;
+        // height: 100rpx;
+        margin-bottom: 10rpx;
+        display: flex;
+        flex-direction: column;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+        border-bottom-right-radius: 16rpx;
+        border-bottom-left-radius: 16rpx;
+
+        .photo-type {
+            position: absolute;
+            padding: 0 10rpx;
+            right: 20rpx;
+            top: 10rpx;
+            height: 48rpx;
+            line-height: 48rpx;
+            font-size: 12px;
+            border-radius: 24rpx;
+            color: #fff;
+        }
+    }
+
+    .collect {
+        padding: 16rpx 18rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 12px;
+    }
+}
+
+.img-show-box {
+    width: 100vw;
+    height: 40vh;
+    position: relative;
+
+    .upload-btn {
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+
+        & view {
+            padding: 30rpx 0;
+            width: 50%;
+            color: #fff;
+            text-align: center;
+            letter-spacing: 2px;
+            background-color: rgba(0, 0, 0, 0.3);
+        }
+        & view:first-child {
+            margin-right: 1px;
+        }
+    }
+}
+</style>
diff --git a/src/pages/comprehensiveQuery/components/photo-total.vue b/src/pages/comprehensiveQuery/components/photo-total.vue
new file mode 100644
index 0000000..740f855
--- /dev/null
+++ b/src/pages/comprehensiveQuery/components/photo-total.vue
@@ -0,0 +1,48 @@
+<template>
+    <!-- 照片总数 -->
+    <view class="total-count">
+        <view>
+            <view class="count">21,635,54 &nbsp;张</view>
+            <view class="count-text">照片总数</view>
+        </view>
+        <view>
+            <up-image width="48" height="48" shape="circle" :src="imgSrc" />
+        </view>
+    </view>
+</template>
+
+<script setup>
+import imgSrc from '@/static/image/photo_total.png'
+const props = defineProps({
+    totalCount: {
+        type: Number,
+        default: () => 0,
+    },
+})
+</script>
+
+<style lang="scss" scoped>
+.total-count {
+    width: 100%;
+    margin-top: 20rpx;
+    padding: 36rpx 28rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #eef1ff;
+    border-radius: 18rpx;
+    box-sizing: border-box;
+
+    .count {
+        font-size: 18px;
+        font-weight: bold;
+        letter-spacing: 1rpx;
+    }
+
+    .count-text {
+        margin-top: 12rpx;
+        font-size: 14px;
+        color: #666;
+    }
+}
+</style>
diff --git a/src/pages/comprehensiveQuery/index.vue b/src/pages/comprehensiveQuery/index.vue
index 8c577af..6cff446 100644
--- a/src/pages/comprehensiveQuery/index.vue
+++ b/src/pages/comprehensiveQuery/index.vue
@@ -1,16 +1,287 @@
 <template>
-    <!-- 综合查询一级页面 -->
-    <view class="qualityInspection"> </view>
+    <!-- 照片统计一级页面 -->
+    <view class="comprehensive-query" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
+        <NavBarModal :navBarTitle="`照片统计`" />
+
+        <!-- 筛选框 -->
+        <view class="filter-box">
+            <up-input placeholder="输入标题" v-model="photoSearchValue">
+                <template #prefix>
+                    <up-icon name="search" size="24" @tap="onSearchPhoto" />
+                </template>
+
+                <template #suffix>
+                    <text class="search-text" @tap="onHandleSeniorSearch">高级筛选</text>
+                </template>
+            </up-input>
+        </view>
+
+        <view class="photo-container">
+            <PhotoTotal />
+            <PhotoClass />
+            <PhotoRecent />
+        </view>
+
+        <view class="loading-text">
+            {{ finish ? '没有更多数据了~' : '正在加载...' }}
+        </view>
+    </view>
+
+    <up-back-top :scroll-top="scrollTop"></up-back-top>
+
+    <!-- 高级筛选框 -->
+    <up-popup
+        mode="right"
+        safeAreaInsetTop
+        :show="rightPopupShow"
+        @close="rightPopupShow = !rightPopupShow"
+    >
+        <view class="senior-popup">
+            <up-list>
+                <view class="senior-title">
+                    <up-icon name="pushpin-fill" color="#333" size="24" />
+                    <text>高级筛选</text>
+                </view>
+
+                <up-form
+                    labelWidth="100"
+                    labelAlign="center"
+                    labelPosition="left"
+                    style="padding-right: 20rpx"
+                    :style="{ paddingBottom: safeAreaInsets?.top + 50 + 'px' }"
+                >
+                    <TitleTipModal :TitleTip="`通用信息查询`" />
+                    <up-form-item prop="projectName" label="搜索查询">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="开始日期">
+                        <up-input placeholder="请选择">
+                            <template #prefix>
+                                <up-icon name="calendar" size="16" />
+                            </template>
+                        </up-input>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="结束日期">
+                        <up-input placeholder="请选择">
+                            <template #prefix>
+                                <up-icon name="calendar" size="16" />
+                            </template>
+                        </up-input>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="工程">
+                        <up-input placeholder="请选择工程名称">
+                            <template #suffix>
+                                <up-icon name="arrow-down" size="16" />
+                            </template>
+                        </up-input>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="专业">
+                        <up-input placeholder="请选择专业">
+                            <template #suffix>
+                                <up-icon name="arrow-down" size="16" />
+                            </template>
+                        </up-input>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="工序">
+                        <up-input placeholder="请选择工序">
+                            <template #suffix>
+                                <up-icon name="arrow-down" size="16" />
+                            </template>
+                        </up-input>
+                    </up-form-item>
+                    <TitleTipModal :TitleTip="`安全违章照片`" />
+                    <up-form-item prop="projectName" label="类型">
+                        <up-checkbox-group placement="row">
+                            <up-checkbox activeColor="red" label="违章照片" />
+                            <up-checkbox activeColor="green" label="整改照片" />
+                        </up-checkbox-group>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="违章地点">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="违章描述">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="违章说明">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <TitleTipModal :TitleTip="`质量检查照片`" />
+                    <up-form-item prop="projectName" label="类型">
+                        <up-checkbox-group placement="row">
+                            <up-checkbox activeColor="red" label="缺陷照片" />
+                            <up-checkbox activeColor="green" label="整改照片" />
+                        </up-checkbox-group>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="检查地点">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="检查描述">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="整改说明">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <TitleTipModal :TitleTip="`安全措施落实照片`" />
+                    <up-form-item prop="projectName" label="检查地点">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="检查描述">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <TitleTipModal :TitleTip="`协调照片`" />
+                    <up-form-item prop="projectName" label="类型">
+                        <up-checkbox-group placement="row">
+                            <up-checkbox activeColor="red" label="建设前" />
+                            <up-checkbox activeColor="green" label="建设中" />
+                            <up-checkbox activeColor="green" label="恢复后" />
+                        </up-checkbox-group>
+                    </up-form-item>
+                    <up-form-item prop="projectName" label="建设地点">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                    <TitleTipModal :TitleTip="`重要事项及宣传照片`" />
+                    <up-form-item prop="projectName" label="标题">
+                        <up-input placeholder="请输入" />
+                    </up-form-item>
+                </up-form>
+            </up-list>
+
+            <!-- 按钮组 -->
+            <view class="btns">
+                <view>
+                    <view>
+                        <up-button
+                            size="small"
+                            type="primary"
+                            icon="search"
+                            text="查询"
+                            @tap="onHandleSearch"
+                        />
+                    </view>
+                    <view style="margin-left: 18rpx">
+                        <up-button size="small" icon="reload" text="重置" @tap="onHandleReset" />
+                    </view>
+                </view>
+            </view>
+        </view>
+    </up-popup>
 </template>
 
 <script setup>
+import NavBarModal from '@/components/NavBarModal/index'
+import TitleTipModal from '@/components/TitleTipModal/index'
+import PhotoTotal from './components/photo-total.vue'
+import PhotoClass from './components/photo-class'
+import PhotoRecent from './components/photo-recent'
 import { ref } from 'vue'
+import { onLoad, onReachBottom, onPageScroll } from '@dcloudio/uni-app'
+
+const scrollTop = ref(0)
+const finish = ref(true)
+const photoSearchValue = ref('')
+const rightPopupShow = ref(false)
+const { safeAreaInsets } = uni.getSystemInfoSync()
+
+// 输入框左侧搜索图标点击
+const onSearchPhoto = () => {
+    console.log('onSearchPhoto')
+}
+
+// 高级搜索
+const onHandleSeniorSearch = () => {
+    console.log('高级搜索')
+    rightPopupShow.value = true
+}
+
+// 查询
+const onHandleSearch = () => {
+    rightPopupShow.value = false
+}
+
+// 重置
+const onHandleReset = () => {
+    rightPopupShow.value = false
+}
+
+onReachBottom(() => {
+    console.log('滚动触底事件--')
+})
+
+// 监听滚动事件 显示返回顶部小图标
+onPageScroll((e) => {
+    scrollTop.value = e.scrollTop
+})
 </script>
 
 <style lang="scss" scoped>
-.comprehensiveQuery {
+.comprehensive-query {
     height: 100%;
-    background-color: #f6f9ff;
+    box-sizing: border-box;
+    .filter-box {
+        padding: 16rpx 0;
+        .search-text {
+            font-size: 14px;
+            letter-spacing: 1rpx;
+            color: #4a6fff;
+        }
+
+        ::v-deep .u-input {
+            width: 85%;
+            margin: 0 auto;
+            background-color: #f3f4f6;
+        }
+    }
+
+    .photo-container {
+        padding: 0 30rpx;
+    }
+}
+
+// 高级搜索弹框样式
+.senior-popup {
+    width: 90vw;
+    height: 100vh;
     overflow: hidden;
+    .senior-title {
+        padding: 24rpx 30rpx;
+        display: flex;
+        align-items: center;
+        background-color: #f5f5f5;
+
+        & text {
+            margin-left: 4rpx;
+            letter-spacing: 2rpx;
+        }
+    }
+
+    .btns {
+        width: 100%;
+        height: 50px;
+        padding: 18rpx 0;
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        border-top: 1px solid #cac6c6;
+        background-color: #fff;
+        box-sizing: border-box;
+
+        & view {
+            margin-right: 18rpx;
+            display: flex;
+            justify-content: flex-end;
+        }
+    }
+}
+::v-deep .u-checkbox {
+    margin-right: 5px;
+}
+
+// 加载提示文字
+.loading-text {
+    text-align: center;
+    font-size: 26rpx;
+    color: #8c8c8c;
+    padding: 32rpx 0;
+    letter-spacing: 1rpx;
 }
 </style>
diff --git a/src/pages/coordinatePhotos/components/addAndEditForm.vue b/src/pages/coordinatePhotos/components/addAndEditForm.vue
index b5c424b..de1fccd 100644
--- a/src/pages/coordinatePhotos/components/addAndEditForm.vue
+++ b/src/pages/coordinatePhotos/components/addAndEditForm.vue
@@ -2,7 +2,7 @@
     <!-- 新增 修改 详情表单-->
     <up-form
         labelWidth="80"
-        labelAlign="right"
+        labelAlign="center"
         labelPosition="left"
         ref="addAndEditModelRef"
         :model="addAndEditModel"
diff --git a/src/pages/coordinatePhotos/index.vue b/src/pages/coordinatePhotos/index.vue
index 60c00f4..c4de426 100644
--- a/src/pages/coordinatePhotos/index.vue
+++ b/src/pages/coordinatePhotos/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 协调照片一级页面 -->
-    <view class="coordinate-photos">
+    <view class="coordinate-photos" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal
             :navBarTitle="`协调照片`"
             :uploadRecordUrl="uploadRecordUrl"
@@ -19,6 +19,7 @@ import AddAndEditForm from './components/addAndEditForm.vue'
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
 const addAndEditFormType = ref(1)
 const uploadRecordUrl = ref('/pages/coordinatePhotos/upload-record/index')
 
diff --git a/src/pages/importantMatters/components/addAndEditForm.vue b/src/pages/importantMatters/components/addAndEditForm.vue
index d27aa60..d511902 100644
--- a/src/pages/importantMatters/components/addAndEditForm.vue
+++ b/src/pages/importantMatters/components/addAndEditForm.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- 新增 修改 详情表单-->
     <up-form
-        labelWidth="auto"
-        labelAlign="right"
+        labelWidth="70"
+        labelAlign="center"
         labelPosition="left"
         ref="addAndEditModelRef"
         :model="addAndEditModel"
diff --git a/src/pages/importantMatters/index.vue b/src/pages/importantMatters/index.vue
index c51e7d3..7ec71f9 100644
--- a/src/pages/importantMatters/index.vue
+++ b/src/pages/importantMatters/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 重要事项一级页面 -->
-    <view class="safetyViolations">
+    <view class="safetyViolations" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal
             :navBarTitle="`重要事项及宣传类`"
             :uploadRecordUrl="uploadRecordUrl"
@@ -19,6 +19,7 @@ import AddAndEditForm from './components/addAndEditForm.vue'
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
 const addAndEditFormType = ref(1)
 const uploadRecordUrl = ref('/pages/importantMatters/upload-record/index')
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 0f94a6e..9fab019 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -117,42 +117,44 @@ const onSubmitLogin = debounce(() => {
         .validate()
         .then(async (valid) => {
             if (valid) {
-                // uni.$u.toast('登录成功')
-                // setTimeout(() => {
-                //     uni.switchTab({ url: '/pages/workbenches/index' })
-                // }, 500)
-                try {
-                    console.log(
-                        '%c🔍 登录请求入参 %c',
-                        'background: linear-gradient(90deg, #FF6B6B, #4ECDC4); color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold;',
-                        '',
-                        opinionModel.value,
-                    )
-                    const res = await loginApi(opinionModel.value)
-                    console.log(
-                        '%c🔍 登录请求出参 %c',
-                        'background: linear-gradient(90deg, #FF6B6B, #4ECDC4); color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold;',
-                        '',
-                        res,
-                    )
-                    sendLoading.value = false
-                    if (res.code === 200) {
-                        memberStore.setToken(res.token)
-                        uni.$u.toast('登录成功')
-                        getUserInfo()
-                        setTimeout(() => {
-                            uni.switchTab({ url: '/pages/workbenches/index' })
-                        }, 500)
-                    } else {
-                        uni.$u.toast('登录失败' + res.message)
-                    }
-                } catch (error) {
-                    sendLoading.value = false
-                }
+                uni.$u.toast('登录成功')
+                sendLoading.value = false
+                setTimeout(() => {
+                    uni.switchTab({ url: '/pages/workbenches/index' })
+                }, 500)
+                // try {
+                //     console.log(
+                //         '%c🔍 登录请求入参 %c',
+                //         'background: linear-gradient(90deg, #FF6B6B, #4ECDC4); color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold;',
+                //         '',
+                //         opinionModel.value,
+                //     )
+                //     const res = await loginApi(opinionModel.value)
+                //     console.log(
+                //         '%c🔍 登录请求出参 %c',
+                //         'background: linear-gradient(90deg, #FF6B6B, #4ECDC4); color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold;',
+                //         '',
+                //         res,
+                //     )
+                //     sendLoading.value = false
+                //     if (res.code === 200) {
+                //         memberStore.setToken(res.token)
+                //         uni.$u.toast('登录成功')
+                //         getUserInfo()
+                //         setTimeout(() => {
+                //             uni.switchTab({ url: '/pages/workbenches/index' })
+                //         }, 500)
+                //     } else {
+                //         uni.$u.toast('登录失败' + res.message)
+                //     }
+                // } catch (error) {
+                //     sendLoading.value = false
+                // }
             }
         })
         .catch(() => {
             // 处理验证错误
+            sendLoading.value = false
         })
 }, 500)
 
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index 47109e4..e4e8b86 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -85,13 +85,16 @@ const onCancelLogout = () => {
 <style lang="scss" scoped>
 .my-container {
     height: 100%;
+    display: flex;
+    flex-direction: column;
     background-color: #f0f2f5;
     .my-info {
         padding: 42rpx 0 42rpx 42rpx;
-        height: 10%;
+        height: 20%;
         display: flex;
         align-items: center;
         background-color: #fff;
+        box-sizing: border-box;
         .my-info-right {
             margin-left: 12rpx;
             font-size: 14px;
@@ -120,7 +123,7 @@ const onCancelLogout = () => {
     }
 
     .my-info-list {
-        height: 90%;
+        height: 80%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -133,7 +136,7 @@ const onCancelLogout = () => {
         .logout-btn {
             width: 95%;
             margin: 0 auto;
-            margin-bottom: 120rpx;
+            margin-bottom: 30rpx;
         }
     }
 }
diff --git a/src/pages/qualityInspection/components/addAndEditForm.vue b/src/pages/qualityInspection/components/addAndEditForm.vue
index 60a7435..c77e424 100644
--- a/src/pages/qualityInspection/components/addAndEditForm.vue
+++ b/src/pages/qualityInspection/components/addAndEditForm.vue
@@ -2,7 +2,7 @@
     <!-- 新增 修改 详情表单-->
     <up-form
         labelWidth="70"
-        labelAlign="right"
+        labelAlign="center"
         labelPosition="left"
         ref="addAndEditModelRef"
         :model="addAndEditModel"
diff --git a/src/pages/qualityInspection/index.vue b/src/pages/qualityInspection/index.vue
index 7e136da..a66bc04 100644
--- a/src/pages/qualityInspection/index.vue
+++ b/src/pages/qualityInspection/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 质量检查一级页面 -->
-    <view class="quality-inspection">
+    <view class="quality-inspection" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal
             :navBarTitle="`质量检查`"
             :uploadRecordUrl="uploadRecordUrl"
@@ -19,6 +19,7 @@ import AddAndEditForm from './components/addAndEditForm.vue'
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
 const addAndEditFormType = ref(1)
 const uploadRecordUrl = ref('/pages/qualityInspection/upload-record/index')
 
@@ -32,7 +33,6 @@ onLoad((query) => {
 <style lang="scss" scoped>
 .quality-inspection {
     height: 100%;
-    padding-top: 54px;
     box-sizing: border-box;
     .container {
         background-color: #f6f9ff;
diff --git a/src/pages/safetyMeasure/components/addAndEditForm.vue b/src/pages/safetyMeasure/components/addAndEditForm.vue
index a9da180..a12ca0e 100644
--- a/src/pages/safetyMeasure/components/addAndEditForm.vue
+++ b/src/pages/safetyMeasure/components/addAndEditForm.vue
@@ -2,7 +2,7 @@
     <!-- 新增 修改 详情表单-->
     <up-form
         labelWidth="70"
-        labelAlign="right"
+        labelAlign="center"
         labelPosition="left"
         ref="addAndEditModelRef"
         :model="addAndEditModel"
diff --git a/src/pages/safetyMeasure/index.vue b/src/pages/safetyMeasure/index.vue
index 5c0e818..0cf577b 100644
--- a/src/pages/safetyMeasure/index.vue
+++ b/src/pages/safetyMeasure/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 安全措施落实一级页面 -->
-    <view class="safety-measure">
+    <view class="safety-measure" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal
             :navBarTitle="`安全措施落实`"
             :uploadRecordUrl="uploadRecordUrl"
@@ -19,6 +19,8 @@ import AddAndEditForm from './components/addAndEditForm.vue'
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
+
 const addAndEditFormType = ref(1)
 const uploadRecordUrl = ref('/pages/safetyMeasure/upload-record/index')
 
@@ -32,7 +34,6 @@ onLoad((query) => {
 <style lang="scss" scoped>
 .safety-measure {
     height: 100%;
-    padding-top: 54px;
     box-sizing: border-box;
     .container {
         background-color: #f6f9ff;
diff --git a/src/pages/safetyViolations/components/addAndEditForm.vue b/src/pages/safetyViolations/components/addAndEditForm.vue
index 88e07e4..0518260 100644
--- a/src/pages/safetyViolations/components/addAndEditForm.vue
+++ b/src/pages/safetyViolations/components/addAndEditForm.vue
@@ -2,7 +2,7 @@
     <!-- 新增 修改 详情表单-->
     <up-form
         labelWidth="70"
-        labelAlign="right"
+        labelAlign="center"
         labelPosition="left"
         ref="addAndEditModelRef"
         :model="addAndEditModel"
diff --git a/src/pages/safetyViolations/index.vue b/src/pages/safetyViolations/index.vue
index 0468df4..6cd0c48 100644
--- a/src/pages/safetyViolations/index.vue
+++ b/src/pages/safetyViolations/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 安全违章一级页面 -->
-    <view class="safetyViolations">
+    <view class="safetyViolations" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal
             :navBarTitle="`安全违章`"
             :uploadRecordUrl="uploadRecordUrl"
@@ -19,6 +19,8 @@ import AddAndEditForm from './components/addAndEditForm.vue'
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
+
 const addAndEditFormType = ref(1)
 const uploadRecordUrl = ref('/pages/safetyViolations/upload-record/index')
 
@@ -32,7 +34,7 @@ onLoad((query) => {
 <style lang="scss" scoped>
 .safetyViolations {
     height: 100%;
-    padding-top: 54px;
+
     box-sizing: border-box;
     .container {
         background-color: #f6f9ff;
diff --git a/src/pages/safetyViolations/upload-record/index.vue b/src/pages/safetyViolations/upload-record/index.vue
index c3e656a..2b0fa50 100644
--- a/src/pages/safetyViolations/upload-record/index.vue
+++ b/src/pages/safetyViolations/upload-record/index.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 安全违章 ---- 上传记录 -->
-    <view class="upload-record">
+    <view class="upload-record" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
         <NavBarModal :navBarTitle="`安全违章`" />
         <view class="container">
             <view class="search-input">
@@ -91,6 +91,7 @@ import NavBarModal from '@/components/NavBarModal/index'
 import { ref, reactive } from 'vue'
 import { debounce } from 'lodash-es' // 引入防抖函数
 
+const { safeAreaInsets } = uni.getSystemInfoSync()
 const onSearchKeyword = ref('')
 const finish = ref(false)
 const upListRef = ref(null) // 获取列表组件的引用
@@ -143,7 +144,6 @@ const onHandleBackTop = () => {}
 <style lang="scss" scoped>
 .upload-record {
     height: 100%;
-    padding-top: 54px;
     box-sizing: border-box;
     background-color: #f6f9ff;
     .container {
diff --git a/src/pages/workbenches/components/icon-card.vue b/src/pages/workbenches/components/icon-card.vue
index 2565609..8ee3ebb 100644
--- a/src/pages/workbenches/components/icon-card.vue
+++ b/src/pages/workbenches/components/icon-card.vue
@@ -45,7 +45,7 @@ const onHandleJumpPage = (path) => {
 .icon-card {
     width: 90%;
     background-color: #fff;
-    margin: 30rpx auto 0;
+    margin: 0 auto 30rpx;
     border-radius: 6rpx;
 
     .title {
diff --git a/src/pages/workbenches/index.vue b/src/pages/workbenches/index.vue
index 9a1bf27..12ca3d6 100644
--- a/src/pages/workbenches/index.vue
+++ b/src/pages/workbenches/index.vue
@@ -67,8 +67,8 @@ if (userPermissions.value.length > 0) {
 .workbenches-container {
     height: 100%;
     background-color: #f6f9ff;
-    padding-bottom: 60px;
-    overflow-y: auto;
+    padding-top: 30rpx;
+    box-sizing: border-box;
     // overflow: hidden;
 }
 </style>
diff --git a/src/static/image/photo_total.png b/src/static/image/photo_total.png
new file mode 100644
index 0000000..fa32a50
Binary files /dev/null and b/src/static/image/photo_total.png differ
diff --git a/src/static/image/screen.png b/src/static/image/screen.png
new file mode 100644
index 0000000..787f6f5
Binary files /dev/null and b/src/static/image/screen.png differ