Skip to content

G
gassafety-progress
Commit 48a84a35 authored by yaqizhang's avatar yaqizhang
Browse files
Options

样式优化

parent b4be7aa5
Show whitespace changes
Inline Side-by-side
Showing with 42 additions and 39 deletions
gassafetyprogress-web/src/views/examine/index.vue
View file @ 48a84a35
...@@ -8,20 +8,26 @@ ...@@ -8,20 +8,26 @@
<div>考核级别</div> <div>考核级别</div>
<div style="width: 30px;border-bottom: 1px solid #188df0;margin-top: 10px"></div> <div style="width: 30px;border-bottom: 1px solid #188df0;margin-top: 10px"></div>
</div> </div>
<div class="exacenter" id="myChartpieone" :style="{width: '60%', height: '100%'}"></div> <div class="exacenter" id="myChartpieone" :style="{width: '250px', height: '100%'}"></div>
<div class="exaright"> <div class="exaright">
<div style="color: #188df0">3</div> <div style="color: #188df0">
<span>3</span>
<img src="../../assets/up.png" style="width: 15px;height: 12px;margin-bottom: 3px">
</div>
<div>排名</div> <div>排名</div>
<div style="width: 30px;border-bottom: 1px solid #188df0;margin-top: 10px"></div> <div style="width: 30px;border-bottom: 1px solid #188df0;margin-top: 10px"></div>
</div> </div>
</div> </div>
<div class="topright"> <div class="topright">
<div class="exatop">2021年度全县共处置<span style="color: #b65bff;font-size: 20px;">123件</span>燃气事故，事故办结率<span style="color: red;font-size: 20px;">100%</span>,平均办结时效<span style="color: #1c84c6;font-size: 20px;">24小时</span>;</div> <div class="exatop">2021年度全县共处置<span style="color: #b65bff;font-size: 20px;">367件</span>燃气事故，事故办结率<span style="color: red;font-size: 20px;">100%</span>,平均办结时效<span style="color: #1c84c6;font-size: 20px;">24小时</span>;</div>
<div class="exatop">共组织燃气取暖专项排查、检查任务<span style="color: #2934ff;font-size: 20px;">123次</span>，燃气企业日常巡查<span style="color: #ffbc00;font-size: 20px;">123次</span>，整改<span style="color: red;font-size: 20px;">123次</span>安全隐患。</div> <div class="exatop">共组织燃气取暖专项排查、检查任务<span style="color: #2934ff;font-size: 20px;">256次</span>，燃气企业日常巡查<span style="color: #ffbc00;font-size: 20px;">566次</span>，整改<span style="color: red;font-size: 20px;">765次</span>安全隐患。</div>
<div class="exatop">共寄到投诉<span style="color: #1c84c6;font-size: 20px;">123次</span>，已全部处置完成。</div> <div class="exatop">共寄到投诉<span style="color: #1c84c6;font-size: 20px;">435次</span>，已全部处置完成。</div>
<div class="exabottom"> <div class="exabottom">
<div class="bottoml">全年燃气总结：</div> <div class="bottoml">全年燃气总结：</div>
<div class="bottomr">鹅鹅饿鹅呃呃鹅鹅鹅鹅鹅饿鹅鹅饿饿呃呃鹅鹅鹅鹅鹅鹅饿鹅鹅鹅饿鹅鹅鹅呃呃呃呃呃呃呃呃呃呃呃呃鹅鹅鹅鹅鹅鹅饿饿饿饿饿呃呃呃呃呃呃鹅鹅鹅鹅鹅鹅饿饿饿饿饿呃呃呃鹅鹅鹅鹅鹅鹅饿鹅鹅鹅饿鹅鹅鹅呃呃呃呃呃呃呃呃呃呃呃呃鹅鹅鹅鹅鹅鹅饿饿饿饿饿呃鹅鹅鹅鹅鹅鹅饿饿饿饿饿饿饿饿饿鹅鹅鹅呃呃呃额饿饿饿饿饿饿饿饿鹅鹅鹅呃呃呃额 鹅鹅鹅饿呃呃呃鹅鹅鹅鹅鹅鹅饿鹅鹅鹅饿鹅鹅鹅</div> <div class="bottomr">
燃气监管由排名、区域、企业名称、经营类别、燃气事故(件)，隐患整治(次)，投诉处置(件)、考核得分、考核结果组成。
共组织燃区隐患装箱排查、检查任务677次，燃气企业日常巡查344次；
2021年度全县共处置367件燃气事故，事故办结率100%，平均办结时效24小时；共组织燃气隐患专项排查、检查任务256次，燃气企业日常巡查566次，整改765次安全隐患。共接到投诉435次，已经全部处置完成。</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -73,32 +79,32 @@ ...@@ -73,32 +79,32 @@
return{ return{
user:{name:'',type:'',num:'',price:''}, user:{name:'',type:'',num:'',price:''},
stu:[ stu:[
{'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'13件','yh':'134次','ts':'28次','kh': 100,'jg':'优秀'},
{'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'管道燃气','price':'12件','yh':'77次','ts':'46次','kh': 100,'jg':'优秀'},
{'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'汽车加气','price':'3件','yh':'180次','ts':'167次','kh': 100,'jg':'优秀'},
{'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'瓶装燃气','price':'23件','yh':'45次','ts':'152次','kh': 95,'jg':'良好'},
{'name': '金茂雪山语', 'type': '金茂雪山语','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金茂雪山语', 'type': '金茂雪山语','num':'管道燃气','price':'8件','yh':'34次','ts':'67次','kh': 100,'jg':'优秀'},
{'name': '龙TOWN', 'type': '龙TOWN','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '龙TOWN', 'type': '龙TOWN','num':'汽车加气','price':'10件','yh':'10次','ts':'455次','kh': 100,'jg':'优秀'},
{'name': '润泽御府', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '润泽御府', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'234件','yh':'563次','ts':'342次','kh': 100,'jg':'优秀'},
{'name': '盛达铂宫', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '盛达铂宫', 'type': '北京城建世华泊郡','num':'管道燃气','price':'256件','yh':'234次','ts':'432次','kh': 100,'jg':'优秀'},
{'name': '幸福荷语墅', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '幸福荷语墅', 'type': '北京城建世华泊郡','num':'汽车加气','price':'34件','yh':'145次','ts':'134次','kh': 100,'jg':'优秀'},
{'name': '金茂雪山语', 'type': '金茂雪山语','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金茂雪山语', 'type': '金茂雪山语','num':'瓶装燃气','price':'56件','yh':'233次','ts':'134次','kh': 100,'jg':'优秀'},
{'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'汽车加气','price':'25件','yh':'163次','ts':'173次','kh': 100,'jg':'优秀'},
{'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'管道燃气','price':'66件','yh':'145次','ts':'167次','kh': 100,'jg':'优秀'},
{'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'瓶装燃气','price':'156件','yh':'183次','ts':'109次','kh': 100,'jg':'优秀'},
{'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'汽车加气','price':'177件','yh':'194次','ts':'173次','kh': 100,'jg':'优秀'},
{'name': '金茂雪山语', 'type': '金茂雪山语','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金茂雪山语', 'type': '金茂雪山语','num':'瓶装燃气','price':'89件','yh':'167次','ts':'178次','kh': 100,'jg':'优秀'},
{'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '和美紫晶花园', 'type': '和美紫晶花园','num':'管道燃气','price':'96件','yh':'193次','ts':'133次','kh': 89,'jg':'良好'},
{'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'34件','yh':'163次','ts':'128次','kh': 100,'jg':'优秀'},
{'name': '金茂雪山语', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金茂雪山语', 'type': '北京城建世华泊郡','num':'汽车加气','price':'39件','yh':'125次','ts':'146次','kh': 100,'jg':'优秀'},
{'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'管道燃气','price':'69件','yh':'138次','ts':'167次','kh': 100,'jg':'优秀'},
{'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '金屋秦皇半岛', 'type': '金屋秦皇半岛','num':'瓶装燃气','price':'256件','yh':'189次','ts':'233次','kh': 100,'jg':'优秀'},
{'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'汽车加气','price':'95件','yh':'253次','ts':'343次','kh': 100,'jg':'优秀'},
{'name': '龙TOWN', 'type': '龙TOWN','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '龙TOWN', 'type': '龙TOWN','num':'瓶装燃气','price':'123件','yh':'91次','ts':'153次','kh': 100,'jg':'优秀'},
{'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'管道燃气','price':'77件','yh':'173次','ts':'165次','kh': 98,'jg':'良好'},
{'name': '龙TOWN', 'type': '龙TOWN','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '龙TOWN', 'type': '龙TOWN','num':'汽车加气','price':'123件','yh':'48次','ts':'345次','kh': 100,'jg':'优秀'},
{'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '戴河水岸星城', 'type': '戴河水岸星城','num':'汽车加气','price':'38件','yh':'91次','ts':'78次','kh': 100,'jg':'优秀'},
{'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'瓶装燃气','price':'123件','yh':'123次','ts':'123次','kh': 100,'jg':'优秀'}, {'name': '北京城建世华泊郡', 'type': '北京城建世华泊郡','num':'管道燃气','price':'357件','yh':'133次','ts':'179次','kh': 100,'jg':'优秀'},
],} ],}
}, },
mounted () { mounted () {
...@@ -110,7 +116,7 @@ ...@@ -110,7 +116,7 @@
let myChart1 = this.$echarts.init(document.getElementById("myChartpieone")); let myChart1 = this.$echarts.init(document.getElementById("myChartpieone"));
// 绘制图表 // 绘制图表
myChart1.setOption({ myChart1.setOption({
color:['#4eed0c','#2934ff'], color:['#5ff76a','#1890ff'],
grid: { grid: {
bottom: "2%", bottom: "2%",
containLabel: true, containLabel: true,
...@@ -150,9 +156,6 @@ ...@@ -150,9 +156,6 @@
] ]
}); });
} }
},
beforeDestroy() {
}, },
} }
</script> </script>
...@@ -175,10 +178,10 @@ ...@@ -175,10 +178,10 @@
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
padding: 0 100px; padding: 0 6% 0 4%;
} }
.exaleft{ .exaleft{
width: 20%; width: 100px;
height: 30%; height: 30%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -188,7 +191,7 @@ ...@@ -188,7 +191,7 @@
font-size: 20px; font-size: 20px;
} }
.exaright{ .exaright{
width: 20%; width: 100px;
height: 30%; height: 30%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment