diff --git a/src/pages/workbench/intelligent_details.vue b/src/pages/workbench/intelligent_details.vue
index 4291444c076d9a5ef38d6976d4e5fc9dc1d1e6ba..cc119d66d380e56e461c95463caece91045c20b2 100644
--- a/src/pages/workbench/intelligent_details.vue
+++ b/src/pages/workbench/intelligent_details.vue
@@ -18,26 +18,33 @@
 export default {
   data() {
     return {
-      originUrl:'https://apaasgis.wodcloud.com/portal/apaasplat/viewer/item.html'
+      originUrl:'https://apaasgis.wodcloud.com/portal/apaasplat/viewer/item.html',
     };
   },
   computed:{
-    itemUrl:function(){
+    itemUrl(){
       let _self = this;
       if(_self.$route.name == 'intelligent_details'){
-        return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.type}`
+        return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.activeMenu}`
       }
     }
   },
   mounted() {
-    window.addEventListener('message',event =>{
-      let data = event.data;
-      if (data.cmd == 'mapmsg'){
-        console.log(data);
-      }
+    this.$nextTick(() => {
+      window.addEventListener('message',event =>{
+        let data = event.data;
+        if (data.cmd == 'mapdetailtoview'){
+          console.log(data);
+          this.$store.commit("setZnztDetailsParams", data.params);
+          this.$router.push('/intelligent_drawing')
+        }
+      })
     })
   },
   methods: {},
+  destroyed () {
+    // window.removeEventListener('message')
+  }
 };
 
 </script>
diff --git a/src/pages/workbench/intelligent_drawing.vue b/src/pages/workbench/intelligent_drawing.vue
index 0004f025af2f5464014b80fde8b9ca45261759b4..aa08d129d6f64b7be8839c02079b61041d0d7d62 100644
--- a/src/pages/workbench/intelligent_drawing.vue
+++ b/src/pages/workbench/intelligent_drawing.vue
@@ -14,34 +14,38 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 export default {
   data() {
     return {
       url:'https://apaasgis.wodcloud.com/portal/apaasplat/viewer/mapViewer.html',
+      queryType: '',
+      id: '',
     };
   },
   computed:{
+    ...mapState(['znztDetailsParams']),
     getZnztParams() {
       return this.$store.state.znztParams;
     },
     znztUrl(){
-      return this.url+this.urlParams
-    },
-    urlParams(){
-      if(this.$store.state.znztParams){
-        return `?webmap=${this.$store.state.znztParams.id}`;
-      }else{
-        return ''
+      if(this.queryType == 'webmap'){
+        return this.url + `?webmap=${this.id}`;
+      }else if (this.queryType == 'layers'){
+        return this.url + `?layers=${this.id}`;
+      }else {
+        return this.url
       }
     },
   },
   watch: {
     getZnztParams(newVal) {
-      this.urlParams = `?webmap=${newVal.id}`
       console.log('智能制图参数'+newVal)
     },
   },
   mounted() {
+    this.id = this.znztDetailsParams.id;
+    this.queryType = this.znztDetailsParams.queryType;
     this.$nextTick(() => {
       window.addEventListener('message',event =>{
         let data = event.data;
@@ -77,6 +81,27 @@ export default {
           });
           window.open(routeData.href, '_blank');
         }
+        // 智能制图页面跳转
+        if (data.cmd == 'mapviewurl'){
+          console.log(data);
+          switch (data.params.queryType) {
+            case 'webmap':
+              this.queryType = 'webmap';
+              this.$store.commit("setZnztIdParams", data.params.id);
+              this.id = data.params.id;
+              break;
+           case 'layers':
+              this.queryType = 'layers';
+              this.$store.commit("setZnztIdParams", data.params.id);
+              this.id = data.params.id;
+              break;
+            default:
+              this.queryType = '';
+              this.$store.commit("setZnztIdParams", '');
+              this.id = '';
+              break;
+          }
+        }
       })
     })
   },
diff --git a/src/store/index.js b/src/store/index.js
index 446c95d59938d8f02809f7aff1ae491aefb2e1fe..dbde7877b1d86c94b0c010f3d85ae50735d10b9a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -21,6 +21,12 @@ const store = new Vuex.Store({
     menuCartState: 0, //购物车操作都要修改这个值，menu监听这个值的变化实时获取购物车列表
     znztParams: null, //智能制图传入过来的数据
     appBuilderParams: null, //应用程序传入过来的数据
+    znztIdParams: '', //智能制图服务id
+    znztDetailsParams: {
+      type: '',
+      queryType: '',
+      id: '',
+    }, //智能制图服务详情id
   },
   getters: {
     // 1：超管 2：组织管理员 3：普通用户 4：开发者
@@ -60,6 +66,12 @@ const store = new Vuex.Store({
     setAppBuilderParams(state, newValue) {
       state.appBuilderParams = newValue;
     },
+    setZnztIdParams(state, newValue) {
+      state.znztIdParams = newValue;
+    },
+    setZnztDetailsParams(state, newValue) {
+      state.znztDetailsParams = newValue;
+    },
   },
 });