From 2bac4bd518d0c77fae03c40f3bebe54155baa873 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Tue, 30 Sep 2025 12:43:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../adminApproval/approvalDetail.vue          | 52 ++++++++++++++++---
 .../adminApproval/approvalForm.vue            | 49 ++++++++++++++---
 .../escApproval/approvalDetail.vue            | 51 +++++++++++++++---
 .../labelManage/escApproval/approvalForm.vue  | 47 +++++++++++++++--
 .../escTask/components/LableApplyForm.vue     |  2 +
 .../escTask/components/LableDetaiForm.vue     | 49 ++++++++++++++---
 .../escTask/components/LableReApplyForm.vue   |  2 +
 .../components/LableApplyForm.vue             |  2 +
 .../components/LableDetaiForm.vue             | 47 +++++++++++++++--
 .../components/LableReApplyForm.vue           |  2 +
 src/views/register.vue                        |  6 +--
 src/views/system/user/index.vue               |  2 +-
 12 files changed, 270 insertions(+), 41 deletions(-)

diff --git a/src/views/labelManage/adminApproval/approvalDetail.vue b/src/views/labelManage/adminApproval/approvalDetail.vue
index aaa3510..341ae7e 100644
--- a/src/views/labelManage/adminApproval/approvalDetail.vue
+++ b/src/views/labelManage/adminApproval/approvalDetail.vue
@@ -96,9 +96,15 @@
                         <el-table-column prop="qualificationName" label="资质名称" width="100" />
                         <el-table-column prop="certificateUrl" label="资质证书" align="center">
                             <template #default="scope">
-                                <el-image v-if="scope.row.certificateUrl"
-                                    style="width: 70px; height: 44px;line-height: 50px;"
-                                    :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                <template v-if="scope.row.certificateUrl">
+                                    <el-image
+                                        v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
+                                        style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                        :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                </template>
                                 <span v-else>请在"高压资质培训信息"上传资质证书</span>
                             </template>
                         </el-table-column>
@@ -115,7 +121,7 @@
                             <template #default="scope">
                                 <span v-if="scope.row.startTime"> {{
                                     moment(scope.row.startTime).format('YYYY-MM-DD')
-                                }}</span>
+                                    }}</span>
                                 <span v-else>-</span>
                             </template>
                         </el-table-column>
@@ -125,7 +131,7 @@
                                 <template v-else>
                                     <span v-if="scope.row.expireTime"> {{
                                         moment(scope.row.expireTime).format('YYYY-MM-DD')
-                                    }}</span>
+                                        }}</span>
                                     <span v-else>-</span>
                                 </template>
                             </template>
@@ -177,13 +183,22 @@
         <div class="submitTool">
             <el-button class="cancelApplyBtn" @click="handleCancel">返回</el-button>
         </div>
-    </div>
 
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
+    </div>
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import moment from 'moment'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -198,6 +213,12 @@ const data = reactive({
     detailForm: {},
 })
 const { detailForm } = toRefs(data)
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
@@ -230,7 +251,7 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
-const baseUrl = import.meta.env.VITE_APP_BASE_API
+
 // 审批记录
 const tableData = ref([])
 // 获取审批记录
@@ -252,6 +273,23 @@ const handleCancel = () => {
         path: '/labelManage/adminApproval'
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop();
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/labelManage/adminApproval/approvalForm.vue b/src/views/labelManage/adminApproval/approvalForm.vue
index bd84687..f1e8d64 100644
--- a/src/views/labelManage/adminApproval/approvalForm.vue
+++ b/src/views/labelManage/adminApproval/approvalForm.vue
@@ -95,9 +95,15 @@
                         <el-table-column prop="qualificationName" label="资质名称" width="100" />
                         <el-table-column prop="certificateUrl" label="资质证书" align="center">
                             <template #default="scope">
-                                <el-image v-if="scope.row.certificateUrl"
-                                    style="width: 70px; height: 44px;line-height: 50px;"
-                                    :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                <template v-if="scope.row.certificateUrl">
+                                    <el-image
+                                        v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
+                                        style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                        :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                </template>
                                 <span v-else>请在"高压资质培训信息"上传资质证书</span>
                             </template>
                         </el-table-column>
@@ -198,13 +204,21 @@
             <el-button class="cancelApplyBtn" @click="handleCancel">取消</el-button>
             <el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button>
         </div>
-    </div>
-
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
+    </div> 
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, updateStatusBusUserLabel, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import moment from 'moment'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -227,6 +241,12 @@ const data = reactive({
     },
 })
 const { ruleForm, detailForm, rules } = toRefs(data)
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
@@ -262,7 +282,7 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
-const baseUrl = import.meta.env.VITE_APP_BASE_API
+
 // 审批记录
 const tableData = ref([])
 // 获取审批记录
@@ -306,6 +326,23 @@ const handleSubmit = () => {
         }
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop();
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/labelManage/escApproval/approvalDetail.vue b/src/views/labelManage/escApproval/approvalDetail.vue
index 5d91fca..a1294f3 100644
--- a/src/views/labelManage/escApproval/approvalDetail.vue
+++ b/src/views/labelManage/escApproval/approvalDetail.vue
@@ -96,9 +96,15 @@
                         <el-table-column prop="qualificationName" label="资质名称" width="100" />
                         <el-table-column prop="certificateUrl" label="资质证书" align="center">
                             <template #default="scope">
-                                <el-image v-if="scope.row.certificateUrl"
-                                    style="width: 70px; height: 44px;line-height: 50px;"
-                                    :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                <template v-if="scope.row.certificateUrl">
+                                    <el-image
+                                        v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
+                                        style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                        :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                </template>
                                 <span v-else>请在"高压资质培训信息"上传资质证书</span>
                             </template>
                         </el-table-column>
@@ -115,7 +121,7 @@
                             <template #default="scope">
                                 <span v-if="scope.row.startTime"> {{
                                     moment(scope.row.startTime).format('YYYY-MM-DD')
-                                    }}</span>
+                                }}</span>
                                 <span v-else>-</span>
                             </template>
                         </el-table-column>
@@ -125,7 +131,7 @@
                                 <template v-else>
                                     <span v-if="scope.row.expireTime"> {{
                                         moment(scope.row.expireTime).format('YYYY-MM-DD')
-                                        }}</span>
+                                    }}</span>
                                     <span v-else>-</span>
                                 </template>
                             </template>
@@ -177,13 +183,21 @@
         <div class="submitTool">
             <el-button class="cancelApplyBtn" @click="handleCancel">返回</el-button>
         </div>
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
     </div>
-
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import moment from 'moment'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -198,6 +212,12 @@ const data = reactive({
     detailForm: {},
 })
 const { detailForm } = toRefs(data)
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
@@ -230,7 +250,7 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
-const baseUrl = import.meta.env.VITE_APP_BASE_API
+
 // 审批记录
 const tableData = ref([])
 // 获取审批记录
@@ -252,6 +272,23 @@ const handleCancel = () => {
         path: '/labelManage/escApproval'
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop();
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/labelManage/escApproval/approvalForm.vue b/src/views/labelManage/escApproval/approvalForm.vue
index 127a4b3..a4a6540 100644
--- a/src/views/labelManage/escApproval/approvalForm.vue
+++ b/src/views/labelManage/escApproval/approvalForm.vue
@@ -95,9 +95,15 @@
                         <el-table-column prop="qualificationName" label="资质名称" width="100" />
                         <el-table-column prop="certificateUrl" label="资质证书" align="center">
                             <template #default="scope">
-                                <el-image v-if="scope.row.certificateUrl"
-                                    style="width: 70px; height: 44px;line-height: 50px;"
-                                    :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                <template v-if="scope.row.certificateUrl">
+                                    <el-image
+                                        v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
+                                        style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                        :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                        @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                </template>
                                 <span v-else>请在"高压资质培训信息"上传资质证书</span>
                             </template>
                         </el-table-column>
@@ -198,13 +204,21 @@
             <el-button class="cancelApplyBtn" @click="handleCancel">取消</el-button>
             <el-button class="submitApplyBtn" @click="handleSubmit">提交</el-button>
         </div>
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
     </div>
-
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, updateStatusBusUserLabel, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import moment from 'moment'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from '../../qualification/escApproval/PdfPreview.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -227,6 +241,13 @@ const data = reactive({
     },
 })
 const { ruleForm, detailForm, rules } = toRefs(data)
