| | |
| | | <el-tab-pane label="隐患事件趋势" name="hidDanderTrend"></el-tab-pane> |
| | | </el-tabs> |
| | | <div class="rt"> |
| | | <time-shortcut actPicker="week" @actPickerChange="timeShortChange"></time-shortcut> |
| | | <time-shortcut actPicker="today" @actPickerChange="timeShortChange"></time-shortcut> |
| | | <el-date-picker |
| | | v-model="searchHidDanderTime" |
| | | type="datetimerange" |
| | |
| | | |
| | | }) |
| | | this.jsTreeNodes = tempArr |
| | | this.refreshShoubiNum() |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | axisTick: { |
| | | alignWithLabel: true |
| | | }, |
| | | // axisLine: { |
| | | // lineStyle: { |
| | | // color: '#ccc' |
| | | // } |
| | | // }, |
| | | // nameTextStyle: { |
| | | // color: "#333" |
| | | // } |
| | | } |
| | | ], |
| | | yAxis: [ |
| | |
| | | name: '数量', |
| | | type: 'bar', |
| | | barWidth: '60%', |
| | | data: [{value:21,itemStyle:{color:'#3aa0ff'}},{value:102,itemStyle:{color:'#36cbcb'}},{value:100,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:7,itemStyle:{color:'#f2637b'}}, {value:14,itemStyle:{color:'#975fe4'}}] |
| | | label:{ |
| | | show:true,position: 'top' |
| | | }, |
| | | data: [{value:1,itemStyle:{color:'#3aa0ff'}},{value:0,itemStyle:{color:'#36cbcb'}},{value:1,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:3,itemStyle:{color:'#f2637b'}}, {value:2,itemStyle:{color:'#975fe4'}}] |
| | | } |
| | | ] |
| | | }, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | refreshShoubiNum(){ |
| | | let n = sessionStorage.getItem("shoubiNum") |
| | | this.optionsOfHidDangerBar.series[0].data[1].value = +n |
| | | }, |
| | | initTabContent(tab){ |
| | | if(tab.name == "hidDanderStatistic"){ |
| | | this.actHidDanderStatiscChart = 'bar' |