|
|
@@ -1,19 +1,35 @@
|
|
|
<template>
|
|
|
- <commonStyle btnTitle="工作经验">
|
|
|
- <div></div>
|
|
|
+ <commonStyle btnTitle="工作经验" :close-on-content-click="false">
|
|
|
+ <v-list>
|
|
|
+ <v-list-item
|
|
|
+ color="primary"
|
|
|
+ :active="selectedItems.includes(item.value)"
|
|
|
+ v-for="item in items" :key="item.id" :value="item.value"
|
|
|
+ @click="handle(item.value)"
|
|
|
+ >
|
|
|
+ <v-list-item-title>{{ item.label }}</v-list-item-title>
|
|
|
+ </v-list-item>
|
|
|
+ </v-list>
|
|
|
</commonStyle>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import commonStyle from './commonStyle.vue'
|
|
|
import { getDict } from '@/hooks/web/useDictionaries'
|
|
|
-import { ref } from 'vue';
|
|
|
+import { ref, defineEmits } from 'vue';
|
|
|
|
|
|
defineOptions({name: 'conditionFilter-expType'})
|
|
|
+const emits = defineEmits(['selectedItems'])
|
|
|
let items = ref()
|
|
|
+const selectedItems = ref([])
|
|
|
getDict('menduner_exp_type').then(({ data }) => { // 工作经验
|
|
|
data = data?.length && data || []
|
|
|
items.value = data
|
|
|
})
|
|
|
+const handle = (val) => {
|
|
|
+ if (selectedItems.value.includes(val)) selectedItems.value = selectedItems.value.filter(i => i !== val)
|
|
|
+ else selectedItems.value.push(val)
|
|
|
+ emits('selectedItems', selectedItems.value)
|
|
|
+}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
</style>
|
