服务详情模拟数据

src/components/service-steps.vue

@@ -26,9 +26,7 @@ export default {
       default: ["服务申请", "信息填写", "审核确认", "服务获取"],
     },
   },
-  mounted() {
-    console.log(this.data);
-  },
+  mounted() {},
 };
 </script>
 

src/components/service-tab-detail.vue

@@ -3,11 +3,14 @@
     <li
       class="detail-item"
       v-for="(item, index) in data"
-      :key="'detail-' + index"
+      :key="'detail_' + index"
     >
       <h3 class="detail-title" v-text="item.name + '：'"></h3>
 
-      <service-steps v-if="item.type == 'step'" :data="item.value"></service-steps>
+      <service-steps
+        v-if="item.type == 'step'"
+        :data="item.value"
+      ></service-steps>
       <p
         v-else-if="item.type == 'text'"
         class="detail-text"
@@ -16,7 +19,7 @@
       <el-table
         v-else-if="item.type == 'table'"
         class="detail-table"
-        :row-key="(row) => item.name + '_' + row.zdbm"
+        row-key="id"
         default-expand-all
         :border="false"
         :data="item.value.datas"
@@ -36,15 +39,8 @@
         :border="false"
         :data="item.value"
       >
-        <el-table-column
-          prop="name"
-          label="name"
-          width="120"
-        ></el-table-column>
-        <el-table-column
-          prop="value"
-          label="value"
-        ></el-table-column>
+        <el-table-column prop="name" label="name" width="120"></el-table-column>
+        <el-table-column prop="value" label="value"></el-table-column>
       </el-table>
     </li>
   </ul>

static/serviceInfo.json

@@ -27,6 +27,7 @@
         "value": {
           "datas": [
             {
+              "id": 10000,
               "zdbm": "errcode",
               "zdlx": "字符串",
               "zdmc": "错误码",
@@ -35,6 +36,7 @@
               "slz": "xxx"
             },
             {
+              "id": 20000,
               "zdbm": "errmsg",
               "zdlx": "对象",
               "zdmc": "错误信息",
@@ -43,6 +45,7 @@
               "slz": "xxx"
             },
             {
+              "id": 30000,
               "zdbm": "data",
               "zdlx": "字符串",
               "zdmc": "数据项",
@@ -51,6 +54,7 @@
               "slz": "xxx",
               "children": [
                 {
+                  "id": 30010,
                   "zdbm": "rows",
                   "zdlx": "对象",
                   "zdmc": "对象",
@@ -100,42 +104,49 @@
         "value": {
           "datas": [
             {
+              "id": 50000,
               "zdbm": "errcode",
               "zdlx": "字符串",
               "zdmc": "错误码",
               "zdsm": "显示字段信息显示字段信息"
             },
             {
+              "id": 60000,
               "zdbm": "errmsg",
               "zdlx": "对象",
               "zdmc": "错误信息",
               "zdsm": "显示字段信息显示字段信息"
             },
             {
+              "id": 70000,
               "zdbm": "data",
               "zdlx": "字符串",
               "zdmc": "数据项",
               "zdsm": "显示字段信息显示字段信息",
               "children": [
                 {
+                  "id": 70010,
                   "zdbm": "rows",
                   "zdlx": "字符串",
                   "zdmc": "数据项",
                   "zdsm": "显示字段信息显示字段信息",
                   "children": [
                     {
+                      "id": 70011,
                       "zdbm": "time",
                       "zdlx": "字符串",
                       "zdmc": "数据项",
                       "zdsm": "显示字段信息显示字段信息"
                     },
                     {
+                      "id": 70012,
                       "zdbm": "count",
                       "zdlx": "字符串",
                       "zdmc": "数据项",
                       "zdsm": "显示字段信息显示字段信息"
                     },
                     {
+                      "id": 70013,
                       "zdbm": "item",
                       "zdlx": "字符串",
                       "zdmc": "数据项",
@@ -144,18 +155,21 @@
                   ]
                 },
                 {
+                  "id": 70020,
                   "zdbm": "city",
                   "zdlx": "字符串",
                   "zdmc": "数据项",
                   "zdsm": "显示字段信息显示字段信息",
                   "children": [
                     {
+                      "id": 70021,
                       "zdbm": "sPoint",
                       "zdlx": "字符串",
                       "zdmc": "数据项",
                       "zdsm": "显示字段信息显示字段信息"
                     },
                     {
+                      "id": 70022,
                       "zdbm": "ePoint",
                       "zdlx": "字符串",
                       "zdmc": "数据项",
@@ -540,15 +554,15 @@
         "value": {
           "datas": [
             {
-              "name": "apaas-mapvideos",
+              "name": "apaas-mapvideos-1",
               "description": "地图视频融合应用服务"
             },
             {
-              "name": "apaas-mapvideos",
+              "name": "apaas-mapvideos-2",
               "description": "地图视频融合应用服务"
             },
             {
-              "name": "apaas-mapvideos",
+              "name": "apaas-mapvideos-3",
               "description": "地图视频融合应用服务"
             }
           ],
@@ -559,8 +573,7 @@
             },
             {
               "prop": "description",
-              "label": "微服务描述",
-              "align": "center"
+              "label": "微服务描述"
             }
           ]
         }