添加apps.json代理,整理代码

zhangzengfei

2020-10-27 e65c4102f0175d666746936381c3dee278358a72

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

@@ -2,22 +2,17 @@
  <div class="tools-entry">

    <div class="entry-wrap">

      <div class="app-list clearFix">

        <div

          class="app"

          v-for="dock in stateDocks"

          :key="dock.id"

          @click="dockClick(dock)"

        >

        <div class="app" v-for="dock in stateDocks" :key="dock.id" @click="dockClick(dock)">

          <div class="wrap">

            <div class="app-icon" >

            <div class="app-icon">

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

            </div>

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

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

          </div>

        </div>

      </div>

      <div class="logo">

        <img :src="`${publicPath}images/desktop/desk-logo.png`" alt="">

        <img :src="`${publicPath}images/desktop/desk-logo.png`" alt />

      </div>

    </div>

  </div>

@@ -33,14 +28,13 @@
      localApps: []

    }

  },

  computed:{

    stateDocks(){

  computed: {

    stateDocks() {

      return this.$store.state.desktop.docks

    }

  },

  mounted() {

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

      console.log('msg')

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

        let msg = e.data.msg;

        // token 不合法, 退出

@@ -51,20 +45,19 @@


        // 打开检索, toSearch?showType=findByPic&targetId=108ba0bc-b0a1-433d-8e1e-d5d2e712b53b&picSmUrl=192.168.20.10:6700/47628,7cc869f3a9c714&compType=1

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

          console.log('msg,search')

          let params = msg.substring(7);

          this.addFrameByName("search", params)

        }

      }

    });

    


  },

  methods: {

    dockClick(dock) {

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

        window.open(dock.url);

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

        


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

          id: dock.id,

          icon: dock.src,

@@ -82,9 +75,9 @@
        });

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

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

          setTimeout(()=>{

            this.$parent.screenShot(dock);

          },1500)

        setTimeout(() => {

          this.$parent.screenShot(dock);

        }, 1500)

        //}

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

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

@@ -102,7 +95,7 @@
      dockMask.style.width = dockItems.length * 60 + 40 + 'px';

    },

    addFrameByName(name, params) {

      


      let dock = null;

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

        if (app.name === name) {

@@ -161,16 +154,16 @@
              margin-right: -3px;

            }

          }

          .el-loading-mask{

          .el-loading-mask {

            border-radius: 8px;

          }

          .el-loading-spinner{

          .el-loading-spinner {

            top: 20px;

          }

          .el-loading-spinner .path{

          .el-loading-spinner .path {

            stroke: #78adf7;

          }

          .el-loading-spinner .el-loading-text{

          .el-loading-spinner .el-loading-text {

            line-height: 1;

            margin-top: -30px;

            color: #78adf7;

@@ -190,11 +183,11 @@
        }

      }

    }

    .logo{

    .logo {

      text-align: right;

      padding-right: 50px;

      user-select: none;

      img{

      img {

        user-select: none;

        -webkit-user-drag: none;

      }