From a84d52c18268439f04afad06894cb0ae39185053 Mon Sep 17 00:00:00 2001
From: zhanghao <zhanghao@bd-apaas.com>
Date: Mon, 3 Aug 2020 12:30:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=99=BA=E8=83=BD=E5=88=B6?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=8E=E8=AF=A6=E6=83=85=E9=A1=B5=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workbench/intelligent_details.vue | 23 ++++++++----
 src/pages/workbench/intelligent_drawing.vue | 41 +++++++++++++++++----
 src/store/index.js                          | 12 ++++++
 3 files changed, 60 insertions(+), 16 deletions(-)

diff --git a/src/pages/workbench/intelligent_details.vue b/src/pages/workbench/intelligent_details.vue
index 4291444..cc119d6 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 0004f02..aa08d12 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 446c95d..dbde787 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;
+    },
   },
 });
 
-- 
2.26.0