| | |
| | | <div class="page-division h50-percent"> |
| | | <el-row :gutter="16" class="full-height"> |
| | | <el-col :span="12" class="full-height"> |
| | | <flex-box title="三项交流电压(V)"> |
| | | <flex-box title="三相交流电压(V)"> |
| | | <div class="flex-box-list-full"> |
| | | <div |
| | | v-for="item in gaugeChart.ACVol" :key="item.id" |
| | |
| | | </flex-box> |
| | | </el-col> |
| | | <el-col :span="12" class="full-height"> |
| | | <flex-box title="三项交流电流(A)"> |
| | | <flex-box title="三相交流电流(A)"> |
| | | <div class="flex-box-list-full"> |
| | | <div |
| | | v-for="item in gaugeChart.ACCurr" :key="item.id" |
| | |
| | | { |
| | | id: "ACVolA", |
| | | key: 'acIn1VolA', |
| | | name: '三项交流电压', |
| | | name: '三相交流电压', |
| | | number: "A", |
| | | min: 0, |
| | | max: 480, |
| | |
| | | { |
| | | id: "ACVolB", |
| | | key: 'acIn1VolB', |
| | | name: '三项交流电压', |
| | | name: '三相交流电压', |
| | | number: "B", |
| | | min: 0, |
| | | max: 480, |
| | |
| | | { |
| | | id: "ACVolC", |
| | | key: 'acIn1VolC', |
| | | name: '三项交流电压', |
| | | name: '三相交流电压', |
| | | number: "C", |
| | | min: 0, |
| | | max: 480, |
| | |
| | | { |
| | | id: "ACCurrA", |
| | | key: "acOutCurrA", |
| | | name: '三项交流电流', |
| | | name: '三相交流电流', |
| | | number: "A", |
| | | min: 0, |
| | | max: 100, |
| | |
| | | { |
| | | id: "ACCurrB", |
| | | key: "acOutCurrB", |
| | | name: '三项交流电流', |
| | | name: '三相交流电流', |
| | | number: "B", |
| | | min: 0, |
| | | max: 100, |
| | |
| | | { |
| | | id: "ACCurrC", |
| | | key: "acOutCurrC", |
| | | name: '三项交流电流', |
| | | name: '三相交流电流', |
| | | number: "C", |
| | | min: 0, |
| | | max: 100, |
| | |
| | | // 重置表格 |
| | | this.reset = false; |
| | | this.$nextTick(() => { |
| | | // 三项交流电压 |
| | | // 三相交流电压 |
| | | this.gaugeChart.ACVol.forEach(item => { |
| | | this.$refs[item.id][0].resize(); |
| | | }); |
| | | |
| | | // 三项交流电流 |
| | | // 三相交流电流 |
| | | this.gaugeChart.ACCurr.forEach(item => { |
| | | this.$refs[item.id][0].resize(); |
| | | }); |
| | |
| | | item.value = value; |
| | | }); |
| | | }, |
| | | // 设置三项交流电压 |
| | | // 设置三相交流电压 |
| | | setGaugeChartACVol(data) { |
| | | let acVol = this.gaugeChart.ACVol; |
| | | acVol.map(item=>{ |
| | |
| | | this.$refs[item.id][0].setOption(value); |
| | | }); |
| | | }, |
| | | // 设置三项交流电流 |
| | | // 设置三相交流电流 |
| | | setGaugeChartACCurr(data) { |
| | | let acCurr = this.gaugeChart.ACCurr; |
| | | acCurr.map(item=>{ |
| | |
| | | <div class="page-flex-layout"> |
| | | <div class="page-flex-footer page-right-width overflow-y"> |
| | | <div class="table-list-wrapper"> |
| | | <table-list title="三项交流过压"> |
| | | <table-list title="三相交流过压"> |
| | | <el-table :data="warning.overVol" stripe :show-header="false" height="100%" |
| | | size="small"> |
| | | <el-table-column |
| | |
| | | </table-list> |
| | | </div> |
| | | <div class="table-list-wrapper"> |
| | | <table-list title="三项交流欠压"> |
| | | <table-list title="三相交流欠压"> |
| | | <el-table :data="warning.underVol" stripe :show-header="false" height="100%" |
| | | size="small"> |
| | | <el-table-column |
| | |
| | | </table-list> |
| | | </div> |
| | | <div class="table-list-wrapper"> |
| | | <table-list title="三项交流缺项"> |
| | | <table-list title="三相交流缺项"> |
| | | <el-table :data="warning.missItem" stripe :show-header="false" height="100%" |
| | | size="small"> |
| | | <el-table-column |