| | |
| | | <el-dialog v-model="dialogVisible" width="60%" append-to-body> |
| | | <template #header="{ titleId, titleClass }"> |
| | | <div class="my-header"> |
| | | <h4 :id="titleId" :class="titleClass">{{ detailTitle}}</h4> |
| | | |
| | | <h4 :id="titleId" :class="titleClass">{{ detailTitle }}</h4> |
| | | </div> |
| | | </template> |
| | | <div class="detailContainer"> |
| | |
| | | <div class="rightDetail"> |
| | | <div class="title"> |
| | | <div class="inputEdit"> |
| | | 文件名称:<span class="fileTitle" v-if="!dialogDetailList?.checkedinput">{{ |
| | | 文件名称:<span class="fileTitle" v-if="!dialogDetailList?.checkedinput">{{ |
| | | dialogDetailList?.nickName |
| | | }}</span> |
| | | <el-input |
| | |
| | | clearable |
| | | /> |
| | | </div> |
| | | <div class="editname" > |
| | | <div class="editname"> |
| | | <span v-if="!dialogDetailList?.checkedinput" @click="editTitle(dialogDetailList)" |
| | | ><el-icon><Edit /></el-icon |
| | | ></span> |
| | |
| | | <div>文件类型:{{ photoTypeMap[dialogDetailList?.photoType] }}</div> |
| | | <div>文件格式:{{ resultTypeMap[dialogDetailList?.resultType] }}</div> |
| | | <div>照片文件大小:{{ dialogDetailList?.attachSize }}</div> |
| | | <div> <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-download" |
| | | @click="detailDownLoad(dialogDetailList)" |
| | | >下载</el-button |
| | | ></div> |
| | | <div> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-download" |
| | | @click="detailDownLoad(dialogDetailList)" |
| | | >下载</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | |
| | | ref="mapComponent" |
| | | v-model:show="dataCenterMapVisible" |
| | | :jobId="jobId" |
| | | |
| | | @lookDetail="lookDetail" |
| | | :dotData="mapList" |
| | | ></dataCenterMap> |
| | |
| | | ir: '红外', |
| | | }; |
| | | const loadings = ref(true); |
| | | let loading |
| | | let loading; |
| | | const total = ref(0); |
| | | const startTime = dayjs().subtract(6, 'day').startOf('day'); |
| | | const endTime = dayjs().endOf('day'); |
| | |
| | | |
| | | // 获取列表数据 |
| | | const getaiImagesPage = () => { |
| | | loadings.value = true; |
| | | loadings.value = true; |
| | | const params = { |
| | | orderByCreateTime: jobListParams.orderByCreateTime, |
| | | ...jobListParams.searchParams, |
| | | }; |
| | | getaiImagesPageAPI(params, { current: jobListParams.current, size: jobListParams.size }).then( |
| | | res => { |
| | | |
| | | total.value = res.data.data.total; |
| | | tableData.value = res.data.data.records.map(i => ({ |
| | | ...i, |
| | |
| | | .then(res => { |
| | | ElMessage.success('删除成功'); |
| | | getaiImagesPage(); |
| | | }) |
| | | }) |
| | | .catch(error => { |
| | | ElMessage.error('删除失败'); |
| | | }); |
| | |
| | | }, index * 500); // 每个文件下载间隔50毫秒 |
| | | }); |
| | | } else { |
| | | loading = ElLoading.service({ background: 'rgba(0, 0, 0, 0.5)', text: '打包中,请稍等...' }) |
| | | const fileIds = list.map(i =>i.id); |
| | | console.log('fileIds', fileIds, list); |
| | | loading = ElLoading.service({ background: 'rgba(0, 0, 0, 0.5)', text: '打包中,请稍等...' }); |
| | | const fileIds = list.map(i => i.id); |
| | | let aaa = { |
| | | areaCode: '', |
| | | attachIds: fileIds, |
| | |
| | | }; |
| | | |
| | | downloadApi(aaa).then(res => { |
| | | console.log('res.data.data', res.data.data); |
| | | aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`); |
| | | loading.close() |
| | | loading.close(); |
| | | }); |
| | | } |
| | | }; |
| | |
| | | }; |
| | | // 全部下载 |
| | | const aLLDownloadFile = () => { |
| | | |
| | | const params = { |
| | | const params = { |
| | | ...jobListParams.searchParams, |
| | | }; |
| | | // console.log('params',params); |
| | | |
| | | downloadApi(params).then(res => { |
| | | // console.log('res.data.data', res.data.data); |
| | | aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`); |
| | | |
| | | }); |
| | | |
| | | downloadApi(params).then(res => { |
| | | aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`); |
| | | }); |
| | | }; |
| | | // 查看弹框 |
| | | const dialogVisible = ref(false); |
| | | const dialogDetailList = ref(null); |
| | | const detailTitle = ref('') |
| | | const detailTitle = ref(''); |
| | | const lookDetail = val => { |
| | | getAttachInfoAPI(val.id).then(res => { |
| | | detailTitle.value = res.data.data.nickName |
| | | detailTitle.value = res.data.data.nickName; |
| | | dialogDetailList.value = res.data.data; |
| | | dialogDetailList.value = { ...res.data.data, checkedinput: false }; |
| | | }); |
| | |
| | | // 验证并提示 |
| | | if (!validateNickname(updateparams.nickName, '名称')) return; |
| | | item.checkedinput = false; |
| | | detailTitle.value = item.nickName |
| | | detailTitle.value = item.nickName; |
| | | updataTitleApi(updateparams) |
| | | .then(res => { |
| | | if (res.status === 200) { |
| | |
| | | }; |
| | | |
| | | // 地图弹框 |
| | | const mapComponent = ref(null);// 创建子组件引用 |
| | | const mapComponent = ref(null); // 创建子组件引用 |
| | | const mapList = ref(null); |
| | | const dataCenterMapVisible = ref(false); |
| | | const jobId = ref(''); |
| | | const statusType = ref(null) |
| | | const statusType = ref(null); |
| | | const positionDetail = val => { |
| | | // console.log('地图',val); |
| | | |
| | | jobId.value = val.wayLineJobId; |
| | | // console.log('statusType.value',statusType.value); |
| | | mapList.value = val; |
| | | dataCenterMapVisible.value = true; |
| | | // 确保地图组件加载完成 |
| | | nextTick(() => { |
| | | if (mapComponent.value) { |
| | | // 调用子组件方法并传递数据 |
| | | mapComponent.value.initEntityOrPopup(val) |
| | | mapComponent.value.initEntityOrPopup(val); |
| | | } |
| | | }); |
| | | }; |
| | |
| | | getaiImagesPage(); |
| | | // 监听打开全景事件 |
| | | EventBus.on('open-panorama', params => { |
| | | // console.log('收到全景事件:', params); |
| | | panoramaParamsShow.value = params.show; |
| | | panoramaParamsUrl.value = params.url; |
| | | }); |
| | |
| | | // 组件卸载时移除事件监听,防止内存泄漏 |
| | | EventBus.off('open-panorama'); |
| | | }); |
| | | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | width: 100%; |
| | | .fileTitle{ |
| | | width: 70%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .fileTitle { |
| | | width: 70%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | } |
| | | div { |
| | |
| | | .my-header :deep(.el-dialog__title) { |
| | | margin: 0 !important; |
| | | height: 19px; |
| | | |
| | | } |
| | | .my-header { |
| | | display: flex; |