diff --git a/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue b/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue index 6a24e3a..24aafe2 100644 --- a/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue +++ b/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue @@ -17,7 +17,7 @@
- +
1
diff --git a/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue b/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue index 3abe011..89d962c 100644 --- a/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue +++ b/src/views/agjtLiveScreen/liveScreen/centerBottomRight.vue @@ -2,12 +2,12 @@
- +
外墙、顶板、地板出现贯通性裂缝
-
整改结果:已逾期
-
责任单位:辽宁五瞏
+
整改结果:已逾期
+
责任单位:辽宁五瞏
整改人:李四
@@ -60,12 +60,28 @@ import { GlobalStore } from "@/stores"; font-size: 11px; line-height: 20px; display: flex; + justify-content: flex-start; + .line2Inner1{ + width: 28%; + } + .line2Inner2{ + width: 72%; + } } .itemLine3{ font-size: 11px; line-height: 20px; display: flex; justify-content: space-between; + .line3Inner1{ + width: 28%; + } + .line3Inner2{ + width: 28%; + } + .line3Inner3{ + width: 44%; + } } } } diff --git a/src/views/agjtLiveScreen/liveScreen/centerTop(旧版2).vue b/src/views/agjtLiveScreen/liveScreen/centerTop(旧版2).vue new file mode 100644 index 0000000..d8b8cdd --- /dev/null +++ b/src/views/agjtLiveScreen/liveScreen/centerTop(旧版2).vue @@ -0,0 +1,322 @@ + + + + + diff --git a/src/views/agjtLiveScreen/liveScreen/centerTop.vue b/src/views/agjtLiveScreen/liveScreen/centerTop.vue index 645146e..fb6d4e2 100644 --- a/src/views/agjtLiveScreen/liveScreen/centerTop.vue +++ b/src/views/agjtLiveScreen/liveScreen/centerTop.vue @@ -1,38 +1,41 @@ @@ -263,32 +133,51 @@ onMounted(async () => { width: 100%; height: 100%; position: relative; - .set-icon { - width: 28px; - height: 28px; - background: url("@/assets/images/overviewScreen/set-icon.png") no-repeat; - background-size: 100% 100%; + .video-config { position: absolute; - top: 1.2%; - right: 0; - cursor: pointer; + top: 1.5%; + right: 1%; + .config-icon { + cursor: pointer; + } } .videoBox { width: 100%; - height: 100%; - // margin-top: 8%; - // background: url("@/assets/images/comprehensiveManage/project10.png") no-repeat; - // background-size: 100% 100%; - + height: 103.255%; + transform: translateY(-11px); .videos { width: 100%; height: 100%; object-fit: fill; - z-index: 9; - // margin-left: 11%; - // margin-top: 1%; } } + .imgBox { + width: 100%; + height: 92%; + margin-top: 8%; + background: url("@/assets/images/comprehensiveManage/project10.png") no-repeat; + background-size: 100% 100%; + .imgs { + width: 78%; + height: 82%; + margin: 3% 11%; + img { + width: 100%; + height: 100%; + margin-top: 5%; + } + } + } + .href-content { + width: 100%; + height: 92%; + margin-top: 8%; + background: url("@/assets/images/comprehensiveManage/project10.png") no-repeat; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + } } // .href-content { @@ -318,7 +207,6 @@ onMounted(async () => { padding: 0 30%; display: flex; justify-content: space-around; - .tab-box { font-size: 16px; color: rgba(255, 255, 255, 0.3); @@ -326,9 +214,7 @@ onMounted(async () => { } } -:deep(.h-card .content) { - margin-top: 1%; - height: 92%; +::v-deep .h-card .content { background: none; } diff --git a/src/views/agjtLiveScreen/liveScreen/index.vue b/src/views/agjtLiveScreen/liveScreen/index.vue index 75c53b3..d7630dd 100644 --- a/src/views/agjtLiveScreen/liveScreen/index.vue +++ b/src/views/agjtLiveScreen/liveScreen/index.vue @@ -54,11 +54,11 @@ const rightTopRef = ref(); const rightBottomRef = ref(); const callChildFn = async () => { nextTick( async ()=>{ - leftTopRef.value.projectTypeEnum() - centerTopRef.value.getQueryBySnData() - centerBottomLeftRef.value.getProgressOption() - rightTopRef.value.getSafeInfo() - rightBottomRef.value.getList() + // leftTopRef.value.projectTypeEnum() + // centerTopRef.value.getQueryBySnData() + // centerBottomLeftRef.value.getProgressOption() + // rightTopRef.value.getSafeInfo() + // rightBottomRef.value.getList() }) } //定时器 @@ -66,8 +66,8 @@ const interval = ref(null as any); //定时调用 const startInterval = async () => { interval.value= setInterval(() => { - getPersonDetail(); - getProjectInfo(); + // getPersonDetail(); + // getProjectInfo(); callChildFn(); }, 30 * 1000); } diff --git a/src/views/agjtLiveScreen/liveScreen/leftBottom.vue b/src/views/agjtLiveScreen/liveScreen/leftBottom.vue index b5d1ed2..0ae7fae 100644 --- a/src/views/agjtLiveScreen/liveScreen/leftBottom.vue +++ b/src/views/agjtLiveScreen/liveScreen/leftBottom.vue @@ -89,8 +89,11 @@ function drawPie(){ label: { // formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ', formatter: function(params: any){ - return '{name|'+ tempList.value[params.dataIndex].name +'}{abg|} {per|'+ tempList.value[params.dataIndex].per +'%}\n{hr|}\n已完成:' - + tempList.value[params.dataIndex].value+' 进行中:' + tempList.value[params.dataIndex].doing + let done = '已完成:'+ tempList.value[params.dataIndex].value + ' ' + return '{name|'+ tempList.value[params.dataIndex].name +'}{abg|} {per|'+ tempList.value[params.dataIndex].per +'%}\n{hr|}\n{done|'+ done + +'} 进行中:' + tempList.value[params.dataIndex].doing + // return '{name|'+ tempList.value[params.dataIndex].name +'}{abg|} {per|'+ tempList.value[params.dataIndex].per +'%}\n{hr|}\n已完成:' + // + tempList.value[params.dataIndex].value+' 进行中:' + tempList.value[params.dataIndex].doing }, // backgroundColor: '#1c447b', backgroundColor: 'rgba(28,68,123,0.5)', @@ -100,8 +103,13 @@ function drawPie(){ }, rich: { name:{ + color: '#fff', align: 'center', - lineHeight: 10 + lineHeight: 20 + }, + done:{ + color: '#fff', + lineHeight: 20 }, // a: { // color: '#fff', diff --git a/src/views/agjtLiveScreen/liveScreen/leftTop.vue b/src/views/agjtLiveScreen/liveScreen/leftTop.vue index e2fcc56..58ad122 100644 --- a/src/views/agjtLiveScreen/liveScreen/leftTop.vue +++ b/src/views/agjtLiveScreen/liveScreen/leftTop.vue @@ -1,5 +1,10 @@