From e65c4102f0175d666746936381c3dee278358a72 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期二, 27 十月 2020 16:22:00 +0800 Subject: [PATCH] 添加apps.json代理,整理代码 --- src/pages/desktop/index/components/ToolsEntry.vue | 43 ++++++++++++++++++------------------------- 1 files changed, 18 insertions(+), 25 deletions(-) diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue index 8ffbfc7..13de460 100644 --- a/src/pages/desktop/index/components/ToolsEntry.vue +++ b/src/pages/desktop/index/components/ToolsEntry.vue @@ -2,22 +2,17 @@ <div class="tools-entry"> <div class="entry-wrap"> <div class="app-list clearFix"> - <div - class="app" - v-for="dock in stateDocks" - :key="dock.id" - @click="dockClick(dock)" - > + <div class="app" 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> <div class="logo"> - <img :src="`${publicPath}images/desktop/desk-logo.png`" alt=""> + <img :src="`${publicPath}images/desktop/desk-logo.png`" alt /> </div> </div> </div> @@ -33,14 +28,13 @@ localApps: [] } }, - computed:{ - stateDocks(){ + 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 涓嶅悎娉�, 閫�鍑� @@ -51,20 +45,19 @@ // 鎵撳紑妫�绱�, 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, @@ -82,9 +75,9 @@ }); //鎵撳紑搴旂敤鍚庡紓姝ユ姄鎷�,涔嬪悗鐨勬姄鎷嶉噰鐢ㄨ繖寮犲浐瀹氱殑 //if(dock.name=='cameraVideo'||dock.name=='search'||dock.name=='library'||dock.name=='cameraAccess'||dock.name=='dataStack'){ - setTimeout(()=>{ - this.$parent.screenShot(dock); - },1500) + setTimeout(() => { + this.$parent.screenShot(dock); + }, 1500) //} } else if (dock.type === '2' && dock.isOpen) { this.$store.commit('desktop/resetMinFrame', dock.id); @@ -102,7 +95,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) { @@ -161,16 +154,16 @@ margin-right: -3px; } } - .el-loading-mask{ + .el-loading-mask { border-radius: 8px; } - .el-loading-spinner{ + .el-loading-spinner { top: 20px; } - .el-loading-spinner .path{ + .el-loading-spinner .path { stroke: #78adf7; } - .el-loading-spinner .el-loading-text{ + .el-loading-spinner .el-loading-text { line-height: 1; margin-top: -30px; color: #78adf7; @@ -190,11 +183,11 @@ } } } - .logo{ + .logo { text-align: right; padding-right: 50px; user-select: none; - img{ + img { user-select: none; -webkit-user-drag: none; } -- Gitblit v1.8.0