Merge branch 'master' of http://192.168.5.5:10010/r/vue-smart-ai

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

        }

      });