heyujie
2021-03-26 958cb45d5cd43d12112b6aec37746ef161edd810
src/pages/desktop/index/components/ToolsEntry.vue
@@ -1,7 +1,12 @@
<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"> -->
@@ -64,12 +69,11 @@
<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,
@@ -87,18 +91,17 @@
        }
      ],
      //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) {
@@ -113,15 +116,19 @@
      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 => {
@@ -153,7 +160,7 @@
  },
  methods: {
    chunk (arr, size) {
    chunk(arr, size) {
      size = Math.max(size, 0);
      const len = arr == null ? 0 : arr.length;
      if (!len || size < 1) {
@@ -167,15 +174,15 @@
      }
      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);
@@ -206,7 +213,7 @@
        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++) {
@@ -217,7 +224,7 @@
      }
      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) {
@@ -244,15 +251,15 @@
        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
        }
      });