| | |
| | | <el-input size="mini" v-model="formData.thisInfo.btdy" style="width:100px"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-form-item label="直流配电板:"> |
| | | <!-- <el-form-item label="直流配电板:"> |
| | | <el-input size="mini" v-model="formData.thisInfo.zlpdb" style="width:100px"></el-input> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | </div> |
| | | <div class="content_cent"> |
| | |
| | | <div class="flex-page-content"> |
| | | <div class="batteryrHistoryquery" style="width: 100%;height: 100%;"> |
| | | <el-table :data="tableData" style="width: 100%" max-height="145px"> |
| | | <el-table-column prop="date" label="告警时间" width="180"></el-table-column> |
| | | <el-table-column prop="name" label="告警名称" width="180"></el-table-column> |
| | | <el-table-column prop="address" label="告警描述"></el-table-column> |
| | | <el-table-column prop="date" label="报警时间" width="180"></el-table-column> |
| | | <el-table-column prop="name" label="报警名称" width="180"></el-table-column> |
| | | <el-table-column prop="address" label="报警描述"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | import getWsUrl from "@/assets/js/getWsUrl"; |
| | | import * as echarts from 'echarts'; |
| | | import gridCircuitDiagram from '@/pages/switchboard/js/gridCircuitDiagram' |
| | | import diagramStates from '@/pages/switchboard/js/diagramStates' |
| | | let diagram; |
| | | export default { |
| | | chart: {}, |
| | |
| | | |
| | | let self = this; |
| | | diagram = gridCircuitDiagram(this.$refs.static, this.$refs.flush); |
| | | diagramStates(diagram, 'run1'); |
| | | self.initEcharts(); |
| | | self.openSocket(); |
| | | }, |
| | |
| | | bottom: '30' |
| | | }, |
| | | tooltip: { |
| | | show: true |
| | | show: true, |
| | | "trigger":"axis", |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | |
| | | // xAxisIndex: 0, |
| | | yAxisIndex: 0,//使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用。 |
| | | type: 'line', |
| | | symbol: 'none', |
| | | step: false, |
| | | smooth: true |
| | | },{ |
| | |
| | | // xAxisIndex: 0, |
| | | yAxisIndex: 1,//使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用。 |
| | | type: 'line', |
| | | symbol: 'none', |
| | | // step: false, |
| | | smooth: true |
| | | },] |
| | |
| | | padding: 1%; |
| | | } |
| | | .content_top{ |
| | | height: 25%; |
| | | height: 18%; |
| | | } |
| | | .content_cent{ |
| | | height: 40%; |
| | | } |
| | | .content_bottom{ |
| | | height: 33%; |
| | | height: 40%; |
| | | } |
| | | .content_cent{ |
| | | margin: 1% 0; |