|  |  | 
 |  |  |       </nut-form-item> | 
 |  |  |       <nut-form-item label="公司所在地" class="bole-form-item" prop="areaList" required> | 
 |  |  |         <ChooseInputWithAreaPicker | 
 |  |  |           :columns="areaTreeList" | 
 |  |  |           :columns="areaTree" | 
 |  |  |           v-model="form.areaList" | 
 |  |  |           placeholder="请选择您公司的所在地" | 
 |  |  |         ></ChooseInputWithAreaPicker> | 
 |  |  | 
 |  |  | import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { goBack } from '@/utils'; | 
 |  |  | import { useAllAreaList } from '@12333/hooks'; | 
 |  |  | import { useAreaTree } from '@12333/hooks'; | 
 |  |  | import { useQuery } from '@tanstack/vue-query'; | 
 |  |  | import { AreaType } from '@12333/constants'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'InnerPage', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { userDetail } = useUser(); | 
 |  |  | const { areaTreeList } = useAllAreaList(); | 
 |  |  | const { areaTree } = useAreaTree({ | 
 |  |  |   maxLayer: AreaType.City, | 
 |  |  | }); | 
 |  |  | const router = Taro.useRouter(); | 
 |  |  | const taskId = router.params?.taskId ?? ''; | 
 |  |  |  | 
 |  |  | const form = reactive({ | 
 |  |  |   avatarUrl: [], | 
 |  |  |   name: '', | 
 |  |  |   areaList: [] as number[], | 
 |  |  |   areaList: [] as string[], | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const rules = reactive<FormRules>({ |