测试报告下添加请求统计和错误记录表格

frontend/src/performance/components/report/ReportView.vue

@@ -32,7 +32,7 @@
         </el-row>
 
         <el-divider></el-divider>
-
+        
         <el-tabs v-model="active" type="border-card" :stretch="true">
           <el-tab-pane :label="$t('report.test_overview')">
             <ms-report-test-overview />

frontend/src/performance/components/report/components/ErrorLog.vue

@@ -1,12 +1,46 @@
 <template>
   <div>
-    Errorlog
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      :default-sort = "{prop: 'elementLabel'}"
+    >
+      <el-table-column
+        prop="typeOfError"
+        label="Type of Error"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="numberOfErrors"
+        label="Number of errors"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="error"
+        label="% in errors"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="allSamples"
+        label="% in all samples"
+        sortable>
+      </el-table-column>
+    </el-table>
   </div>
 </template>
 
 <script>
   export default {
-    name: "ErrorLog"
+    name: "ErrorLog",
+    data() {
+      return {
+        tableData: [{},{},{},{},{}]
+      }
+    },
+    methods: {
+
+    }
   }
 </script>
 

frontend/src/performance/components/report/components/RequestStatistics.vue

@@ -1,12 +1,94 @@
 <template>
   <div>
-    RequestStatistics
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      :default-sort = "{prop: 'elementLabel'}"
+    >
+      <el-table-column
+        prop="elementLabel"
+        label="Element Label"
+        fixed
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="samples"
+        label="Samples"
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="avgResponseTime"
+        label="Avg Response Time(ms)"
+        width="220"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="avgHits"
+        label="Avg Hits/s"
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="90line"
+        label="90% line(ms)"
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="95line"
+        label="95% line(ms)"
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="99line"
+        label="99% line(ms)"
+        width="150"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="minResponseTime"
+        label="Min Response Time(ms)"
+        width="220"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="maxResponseTime"
+        label="Max Response Time(ms)"
+        width="220"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="avgBandwidth"
+        label="Avg Bandwidth(KBytes/s)"
+        width="220"
+        sortable>
+      </el-table-column>
+      <el-table-column
+        prop="errorPercentage"
+        label="Error Percentage"
+        width="180"
+        fixed="right"
+        sortable>
+      </el-table-column>
+    </el-table>
   </div>
 </template>
 
 <script>
   export default {
-    name: "RequestStatistics"
+    name: "RequestStatistics",
+    data() {
+      return {
+        tableData: [{},{},{},{},{}]
+      }
+    },
+    methods: {
+
+    }
   }
 </script>