Commit 73051f86 authored by 谢章伟's avatar 谢章伟

安全质量大屏

parent ed735071
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="main"> <div class="main">
<div class="full_page"> <div class="full_page">
<!-- 左--> <!-- 左-->
<div class="trade_left"> <div class="trade_left" style="width: 18%">
<div style="height: 37%;" > <div style="height: 37%;" >
<display-board style="display: flex; justify-content: space-between; height: 98%;" title="安全"> <display-board style="display: flex; justify-content: space-between; height: 98%;" title="安全">
<winners-list style="height: 96%;overflow: auto;" :mouseHand="true" @click.native="goArBar" id="safe_list" :rows="arSafeList"/> <winners-list style="height: 96%;overflow: auto;" :mouseHand="true" @click.native="goArBar" id="safe_list" :rows="arSafeList"/>
...@@ -15,24 +15,23 @@ ...@@ -15,24 +15,23 @@
</div> </div>
<div style="height: 26%;" > <div style="height: 26%;" >
<display-board style="display: flex; justify-content: space-between; height: 98%;" title="人员情况表"> <display-board style="display: flex; justify-content: space-between; height: 98%;" title="人员情况表">
<div class="bar"> <div >
<div ref="bar"></div> <div style="height: 100px;width: 200px" ref="bar"></div>
</div> </div>
</display-board> </display-board>
</div> </div>
</div> </div>
<!--中--> <!--中-->
<display-board class="trade_middle" > <div class="trade_middle" style="border: none;box-shadow: none;width: 54%;padding-left: 0.5rem">
<div class="trade_middle" style="border: none;box-shadow: none;"> <display-board style="height: 76%">
<div style="display: flex; justify-content: space-between; height: 80%;">
</div> </display-board>
<div style="display: flex; justify-content: space-between; height: 20%;"> <div style="display: flex; justify-content: space-between; height: 20%;">
</div>
</div> </div>
</display-board> </div>
<!-- 右--> <!-- 右-->
<div class="trade_right"> <div class="trade_right" style="width: 26%;;padding-left: 0.5rem">
<div style="height: 33%;" > <div style="height: 33%;" >
<display-board style="display: flex; justify-content: space-between; height: 98%;" title="汽运"> <display-board style="display: flex; justify-content: space-between; height: 98%;" title="汽运">
...@@ -55,16 +54,21 @@ ...@@ -55,16 +54,21 @@
<script> <script>
import DisplayBoard from "../components/container/display-board.vue"; import DisplayBoard from "../components/container/display-board.vue";
import WinnersList from "../components/card/winners-list.vue"; import WinnersList from "../components/card/winners-list.vue";
import TitleContentMark from "../components/layout/title-content-mark.vue"; import * as echarts from "echarts";
export default { export default {
name: "SafeQuality", name: "SafeQuality",
components: { components: {
TitleContentMark,
DisplayBoard, DisplayBoard,
WinnersList WinnersList
}, },
data() { data() {
return {} return {
arSafeList:[{'title':"aaaaaaaaaaaaaaaaaaa"},{'title':"aaaaaaaaaaaaaaaaaaa"},{'title':"aaaaaaaaaaaaaaaaaaa"},{'title':"aaaaaaaaaaaaaaaaaaa"},{'title':"aaaaaaaaaaaaaaaaaaa"}],
arQualityList:[{'title':"bbbbbbbbbbbbbbb"},{'title':"bbbbbbbbbbbbbbb"},{'title':"bbbbbbbbbbbbbbb"},{'title':"aaaaaaaaaaaaaaaaaaa"},{'title':"aaaaaaaaaaaaaaaaaaa"}],
people_options:{
}
}
}, },
methods: { methods: {
...@@ -86,6 +90,12 @@ export default { ...@@ -86,6 +90,12 @@ export default {
} }
}, },
mounted() { mounted() {
setTimeout(() => {
let barDom = this.$refs.bar;
this.bar = echarts.init(barDom);
}, 500);
this.refreshData(); this.refreshData();
}, },
beforeDestroy() { beforeDestroy() {
...@@ -107,8 +117,4 @@ export default { ...@@ -107,8 +117,4 @@ export default {
</script> </script>
<style scoped> <style scoped>
#ar_company_list:hover {
background-color: #19EBFF10;
transform: scale(101%);
}
</style> </style>
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