| | |
| | | |
| | | export const getChartData = (row) => { |
| | | return request({ |
| | | url: '/api/blade-jfpts/alarm/alarm/getChartData', |
| | | url: '/api/blade-jfpts/alarm/alarm/getChartDataAlarm', |
| | | method: 'get', |
| | | data: row |
| | | }) |
| | | } |
| | | |
| | | export const getChartDataBs = (row) => { |
| | | return request({ |
| | | url: '/api/blade-jfpts/alarm/alarm/getChartDataAlarmBs', |
| | | method: 'get', |
| | | data: row |
| | | }) |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {getList, remove, update, add, getclient,getChartData} from "@/api/real/real"; |
| | | import {getList, remove, update, add, getclient,getChartData,getChartDataBs} from "@/api/real/real"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | |
| | | title: [ |
| | | { |
| | | text: sum, |
| | | subtext: "安装任务总数", |
| | | subtext: "警情总数", |
| | | textStyle: { |
| | | fontSize: 36, |
| | | fontWeight: "normal", |
| | |
| | | y: "39%", |
| | | }, |
| | | ], |
| | | color:['#29c194','#F48F57', 'green'], |
| | | color:['#ff5127','#ffc666', '#5380f5'], |
| | | tooltip: { |
| | | trigger: 'item' |
| | | }, |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '任务状态', |
| | | name: '警情状态', |
| | | type: "pie", |
| | | radius: ["46%", "66%"], |
| | | data: data, |
| | |
| | | }, |
| | | getDataBs() { |
| | | var that = this; |
| | | getChartData(null).then(res => { |
| | | getChartDataBs(null).then(res => { |
| | | var data = res.data.data; |
| | | var sum = 0; |
| | | for (let i = 0; i < data.length; i++) { |
| | | sum += data[i].value; |
| | | } |
| | | var option = { |
| | | title: [ |
| | | { |
| | | text: sum, |
| | | subtext: "安装任务总数", |
| | | textStyle: { |
| | | fontSize: 36, |
| | | fontWeight: "normal", |
| | | color: "#393939", |
| | | title: { |
| | | text: '警情严重程度', |
| | | left: 'center' |
| | | }, |
| | | subtextStyle: { |
| | | fontSize: 16, |
| | | color: "#434343", |
| | | }, |
| | | textAlign: "center", |
| | | x: "49%", |
| | | y: "39%", |
| | | }, |
| | | ], |
| | | color:['#29c194','#F48F57', 'green'], |
| | | color:['#F48F57','#59b5f6', '#F34A4A'], |
| | | tooltip: { |
| | | trigger: 'item' |
| | | }, |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '任务状态', |
| | | name: '严重程度', |
| | | type: "pie", |
| | | radius: ["46%", "66%"], |
| | | radius: ['65%'], |
| | | data: data, |
| | | label: { |
| | | normal: { |