jiangyq
/
YZProjectCloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: jiangyq:d973ac872e15853e28ad346c713850ea1e5a1721
Branches Tags
jiangyq:dev_xd
jiangyq:main
...
compare: jiangyq:1dfcd547e8ce5c55412f4f512fee75d061f7345e
Branches Tags
jiangyq:dev_xd
jiangyq:main

3 Commits
d973ac872e ... 1dfcd547e8

Author SHA1 Message Date
lj7788@126.com 1dfcd547e8 BIM应用大屏开发 2025-06-15 11:09:03 +08:00
lj7788@126.com f021c5aee2 Merge remote-tracking branch 'origin/dev_xd' into dev_xd 2025-06-15 11:07:46 +08:00
lj7788@126.com 71801b6d09 BIM应用大屏开发 2025-06-15 11:03:16 +08:00
1 changed files with 83 additions and 55 deletions
Show Stats Expand all files Collapse all files

138
yanzhu-bigscreen/src/views/bimManage.vue
View File

@ -117,44 +117,40 @@
</div> </div>
<div class="warn-info"> <div class="warn-info">
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-blue">
<div class="czz-number-img czz-number-img-blue"> <svg-icon icon-class="notesearch" />
<svg-icon icon-class="notesearch" /> </div>
</div> <div class="warn-data">
<div class="warn-data"> <div class="warn-data-val led-number">{{safetyInfo.safetyCount}}</div>
<div class="warn-data-val led-number">888</div> <div class="warn-data-text">问题数</div>
<div class="warn-data-text">问题数</div> </div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-blue">
<div class="czz-number-img czz-number-img-blue"> <svg-icon icon-class="tools" />
<svg-icon icon-class="tools" /> </div>
</div> <div class="warn-data">
<div class="warn-data"> <div class="warn-data-val led-number">{{safetyInfo.safetyRectifyCount}}</div>
<div class="warn-data-val led-number">888</div> <div class="warn-data-text">整改数</div>
<div class="warn-data-text">整改数</div> </div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-green">
<div class="czz-number-img czz-number-img-green"> <svg-icon icon-class="percent" class="green" />
<svg-icon icon-class="percent" class="green"/> </div>
</div> <div class="warn-data">
<div class="warn-data"> <div class="warn-data-val led-number">{{safetyInfo.safetyRectifyRate}}%</div>
<div class="warn-data-val led-number">888</div> <div class="warn-data-text">整改率</div>
<div class="warn-data-text">整改率</div> </div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-blue">
<div class="czz-number-img czz-number-img-blue"> <svg-icon icon-class="warn" class="red" />
<svg-icon icon-class="warn" class="red"/> </div>
</div> <div class="warn-data">
<div class="warn-data"> <div class="warn-data-val led-number">{{safetyInfo.safetyTimeoutCount}}</div>
<div class="warn-data-val led-number">888</div> <div class="warn-data-text">超时数</div>
<div class="warn-data-text">超时数</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -387,6 +383,13 @@ export default {
planFinishRate: 0, planFinishRate: 0,
finishRate: 0, finishRate: 0,
photographyList: [], photographyList: [],
safetyListCount:[],
safetyInfo:{
safetyRectifyCount:0,
safetyRectifyRate:0,
safetyTimeoutCount:0,
safetyTimeoutRate:0
}
}; };
}, },
beforeDestroy() { beforeDestroy() {
@ -411,7 +414,6 @@ export default {
); );
this.selProject = this.$store.getters.selProject; this.selProject = this.$store.getters.selProject;
this.updateProjectInfo(); this.updateProjectInfo();
console.log("----mount--->");
document.body.classList.add("is-sapi"); document.body.classList.add("is-sapi");
this.initEngine(); this.initEngine();
this.$api.dict("device_tower_warning").then((d) => { this.$api.dict("device_tower_warning").then((d) => {
@ -429,8 +431,8 @@ export default {
let opt = { let opt = {
tooltip: { tooltip: {
show: true, show: true,
formatter: function(params){ formatter: function (params) {
return params.seriesName + "<br/>"+params.marker + (params.value * 100).toFixed(2) + "%"; return params.seriesName + "<br/>" + params.marker + (params.value * 100).toFixed(2) + "%";
}, },
}, },
series: [ series: [
@ -438,7 +440,7 @@ export default {
type: "liquidFill", type: "liquidFill",
data: [n == 0 ? this.planFinishRate : this.finishRate], data: [n == 0 ? this.planFinishRate : this.finishRate],
name: n == 0 ? "计划完成" : "实际完成", name: n == 0 ? "计划完成" : "实际完成",
color: [n==0?"orange":"#47D89F"], //颜色 color: [n == 0 ? "orange" : "#47D89F"], //颜色
//波浪动画效果 //波浪动画效果
waveAnimation: true, waveAnimation: true,
animationEasingUpdate: "quinticInOut", animationEasingUpdate: "quinticInOut",
@ -450,12 +452,12 @@ export default {
outline: { outline: {
show: false, show: false,
}, },
label:{ label: {
fontSize: 20, fontSize: 30,
formatter: function (param) { formatter: function (param) {
return (param.value*100).toFixed(2) + "%"; return (param.value * 100).toFixed(2) + "%";
}, },
} },
}, },
], ],
}; };
@ -471,6 +473,28 @@ export default {
this.getRootScheduleNode(); this.getRootScheduleNode();
this.getFinishRate(); this.getFinishRate();
this.selectLastPhotography(); this.selectLastPhotography();
this.getSafetyListCount();
},
getSafetyListCount() {
let postData = {
projectId: this.selProject.id,
comId: this.selProject.comId,
};
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;
};
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("整改超时");
});
}, },
selectLastPhotography() { selectLastPhotography() {
this.$api.detail.photographyList(this.selProject.id).then((d) => { this.$api.detail.photographyList(this.selProject.id).then((d) => {
@ -1220,39 +1244,43 @@ export default {
} }
} }
} }
.warn-info{ .warn-info {
height: calc(100% - 30px); height: calc(100% - 30px);
.warn-item{ .warn-item {
display: inline-flex; display: inline-flex;
width:50%; width: calc(50% - 30px);
height:50%; height: 50%;
justify-content: center;
align-items: center; align-items: center;
.czz-number-img{ padding-left: 30px;
width:80px; .czz-number-img {
width: 80px;
height: 80px; height: 80px;
line-height: 80px; line-height: 80px;
.svg-icon{ .svg-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
fill: #5cc0eb; fill: #5cc0eb;
position: relative; position: relative;
top:12px; top: 12px;
&.red{ &.red {
fill: red; fill: red;
} }
&.green{ &.green {
fill: #00e900; fill: #00e900;
} }
} }
} }
.warn-data{ .warn-data {
margin-left:10px; margin-left: 10px;
.warn-data-val{ .warn-data-val {
font-size:30px; font-size: 40px;
font-weight: 700; font-weight: 700;
color: #22d0d2; color: #22d0d2;
} }
.warn-data-text{
margin-top:10px;
text-align: center;
}
} }
} }
} }