提交

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 {

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 {

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 {

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 {

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()

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 {

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()

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'])

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 {

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'])

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) => {

src/views/system/user/index.vue

@@ -650,7 +650,7 @@ function reset() {
     status: "0",
     remark: undefined,
     postIds: [],
-    roleIds: []
+    roleIds: ['2']
   }
   proxy.resetForm("userRef")
 }