TV2/src/views/Index.vue

<template>
  <div :class="[{'IndexContainer':true}]" :style="{height:ClentHeight}">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
import {
  QueryVueFramework,
  DownloadVueFramework,
  getCheckUpdate,
  getUserList
} from '@/api/getApiRes'

import "../../public/mui.js"
import '../Global'

let qs = require('qs');

export default {
  name: 'Home',
  data() {
    return {
      testMode: false,    //是否测试模式
      aSideState: false,
      thisClick: 0,
      tabwildState: 1,
      handleTabsList: [{
        title: '系统首页',
        name: '1',
        clmurl: '/',
      }],
      editableTabsValue: '1',
      curVersion: '2.0',
      isPad: true,// pad 展示版本
      ClentHeight: document.documentElement.clientHeight + 'px',
    }
  },
  mounted() {
    //浏览器默认的
    //localStorage.eqSn = '30:9C:23:0C:8B:1E';
    //localStorage.version = '2.0';
    this.getCurVersion();
  },
  methods: {
    // 获取当前版本号
    getCurVersion() {
      let that = this;
      //浏览器默认的
      localStorage.eqSn = '30:9C:23:0C:8B:1E';
      // localStorage.eqSn = 'd104bd6ffec3d5ba';
      localStorage.version = '2.2.0';

      if (window.plus) {
        plusReady();
      } else {
        console.log('mui is not ready');
        // 调试时候关闭
        this.getServeIpAddress(localStorage.eqSn);
        // plusReady();
        document.addEventListener('plusready', plusReady, false);
      }

      function plusReady() {
        if (typeof plus == 'undefined') return false;
        // 获取本地应用资源版本号
        plus.runtime.getProperty(plus.runtime.appid, function (inf) {
          localStorage.version = inf.version;
          that.curVersion = inf.version;
        });

        //   获取手机UUID
        plus.device.getInfo({
          success: function (e) {
            let uuid = JSON.stringify(e.uuid).toString().substr(1);
            uuid = uuid.substring(0, uuid.length - 1);
            localStorage.eqSn = uuid;
            console.log('===== uuid =====:' + uuid);
            console.log('getDeviceInfo success: ' + JSON.stringify(e.uuid));
            // 正式版打开
            // 获取转发端口地址
            that.getServeIpAddress(e.uuid);

            // 公司测试机用公司版本升级 
            // if (uuid == "1277fcb4c81e29d2" || uuid == "8e501b0bde9ce600") {
            if (uuid == "d104bd6ffec3d5ba" || uuid == "30:9C:23:0C:8B:1E") { // 内测版
              that.testMode = true;                 
            } else {  // 正式版
              that.testMode = false;            
            }

            // 教室版本自动升级，户外版禁用自动升级
            if (runVersion == 'outDoor') {
              console.log('户外版禁用自动升级');
              return false
            } else if (runVersion == 'localtest') {
              console.log('本机测试禁用自动升级');
              plus.nativeUI.toast("本机测试 禁用自动升级 UUID: " + uuid);
              return false
            } else {
              that.checkUpdate();

              // 每10分钟检测一下升级信息
              setInterval(() => {
                // console.log("$route.path: " + that.$route.path);
                // console.log("$route.name: " + that.$route.name);
                if (that.$route.name == "Wait") {
                  console.log("===> checkUpdate");
                  that.checkUpdate();
                }
              }, 600000);
            }
          },
          fail: function (e) {
            console.log('getDeviceInfo failed: ' + JSON.stringify(e));
          }
        });
      }
    },
    // 是否有新版本
    checkUpdate() {
      let that = this;
      let param = {
        vfType: 3   //新版电视端-Http接口
      };
      let postdata = qs.stringify(param);
      const h = that.$createElement;
      QueryVueFramework(postdata, that.testMode).then(res => {
        let json = res;
        if (json.Code == 0) {
          console.log('localStorage.version: ' + localStorage.version);
          console.log('json.VueFramework.Version: ' + json.VueFramework.Version);
          // plus.nativeUI.toast("当前安装版本: " + localStorage.version);
          if (localStorage.version != json.VueFramework.Version) {
            // 正式
            plus.nativeUI.toast("发现新版本 " + json.VueFramework.Version + "，准备升级...");
            let url = DownloadVueFramework(that.testMode);
            that.downWgt(url);
          }
        }
      })
    },
    downWgt(url) {
      let that = this;
      plus.downloader.createDownload(url, {
        // method: "POST",
        // data: "{vfType:3}",
        filename: "_doc/update/"
        }, function (d, status) {
        if (status == 200) {
          console.log(d);
          console.log("下载wgt成功：" + d.filename);
          that.installWgt(d.filename); // 安装wgt包
        } else {
          console.log("下载wgt失败！");
          plus.nativeUI.toast("下载升级包失败！");
        }
        // plus.nativeUI.closeWaiting();
      }).start();
    },
    installWgt(path) {
      plus.nativeUI.showWaiting("正在升级，请稍候...");
      plus.runtime.install(path, {}, function () {
        plus.nativeUI.closeWaiting();
        console.log("安装wgt文件成功！");
        plus.nativeUI.toast("升级完成！");
        plus.runtime.restart();
        // });
      }, function (e) {
        plus.nativeUI.closeWaiting();
        console.log("安装wgt文件失败[" + e.code + "]：" + e.message);
        plus.nativeUI.toast("升级失败[" + e.code + "]：" + e.message);
      });
    },
    // 获取转发端口地址
    getServeIpAddress(eqsn) {
      const that = this;
      let url = '';
      if (runVersion == 'test') {   //演示模式
        headapi = "http://cal.beswell.com:85/DataTransfer/";
        console.log("runVersion = " + runVersion + " headapi = " + headapi);
        return false
      }
      if (runVersion == 'localtest') {   //本机测试 TV端映射到本机进行测试
        headapi = "http://127.0.0.1/";
        console.log("runVersion = " + runVersion + " headapi = " + headapi);
        return false
      }
      // 测试使用0.3心率系统
      if (eqsn == '1277fcb4c81e29d2' || eqsn == '30:9C:23:0C:8B:1E') {
        url = "http://192.168.0.3:19096/v1/Sensors/GetShopConfigParam";
      } else {
        url = 'http://cal.beswell.com:85/v1/Sensors/GetShopConfigParam'
      }
      let param = {
        eqSn: eqsn
      };
      let postdata = qs.stringify(param);
      axios.post(url, postdata).then(function (data) {
        console.log(eqsn, url);
        let json = data.data;
        console.log(json);
        if (json.Code == 0) {
          // 户外版使用HotsPotDataServiceIP
          if (runVersion == 'outDoor') {
            headapi = json.Rs.HotsPotDataServiceIP;
            // 内网测试版
            // headapi = 'http://192.168.0.3:19096/v1/Sensors/';
            if (!json.Rs.HotsPotDataServiceIP) {
              that.$message.error("未获取到HotsPotDataServiceIP");
              return false
            }
          } else {
            headapi = json.Rs.DataServiceIP;
            // console.log("正式版 headapi = " + headapi);
          }
        } else {
          headapi = 'http://192.168.0.10:8080/';  //树莓派数据转发
        }
        console.log("headapi = " + headapi);
      }, function (response) {
        console.info(response);
      })
    }

  },
  components: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-header {
  padding: 0 !important;
  height: 72px !important;
}

.shortElaside {
  width: 140px !important;
  overflow: hidden;
  height: 100%;
  float: left;
}

.lognElaside {
  width: 256px !important;
  overflow: hidden;
  height: 100%;
  float: left;
}

/deep/ .nav {
  width: 60px;
}

.IndexContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F0F2F5;
  height: 100%;
  overflow-y: scroll;
}

