营业执照

src/layout/personal/footer.vue

@@ -51,28 +51,21 @@
       </div>
     </div>
   </div>
-  <PreviewImg v-if="showPreview" :list="[imgUrl]" :hideDownload="true" @close="showPreview = !showPreview"></PreviewImg>
 </template>
 
 <script setup>
-import { ref } from 'vue'
-
 defineOptions({ name: 'personal-footer' })
 const list = [
-  // { label: 'Copyright © 2024招聘人才网', path: '' },
   { label: '苏ICP备2024103111号-1', openPath: 'https://beian.miit.gov.cn/#/Integrated/index' },
   { label: '苏ICP备2024103111号-4', openPath: 'https://beian.miit.gov.cn/#/Integrated/index' },
-  { label: '电子营业执照', path: '', img: 'https://minio.citupro.com/dev/menduner/businessLicense.jpg' },
+  { label: '电子营业执照', path: '', id: 'business license' },
   { label: '公安备案号 32059002001928', openPath: 'https://beian.mps.gov.cn/#/query/webSearch?code=32059002001928', iconImg: 'https://minio.citupro.com/dev/menduner/RecordIcon.png' },
-  { label: '人力资源服务许可证', img: 'https://minio.citupro.com/dev/menduner/humanResourcesLicense.jpg' }
+  { label: '人力资源服务许可证', id: 'Human Resources License' }
 ]
 
-const showPreview = ref(false)
-let imgUrl = ''
 const handleClick = (item) => {
-  if (item.img) {
-    imgUrl = item.img
-    showPreview.value = true
+  if (item.id) {
+    window.open('/qualificationCertificate?id=' + item.id)
   } else if (item.openPath) {
     window.open(item.openPath)
   }

src/router/modules/recruit.js

@@ -114,7 +114,18 @@ const recruit = [
         },
       }
     ]
-  }
+  },
+  {
+    path: '/qualificationCertificate',
+    component: Layout,
+    children: [
+      {
+        path: '/qualificationCertificate',
+        component: () => import('@/views/common/qualificationCertificate.vue'),
+        name: 'QualificationCertificate'
+      }
+    ]
+  },
 ]
 
 setLoginType(recruit, 'personalCommon'),

src/views/common/qualificationCertificate.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="default-width py-5">
+    <img :src="data.url" alt="" style="width: 100%; height: 100%;">
+  </div>
+</template>
+
+<script setup>
+defineOptions({ name: 'QualificationCertificate'})
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const id = router.currentRoute.value.query?.id
+const list = [
+  { id: 'business license', url: 'https://minio.citupro.com/dev/menduner/businessLicense.jpg', title: '营业执照' },
+  { id: 'Human Resources License', url: 'https://minio.citupro.com/dev/menduner/humanResourcesLicense.jpg', title: '人力资源许可证' }
+]
+
+const data = list.find(e => e.id === id)
+document.title = import.meta.env.VITE_APP_TITLE + ' - ' +  data.title
+
+</script>
+
+<style scoped lang="scss">
+
+</style>