修复国标配置的bug

zhangzengfei

2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09

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

@@ -2,35 +2,34 @@
  <div class="tools-entry">

    <div class="entry-wrap">

      <el-carousel

        :height="rowSize==3?'600px':'770px'"

        :height="rowSize == 3 ? '600px' : '770px'"

        :autoplay="false"

        arrow="never"

        :indicator-position="carousels.length==1?'none':''"

        :indicator-position="carousels.length == 1 ? 'none' : ''"

      >

        <el-carousel-item v-for="(carousel,index) in carousels" :key="index">

        <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="app" v-if="item.url && !item.sdk_name" @click="dockClick(item)">

                <div class="wrap">

                  <div class="app-icon">

                    <div

                      class="badge"

                      v-if="item.name=='algorithmManage' && badgeNum > 0"

                    >{{badgeNum}}</div>

                    <div class="badge" v-if="item.name == 'algorithmManage' && badgeNum > 0">

                      {{ badgeNum }}

                    </div>

                    <img :src="item.src" :alt="item.alt" />

                  </div>

                  <div class="app-name">{{item.title}}</div>

                  <div class="app-name">{{ item.title }}</div>

                </div>

              </div>

              <div class="app sdk" v-if="item.sdk_name">

                <div class="wrap">

                  <div class="app-icon">

                    <img

                      :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"

                      :src="item.iconBlob.indexOf(',') > 0 ? item.iconBlob : `data:image/png;base64,${item.iconBlob}`"

                    />

                  </div>

                  <div class="app-name">{{item.sdk_name}}</div>

                  <div class="app-name">{{ item.sdk_name }}</div>

                </div>

              </div>

            </div>

@@ -46,16 +45,16 @@
</template>



<script>

import draggable from "vuedraggable"

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

import bus from '@/plugin/bus'

import draggable from "vuedraggable";

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

import bus from "@/plugin/bus";

