system-phone 1.2.80-socket-10 → 1.2.80-socket-12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-phone",
-  "version": "1.2.80-socket-10",
+  "version": "1.2.80-socket-12",
   "description": "手机模块 前端组件",
   "author": "何宁社 <524395609@qq.com>",
   "license": "ISC",

package/src/components/NavBottomVVV.vue

@@ -1,245 +1,245 @@
-<template>
-  <div style="height: 7%">
-    <tools-page :need-back="!isMenu" :title="titleName" @back="back('返回')" > </tools-page>
-  </div>
-  <div id="app" :class="{'auto':isMenu,'app-height':!isMenu}">
-    <div class="row" style="overflow-y: scroll;">
-      <route v-ref:route> </route>
-    </div>
-    <tab-bar @select-item="onClickTabBarItem" v-show="isMenu">
-    </tab-bar>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-export default {
-  title: 'app',
-  data: function () {
-    return {
-      item: 0,
-      isMenu:true,
-      beforeName:'主界面',
-      titleName:'待办工作',
-      backthis:'',
-      safe:false,
-      beforetabs:[],
-      iftabbar:'',
-      lockReconnect: false, // 避免重复连接
-      timeout: 10000,   // 10秒发一次心跳
-      connectNumber: 10, // 重连次数
-      timeoutObj: null,
-      serverTimeoutObj: null
-    }
-  },
-  ready(){
-
-    Vue.prototype.$connectNumber = this.connectNumber
-    this.initWebSocket()
-  },
-  methods: {
-    // 清除
-    reset () {
-      clearTimeout(this.timeoutObj)
-      clearTimeout(this.serverTimeoutObj)
-    },
-    // 发送心跳
-    start () {
-      // 重置
-      Vue.prototype.$connectNumber = this.connectNumber
-      this.timeoutObj = setTimeout(() => {
-        this.$socket.send('ping')
-        console.log('ping!')
-        this.serverTimeoutObj = setTimeout(() => {
-          this.$socket.close()
-        }, this.timeout)
-      }, this.timeout)
-    },
-    // 重连
-    reconnect () {
-      if (this.lockReconnect) return
-      if (this.$connectNumber <= 0) {
-        this.showMessage('连接已断开，将无法接收消息，请重新登录', ['confirm']).then((res) => {
-          if (res === 'confirm') {
-            this.$androidUtil.setPreference('f_repairman_id', 'x')
-            this.$androidUtil.setPreference('f_repairman_name', 'x')
-            this.beforetabs = []
-            this.$back()
-          }
-        })
-        return
-      }
-      this.$connectNumber--
-      setTimeout(() => {
-        console.log('连接异常，尝试重新连接。。。。')
-        this.initWebSocket()
-        this.lockReconnect = false
-      }, 1000 * 60)
-    },
-    // 初始化
-    initWebSocket () {
-      console.log("初始化")
-      console.log(this.$androidUtil.getProxyUrl())
-      let wshttp = `${this.$androidUtil.getProxyUrl()}`
-      let pathhttp = wshttp.substring(7)
-
-      let path = `ws://${pathhttp}ws?token=${Vue.user.id}`
-      console.log(path)
-      console.log("9999999999999999999999999")
-      try {
-        if ('WebSocket' in window) {
-          // 创建对象
-          Vue.prototype.$socket = new WebSocket(path)
-        } else {
-          this.$showMessage('您的浏览器不支持websocket的协议，建议使用新版谷歌浏览器，请勿使用IE浏览器，360浏览器请使用极速模式，不要使用兼容模式!"')
-        }
-      } catch (e) {
-        this.reconnect()
-      }
-
-      this.$socket.onopen = this.onOpen  // 连接成功
-      this.$socket.onmessage = this.onMessage  // 收到消息时回调
-      this.$socket.onclose = this.onClose  // 连接关闭时回调
-      this.$socket.onerror = this.onError  // 通讯异常
-    },
-    // 通讯异常
-    onError () {
-      this.reconnect()
-    },
-    // 连接成功
-    onOpen () {
-      console.log('webSocket连接成功')
-      this.start()
-    },
-    // 收到消息时回调函数
-    onMessage (event) {
-      if (event.data === 'pong') {
-        this.reset()
-        this.start()
-        return
-      }
-      // if (event.type === 'apply-task') {
-      //   console.log("aaa")
-      // }
-      console.log("555555555555")
-      console.log(event)
-      let data = JSON.parse(event.data)
-      if (data.type === 'dot-task') {
-        HostApp.voicePromptOnce('dadian.mp3')
-      }
-      this.$broadcast('onMessage', data)
-      this.$showMessage(data.message)
-    },
-    // 关闭连接时回调函数
-    onClose () {
-      console.log('webSocket连接断开')
-      this.reset()
-      this.reconnect()
-    },
-    back(flag){
-      if(this.safe && flag == '返回' ){
-        this.$showMessage('此返回所录入内容将无法找回！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.safe = false
-            this.delback()
-            this.backthis.$back()
-          }
-        })
-      }else{
-        this.delback()
-        this.safe = false
-        this.backthis.$back()
-      }
-    },
-    delback(){
-      // 先确认出 前一个组件的名字
-      var title = this.beforeName
-      var beforetitle = '主界面'
-      var j = -1
-      for(var i = 0;i<this.beforetabs.length;i++){
-        if(this.beforetabs[i].titleName == title){
-          beforetitle = this.beforetabs[i].beforeName
-          this.backthis =this.beforetabs[i].backthis
-          this.safe  = this.beforetabs[i].safe
-          j = i
-          break;
-        }
-      }
-      this.beforetabs.splice(j + 1, 1)
-      this.beforeName = beforetitle
-      this.titleName = title
-      // 判断是否 显示底层导航
-      if(this.iftabbar ==  this.titleName){
-        this.isMenu = true
-      }
-    },
-    onClickTabBarItem(titlefg) {
-      var param = titlefg.link
-      if(titlefg.name == '退出系统'){
-        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.$androidUtil.setPreference('f_repairman_id', 'x')
-            this.$androidUtil.setPreference('f_repairman_name', 'x')
-            this.$back()
-          }
-        })
-      }else{
-        if(this.beforeName == titlefg.name){
-          return
-        }
-        this.titleName = titlefg.name
-        this.beforeName = titlefg.name
-        let data = {
-          sourcet: '竖屏'
-        }
-        // if(titlefg.name == '待办工单'){
-        //   param = param+'V'
-        // }
-        this.$refs.route.init(param,data)
-      }
-    }
-  },
-  events: {
-    'gotoson': function (prpdata) {
-      // 事件回调内的 `this` 自动绑定到注册它的实例上
-      // safe 返回事件是否进行判断后再返回
-      // 每进入一次，beforetabs 数组添加  返回  删除
-      this.backthis = prpdata._this
-      this.safe = prpdata.safe
-      this.isMenu = false
-      // 记录本次跳转
-      var beforedata = {
-        beforeName: this.titleName,
-        titleName: prpdata.title,
-        backthis:prpdata._this,
-        safe:prpdata.safe
-      }
-      this.beforetabs.push(beforedata)
-      if( this.beforetabs.length == 1){
-        this.iftabbar = beforedata.beforeName
-      }
-      // 写入跳转后 前后组件名字
-      this.beforeName = this.titleName
-      this.titleName = prpdata.title
-
-      console.log('进入子组件，通知外层组件，我已经进入')
-    },
-    'confirm': function () {
-      // 提交处理返回事件
-      this.back('提交')
-    },
-    'backarrdel': function () {
-      this.delback()
-    },
-    'gologin': function () {
-      this.beforetabs = []
-      this.$back()
-    }
-  }
-}
-</script>
-<style scoped>
-.app-height{
-  height: 93%;
-}
-</style>
+<template>
+  <div style="height: 7%">
+    <tools-page :need-back="!isMenu" :title="titleName" @back="back('返回')" > </tools-page>
+  </div>
+  <div id="app" :class="{'auto':isMenu,'app-height':!isMenu}">
+    <div class="row"  :style="isMenu?'overflow-y: scroll;overflow-x: hidden;height:80vh':'overflow-y: scroll;overflow-x: hidden;'">
+    <route v-ref:route> </route>
+    </div>
+    <tab-bar @select-item="onClickTabBarItem" v-show="isMenu">
+    </tab-bar>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+export default {
+  title: 'app',
+  data: function () {
+    return {
+      item: 0,
+      isMenu:true,
+      beforeName:'主界面',
+      titleName:'待办工作',
+      backthis:'',
+      safe:false,
+      beforetabs:[],
+      iftabbar:'',
+      lockReconnect: false, // 避免重复连接
+      timeout: 10000,   // 10秒发一次心跳
+      connectNumber: 10, // 重连次数
+      timeoutObj: null,
+      serverTimeoutObj: null
+    }
+  },
+  ready(){
+
+    Vue.prototype.$connectNumber = this.connectNumber
+    this.initWebSocket()
+  },
+  methods: {
+    // 清除
+    reset () {
+      clearTimeout(this.timeoutObj)
+      clearTimeout(this.serverTimeoutObj)
+    },
+    // 发送心跳
+    start () {
+      // 重置
+      Vue.prototype.$connectNumber = this.connectNumber
+      this.timeoutObj = setTimeout(() => {
+        this.$socket.send('ping')
+        console.log('ping!')
+        this.serverTimeoutObj = setTimeout(() => {
+          this.$socket.close()
+        }, this.timeout)
+      }, this.timeout)
+    },
+    // 重连
+    reconnect () {
+      if (this.lockReconnect) return
+      if (this.$connectNumber <= 0) {
+        this.showMessage('连接已断开，将无法接收消息，请重新登录', ['confirm']).then((res) => {
+          if (res === 'confirm') {
+            this.$androidUtil.setPreference('f_repairman_id', 'x')
+            this.$androidUtil.setPreference('f_repairman_name', 'x')
+            this.beforetabs = []
+            this.$back()
+          }
+        })
+        return
+      }
+      this.$connectNumber--
+      setTimeout(() => {
+        console.log('连接异常，尝试重新连接。。。。')
+        this.initWebSocket()
+        this.lockReconnect = false
+      }, 1000 * 60)
+    },
+    // 初始化
+    initWebSocket () {
+      console.log("初始化")
+      console.log(this.$androidUtil.getProxyUrl())
+      let wshttp = `${this.$androidUtil.getProxyUrl()}`
+      let pathhttp = wshttp.substring(7)
+
+      let path = `ws://${pathhttp}ws?token=${Vue.user.id}`
+      console.log(path)
+      console.log("9999999999999999999999999")
+      try {
+        if ('WebSocket' in window) {
+          // 创建对象
+          Vue.prototype.$socket = new WebSocket(path)
+        } else {
+          this.$showMessage('您的浏览器不支持websocket的协议，建议使用新版谷歌浏览器，请勿使用IE浏览器，360浏览器请使用极速模式，不要使用兼容模式!"')
+        }
+      } catch (e) {
+        this.reconnect()
+      }
+
+      this.$socket.onopen = this.onOpen  // 连接成功
+      this.$socket.onmessage = this.onMessage  // 收到消息时回调
+      this.$socket.onclose = this.onClose  // 连接关闭时回调
+      this.$socket.onerror = this.onError  // 通讯异常
+    },
+    // 通讯异常
+    onError () {
+      this.reconnect()
+    },
+    // 连接成功
+    onOpen () {
+      console.log('webSocket连接成功')
+      this.start()
+    },
+    // 收到消息时回调函数
+    onMessage (event) {
+      if (event.data === 'pong') {
+        this.reset()
+        this.start()
+        return
+      }
+      // if (event.type === 'apply-task') {
+      //   console.log("aaa")
+      // }
+      console.log("555555555555")
+      console.log(event)
+      let data = JSON.parse(event.data)
+      if (data.type === 'dot-task') {
+        HostApp.voicePromptOnce('dadian.mp3')
+      }
+      this.$broadcast('onMessage', data)
+      this.$showMessage(data.message)
+    },
+    // 关闭连接时回调函数
+    onClose () {
+      console.log('webSocket连接断开')
+      this.reset()
+      this.reconnect()
+    },
+    back(flag){
+      if(this.safe && flag == '返回' ){
+        this.$showMessage('此返回所录入内容将无法找回！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.safe = false
+            this.delback()
+            this.backthis.$back()
+          }
+        })
+      }else{
+        this.delback()
+        this.safe = false
+        this.backthis.$back()
+      }
+    },
+    delback(){
+      // 先确认出 前一个组件的名字
+      var title = this.beforeName
+      var beforetitle = '主界面'
+      var j = -1
+      for(var i = 0;i<this.beforetabs.length;i++){
+        if(this.beforetabs[i].titleName == title){
+          beforetitle = this.beforetabs[i].beforeName
+          this.backthis =this.beforetabs[i].backthis
+          this.safe  = this.beforetabs[i].safe
+          j = i
+          break;
+        }
+      }
+      this.beforetabs.splice(j + 1, 1)
+      this.beforeName = beforetitle
+      this.titleName = title
+      // 判断是否 显示底层导航
+      if(this.iftabbar ==  this.titleName){
+        this.isMenu = true
+      }
+    },
+    onClickTabBarItem(titlefg) {
+      var param = titlefg.link
+      if(titlefg.name == '退出系统'){
+        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.$androidUtil.setPreference('f_repairman_id', 'x')
+            this.$androidUtil.setPreference('f_repairman_name', 'x')
+            this.$back()
+          }
+        })
+      }else{
+        if(this.beforeName == titlefg.name){
+          return
+        }
+        this.titleName = titlefg.name
+        this.beforeName = titlefg.name
+        let data = {
+          sourcet: '竖屏'
+        }
+        // if(titlefg.name == '待办工单'){
+        //   param = param+'V'
+        // }
+        this.$refs.route.init(param,data)
+      }
+    }
+  },
+  events: {
+    'gotoson': function (prpdata) {
+      // 事件回调内的 `this` 自动绑定到注册它的实例上
+      // safe 返回事件是否进行判断后再返回
+      // 每进入一次，beforetabs 数组添加  返回  删除
+      this.backthis = prpdata._this
+      this.safe = prpdata.safe
+      this.isMenu = false
+      // 记录本次跳转
+      var beforedata = {
+        beforeName: this.titleName,
+        titleName: prpdata.title,
+        backthis:prpdata._this,
+        safe:prpdata.safe
+      }
+      this.beforetabs.push(beforedata)
+      if( this.beforetabs.length == 1){
+        this.iftabbar = beforedata.beforeName
+      }
+      // 写入跳转后 前后组件名字
+      this.beforeName = this.titleName
+      this.titleName = prpdata.title
+
+      console.log('进入子组件，通知外层组件，我已经进入')
+    },
+    'confirm': function () {
+      // 提交处理返回事件
+      this.back('提交')
+    },
+    'backarrdel': function () {
+      this.delback()
+    },
+    'gologin': function () {
+      this.beforetabs = []
+      this.$back()
+    }
+  }
+}
+</script>
+<style scoped>
+.app-height{
+  height: 93%;
+}
+</style>