| | |
| | | <el-form :model="searchForm" inline> |
| | | <div class="search-first"> |
| | | <el-form-item label="行政区划:" > |
| | | <el-tree-select |
| | | :disabled="foldersDisabled" |
| | | <el-tree-select |
| | | :disabled="viewDetailsDisabled" |
| | | popper-class="custom-tree-select" |
| | | v-model="searchForm.areaCode" |
| | | :data="deptTreeData" |
| | |
| | | </el-form-item> |
| | | <el-form-item label="所属机巢:"> |
| | | <el-select |
| | | :disabled="foldersDisabled" |
| | | :disabled="viewDetailsDisabled" |
| | | :teleported="false" |
| | | v-model="searchForm.deviceSn" |
| | | placeholder="请选择" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="任务名称:"> |
| | | <el-input v-model="searchForm.jobName" placeholder="请输入" clearable /> |
| | | <el-input :disabled="viewDetailsDisabled" v-model="searchForm.jobName" placeholder="请输入" clearable /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-date-picker |
| | | :disabled="viewDetailsDisabled" |
| | | popper-class="custom-date-picker" |
| | | v-model="dateRange" |
| | | type="daterange" |
| | |
| | | </el-form-item> |
| | | <el-form-item label="文件格式:"> |
| | | <el-select |
| | | :disabled="foldersDisabled" |
| | | :disabled="foldersDisabled || viewDetailsDisabled" |
| | | :teleported="false" |
| | | v-model="searchForm.resultType" |
| | | placeholder="请选择" |
| | |
| | | <el-form-item label="文件类别:"> |
| | | <el-select |
| | | |
| | | :disabled="disabled || foldersDisabled" |
| | | :disabled="disabled || foldersDisabled || viewDetailsDisabled" |
| | | :teleported="false" |
| | | v-model="searchForm.photoType" |
| | | placeholder="请选择" |
| | |
| | | </div> |
| | | <div class="search-first"> |
| | | <el-form-item label="文件名称:"> |
| | | <el-input :disabled="foldersDisabled" v-model="searchForm.name" placeholder="请输入" clearable /> |
| | | <el-input :disabled="foldersDisabled || viewDetailsDisabled" v-model="searchForm.name" placeholder="请输入" clearable /> |
| | | </el-form-item> |
| | | <div class="search-btn"> |
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" @click="handleReset">清空</el-button> |
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" @click="handleReset">清空</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="search-first"> |
| | |
| | | <!-- <el-button type="primary" icon="el-icon-download" @click="allDownloadFun"--> |
| | | <!-- >全部下载</el-button--> |
| | | <!-- >--> |
| | | <el-button type="primary" plain @click="handleswitchFolders" ><el-icon><FolderOpened /></el-icon></el-button> |
| | | <el-button v-if="!viewDetailsDisabled" type="primary" plain @click="handleswitchFolders" ><el-icon><FolderOpened /></el-icon></el-button> |
| | | <div class="downloadBtn" @click="htsjzx === 100 && downloadFun()"> |
| | | <el-progress v-if="htsjzx !== 100" :percentage="htsjzx" :show-text="false" striped striped-flow :duration="1" /> |
| | | <div class="downloadBtnText"> |
| | |
| | | </template> |
| | | </div> |
| | | </div> |
| | | <el-button v-if="viewDetailsDisabled" type="primary" plain @click="handleBack" >返回</el-button> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | |
| | | const userAreaCode = computed(() => store.getters.userInfo.detail.areaCode); |
| | | const selectedAreaCode = computed(() => store.state.user.selectedAreaCode); |
| | | const htsjzx = computed(() => store.state.common.downloadProgress?.htsjzx || 100) |
| | | const emit = defineEmits(['search', 'downFun', 'allDownFun','handleswitchFolders']); |
| | | const emit = defineEmits(['search', 'downFun', 'allDownFun','handleswitchFolders','handleBack']); |
| | | 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 props = defineProps(['searchjobId','switchFolders']) |
| | | const props = defineProps(['searchjobId','switchFolders','viewDetails']) |
| | | const searchForm = reactive({ |
| | | jobName: '', //任务名称 |
| | | name: '', //文件名称 |
| | |
| | | foldersDisabled.value = true |
| | | }else{ |
| | | foldersDisabled.value = false |
| | | } |
| | | }); |
| | | const viewDetailsDisabled = ref(false) |
| | | watch(() => props.viewDetails, (newVal) => { |
| | | if(newVal === true){ |
| | | viewDetailsDisabled.value = true |
| | | }else{ |
| | | viewDetailsDisabled.value = false |
| | | } |
| | | }); |
| | | const changePhotoType =(val)=>{ |
| | |
| | | const handleswitchFolders =()=>{ |
| | | emit('handleswitchFolders'); |
| | | } |
| | | |
| | | // 返回按钮 |
| | | const handleBack = ()=>{ |
| | | emit('handleBack'); |
| | | } |
| | | onMounted(() => { |
| | | requestDockInfo(); |
| | | getDownloadStatusApi({type: 'htsjzx'}).then(res =>{ |
| | |
| | | margin-right: 32px; |
| | | |
| | | .downloadBtn{ |
| | | margin-left: 10px; |
| | | margin:0 10px; |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |