|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="重置"> | 
|---|
|  |  |  | <div class="home-query-position-menu-view"> | 
|---|
|  |  |  | <PositionSelectView v-model="query.position" /> | 
|---|
|  |  |  | <PositionSelectView v-model="query.userExpectJobs" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </QueryMenuView> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { QueryMenuView, QueryMenuItem, PositionSelectView } from '@12333/components'; | 
|---|
|  |  |  | import { GenderText } from '@12333/constants'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'HomeQueryPositionMenuView', | 
|---|
|  |  |  | 
|---|
|  |  |  | }>(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const query = defineModel<{ | 
|---|
|  |  |  | position: string[]; | 
|---|
|  |  |  | userExpectJobs: string[]; | 
|---|
|  |  |  | }>('query'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const DefaultQuery = { | 
|---|
|  |  |  | ...query.value, | 
|---|
|  |  |  | userExpectJobs: [...query.value.userExpectJobs], | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function handleReset() { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .home-query-position-menu-view { | 
|---|
|  |  |  | max-height: 400px; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .position-select-view { | 
|---|
|  |  |  | height: 400px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|