From c9ac67d7df7bc8173574a31f4591d76b5c332710 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 1 Apr 2025 18:09:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E8=BF=9D=E7=AB=A0=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=96=B0=E5=A2=9E=E8=A1=A8=E5=8D=95=E6=90=AD=E5=BB=BA?=
 =?UTF-8?q?=20=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2=E6=90=AD=E5=BB=BA=20?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |   6 +-
 src/App.vue                                   |   4 +
 src/components/NavBarModal/index.vue          |  43 ++
 src/components/TitleTipModal/index.vue        |  44 ++
 src/pages.json                                |  52 ++
 src/pages/comprehensiveQuery/index.vue        |  16 +
 src/pages/coordinatePhotos/index.vue          |  16 +
 src/pages/importantMatters/index.vue          |  16 +
 src/pages/login/index.vue                     |  18 +-
 src/pages/my/edit-password/index.vue          | 274 ++++++++++
 src/pages/my/index.vue                        |  80 ++-
 src/pages/qualityInspection/index.vue         |  16 +
 src/pages/safetyMeasure/index.vue             |  16 +
 .../componetns/addAndEditForm.vue             | 509 ++++++++++++++++++
 src/pages/safetyViolations/index.vue          |  28 +
 .../workbenches/components/icon-card.vue      |  62 +++
 src/pages/workbenches/index.vue               |  58 +-
 src/static/image/home_1.png                   | Bin 0 -> 2835 bytes
 src/static/image/home_2.png                   | Bin 0 -> 3724 bytes
 src/static/image/home_3.png                   | Bin 0 -> 2511 bytes
 src/static/image/home_4.png                   | Bin 0 -> 3939 bytes
 src/static/image/home_5.png                   | Bin 0 -> 2827 bytes
 src/static/image/home_6.png                   | Bin 0 -> 1711 bytes
 23 files changed, 1236 insertions(+), 22 deletions(-)
 create mode 100644 src/components/NavBarModal/index.vue
 create mode 100644 src/components/TitleTipModal/index.vue
 create mode 100644 src/pages/comprehensiveQuery/index.vue
 create mode 100644 src/pages/coordinatePhotos/index.vue
 create mode 100644 src/pages/importantMatters/index.vue
 create mode 100644 src/pages/my/edit-password/index.vue
 create mode 100644 src/pages/qualityInspection/index.vue
 create mode 100644 src/pages/safetyMeasure/index.vue
 create mode 100644 src/pages/safetyViolations/componetns/addAndEditForm.vue
 create mode 100644 src/pages/safetyViolations/index.vue
 create mode 100644 src/pages/workbenches/components/icon-card.vue
 create mode 100644 src/static/image/home_1.png
 create mode 100644 src/static/image/home_2.png
 create mode 100644 src/static/image/home_3.png
 create mode 100644 src/static/image/home_4.png
 create mode 100644 src/static/image/home_5.png
 create mode 100644 src/static/image/home_6.png

diff --git a/package-lock.json b/package-lock.json
index 9761044..666048b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11990,9 +11990,9 @@
       }
     },
     "node_modules/uview-plus": {
-      "version": "3.3.62",
-      "resolved": "https://repo.huaweicloud.com/repository/npm/uview-plus/-/uview-plus-3.3.62.tgz",
-      "integrity": "sha512-RDSEiu4uuZf4Aq5S7McSsVPOHrlEsjIVcGT1U6vgnfD7HsZzPx71TaBY3kHHmawLeQ5oS4BSviBRRb+Y3gX0NA==",
+      "version": "3.4.11",
+      "resolved": "https://repo.huaweicloud.com/repository/npm/uview-plus/-/uview-plus-3.4.11.tgz",
+      "integrity": "sha512-lCi/w1NuLbv0g++ynySJQRfhYLBK3BkQ8lO7nz0YPrTOPjqdraI35Tmdpjerjc/VVIzz0IAOSi0scVEwtd4MaA==",
       "dependencies": {
         "clipboard": "^2.0.11",
         "dayjs": "^1.11.3"
diff --git a/src/App.vue b/src/App.vue
index 7263b55..441f45a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,4 +20,8 @@ page {
     height: 100%;
     width: 100%;
 }
+
+::v-deep .u-form-item__body__right__message {
+    margin-left: 0 !important;
+}
 </style>
diff --git a/src/components/NavBarModal/index.vue b/src/components/NavBarModal/index.vue
new file mode 100644
index 0000000..999aa83
--- /dev/null
+++ b/src/components/NavBarModal/index.vue
@@ -0,0 +1,43 @@
+<template>
+    <!-- 导航栏 -->
+    <up-navbar :title="navBarTitle">
+        <template #left>
+            <view class="u-nav-slot" @tap="onHandleBack">
+                <up-icon name="arrow-left" size="20" color="#2979ff" />
+                返回
+            </view>
+        </template>
+
+        <template #right>
+            <text style="color: #2979ff">上传记录</text>
+        </template>
+    </up-navbar>
+</template>
+
+<script setup>
+const props = defineProps({
+    navBarTitle: {
+        type: String,
+        default: () => '个人中心',
+    },
+})
+
+// 返回按钮
+const onHandleBack = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+</script>
+
+<style scoped>
+.u-nav-slot {
+    display: flex;
+    align-items: center;
+    color: #2979ff;
+}
+
+::v-deep .u-navbar__content__title {
+    font-weight: bold;
+}
+</style>
diff --git a/src/components/TitleTipModal/index.vue b/src/components/TitleTipModal/index.vue
new file mode 100644
index 0000000..5764596
--- /dev/null
+++ b/src/components/TitleTipModal/index.vue
@@ -0,0 +1,44 @@
+<template>
+    <!-- 表单头部提示文字 -->
+    <view class="title-tip">
+        <view></view>
+        <view>{{ TitleTip }}</view>
+    </view>
+</template>
+
+<script setup>
+const props = defineProps({
+    TitleTip: {
+        type: String,
+        default: () => '',
+    },
+})
+
+// 返回按钮
+const onHandleBack = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+</script>
+
+<style scoped lang="scss">
+.title-tip {
+    padding: 16rpx 0;
+    display: flex;
+    align-items: center;
+    color: #585757;
+    font-weight: bold;
+    font-size: 14px;
+    letter-spacing: 2rpx;
+    background-color: #fff;
+
+    & view:first-child {
+        margin: 0 20rpx;
+        width: 10rpx;
+        height: 32rpx;
+        background-color: #2979ff;
+        border-radius: 2rpx;
+    }
+}
+</style>
diff --git a/src/pages.json b/src/pages.json
index fdaab2f..e2774f8 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -16,17 +16,69 @@
                 "navigationBarTitleText": "项目全过程影像管理工具"
             }
         },
