|
|
@@ -2,7 +2,7 @@
|
|
|
* @Author: tengmingxue 1473375109@qq.com
|
|
|
* @Date: 2023-09-13 10:06:22
|
|
|
* @LastEditors: tengmingxue 1473375109@qq.com
|
|
|
- * @LastEditTime: 2024-03-01 20:54:24
|
|
|
+ * @LastEditTime: 2024-03-07 10:16:30
|
|
|
* @FilePath: \xld-gis-admin\src\views\dashboard\workbench\component\TopCardStatistic.vue
|
|
|
* @Description: 统计卡片
|
|
|
-->
|
|
|
@@ -10,7 +10,7 @@
|
|
|
<div class="ust-statistic">
|
|
|
<div class="title">{{ title }}</div>
|
|
|
<!-- autoplay -->
|
|
|
- <a-carousel style="height: calc(100% - 40px); width: 100%" autoplay dotsClass="dotsClassBottom">
|
|
|
+ <a-carousel ref="domRef" style="height: calc(100% - 40px); width: 100%" dotsClass="dotsClassBottom">
|
|
|
<!-- 第一页 -->
|
|
|
<div class="indiv">
|
|
|
<a-row :gutter="[16, 16]" class="cards">
|
|
|
@@ -20,14 +20,14 @@
|
|
|
<div class="img1"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DOM影像(L1级)</div>
|
|
|
+ <div class="res-title">DOM数据(L1级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[0].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[0].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -39,14 +39,14 @@
|
|
|
<div class="img1"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DOM影像(L2级)</div>
|
|
|
+ <div class="res-title">DOM数据(L2级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[1].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[1].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -58,14 +58,14 @@
|
|
|
<div class="img1"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DOM影像(L3级)</div>
|
|
|
+ <div class="res-title">DOM数据(L3级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[2].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[2].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -77,14 +77,14 @@
|
|
|
<div class="img2"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DEM高程数据(L1级)</div>
|
|
|
+ <div class="res-title">DEM数据(L1级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[3].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[3].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -96,14 +96,14 @@
|
|
|
<div class="img2"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DEM高程数据(L2级)</div>
|
|
|
+ <div class="res-title">DEM数据(L2级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[4].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[4].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -115,14 +115,14 @@
|
|
|
<div class="img2"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">DEM高程数据(L3级)</div>
|
|
|
+ <div class="res-title">DEM数据(L3级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[5].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[5].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -141,7 +141,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{item.size}} GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -159,14 +159,14 @@
|
|
|
<div class="img3"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">BIM数据(L1级)</div>
|
|
|
+ <div class="res-title">BIM数据(L2级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[6].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[6].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -178,14 +178,14 @@
|
|
|
<div class="img3"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">BIM数据(L2级)</div>
|
|
|
+ <div class="res-title">BIM数据(L3级)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[7].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[7].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -197,14 +197,14 @@
|
|
|
<div class="img3"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">BIM数据(L3级)</div>
|
|
|
+ <div class="res-title">BIM数据(L3+)</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[8].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[8].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -216,14 +216,14 @@
|
|
|
<div class="img5"></div>
|
|
|
</div>
|
|
|
<div class="contenter">
|
|
|
- <div class="res-title">文件数据</div>
|
|
|
+ <div class="res-title">工程图纸</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[9].sum}}</div>
|
|
|
<div class="name">文件个数</div>
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[9].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -242,7 +242,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[10].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -260,7 +260,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[11].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -279,7 +279,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{item.size}} GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -304,7 +304,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[12].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -323,7 +323,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[13].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -341,7 +341,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{dataTypeStatistic[14].size}}GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -360,7 +360,7 @@
|
|
|
</div>
|
|
|
<div class="res-file">
|
|
|
<div class="num">{{item.size}} GB</div>
|
|
|
- <div class="name">文件总大小</div>
|
|
|
+ <div class="name">文件大小</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -372,10 +372,9 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, onMounted, toRefs, onUnmounted, nextTick, reactive } from 'vue';
|
|
|
+import { defineComponent, onMounted, toRefs, onUnmounted, nextTick, reactive,ref } from 'vue';
|
|
|
import {
|
|
|
DataStoreGroupByStatistics,
|
|
|
- QueryDataStoreData,
|
|
|
QueryDRResourceFileSize,
|
|
|
} from '/@/api/interface/interface';
|
|
|
|
|
|
@@ -390,6 +389,8 @@ export default defineComponent({
|
|
|
},
|
|
|
|
|
|
setup(props) {
|
|
|
+ const domRef=ref(null)
|
|
|
+ const intervalId = ref()
|
|
|
const data = reactive({
|
|
|
statisticData: props.statisticData,
|
|
|
title: '非结构化统计',
|
|
|
@@ -407,7 +408,7 @@ export default defineComponent({
|
|
|
{ typeName: 'BIM数据(L2级)', typeAlias: 'BIML2', sum: 0, size: 0, imgClass: 'img3' },
|
|
|
{ typeName: 'BIM数据(L3级)', typeAlias: 'BIML3', sum: 0, size: 0, imgClass: 'img3' },
|
|
|
{ typeName: 'BIM数据(L3+)', typeAlias: 'BIML3+', sum: 0, size: 0, imgClass: 'img3' },
|
|
|
- { typeName: '文件数据', typeAlias: 'pdf文件', sum: 0, size: 0, imgClass: 'img5' },
|
|
|
+ { typeName: '工程图纸', typeAlias: 'jpg文件', sum: 0, size: 0, imgClass: 'img5' },
|
|
|
{ typeName: '倾斜摄影', typeAlias: '倾斜摄影', sum: 0, size: 0, imgClass: 'img6' },
|
|
|
{ typeName: '激光点云', typeAlias: '激光点云', sum: 0, size: 0, imgClass: 'img4' },
|
|
|
{ typeName: '矢量数据', typeAlias: 'shp文件', sum: 0, size: 0, imgClass: 'img4' },
|
|
|
@@ -445,12 +446,19 @@ export default defineComponent({
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
queryData();
|
|
|
+ intervalId.value = setInterval(()=>{
|
|
|
+ if(domRef.value)domRef.value.next()
|
|
|
+ },6000)
|
|
|
});
|
|
|
|
|
|
- onUnmounted(() => {});
|
|
|
+ onUnmounted(() => {
|
|
|
+ if(intervalId.value) clearInterval(intervalId.value)
|
|
|
+ });
|
|
|
|
|
|
return {
|
|
|
+ domRef,
|
|
|
...toRefs(data),
|
|
|
+ intervalId,
|
|
|
queryData,
|
|
|
};
|
|
|
},
|