数据推送bug修改

heyujie

2021-03-04 a935450c18aa54589abce1c32bac4a18faeaea57

 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,8 +86,9 @@
          title: '人员跟踪'

        }

      ],

      rowSize: 3,

      //rowSize: 3,

      badgeNum: 0,

      curDock: {}

    }

  },

  computed: {

@@ -96,15 +102,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 () {

@@ -126,7 +141,16 @@
        }

      }

    });



    this.$nextTick( () =>{

       bus.$on("open-app", (val)=> {

        debugger

        const cur = this.stateDocks.find( (item)=> {

          return item.id == val

        })

        this.dockClick(cur)

        this.curDock = cur

    })

    })

  },

  methods: {

    chunk (arr, size) {

@@ -150,7 +174,9 @@
        console.log(e)

      })

    },

   
    dockClick (dock) {



      if (dock.type === '1') {

        window.open(dock.url);

      } else if (dock.type === '2' && !dock.isOpen) {

@@ -219,7 +245,12 @@
        screenshot: ''

      });

    }

  }

  },

  watch:{

    curDock:function (val) {

      this.dockClick(val)

    }

  },

};

</script>