| | |
| | | </el-form-item> |
| | | <el-form-item label="文件类别:"> |
| | | <el-select |
| | | :disabled="disabled" |
| | | :teleported="false" |
| | | v-model="searchForm.photoType" |
| | | placeholder="请选择" |
| | |
| | | </div> |
| | | <div class="search-first"> |
| | | <div class="search-btn"> |
| | | <el-button type="primary" icon="el-icon-download" @click="allDownloadFun">全部下载</el-button> |
| | | <el-button type="success" plain icon="el-icon-download" @click="downloadFun">下载</el-button> |
| | | <el-button type="primary" icon="el-icon-download" @click="allDownloadFun" |
| | | >全部下载</el-button |
| | | > |
| | | <el-button type="success" plain icon="el-icon-download" @click="downloadFun" |
| | | >下载</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | |
| | | import dayjs from 'dayjs'; |
| | | import { useStore } from 'vuex'; |
| | | import { getRegionTreeAll, getDeviceRegion, deptsByAreaCode } from '@/api/job/task'; |
| | | import { watch } from 'vue'; |
| | | const store = useStore(); |
| | | const userAreaCode = computed(() => store.getters.userInfo.detail.areaCode); |
| | | const selectedAreaCode = computed(() => store.state.user.selectedAreaCode); |
| | | const emit = defineEmits(['search','downFun','allDownFun']); |
| | | const emit = defineEmits(['search', 'downFun', 'allDownFun']); |
| | | const startTime = dayjs().subtract(6, 'day').startOf('day'); |
| | | const endTime = dayjs().endOf('day'); |
| | | const timeRange = [startTime.format('YYYY-MM-DD HH:mm:ss'), endTime.format('YYYY-MM-DD HH:mm:ss')]; |
| | | const dateRange = ref(timeRange); |
| | | const timeFormat = 'YYYY-MM-DD HH:mm:ss'; |
| | | const searchForm = reactive({ |
| | | jobName: '', //任务名称 |
| | | name: '', //文件名称 |
| | | areaCode: userAreaCode.value, // 区域code |
| | | endTime: endTime.format(timeFormat), // 结束时间 |
| | | startTime: startTime.format(timeFormat), // 开始时间 |
| | | deviceSn: '', // 所属机巢 |
| | | resultType: '', //文件格式 |
| | | photoType: '', //文件类别 |
| | | }); |
| | | const disabled = ref(false); |
| | | const treeProps = { |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'childrens', |
| | | }; |
| | | const fileFormatOption = [ |
| | | { |
| | | { |
| | | value: '', |
| | | label: '全部', |
| | | }, |
| | |
| | | label: '红外', |
| | | }, |
| | | ]; |
| | | const startTime = dayjs().subtract(6, 'day').startOf('day') |
| | | const endTime = dayjs().endOf('day') |
| | | const timeRange = [startTime.format('YYYY-MM-DD HH:mm:ss'), endTime.format('YYYY-MM-DD HH:mm:ss')] |
| | | const dateRange = ref(timeRange); |
| | | const timeFormat = 'YYYY-MM-DD HH:mm:ss'; |
| | | const searchForm = reactive({ |
| | | jobName: '', //任务名称 |
| | | name: '', //文件名称 |
| | | areaCode: userAreaCode.value, // 区域code |
| | | endTime: endTime.format(timeFormat), // 结束时间 |
| | | startTime: startTime.format(timeFormat), // 开始时间 |
| | | deviceSn: '', // 所属机巢 |
| | | resultType: '', //文件格式 |
| | | photoType: '', //文件类别 |
| | | }); |
| | | watch( |
| | | () => searchForm.resultType, |
| | | newVal => { |
| | | if (newVal === '4') { |
| | | disabled.value = true; |
| | | } else { |
| | | disabled.value = false; |
| | | } |
| | | }, |
| | | { deep: true } |
| | | ); |
| | | |
| | | // 部门 |
| | | let deptTreeData = ref([]); |
| | |
| | | }, 0); |
| | | return; |
| | | } |
| | | |
| | | |
| | | // 更新搜索表单中的时间 |
| | | searchForm.startTime = start.format(timeFormat); |
| | | searchForm.endTime = end.format(timeFormat); |
| | |
| | | searchForm.deviceSn = signDevice_sn.value; |
| | | } |
| | | // 所属部门重新请求值 |
| | | |
| | | |
| | | deptData.value = []; |
| | | getDeptsByAreaCode(); |
| | | }; |
| | |
| | | // 清空 |
| | | const handleReset = () => { |
| | | dateRange.value = timeRange; |
| | | searchForm.jobName = '' |
| | | searchForm.name = '' |
| | | searchForm.areaCode = userAreaCode.value |
| | | searchForm.endTime = endTime.format(timeFormat) |
| | | searchForm.startTime = startTime.format(timeFormat) |
| | | searchForm.deviceSn = '' |
| | | searchForm.resultType = '' |
| | | searchForm.photoType = '' |
| | | searchForm.jobName = ''; |
| | | searchForm.name = ''; |
| | | searchForm.areaCode = userAreaCode.value; |
| | | searchForm.endTime = endTime.format(timeFormat); |
| | | searchForm.startTime = startTime.format(timeFormat); |
| | | searchForm.deviceSn = ''; |
| | | searchForm.resultType = ''; |
| | | searchForm.photoType = ''; |
| | | handleNodeClick({ id: userAreaCode.value }); |
| | | handleSearch(); |
| | | |
| | | }; |
| | | // 下载 |
| | | const downloadFun =()=>{ |
| | | const downloadFun = () => { |
| | | emit('downFun'); |
| | | } |
| | | }; |
| | | // 全部下载 |
| | | const allDownloadFun =()=>{ |
| | | emit('allDownFun'); |
| | | } |
| | | const allDownloadFun = () => { |
| | | emit('allDownFun'); |
| | | }; |
| | | onMounted(() => { |
| | | requestDockInfo(); |
| | | }); |