+        // tabBar 工作台页面
         {
             "path": "pages/workbenches/index",
             "style": {
                 "navigationBarTitleText": "工作台"
             }
         },
+        // tabBar 我的页面
         {
             "path": "pages/my/index",
             "style": {
                 "navigationBarTitleText": "我的"
             }
+        },
+        // 二级页面
+        {
+            "path": "pages/my/edit-password/index",
+            "style": {
+                "navigationBarTitleText": "修改密码"
+            }
+        },
+        // 业务 一级页面 ---- 安全违章
+        {
+            "path": "pages/safetyViolations/index",
+            "style": {
+                "navigationBarTitleText": "custom",
+                "navigationStyle": "custom"
+            }
+        },
+        // 业务 一级页面 ---- 质量检查
+        {
+            "path": "pages/qualityInspection/index",
+            "style": {
+                "navigationBarTitleText": "质量检查"
+            }
+        },
+        // 业务 一级页面 ---- 安全措施落实
+        {
+            "path": "pages/safetyMeasure/index",
+            "style": {
+                "navigationBarTitleText": "安全措施落实"
+            }
+        },
+        // 业务 一级页面 ---- 协调照片
+        {
+            "path": "pages/coordinatePhotos/index",
+            "style": {
+                "navigationBarTitleText": "协调照片"
+            }
+        },
+        // 业务 一级页面 ---- 重要事项
+        {
+            "path": "pages/importantMatters/index",
+            "style": {
+                "navigationBarTitleText": "重要事项"
+            }
+        },
+        // 业务 一级页面 ---- 综合查询
+        {
+            "path": "pages/comprehensiveQuery/index",
+            "style": {
+                "navigationBarTitleText": "综合查询"
+            }
         }
     ],
     "globalStyle": {
diff --git a/src/pages/comprehensiveQuery/index.vue b/src/pages/comprehensiveQuery/index.vue
new file mode 100644
index 0000000..8c577af
--- /dev/null
+++ b/src/pages/comprehensiveQuery/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 综合查询一级页面 -->
+    <view class="qualityInspection"> </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.comprehensiveQuery {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
+}
+</style>
diff --git a/src/pages/coordinatePhotos/index.vue b/src/pages/coordinatePhotos/index.vue
new file mode 100644
index 0000000..2b797ad
--- /dev/null
+++ b/src/pages/coordinatePhotos/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 协调照片一级页面 -->
+    <view class="qualityInspection"> </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.coordinatePhotos {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
+}
+</style>
diff --git a/src/pages/importantMatters/index.vue b/src/pages/importantMatters/index.vue
new file mode 100644
index 0000000..d63d4d1
--- /dev/null
+++ b/src/pages/importantMatters/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 重要事项一级页面 -->
+    <view class="qualityInspection"> </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.importantMatters {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
+}
+</style>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 5250805..cb9be24 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -28,10 +28,19 @@
             <up-form-item prop="password">
                 <up-input
                     clearable
+                    :password="!showPassword"
                     prefixIcon="lock"
                     placeholder="填输入密码"
                     v-model="opinionModel.password"
-                />
+                >
+                    <template #suffix>
+                        <u-icon
+                            :name="!showPassword ? 'eye-fill' : 'eye'"
+                            @tap="showPassword = !showPassword"
+                            size="20"
+                        />
+                    </template>
+                </up-input>
             </up-form-item>
 
             <up-form-item>
@@ -44,10 +53,11 @@
 <script setup>
 import { ref } from 'vue'
 import { loginApi } from '@/services/login.js'
+const showPassword = ref(false)
 
 // 表单数据源
 const opinionModel = ref({
-    userName: '',
+    username: '',
     password: '',
 })
 
@@ -132,8 +142,4 @@ const onConfirm = () => {
         margin-top: 10rpx;
     }
 }
