|
|
@@ -1,11 +1,27 @@
|
|
|
<template>
|
|
|
<div class="resume-box">
|
|
|
- <div class="resume-header mb-3">
|
|
|
+ <div class="resume-header mb-3" @mouseenter="showAddBtn = true" @mouseleave="showAddBtn = false">
|
|
|
<div class="resume-title">{{ $t('resume.jobIntention') }}</div>
|
|
|
- <v-btn v-if="!isEdit" variant="text" color="primary" prepend-icon="mdi-plus-box" @click="isEdit = true">{{ $t('common.add') }}</v-btn>
|
|
|
+ <v-btn v-if="showAddBtn" variant="text" color="primary" prepend-icon="mdi-plus-box" @click="isAdd = true" :disabled="isAdd">{{ $t('common.add') }}</v-btn>
|
|
|
</div>
|
|
|
- <div></div>
|
|
|
- <div v-if="isEdit">
|
|
|
+ <div v-if="!isAdd">
|
|
|
+ <div class="position-item" v-for="(k, i) in positionList" :key="i" @mouseenter="k.active = true" @mouseleave="k.active = false">
|
|
|
+ <span>{{ k.name }}</span>
|
|
|
+ <span class="vline"></span>
|
|
|
+ <span>{{k.payFrom}}-{{k.payTo}}k</span>
|
|
|
+ <span class="vline"></span>
|
|
|
+ <span class="grey-text">{{ k.industryIds }}</span>
|
|
|
+ <span class="vline"></span>
|
|
|
+ <span class="grey-text">{{ k.areaName }}</span>
|
|
|
+ <span class="vline"></span>
|
|
|
+ <span class="grey-text">{{ k.jobType }}</span>
|
|
|
+ <span class="float-right" v-if="k.active">
|
|
|
+ <v-btn variant="text" color="primary" prepend-icon="mdi-square-edit-outline">{{ $t('common.edit') }}</v-btn>
|
|
|
+ <v-btn variant="text" color="primary" prepend-icon="mdi-trash-can-outline">{{ $t('common.delete') }}</v-btn>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="isAdd">
|
|
|
<CtForm :items="items" style="width: 100%;">
|
|
|
<template #positionId="{ item }">
|
|
|
<v-menu :close-delay="1" :open-delay="0" v-bind="$attrs">
|
|
|
@@ -36,6 +52,10 @@
|
|
|
</v-menu>
|
|
|
</template>
|
|
|
</CtForm>
|
|
|
+ <div class="text-end">
|
|
|
+ <v-btn class="half-button mr-3" variant="tonal" @click="isAdd = false">{{ $t('common.cancel') }}</v-btn>
|
|
|
+ <v-btn color="primary" class="half-button">{{ $t('common.save') }}</v-btn>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -47,7 +67,8 @@ import textUI from '@/components/FormUI/TextInput'
|
|
|
import jobTypeCard from '@/components/jobTypeCard'
|
|
|
import industryTypeCard from '@/components/industryTypeCard'
|
|
|
|
|
|
-const isEdit = ref(true)
|
|
|
+const isAdd = ref(false)
|
|
|
+const showAddBtn = ref(false)
|
|
|
|
|
|
const items = ref({
|
|
|
options: [
|
|
|
@@ -131,6 +152,27 @@ const handleJobClickItem = (val) => {
|
|
|
const handleIndustry = (list) => {
|
|
|
console.log(list, 'industry')
|
|
|
}
|
|
|
+
|
|
|
+const positionList = ref([
|
|
|
+ {
|
|
|
+ name: '前端开发工程师',
|
|
|
+ payFrom: 5,
|
|
|
+ payTo: 20,
|
|
|
+ industryIds: '行业不限',
|
|
|
+ areaName: '广州',
|
|
|
+ jobType: '全职',
|
|
|
+ active: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '规控算法',
|
|
|
+ payFrom: 9,
|
|
|
+ payTo: 10,
|
|
|
+ industryIds: '医疗设备',
|
|
|
+ areaName: '广州',
|
|
|
+ jobType: '兼职',
|
|
|
+ active: false
|
|
|
+ }
|
|
|
+])
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
@@ -139,4 +181,13 @@ const handleIndustry = (list) => {
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
}
|
|
|
+.position-item {
|
|
|
+ margin-bottom: 12px;
|
|
|
+ span {
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
+ .grey-text {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
Xiao_123