| | |
| | | <template> |
| | | <div class="searchbar-container"> |
| | | <div class="searchbar-container" v-if="showQueryState"> |
| | | <BlSearchbar |
| | | v-model.trim="searchValue" |
| | | placeholder="搜索姓名/身份证号" |
| | |
| | | :showFooterLeft="false" |
| | | > |
| | | <template #footerRight> |
| | | <nut-button type="primary" @click="handleArrange(item)">安排</nut-button> |
| | | <!-- <div class="batch-task-card-status">已安排</div> --> |
| | | <nut-button v-if="showQueryState" type="primary" @click="handleArrange(item)" |
| | | >安排</nut-button |
| | | > |
| | | <div v-else class="batch-task-card-status">已安排</div> |
| | | </template> |
| | | </FlexJobCard> |
| | | </template> |
| | |
| | | const searchValue = ref(''); |
| | | const router = Taro.useRouter(); |
| | | const taskId = router.params?.taskId ?? ''; |
| | | const status = router.params?.status ?? ''; |
| | | const queryState = reactive({ |
| | | searchValueTrim: '', |
| | | }); |
| | | |
| | | const showQueryState = computed(() => { |
| | | return status === 'arrange'; |
| | | }); |
| | | |
| | | const handleSearch = _.debounce(function () { |
| | | queryState.searchValueTrim = trim(searchValue.value); |
| | | }, 300); |