简历模板

components.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
     ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     File: typeof import('./src/components/Upload/file.vue')['default']

src/router/modules/components/recruit/personCenter.js

@@ -60,6 +60,14 @@ const personCenter = [
                   enName: 'Resume Template',
                   title: '简历模板'
                 }
+              },
+              {
+                path: '/recruit/personal/personalCenter/resume/blockEnt',
+                component: () => import('@/views/recruit/personal/PersonalCenter/resume/blockEnt/index.vue'),
+                meta: {
+                  enName: 'Block Enterprises',
+                  title: '屏蔽企业'
+                }
               }
             ]
           },

src/views/recruit/personal/PersonalCenter/resume/template/index.vue

@@ -2,12 +2,41 @@
   <div class="resume-box" style="position: relative; height: 100%;">
     <div class="resume-header">
       <div class="resume-title">简历模板下载</div>
+      <v-btn  variant="text" color="primary" prepend-icon="mdi-export-variant" @click="handleExport">下载</v-btn>
+    </div>
+    <div style="height: calc(100% - 58px);  width: 100%;" class="mt-3">
+      <iframe v-if="url" id="mapPage" width="100%" height="100%" frameborder="0" :src="url"></iframe>
+      <div v-else class="mt-8">
+        <span class="color-error">
+          简历模板为会员福利内容，<span class="text-decoration-underline cursor-pointer" @click="goBuy">去购买</span>
+        </span>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup>
+import { ref } from 'vue'
+defineOptions({name: 'resume-template'})
+import download from '@/utils/download'
+import { useRouter } from 'vue-router'; const router = useRouter()
+import { savePersonResumeCv } from '@/api/recruit/personal/resume'
+
+const exportLoading = ref(false)
+const handleExport = async () => {
+  exportLoading.value = true
+  try {
+    const data = await savePersonResumeCv()
+    download.excel(data, '众聘职位列表.xlsx')
+  } finally {
+    exportLoading.value = false
+  }
+}
 
+const url = ref('')
+const goBuy = () => {
+  router.push('/recruit/personal/personalCenter/memberBenefits/membershipPackage')
+}
 </script>
 
 <style lang="scss" scoped>