应用中心和更新的逻辑

heyujie

2021-03-03 0961ee5718e67c942937647cf4ee471e236e4edc

 src/pages/desktop/index/components/ToolsEntry.vue

@@ -1,7 +1,7 @@
<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"> -->

@@ -64,6 +64,7 @@
<script>

import draggable from "vuedraggable"

import { findAllSdk } from '@/api/taskMange';

import {chunkArr} from '@/scripts/util';

export default {

  name: 'toolsEntry',

  components: { draggable },

@@ -84,7 +85,7 @@
          title: '人员跟踪'

        }

      ],

      rowSize: 3,

      //rowSize: 3,

      badgeNum: 0,

    }

  },

@@ -100,14 +101,23 @@
      let arr = null;

      //根据屏幕高度来判断是展示3排还是4排 阈值:970

      if (window.innerHeight >= 930) {

        this.rowSize = 4;

        //this.rowSize = 4;

        arr = this.chunk(tempArr, 24);

        //arr = chunkArr(tempArr,24);

      } else {

        this.rowSize = 3;

        //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 () {