From c0c79d9b58705a3c8c13ea9f23b1dd0f724a04af Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 19 十月 2020 19:14:52 +0800
Subject: [PATCH] 搜索集群节点样式更新

---
 src/pages/desktop/index/components/ToolsEntry.vue |   56 ++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index a18dc4f..8ffbfc7 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -4,15 +4,15 @@
       <div class="app-list clearFix">
         <div
           class="app"
-          v-for="dock in this.$store.state.desktop.docks"
+          v-for="dock in stateDocks"
           :key="dock.id"
           @click="dockClick(dock)"
         >
           <div class="wrap">
-            <div class="app-icon">
+            <div class="app-icon" >
               <img :src="dock.src" :alt="dock.alt" />
             </div>
-            <div class="app-name">{{dock.title}}</div>
+            <div class="app-name" >{{dock.title}}</div>
           </div>
         </div>
       </div>
@@ -29,10 +29,18 @@
   data() {
     return {
       publicPath: process.env.BASE_URL,
+      loading: true,
+      localApps: []
+    }
+  },
+  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 涓嶅悎娉�, 閫�鍑�
@@ -43,17 +51,20 @@
 
         // 鎵撳紑妫�绱�, 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' && !dock.isOpen) {
+        
         this.$store.dispatch('desktop/addFrame', {
           id: dock.id,
           icon: dock.src,
@@ -66,7 +77,15 @@
           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);
       }
@@ -83,6 +102,7 @@
       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) {
@@ -98,6 +118,15 @@
         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: ''
       });
     }
   }
@@ -132,6 +161,20 @@
               margin-right: -3px;
             }
           }
+          .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;
@@ -150,6 +193,11 @@
     .logo{
       text-align: right;
       padding-right: 50px;
+      user-select: none;
+      img{
+        user-select: none;
+        -webkit-user-drag: none;
+      }
     }
   }
 }

--
Gitblit v1.8.0