| | |
| | | @search="searchClick" |
| | | @downFun="downloadFile" |
| | | @allDownFun="aLLDownloadFile" |
| | | @handleswitchFolders="handleswitchFolders" |
| | | @handleswitchFolders="handleswitchFolders" |
| | | |
| | | ></searchData> |
| | | <!-- 文件夹 --> |
| | | <div v-if="switchFolders" > |
| | |
| | | <el-table-column label="序号" type="index" width="60"> |
| | | <template #default="{ $index }"> |
| | | {{ |
| | | ($index + 1 + (jobListParams.current - 1) * jobListParams.size) |
| | | ($index + 1 + (FolderListParams.page - 1) * FolderListParams.page_size) |
| | | .toString() |
| | | .padStart(2, '0') |
| | | }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="name" label="任务名称" show-overflow-tooltip /> |
| | | <el-table-column property="nickname" label="所属机巢" /> |
| | | <el-table-column property="name" label="任务名称" show-overflow-tooltip /> |
| | | <el-table-column property="regionName" label="所属区域"> |
| | | <template #default="scope"> |
| | | <span>{{scope.row.regionName ? scope.row.regionName :'--'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="nickname" label="所属机巢" > |
| | | <template #default="scope"> |
| | | <span>{{scope.row.nickname ? scope.row.nickname :'--'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center"> |
| | | <template #default="scope"> |
| | | <el-button icon="el-icon-view" type="text" @click="foldersOpen(scope.row)" |
| | |
| | | import EventPopUpBox from '@/hooks/components/EventPopUpBox.vue'; |
| | | import { nextTick, render } from 'vue'; |
| | | import defaultIcon from '@/assets/images/dataCenter/datamap/eventCompleted.png'; |
| | | const userInfo = computed(() => store.getters.userInfo); |
| | | const isShow = defineModel('show'); |
| | | const viewerRef = shallowRef(null); |
| | | let viewer = null; |
| | | const viewInstance = shallowRef(null); |
| | | const store = useStore(); |
| | | const currentAreaPosition = ref({ height: 1987280, latitude: 27.636112, longitude: 115.732975 }); |
| | | let handler = null; |
| | | import EventBus from '@/utils/eventBus'; |
| | | import dataCenterMap from '@/views/dataCenter/components/dataCenterMap.vue'; |
| | | import PanoramaPopup from '@/components/PanoramaPopup/PanoramaPopup.vue'; //全景 |
| | |
| | | updataTitleApi, |
| | | getOrthoimageInfo, getDownloadStatusApi,getJobIdsBySnApi |
| | | } from '@/api/dataCenter/dataCenter'; |
| | | const userInfo = computed(() => store.getters.userInfo); |
| | | const isShow = defineModel('show'); |
| | | const viewerRef = shallowRef(null); |
| | | let viewer = null; |
| | | const viewInstance = shallowRef(null); |
| | | const store = useStore(); |
| | | const currentAreaPosition = ref({ height: 1987280, latitude: 27.636112, longitude: 115.732975 }); |
| | | let handler = null; |
| | | const switchFolders = ref(false) |
| | | |
| | | function bytesToMB(bytes, decimalPlaces = 2) { |
| | | if (typeof bytes !== 'number' || bytes < 0) return '0'; |
| | | return (bytes / 1048576).toFixed(decimalPlaces) + ' MB'; |
| | |
| | | |
| | | }); |
| | | const tableData = ref([]); |
| | | |
| | | // 获取列表数据 |
| | | const getaiImagesPage = () => { |
| | | loadings.value = true; |
| | |
| | | loadings.value = false; |
| | | }); |
| | | }; |
| | | |
| | | const folderList = ref([]) |
| | | // 获取文件夹数据 |
| | | const getFolderList=(nestDataList)=>{ |
| | | const getFolderList=()=>{ |
| | | loadings.value = true; |
| | | const apiParams = { |
| | | ...FolderListParams, |
| | |
| | | .then(res => { |
| | | folderList.value = res.data.data.records?.map(i=>{ |
| | | let nickname = ''; |
| | | nestDataList?.forEach(nestItem=>{ |
| | | if(i.device_sn === nestItem.device_sn){ |
| | | nickname = nestItem.nickname |
| | | } |
| | | }) |
| | | // nestDataList?.forEach(nestItem=>{ |
| | | // if(i.device_sn === nestItem.device_sn){ |
| | | // nickname = nestItem.nickname |
| | | // } |
| | | // }) |
| | | return { |
| | | ...i, |
| | | nickname: nickname, |
| | |
| | | }; |
| | | |
| | | }) |
| | | |
| | | total.value = res.data.data.total |
| | | }) |
| | | .finally(() => { |
| | |
| | | switchFolders.value = false |
| | | } |
| | | // 获取数据时使用各自的分页参数 |
| | | const fetchData = (val) => { |
| | | const fetchData = () => { |
| | | if (switchFolders.value) { |
| | | getFolderList(val); |
| | | getFolderList(); |
| | | } else { |
| | | getaiImagesPage(); |
| | | } |
| | |
| | | switchFolders.value = !switchFolders.value; |
| | | jobListParams.current = 1; |
| | | FolderListParams.page = 1; |
| | | fetchData(val); |
| | | fetchData(); |
| | | |
| | | }; |
| | | // 查询 |