Compare commits

..

No commits in common. "1dfcd547e8ce5c55412f4f512fee75d061f7345e" and "d973ac872e15853e28ad346c713850ea1e5a1721" have entirely different histories.

1 changed files with 55 additions and 83 deletions

View File

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