From 3613f5414bef610d8486c01eea3a795d62dabb16 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期五, 05 三月 2021 13:55:01 +0800 Subject: [PATCH] 跨aap打开新app --- src/pages/desktop/index/components/ToolsEntry.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 46 insertions(+), 11 deletions(-) diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue index 2e38c2b..eefc72f 100644 --- a/src/pages/desktop/index/components/ToolsEntry.vue +++ b/src/pages/desktop/index/components/ToolsEntry.vue @@ -1,9 +1,10 @@ <template> <div class="tools-entry"> <div class="entry-wrap"> - <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never"> + <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never" :indicator-position="carousels.length==1?'none':''"> <el-carousel-item v-for="(carousel,index) in carousels" :key="index"> <div class="app-list clearFix sdk-list"> + <!-- <draggable v-model="carousel" @start="drag=true" @end="drag=false"> --> <div v-for="item in carousel" :key="item.id"> <div class="app" v-if="item.url" @click="dockClick(item)"> <div class="wrap"> @@ -29,7 +30,7 @@ </div> </div> </div> - + <!-- </draggable> --> <!-- <div class="app" v-for="dock in stateDocks" :key="dock.id" @click="dockClick(dock)"> <div class="wrap"> <div class="app-icon"> @@ -61,9 +62,13 @@ </template> <script> +import draggable from "vuedraggable" import { findAllSdk } from '@/api/taskMange'; +import {chunkArr} from '@/scripts/util'; +import bus from '@/plugin/bus' export default { name: 'toolsEntry', + components: { draggable }, data () { return { publicPath: process.env.BASE_URL, @@ -81,7 +86,7 @@ title: '浜哄憳璺熻釜' } ], - rowSize: 3, + //rowSize: 3, badgeNum: 0, } }, @@ -96,15 +101,24 @@ this.badgeNum = upgradeArr.length; let arr = null; //鏍规嵁灞忓箷楂樺害鏉ュ垽鏂槸灞曠ず3鎺掕繕鏄�4鎺� 闃堝��:970 - if(window.innerHeight >= 930 ){ - this.rowSize = 4; + if (window.innerHeight >= 930) { + //this.rowSize = 4; arr = this.chunk(tempArr, 24); - }else{ - this.rowSize = 3; + //arr = chunkArr(tempArr,24); + } else { + //this.rowSize = 3; arr = this.chunk(tempArr, 18); + //arr = chunkArr(tempArr, 18); } console.log(arr) return arr + }, + rowSize (){ + if (window.innerHeight >= 930) { + return 4; + }else{ + return 3; + } } }, mounted () { @@ -123,6 +137,12 @@ if (msg.indexOf("toSearch") >= 0) { let params = msg.substring(7); this.addFrameByName("search", params) + } + + if (msg.indexOf("toOpenApp") >= 0) { + let id = msg.substring(10); + console.log(id); + this.addFrameByID(id) } } }); @@ -150,7 +170,9 @@ console.log(e) }) }, + dockClick (dock) { + if (dock.type === '1') { window.open(dock.url); } else if (dock.type === '2' && !dock.isOpen) { @@ -192,7 +214,6 @@ 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) { @@ -218,6 +239,20 @@ url: dock.url, screenshot: '' }); + }, + addFrameByID (id, params) { + + let dock = null; + let toClose = null + this.$store.state.desktop.docks.forEach(app => { + if (app.id == id) { + dock = app; + } + if(app.name=="algorithmManage"){ + toClose = app + } + }); + this.dockClick(dock) } } }; @@ -264,8 +299,8 @@ } .badge { position: absolute; - top: 12px; - right: 5px; + top: 13px; + right: 8px; width: 22px; height: 22px; font-size: 14px; @@ -309,7 +344,7 @@ text-align: right; padding-right: 50px; user-select: none; - margin-top: -80px; + margin-top: -74px; img { user-select: none; -webkit-user-drag: none; -- Gitblit v1.8.0