alarm 模块 Alarm information接口调整
This commit is contained in:
		
							parent
							
								
									1de8300df3
								
							
						
					
					
						commit
						5a6387bef9
					
				| 
						 | 
					@ -285,9 +285,9 @@
 | 
				
			||||||
          <a-list :dataSource="dataSource_alarm_info">
 | 
					          <a-list :dataSource="dataSource_alarm_info">
 | 
				
			||||||
            <a-list-item slot="renderItem" slot-scope="item">
 | 
					            <a-list-item slot="renderItem" slot-scope="item">
 | 
				
			||||||
              <img class="alarm-info-list-img" src="@/assets/images/abnormalAlarm/icon-r.png" alt="" />
 | 
					              <img class="alarm-info-list-img" src="@/assets/images/abnormalAlarm/icon-r.png" alt="" />
 | 
				
			||||||
              <div class="alarm-info-list-info">{{ JSON.parse(item.alarmInfo).info }}</div>
 | 
					              <div class="alarm-info-list-info">{{ JSON.parse(item.alarmInfo).value }}</div>
 | 
				
			||||||
              <div class="alarm-info-list-date">{{ item.alarmStartDate }}</div>
 | 
					              <div class="alarm-info-list-date">{{ item.alarmStartDate }}</div>
 | 
				
			||||||
              <a slot="actions" class="alarm-info-list-actions">Detail</a>
 | 
					              <!-- <a slot="actions" class="alarm-info-list-actions">Detail</a> -->
 | 
				
			||||||
            </a-list-item>
 | 
					            </a-list-item>
 | 
				
			||||||
            <div v-if="loading_alarm_info && !busy" class="demo-loading-container">
 | 
					            <div v-if="loading_alarm_info && !busy" class="demo-loading-container">
 | 
				
			||||||
              <a-spin />
 | 
					              <a-spin />
 | 
				
			||||||
| 
						 | 
					@ -363,7 +363,6 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
var data1 = []
 | 
					var data1 = []
 | 
				
			||||||
// var dataCount = 3
 | 
					 | 
				
			||||||
var startTime, endTime
 | 
					var startTime, endTime
 | 
				
			||||||
var categories = ['cpu']
 | 
					var categories = ['cpu']
 | 
				
			||||||
