面试日程

src/locales/en.js

@@ -237,6 +237,7 @@ export default {
     currentAddress: 'Current address',
     topResume: 'Top resume',
     refreshResume: 'Refresh resume',
+    interviewSchedule: 'Interview schedule',
     increaseMoreExposure: 'Increase more exposure',
     enhanceResumeActivity: 'Enhance resume activity',
     attachmentResume: 'Attachment resume',

src/locales/zh-CN.js

@@ -237,6 +237,7 @@ export default {
     currentAddress: '现居地址',
     topResume: '置顶简历',
     refreshResume: '刷新简历',
+    interviewSchedule: '面试日程',
     increaseMoreExposure: '增加更多曝光度',
     enhanceResumeActivity: '提升简历活跃度',
     attachmentResume: '附件简历',

src/views/recruit/personal/PersonalCenter/components/interviewSchedule.vue

@@ -0,0 +1,32 @@
+<!-- 面试日程 -->
+<template>
+  <div style="height: 100%; overflow: hidden;">
+    <div class="white-bgc pa-3 pt-5 mb-3" style="font-size: 16px; display: flex; justify-content: space-between;">
+      <div>面试日程</div>
+      <div class="defaultLink" @click="null">查看全部</div>
+    </div>
+    <!-- 滚动区域 -->
+     <div class="mr-1" style="height: calc(100% - 100px); background-color: var(--default-bgc); overflow-y: auto;">
+      
+     </div>
+  </div>
+</template>
+
+<script setup>
+defineOptions({name: 'PersonalCenter-interviewSchedule'})
+</script>
+<style lang="scss" scoped>
+::-webkit-scrollbar {
+  width: 4px;
+  height: 10px;
+  display: none;
+}
+::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
+  // 滚动条-颜色
+  background: #c3c3c379;
+}
+::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
+  // 滚动条-底色
+  background: #e5e5e58f;
+}
+</style>

src/views/recruit/personal/PersonalCenter/dynamic/right.vue

@@ -19,7 +19,7 @@
     </div>
 
     <div class="resume d-flex">
-      <div v-for="val in resumeList" :key="val.title" class="topping white-bgc radius">
+      <div v-for="val in resumeList" :key="val.title" class="topping white-bgc radius" @click="resumeClick(val)">
         <v-icon color="primary">{{ val.icon }}</v-icon>
         <div class="ml-1">
           <div class="title-text">{{ val.title }}</div>
@@ -53,6 +53,15 @@
       </div>
       <div v-else class="more-text d-flex justify-center">暂无简历，请先上传</div>
     </div>
+    <v-navigation-drawer
+      v-model="showInterviewSchedule"
+      style="height: 100vh; overflow: hidden;"
+      temporary
+      location="right"
+      width="700"
+    >
+      <interviewSchedule></interviewSchedule>
+    </v-navigation-drawer>
   </div>
 </template>
 
@@ -67,6 +76,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useUserStore } from '@/store/user'
 import Snackbar from '@/plugins/snackbar'
 import Confirm from '@/plugins/confirm'
+import interviewSchedule from './../components/interviewSchedule.vue'
 
 const { t } = useI18n()
 const router = useRouter()
@@ -82,9 +92,16 @@ userStore.$subscribe((mutation, state) => {
 })
 
 const resumeList = [
-  { icon: 'mdi-upload', title: t('resume.topResume'), desc: t('resume.increaseMoreExposure') },
-  { icon: 'mdi-refresh', title: t('resume.refreshResume'), desc: t('resume.enhanceResumeActivity') }
+  // { icon: 'mdi-upload', title: t('resume.topResume'), desc: t('resume.increaseMoreExposure') },
+  { name: 'refresh', icon: 'mdi-refresh', title: t('resume.refreshResume'), desc: t('resume.enhanceResumeActivity') },
+  { name: 'interview', icon: 'mdi-account-multiple-check-outline', title: t('resume.interviewSchedule'), desc: '有2个待面试' },
 ]
+const showInterviewSchedule = ref(false)
+const resumeClick = (val) => {
+  if (val.name === 'interview') {
+    showInterviewSchedule.value = true
+  }
+}
 
 // 获取附件
 const attachmentList = ref([])