From 599774ef0a9298bb1caa4ae9a8119b05c0efd92b Mon Sep 17 00:00:00 2001
From: q4speed <kun@fit2cloud.com>
Date: Mon, 11 May 2020 14:25:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=AD=E8=A8=80=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/api/report/components/AssertionResults.vue | 8 +++++++-
 .../components/api/report/components/ResponseText.vue     | 6 +++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/business/components/api/report/components/AssertionResults.vue b/frontend/src/business/components/api/report/components/AssertionResults.vue
index e540791885..8a5abd2807 100644
--- a/frontend/src/business/components/api/report/components/AssertionResults.vue
+++ b/frontend/src/business/components/api/report/components/AssertionResults.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="assertions" style="width: 100%">
+  <el-table :data="assertions" :row-style="getRowStyle" :header-cell-style="getRowStyle">
     <el-table-column prop="name" :label="$t('api_report.assertions_name')" width="300">
     </el-table-column>
     <el-table-column prop="message" :label="$t('api_report.assertions_message')">
@@ -23,6 +23,12 @@
 
     props: {
       assertions: Array
+    },
+
+    methods: {
+      getRowStyle() {
+        return {backgroundColor: "#F5F5F5"};
+      }
     }
   }
 </script>
diff --git a/frontend/src/business/components/api/report/components/ResponseText.vue b/frontend/src/business/components/api/report/components/ResponseText.vue
index f711aad3bc..782fc2c8b4 100644
--- a/frontend/src/business/components/api/report/components/ResponseText.vue
+++ b/frontend/src/business/components/api/report/components/ResponseText.vue
@@ -12,7 +12,7 @@
         <el-tab-pane label="Headers" name="headers" class="pane">
           <pre>{{response.headers}}</pre>
         </el-tab-pane>
-        <el-tab-pane :label="$t('api_report.assertions')" name="assertions" class="pane">
+        <el-tab-pane :label="$t('api_report.assertions')" name="assertions" class="pane assertions">
           <ms-assertion-results :assertions="response.assertions"/>
         </el-tab-pane>
       </el-tabs>
@@ -71,6 +71,10 @@
     overflow-y: auto;
   }
 
+  .text-container .pane.assertions {
+    padding: 0;
+  }
+
   pre {
     margin: 0;
   }