教育经历

src/locales/en.js

@@ -2,6 +2,7 @@ export default {
   common: {
     confirmTitle: 'System Hint',
     edit: 'Edit',
+    delete: 'Delete',
     cancel: 'Cancel',
     save: 'Save',
     add: 'Add'

src/locales/zh-CN.js

@@ -2,6 +2,7 @@ export default {
   common: {
     confirmTitle: '系统提示',
     edit: '编辑',
+    delete: '删除',
     cancel: '取消',
     save: '保存',
     add: '新增'

src/views/resume/components/educationExp.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="resume-box">
+    <div class="resume-header mb-3">
+      <div class="resume-title">{{ $t('resume.educationExp') }}</div>
+      <v-btn  variant="text" color="primary" prepend-icon="mdi-plus-box" @click="isEdit = true">{{ $t('common.add') }}</v-btn>
+    </div>
+    <div></div>
+    <div
+      v-for="(item, index) in items" :key="'educationExp' + index"
+      :class="['educExpItem', {'mt-5': index,'elevation-5 elevation5': item.active }]"
+    >
+      <div class="level1 d-flex align-center justify-space-between" style="height: 40px;">
+        <div>
+          <span style="font-size: 18px; font-weight: bold;">{{ item.university }}</span>
+          <span class="color6 ml-5">{{ item.timeSlot }}</span>
+        </div>
+        <div>
+          <v-btn  variant="text" color="primary" prepend-icon="mdi-square-edit-outline" @click="isEdit = true">{{ $t('common.edit') }}</v-btn>
+          <v-btn  variant="text" color="primary" prepend-icon="mdi-delete-outline" @click="isEdit = true">{{ $t('common.delete') }}</v-btn>
+        </div>
+      </div>
+      <div class="level2 my-2">
+        <span class="color6">{{ item.major }}</span>
+        <span class="color6 mx-2" v-if="item.eduType && item.eduType !== 0">|</span>
+        <span class="color6">{{ item.eduType }}</span>
+      </div>
+      <div class="level3">
+        <span class="color6">主修科目：</span>
+        <span class="color6">{{ item.majors }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="educationExp">
+// import CtForm from '@/components/CtForm'
+import { ref } from 'vue'
+
+const isEdit = ref(true)
+const items = ref([
+  {
+    university: '广州大学',
+    timeSlot: '2017/9-2021/7',
+    major: '酒店管理专业',
+    eduType: '本科',
+    majors: '现代酒店管理、酒店心理、旅游学概论、前厅客房服务与管理、餐饮服务与管理、酒店英语、现代酒店营销、酒店财务管理、会议服务与管理、康乐服务与管理、酒店实用英语。',
+  },
+  {
+    university: '广州大学',
+    timeSlot: '2017/9-2021/7',
+    major: '酒店管理专业',
+    eduType: '本科',
+    majors: '现代酒店管理、酒店心理、旅游学概论、前厅客房服务与管理、餐饮服务与管理、酒店英语、现代酒店营销、酒店财务管理、会议服务与管理、康乐服务与管理、酒店实用英语。',
+  },
+])
+
+// const items = ref({
+//   options: []
+// })
+
+// 期望职位
+// const handleJobClickItem = (val) => {
+//   items.value.options.find(e => e.key === 'positionId').value = val.nameCn
+// }
+
+// const handleIndustry = (list) => {
+//   console.log(list, 'industry')
+// }
+</script>
+
+<style scoped lang="scss">
+.color6 { color: #666666; }
+.educExpItem {
+  cursor: pointer;
+}
+.elevation5 {
+  padding: 12px 20px;
+  border-radius: 5px;
+  // background: var(--default-bgc);
+}
+</style>

src/views/resume/dynamic/right.vue

@@ -3,6 +3,7 @@
     <basicInfo class="mb-3"></basicInfo>
     <selfEvaluation></selfEvaluation>
     <jobIntention class="mt"></jobIntention>
+    <educationExp class="mt"></educationExp>
   </div>
 </template>
 
@@ -11,6 +12,7 @@ defineOptions({ name: 'resume-right'})
 import basicInfo from '../components/basicInfo.vue'
 import selfEvaluation from '../components/selfEvaluation.vue'
 import jobIntention from '../components/jobIntention.vue'
+import educationExp from '../components/educationExp.vue'
 </script>
 
 <style scoped lang="scss">