From 98a6297b10a4b97c3022f84d3ba7908c178d9ee0 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期二, 20 十月 2020 10:30:10 +0800
Subject: [PATCH] 应用中心安装提示bug修复

---
 src/pages/desktop/index/components/ToolsEntry.vue |  225 ++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 152 insertions(+), 73 deletions(-)

diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 55084be..8ffbfc7 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -2,14 +2,22 @@
   <div class="tools-entry">
     <div class="entry-wrap">
       <div class="app-list clearFix">
-          <div class="app" v-for="dock in this.$store.state.desktop.docks" :key="dock.id" @click="dockClick(dock)">
-            <div class="wrap">
-              <div class="app-icon">
-                <img :src="dock.src" :alt="dock.alt">
-              </div>
-              <div class="app-name">{{dock.name}}</div>
-            </div> 
+        <div
+          class="app"
+          v-for="dock in stateDocks"
+          :key="dock.id"
+          @click="dockClick(dock)"
+        >
+          <div class="wrap">
+            <div class="app-icon" >
+              <img :src="dock.src" :alt="dock.alt" />
+            </div>
+            <div class="app-name" >{{dock.title}}</div>
           </div>
+        </div>
+      </div>
+      <div class="logo">
+        <img :src="`${publicPath}images/desktop/desk-logo.png`" alt="">
       </div>
     </div>
   </div>
@@ -17,48 +25,69 @@
 
 <script>
 export default {
-  name:'toolsEntry',
-  data(){
+  name: 'toolsEntry',
+  data() {
     return {
       publicPath: process.env.BASE_URL,
-      // applist:[
-      //   {src: `/images/app-mid/camera-access.png`, name:'鎽勫儚鏈烘帴鍏�'},
-      //   {src: `/images/app-mid/datastack-config.png`, name:'鏁版嵁鏍堥厤缃�'},
-      //   {src: `/images/app-mid/DVR-access.png`, name:'纭洏褰曞儚鏈烘帴鍏�'},
-      //   {src: `/images/app-mid/data-push.png`, name:'鏁版嵁鎺ㄩ��'},
-      //   {src: `/images/app-mid/GB-config.png`, name:'GB28281閰嶇疆'},
-      //   {src: `/images/app-mid/scene-config.png`, name:'鍦烘櫙閰嶇疆'},
-      //   {src: `/images/app-mid/library.png`, name:'姣斿搴撶鐞�'},
-      //   {src: `/images/app-mid/poll.png`, name:'杞绠$悊'},
-      //   {src: `/images/app-mid/algorithm-manage.png`, name:'绠楁硶绠$悊'},
-      //   {src: `/images/app-mid/algorithm-store.png`, name:'绠楁硶鍟嗗煄'},
-      //   {src: `/images/app-mid/hashrate-manage.png`, name:'绠楀姏绠$悊'},
-      //   {src: `/images/app-mid/monitor.png`, name:'瀹炴椂鐩戞帶-鍦ㄧ嚎鎾斁'},
-      //   {src: `/images/app-mid/search.png`, name:'妫�绱�-缁熻鏌ヨ'},
-      //   {src: `/images/app-mid/360.png`, name:'鍏ㄦ櫙瑙嗛'},
-      //   {src: `/images/app-mid/log-manage.png`, name:'鏃ュ織绠$悊'},
-      //   {src: `/images/app-mid/device.png`, name:'璁惧绠$悊'},
-      //   {src: `/images/app-mid/settings.png`, name:'绯荤粺璁剧疆'},
-      //   {src: `/images/app-mid/vindicate.png`, name:'绯荤粺缁存姢'}
-      // ]
+      loading: true,
+      localApps: []
     }
   },
-  methods:{
+  computed:{
+    stateDocks(){
+      return this.$store.state.desktop.docks
+    }
+  },
+  mounted() {
+    window.addEventListener('message', e => {
+      console.log('msg')
+      if (e.data && e.data.msg) {
+        let msg = e.data.msg;
+        // token 涓嶅悎娉�, 閫�鍑�
+        if (msg === "logout") {
+          location.assign("/");
+          return;
+        }
+
+        // 鎵撳紑妫�绱�, toSearch?showType=findByPic&targetId=108ba0bc-b0a1-433d-8e1e-d5d2e712b53b&picSmUrl=192.168.20.10:6700/47628,7cc869f3a9c714&compType=1
+        if (msg.indexOf("toSearch") >= 0) {
+          console.log('msg,search')
+          let params = msg.substring(7);
+          this.addFrameByName("search", params)
+        }
+      }
+    });
     
+  },
+  methods: {
     dockClick(dock) {
       if (dock.type === '1') {
         window.open(dock.url);
-      } else if (dock.type === '2') {
-        debugger
+      } else if (dock.type === '2' && !dock.isOpen) {
+        
         this.$store.dispatch('desktop/addFrame', {
           id: dock.id,
           icon: dock.src,
-          title: dock.name,
+          title: dock.title,
           url: dock.url
         });
-      } else if (dock.type === '3') {
+        this.$store.commit('desktop/addMinDock', {
+          id: dock.id,
+          src: dock.src,
+          alt: dock.title,
+          type: "3",
+          highlight: true,
+          url: dock.url,
+          screenshot: ''
+        });
+        //鎵撳紑搴旂敤鍚庡紓姝ユ姄鎷�,涔嬪悗鐨勬姄鎷嶉噰鐢ㄨ繖寮犲浐瀹氱殑
+        //if(dock.name=='cameraVideo'||dock.name=='search'||dock.name=='library'||dock.name=='cameraAccess'||dock.name=='dataStack'){
+          setTimeout(()=>{
+            this.$parent.screenShot(dock);
+          },1500)
+        //}
+      } else if (dock.type === '2' && dock.isOpen) {
         this.$store.commit('desktop/resetMinFrame', dock.id);
-        this.resetDockItem();
       }
     },
     resetDockItem() {
@@ -72,54 +101,104 @@
       }
       dockMask.style.width = dockItems.length * 60 + 40 + 'px';
     },
+    addFrameByName(name, params) {
+      
+      let dock = null;
+      this.$store.state.desktop.docks.forEach(app => {
+        if (app.name === name) {
+          dock = app;
+        }
+      });
+
+      if (dock.isOpen) {
+        this.$store.dispatch('desktop/closeFrame', dock);
+      }
+      this.$store.dispatch('desktop/addFrame', {
+        id: dock.id,
+        icon: dock.src,
+        title: dock.title,
+        url: dock.url + "?" + params
+      });
+      this.$store.commit('desktop/addMinDock', {
+        id: dock.id,
+        src: dock.src,
+        alt: dock.title,
+        type: "3",
+        highlight: true,
+        url: dock.url,
+        screenshot: ''
+      });
+    }
   }
 };
 </script>
 
 <style lang="scss">
-  .tools-entry{
-    //margin-top: 130px;
-    position: absolute;
-    top: 142px;
-    left: 50%;
-    transform: translateX(-50%);
-    .entry-wrap{
-      width: 1180px;
-      padding: 0 60px;
-      margin: 0 auto;
-      .app-list{
-        .app{
-          width: 16.6%;
-          margin-bottom: 54px;
-          float: left;
-          .wrap{
-            .app-icon{
-              text-align: center;
-              line-height: 110px;
-              width: 110px;
-              height: 110px;
-              margin: auto;
-              img{
-                vertical-align: middle;
-                margin-right: -3px;
-              }
-            }
-            .app-name{
-              padding-top: 10px;
-              text-align: center;
-              font: Bold 16px/16px Microsoft JhengHei;
-              color: #fff;
+.tools-entry {
+  //margin-top: 130px;
+  position: absolute;
+  top: 142px;
+  left: 50%;
+  transform: translateX(-50%);
+  .entry-wrap {
+    width: 1180px;
+    padding: 0 60px;
+    margin: 0 auto;
+    .app-list {
+      .app {
+        width: 16.6%;
+        margin-bottom: 54px;
+        float: left;
+        .wrap {
+          .app-icon {
+            text-align: center;
+            line-height: 110px;
+            width: 110px;
+            height: 110px;
+            margin: auto;
+            img {
+              vertical-align: middle;
+              margin-right: -3px;
             }
           }
-          
-          &:hover{
-            .app-icon{
-              background: rgba(0,0,0,.4);
-            }
+          .el-loading-mask{
+            border-radius: 8px;
           }
-          
+          .el-loading-spinner{
+            top: 20px;
+          }
+          .el-loading-spinner .path{
+            stroke: #78adf7;
+          }
+          .el-loading-spinner .el-loading-text{
+            line-height: 1;
+            margin-top: -30px;
+            color: #78adf7;
+          }
+          .app-name {
+            padding-top: 10px;
+            text-align: center;
+            font: Bold 16px/16px Microsoft JhengHei;
+            color: #fff;
+          }
+        }
+
+        &:hover {
+          .app-icon {
+            background: rgba(0, 0, 0, 0.4);
+          }
         }
       }
     }
+    .logo{
+      text-align: right;
+      padding-right: 50px;
+      user-select: none;
+      img{
+        user-select: none;
+        -webkit-user-drag: none;
+      }
+    }
   }
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0