|  |  | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import { useUser, useTaskList, HomeOrderType } from '@/hooks'; | 
 |  |  | import { useUserStore } from '@/stores/modules/user'; | 
 |  |  | import { RectDown, Location2 } from '@nutui/icons-vue-taro'; | 
 |  |  | import { useUser } from '@/hooks'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { setLocationCity } from '@/utils'; | 
 |  |  | import _ from 'lodash'; | 
 |  |  | 
 |  |  | import { TaskCard, ProTabs, ProTabPane } from '@12333/components'; | 
 |  |  | import HomeQueryMenuView from './HomeQueryMenuView.vue'; | 
 |  |  | import IconLocaltion from '@/assets/task/icon-localtion.png'; | 
 |  |  | import { useAllAreaList, useTaskList, HomeOrderType } from '@12333/hooks'; | 
 |  |  | import { useAccessLogin } from '@/hooks'; | 
 |  |  |  | 
 |  |  | const { locationCity } = useUser(); | 
 |  |  |  | 
 |  |  | const userStore = useUserStore(); | 
 |  |  | const { findAreaCodeFromName } = useAllAreaList(); | 
 |  |  |  | 
 |  |  | const { searchValue, queryState, handleSearch, infiniteLoadingProps, queryMenuState } = useTaskList( | 
 |  |  |   { cityName: locationCity } | 
 |  |  |   { | 
 |  |  |     cityCode: computed(() => findAreaCodeFromName(locationCity.value)), | 
 |  |  |     enabled: computed(() => !!findAreaCodeFromName(locationCity.value)), | 
 |  |  |   } | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | onMounted(async () => { | 
 |  |  | 
 |  |  |  | 
 |  |  | function goTaskDetail(item: API.GetTaskInfosQueryResultItem) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.taskDetail}?id=${item.id}`, | 
 |  |  |     url: `${RouterPath.taskDetail}?id=${item.id}&from=apply`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const goTaskApply = useAccessLogin((item: API.GetTaskInfosQueryResultItem) => { | 
 |  |  |   console.log('item: ', item); | 
 |  |  | }); | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> |