From 23bbf89867441bcb540481842256900cfb89241d Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Thu, 14 May 2020 15:26:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E7=94=A8=E8=AF=A6=E6=83=85=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/service-tab-detail.vue | 19 +++++++++++++-
 static/serviceInfo.json               | 38 +++------------------------
 2 files changed, 22 insertions(+), 35 deletions(-)

diff --git a/src/components/service-tab-detail.vue b/src/components/service-tab-detail.vue
index a3ccd22..c4323c5 100644
--- a/src/components/service-tab-detail.vue
+++ b/src/components/service-tab-detail.vue
@@ -14,8 +14,13 @@
       <p
         v-else-if="item.type == 'text'"
         class="detail-text"
-        v-text="item.value"
+        v-html="item.value"
       ></p>
+      <div
+        v-else-if="item.type == 'code'"
+        class="detail-code"
+        v-html="item.value"
+      ></div>
       <el-table
         v-else-if="item.type == 'table'"
         class="detail-table"
@@ -95,4 +100,16 @@ export default {
   line-height: 25px;
   color: #242c43;
 }
+.detail-item .detail-code {
+  padding: 20px 25px;
+  box-sizing: border-box;
+  border-radius: 7px;
+  white-space: pre-wrap;
+  word-wrap: break-word !important;
+  background-color: #f8f9fd;
+  font-size: 14px;
+  color: #58617a;
+  line-height: 25px;
+  margin-top: 8px;
+}
 </style>
diff --git a/static/serviceInfo.json b/static/serviceInfo.json
index 3c70168..cf9655b 100644
--- a/static/serviceInfo.json
+++ b/static/serviceInfo.json
@@ -736,25 +736,8 @@
       },
       {
         "name": "功能简介",
-        "type": "list",
-        "value": [
-          {
-            "name": "1",
-            "value": "在地图上查找视频设备；"
-          },
-          {
-            "name": "2",
-            "value": "在地图上定位视频设备位置；"
-          },
-          {
-            "name": "3",
-            "value": "调用多路视频的实时视频数据；"
-          },
-          {
-            "name": "4",
-            "value": "操作球机视频设备。"
-          }
-        ]
+        "type": "text",
+        "value": "1、在地图上查找视频设备；<br />2、在地图上定位视频设备位置；<br />3、调用多路视频的实时视频数据；<br />4、操作球机视频设备。"
       },
       {
         "name": "应用场景",
@@ -763,21 +746,8 @@
       },
       {
         "name": "应用参数",
-        "type": "list",
-        "value": [
-          {
-            "name": "repository",
-            "value": "\"hub.wodcloud.com/apaas/apaas-mapvideos\""
-          },
-          {
-            "name": "tag",
-            "value": "\"1.0.0\""
-          },
-          {
-            "name": "repository",
-            "value": "\"mapvideo.wodcloud.local\""
-          }
-        ]
+        "type": "code",
+        "value": "repository: \"hub.wodcloud.com/apaas/apaas-mapvideos\"\ntag: \"1.0.0\"\n\nhost: \"mapvideo.wodcloud.local\""
       }
     ],
     "provider": {
-- 
2.26.0