单个用例执行结果展示

src/views/auto/CaseList.vue

@@ -32,13 +32,51 @@
     </el-card>
     <!-- 接口返回数据 -->
     <el-card v-if="isShow">
-      <div slot="header">
+      <div slot="header" v-if="this.requestData.length>0" style="margin-left:20px">
         <el-row>
-          <el-col :span="3">
-            <div>响应结果 :</div>
+          <el-col :span="2">name:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].name' style="margin-top:-25px"></json-viewer>
           </el-col>
         </el-row>
-        <json-viewer :expand-depth=3 :value="requestData"></json-viewer>
+        <el-row>
+          <el-col :span="2">url:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].url' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="2">headers:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].headers' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="2">parameters:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].parameters' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="2">response:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].response' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="2">assertResult:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].assertResult' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="2">elapsedTime:</el-col>
+          <el-col :span="22">
+            <json-viewer :expand-depth=3 :value='this.requestData[0].elapsedTime + "ms"' style="margin-top:-25px"></json-viewer>
+          </el-col>
+        </el-row>
+
       </div>
     </el-card>
   </div>
@@ -71,7 +109,7 @@ export default {
         testcaseId: ''
       },
       isShow: false,
-      requestData: ''
+      requestData: []
     }
   },
   created() {
@@ -122,7 +160,15 @@ export default {
       this.executeCaseParam.namespace = window.sessionStorage.getItem('env')
       // 获取当前场景
       executeCase(this.executeCaseParam).then((resp) => {
-        this.requestData = resp.data.data
+        var resultData = resp.data.data
+        this.requestData = []
+        // 将返回的对象数据转化成数组
+        this.requestData.push(resultData)
+        if (resp.data.data === false) {
+          this.isShow = false
+          this.requestData = []
+          this.$message.error(resp.data.msg)
+        }
       })
     },
     // 编辑用例