+
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
@@ -262,7 +283,6 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
-const baseUrl = import.meta.env.VITE_APP_BASE_API
 // 审批记录
 const tableData = ref([])
 // 获取审批记录
@@ -306,6 +326,23 @@ const handleSubmit = () => {
         }
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop();
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/qualification/escTask/components/LableApplyForm.vue b/src/views/qualification/escTask/components/LableApplyForm.vue
index a818048..e149fb6 100644
--- a/src/views/qualification/escTask/components/LableApplyForm.vue
+++ b/src/views/qualification/escTask/components/LableApplyForm.vue
@@ -166,6 +166,8 @@ import { submitBusUserLabel } from "@/api/labelManage/labelManage"
 import { getUserCertificateList } from "@/api/qualification/myQualifications"
 import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import { useRouter } from 'vue-router'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const router = useRouter()
diff --git a/src/views/qualification/escTask/components/LableDetaiForm.vue b/src/views/qualification/escTask/components/LableDetaiForm.vue
index eb1bf51..1be406f 100644
--- a/src/views/qualification/escTask/components/LableDetaiForm.vue
+++ b/src/views/qualification/escTask/components/LableDetaiForm.vue
@@ -96,9 +96,14 @@
                             <el-table-column prop="qualificationName" label="资质名称" width="100" />
                             <el-table-column prop="certificateUrl" label="资质证书" align="center">
                                 <template #default="scope">
-                                    <el-image v-if="scope.row.certificateUrl"
-                                        style="width: 70px; height: 44px;line-height: 50px;"
-                                        :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                    <template v-if="scope.row.certificateUrl">
+                                        <el-image v-if="isImageFile(scope.row.certificateUrl)"
+                                            style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                            :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                            @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                        <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                            @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    </template>
                                     <span v-else>请在"高压资质培训信息"上传资质证书</span>
                                 </template>
                             </el-table-column>
@@ -115,7 +120,7 @@
                                 <template #default="scope">
                                     <span v-if="scope.row.startTime"> {{
                                         moment(scope.row.startTime).format('YYYY-MM-DD')
-                                    }}</span>
+                                        }}</span>
                                     <span v-else>-</span>
                                 </template>
                             </el-table-column>
@@ -125,7 +130,7 @@
                                     <template v-else>
                                         <span v-if="scope.row.expireTime"> {{
                                             moment(scope.row.expireTime).format('YYYY-MM-DD')
-                                        }}</span>
+                                            }}</span>
                                         <span v-else>-</span>
                                     </template>
                                 </template>
@@ -174,13 +179,21 @@
                 </div>
             </el-card>
         </div>
-
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
     </div>
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import { useRouter } from 'vue-router'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const route = useRoute()
@@ -202,12 +215,17 @@ const data = reactive({
         remark: [{ required: true, message: "审批意见不能为空", trigger: "blur" }]
     },
 })
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
 // 审批记录
 const tableData = ref([])
