修改信息

config/dev.env.js

@@ -13,4 +13,3 @@ module.exports = merge(prodEnv, {
   // HOLMES: '"//192.168.29.143:8084/"'
 })
 
- 

config/prod.env.js

@@ -2,7 +2,7 @@
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"prod"',
-  QA_PLATFORM: '"//qa-platform-yxm.liangkebang.net/"',
+  QA_PLATFORM: '"//qa-platform-fe.liangkebang.net/"',
   TESTDATA_API: '"//testdata.liangkebang.com"',
-  HOLMES: '"//holmes-yxm.liangkebang.net/"',
+  HOLMES: '"//holmes-fe.liangkebang.net/"',
 }

package.json

@@ -18,6 +18,7 @@
     "echarts": "^4.9.0",
     "element-ui": "^2.13.2",
     "less": "^3.11.1",
+    "save": "^2.4.0",
     "sortablejs": "^1.13.0",
     "vue": "^2.5.2",
     "vue-bus": "^1.2.1",
@@ -46,7 +47,7 @@
     "chromedriver": "^2.27.2",
     "copy-webpack-plugin": "^4.0.1",
     "cross-spawn": "^5.0.1",
-    "css-loader": "^0.28.0",
+    "css-loader": "^0.28.11",
     "eslint": "^4.15.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-friendly-formatter": "^3.0.0",

src/assets/css/global.css

@@ -52,6 +52,9 @@ html, body, #app {
     border-radius: 4px;
     -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-    margin-top:10px;
+    /* margin-top:10px; */
     height: 40px;
+     
 }
+
+

src/assets/css/iconfont.css