-
-::v-deep .u-form-item__body__right__message {
-    margin-left: 0 !important;
-}
 </style>
diff --git a/src/pages/my/edit-password/index.vue b/src/pages/my/edit-password/index.vue
new file mode 100644
index 0000000..ab42731
--- /dev/null
+++ b/src/pages/my/edit-password/index.vue
@@ -0,0 +1,274 @@
+<template>
+    <!-- 修改密码页面 -->
+    <view class="edit-password">
+        <up-steps :current="currenSteps">
+            <up-steps-item title="验证手机"> </up-steps-item>
+            <up-steps-item title="设置密码"></up-steps-item>
+            <up-steps-item title="修改成功"></up-steps-item>
+        </up-steps>
+
+        <view class="edit-password-content">
+            <!-- 第一步表单 -->
+            <up-form
+                :model="editPasswordModel"
+                ref="editPasswordRef"
+                :rules="editPasswordRules"
+                class="opinion-form"
+                v-if="currenSteps === 0"
+            >
+                <up-form-item prop="username">
+                    <up-input
+                        clearable
+                        prefixIcon="account"
+                        placeholder="填输入手机号"
+                        v-model="editPasswordModel.username"
+                    />
+                </up-form-item>
+                <up-form-item prop="password">
+                    <up-input
+                        clearable
+                        prefixIcon="lock"
+                        :password="!showPassword_1"
+                        placeholder="填输入密码"
+                        v-model="editPasswordModel.password"
+                    >
+                        <template #suffix>
+                            <u-icon
+                                :name="!showPassword_1 ? 'eye-fill' : 'eye'"
+                                @tap="showPassword_1 = !showPassword_1"
+                                size="20"
+                            />
+                        </template>
+                    </up-input>
+                </up-form-item>
+
+                <up-form-item>
+                    <up-button type="primary" text="下一步" @tap="onHandleNext" />
+                </up-form-item>
+            </up-form>
+            <!-- 第二步表单 -->
+            <up-form
+                :model="editPasswordAgainModel"
+                ref="editPasswordAgainRef"
+                :rules="editPasswordAgainRules"
+                class="opinion-form"
+                v-if="currenSteps === 1"
+            >
+                <up-form-item prop="newPassword">
+                    <up-input
+                        clearable
+                        prefixIcon="lock"
+                        :password="!showPassword_2"
+                        placeholder="填输入8-20位新密码"
+                        v-model="editPasswordAgainModel.newPassword"
+                    >
+                        <template #suffix>
+                            <u-icon
+                                :name="!showPassword_2 ? 'eye-fill' : 'eye'"
+                                @tap="showPassword_2 = !showPassword_2"
+                                size="20"
+                            />
+                        </template>
+                    </up-input>
+                </up-form-item>
+                <up-form-item prop="newPasswordAgain">
+                    <up-input
+                        clearable
+                        prefixIcon="lock"
+                        :password="!showPassword_3"
+                        placeholder="填再次输入8-20位新密码"
+                        v-model="editPasswordAgainModel.newPasswordAgain"
+                    >
+                        <template #suffix>
+                            <u-icon
+                                :name="!showPassword_3 ? 'eye-fill' : 'eye'"
+                                @tap="showPassword_3 = !showPassword_3"
+                                size="20"
+                            />
+                        </template>
+                    </up-input>
+                </up-form-item>
+
+                <up-form-item>
+                    <up-button type="primary" text="确定" @tap="onHandleSubmit" />
+                </up-form-item>
+            </up-form>
+
+            <!-- 第三步页面 -->
+            <view class="edit-password-success" v-if="currenSteps === 2">
+                <up-icon name="checkmark-circle" size="56" color="#19be6b" bold></up-icon>
+                <view class="edit-result">修改成功</view>
+                <view class="count-down-container">
+                    <up-count-down
+                        :time="6000"
+                        format="ss"
+                        ref="countDownRef"
+                        :autoStart="false"
+                        @finish="onHandleFinish"
+                        style="margin-right: 6rpx"
+                    />
+                    秒后回到登录页面
+                </view>
+                <up-button
+                    type="primary"
+                    text="重新登录"
+                    class="logout-btn"
+                    @tap="onHandleLoginAgain"
+                />
+            </view>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { nextTick, ref } from 'vue'
+
+const showPassword_1 = ref(false) // 密码是否显示
+const showPassword_2 = ref(false) // 密码是否显示
+const showPassword_3 = ref(false) // 密码是否显示
+const currenSteps = ref(0) // 步骤索引
+const countDownRef = ref(null) // 倒计时组件
+const editPasswordRef = ref(null) // 密码表单
+const editPasswordAgainRef = ref(null) // 重复密码表单
+const editPasswordModel = ref({
+    username: '',
+    password: '',
+})
+const editPasswordAgainModel = ref({
+    newPassword: '',
+    newPasswordAgain: '',
+})
+
+const editPasswordRules = ref({
+    username: [
+        {
+            required: true,
+            trigger: ['blur', 'change'],
+            message: '请输入手机号',
+        },
+    ],
+    password: [
+        {
+            required: true,
+            trigger: ['blur', 'change'],
+            message: '请输入密码',
+        },
+    ],
+})
+const editPasswordAgainRules = ref({
+    newPassword: [
+        {
+            required: true,
+            trigger: ['blur', 'change'],
+            message: '请输入新密码',
+        },
+        {
+            pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^\w\d\s]).{8,20}$/,
+            // 正则检验前先将值转为字符串
+            transform(value) {
+                return String(value)
+            },
+            message: '密码需包含大小写字母、数字和特殊字符，长度为8到20个字符',
+        },
+    ],
+    newPasswordAgain: [
+        {
+            required: true,
+            trigger: ['blur', 'change'],
+            message: '请再次输入新密码',
+        },
+        {
+            validator: (rule, value, callback) => {
+                if (value !== editPasswordAgainModel.value.newPassword) {
+                    callback(new Error('两次输入的密码不一致'))
+                } else {
+                    callback()
+                }
+            },
+        },
+    ],
+})
+
+// 下一步
+const onHandleNext = () => {
+    editPasswordRef.value
+        .validate()
+        .then(async (valid) => {
+            if (valid) {
+                currenSteps.value++
+            }
+        })
+        .catch(() => {
+            // 处理验证错误
+        })
+}
+// 确定
+const onHandleSubmit = async () => {
+    editPasswordAgainRef.value
+        .validate()
+        .then(async (valid) => {
+            if (valid) {
+                currenSteps.value++
+                // 开启倒计时
+                nextTick(() => {
+                    if (countDownRef.value) {
+                        countDownRef.value.start()
+                    }
+                })
+            }
+        })
+        .catch(() => {
+            // 处理验证错误
+        })
+}
+
+// 倒计时结束
+const onHandleFinish = () => {
+    uni.redirectTo({ url: '/pages/login/index' })
+}
+
+// 重新登录
+const onHandleLoginAgain = () => {
+    if (countDownRef.value) {
+        countDownRef.value.reset()
+    }
+    uni.redirectTo({ url: '/pages/login/index' })
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-password {
+    height: 100%;
+    padding-top: 48rpx;
+    box-sizing: border-box;
+
+    .opinion-form {
+        width: 90%;
+        margin: 100rpx auto 0;
+    }
+}
+
+.edit-password-success {
+    padding-top: 58rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .edit-result {
+        padding: 18rpx 0 24rpx 0;
+    }
+
+    .count-down-container {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: #999;
+        letter-spacing: 2rpx;
+    }
+
+    .logout-btn {
+        margin-top: 68rpx;
+        width: 45%;
+    }
+}
+</style>
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index 50634f2..228cb9f 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -18,13 +18,65 @@
             </view>
         </view>
 
-        <up-cell-group>
-            <up-cell size="large" title="修改密码" isLink />
-        </up-cell-group>
+        <!-- 操作列表区域 -->
+        <view class="my-info-list">
+            <up-cell-group>
+                <up-cell
+                    size="large"
+                    title="修改密码"
+                    isLink
+                    class="edit-password"
+                    @tap="onEditPassWord"
+                >
+                    <template #icon>
+                        <up-icon size="24" name="lock-open" color="#fa3534" />
+                    </template>
+                </up-cell>
+            </up-cell-group>
+
+            <up-button type="primary" text="退出账号" @tap="onLogOut" class="logout-btn" />
+        </view>
+
+        <!-- 退出提示弹框 -->
+        <up-modal
+            title="温馨提示"
+            :show="showModalLogout"
+            :showCancelButton="true"
+            content="是否确认退出当前账号？"
+            @confirm="onConfirmLogout"
+            @cancel="onCancelLogout"
+        />
     </view>
 </template>
 
-<script setup></script>
+<script setup>
+import { ref } from 'vue'
+
+const showModalLogout = ref(false)
+
+// 修改密码
+const onEditPassWord = () => {
+    uni.navigateTo({
+        url: '/pages/my/edit-password/index',
+    })
+}
+// 退出登录
+const onLogOut = () => {
+    showModalLogout.value = true
+}
+// 确认退出
+const onConfirmLogout = () => {
+    uni.removeStorageSync('token')
+    uni.removeStorageSync('userInfo')
+    uni.reLaunch({
+        url: '/pages/login/index',
+    })
+}
+// 取消退出
+const onCancelLogout = () => {
+    showModalLogout.value = false
+}
+</script>
 
 <style lang="scss" scoped>
 .my-container {
@@ -32,10 +84,10 @@
     background-color: #f0f2f5;
     .my-info {
         padding: 42rpx 0 42rpx 42rpx;
+        height: 10%;
         display: flex;
         align-items: center;
         background-color: #fff;
-
         .my-info-right {
             margin-left: 12rpx;
             font-size: 14px;
@@ -62,5 +114,23 @@
             }
         }
     }
+
+    .my-info-list {
+        height: 90%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .edit-password {
+            margin-top: 24rpx;
+            background-color: #fff;
+        }
+
+        .logout-btn {
+            width: 95%;
+            margin: 0 auto;
+            margin-bottom: 120rpx;
+        }
+    }
 }
 </style>
