| | |
| | | <template>
|
| | | <div class="tools-entry">
|
| | | <div class="entry-wrap">
|
| | | <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never" :indicator-position="carousels.length==1?'none':''">
|
| | | <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"> -->
|
| | |
| | | <script>
|
| | | import draggable from "vuedraggable"
|
| | | import { findAllSdk } from '@/api/taskMange';
|
| | | import {chunkArr} from '@/scripts/util';
|
| | | import { chunkArr } from '@/scripts/util';
|
| | | import bus from '@/plugin/bus'
|
| | | export default {
|
| | | name: 'toolsEntry',
|
| | | components: { draggable },
|
| | | data () {
|
| | | data() {
|
| | | return {
|
| | | publicPath: process.env.BASE_URL,
|
| | | loading: true,
|
| | |
| | | }
|
| | | ],
|
| | | //rowSize: 3,
|
| | | badgeNum: 0,
|
| | | // badgeNum: 0,
|
| | | }
|
| | | },
|
| | | computed: {
|
| | | stateDocks () {
|
| | | stateDocks() {
|
| | | return this.$store.state.desktop.docks
|
| | | },
|
| | | carousels () {
|
| | | carousels() {
|
| | | let pages = 0;
|
| | | let tempArr = this.stateDocks.concat(this.installedSdk);
|
| | | let upgradeArr = tempArr.filter(item => item.isUpgrade);
|
| | | this.badgeNum = upgradeArr.length;
|
| | | let arr = null;
|
| | | //根据屏幕高度来判断是展示3排还是4排 阈值:970
|
| | | if (window.innerHeight >= 930) {
|
| | |
| | | console.log(arr)
|
| | | return arr
|
| | | },
|
| | | rowSize (){
|
| | | badgeNum() {
|
| | | let tempArr = this.stateDocks.concat(this.installedSdk);
|
| | | return tempArr.filter(item => item.isUpgrade).length;
|
| | | },
|
| | | rowSize() {
|
| | | if (window.innerHeight >= 930) {
|
| | | return 4;
|
| | | }else{
|
| | | } else {
|
| | | return 3;
|
| | | }
|
| | | }
|
| | | },
|
| | | mounted () {
|
| | | mounted() {
|
| | | this.getAllSdk();
|
| | | //this.carousels =
|
| | | window.addEventListener('message', e => {
|
| | |
| | |
|
| | | },
|
| | | methods: {
|
| | | chunk (arr, size) {
|
| | | chunk(arr, size) {
|
| | | size = Math.max(size, 0);
|
| | | const len = arr == null ? 0 : arr.length;
|
| | | if (!len || size < 1) {
|
| | |
| | | }
|
| | | return result
|
| | | },
|
| | | getAllSdk () {
|
| | | getAllSdk() {
|
| | | findAllSdk().then(res => {
|
| | | this.installedSdk = res.data.filter(item => item.installed)
|
| | | }).catch(e => {
|
| | | console.log(e)
|
| | | })
|
| | | },
|
| | | |
| | | dockClick (dock) {
|
| | |
|
| | | dockClick(dock) {
|
| | |
|
| | | if (dock.type === '1') {
|
| | | window.open(dock.url);
|
| | |
| | | this.$store.commit('desktop/resetMinFrame', dock.id);
|
| | | }
|
| | | },
|
| | | resetDockItem () {
|
| | | resetDockItem() {
|
| | | const dockItems = document.getElementsByClassName('dock-item');
|
| | | const dockMask = document.getElementsByClassName('dock-mask')[0];
|
| | | for (let i = 0; i < dockItems.length; i++) {
|
| | |
| | | }
|
| | | dockMask.style.width = dockItems.length * 60 + 40 + 'px';
|
| | | },
|
| | | addFrameByName (name, params) {
|
| | | addFrameByName(name, params) {
|
| | | let dock = null;
|
| | | this.$store.state.desktop.docks.forEach(app => {
|
| | | if (app.name === name) {
|
| | |
| | | screenshot: ''
|
| | | });
|
| | | },
|
| | | addFrameByID (id, params) {
|
| | | |
| | | 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"){
|
| | | if (app.name == "algorithmManage") {
|
| | | toClose = app
|
| | | }
|
| | | });
|