var types = [
 | 
					var types = [
 | 
				
			||||||
| 
						 | 
					@ -374,24 +373,6 @@ var types = [
 | 
				
			||||||
var legendData = types.map((item) => {
 | 
					var legendData = types.map((item) => {
 | 
				
			||||||
  return item.name
 | 
					  return item.name
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
// Generate mock data
 | 
					 | 
				
			||||||
// categories.forEach((category, index) => {
 | 
					 | 
				
			||||||
//   var baseTime = startTime
 | 
					 | 
				
			||||||
//   for (var i = 0; i < dataCount; i++) {
 | 
					 | 
				
			||||||
//     var typeItem = types[i]
 | 
					 | 
				
			||||||
//     var duration = Math.round(Math.random() * 10000)
 | 
					 | 
				
			||||||
//     data1.push({
 | 
					 | 
				
			||||||
//       name: typeItem.name,
 | 
					 | 
				
			||||||
//       value: [index, baseTime, (baseTime += duration), duration],
 | 
					 | 
				
			||||||
//       itemStyle: {
 | 
					 | 
				
			||||||
//         normal: {
 | 
					 | 
				
			||||||
//           color: typeItem.color,
 | 
					 | 
				
			||||||
//         },
 | 
					 | 
				
			||||||
//       },
 | 
					 | 
				
			||||||
//     })
 | 
					 | 
				
			||||||
//     baseTime += Math.round(Math.random() * 2000)
 | 
					 | 
				
			||||||
//   }
 | 
					 | 
				
			||||||
// })
 | 
					 | 
				
			||||||
function renderItem1(params, api) {
 | 
					function renderItem1(params, api) {
 | 
				
			||||||
  var categoryIndex = api.value(0)
 | 
					  var categoryIndex = api.value(0)
 | 
				
			||||||
  var start = api.coord([api.value(1), categoryIndex])
 | 
					  var start = api.coord([api.value(1), categoryIndex])
 | 
				
			||||||
| 
						 | 
					@ -425,7 +406,7 @@ import infiniteScroll from 'vue-infinite-scroll'
 | 
				
			||||||
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
 | 
					import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
 | 
				
			||||||
import * as echarts from 'echarts'
 | 
					import * as echarts from 'echarts'
 | 
				
			||||||
import dateFormat from '@/components/jeecg/JEasyCron/format-date'
 | 
					import dateFormat from '@/components/jeecg/JEasyCron/format-date'
 | 
				
			||||||
import { Bar, G2 } from '@antv/g2plot'
 | 
					// import { Bar, G2 } from '@antv/g2plot'
 | 
				
			||||||
import moment from 'moment'
 | 
					import moment from 'moment'
 | 
				
			||||||
import { log } from '@antv/g2plot/lib/utils'
 | 
					import { log } from '@antv/g2plot/lib/utils'
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
| 
						 | 
					@ -457,7 +438,8 @@ export default {
 | 
				
			||||||
      guageCpu: null,
 | 
					      guageCpu: null,
 | 
				
			||||||
      guageMemory: null,
 | 
					      guageMemory: null,
 | 
				
			||||||
      guageLoads: null,
 | 
					      guageLoads: null,
 | 
				
			||||||
      currId: '',
 | 
					      currHostId: '',
 | 
				
			||||||
 | 
					      currSourceId: '',
 | 
				
			||||||
      detailInfo: {},
 | 
					      detailInfo: {},
 | 
				
			||||||
      currItemId: '',
 | 
					      currItemId: '',
 | 
				
			||||||
      // cpu
 | 
					      // cpu
 | 
				
			||||||
| 
						 | 
					@ -470,7 +452,6 @@ export default {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  mounted() {
 | 
					  mounted() {
 | 
				
			||||||
    // this.currId = this.$route.query.serverId||""
 | 
					 | 
				
			||||||
    this.getSysServer((res) => {
 | 
					    this.getSysServer((res) => {
 | 
				
			||||||
      this.loading = false
 | 
					      this.loading = false
 | 
				
			||||||
      if (res.success) {
 | 
					      if (res.success) {
 | 
				
			||||||
| 
						 | 
					@ -479,14 +460,16 @@ export default {
 | 
				
			||||||
        if (this.$route.query.serverId) {
 | 
					        if (this.$route.query.serverId) {
 | 
				
			||||||
          this.serverId = this.$route.query.serverId
 | 
					          this.serverId = this.$route.query.serverId
 | 
				
			||||||
          this.currIndex = this.dataSource.findIndex((item) => item.sourceId === this.serverId)
 | 
					          this.currIndex = this.dataSource.findIndex((item) => item.sourceId === this.serverId)
 | 
				
			||||||
          this.currId = this.dataSource.find((item) => item.sourceId === this.serverId).hostId
 | 
					          this.currHostId = this.dataSource.find((item) => item.sourceId === this.serverId).hostId
 | 
				
			||||||
 | 
					          this.currSourceId = this.dataSource.find((item) => item.sourceId === this.serverId).sourceId
 | 
				
			||||||
          this.currItemId = this.dataSource.find((item) => item.sourceId === this.serverId).cpuUsedItemId
 | 
					          this.currItemId = this.dataSource.find((item) => item.sourceId === this.serverId).cpuUsedItemId
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.currId = this.dataSource[0].hostId
 | 
					          this.currHostId = this.dataSource[0].hostId
 | 
				
			||||||
 | 
					          this.currSourceId = this.dataSource[0].sourceId
 | 
				
			||||||
          this.currItemId = this.dataSource[0].cpuUsedItemId
 | 
					          this.currItemId = this.dataSource[0].cpuUsedItemId
 | 
				
			||||||
          this.currIndex = 0
 | 
					          this.currIndex = 0
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        this.getBasiclnfo(this.currId)
 | 
					        this.getBasiclnfo(this.currHostId)
 | 
				
			||||||
        this.getCpuUtilizationData()
 | 
					        this.getCpuUtilizationData()
 | 
				
			||||||
        this.getTimeLineData()
 | 
					        this.getTimeLineData()
 | 
				
			||||||
        // this.EchartsTimeline()
 | 
					        // this.EchartsTimeline()
 | 
				
			||||||
| 
						 | 
					@ -494,7 +477,7 @@ export default {
 | 
				
			||||||
        this.$message.warning('This operation fails. Contact your system administrator')
 | 
					        this.$message.warning('This operation fails. Contact your system administrator')
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    })
 | 
					    })
 | 
				
			||||||
    this.getServerAlarmHistory((res) => {
 | 
					    this.getDetailsAlarmInfo((res) => {
 | 
				
			||||||
      this.loading_alarm_info = false
 | 
					      this.loading_alarm_info = false
 | 
				
			||||||
      if (res.success) {
 | 
					      if (res.success) {
 | 
				
			||||||
        this.ipagination_alarm_info.total = res.result.total
 | 
					        this.ipagination_alarm_info.total = res.result.total
 | 
				
			||||||
| 
						 | 
					@ -744,19 +727,20 @@ export default {
 | 
				
			||||||
    handleBasicItem(i, item) {
 | 
					    handleBasicItem(i, item) {
 | 
				
			||||||
      this.currIndex = i
 | 
					      this.currIndex = i
 | 
				
			||||||
      this.currItemId = item.cpuUsedItemId
 | 
					      this.currItemId = item.cpuUsedItemId
 | 
				
			||||||
 | 
					      this.currSourceId = item.sourceId
 | 
				
			||||||
      this.getBasiclnfo(item.hostId)
 | 
					      this.getBasiclnfo(item.hostId)
 | 
				
			||||||
      this.getCpuUtilizationData()
 | 
					      this.getCpuUtilizationData()
 | 
				
			||||||
      this.getTimeLineData()
 | 
					      this.getTimeLineData()
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    getServerAlarmHistory(callBack) {
 | 
					    getDetailsAlarmInfo(callBack) {
 | 
				
			||||||
      this.loading = true
 | 
					      this.loading = true
 | 
				
			||||||
      let params = {
 | 
					      let params = {
 | 
				
			||||||
        startDate: '2022-08-01',
 | 
					        // sourceId:this.currSourceId,
 | 
				
			||||||
        endDate: '2023-08-07',
 | 
					        sourceId: 'e2',
 | 
				
			||||||
        pageNo: this.ipagination_alarm_info.current,
 | 
					        pageNo: this.ipagination_alarm_info.current,
 | 
				
			||||||
        pageSize: this.ipagination_alarm_info.pageSize,
 | 
					        pageSize: this.ipagination_alarm_info.pageSize,
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      getAction('/sysServer/findAlarmHistory', params).then((res) => {
 | 
					      getAction('/sysServer/detailsAlarmInfo', params).then((res) => {
 | 
				
			||||||
        callBack(res)
 | 
					        callBack(res)
 | 
				
			||||||
      })
 | 
					      })
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
| 
						 | 
					@ -771,7 +755,7 @@ export default {
 | 
				
			||||||
          return
 | 
					          return
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.ipagination_alarm_info.current += 1
 | 
					          this.ipagination_alarm_info.current += 1
 | 
				
			||||||
          this.getServerAlarmHistory((res) => {
 | 
					          this.getDetailsAlarmInfo((res) => {
 | 
				
			||||||
            this.ipagination_alarm_info.total = res.result.total
 | 
					            this.ipagination_alarm_info.total = res.result.total
 | 
				
			||||||
            this.dataSource_alarm_info = dataSource_alarm_info.concat(res.result.records)
 | 
					            this.dataSource_alarm_info = dataSource_alarm_info.concat(res.result.records)
 | 
				
			||||||
            this.loading_alarm_info = false
 | 
					            this.loading_alarm_info = false
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user