+@font-face {
+  font-family: "iconfont"; /* Project id 2584881 */
+  src: url('../fonts/iconfont.woff2') format('woff2'),
+       url('../fonts/iconfont.woff') format('woff'),
+       url('../fonts/iconfont.ttf') format('truetype');
+      
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-data:before {
+  content: "\e6f9";
+}
+
+.icon-3column:before {
+  content: "\e663";
+}
+
+.icon-column-4:before {
+  content: "\e664";
+}
+
+.icon-add:before {
+  content: "\e665";
+}
+
+.icon-add-circle:before {
+  content: "\e666";
+}
+
+.icon-adjust:before {
+  content: "\e667";
+}
+
+.icon-arrow-up-circle:before {
+  content: "\e668";
+}
+
+.icon-arrow-right-circle:before {
+  content: "\e669";
+}
+
+.icon-arrow-down:before {
+  content: "\e66a";
+}
+
+.icon-ashbin:before {
+  content: "\e66b";
+}
+
+.icon-browse:before {
+  content: "\e66c";
+}
+
+.icon-bottom:before {
+  content: "\e66d";
+}
+
+.icon-back:before {
+  content: "\e66e";
+}
+
+.icon-bad:before {
+  content: "\e66f";
+}
+
+.icon-arrow-double-left:before {
+  content: "\e670";
+}
+
+.icon-arrow-left-circle:before {
+  content: "\e671";
+}
+
+.icon-arrow-double-right:before {
+  content: "\e672";
+}
+
+.icon-caps-lock:before {
+  content: "\e673";
+}
+
+.icon-camera:before {
+  content: "\e674";
+}
+
+.icon-close:before {
+  content: "\e675";
+}
+
+.icon-check-item:before {
+  content: "\e676";
+}
+
+.icon-calendar:before {
+  content: "\e677";
+}
+
+.icon-comment:before {
+  content: "\e678";
+}
+
+.icon-column-vertical:before {
+  content: "\e679";
+}
+
+.icon-complete:before {
+  content: "\e67a";
+}
+
+.icon-cry:before {
+  content: "\e67b";
+}
+
+.icon-eye-close:before {
+  content: "\e67c";
+}
+
+.icon-file-delete:before {
+  content: "\e67d";
+}
+
+.icon-file:before {
+  content: "\e67e";
+}
+
+.icon-hide:before {
+  content: "\e67f";
+}
+
+.icon-link:before {
+  content: "\e680";
+}
+
+.icon-meh-filling:before {
+  content: "\e68b";
+}
+
+.icon-cry-filling:before {
+  content: "\e689";
+}
+
+.icon-home-filling:before {
+  content: "\e68d";
+}
+

src/assets/fonts/iconfont.json

+{
+  "id": "2584881",
+  "name": "前端测试",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "11474277",
+      "name": "data",
+      "font_class": "data",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "15838406",
+      "name": "column-3",
+      "font_class": "3column",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "15838423",
+      "name": "column-4",
+      "font_class": "column-4",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "15838424",
+      "name": "add",
+      "font_class": "add",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "15838425",
+      "name": "add-circle",
+      "font_class": "add-circle",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "15838426",
+      "name": "adjust",
+      "font_class": "adjust",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "15838427",
+      "name": "arrow-up-circle",
+      "font_class": "arrow-up-circle",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "15838428",
+      "name": "arrow-right-circle",
+      "font_class": "arrow-right-circle",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "15838429",
+      "name": "arrow-down",
+      "font_class": "arrow-down",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "15838430",
+      "name": "ashbin",
+      "font_class": "ashbin",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "15838432",
+      "name": "browse",
+      "font_class": "browse",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "15838433",
+      "name": "bottom",
+      "font_class": "bottom",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "15838434",
+      "name": "back",
+      "font_class": "back",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "15838435",
+      "name": "bad",
+      "font_class": "bad",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "15838436",
+      "name": "arrow-double-left",
+      "font_class": "arrow-double-left",
+      "unicode": "e670",
+      "unicode_decimal": 58992
+    },
+    {
+      "icon_id": "15838437",
+      "name": "arrow-left-circle",
+      "font_class": "arrow-left-circle",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "15838438",
+      "name": "arrow-double-right",
+      "font_class": "arrow-double-right",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "15838439",
+      "name": "caps-lock",
+      "font_class": "caps-lock",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "15838440",
+      "name": "camera",
+      "font_class": "camera",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "15838444",
+      "name": "close",
+      "font_class": "close",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "15838445",
+      "name": "check-item",
+      "font_class": "check-item",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "15838446",
+      "name": "calendar",
+      "font_class": "calendar",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "15838447",
+      "name": "comment",
+      "font_class": "comment",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "15838448",
+      "name": "column-vertical",
+      "font_class": "column-vertical",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "15838450",
+      "name": "complete",
+      "font_class": "complete",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "15838452",
+      "name": "cry",
+      "font_class": "cry",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "15838471",
+      "name": "eye-close",
+      "font_class": "eye-close",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "15838476",
+      "name": "file-delete",
+      "font_class": "file-delete",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "15838480",
+      "name": "file",
+      "font_class": "file",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "15838484",
+      "name": "hide",
+      "font_class": "hide",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "15838493",
+      "name": "link",
+      "font_class": "link",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "15838616",
+      "name": "meh-filling",
+      "font_class": "meh-filling",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "15838617",
+      "name": "cry-filling",
+      "font_class": "cry-filling",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "15838619",
+      "name": "home-filling",
+      "font_class": "home-filling",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    }
+  ]
+}

src/main.js

@@ -3,6 +3,8 @@
 import Vue from 'vue'
 import App from './App'
 import '../src/assets/css/global.css'
+// 引入图标库
+import '../src/assets/css/iconfont.css'
 import router from './router'
 import echarts from 'echarts'
 import 'element-ui/lib/theme-chalk/index.css'
@@ -10,6 +12,7 @@ import axios from 'axios'
 import store from './store/store'
 import JsonViewer from 'vue-json-viewer'
 import bus from '../src/utils/bus'