/*演示版专供*/
.isPad {
  height: 11.2rem;
}

.IndexContainer > .el-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-indent: -30%;
  font-size: 12px;
  color: #BDBDBD;
  background: #F0F2F5;
  z-index: 222;
}

.el-main {
  width: 100%;
  height: 100%;
  /*min-height: 800px;*/
  overflow: hidden;
  display: block;
  margin: 0 auto;
  overflow-y: hidden;
  padding: 10px 20px;
}

/*ipad only*/
@media only screen and (max-width: 1366px) {
  .lognElaside {
    width: 70px !important;
  }

  .logoContainer img {
    display: none !important;
  }

  .el-main {
    padding: 3px !important;
    overflow-y: scroll;
  }

  .el-main > .context {
    /*height: 640px;*/
    /*overflow-y: scroll;*/
    padding: 6px !important;
  }

  .table {
    /*width: 950px;*/
    /*overflow-x: scroll;*/
  }

  .el-dialog {
    max-width: 960px;
  }

  .el-dialog__body {
    padding: 3px;
  }

  .el-transfer__buttons {
    width: 60px;
    padding: 3px;
  }

  .el-transfer .el-button + .el-button {
    float: right;
  }

  .el-container.is-vertical {
    position: absolute;
    left: 140px;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
  }

  .context {
    border-radius: 12px;
    height: 823px !important;
    overflow-y: scroll;
  }

  .el-dialog {
    padding: 5px;
    padding-bottom: 15px;
  }
}

#__vconsole {
  display: none;
}

#__vconsole.show {
  display: block;
}

</style>