export default {

  name: 'toolsEntry',

  name: "toolsEntry",

  data() {

    return {

      publicPath: process.env.BASE_URL,

      loading: true,

      installedSdk: [],

      installedSdk: []

      // sdkList: [

      //   {

      //     src: 'data:image/png;base64,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',

@@ -68,16 +67,16 @@
      // ],

      //rowSize: 3,

      // badgeNum: 0,

    }

    };

  },

  computed: {

    stateDocks() {

      return this.$store.state.desktop.docks

      return this.$store.state.desktop.docks;

    },

    carousels() {

      let pages = 0;

      let tempArr = this.stateDocks.concat(this.installedSdk);

      let upgradeArr = tempArr.filter(item => item.isUpgrade);

      let upgradeArr = tempArr.filter((item) => item.isUpgrade);

      let arr = null;

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

      if (window.innerHeight >= 930) {

@@ -87,11 +86,11 @@
        //this.rowSize = 3;

        arr = this.chunk(tempArr, 18);

      }

      return arr

      return arr;

    },

    badgeNum() {

      let tempArr = this.stateDocks.concat(this.installedSdk);

      return tempArr.filter(item => item.isUpgrade).length;

      return tempArr.filter((item) => item.isUpgrade).length;

    },

    rowSize() {

      if (window.innerHeight >= 930) {

@@ -103,8 +102,8 @@
  },

  mounted() {

    this.getAllSdk();

    let _this= this

    window.addEventListener('message', e => {

    let _this = this;

    window.addEventListener("message", (e) => {

      if (e.data && e.data.msg) {

        let msg = e.data.msg;

        if (msg === "logout") {

@@ -113,39 +112,35 @@
        }

        if (msg.indexOf("toSearch") >= 0) {

          let params = msg.substring(7);

          this.addFrameByName("search", params)

          this.addFrameByName("search", params);

        }

        if (msg.indexOf("toCluster") >= 0) {

          let params = msg.substring(8);

          this.addFrameByName("searchForCluster", params)

          this.addFrameByName("searchForCluster", params);

        }

        if (msg.indexOf("toSetting")>-1) {

          const str = msg.split("?")[1]

          this.addFrameByName("settings", str)

        if (msg.indexOf("toSetting") > -1) {

          const str = msg.split("?")[1];

          this.addFrameByName("settings", str);

        }

        if (msg.indexOf("toVindicate")>-1) {

          const str = msg.split("?")[1]

          this.addFrameByName("vindicate", str)

        if (msg.indexOf("toVindicate") > -1) {

          const str = msg.split("?")[1];

          this.addFrameByName("vindicate", str);

        }

         if (msg.indexOf("toAI")>-1) {

          const str = msg.split("?")[1]

          this.addFrameByName("algorithmManage", str)

        if (msg.indexOf("toAI") > -1) {

          const str = msg.split("?")[1];

          this.addFrameByName("algorithmManage", str);

        }

        if (msg.indexOf("toOpenApp") >= 0) {

          let id = msg.substring(10);

          this.addFrameByID(id)

          this.addFrameByID(id);

        }

        if (msg.indexOf("changeBackground")>-1) {

        const name = e.data.msg.split("?")[1]

        _this.$emit("changeBackground", `/images/desktop/${name}.png`)

      }

        // if (msg.indexOf("refreshDesk")>-1) {

        //   this.getAllSdk();

        // }

          debugger

        if (msg == 'AppUpdate') {

        if (msg.indexOf("changeBackground") > -1) {

          const name = e.data.msg.split("?")[1];

          _this.$emit("changeBackground", `/images/desktop/${name}.png`);

        }

        if (msg == "AppUpdate") {

          this.getAllSdk();

      }

        }

      }

    });

  },

@@ -154,113 +149,114 @@
      size = Math.max(size, 0);

      const len = arr == null ? 0 : arr.length;

      if (!len || size < 1) {

        return []

        return [];

      }

      let index = 0;

      let resIndex = 0;

      const result = new Array(Math.ceil(len / size))

      const result = new Array(Math.ceil(len / size));

      while (index < len) {

        result[resIndex++] = arr.slice(index, index += size)

        result[resIndex++] = arr.slice(index, (index += size));

      }

      return result

      return result;

    },

    onJumpToDock(name){

      let togo 
      this.carousels.forEach(arr => {

        arr.forEach(x => {

          if (x.title==name) {

            togo= x

    onJumpToDock(name) {

      let togo;

      this.carousels.forEach((arr) => {

        arr.forEach((x) => {

          if (x.title == name) {

            togo = x;

          }

        });

      });

      this.dockClick(togo)

      this.dockClick(togo);

    },

    getAllSdk() {

      findAllSdk().then(res => {

        this.installedSdk = res.data.filter(item => item.installed)

      }).catch(e => {

        console.log(e)

      })

      findAllSdk()

        .then((res) => {

          this.installedSdk = res.data.filter((item) => item.installed);

        })

        .catch((e) => {

          console.log(e);

        });

    },

    dockClick(dock) {

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

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

        window.open(dock.url);

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

        this.$store.dispatch('desktop/addFrame', {

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

        this.$store.dispatch("desktop/addFrame", {

          id: dock.id,

          icon: dock.src,

          title: dock.title,

          url: dock.url

        });

        this.$store.commit('desktop/addMinDock', {

        this.$store.commit("desktop/addMinDock", {

          id: dock.id,

          src: dock.src,

          alt: dock.title,

          type: "3",

          highlight: true,

          url: dock.url,

          screenshot: ''

          screenshot: ""

        });

        //打开应用后异步抓拍,之后的抓拍采用这张固定的

        //if(dock.name=='cameraVideo'||dock.name=='search'||dock.name=='library'||dock.name=='cameraAccess'||dock.name=='dataStack'){

        setTimeout(() => {

          this.$parent.screenShot(dock);

        }, 1500)

        }, 1500);

        //}

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

        this.$store.commit('desktop/resetMinFrame', dock.id);

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

        this.$store.commit("desktop/resetMinFrame", dock.id);

      }

      
    },

    resetDockItem() {

      const dockItems = document.getElementsByClassName('dock-item');

      const dockMask = document.getElementsByClassName('dock-mask')[0];

      const dockItems = document.getElementsByClassName("dock-item");

      const dockMask = document.getElementsByClassName("dock-mask")[0];

      for (let i = 0; i < dockItems.length; i++) {

        dockItems[i].width = 60;

        if (dockItems[i].parentNode.nextElementSibling) {

          dockItems[i].parentNode.nextElementSibling.style.marginLeft = "-35px";

        }

      }

      dockMask.style.width = dockItems.length * 60 + 40 + 'px';

      dockMask.style.width = dockItems.length * 60 + 40 + "px";

    },

    addFrameByName(name, params) {

      let dock = null;

      this.$store.state.desktop.docks.forEach(app => {

      this.$store.state.desktop.docks.forEach((app) => {

        if (app.name === name) {

          dock = app;

        }

      });

      if (dock.isOpen) {

        this.$store.dispatch('desktop/closeFrame', dock);

        this.$store.dispatch("desktop/closeFrame", dock);

      }

      this.$store.dispatch('desktop/addFrame', {

      this.$store.dispatch("desktop/addFrame", {

        id: dock.id,

        icon: dock.src,

        title: dock.title,

        url: dock.url + "?" + params

      });

      this.$store.commit('desktop/addMinDock', {

      this.$store.commit("desktop/addMinDock", {

        id: dock.id,

        src: dock.src,

        alt: dock.title,

        type: "3",

        highlight: true,

        url: dock.url,

        screenshot: ''

        screenshot: ""

      });

    },

    addFrameByID(id, params) {

      let dock = null;

      let toClose = null

      this.$store.state.desktop.docks.forEach(app => {

      let toClose = null;

      this.$store.state.desktop.docks.forEach((app) => {

        if (app.id == id) {

          dock = app;

        }

        if (app.name == "algorithmManage") {

          toClose = app

          toClose = app;

        }

      });

      this.dockClick(dock)

      this.dockClick(dock);

    }

  }

};

@@ -288,6 +284,9 @@
    width: 1180px;

    padding: 0 60px;

    margin: 0 auto;

    .el-carousel__indicator--horizontal {

      padding: 0px 4px;

    }

    .app-list {

      .app {

        width: 16.6%;

@@ -363,4 +362,4 @@
    }

  }

}

</style>
</style>