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,40 +117,44 @@
</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">
<svg-icon icon-class="notesearch" /> <div class="czz-number-img czz-number-img-blue">
</div> <svg-icon icon-class="notesearch" />
<div class="warn-data"> </div>
<div class="warn-data-val led-number">{{safetyInfo.safetyCount}}</div> <div class="warn-data">
<div class="warn-data-text">问题数</div> <div class="warn-data-val led-number">888</div>
</div> <div class="warn-data-text">问题数</div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-blue">
<svg-icon icon-class="tools" /> <div class="czz-number-img czz-number-img-blue">
</div> <svg-icon icon-class="tools" />
<div class="warn-data"> </div>
<div class="warn-data-val led-number">{{safetyInfo.safetyRectifyCount}}</div> <div class="warn-data">
<div class="warn-data-text">整改数</div> <div class="warn-data-val led-number">888</div>
</div> <div class="warn-data-text">整改数</div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-green">
<svg-icon icon-class="percent" class="green" /> <div class="czz-number-img czz-number-img-green">
</div> <svg-icon icon-class="percent" class="green"/>
<div class="warn-data"> </div>
<div class="warn-data-val led-number">{{safetyInfo.safetyRectifyRate}}%</div> <div class="warn-data">
<div class="warn-data-text">整改率</div> <div class="warn-data-val led-number">888</div>
</div> <div class="warn-data-text">整改率</div>
</div>
</div> </div>
<div class="warn-item"> <div class="warn-item">
<div class="czz-number-img czz-number-img-blue">
<svg-icon icon-class="warn" class="red" /> <div class="czz-number-img czz-number-img-blue">
</div> <svg-icon icon-class="warn" class="red"/>
<div class="warn-data"> </div>
<div class="warn-data-val led-number">{{safetyInfo.safetyTimeoutCount}}</div> <div class="warn-data">
<div class="warn-data-text">超时数</div> <div class="warn-data-val led-number">888</div>
</div> <div class="warn-data-text">超时数</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -383,13 +387,6 @@ export default {
planFinishRate: 0, planFinishRate: 0,
finishRate: 0, finishRate: 0,
photographyList: [], photographyList: [],
safetyListCount:[],
safetyInfo:{
safetyRectifyCount:0,
safetyRectifyRate:0,
safetyTimeoutCount:0,
safetyTimeoutRate:0
}
}; };
}, },
beforeDestroy() { beforeDestroy() {
@ -414,6 +411,7 @@ 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) => {
@ -431,8 +429,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: [
@ -440,7 +438,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",
@ -452,12 +450,12 @@ export default {
outline: { outline: {
show: false, show: false,
}, },
label: { label:{
fontSize: 30, fontSize: 20,
formatter: function (param) { formatter: function (param) {
return (param.value * 100).toFixed(2) + "%"; return (param.value*100).toFixed(2) + "%";
}, },
}, }
}, },
], ],
}; };
@ -473,28 +471,6 @@ 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) => {
@ -1244,43 +1220,39 @@ 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: calc(50% - 30px); width:50%;
height: 50%; height:50%;
justify-content: center;
align-items: center; align-items: center;
padding-left: 30px; .czz-number-img{
.czz-number-img { width:80px;
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: 40px; font-size:30px;
font-weight: 700; font-weight: 700;
color: #22d0d2; color: #22d0d2;
} }
.warn-data-text{
margin-top:10px;
text-align: center;
}
} }
} }
} }