430/vue_mdc_430.git

			@@ -6,75 +6,123 @@
			<a-form layout="inline" @keyup.enter.native="searchQuery">
			<a-row :gutter="24">
			<a-col :md="6" :sm="6">
			<a-form-item label="时间">
			<a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD"
			v-model="dates"/>
			<a-form-item label="设备类型">
			<a-select
			:value="queryParams.equipmentType"
			mode="multiple"
			placeholder="请选择设备类型"
			allow-clear
			:maxTagCount="1"
			@change="selectChange($event,'equipmentType')"
			>
			<a-select-option v-for="(item,index) in equipmentTypeList" :value="item.value" :key="index">
			{{ item.label }}
			</a-select-option>
			</a-select>
			</a-form-item>
			</a-col>
			<a-col :lg="2" :md="3" :sm="3" :xs="3">
			<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>

			<a-col :md="6" :sm="6">
			<a-form-item label="驱动类型">
			<a-select
			:value="queryParams.driveType"
			mode="multiple"
			placeholder="请选择驱动类型"
			allow-clear
			:maxTagCount="1"
			@change="selectChange($event,'driveType')"
			>
			<a-select-option v-for="(item,index) in driveTypeList" :value="item.value" :key="index">
			{{ item.label }}
			</a-select-option>
			</a-select>
			</a-form-item>
			</a-col>

			<a-col :md="6" :sm="6">
			<a-form-item label="时间">
			<a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD"
			v-model="dates" :allowClear="false"/>
			</a-form-item>
			</a-col>

			<a-col :md="3" :sm="3" :xs="3">
			<a-space>
			<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
			<a-button type="primary" @click="searchReset" icon="reload">重置</a-button>
			</a-space>
			</a-col>

			<a-col :md="2" :sm="2">
			<a
			@click="toggleSearchStatus=!toggleSearchStatus"
			@selectstart="$event.preventDefault()"
			style="display: inline-block;height: 32px;line-height: 32px"
			>
			{{ toggleSearchStatus ? '收起' : '展开' }}
			<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
			</a>
			</a-col>
			</a-row>

			<a-row :gutter="24" v-if="toggleSearchStatus">
			<a-col :md="6" :sm="6" :xs="6">
			<a-form-item label="设备级别">
			<a-select
			:value="queryParams.deviceLevel"
			mode="multiple"
			placeholder="请选择设备级别"
			allow-clear
			:maxTagCount="1"
			@change="selectChange($event,'deviceLevel')"
			>
			<a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index">
			{{ item.label }}
			</a-select-option>
			</a-select>
			</a-form-item>
			</a-col>

			<a-col :md="5" :sm="5" :xs="5">
			<a-form-item label="重要程度">
			<a-select
			v-model="queryParam.deviceImportanceLevel"
			placeholder="请选择设备重要程度"
			allow-clear
			>
			<a-select-option v-for="(item,index) in device_importance_level_list" :value="item.value"
			:key="index">
			{{ item.label }}
			</a-select-option>
			</a-select>
			</a-form-item>
			</a-col>
			</a-row>
			</a-form>
			</div>

			<div id="DeviceList">
			<div class="openRateTrendDg">
			<!--<div id="Efficiency" class="container">-->
			<!--<div class="table2">-->
			<!--<table class="dataContent table" border="1" cellspacing="0" cellpadding="0"-->
			<!--style="white-space: nowrap;text-align: left;">-->
			<!--<thead>-->
			<!--<tr class="thead fixed equipname">-->
			<!--<th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">报警号-->
			<!--</th>-->
			<!--<th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">-->
			<!--出现次数-->
			<!--</th>-->
			<!--<th class="thgu dong3 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">-->
			<!--合计持续时间-->
			<!--</th>-->
			<!--<th class="thgu dong4 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">-->
			<!--报警信息-->
			<!--</th>-->
			<!--<!–<template v-for="(tableHead, index) in tableHeads">–>-->
			<!--<!–<th class="timeth" :colspan="checkedList.length">{{tableHead}}</th>–>-->
			<!--<!–</template>–>-->
			<!--</tr>-->
			<!--</thead>-->
			<!--<tbody>-->
			<!--<tr class="mathData" v-for="(item, index) in dataList" @click="TableDraw(index,item)">-->
			<!--<td class="tdgu kaitou">{{item.alarmCode}}</td>-->
			<!--<td class="tdgu1 kaitou">{{item.count}}</td>-->
			<!--<td class="tdgu2 kaitou">{{getFormattedTime(item.timeCount)}}-->
			<!--<!–<td class="tdgu2 kaitou">{{item.timeCount}}</td>–>-->
			<!--<td class="tdgu3 kaitou">{{item.alarmContent}}</td>-->
			<!--<!–<template v-for="(tableHead, index) in item.dataList">–>-->
			<!--<!–<td :style="{background:tableHead.color }">{{tableHead.utilizationRate \| numFilter}}</td>–>-->
			<!--<!–</template>–>-->
			<!--</tr>-->
			<!--</tbody>-->
			<!--</table>-->
			<!--</div>-->
			<!--</div>-->
			<a-table :columns="columns" :data-source="dataList" bordered :pagination="false" :scroll="{y:168}"
			<a-table :columns="columns" :data-source="dataList" bordered :pagination="false" :scroll="{y:210}"
			:customRow="customRow"
			rowKey="alarmCode"
			rowKey="alarmCode" @expand="handleExpandChange" :loading="outerDataLoading"
			>
			<span slot="timeCount" slot-scope="text">{{getFormattedTime(text)}}</span>
			<!--<a-table-->
			<!--slot="expandedRowRender"-->
			<!--slot-scope="row"-->
			<!--:columns="innerColumns"-->
			<!--:data-source="row.innerDataList"-->
			<!--:pagination="false"-->
			<!--rowKey="equipmentId"-->
			<!-->-->
			<!--<span slot="duration" slot-scope="text">{{getFormattedTime(text)}}</span>-->
			<!--</a-table>-->
			<span slot="timeCount" slot-scope="text">{{text \| getFormattedTime}}</span>
			<a-table
			slot="expandedRowRender"
			slot-scope="row"
			:columns="innerColumns"
			:data-source="row.innerDataList"
			:pagination="false"
			rowKey="rowIndex"
			:loading="innerDataLoading"
			>
			<span slot="duration" slot-scope="text">{{text \| getFormattedTime}}</span>
			</a-table>
			</a-table>
			</div>

			<a-spin :spinning="spinning">
			<a-spin :spinning="echartLoading">
			<div style="width: 100%;height: 100%;display: flex;">
			<div id="MdcEquipmentWarningPie" style="height: 100%;width: 35%;"></div>
			<div id="MdcEquipmentWarningLine" style="height: 100%;width: 65%;"></div>
			@@ -87,31 +135,40 @@

			<script>
			import moment from 'moment'
			import { putAction, getAction } from '@/api/manage'
			import { getAction } from '@/api/manage'
			import $ from 'jquery'
			import '@/components/table2excel/table2excel'
			import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api'
			import {
			JeecgListMixin
			} from '@/mixins/JeecgListMixin'
			import { ajaxGetDictItems, getDictItemsFromCache } from '@/api/api'
			import api from '@api/mdc'

			const columns = [
			{ title: '报警号', dataIndex: 'alarmCode', key: 'alarmCode', align: 'center' },
			{ title: '出现次数', dataIndex: 'count', key: 'count', align: 'center' },
			{ title: '出现次数', dataIndex: 'count', key: 'count', align: 'center', sorter: (a, b) => b.count - a.count },
			{
			title: '合计持续时间',
			dataIndex: 'timeCount',
			key: 'timeCount',
			scopedSlots: { customRender: 'timeCount' },
			align: 'center'
			align: 'center',
			sorter: (a, b) => b.timeCount - a.timeCount
			},
			{ title: '报警信息', dataIndex: 'alarmContent', key: 'alarmContent', align: 'center' }
			{ title: '报警信息', dataIndex: 'alarmContent', key: 'alarmContent', align: 'center', ellipsis: true }
			]

			const innerColumns = [
			{
			title: '',
			dataIndex: 'rowIndex',
			key: 'rowIndex',
			width: 60,
			align: 'center',
			customRender: function(t, r, index) {
			return parseInt(index) + 1
			}
			},
			{ title: '设备编号', dataIndex: 'equipmentId', key: 'equipmentId', align: 'center' },
			{ title: '设备名称', dataIndex: 'equipmentName', key: 'equipmentName', align: 'center' },
			{ title: '报警时间', dataIndex: 'alarmTime', key: 'alarmTime', align: 'center' },
			{ title: '报警时间', dataIndex: 'startTime', key: 'startTime', align: 'center' },
			{ title: '结束时间', dataIndex: 'endTime', key: 'endTime', align: 'center' },
			{
			title: '持续时间',
			@@ -123,15 +180,15 @@
			]

			export default {
			// mixins: [JeecgListMixin],
			name: 'alarmAnalysisMain',
			components: {},
			data() {
			return {
			dataSource: [],
			/* table加载状态 */
			loading: false,
			spinning:false,
			outerDataLoading: false,
			innerDataLoading: false,
			echartLoading: false,
			typeTree: '',
			typeParent: 1,
			typeEquipment: 1,
			@@ -139,9 +196,17 @@
			TreeIDTwo: 2,
			deviceTypeDict: '',
			dates: [],
			equipmentTypeList: [],
			driveTypeList: [],
			device_level_list: [],
			device_importance_level_list: [],
			identifying: [],
			queryParam: {},
			queryParams: {},
			queryParams: {
			equipmentType: [],
			driveType: [],
			deviceLevel: []
			},
			queryParamEquip: {},
			queryParamPeople: {},
			efficiencyOptions: [
			@@ -157,14 +222,18 @@
			url: {
			efficiencyList: '/mdc/alarmAnalyze/alarmList',
			listByType: '/mdc/MdcUtilizationRate/getByType',
			alarmTrend: '/mdc/alarmAnalyze/alarmTrend'
			alarmTrend: '/mdc/alarmAnalyze/alarmTrend',
			equipmentAlarmList: '/mdc/alarmAnalyze/equipmentAlarmList',
			queryEquipmentType: '/mdc/mdcEquipmentType/queryEquipmentType'
			},
			tableHeads: [],
			pieDate: [0],
			XData: [0],
			YData: [0],
			columns,
			innerColumns
			innerColumns,
			hasRequestAlarmCodeList: [],
			toggleSearchStatus: false
			}
			},
			props: { nodeTree: '', Type: '', nodePeople: '' },
			@@ -172,15 +241,18 @@
			* 生命周期挂载前
			* */
			created() {
			this.dates = [moment().subtract('days', 8), moment().subtract('days', 1)]
			this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD')
			this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD')
			this.queryParam.typeTree = '1'
			this.loadData1()

			this.searchReset()
			this.queryGroup()
			this.getDriveTypeByApi()
			this.initDictData('device_level')
			this.initDictData('device_importance_level')
			},
			mounted() {
			this.drawWrin()
			window.addEventListener('resize', this.handleWindowResize)
			},
			beforeDestroy() {
			window.removeEventListener('resize', this.handleWindowResize)
			},
			watch: {
			Type(valmath) {
			@@ -220,9 +292,78 @@
			} else {
			return '0'
			}
			},

			/**
			* 格式化时间
			* @param seconds 秒数
			* @returns '' 格式化后时间字符串
			*/
			getFormattedTime(seconds) {
			var hours = Math.floor(seconds / 3600)
			var minutes = Math.floor((seconds % 3600) / 60)
			var secs = seconds % 60

			if (hours === 0) {
			if (minutes === 0) {
			return secs === 0 ? 0 : `${secs}秒`
			} else {
			if (secs === 0) {
			return `${minutes}分`
			}
			return `${minutes}分 ${secs}秒`
			}
			} else {
			if (minutes === 0 && secs === 0) {
			return `${hours}小时`
			} else if (minutes !== 0 && secs === 0) {
			return `${hours}小时 ${minutes}分`
			}
			}
			return `${hours}小时 ${minutes}分 ${secs}秒`
			}
			},
			methods: {
			queryGroup() {
			getAction(this.url.queryEquipmentType).then(res => {
			if (res.success) {
			this.equipmentTypeList = res.result.map(item => {
			return {
			label: item.equipmentTypeName,
			value: item.equipmentTypeName
			}
			})
			} else {
			this.$notification.warning({
			message: '消息',
			description: res.message
			})
			}
			})
			},

			// 调用接口获取控制系统类型
			getDriveTypeByApi() {
			api.getDriveTypeApi().then((res) => {
			if (res.success) this.driveTypeList = res.result
			})
			},

			initDictData(dictCode) {
			// //优先从缓存中读取字典配置
			if (getDictItemsFromCache(dictCode)) {
			this[dictCode + '_list'] = getDictItemsFromCache(dictCode)
			return
			}
			//根据字典Code, 初始化字典数组
			ajaxGetDictItems(dictCode, null).then((res) => {
			if (res.success) {
			this[dictCode + '_list'] = res.result
			return
			}
			})
			},

			numBerTwo(value) {
			if (value) {
			return parseFloat((value * 100).toFixed(2))
			@@ -230,36 +371,28 @@
			return '0'
			}
			},

			TableDraw(key, val) {
			let that = this
			that.spinning=true
			that.echartLoading = true
			that.queryParam.alarmCode = val.alarmCode
			console.log(this.queryParam)
			getAction(that.url.alarmTrend, that.queryParam)
			.then(res => {
			if (res.success) {
			that.pieDate=res.result.equipmentCountList.map(item=>{
			return {
			name:item.key,
			value:item.count
			}
			})
			that.XData=res.result.dateCountList.map(item=>item.key)
			that.YData=res.result.dateCountList.map(item=>item.count)

			// this.tableHeads = res.result.dates
			// this.dataList = res.result
			// this.draw()
			// this.checkSameData(this.dataList)
			// this.checkSameData1(this.dataList)
			// this.checkSameData2(this.dataList)
			// this.combineCell();
			// this.initDeviceType(this.dataList)
			that.drawWrin()
			}
			})
			.finally(()=>{
			that.spinning=false
			if (res.success) {
			that.pieDate = res.result.equipmentCountList.map(item => {
			return {
			name: item.key,
			value: item.count
			}
			})
			that.XData = res.result.dateCountList.map(item => item.key)
			that.YData = res.result.dateCountList.map(item => item.count)
			that.drawWrin()
			}
			})
			.finally(() => {
			that.echartLoading = false
			})
			console.log(this.YData)

			@@ -268,169 +401,60 @@
			//Can not slect days before today and today
			return current && current > moment().subtract('days', 1)
			},
			initDeviceType(deviceList) {
			let dictCode = 'mdc_equipmentType'
			let items = []
			items = getDictItemsFromCache(dictCode)
			if (deviceList && items.length > 0) {
			for (let a = 0; a < deviceList.length; a++) {
			if (items && items.length > 0) {
			for (let i = 0; i < items.length; i++) {
			if (deviceList[a].equipmentType == items[i].value) {
			deviceList[a].equipmentType = items[i].title
			}
			}
			} else {
			ajaxGetDictItems(dictCode, null).then((res) => {
			if (res.success) {
			let items = res.result
			for (let i = 0; i < items.length; i++) {
			if (deviceList[a].equipmentType == items[i].value) {
			deviceList[a].equipmentType = items[i].title
			}
			}
			}
			})
			}
			}
			}
			},

			dateParamChange(v1, v2) {
			this.queryParam.startDate = v2[0]
			this.queryParam.endDate = v2[1]
			},

			searchQuery() {
			if (this.dates && this.dates.length > 0) {
			if (this.queryParam.typeTree == '1') {
			this.queryParam.parentId = this.queryParamEquip.parentId
			this.queryParam.equipmentId = this.queryParamEquip.equipmentId
			} else {
			this.queryParam.parentId = this.queryParamPeople.parentId
			this.queryParam.equipmentId = ''
			}
			this.loadData1()
			if (this.queryParam.typeTree == '1') {
			this.queryParam.parentId = this.queryParamEquip.parentId
			this.queryParam.equipmentId = this.queryParamEquip.equipmentId
			} else {
			this.$notification.warning({
			message: '提示',
			description: '请选择时间'
			})
			this.queryParam.parentId = this.queryParamPeople.parentId
			this.queryParam.equipmentId = ''
			}

			// this.onClearSelected()
			Object.keys(this.queryParams).forEach(item => {
			if (Array.isArray(this.queryParams[item])) {
			if (this.queryParams[item].length !== 0) this.queryParam[item] = this.queryParams[item].join()
			else delete this.queryParam[item]
			}
			})
			this.loadData()
			},
			// searchReset() {
			// this.typeTree = this.queryParam.typeTree
			// this.typeParent = this.queryParam.parentId
			// this.typeEquipment = this.queryParam.equipmentId
			// this.queryParam = {}
			// this.dates = []
			// this.queryParam.typeTree = this.typeTree
			// this.queryParam.parentId = this.typeParent
			// this.queryParam.equipmentId = this.typeEquipment
			// // this.ipagination.current = 1
			// this.loadData1();
			// // this.queryParam = {}
			// // this.dates = []
			// // this.loadData()
			// // this.onClearSelected()
			// },
			// loadData1() {
			// let that = this
			// that.columns=[
			// {
			// title: '设备编号',
			// align: 'center',
			// dataIndex: 'equipmentId',
			// width:'150px'
			// },
			// {
			// title: '设备名称',
			// align: 'center',
			// dataIndex: 'equipmentName',
			// width:'150px'
			// },
			// ]
			// that.tableHeads = []
			// that.dataList = []
			// getAction(this.url.efficiencyList, that.queryParam).then(res => {
			// var tmp = {}
			// console.log(res)
			// if (res.success)
			//
			// that.dataSource = res.result.mdcEfficiencyList
			// for(var k = 0;k<that.dataSource[0].dataList.length;k++){
			// that.columns.push(
			// {
			// title:that.dataSource[0].dataList.theDate,
			// align: 'center',
			// width:'120px',
			// // dataIndex:'utilizationRate',
			// }
			// )
			// }
			// for(var i = 0;i<that.dataSource.length;i++){
			// for (var j = 0; j < that.dataSource[i].dataList.length;j++){
			// // that.columns.push(
			// // {
			// // title:that.dataSource[0].dataList[j].theDate,
			// // align: 'center',
			// // width:'120px',
			// // dataIndex:'utilizationRate',
			// // }
			// // )
			// }
			//
			// }
			// console.log(that.columns)
			// console.log(that.dataSource)
			// // this.initDeviceType(this.dataList)
			// this.draw()
			// }
			// }
			loadData1() {

			searchReset() {
			this.queryParams = {
			equipmentType: [],
			driveType: [],
			deviceLevel: []
			}
			this.queryParam = {}
			this.dates = [moment().subtract('days', 8), moment().subtract('days', 1)]
			this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD')
			this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD')
			this.queryParam.typeTree = '1'
			this.loadData()
			},

			loadData() {
			this.outerDataLoading = true
			this.tableHeads = []
			this.dataList = []
			getAction(this.url.efficiencyList, this.queryParam).then(res => {
			if (res.success) {
			// this.tableHeads = res.result.dates
			this.dataList = res.result
			this.dataList[0].innerDataList=[
			{
			equipmentId: '11234',
			equipmentName: '立体机床',
			alarmTime: 20,
			endTime: 20,
			duration: 123
			},
			{
			equipmentId: '4213',
			equipmentName: '卧室机床',
			alarmTime: 312,
			endTime: 31,
			duration: 421
			}
			]
			this.dataList[1].innerDataList=[
			{
			equipmentId: '4213',
			equipmentName: '卧室机床',
			alarmTime: 312,
			endTime: 31,
			duration: 421
			}
			]
			// this.draw()
			// this.checkSameData(this.dataList)
			// this.checkSameData1(this.dataList)
			// this.checkSameData2(this.dataList)
			// this.combineCell();
			// this.initDeviceType(this.dataList)

			this.hasRequestAlarmCodeList = []
			}
			}).finally(() => {
			this.outerDataLoading = false
			})
			},

			drawWrin() {
			let equipmentWarningPie = this.$echarts.init(document.getElementById('MdcEquipmentWarningPie'), 'macarons')
			this.equipmentWarningPie = this.$echarts.init(document.getElementById('MdcEquipmentWarningPie'), 'macarons')
			let equipmentWarningPieOption = {
			title: {
			text: '各设备出现此报警的比例',
			@@ -469,8 +493,8 @@
			// data:[{name:'jjjjjjj',value:'2'}]
			}]
			}
			equipmentWarningPie.setOption(equipmentWarningPieOption, true)
			let equipmentWarningLine = this.$echarts.init(document.getElementById('MdcEquipmentWarningLine'), 'macarons')
			this.equipmentWarningPie.setOption(equipmentWarningPieOption, true)
			this.equipmentWarningLine = this.$echarts.init(document.getElementById('MdcEquipmentWarningLine'), 'macarons')
			let equipmentWarningLineOption = {
			title: {
			text: '每天出现此报警的数量走势',
			@@ -538,36 +562,7 @@
			}
			]
			}
			equipmentWarningLine.setOption(equipmentWarningLineOption, true)
			},

			/**
			* 格式化时间
			* @param seconds 秒数
			* @returns '' 格式化后时间字符串
			*/
			getFormattedTime(seconds) {
			var hours = Math.floor(seconds / 3600)
			var minutes = Math.floor((seconds % 3600) / 60)
			var secs = seconds % 60

			if (hours === 0) {
			if (minutes === 0 ) {
			return secs === 0 ? 0 : `${secs}秒`
			} else {
			if(secs=== 0 ){
			return `${minutes}分`
			}
			return `${minutes}分 ${secs}秒`
			}
			} else {
			if (minutes === 0 && secs === 0) {
			return `${hours}小时`
			} else if (minutes !== 0 && secs === 0) {
			return `${hours}小时 ${minutes}分`
			}
			}
			return `${hours}小时 ${minutes}分 ${secs}秒`
			this.equipmentWarningLine.setOption(equipmentWarningLineOption, true)
			},

			/**
			@@ -581,10 +576,10 @@
			on: {
			click: (event) => {
			// 如果点击的不是展开图标区域则渲染图表，相反则相当于点击展开图标
			if(event.target.className !== 'ant-table-row-expand-icon-cell'){
			if (event.target.className !== 'ant-table-row-expand-icon-cell') {
			this.TableDraw(index, record)
			}else{
			if(event.target.children && event.target.children.length>0) event.target.children[0].click()
			} else {
			if (event.target.children && event.target.children.length > 0) event.target.children[0].click()
			}
			}
			}
			@@ -592,239 +587,47 @@
			},

			/**
			* 自定义展开表格图标
			* @param props 图标属性
			* @returns {null} 若主表数据下无数据则不显示图标
			* 自定义表格行触发
			* @param expanded 当前行是否为展开状态
			* @param record 当前行信息
			*/
			expandIcon(props){
			console.log('props',props)
			if (props.record.innerDataList&&props.record.innerDataList.length>0){
			if (props.expanded) {
			return <a style="margin-right:0px;color:#999" onClick={e=> {
			props.onExpand(props.record, e);
			}}><a-icon type="minus" /></a>
			} else{
			return <a style="margin-right:0px;color:#999" onClick={e => {
			props.onExpand(props.record, e);
			}}><a-icon type="plus"/></a>
			}
			}else{
			return null
			handleExpandChange(expanded, record) {
			let _this = this
			// 当展开时若该行未被展开过才会请求后台数据，展开过的数据会被缓存无需重复请求
			this.queryParam.alarmCode = record.alarmCode
			if (expanded && !this.hasRequestAlarmCodeList.includes(record.alarmCode)) {
			this.innerDataLoading = true
			getAction(this.url.equipmentAlarmList, this.queryParam).then(res => {
			if (res.success) {
			_this.dataList.forEach(item => {
			if (item.alarmCode === record.alarmCode) {
			item.innerDataList = res.result
			}
			})
			_this.hasRequestAlarmCodeList.push(record.alarmCode)
			}
			})
			.finally(() => {
			_this.innerDataLoading = false
			})
			}
			},

			selectChange(value, key) {
			this.queryParams[key] = value
			},

			/**
			* 当浏览器可视窗口尺寸发生改变时触发
			*/
			handleWindowResize() {
			if (this.equipmentWarningPie) this.equipmentWarningPie.resize()
			if (this.equipmentWarningLine) this.equipmentWarningLine.resize()
			}
			}
			}
			</script>
			<style scoped>
			.dataContent {
			white-space: nowrap;
			/margin: 0;/
			/border: none;/
			border-collapse: separate;
			border-spacing: 0;
			/table-layout: fixed;/
			border: 1px solid #ccc;
			/border: 1px solid #ccc;/
			width: 100%;
			/height: 100%;/
			/overflow: hidden;/
			/overflow-y: auto;/
			text-align: center;
			}

			/.dataContent .fixed th {/
			/width: 50px;/
			/}/

			.dataContent .thead th {
			background-color: #fafafa;
			text-align: center;
			height: 30px;
			padding: 5px;
			}

			.dataContent .notfixed th {
			/width: auto;/
			}

			.dataContent tr td {
			height: 35px;
			}

			.dataContent .mathData:hover td {
			background-color: #e6f7ff;
			}

			.dataContent .mathData td {
			padding: 10px;
			/display: none;/
			}

			.dataContent .mathData td {
			/background-color: #ff9bd2;/
			cursor: pointer;
			}

			.dataContent .mathData .tdd {
			/display: none;/
			}

			.table2 {
			width: 100%;
			height: 100%;
			overflow: auto;
			}

			/tr th {/
			/height: 50px!important;/
			/}/
			/tr td{/
			/height: 50px!important;/
			/}/
			.table2 thead tr th:first-child,
			.table tbody tr .tdgu {
			position: sticky;
			left: 0;
			z-index: 1;
			}

			.table tbody tr .kaitou {
			z-index: 1;
			background-color: white;
			}

			.table tbody tr .tdgu1 {
			position: sticky;
			left: 150px;
			z-index: 2;
			}

			.table tbody tr .tdgu2 {
			position: sticky;
			left: 300px;
			z-index: 2;
			}

			.table tbody tr .tdgu3 {
			position: sticky;
			left: 450px;
			z-index: 2;
			}

			.table tbody tr .tdgu4 {
			position: sticky;
			left: 550px;
			z-index: 2;
			}

			.table tbody tr .tdgu5 {
			position: sticky;
			left: 700px;
			z-index: 2;
			}

			.table2 thead tr .timeth,
			.table2 thead tr .thgu {
			position: sticky;
			top: 0;
			z-index: 3;
			}

			.table2 thead .gudingth th {
			position: sticky;
			top: 32px;
			z-index: 6 !important;
			}

			.table2 thead .equipname .name {
			z-index: 3;
			}

			.table2 thead .equipname .dong1 {
			z-index: 4;
			left: 0;
			/border: 1px solid #000;/
			}

			.table2 thead .equipname .dong2 {
			z-index: 5;
			left: 150px;
			}

			.table2 thead .equipname .dong3 {
			z-index: 5;
			left: 300px;
			}

			.table2 thead .equipname .dong4 {
			z-index: 5;
			left: 450px;
			}

			.table2 thead .equipname .dong5 {
			z-index: 5;
			left: 550px;
			}

			.table2 thead .equipname .dong6 {
			z-index: 5;
			left: 700px;
			}

			@media screen and (min-width: 1920px) {
			#Efficiency {
			height: 258px !important;
			overflow: scroll;
			}
			}

			@media screen and (min-width: 1680px) and (max-width: 1920px) {
			#Efficiency {
			height: 258px !important;
			overflow: scroll;
			}
			}

			@media screen and (min-width: 1400px) and (max-width: 1680px) {
			#Efficiency {
			height: 160px !important;
			overflow: scroll;
			}
			}

			@media screen and (min-width: 1280px) and (max-width: 1400px) {
			#Efficiency {
			height: 60px !important;
			overflow: scroll;
			}
			}

			@media screen and (max-width: 1280px) {
			#Efficiency {
			height: 90px !important;
			overflow: scroll;
			}
			}

			#Efficiency .table_guding1 {
			position: absolute;
			overflow: hidden;
			width: 500px;
			}

			#Efficiency .table_guding2 {
			overflow-x: scroll;
			width: 500px;
			}

			/deep/ .ant-card {
			height: 100% !important;
			}

			/deep/ .ant-card .ant-card-body {
			height: 100% !important;
			}

			.efficiency_list #DeviceList {
			height: 90% !important;
			}
			@@ -832,15 +635,25 @@
			/deep/ .ant-table-body .ant-table-row td {
			padding-top: 10px;
			padding-bottom: 10px;
			}

			/deep/ .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > .ant-table-row td {
			cursor: pointer;
			}

			/deep/ .ant-spin-nested-loading{
			/deep/ .ant-spin-nested-loading {
			height: 55%;
			}

			/deep/ .ant-spin-container{
			/deep/ .ant-spin-container {
			height: 100%;
			}

			/deep/ .ant-table.ant-table-bordered {
			height: 265px;
			}

			/deep/ .ant-table-scroll > .ant-table-placeholder {
			height: 210px;
			}
			</style>