+
 // import Sortable from 'sortablejs'
 import {
   Container,

src/views/auto/AddCase.vue

@@ -33,18 +33,18 @@
               </el-row>
               <el-row v-for="(item,index) in headersList" :key="index">
                 <el-col :span="6">
-                  <div style="margin-top:10px">
+                  <div style="margin-top:5px;">
                     <el-input v-model.trim="item.paramsName" placeholder="请输入参数名称"></el-input>
                   </div>
                 </el-col>
                 <el-col :span="10">
                   <div style="margin-left:5px;">
-                    <el-input v-model.trim="item.paramsValue" placeholder="请输入参数值" type="textarea"></el-input>
+                    <el-input v-model.trim="item.paramsValue" placeholder="请输入参数值" type="textarea" autosize></el-input>
                   </div>
                 </el-col>
                 <el-col :span="2">
-                  <div style="margin-top:6px">
-                    <el-button size="mini" type="danger" @click="advanceDelss(index)" icon="el-icon-delete" style="height:40px;margin-left:20px">删除</el-button>
+                  <div>
+                    <el-button size="mini" type="danger" @click="advanceDelss(index)" icon="el-icon-delete" style="height:32px;margin-left:20px">删除</el-button>
                   </div>
                 </el-col>
               </el-row>
@@ -67,58 +67,24 @@
               </el-row>
               <el-row v-for="(item,index) in requestParamsList" :key="index">
                 <el-col :span="6">
-                  <div style="margin-top:10px">
+                  <div style="margin-top:5px">
                     <el-input v-model.trim="item.paramsName" placeholder="请输入参数名称"></el-input>
                   </div>
                 </el-col>
                 <el-col :span="10">
                   <div style="margin-left:5px">
-                    <el-input v-model.trim="item.paramsValue" placeholder="请输入参数值" type="textarea"></el-input>
+                    <el-input v-model.trim="item.paramsValue" placeholder="请输入参数值" type="textarea" autosize></el-input>
                   </div>
                 </el-col>
                 <el-col :span="2">
-                  <div style="margin-top:6px">
-                    <el-button size="mini" type="danger" @click="requestParamsDel(index)" icon="el-icon-delete" style="height:40px;margin-left:20px">删除</el-button>
+                  <div>
+                    <el-button size="mini" type="danger" @click="requestParamsDel(index)" icon="el-icon-delete" style="height:32px;margin-left:20px">删除</el-button>
                   </div>
                 </el-col>
               </el-row>
             </el-form-item>
             <el-button type="success" plain @click="AddRequestParamsListRow()" style="margin-top:10px" class="el-icon-circle-plus">添加行</el-button>
           </el-collapse-item>
-          <!-- 参数列表 -->
-          <!-- <el-collapse-item name="3" title="参数列表">
-            <el-form-item>
-              <el-row>
-                <el-col :span="6">
-                  <div class="grid-content" style="margin-left:15px">参数名称</div>
-                </el-col>
-                <el-col :span="10">
-                  <div class="grid-content" style="margin-left:15px">参数值</div>
-                </el-col>
-                <el-col :span="2">
-                  <div class="grid-content" style="margin-left:25px">操作</div>
-                </el-col>
-              </el-row>
-              <el-row v-for="(item,index) in paramsList" :key="index">
-                <el-col :span="6">
-                  <div style="margin-top:10px">
-                    <el-input v-model.trim="item.paramsName" placeholder="请输入参数名称"></el-input>
-                  </div>
-                </el-col>
-                <el-col :span="10">
-                  <div style="margin-left:5px">
-                    <el-input v-model.trim="item.paramsValue" placeholder="请输入参数值" type="textarea"></el-input>
-                  </div>
-                </el-col>
-                <el-col :span="2">
-                  <div style="margin-top:6px">
-                    <el-button size="mini" type="danger" @click="paramsDel(index)" icon="el-icon-delete" style="height:40px;margin-left:20px">删除</el-button>
-                  </div>
-                </el-col>
-              </el-row>
-            </el-form-item>
-            <el-button type="success" plain @click="AddParamsListRow()" style="mragin-top:10px" class="el-icon-circle-plus">添加行</el-button>
-          </el-collapse-item> -->
           <!-- 响应解析列表 -->
           <el-collapse-item name="3" title="响应提取">
             <el-form-item>
@@ -127,7 +93,7 @@
                   <div class="grid-content" style="margin-left:15px">变量名称</div>
                 </el-col>
                 <el-col :span="10">
-                  <div class="grid-content" style="margin-left:15px">json路径表达式</div>
+                  <div class="grid-content" style="margin-left:15px">json表达式/正则表达式</div>
                 </el-col>
                 <el-col :span="2">
                   <div class="grid-content" style="margin-left:25px">操作</div>
@@ -135,18 +101,18 @@
               </el-row>
               <el-row v-for="(item,index) in responseList" :key="index">
                 <el-col :span="6">
-                  <div style="margin-top:10px">
+                  <div style="margin-top:5px">
                     <el-input v-model.trim="item.paramsName" placeholder="请输入变量名称"></el-input>
                   </div>
                 </el-col>
                 <el-col :span="10">
                   <div style="margin-left:5px">
-                    <el-input v-model.trim="item.paramsValue" placeholder="请输入表达式" type="textarea"></el-input>
+                    <el-input v-model.trim="item.paramsValue" placeholder="请输入表达式" type="textarea" autosize></el-input>
                   </div>
                 </el-col>
                 <el-col :span="2">
-                  <div style="margin-top:6px">
-                    <el-button size="mini" type="danger" @click="responeDel(index)" icon="el-icon-delete" style="height:40px;margin-left:20px">删除</el-button>
+                  <div>
+                    <el-button size="mini" type="danger" @click="responeDel(index)" icon="el-icon-delete" style="height:32px;margin-left:20px">删除</el-button>
                   </div>
                 </el-col>
               </el-row>
@@ -175,24 +141,9 @@
                   </el-input>
                 </template>
               </el-table-column>
-              <!-- <el-table-column label="是否必填" width="150" style="text-align:center">
-                <template slot-scope="scope">
-                  <el-switch v-model="scope.row.isRequired" active-color="#13ce66" inactive-color="#A9A9A9" active-text="是" inactive-text="否" @change="changeState()"></el-switch>
-                </template>
-              </el-table-column> -->
-              <!-- <el-table-column label="示例" width="300">
-                <template slot-scope="scope">
-                  <el-input v-model="scope.row.examples"></el-input>
-                </template>
-              </el-table-column> -->
-              <!-- <el-table-column label="备注" width="250">
-                <template slot-scope="scope">
-                  <el-input v-model="scope.row.remarks"></el-input>
-                </template>
-              </el-table-column> -->
               <el-table-column label="操作">
                 <template slot-scope="scope">
-                  <el-button size="mini" type="danger" icon="el-icon-delete" @click="AssertionDelete(scope.$index)">删除</el-button>
+                  <el-button size="mini" type="danger" icon="el-icon-delete" @click="AssertionDelete(scope.$index)" style="height:32px">删除</el-button>
                 </template>
               </el-table-column>
             </el-table>

src/views/auto/ProjectList.vue

@@ -5,6 +5,7 @@
         <!-- <el-input placeholder="请输入项目名称" style="width:15%"></el-input>
         <el-button type="primary" icon="el-icon-search" @click="searchMockList">查询</el-button> -->
         <el-button type="primary" icon="el-icon-circle-plus" @click="DialogAddVisible=true">新增</el-button>
+            <!-- <el-button type="primary" class="iconfont icon-browse" @click="DialogAddVisible=true">新增</el-button> -->
       </div>
       <el-table :data="projectList" border style="width: 100%;margin-top:20px">
         <!-- <el-table-column prop="id" label="序号" width="80px"></el-table-column> -->

src/views/auto/ReportDetail.vue

@@ -5,8 +5,8 @@
         <el-col :span="10">
           <div class="rowStyle">
             <el-row>
-              <el-col :span="4" style="color:#878080">用例名称：</el-col>
-              <el-col :span="20">
+              <el-col :span="5" style="color:#878080">用例名称：</el-col>
+              <el-col :span="19">
                 <div>
                   <el-input v-model="sceneName"></el-input>
                 </div>
@@ -14,32 +14,32 @@
             </el-row>
             <el-row>
               <div class="col_style">
-                <el-col :span="4" style="color:#878080">用例总数：</el-col>
-                <el-col :span="20">
+                <el-col :span="5" style="color:#878080">用例总数：</el-col>
+                <el-col :span="19">
                   <el-input v-model="totalNumber"></el-input>
                 </el-col>
               </div>
             </el-row>
             <el-row>
               <div class="col_style">
-                <el-col :span="4" style="color:#878080">运行时间(s)：</el-col>
-                <el-col :span="20">
+                <el-col :span="5" style="color:#878080">运行时间(s)：</el-col>
+                <el-col :span="19">
                   <el-input v-model="totalElapsedTime"></el-input>
                 </el-col>
               </div>
             </el-row>
             <el-row>
               <div class="col_style">
-                <el-col :span="4" style="color:#878080">通过个数：</el-col>
-                <el-col :span="20">
+                <el-col :span="5" style="color:#878080">通过个数：</el-col>
+                <el-col :span="19">
                   <el-input v-model="totalPass"></el-input>
                 </el-col>
               </div>
             </el-row>
             <el-row>
               <div class="col_style">
-                <el-col :span="4" style="color:#878080">失败个数：</el-col>
-                <el-col :span="20">
+                <el-col :span="5" style="color:#878080">失败个数：</el-col>
+                <el-col :span="19">
                   <el-input v-model="totalFail"></el-input>
                 </el-col>
               </div>
@@ -92,12 +92,13 @@
           </template>
         </el-table-column>
         <el-table-column type='index' label="序号" width="100px"></el-table-column>
+        <el-table-column prop="testcaseName" label="用例名称" width="250px"></el-table-column>
         <el-table-column prop="interfaceName" label="接口名称" width="250px"></el-table-column>
         <el-table-column prop="interfaceUrl" label="接口URL"></el-table-column>
         <el-table-column prop="elapsedTime" label="耗时(s)" width="200px"></el-table-column>
         <el-table-column prop="status" label="结果" width="200px">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.status === 'pass' ? 'success' : 'danger'" close-transition  effect="dark">{{scope.row.status}}</el-tag>
+            <el-tag :type="scope.row.status === 'pass' ? 'success' : 'danger'" close-transition effect="dark">{{scope.row.status}}</el-tag>
           </template>
         </el-table-column>
       </el-table>

src/views/auto/SceneList.vue

@@ -165,10 +165,20 @@ export default {
       // 获取用例id
       this.executeScene.sceneId = row.id
       this.executeScene.namespace = window.sessionStorage.getItem('env')
-      this.isShow = true
-      executeScene(this.executeScene).then((resp) => {
-        this.requestData = resp.data.data
-      })
+      executeScene(this.executeScene)
+        .then((resp) => {
+          this.requestData = resp.data.data
+          if (this.requestData.length > 0) {
+            this.isShow = true
+            this.$message.success('执行成功！')
+          } else {
+            this.isShow = false
+            this.$message.error('执行失败！')
+          }
+        })
+        .catch(() => {
+          this.$message.error('执行失败！')
+        })
     },
     // 编辑场景
     editeSceneFrom(row) {

src/views/layout/leftAside/menu.json

@@ -21,7 +21,7 @@
     },
     {
       "id": 2,
-      "icon": "el-icon-s-shop",
+      "icon": "el-icon-bank-card",
       "title": "消费分期",
       "child": [
         {