Merge branch 'refs/heads/master' into test
| | |
| | | <!-- |
| | | * @Author : yuan |
| | | * @Date : 2025-06-05 15:57:45 |
| | | * @LastEditors : yuan |
| | | * @LastEditTime : 2025-06-06 14:02:54 |
| | | * @FilePath : \src\components\PanoramaPopup\PanoramaPopup.vue |
| | | * @Description : |
| | | * Copyright 2025 OBKoro1, All Rights Reserved. |
| | | * 2025-06-05 15:57:45 |
| | | --> |
| | | <template> |
| | | <el-dialog |
| | | modal-class="showFullScreenDlg" |
| | |
| | | default: '', |
| | | }) |
| | | const iframeSrc = computed(() => { |
| | | console.log('panoramaParamsShow',panoramaParamsShow.value ,panoramaParamsUrl.value); |
| | | |
| | | if (!panoramaParamsUrl.value) return '' |
| | | |
| | | return `https://wrj.shuixiongit.com/dronePanorama/html/simple-index.html?path=${getShowImg(panoramaParamsUrl.value)}` |
| | | }) |
| | | |
| | |
| | | popper-class="custom-date-picker" |
| | | v-model="dateRange" |
| | | type="daterange" |
| | | :clearable="false" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | |
| | | searchForm.startTime = start.format(timeFormat); |
| | | searchForm.endTime = end.format(timeFormat); |
| | | } |
| | | handleSearch(); |
| | | //handleSearch(); |
| | | }; |
| | | // 部门下得机巢 |
| | | const requestDockInfo = () => { |
| | |
| | | searchForm.photoType = '' |
| | | handleNodeClick({ id: userAreaCode.value }); |
| | | handleSearch(); |
| | | console.log('searchForm',searchForm); |
| | | |
| | | }; |
| | | // 下载 |
| | |
| | | class="quanjing" |
| | | @click="clickpanorama(scope.row)" |
| | | v-if="scope.row?.resultType === 5" |
| | | :src="scope.row?.link" |
| | | :src="scope.row?.smallUrl" |
| | | alt="" |
| | | /> |
| | | <img |
| | |
| | | }; |
| | | // 全部下载 |
| | | const aLLDownloadFile = () => { |
| | | loading = ElLoading.service({ background: 'rgba(0, 0, 0, 0.5)', text: '打包中,请稍等...' }); |
| | | |
| | | const params = { |
| | | ...jobListParams.searchParams, |
| | | }; |
| | | downloadApi(params).then(res => { |
| | | aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`); |
| | | loading.close(); |
| | | }); |
| | | }; |
| | | // 查看弹框 |
| | |
| | | return date.getDate(); |
| | | }; |
| | | |
| | | |
| | | // 获取对应日期的事件 |
| | | const getEvents = dateString => { |
| | | return events.value[dateString] || []; |
| | | }; |
| | | const monthRange = getCurrentMonthRange(); |
| | | params.value = monthRange; |
| | | |
| | | |
| | | const getJobEventBar = () => { |
| | | getCalen(params.value).then(res => { |
| | |
| | | </script> |
| | | <style lang="scss"> |
| | | .calenBox { |
| | | height: 630px; |
| | | .el-calendar { |
| | | height: 100%; // 日历填充容器 |
| | | // 标题样式 |
| | | &__title { |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | color: #363636; |
| | | } |
| | | |
| | | .el-button-group>.el-button:not(:first-child):not(:last-child) { |
| | | border-radius: 0; |
| | | // 日历主体 |
| | | &__body { |
| | | height: 98%; // 关键:继承父高度 |
| | | |
| | | .el-calendar-table { |
| | | height: 90% !important; // 百分比生效 |
| | | } |
| | | } |
| | | |
| | | // 选中日期样式 |
| | | .el-calendar-table td.is-selected { |
| | | background-color: #f0f7ff; |
| | | border: 2px solid #409eff; |
| | | border-radius: 4px; |
| | | |
| | | .date-number { |
| | | font-weight: bold; |
| | | color: #409eff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 隐藏按钮组中间按钮 |
| | | .el-button-group > .el-button:not(:first-child):not(:last-child) { |
| | | display: none; |
| | | } |
| | | .el-calendar__title { |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | color: #363636; |
| | | } |
| | | |
| | | .el-calendar-table td.is-selected { |
| | | background-color: #f0f7ff; |
| | | border: 2px solid #409eff; |
| | | border-radius: 4px; |
| | | } |
| | | .el-calendar-table td.is-selected .date-number { |
| | | font-weight: bold; |
| | | color: #409eff; |
| | | } |
| | | |
| | | .el-calendar-table td.is-selected .events { |
| | | // padding: 2px; |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | .calenBox { |
| | | margin-top: 17px; |
| | | height: 567px; |
| | | height: 630px; |
| | | overflow: hidden; |
| | | .event-item { |
| | | font-size: 12px; |
| | |
| | | padding: 0px 20px 0 10px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | height: calc(100% - 5rem); |
| | | } |
| | | .workleft { |
| | | width: 68%; |
| | |
| | | background: #ffffff; |
| | | border-radius: 8px 8px 8px 8px; |
| | | .comprehensive { |
| | | padding: 14px 14px 0 21px; |
| | | padding: 17px 14px 0 21px; |
| | | .title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | width: 60%; |
| | | border-right: 1px solid #dfdfdf; |
| | | .workOrder { |
| | | margin-top: 21px; |
| | | margin-top: 31px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | border-bottom: 1px solid #dfdfdf; |
| | |
| | | width: 40%; |
| | | .card-title { |
| | | display: flex; |
| | | margin-bottom: 10px; |
| | | margin-bottom: 17px; |
| | | align-items: center; |
| | | img { |
| | | width: 36px; |
| | |
| | | grid-template-columns: repeat(2, 1fr); |
| | | row-gap: 14px; |
| | | gap: 10px; |
| | | margin-bottom: 27px; |
| | | .status-item { |
| | | display: flex; |
| | | text-align: center; |
| | |
| | | max-width: 158px; |
| | | background: #f6f8fe; |
| | | border-radius: 8px 8px 8px 8px; |
| | | margin-bottom: 9px; |
| | | img { |
| | | width: 26px; |
| | | height: 26px; |
| | |
| | | font-weight: bold; |
| | | font-size: 30px; |
| | | color: #363636; |
| | | margin: 5px 0; |
| | | // margin: 5px 0; |
| | | // font-style: italic; |
| | | display: inline-block; |
| | | transform: skewX(-5deg); |
| | |
| | | |
| | | // 飞行统计 |
| | | .flyOrder { |
| | | margin-top: 5px; |
| | | margin-top: 10px; |
| | | .fytitle { |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | } |
| | | } |
| | | .flycenter { |
| | | margin-top: 13px; |
| | | |
| | | margin-top: 22px; |
| | | .centerBox { |
| | | display: flex; |
| | | justify-content: space-between; |