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 | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 50 insertions(+), 5 deletions(-) diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue index df9d6e0..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> @@ -24,16 +24,23 @@ </template> <script> - export default { name: 'toolsEntry', 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 涓嶅悎娉�, 閫�鍑� @@ -44,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, @@ -70,6 +80,12 @@ 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); } @@ -86,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) { @@ -101,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: '' }); } } @@ -135,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; @@ -153,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