|
@@ -16,10 +16,10 @@
|
|
|
</div>
|
|
|
<div class="pt-3 contentBox px-1" id="contentBox" ref="scrollBox">
|
|
|
<component
|
|
|
- v-for="val in items"
|
|
|
+ v-for="(val, index) in items"
|
|
|
:key="val.id"
|
|
|
class="mb-3 elevation-2"
|
|
|
- :is="val.path"
|
|
|
+ :is="paths[index]"
|
|
|
:id="val.id"
|
|
|
@complete="complete"
|
|
|
/>
|
|
@@ -29,7 +29,7 @@
|
|
|
|
|
|
<script setup>
|
|
|
defineOptions({ name: 'person-center-resume-online'})
|
|
|
-import { ref, onMounted, shallowRef } from 'vue'
|
|
|
+import { ref, onMounted } from 'vue'
|
|
|
import { useI18n } from '@/hooks/web/useI18n'
|
|
|
import basicInfo from './components/basicInfo.vue'
|
|
|
import selfEvaluation from './components/selfEvaluation.vue'
|
|
@@ -43,15 +43,16 @@ import vocationalSkills from './components/vocationalSkills.vue'
|
|
|
const { t } = useI18n()
|
|
|
const scrollBox = ref()
|
|
|
const tab = ref(0)
|
|
|
-const items = shallowRef([
|
|
|
- { text: t('resume.basicInfo'), id: 'basicInfo', status: true, path: basicInfo },
|
|
|
- { text: t('resume.personalAdvantages'), id: 'selfEvaluation', status: false, path: selfEvaluation },
|
|
|
- { text: t('resume.jobIntention'), id: 'jobIntention', status: true, path: jobIntention },
|
|
|
- { text: t('resume.educationExp'), id: 'educationExp', status: true, path: educationExp },
|
|
|
- { text: t('resume.workExperience'), id: 'workExperience', status: false, path: workExperience },
|
|
|
- { text: t('resume.projectExperience'), id: 'projectExperience', status: true, path: projectExperience },
|
|
|
- { text: t('resume.trainingExperience'), id: 'trainingExperience', status: false, path: trainingExperience },
|
|
|
- { text: t('resume.vocationalSkills'), id: 'vocationalSkills', status: true, path: vocationalSkills }
|
|
|
+const paths = [basicInfo, selfEvaluation, jobIntention, educationExp, workExperience, projectExperience, trainingExperience, vocationalSkills]
|
|
|
+const items = ref([
|
|
|
+ { text: t('resume.basicInfo'), id: 'basicInfo', status: false },
|
|
|
+ { text: t('resume.personalAdvantages'), id: 'selfEvaluation', status: false },
|
|
|
+ { text: t('resume.jobIntention'), id: 'jobIntention', status: false },
|
|
|
+ { text: t('resume.educationExp'), id: 'educationExp', status: false },
|
|
|
+ { text: t('resume.workExperience'), id: 'workExperience', status: false },
|
|
|
+ { text: t('resume.projectExperience'), id: 'projectExperience', status: false },
|
|
|
+ { text: t('resume.trainingExperience'), id: 'trainingExperience', status: false },
|
|
|
+ { text: t('resume.vocationalSkills'), id: 'vocationalSkills', status: false }
|
|
|
])
|
|
|
|
|
|
onMounted(() => {
|