diff --git a/src/components/service-header.vue b/src/components/service-header.vue
index 0e5f7b6a65eb24718ed1545f091a7bfaca9147be..3d83af86547db03460ed01100f2e4c3c1841a14b 100644
--- a/src/components/service-header.vue
+++ b/src/components/service-header.vue
@@ -2,8 +2,7 @@
   <div class="info_logo">
     <div class="logo">
       <img :src="data.url" alt="" />
-      <!--  TODO: 时空服务预览 -->
-      <map-view v-if="data.isMap" :id="data.id"></map-view>
+      <map-view v-if="data.isMap" :id="data.portal_id"></map-view>
     </div>
     <div class="info">
       <p class="info_title">
diff --git a/src/components/service-info/map-view.vue b/src/components/service-info/map-view.vue
index f2471745a3eb52ea6c65d0bd364cc39d3fc593e2..6fa714e37855aacf6f5e80c8eeb0905ef87d4fb4 100644
--- a/src/components/service-info/map-view.vue
+++ b/src/components/service-info/map-view.vue
@@ -35,7 +35,7 @@ export default {
   },
   methods: {
     viewAction() {
-      this.src = `https://apaasgis.wodcloud.com/portal/apaasplat/viewer/previewMap.html?id=`; // ${this.id}
+      this.src = `https://apaasgis.wodcloud.com/portal/apaasplat/viewer/previewMap.html?id=${this.id}`;
       this.showDialog = true;
     },
     beforeClose(done) {
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index adeb3bd3b256df9d02fda65eb79e2e7fedf07ac8..200f818964cc922d184975030bc90ed9c2adb7a5 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -19,10 +19,9 @@
     <div class="main_container">
       <div class="main_container-left" v-if="data.cover">
         <img :src="data.cover" width="100%" />
-        <!--  TODO: 时空服务预览 -->
         <map-view
           v-if="data.type === 'Map Service'"
-          :id="data.service_id" 
+          :id="data.portal_id" 
         ></map-view>
       </div>
       <div class="main_container-right">
diff --git a/src/pages/service_shop/skfwDetail.vue b/src/pages/service_shop/skfwDetail.vue
index aec5496b14ba3bd5310c2ff4512601a8daecddf2..a248535caa4d9d594de77f144e7d8eab13103ca5 100644
--- a/src/pages/service_shop/skfwDetail.vue
+++ b/src/pages/service_shop/skfwDetail.vue
@@ -74,6 +74,7 @@ export default {
             [];
 
           this.baseInfo = {
+            portal_id: this.portal_id || "", // 时空服务id
             service_id: this.id,
             app_id: 0,
             name: datas.name,
diff --git a/src/pages/workbench/fwgl/apply_service_detail.vue b/src/pages/workbench/fwgl/apply_service_detail.vue
index cc1918394d3e621297a06d0c01a90f0f55d65b74..bf9dfb2c2910cbf4d8d6e3c45c22ef00791c31b4 100644
--- a/src/pages/workbench/fwgl/apply_service_detail.vue
+++ b/src/pages/workbench/fwgl/apply_service_detail.vue
@@ -342,7 +342,7 @@ export default {
                     return
                 }
                 let data = response.data.data;
-                this.$set(this.service_header_arr, "id", data.id); // TODO: 时空服务预览
+                this.$set(this.service_header_arr, "portal_id", data.portal_id); // 时空服务id
                 this.$set(this.service_header_arr, "isMap", data.data_service_type1 === 6);
                 this.$set(this.service_header_arr, "name", data.name);
                 this.$set(this.service_header_arr['first'][0], 'text', data.data_service_type1_name);
diff --git a/src/pages/workbench/fwgl/approval_service_detail.vue b/src/pages/workbench/fwgl/approval_service_detail.vue
index 4b7849c7071f457bacc9ece3732e94ac9dd34107..8e607842c71f6f649c4d9de57dd03b5783644931 100644
--- a/src/pages/workbench/fwgl/approval_service_detail.vue
+++ b/src/pages/workbench/fwgl/approval_service_detail.vue
@@ -342,7 +342,7 @@ export default {
               return
             }
             let data = response.data.data;
-            this.$set(this.service_header_arr, "id", data.id); // TODO: 时空服务预览
+            this.$set(this.service_header_arr, "portal_id", data.portal_id); // 时空服务id
             this.$set(this.service_header_arr, "isMap", data.data_service_type1 === 6);
             this.$set(this.service_header_arr, "name", data.name);
             this.$set(this.service_header_arr['first'][0], 'text', data.data_service_type1_name);
diff --git a/src/pages/workbench/fwgl/serviceDetail.vue b/src/pages/workbench/fwgl/serviceDetail.vue
index f00e32bbea1d28871a6e23def043cd84e1036c0c..1d03dd654d10aeddefa4f206d0b3195ce568e212 100644
--- a/src/pages/workbench/fwgl/serviceDetail.vue
+++ b/src/pages/workbench/fwgl/serviceDetail.vue
@@ -516,7 +516,7 @@ export default {
         .then(response => {
           if (response.data.success === 1) {
             let data = response.data.data;
-            this.$set(this.service_header_arr, "id", data.id); // TODO: 时空服务预览
+            this.$set(this.service_header_arr, "portal_id", data.portal_id); // 时空服务id
             this.$set(this.service_header_arr, "isMap", data.data_service_type1 === 6);
             this.$set(this.service_header_arr, "name", data.name);
             this.$set(