diff --git a/src/pages/qualityInspection/index.vue b/src/pages/qualityInspection/index.vue
new file mode 100644
index 0000000..0197156
--- /dev/null
+++ b/src/pages/qualityInspection/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 质量检查一级页面 -->
+    <view class="qualityInspection"> </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.safetyViolations {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
+}
+</style>
diff --git a/src/pages/safetyMeasure/index.vue b/src/pages/safetyMeasure/index.vue
new file mode 100644
index 0000000..8c8c140
--- /dev/null
+++ b/src/pages/safetyMeasure/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 安全措施一级页面 -->
+    <view class="safetyMeasure"> </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.safetyViolations {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
+}
+</style>
diff --git a/src/pages/safetyViolations/componetns/addAndEditForm.vue b/src/pages/safetyViolations/componetns/addAndEditForm.vue
new file mode 100644
index 0000000..f318739
--- /dev/null
+++ b/src/pages/safetyViolations/componetns/addAndEditForm.vue
@@ -0,0 +1,509 @@
+<template>
+    <!-- 新增 修改 详情表单-->
+    <up-form
+        labelWidth="70"
+        labelAlign="right"
+        labelPosition="left"
+        ref="addAndEditModelRef"
+        :model="addAndEditModel"
+        :rules="addAndEditModelRules"
+        style="background-color: #fff; padding: 0 30rpx 20rpx"
+    >
+        <TitleTipModal :TitleTip="`项目信息`" />
+        <up-form-item prop="projectName" label="项目名称" required>
+            <up-input
+                readonly
+                border="none"
+                placeholder="点击选择项目"
+                v-model="addAndEditModel.projectName"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectProject" />
+                </template>
+            </up-input>
+        </up-form-item>
+        <up-form-item prop="major" label="专业">
+            <up-input
+                border="none"
+                readonly
+                placeholder="点击选择专业"
+                v-model="addAndEditModel.major"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                </template>
+            </up-input>
+        </up-form-item>
+        <up-form-item prop="procedure" label="工序">
+            <up-input
+                border="none"
+                readonly
+                placeholder="点击选择工序"
+                v-model="addAndEditModel.procedure"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                </template>
+            </up-input>
+        </up-form-item>
+
+        <TitleTipModal :TitleTip="`违章信息`" />
+        <up-form-item prop="examiner" label="检查人">
+            <up-input placeholder="请输入" border="none" />
+        </up-form-item>
+        <up-form-item prop="inspectTime" label="检查日期">
+            <up-input
+                readonly
+                border="none"
+                inputAlign="right"
+                placeholder="点击选择检查日期"
+                v-model="addAndEditModel.inspectTime"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectDate(1)" />
+                </template>
+            </up-input>
+        </up-form-item>
+        <up-form-item prop="correctionTerm" label="整改期限" required>
+            <up-input
+                readonly
+                border="none"
+                placeholder="点击选择整改期限"
+                inputAlign="right"
+                v-model="addAndEditModel.correctionTerm"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectDate(2)" />
+                </template>
+            </up-input>
+        </up-form-item>
+        <up-form-item prop="vrLocation" label="违章地点" required>
+            <up-input placeholder="请输入" border="none" v-model="addAndEditModel.vrLocation" />
+        </up-form-item>
+        <up-form-item prop="vrDescribe" label="违章描述" required>
+            <up-textarea
+                placeholder="请输入"
+                autoHeight
+                border="none"
+                v-model="addAndEditModel.vrDescribe"
+            />
+        </up-form-item>
+        <up-form-item prop="vrImgList" label="违章照片(最多9张)" required>
+            <up-upload
+                name="1"
+                multiple
+                :maxCount="9"
+                :fileList="addAndEditModel.vrImgList"
+                @afterRead="onAfterReadVrImgList"
+                @delete="onDeletePicVrImgList"
+            />
+        </up-form-item>
+        <TitleTipModal :TitleTip="`整改信息`" />
+        <up-form-item prop="correctionPerson" label="整改人" required>
+            <up-input
+                placeholder="请输入"
+                border="none"
+                v-model="addAndEditModel.correctionPerson"
+            />
+        </up-form-item>
+        <up-form-item prop="correctionTime" label="整改日期">
+            <up-input
+                readonly
+                border="none"
+                inputAlign="right"
+                placeholder="点击选择整改日期"
+                v-model="addAndEditModel.correctionTime"
+            >
+                <template #suffix>
+                    <up-icon name="arrow-right" @tap="onSelectDate(3)" />
+                </template>
+            </up-input>
+        </up-form-item>
+        <up-form-item prop="correctionDescribe" label="整改说明" required>
+            <up-textarea
+                autoHeight
+                border="none"
+                placeholder="请输入"
+                v-model="addAndEditModel.correctionDescribe"
+            />
+        </up-form-item>
+        <up-form-item prop="examiner" label="整改照片(最多9张)">
+            <up-upload
+                name="1"
+                multiple
+                :maxCount="9"
+                :fileList="addAndEditModel.correctionImgList"
+                @afterRead="onAfterReadCorrectionImgList"
+                @delete="onDeleteCorrectionImgList"
+            />
+        </up-form-item>
+
+        <up-button type="primary" text="提交" @tap="onSubmitForm" style="width: 100%" />
+    </up-form>
+
+    <!-- 项目选择弹框 -->
+    <up-popup :show="projectShow" mode="center" @close="onCloseProjectPopup">
+        <view class="project-popup">
+            <text>选择工程</text>
+            <view style="width: 100%; margin: 18rpx 0">
+                <up-input
+                    clearable
+                    placeholder="输入工程名称搜索"
+                    v-model.trim="onSearchProjectName"
+                    suffixIconStyle="color: #909399"
+                >
+                    <template #suffix>
+                        <up-icon name="search" size="24" @tap="onSearchInProjectPopup" />
+                    </template>
+                </up-input>
+            </view>
+
+            <!-- 工程列表 -->
+            <view class="project-list">
+                <up-list @scrolltolower="onScrollTolower" style="width: 100%">
+                    <up-list-item v-for="item in 20" :key="item">
+                        <up-cell :title="`xxxxxxxxx工程-${item}`" @tap="onSelectProjectItem(item)">
+                            <template #icon>
+                                <text style="margin-right: 10rpx">
+                                    {{ item }}
+                                </text>
+                            </template>
+                        </up-cell>
+                    </up-list-item>
+                </up-list>
+            </view>
+        </view>
+    </up-popup>
+
+    <!-- 专业选择器 -->
+    <up-picker
+        keyName="label"
+        :show="majorShow"
+        :columns="majorList"
+        @confirm="onConfirmMajor"
+        @cancel="majorShow = !majorShow"
+    />
+    <!-- 工序选择器 -->
+    <up-picker
+        keyName="label"
+        :show="procedureShow"
+        :columns="procedureList"
+        @confirm="onConfirmProcedure"
+        @cancel="procedureShow = !procedureShow"
+    />
+    <!-- 年月日选择器 -->
+    <up-datetime-picker
+        mode="date"
+        :show="dateShow"
+        v-model="dateValue"
+        :formatter="formatter"
+        @confirm="onConfirmDate"
+        @cancel="dateShow = !dateShow"
+    />
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import TitleTipModal from '@/components/TitleTipModal/index'
+const addAndEditModelRef = ref(null)
+
+const projectShow = ref(false) // 项目选择弹框
+const majorShow = ref(false) // 专业选择器
+const procedureShow = ref(false) // 工序选择器
+const dateShow = ref(false) // 年月日选择器
+const onSearchProjectName = ref('') // 项目搜索条件
+const dateValue = ref(Date.now()) // 年月日选择器数据源
+const dateType = ref(1)
+const props = defineProps({
+    // 表单类型 1. 新增 2. 修改 3. 详情
+    formType: {
+        type: Number,
+        default: () => 1,
+    },
+})
+
+// 表单数据源
+const addAndEditModel = reactive({
+    projectName: '',
+    procedure: '',
+    major: '',
+    examiner: '',
+    inspectTime: '',
+    correctionTerm: '',
+    vrLocation: '',
+    vrDescribe: '',
+    vrImgList: [],
+    correctionPerson: '',
+    correctionDescribe: '',
+    correctionTime: '',
+    correctionImgList: [],
+})
+
+// 校验规则
+const addAndEditModelRules = ref({
+    projectName: [
+        {
+            type: 'string',
+            required: true,
+            message: '请选择项目名称',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    correctionTerm: [
+        {
+            type: 'string',
+            required: true,
+            message: '请选择整改期限',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    vrLocation: [
+        {
+            type: 'string',
+            required: true,
+            message: '请填写违章地点',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    vrDescribe: [
+        {
+            type: 'string',
+            required: true,
+            message: '请填写违章描述',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    vrImgList: [
+        {
+            type: 'string',
+            required: true,
+            message: '请上传违章照片',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    correctionPerson: [
+        {
+            type: 'string',
+            required: true,
+            message: '请填写整改人',
+            trigger: ['blur', 'change'],
+        },
+    ],
+    correctionDescribe: [
+        {
+            type: 'string',
+            required: true,
+            message: '请填写整改说明',
+            trigger: ['blur', 'change'],
+        },
+    ],
+})
+// 项目数据源
+const projectList = ref([])
+// 专业数据源
+const majorList = reactive([
+    [
+        {
+            label: '专业1',
+            value: 2021,
+        },
+        {
+            label: '专业2',
+            value: 2022,
+        },
+        {
+            label: '专业3',
+            value: 2023,
+        },
+        {
+            label: '专业4',
+            value: 2024,
+        },
+    ],
+])
+// 工序数据源
+const procedureList = reactive([
+    [
+        {
+            label: '工序1',
+            id: 2021,
+        },
+        {
+            label: '工序2',
+            id: 2022,
+        },
+        {
+            label: '工序3',
+            id: 2023,
+        },
+        {
+            label: '工序4',
+            id: 2024,
+        },
+    ],
+])
+
+// 日期格式化
+const formatter = (type, value) => {
+    if (type === 'year') {
+        return `${value}年`
+    }
+    if (type === 'month') {
+        return `${value}月`
+    }
+    if (type === 'day') {
+        return `${value}日`
+    }
+    return value
+}
+
+// 选择项目
+const onSelectProject = () => {
+    console.log('---选择')
+
+    projectShow.value = true
+}
+// 搜索
+const onSearchInProjectPopup = () => {
+    console.log('---搜索', onSearchProjectName.value)
+}
+
+// 滚动触底事件
+const onScrollTolower = () => {
+    console.log('---滚动触底')
+}
+
+// 选择项目
+const onSelectProjectItem = (item) => {
+    addAndEditModel.projectName = 'xxxxxx工程' + item
+    projectShow.value = false
+}
+
+// 关闭项目选择弹框
+const onCloseProjectPopup = () => {
+    onSearchProjectName.value = ''
+    projectShow.value = false
+}
+
+// 选择专业
+const onSelectMajor = () => {
+    majorShow.value = true
+}
+
+// 专业确定
+const onConfirmMajor = (item) => {
+    console.log('---确定', item.value[0].label)
+    addAndEditModel.major = item.value[0].label
+    majorShow.value = false
+}
+// 选择工序
+const onSelectProcedure = () => {
+    procedureShow.value = true
+}
+
+// 工序确定
+const onConfirmProcedure = (item) => {
+    addAndEditModel.procedure = item.value[0].label
+    procedureShow.value = false
+}
+
+// 打开日期选择器
+const onSelectDate = (type) => {
+    // type 为类型 1. 检查日期 2. 整改期限 3. 整改日期
+    dateType.value = type
+    dateShow.value = true
+}
+
+// 日期确定
+const onConfirmDate = (item) => {
+    const formatDateValue = formatDate(dateValue.value)
+    if (dateType.value === 1) {
+        addAndEditModel.inspectTime = formatDateValue
+    }
+    if (dateType.value === 2) {
+        addAndEditModel.correctionTerm = formatDateValue
+    }
+    if (dateType.value === 3) {
+        addAndEditModel.correctionTime = formatDateValue
+    }
+    dateShow.value = false
+    console.log('---日期确定', formatDateValue)
+}
+
+const formatDate = (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}`
+}
+
+// 违章照片上传
+const onAfterReadVrImgList = (event) => {
+    let lists = [].concat(event.file)
+    lists.map((item) => {
+        addAndEditModel.vrImgList.push({
+            ...item,
+        })
+    })
+}
+// 违章照片删除
+const onDeletePicVrImgList = (event) => {
+    addAndEditModel.vrImgList.splice(event.index, 1)
+}
+
+// 整改照片上传
+const onAfterReadCorrectionImgList = (event) => {
+    let lists = [].concat(event.file)
+    lists.map((item) => {
+        addAndEditModel.correctionImgList.push({
+            ...item,
+        })
+    })
+}
+// 违章照片删除
+const onDeleteCorrectionImgList = (event) => {
+    addAndEditModel.correctionImgList.splice(event.index, 1)
+}
+
+// 提交
+const onSubmitForm = () => {
+    console.log('---提交')
+    addAndEditModelRef.value.validate().then((valid) => {
+        if (valid) {
+            console.log('校验通过')
+        }
+    })
+}
+</script>
+
+<style scoped lang="scss">
+.u-nav-slot {
+    display: flex;
+    align-items: center;
+    color: #2979ff;
+}
+
+::v-deep .u-navbar__content__title {
+    font-weight: bold;
+}
+
+::v-deep .u-form-item__body__right {
+    padding: 0 60rpx;
+}
+
+.project-popup {
+    width: 90vw;
+    height: 80vh;
+    padding: 20rpx 12rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-sizing: border-box;
+
+    .project-list {
+        width: 100%;
+        overflow: hidden;
+    }
+}
+</style>
diff --git a/src/pages/safetyViolations/index.vue b/src/pages/safetyViolations/index.vue
new file mode 100644
index 0000000..287c574
--- /dev/null
+++ b/src/pages/safetyViolations/index.vue
@@ -0,0 +1,28 @@
+<template>
+    <!-- 安全违章一级页面 -->
+    <view class="safetyViolations">
+        <NavBarModal :navBarTitle="`安全违章`" />
+
+        <view class="container">
+            <AddAndEditForm />
+        </view>
+    </view>
+</template>
+
+<script setup>
+import NavBarModal from '@/components/NavBarModal/index'
+import AddAndEditForm from './componetns/addAndEditForm.vue'
+import { ref } from 'vue'
+</script>
+
+<style lang="scss" scoped>
+.safetyViolations {
+    height: 100%;
+    padding-top: 54px;
+    box-sizing: border-box;
+    .container {
+        background-color: #f6f9ff;
+        overflow-y: auto;
+    }
+}
+</style>
diff --git a/src/pages/workbenches/components/icon-card.vue b/src/pages/workbenches/components/icon-card.vue
new file mode 100644
index 0000000..76536ba
--- /dev/null
+++ b/src/pages/workbenches/components/icon-card.vue
@@ -0,0 +1,62 @@
+<template>
+    <!-- 卡片 -->
+    <view class="icon-card">
+        <view class="title">{{ cardTitle }}</view>
+        <up-grid :border="false" col="4">
+            <up-grid-item
+                v-for="(icon, index) in props.iconList"
+                :key="index"
+                @tap="onHandleJumpPage(icon.jumpPath)"
+            >
+                <up-image width="56" height="56" shape="circle" :src="icon.iconUrl" />
+                <text class="grid-text">{{ icon.title }}</text>
+            </up-grid-item>
+        </up-grid>
+    </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const props = defineProps({
+    iconList: {
+        type: Array,
+        default: () => [],
+    },
+    cardTitle: {
+        type: String,
+        default: () => '',
+    },
+})
+
+// 创建对子组件的引用
+const uToastRef = ref(null)
+
+// 定义方法
+const onHandleJumpPage = (path) => {
+    //  跳转对应的页面
+    uni.navigateTo({
+        url: path,
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.icon-card {
+    width: 90%;
+    background-color: #fff;
+    margin: 30rpx auto;
+    border-radius: 6rpx;
+
+    .title {
+        padding: 24rpx 32rpx;
+        color: #353232;
+    }
+
+    .grid-text {
+        font-size: 13px;
+        padding: 12rpx 0;
+        color: #575353;
+    }
+}
+</style>
diff --git a/src/pages/workbenches/index.vue b/src/pages/workbenches/index.vue
index b3741de..c709cd8 100644
--- a/src/pages/workbenches/index.vue
+++ b/src/pages/workbenches/index.vue
@@ -1,18 +1,60 @@
 <template>
-    <view class="workbenches-container"> </view>
+    <!-- 工作台页面 -->
+    <view class="workbenches-container">
+        <iconCard :iconList="iconList_1" :cardTitle="`照片上传`" />
+        <iconCard :iconList="iconList_2" :cardTitle="`照片查询`" />
+    </view>
 </template>
 
 <script setup>
 import { ref } from 'vue'
+import iconCard from './components/icon-card.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'
+import icon_6 from '../../static/image/home_6.png'
+const iconList_1 = 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,
+    },
+])
+const iconList_2 = ref([
+    {
+        jumpPath: '/pages/comprehensiveQuery/index',
+        title: '综合查询',
+        iconUrl: icon_6,
+    },
+])
 </script>
 
 <style lang="scss" scoped>
-.content {
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-color: #f5f5f5;
-    overflow-y: auto;
+.workbenches-container {
+    height: 100%;
+    background-color: #f6f9ff;
+    overflow: hidden;
 }
 </style>
diff --git a/src/static/image/home_1.png b/src/static/image/home_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a952cf935c210415875492037ccc87c1a2a9bb19
GIT binary patch
literal 2835
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

literal 0
HcmV?d00001

diff --git a/src/static/image/home_2.png b/src/static/image/home_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e5b61d9ecd36052badc3d788007a735ab75286a
GIT binary patch
literal 3724
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

literal 0
HcmV?d00001

diff --git a/src/static/image/home_3.png b/src/static/image/home_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..e12bd31138b72a1e135ef81b173820b9c0e82bdf
GIT binary patch
literal 2511
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
Z{|Dam2m=6<Z(0BV002ovPDHLkV1m#l)QkWC

literal 0
HcmV?d00001

diff --git a/src/static/image/home_4.png b/src/static/image/home_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..94ddc8c0b646f0fc6e1fcdf4f59effccf17988a3
GIT binary patch
literal 3939
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

literal 0
HcmV?d00001

diff --git a/src/static/image/home_5.png b/src/static/image/home_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..787ef30dfc8e5270e95bd24d9c1a80e11738d264
GIT binary patch
literal 2827
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

literal 0
HcmV?d00001

diff --git a/src/static/image/home_6.png b/src/static/image/home_6.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6ef53d295c2d29376913c04f0a454d41eb6677c
GIT binary patch
literal 1711
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
FV1f-nH~#<t

literal 0
HcmV?d00001