|  |  |  | 
|---|
|  |  |  | <div class="expect-position-page-footer"> | 
|---|
|  |  |  | <div class="expect-position-select-wrapper" v-if="checkdList.length > 0"> | 
|---|
|  |  |  | <div class="expect-position-select-item" v-for="(item, index) in checkdList" :key="index"> | 
|---|
|  |  |  | <div class="expect-position-select-item-text">{{ item.name }}</div> | 
|---|
|  |  |  | <div class="expect-position-select-item-text">{{ item.label }}</div> | 
|---|
|  |  |  | <div class="expect-position-select-item-icon-wrapper"> | 
|---|
|  |  |  | <Close | 
|---|
|  |  |  | :size="8" | 
|---|
|  |  |  | class="expect-position-select-item-icon" | 
|---|
|  |  |  | @click="handleDelete(item.id)" | 
|---|
|  |  |  | @click="handleDelete(item.value)" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { PositionSelectView } from '@12333/components'; | 
|---|
|  |  |  | import { SearchType } from '@12333/constants'; | 
|---|
|  |  |  | import { useSearchSettingType } from '@12333/hooks'; | 
|---|
|  |  |  | import { CategoryCode } from '@12333/constants'; | 
|---|
|  |  |  | import { useDictionaryDataSelect } from '@12333/hooks'; | 
|---|
|  |  |  | import { Close } from '@nutui/icons-vue-taro'; | 
|---|
|  |  |  | import Taro from '@tarojs/taro'; | 
|---|
|  |  |  | import { size } from 'lodash'; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const positionList = ref([]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { searchSettingTypeList: position } = useSearchSettingType({ | 
|---|
|  |  |  | searchType: SearchType.Position, | 
|---|
|  |  |  | const { dictionaryDataList: position } = useDictionaryDataSelect({ | 
|---|
|  |  |  | categoryCode: CategoryCode.Position, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const checkdList = computed(() => { | 
|---|
|  |  |  | if (!positionList.value.length) return []; | 
|---|
|  |  |  | return position.value.filter((x) => positionList.value.includes(x.id)); | 
|---|
|  |  |  | return position.value.filter((x) => positionList.value.includes(x.value)); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function handleDelete(id: string) { | 
|---|