| | |
| | | <template> |
| | | <QueryMenuView @close="emit('close')"> |
| | | <QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="重置"> |
| | | <div class="home-query-menu-view"> |
| | | <QueryMenuItem title="结算方式"> |
| | | <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | </QueryMenuItem> |
| | | <QueryMenuItem title="员工福利"> |
| | | <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | </QueryMenuItem> |
| | | <QueryMenuItem title="性别要求"> |
| | | <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio> |
| | | </QueryMenuItem> |
| | | </div> |
| | | </QueryMenuView> |
| | |
| | | // const props = withDefaults(defineProps<Props>(), {}); |
| | | |
| | | const emit = defineEmits<{ |
| | | (e: 'reset'): void; |
| | | (e: 'close'): void; |
| | | }>(); |
| | | |
| | | const gender = defineModel<number | string>('gender'); |
| | | const query = defineModel<{ |
| | | gender: number | string; |
| | | }>('query'); |
| | | |
| | | const DefaultQuery = { |
| | | ...query.value, |
| | | }; |
| | | |
| | | function handleReset() { |
| | | for (const key in DefaultQuery) { |
| | | query.value[key] = DefaultQuery[key]; |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |