| | |
| | | <template> |
| | | <div class="outcome-container"> |
| | | <el-form ref="searchRef" :model="searchParams" class="gd-search-form"> |
| | | <el-form-item label="巡查任务名称" prop="patrolTaskName"> |
| | | <el-form-item label="巡查任务名称" prop="patrolTaskIds"> |
| | | <el-select |
| | | class="gd-select" |
| | | popper-class="gd-select-popper" |
| | | class="gd-select" |
| | | popper-class="gd-select-popper" |
| | | collapse-tags |
| | | collapse-tags-tooltip |
| | | v-model="searchParams.patrolTaskIds" |
| | | placeholder="请选择" |
| | | clearable |
| | | filterable |
| | | |
| | | multiple |
| | | @change="handleSearch" |
| | | > |
| | |
| | | const initSearchParams = () => ({ |
| | | current: 1, |
| | | size: 10, |
| | | patrolTaskIds: '' |
| | | patrolTaskIds: [] |
| | | }) |
| | | |
| | | const searchParams = ref(initSearchParams()) |
| | |
| | | const res = await gdTaskResultPageApi({ |
| | | ...searchParams.value, |
| | | workOrderId: props.workOrderId, |
| | | patrolTaskIds: searchParams.value.patrolTaskIds.join(',') |
| | | patrolTaskIds: searchParams.value.patrolTaskIds.length |
| | | ? searchParams.value.patrolTaskIds.join(',') |
| | | : '' |
| | | }) |
| | | list.value = res?.data?.data?.records || [] |
| | | total.value = res?.data?.data?.total || 0 |
| | |
| | | |
| | | // 重置搜索 |
| | | function resetForm() { |
| | | searchParams.value = initSearchParams() |
| | | searchRef.value?.resetFields() |
| | | getList() |
| | | searchRef.value?.resetFields() |
| | | searchParams.value = { ...initSearchParams() } |
| | | selectedRows.value = [] |
| | | getList() |
| | | } |
| | | |
| | | // 选择变化 |
| | |
| | | |
| | | // 监听 workOrderId 变化 |
| | | watch( |
| | | () => props.workOrderId, |
| | | (newWorkOrderId) => { |
| | | if (newWorkOrderId) { |
| | | getList() |
| | | getPatrolTaskList() |
| | | } |
| | | }, |
| | | { immediate: true } |
| | | () => props.workOrderId, |
| | | (newWorkOrderId) => { |
| | | if (newWorkOrderId) { |
| | | resetForm() |
| | | getList() |
| | | getPatrolTaskList() |
| | | } |
| | | }, |
| | | { immediate: true } |
| | | ) |
| | | |
| | | onMounted(() => { |