-const baseUrl = import.meta.env.VITE_APP_BASE_API
 // 获取审批记录
 const getLabelApprovalRecord = (_id) => {
     var queryParamsRecord = {
@@ -256,6 +274,23 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop(); 
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/qualification/escTask/components/LableReApplyForm.vue b/src/views/qualification/escTask/components/LableReApplyForm.vue
index b32bb45..48bd222 100644
--- a/src/views/qualification/escTask/components/LableReApplyForm.vue
+++ b/src/views/qualification/escTask/components/LableReApplyForm.vue
@@ -164,6 +164,8 @@ import { getBusUserLabelDetail, reApplyBusUserLabel } from "@/api/labelManage/la
 import { getUserCertificateList } from "@/api/qualification/myQualifications"
 import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import { useRouter } from 'vue-router'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const router = useRouter()
diff --git a/src/views/qualification/myQualifications/components/LableApplyForm.vue b/src/views/qualification/myQualifications/components/LableApplyForm.vue
index 65c36f5..0b8387f 100644
--- a/src/views/qualification/myQualifications/components/LableApplyForm.vue
+++ b/src/views/qualification/myQualifications/components/LableApplyForm.vue
@@ -139,6 +139,8 @@ import { getSysSectionPage } from "@/api/system/section"
 import { submitBusUserLabel } from "@/api/labelManage/labelManage"
 import { getCurrentUserList } from "@/api/qualification/myQualifications"
 import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const emit = defineEmits(['refresh'])
diff --git a/src/views/qualification/myQualifications/components/LableDetaiForm.vue b/src/views/qualification/myQualifications/components/LableDetaiForm.vue
index fa17db9..64fee78 100644
--- a/src/views/qualification/myQualifications/components/LableDetaiForm.vue
+++ b/src/views/qualification/myQualifications/components/LableDetaiForm.vue
@@ -96,9 +96,15 @@
                             <el-table-column prop="qualificationName" label="资质名称" width="100" />
                             <el-table-column prop="certificateUrl" label="资质证书" align="center">
                                 <template #default="scope">
-                                    <el-image v-if="scope.row.certificateUrl"
-                                        style="width: 70px; height: 44px;line-height: 50px;"
-                                        :src="baseUrl + scope.row.certificateUrl" fit="fill" />
+                                    <template v-if="scope.row.certificateUrl">
+                                        <el-image
+                                            v-if="scope.row.certificateUrl && ['jpeg', 'jpg', 'png'].includes(scope.row.certificateUrl.split('.').pop().toLowerCase())"
+                                            style="width: 70px; height: 44px;line-height: 50px;cursor: pointer;"
+                                            :src="baseUrl + scope.row.certificateUrl" fit="fill"
+                                            @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                        <img v-else :src="pdfIcon" class="avatar viewFile" style="cursor: pointer;"
+                                            @click.stop="handleCardPreview(scope.row.certificateUrl)" />
+                                    </template>
                                     <span v-else>请在"高压资质培训信息"上传资质证书</span>
                                 </template>
                             </el-table-column>
@@ -174,13 +180,21 @@
                 </div>
             </el-card>
         </div>
-
+        <!-- 图片预览 -->
+        <el-dialog v-model="dialogVisible" title="图片预览">
+            <img v-if="isImageFile(dialogImageUrl)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
+            <div v-else class="unsupported-file">
+                <pdf-preview :pdf-url="dialogImageUrl" />
+            </div>
+        </el-dialog>
     </div>
 </template>
 <script setup>
 import { onMounted, reactive } from 'vue'
 import { getBusUserLabelDetail, getBusUserrLabelRecord, currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
 import { useRouter } from 'vue-router'
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const route = useRoute()
@@ -202,12 +216,18 @@ const data = reactive({
         remark: [{ required: true, message: "审批意见不能为空", trigger: "blur" }]
     },
 })
+
+const suffix = ref('')
+const baseUrl = import.meta.env.VITE_APP_BASE_API
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+
 const handleJump = (goLink) => {
     if (goLink) router.push({ path: goLink })
 }
 // 审批记录
 const tableData = ref([])
-const baseUrl = import.meta.env.VITE_APP_BASE_API
+
 // 获取审批记录
 const getLabelApprovalRecord = (_id) => {
     var queryParamsRecord = {
@@ -256,6 +276,23 @@ const getCurrentUserRecurrentTraining = () => {
         }
     })
 }
+// 判断是否为图片文件
+const isImageFile = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+
+    suffix.value = filePath.split('.').pop(); 
+    return ['jpeg', 'jpg', 'png'].includes(suffix.value?.toLowerCase())
+}
+
+// 预览
+const handleCardPreview = (filePath) => {
+    // 处理无后缀名情况
+    if (!filePath || filePath.indexOf('.') === -1) return '';
+    suffix.value = filePath.split('.').pop();
+    dialogImageUrl.value = baseUrl + filePath
+    dialogVisible.value = true
+}
 </script>
 <style lang='scss'>
 .app-main {
diff --git a/src/views/qualification/myQualifications/components/LableReApplyForm.vue b/src/views/qualification/myQualifications/components/LableReApplyForm.vue
index 34c9f64..56c9a76 100644
--- a/src/views/qualification/myQualifications/components/LableReApplyForm.vue
+++ b/src/views/qualification/myQualifications/components/LableReApplyForm.vue
@@ -140,6 +140,8 @@ import { getSysSectionPage } from "@/api/system/section"
 import { getBusUserLabelDetail, reApplyBusUserLabel } from "@/api/labelManage/labelManage"
 import { getCurrentUserList } from "@/api/qualification/myQualifications"
 import { currentUserRecurrentTraining } from "@/api/labelManage/labelManage"
+import pdfIcon from '@/assets/images/pdfIcon.png'
+import PdfPreview from './PdfPreview.vue'
 import moment from 'moment'
 
 const emit = defineEmits(['refresh'])
diff --git a/src/views/register.vue b/src/views/register.vue
index 6fc3ea9..5c1212c 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -19,7 +19,7 @@
               <el-input v-model="registerForm.workNo" placeholder="请输入员工工号" @input="handleInput" />
             </el-form-item>
             <el-form-item label="账号:" prop="username">
-              <el-input v-model="registerForm.username"> </el-input>
+              <el-input v-model="registerForm.username" disabled> </el-input>
             </el-form-item>
             <el-form-item label="密码:" prop="password">
               <el-input v-model="registerForm.password" type="password" auto-complete="off" show-password="true">
@@ -116,13 +116,13 @@ const registerRules = {
   workNo: [{ required: true, message: "工号不能为空", trigger: "blur" }],
   nickName: [{ required: true, message: "中文姓名不能为空", trigger: "blur" }, { min: 2, max: 20, message: "中文姓名长度必须介于 2 和 20 之间", trigger: "blur" }],
   englishName: [{ required: true, message: "英文姓名不能为空", trigger: "blur" }, { min: 2, max: 20, message: "英文姓名长度必须介于 2 和 20 之间", trigger: "blur" }],
-  username: [{ required: true, message: "登录账号不能为空", trigger: "blur" }, { min: 2, max: 20, message: "登录账号长度必须介于 2 和 20 之间", trigger: "blur" }],
+  // username: [{ required: true, message: "登录账号不能为空", trigger: "blur" }, { min: 2, max: 20, message: "登录账号长度必须介于 2 和 20 之间", trigger: "blur" }],
   password: [{ required: true, message: "登录密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "登录密码长度必须介于 5 和 20 之间", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
   email: [{ required: true, type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
   deptId: [{ required: true, message: "请选择归属部门", trigger: ["change"] }],
   sectionId: [{ required: true, message: "请选择科室", trigger: ["change"] }],
   dependencyId: [{ required: true, message: "请选择属地", trigger: ["change"] }],
-  escEmail: [{ required: true, type: "email", message: "ESC邮箱不能为空", trigger: ["blur", "change"] }],
+  // escEmail: [{ required: true, type: "email", message: "ESC邮箱不能为空", trigger: ["blur", "change"] }],
 }
 // 工号输入后 自动关联账号
 const handleInput = (value) => {
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 76f89ea..0186f23 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -650,7 +650,7 @@ function reset() {
     status: "0",
     remark: undefined,
     postIds: [],
-    roleIds: []
+    roleIds: ['2']
   }
   proxy.resetForm("userRef")
 }