测试大概

src/components/table-um.vue

@@ -99,7 +99,7 @@
               trigger="hover"
               :content="scope.row[item.prop]"
             >
-              <span slot="reference" class="overlit">{{scope.row[item.prop]}}</span>
+              <div slot="reference" class="overlit">{{scope.row[item.prop]}}</div>
             </el-popover>
             <!-- others -->
             <span v-else>{{scope.row[item.prop]}}</span>
@@ -438,6 +438,7 @@ export default {
       }
       this.selectedTabsPage.push(newRow);
     },
+    // get now table data
     getTableData() {
       return this.selectedTabsPage;
     }

src/pages/fwzc_fwcs.vue

@@ -2,7 +2,9 @@
   <div class="fwcs">
     <el-breadcrumb separator="/" class="bread_crumb">
       <el-breadcrumb-item :to="{ path: '/fwzc' }">服务注册</el-breadcrumb-item>
-      <el-breadcrumb-item>服务测试</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="!jcxxtx">服务测试</el-breadcrumb-item>
+      <el-breadcrumb-item v-else :to="{ path: '/fwzc' }">服务测试</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="jcxxtx">基础信息填写</el-breadcrumb-item>
     </el-breadcrumb>
     <block-radius>
       <el-row>
@@ -14,6 +16,17 @@
         >{{ item.text }}</el-button>
       </el-row>
       <div class="gray_line"></div>
+      <div v-if="activeBtn == 4">
+        <div class="sqxx_title">服务类型：</div>
+        <el-select v-model="zhyyVal" placeholder="请选择" class="zhyy_select">
+          <el-option
+            v-for="item in optionsZhyy"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </div>
       <div class="fwcs_fwdz">服务地址：</div>
       <div class="fwcs_fwdz_inner">
         <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
@@ -26,7 +39,7 @@
             ></el-option>
           </el-select>
         </el-input>
-        <el-button v-if="activeBtn == 0" @click="clickFwcs()" class="fwcs_btn_fwcs">服务测试</el-button>
+        <el-button v-if="activeBtn == 0 || activeBtn == 4" @click="clickFwcs()" class="fwcs_btn_fwcs">服务测试</el-button>
       </div>
       <div v-if="activeBtn == 0">
         <el-tabs v-model="activeName" class="fwcs_tabs" @tab-click="clickTab">
@@ -94,7 +107,8 @@
         </div>
       </div>
     </block-radius>
-    <block-radius v-if="activeBtn == 0 && resultShow">
+    <block-radius v-if="resultShow">
+      <div v-if="activeBtn == 0">
         <div class="sjfw_qqcstx">请求参数信息填写：</div>
         <ces-table
           ref="fwcs_sjfw_qqcs"
@@ -135,17 +149,21 @@
           :pageSizeShow="false"
           headerCellClassName="th_pink"
         ></ces-table>
-      <div class="btn_footer">
-        <el-button class="reset" @click="resetSjfw">重置</el-button>
-        <el-button class="next" @click="nextJcxx">下一步</el-button>
       </div>
-    </block-radius>
-    <block-radius v-if="activeBtn == 1 && resultShow">
+      <div v-else-if="activeBtn == 1 || activeBtn == 4">
         <div class="skfw_csfwxx">测试服务信息：</div>
         <div class="test_succ">
-        <div>测试成功</div>
+          <div v-if="skfwResult" class="skcs_jg">
+            <img src="../assets/imgs/test_icon_success.png" class="skcs_jg_img" />&nbsp;测试成功
+          </div>
+          <div v-else class="skcs_jg">
+            <img src="../assets/imgs/test_icon_error.png" class="skcs_jg_img" />&nbsp;测试失败
+          </div>
+          <div></div>
+        </div>
       </div>
       <div class="btn_footer">
+        <el-button class="reset" v-if="activeBtn == 0" @click="resetSjfw">重置</el-button>
         <el-button class="next" @click="nextJcxx">下一步</el-button>
       </div>
     </block-radius>
@@ -222,12 +240,22 @@ export default {
       "OGS(WMTS)",
       "OGS(WFS)",
       "OGS(WCS)"
-    ]
+    ],
+    skfwResult: false,
+    optionsZhyy: [
+      { label: "模型算法类", value: 0 },
+      { label: "查询验证类", value: 1 },
+      { label: "流程类", value: 2 },
+      { label: "应用类", value: 3 },
+    ],
+    zhyyVal: 0,
+    jcxxtx: false
   }),
   computed: {},
   watch: {},
   methods: {
     clickBtn(val) {
+      this.resultShow = false;
       this.activeBtn = val;
     },
     clickFwcs() {
@@ -238,7 +266,9 @@ export default {
       console.log(this.$refs.fwcs_sjfw_qq.getTableData());
     },
     resetSjfw() {},
-    nextJcxx() {},
+    nextJcxx() {
+      this.jcxxtx = true;
+    }
   },
   mounted() {}
 };
@@ -346,6 +376,21 @@ export default {
   width: 100%;
   margin: 0 auto;
 }
+.skcs_jg {
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #0f2683;
+  font-size: 20px;
+}
+.skcs_jg_img {
+  position: relative;
+  top: 3px;
+}
+.zhyy_select {
+  width: 70%;
+}
 </style>
 <style>
 .bread_crumb .el-breadcrumb__inner {

static/data.json

@@ -164,7 +164,7 @@
             {
                 "id": 3,
                 "unicode": "2016-05-01",
-                "type": "ssdNW",
+                "type": "ssdNWssdNWssdNWssdNWssdNWssdNWssdNW",
                 "name": "王小虎",
                 "explanation": "上海市普陀区金沙江路 1519 弄",
                 "children": [