diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
index 7cc31c5..401ec27 100644
--- a/src/main/resources/static/index.html
+++ b/src/main/resources/static/index.html
@@ -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>

电压有效值(kV)			电流有效值(A)			基波电压幅值(kV)			基波电压相位(°)			基波电流幅值(A)			基波电流相位(°)
A相	B相	C相	A相	B相	C相	A相	B相	C相	A相	B相	C相	A相	B相	C相	A相	B相	C相	谐波次数	A/AB	B/BC	C/CA
{{data.PhV_phsA}}	{{data.PhV_phsB}}	{{data.PhV_phsC}}	{{data.A_phsA}}	{{data.A_phsB}}	{{data.A_phsC}}	\	\	\	\	\	\	\	\	\	\	\	\
电压偏差(%)			电压总谐波畸变率(%)			电流总谐波畸变率(%)			电压不平衡度(%)	电流不平衡度(%)	频率(Hz)
基波	100.000	100.000	100.000						电压不平衡度(%)	电流不平衡度(%)	频率(Hz)
A相	B相	C相	A相	B相	C相	A相	B相	C相
{{data.PhVDev_phsA}}	{{data.PhVDev_phsB}}	{{data.PhVDev_phsC}}	{{data.ThdPhV_phsA}}	{{data.ThdPhV_phsB}}	{{data.ThdPhV_phsC}}	\	\	\	{{data.ImbNgV}}	\	{{data.Freq}}
有功功率(kW)				无功功率(kVar)				视在功率(kVA)				功率因数				基波功率因数				2次	{{data.HRPhV_H2_phsA===''?'/':data.HRPhV_H2_phsA}}	{{data.HRPhV_H2_phsB===''?'/':data.HRPhV_H2_phsB}}	{{data.HRPhV_H2_phsC===''?'/':data.HRPhV_H2_phsC}}
A相	B相	C相	总有功功率	A相	B相	C相	总无功功率	A相	B相	C相	总视在功率	A相	B相	C相	总功率因数	A相	B相	C相	总基波功率因数	3次	{{data.HRPhV_H3_phsA===''?'/':data.HRPhV_H3_phsA}}	{{data.HRPhV_H3_phsB===''?'/':data.HRPhV_H3_phsB}}	{{data.HRPhV_H3_phsC===''?'/':data.HRPhV_H3_phsC}}
\	\	\	{{data.TotW}}	\	\	\	{{data.TotVar}}	\	\	\	{{data.TotVA}}	\	\	\	{{data.TotPF}}	\	\	\	\
4次	{{data.HRPhV_H4_phsA===''?'/':data.HRPhV_H4_phsA}}	{{data.HRPhV_H4_phsB===''?'/':data.HRPhV_H4_phsB}}	{{data.HRPhV_H4_phsC===''?'/':data.HRPhV_H4_phsC}}