diff --git a/yanzhu-bigscreen/src/views/bimManage.vue b/yanzhu-bigscreen/src/views/bimManage.vue index 02804f87..8314ac14 100644 --- a/yanzhu-bigscreen/src/views/bimManage.vue +++ b/yanzhu-bigscreen/src/views/bimManage.vue @@ -117,12 +117,11 @@
-<<<<<<< HEAD
-
{{safetyInfo.safetyCount}}
+
{{ safetyInfo.safetyCount }}
问题数
@@ -131,7 +130,7 @@
-
{{safetyInfo.safetyRectifyCount}}
+
{{ safetyInfo.safetyRectifyCount }}
整改数
@@ -140,7 +139,7 @@
-
{{safetyInfo.safetyRectifyRate}}%
+
{{ safetyInfo.safetyRectifyRate }}%
整改率
@@ -149,49 +148,9 @@
-
{{safetyInfo.safetyTimeoutCount}}
+
{{ safetyInfo.safetyTimeoutCount }}
超时数
-======= - -
- -
-
-
888
-
问题数
-
- -
- -
- -
-
-
888
-
整改数
-
-
-
- -
- -
-
-
888
-
整改率
-
-
-
- -
- -
-
-
888
-
超时数
-
->>>>>>> origin/dev_xd
@@ -424,16 +383,13 @@ export default { planFinishRate: 0, finishRate: 0, photographyList: [], -<<<<<<< HEAD - safetyListCount:[], - safetyInfo:{ - safetyRectifyCount:0, - safetyRectifyRate:0, - safetyTimeoutCount:0, - safetyTimeoutRate:0 - } -======= ->>>>>>> origin/dev_xd + safetyListCount: [], + safetyInfo: { + safetyRectifyCount: 0, + safetyRectifyRate: 0, + safetyTimeoutCount: 0, + safetyTimeoutRate: 0, + }, }; }, beforeDestroy() { @@ -472,16 +428,13 @@ export default { return this.renderChart(1); }, renderChart(n) { + let is1K = this.$dpi() == "1K"; + let is2K = this.$dpi() == "2K"; let opt = { tooltip: { show: true, -<<<<<<< HEAD formatter: function (params) { return params.seriesName + "
" + params.marker + (params.value * 100).toFixed(2) + "%"; -======= - formatter: function(params){ - return params.seriesName + "
"+params.marker + (params.value * 100).toFixed(2) + "%"; ->>>>>>> origin/dev_xd }, }, series: [ @@ -489,11 +442,7 @@ export default { type: "liquidFill", data: [n == 0 ? this.planFinishRate : this.finishRate], name: n == 0 ? "计划完成" : "实际完成", -<<<<<<< HEAD color: [n == 0 ? "orange" : "#47D89F"], //颜色 -======= - color: [n==0?"orange":"#47D89F"], //颜色 ->>>>>>> origin/dev_xd //波浪动画效果 waveAnimation: true, animationEasingUpdate: "quinticInOut", @@ -505,21 +454,12 @@ export default { outline: { show: false, }, -<<<<<<< HEAD label: { - fontSize: 30, + fontSize: is1K ? 20 : is2K ? 30 : 40, formatter: function (param) { return (param.value * 100).toFixed(2) + "%"; }, }, -======= - label:{ - fontSize: 20, - formatter: function (param) { - return (param.value*100).toFixed(2) + "%"; - }, - } ->>>>>>> origin/dev_xd }, ], }; @@ -535,7 +475,6 @@ export default { this.getRootScheduleNode(); this.getFinishRate(); this.selectLastPhotography(); -<<<<<<< HEAD this.getSafetyListCount(); }, getSafetyListCount() { @@ -545,25 +484,23 @@ export default { }; this.$api.safety.listCountForBG({ ...postData, infoType: 0 }).then((d) => { this.safetyListCount = d.data; - let func=lbl=>{ - let obj=this.safetyListCount.find(it=>it.remark==lbl); - return obj?obj.id||0:0; + let func = (lbl) => { + let obj = this.safetyListCount.find((it) => it.remark == lbl); + return obj ? obj.id || 0 : 0; }; - this.safetyInfo.safetyCount=func("全部"); - this.safetyInfo.safetyRectifyCount=func("完成"); - if(this.safetyInfo.safetyCount==0){ - this.safetyInfo.safetyRectifyRate=100; - }else{ - this.safetyInfo.safetyRectifyRate=(this.safetyInfo.safetyRectifyCount/this.safetyInfo.safetyCount*100.0).toFixed(2); + this.safetyInfo.safetyCount = func("全部"); + this.safetyInfo.safetyRectifyCount = func("完成"); + if (this.safetyInfo.safetyCount == 0) { + this.safetyInfo.safetyRectifyRate = 100; + } else { + this.safetyInfo.safetyRectifyRate = ((this.safetyInfo.safetyRectifyCount / this.safetyInfo.safetyCount) * 100.0).toFixed(2); } - this.safetyInfo.safetyTimeoutCount=func("整改超时"); + this.safetyInfo.safetyTimeoutCount = func("整改超时"); }); -======= ->>>>>>> origin/dev_xd }, selectLastPhotography() { this.$api.detail.photographyList(this.selProject.id).then((d) => { - this.photographyList = d.data; + this.photographyList =[];// d.data; }); }, getFinishRate() { @@ -1061,11 +998,12 @@ export default { } .data-content { - border: solid 1px #75fbfdaa; - background-color: #06445b81; + height: 100%; .div-row { height: 33%; + border: solid 1px #75fbfdaa; + background-color: #06445b81; .row-title { background: linear-gradient(0deg, #105696, #c0dafb00, #1765ae); padding-left: 10px; @@ -1287,7 +1225,7 @@ export default { width: 80%; height: 80%; margin-left: 10%; - margin-top: 6%; + margin-top: 3%; display: flex; align-items: center; justify-content: center; @@ -1309,7 +1247,6 @@ export default { } } } -<<<<<<< HEAD .warn-info { height: calc(100% - 30px); .warn-item { @@ -1323,43 +1260,19 @@ export default { height: 80px; line-height: 80px; .svg-icon { -======= - .warn-info{ - height: calc(100% - 30px); - .warn-item{ - display: inline-flex; - width:50%; - height:50%; - justify-content: center; - align-items: center; - .czz-number-img{ - width:80px; - height: 80px; - line-height: 80px; - .svg-icon{ ->>>>>>> origin/dev_xd width: 40px; height: 40px; fill: #5cc0eb; position: relative; -<<<<<<< HEAD top: 12px; &.red { fill: red; } &.green { -======= - top:12px; - &.red{ - fill: red; - } - &.green{ ->>>>>>> origin/dev_xd fill: #00e900; } } } -<<<<<<< HEAD .warn-data { margin-left: 10px; .warn-data-val { @@ -1367,19 +1280,10 @@ export default { font-weight: 700; color: #22d0d2; } - .warn-data-text{ - margin-top:10px; + .warn-data-text { + margin-top: 10px; text-align: center; } -======= - .warn-data{ - margin-left:10px; - .warn-data-val{ - font-size:30px; - font-weight: 700; - color: #22d0d2; - } ->>>>>>> origin/dev_xd } } } @@ -1426,5 +1330,371 @@ export default { padding: 4px 8px; } } + @media (max-width: 1920px) { + .data-content { + .div-row { + min-height: 220px; + .row-title { + height: 30px; + line-height: 30px; + font-size: 14px; + } + } + } + .div-tools { + bottom: 25vh; + margin-left: -220px; + border-radius: 10px; + .tool-item { + padding: 10px 20px; + .icon { + width:30px; + height: 30px; + border-radius: 15px; + .svg-icon { + width: 20px; + height: 20px; + } + } + .sp-text { + margin-top: 10px; + font-size: 12px; + } + } + } + + .prj-info { + padding: 10px; + + .base-info { + .floor-area { + font-size: 24px; + } + .floor-area-text { + line-height: 20px; + font-size: 12px; + } + margin-bottom: 10px; + } + .tb-prj { + td, + th { + border: solid 1px #6ea9ab68; + padding: 4px; + font-size: 12px; + } + } + } + + .prj-worker { + height: calc(100% - 50px); + .worker-chart { + .chart-item { + .chart-gif, + .chart-text { + left: 24px; + top: 20px; + width: 80px; + height: 80px; + } + .chart-text { + font-size: 20px; + } + } + } + .worker-title { + .title-item { + padding: 20px 0px 10px 0px; + .svg-icon { + fill: #3ffcff; + width: 60px; + height: 60px; + } + font-size: 12px; + color: #3ffcff; + } + } + } + + .investment-stats-cost { + padding: 20px 10px; + top: -12px; + + .stat-card { + padding: 16px 0; + box-shadow: 0 2px 8px #0004; + border-radius: 10px; + } + .stat-title { + font-size: 12px; + margin-bottom: 8px; + } + .stat-value { + font-size: 20px; + } + .center-icon { + width: 60px; + height: 60px; + font-size: 24px; + .chart-gif { + width: 50px; + height: 50px; + top: 5px; + left: 5px; + } + } + } + .plan-chart { + height: calc(100% - 30px); + .chart-item { + .chart-title { + font-size: 12px; + top: -30px; + } + } + } + + .photography-list { + height: calc(100% - 30px); + padding: 10px 0px; + .el-carousel { + height: calc(100% - 10px); + } + + .photography-video { + height: calc(100% - 30px); + } + + .photography-list-title { + line-height: 24px; + font-size: 12px; + } + .photography-list-nodata { + + .video-play { + width: 60px; + height: 60px; + line-height: 60px; + border-radius: 30px; + margin-bottom: 12px; + } + + .photography-list-no-title { + font-size: 12px; + } + } + } + + .warn-info { + height: calc(100% - 30px); + .warn-item { + width: calc(50% - 30px); + height: 50%; + padding-left: 30px; + .czz-number-img { + width: 70px; + height: 70px; + line-height: 70px; + .svg-icon { + width: 30px; + height: 30px; + top: 6px; + } + } + .warn-data { + margin-left: 10px; + .warn-data-val { + font-size: 30px; + } + .warn-data-text { + font-size: 12px; + } + } + } + } + } + @media (min-width: 2561px) { + .data-content { + .div-row { + min-height: 420px; + .row-title { + height: 48px; + line-height: 48px; + font-size: 32px; + } + } + } + .div-tools { + bottom: 25vh; + margin-left: -340px; + border-radius: 10px; + .tool-item { + padding: 10px 20px; + .icon { + width: 60px; + height: 60px; + border-radius: 30px; + .svg-icon { + width: 40px; + height: 40px; + } + } + .sp-text { + margin-top: 10px; + font-size: 24px; + } + } + } + + .prj-info { + padding: 20px; + + .base-info { + .floor-area { + font-size: 60px; + } + .floor-area-text { + line-height: 40px; + font-size: 24px; + } + margin-bottom: 10px; + } + .tb-prj { + td, + th { + border: solid 1px #6ea9ab68; + padding: 8px; + font-size: 24px; + } + } + } + + .prj-worker { + height: calc(100% - 60px); + .worker-chart { + .chart-item { + .chart-gif, + .chart-text { + left: 40px; + top: 20px; + width: 180px; + height: 180px; + } + .chart-text { + font-size: 60px; + } + } + } + .worker-title { + .title-item { + padding: 20px 0px 10px 0px; + .svg-icon { + fill: #3ffcff; + width: 120px; + height: 120px; + } + font-size: 24px; + color: #3ffcff; + } + } + } + + .investment-stats-cost { + padding: 30px 20px; + top: -18px; + + .stat-card { + height: 130px; + padding: 16px 0; + box-shadow: 0 2px 8px #0004; + border-radius: 10px; + } + .stat-title { + font-size: 24px; + margin-bottom: 8px; + } + .stat-value { + font-size: 60px; + } + .center-icon { + width: 120px; + height: 120px; + font-size: 48px; + .chart-gif { + width: 110px; + height: 110px; + top: 5px; + left: 5px; + } + } + } + .plan-chart { + height: calc(100% - 60px); + .chart-item { + .chart-title { + font-size: 24px; + top: -40px; + } + } + } + + .photography-list { + height: calc(100% - 60px); + padding: 10px 0px; + .el-carousel { + height: calc(100% - 10px); + } + + .photography-video { + height: calc(100% - 30px); + } + + .photography-list-title { + line-height: 36px; + font-size: 24px; + } + .photography-list-nodata { + .video-play { + width: 120px; + height: 120px; + line-height: 120px; + border-radius: 60px; + margin-bottom: 12px; + } + + .photography-list-no-title { + font-size: 24px; + } + } + } + + .warn-info { + height: calc(100% - 60px); + .warn-item { + width: calc(50% - 30px); + height: 50%; + padding-left: 30px; + .czz-number-img { + width: 140px; + height: 140px; + line-height: 140px; + .svg-icon { + width: 60px; + height: 60px; + top: 24px; + } + } + .warn-data { + margin-left: 10px; + .warn-data-val { + font-size: 60px; + } + .warn-data-text { + font-size: 24px; + } + } + } + } + } }