筛选条件

src/views/recruit/position/components/conditionFilter.vue

@@ -2,12 +2,22 @@
   <div class="d-flex">
     <companyIndustry></companyIndustry>
     <positionType></positionType>
-    <JobSearchType></JobSearchType>
+    <JobType></JobType>
+    <expType></expType>
+    <payScope></payScope>
+    <educationType></educationType>
+    <scale></scale>
+    <financingStatus></financingStatus>
   </div>
 </template>
 <script setup>
 import companyIndustry from './conditionFilter/companyIndustry.vue'
 import positionType from './conditionFilter/positionType.vue'
-import JobSearchType from './conditionFilter/JobSearchType.vue'
+import JobType from './conditionFilter/JobType.vue'
+import expType from './conditionFilter/expType.vue'
+import payScope from './conditionFilter/payScope.vue'
+import educationType from './conditionFilter/educationType.vue'
+import scale from './conditionFilter/scale.vue'
+import financingStatus from './conditionFilter/financingStatus.vue'
 defineOptions({name: 'retrieval-components-conditionFilter'})
 </script>

src/views/recruit/position/components/conditionFilter/JobSearchType.vue

@@ -1,14 +0,0 @@
-<template>
-  <commonStyle btnTitle="求职类型">
-    <div>
-      求职类型
-    </div>
-  </commonStyle>
-</template>
-<script setup>
-import commonStyle from './commonStyle.vue'
-
-defineOptions({name: 'conditionFilter-company-industry'})
-</script>
-<style lang="scss" scoped>
-</style>

src/views/recruit/position/components/conditionFilter/JobType.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="求职类型">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-JobType'})
+let items = ref()
+getDict('menduner_job_type').then(({ data }) => { // 求职类型
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/recruit/position/components/conditionFilter/commonStyle.vue

@@ -33,6 +33,7 @@ const drawer = ref(false)
   border-radius: 4px;
   margin-right: 20px;
   margin-bottom: 4px;
+  cursor: pointer;
   &:hover {
     color: var(--v-primary-base);
     background-color: #d5e6e8;

src/views/recruit/position/components/conditionFilter/educationType.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="学历要求">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-educationType'})
+let items = ref()
+getDict('menduner_education_type').then(({ data }) => { // 学历要求
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/recruit/position/components/conditionFilter/expType.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="工作经验">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-expType'})
+let items = ref()
+getDict('menduner_exp_type').then(({ data }) => { // 工作经验
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/recruit/position/components/conditionFilter/financingStatus.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="融资阶段">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-financingStatus'})
+let items = ref()
+getDict('menduner_financing_status').then(({ data }) => { // 融资阶段
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/recruit/position/components/conditionFilter/payScope.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="薪资待遇">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-payScope'})
+let items = ref()
+getDict('menduner_pay_scope').then(({ data }) => { // 薪资待遇
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/recruit/position/components/conditionFilter/scale.vue

@@ -0,0 +1,19 @@
+<template>
+  <commonStyle btnTitle="公司规模">
+    <div></div>
+  </commonStyle>
+</template>
+<script setup>
+import commonStyle from './commonStyle.vue'
+import { getDict } from '@/hooks/web/useDictionaries'
+import { ref } from 'vue';
+
+defineOptions({name: 'conditionFilter-scale'})
+let items = ref()
+getDict('menduner_scale').then(({ data }) => { // 公司规模
+  data = data?.length && data || []
+  items.value = data
+})
+</script>
+<style lang="scss" scoped>
+</style>