This commit is contained in:
hzj
2024-07-02 18:55:38 +08:00
parent 0b04235b7b
commit 374fd7a473

View File

@@ -3,162 +3,175 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>迁移</title>
<title>谐波次数表格</title>
<link rel="stylesheet" href="./element.css" />
<script src="./vue.js"></script>
</head>
<body>
<div id="app" >
<div id="table" class="col-sm-12">
<table id="areaTable" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<div>
<table>
<thead>
<tr role="row">
<th class="table-middle" colspan="3">电压有效值(kV)</th>
<th class="table-middle" colspan="3">电流有效值(A)</th>
<th class="table-middle" colspan="3">基波电压幅值(kV)</th>
<th class="table-middle" colspan="3">基波电压相位(°)</th>
<th class="table-middle" colspan="3">基波电流幅值(A)</th>
<th class="table-middle" colspan="3">基波电流相位(°)</th>
</tr>
<tr>
<th id="title1" class="table-middle">A相</th>
<th id="title2" class="table-middle">B</th>
<th id="title3" class="table-middle">C</th>
<th class="table-middle">A</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th>谐波次数</th>
<th>A/AB</th>
<th>B/BC</th>
<th>C/CA</th>
</tr>
</thead>
<tbody><tr>
<td id="data1">{{data.PhV_phsA}}</td>
<td id="data2">{{data.PhV_phsB}}</td>
<td id="data3">{{data.PhV_phsC}}</td>
<td id="data4">{{data.A_phsA}}</td>
<td id="data5">{{data.A_phsB}}</td>
<td id="data6">{{data.A_phsC}}</td>
<td id="data7">\</td>
<td id="data8">\</td>
<td id="data9">\</td>
<td id="data10">\</td>
<td id="data11">\</td>
<td id="data12">\</td>
<td id="data13">\</td>
<td id="data14">\</td>
<td id="data15">\</td>
<td id="data16">\</td>
<td id="data17">\</td>
<td id="data18">\</td>
</tr>
</tbody></table>
</div>
<div id="table2" class="col-sm-12">
<table id="areaTable2" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<thead>
<tr role="row">
<th class="table-middle" colspan="3">电压偏差(%)</th>
<th class="table-middle" colspan="3">电压总谐波畸变率(%)</th>
<th class="table-middle" colspan="3">电流总谐波畸变率(%)</th>
<th class="table-middle" rowspan="2">电压不平<br>衡度(%)</th>
<th class="table-middle" rowspan="2">电流不平<br>衡度(%)</th>
<th class="table-middle" rowspan="2">频率(Hz)</th>
<tbody>
<tr>
<td>基波</td>
<td>100.000</td>
<td>100.000</td>
<td>100.000</td>
</tr>
<tr>
<th id="title4" class="table-middle">A相</th>
<th id="title5" class="table-middle">B相</th>
<th id="title6" class="table-middle">C相</th>
<th id="title7" class="table-middle">A相</th>
<th id="title8" class="table-middle">B相</th>
<th id="title9" class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
</tr>
</thead>
<tbody><tr>
<td id="sdata1">{{data.PhVDev_phsA}}</td>
<td id="sdata2">{{data.PhVDev_phsB}}</td>
<td id="sdata3">{{data.PhVDev_phsC}}</td>
<td id="sdata4">{{data.ThdPhV_phsA}}</td>
<td id="sdata5">{{data.ThdPhV_phsB}}</td>
<td id="sdata6">{{data.ThdPhV_phsC}}</td>
<td id="sdata7">\</td>
<td id="sdata8">\</td>
<td id="sdata9">\</td>
<td id="sdata10">{{data.ImbNgV}}</td>
<td id="sdata11">\</td>
<td id="sdata12">{{data.Freq}}</td>
</tr>
</tbody></table>
</div>
<div id="table3" class="col-sm-12">
<table id="areaTable3" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<thead>
<tr role="row">
<th class="table-middle" colspan="4">有功功率(kW)</th>
<th class="table-middle" colspan="4">无功功率(kVar)</th>
<th class="table-middle" colspan="4">视在功率(kVA)</th>
<th class="table-middle" colspan="4">功率因数</th>
<th class="table-middle" colspan="4">基波功率因数</th>
<td>2次</td>
<td>{{data.HRPhV_H2_phsA===''?'/':data.HRPhV_H2_phsA}}</td>
<td>{{data.HRPhV_H2_phsB===''?'/':data.HRPhV_H2_phsB}}</td>
<td>{{data.HRPhV_H2_phsC===''?'/':data.HRPhV_H2_phsC}}</td>
</tr>
<tr>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总有功功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总无功功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总视在功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总功率因数</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总基波功率因数</th>
<td>3次</td>
<td>{{data.HRPhV_H3_phsA===''?'/':data.HRPhV_H3_phsA}}</td>
<td>{{data.HRPhV_H3_phsB===''?'/':data.HRPhV_H3_phsB}}</td>
<td>{{data.HRPhV_H3_phsC===''?'/':data.HRPhV_H3_phsC}}</td>
</tr>
</thead>
<tbody><tr>
<td id="gdata1">\</td>
<td id="gdata2">\</td>
<td id="gdata3">\</td>
<td id="gdata4">{{data.TotW}}</td>
<td id="gdata5">\</td>
<td id="gdata6">\</td>
<td id="gdata7">\</td>
<td id="gdata8">{{data.TotVar}}</td>
<td id="gdata9">\</td>
<td id="gdata10">\</td>
<td id="gdata11">\</td>
<td id="gdata12">{{data.TotVA}}</td>
<td id="gdata13">\</td>
<td id="gdata14">\</td>
<td id="gdata15">\</td>
<td id="gdata16">{{data.TotPF}}</td>
<td id="gdata17">\</td>
<td id="gdata18">\</td>
<td id="gdata19">\</td>
<td id="gdata20">\</td>
<tr>
<td>4次</td>
<td>{{data.HRPhV_H4_phsA===''?'/':data.HRPhV_H4_phsA}}</td>
<td>{{data.HRPhV_H4_phsB===''?'/':data.HRPhV_H4_phsB}}</td>
<td>{{data.HRPhV_H4_phsC===''?'/':data.HRPhV_H4_phsC}}</td>
</tr>
</tbody></table>
<tr>
<td>5次</td>
<td>{{data.HRPhV_H5_phsA===''?'/':data.HRPhV_H5_phsA}}</td>
<td>{{data.HRPhV_H5_phsB===''?'/':data.HRPhV_H5_phsB}}</td>
<td>{{data.HRPhV_H5_phsC===''?'/':data.HRPhV_H5_phsC}}</td>
</tr>
<tr>
<td>6次</td>
<td>{{data.HRPhV_H6_phsA===''?'/':data.HRPhV_H6_phsA}}</td>
<td>{{data.HRPhV_H6_phsB===''?'/':data.HRPhV_H6_phsB}}</td>
<td>{{data.HRPhV_H6_phsC===''?'/':data.HRPhV_H6_phsC}}</td>
</tr>
<tr>
<td>7次</td>
<td>{{data.HRPhV_H7_phsA===''?'/':data.HRPhV_H7_phsA}}</td>
<td>{{data.HRPhV_H7_phsB===''?'/':data.HRPhV_H7_phsB}}</td>
<td>{{data.HRPhV_H7_phsC===''?'/':data.HRPhV_H7_phsC}}</td>
</tr>
<tr>
<td>8次</td>
<td>{{data.HRPhV_H8_phsA===''?'/':data.HRPhV_H8_phsA}}</td>
<td>{{data.HRPhV_H8_phsB===''?'/':data.HRPhV_H8_phsB}}</td>
<td>{{data.HRPhV_H8_phsC===''?'/':data.HRPhV_H8_phsC}}</td>
</tr>
<tr>
<td>9次</td>
<td>{{data.HRPhV_H9_phsA===''?'/':data.HRPhV_H9_phsA}}</td>
<td>{{data.HRPhV_H9_phsB===''?'/':data.HRPhV_H9_phsB}}</td>
<td>{{data.HRPhV_H9_phsC===''?'/':data.HRPhV_H9_phsC}}</td>
</tr>
<tr>
<td>10次</td>
<td>{{data.HRPhV_H10_phsA===''?'/':data.HRPhV_H10_phsA}}</td>
<td>{{data.HRPhV_H10_phsB===''?'/':data.HRPhV_H10_phsB}}</td>
<td>{{data.HRPhV_H10_phsC===''?'/':data.HRPhV_H10_phsC}}</td>
</tr>
<tr>
<td>11次</td>
<td>{{data.HRPhV_H11_phsA===''?'/':data.HRPhV_H11_phsA}}</td>
<td>{{data.HRPhV_H11_phsB===''?'/':data.HRPhV_H11_phsB}}</td>
<td>{{data.HRPhV_H11_phsC===''?'/':data.HRPhV_H11_phsC}}</td>
</tr>
<tr>
<td>12次</td>
<td>{{data.HRPhV_H12_phsA===''?'/':data.HRPhV_H12_phsA}}</td>
<td>{{data.HRPhV_H12_phsB===''?'/':data.HRPhV_H12_phsB}}</td>
<td>{{data.HRPhV_H12_phsC===''?'/':data.HRPhV_H12_phsC}}</td>
</tr>
<tr>
<td>13次</td>
<td>{{data.HRPhV_H13_phsA===''?'/':data.HRPhV_H13_phsA}}</td>
<td>{{data.HRPhV_H13_phsB===''?'/':data.HRPhV_H13_phsB}}</td>
<td>{{data.HRPhV_H13_phsC===''?'/':data.HRPhV_H13_phsC}}</td>
</tr>
<tr>
<td>14次</td>
<td>{{data.HRPhV_H14_phsA===''?'/':data.HRPhV_H14_phsA}}</td>
<td>{{data.HRPhV_H14_phsB===''?'/':data.HRPhV_H14_phsB}}</td>
<td>{{data.HRPhV_H14_phsC===''?'/':data.HRPhV_H14_phsC}}</td>
</tr>
<tr>
<td>15次</td>
<td>{{data.HRPhV_H15_phsA===''?'/':data.HRPhV_H15_phsA}}</td>
<td>{{data.HRPhV_H15_phsB===''?'/':data.HRPhV_H15_phsB}}</td>
<td>{{data.HRPhV_H15_phsC===''?'/':data.HRPhV_H15_phsC}}</td>
</tr>
<tr>
<td>16次</td>
<td>{{data.HRPhV_H16_phsA===''?'/':data.HRPhV_H16_phsA}}</td>
<td>{{data.HRPhV_H16_phsB===''?'/':data.HRPhV_H16_phsB}}</td>
<td>{{data.HRPhV_H16_phsC===''?'/':data.HRPhV_H16_phsC}}</td>
</tr>
<tr>
<td>17次</td>
<td>{{data.HRPhV_H17_phsA===''?'/':data.HRPhV_H17_phsA}}</td>
<td>{{data.HRPhV_H17_phsB===''?'/':data.HRPhV_H17_phsB}}</td>
<td>{{data.HRPhV_H17_phsC===''?'/':data.HRPhV_H17_phsC}}</td>
</tr>
<tr>
<td>18次</td>
<td>{{data.HRPhV_H18_phsA===''?'/':data.HRPhV_H18_phsA}}</td>
<td>{{data.HRPhV_H18_phsB===''?'/':data.HRPhV_H18_phsB}}</td>
<td>{{data.HRPhV_H18_phsC===''?'/':data.HRPhV_H18_phsC}}</td>
</tr>
<tr>
<td>19次</td>
<td>{{data.HRPhV_H19_phsA===''?'/':data.HRPhV_H19_phsA}}</td>
<td>{{data.HRPhV_H19_phsB===''?'/':data.HRPhV_H19_phsB}}</td>
<td>{{data.HRPhV_H19_phsC===''?'/':data.HRPhV_H19_phsC}}</td>
</tr>
<tr>
<td>20次</td>
<td>{{data.HRPhV_H20_phsA===''?'/':data.HRPhV_H20_phsA}}</td>
<td>{{data.HRPhV_H20_phsB===''?'/':data.HRPhV_H20_phsB}}</td>
<td>{{data.HRPhV_H20_phsC===''?'/':data.HRPhV_H20_phsC}}</td>
</tr>
<tr>
<td>21次</td>
<td>{{data.HRPhV_H21_phsA===''?'/':data.HRPhV_H21_phsA}}</td>
<td>{{data.HRPhV_H21_phsB===''?'/':data.HRPhV_H21_phsB}}</td>
<td>{{data.HRPhV_H21_phsC===''?'/':data.HRPhV_H21_phsC}}</td>
</tr>
<tr>
<td>22次</td>
<td>{{data.HRPhV_H22_phsA===''?'/':data.HRPhV_H22_phsA}}</td>
<td>{{data.HRPhV_H22_phsB===''?'/':data.HRPhV_H22_phsB}}</td>
<td>{{data.HRPhV_H22_phsC===''?'/':data.HRPhV_H22_phsC}}</td>
</tr>
<tr>
<td>23次</td>
<td>{{data.HRPhV_H23_phsA===''?'/':data.HRPhV_H23_phsA}}</td>
<td>{{data.HRPhV_H23_phsB===''?'/':data.HRPhV_H23_phsB}}</td>
<td>{{data.HRPhV_H23_phsC===''?'/':data.HRPhV_H23_phsC}}</td>
</tr>
<tr>
<td>24次</td>
<td>{{data.HRPhV_H24_phsA===''?'/':data.HRPhV_H24_phsA}}</td>
<td>{{data.HRPhV_H24_phsB===''?'/':data.HRPhV_H24_phsB}}</td>
<td>{{data.HRPhV_H24_phsC===''?'/':data.HRPhV_H24_phsC}}</td>
</tr>
<tr>
<td>25次</td>
<td>{{data.HRPhV_H25_phsA===''?'/':data.HRPhV_H25_phsA}}</td>
<td>{{data.HRPhV_H25_phsB===''?'/':data.HRPhV_H25_phsB}}</td>
<td>{{data.HRPhV_H25_phsC===''?'/':data.HRPhV_H25_phsC}}</td>
</tr>
</tbody>
</table>
</div>
</div>
@@ -200,12 +213,18 @@
</script>
</body>
<style>
table, th, td {
border: 1px solid black;
table {
border-collapse: collapse;
width: 50%;
margin: 0 auto;
}
#app {
padding: 10px;
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
</style>
</html>