system-phone 1.2.80-socket-12 → 1.2.80-socket-13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-phone",
-  "version": "1.2.80-socket-12",
+  "version": "1.2.80-socket-13",
   "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="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>
+<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>

package/src/components/SystemSetUp.vue

@@ -1,275 +1,290 @@
-<template>
-  <div class="nav-bgcolor">
-    <div class="auto">
-      <div class="row nav-bgcolor" >
-        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
-          <img class="imgs" :src="imgback(tab.name)">
-          <p></p>
-          <p class="pagesfoot">{{tab.name}}</p>
-          <p></p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <modal :show.sync="show" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header text-center">
-      <h4 class="modal-title">清除项选择</h4>
-      <input type="checkbox" class="" id="f_operator" v-model="all">
-      <label for="f_operator" class="font-size">全选</label>
-    </header>
-    <article slot="modal-body" v-if="show">
-      <div class="auto col-sm-11 col-xs-11 col-xs-offset-1 col-md-offset-1"  style="margin-top: 10px;">
-        <div class="col-sm-4 col-xs-4" v-for="f in fields">
-          <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
-          <label :for="'export-col-'+$index" class="font-size">{{f}}</label>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <center>
-        <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
-        <button v-show="show" type="button" class="btn btn-success" @click='clear()'>确定</button>
-      </center>
-    </footer>
-  </modal>
-</template>
-
-<script>
-import Vue from 'vue'
-
-export default {
-  title: '系统设置',
-  data() {
-    return {
-      titleName:'系统设置',
-      all: false,
-      flag:true,
-      show:false,
-      fields: {},
-      dataclear:[],
-      tabs: this.getTabs(),
-      //tabs:[{name:"清空数据"}],
-      modelval: [],
-      text: '导航组件this',
-      beforeName:'系统设置',
-    }
-  },
-  ready(){
-    if(Vue.config.safecheck) {
-      if (Vue.config.safecheck.clearPhone) {
-        let aaa = Vue.config.safecheck.clearPhone.cleardata
-        for (let i = 0; i < aaa.length; i++) {
-          this.fields[aaa[i].module] = aaa[i].module
-        }
-      }
-    }
-  },
-  methods: {
-    clear(){
-      let aaa=Vue.config.safecheck.clearPhone.cleardata
-      console.log(this.modelval)
-      for (let i = 0; i < aaa.length; i++) {
-        for (let j = 0; j < this.modelval.length; j++) {
-          if (aaa[i].module==this.modelval[i]){
-            this.dataclear=Object.assign([],this.dataclear,aaa[i].tables)
-          }
-        }
-      }
-      console.log(this.dataclear)
-      this.cleandata()
-    },
-    close(){
-      this.show=false
-      this.all=false
-      this.flag=true
-      this.modelval=[]
-    },
-    sortModelval () {
-      let sortModel = []
-      Object.keys(this.fields).forEach((key) => {
-        if (this.modelval.includes(key)) {
-          sortModel.push(key)
-        }
-      })
-      console.log('看看选择的顺序。。。', sortModel)
-      console.log('看看选择的顺序。。。', this.modelval)
-      if (sortModel.length==this.modelval.length-1){
-        this.flag=false
-        console.log("66666666666666")
-        this.all=false
-      }
-      console.log(Object.keys(this.fields).length)
-      if (sortModel.length==Object.keys(this.fields).length){
-        this.all=true
-      }
-      this.modelval = sortModel
-    },
-    imgback(val){
-      return require('../assets/'+val+'.png')
-    },
-    getTabs(){
-      for(let funs in Vue.user.functions){
-        if(Vue.user.functions[funs].link == 'system-setup'){
-          return Vue.user.functions[funs].children
-        }
-      }
-    },
-    gotopage(link,name) {
-      if(name == '清空数据'){
-        this.cleanalldata()
-      }else if (name == '清除数据'){
-        this.openclear()
-      } else if(name == '导出数据'){
-        this.outdata()
-      }else if(name == '退出系统'){
-        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            Vue.prototype.$connectNumber = 0 // 重连剩余次数
-            Vue.prototype.$socket.close() // 关闭websocket连接
-            this.$androidUtil.setPreference('f_repairman_id', 'x')
-            this.$androidUtil.setPreference('f_repairman_name', 'x')
-            this.$dispatch('gologin')
-          }
-        })
-      }else{
-        console.log('进入子组件')
-        var prpdata = {
-          _this:this,
-          title:name,
-          safe:true
-        }
-        this.$dispatch('gotoson',prpdata)
-        this.$goto(link)
-      }
-    },
-    cleanalldata(){
-      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
-          console.log((result.result))
-          if(result.result == '成功'){
-            this.$showMessage('清除数据完成!')
-          }else{
-            this.$showMessage('清除数据失败!')
-          }
-        }
-      })
-    },
-    // 清空数据
-    cleandata(){
-      console.log("88888888888")
-      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          let result = this.$androidUtil.bzLogic('clearPhoneDataNew', {tables: this.dataclear})
-          console.log((result.result))
-          if(result.result == '成功'){
-            this.$showMessage('清除数据完成!')
-          }else{
-            this.$showMessage('清除数据失败!')
-          }
-          this.close()
-        }
-      })
-    },
-    // 导出数据
-    openclear(){
-      this.show=true
-    },
-    outdata(){
-      HostApp.backupDatabase()
-      this.$showMessage('数据导出成功!')
-    },
-    //取消自动登录
-    cancelAutoLogin(){
-      let auto=this.$androidUtil.getPreference('autoLogin')
-      if(auto){
-        this.$androidUtil.setPreference('autoLogin', false)
-        this.$showMessage('已取消自动登录!')
-      }else{
-        this.$showMessage('当前已处于非自动登录!')
-      }
-    }
-  },
-  watch: {
-    'all' (val) {
-      if (val) {
-        this.modelval = Object.keys(this.fields)
-      } else {
-        console.log(this.flag)
-        if (this.flag){
-          this.modelval = []
-        }
-      }
-      this.flag=true
-    },
-    'modelval.length' () {
-      this.sortModelval()
-    }
-  }
-}
-
-</script>
-<style scoped>
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.flex-between span {
-  padding-right: 10px;
-}
-.flex-full {
-  flex: 1;
-}
-.name{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-.imgs{
-  width: 35px;
-  margin-top: 15px;
-}
-.plan {
-  border-bottom: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.manbiankuang{
-  width: 44%;
-  margin-top: 15px;
-  margin-left: 4%;
-  border:1px solid #e3e3e3;
-  border-radius:10px 10px 10px 10px;
-  text-align: center;
-  background-color: #ffffff;
-}
-.user{
-  border-bottom: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.safecheck{
-  border-bottom: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.appointment{
-  border-top: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.search{
-  border-top: 0.5px solid #EAEAEA;
-  border-right: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-.upload{
-  border-top: 0.5px solid #EAEAEA;
-  border-left: 0.5px solid #EAEAEA;
-  height: 120px;
-}
-
-
-</style>
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="row nav-bgcolor" >
+        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
+          <img class="imgs" :src="imgback(tab.name)">
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+          <p></p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <modal :show.sync="show" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header text-center">
+      <h4 class="modal-title">清除项选择</h4>
+      <input type="checkbox" class="" id="f_operator" v-model="all">
+      <label for="f_operator" class="font-size">全选</label>
+    </header>
+    <article slot="modal-body" v-if="show">
+      <div class="auto col-sm-11 col-xs-11 col-xs-offset-1 col-md-offset-1"  style="margin-top: 10px;">
+        <div class="col-sm-4 col-xs-4" v-for="f in fields">
+          <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
+          <label :for="'export-col-'+$index" class="font-size">{{f}}</label>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <center>
+        <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
+        <button v-show="show" type="button" class="btn btn-success" @click='clear()'>确定</button>
+      </center>
+    </footer>
+  </modal>
+</template>
+
+<script>
+import Vue from 'vue'
+
+export default {
+  title: '系统设置',
+  data() {
+    return {
+      titleName:'系统设置',
+      all: false,
+      flag:true,
+      show:false,
+      fields: {},
+      dataclear:[],
+      tabs: this.getTabs(),
+      //tabs:[{name:"清空数据"}],
+      modelval: [],
+      text: '导航组件this',
+      beforeName:'系统设置',
+    }
+  },
+  ready(){
+    if(Vue.config.safecheck) {
+      if (Vue.config.safecheck.clearPhone) {
+        let aaa = Vue.config.safecheck.clearPhone.cleardata
+        for (let i = 0; i < aaa.length; i++) {
+          this.fields[aaa[i].module] = aaa[i].module
+        }
+      }
+    }
+  },
+  methods: {
+    clear(){
+      let aaa=Vue.config.safecheck.clearPhone.cleardata
+      console.log(this.modelval)
+      for (let i = 0; i < aaa.length; i++) {
+        for (let j = 0; j < this.modelval.length; j++) {
+          if (aaa[i].module==this.modelval[i]){
+            this.dataclear=Object.assign([],this.dataclear,aaa[i].tables)
+          }
+        }
+      }
+      console.log(this.dataclear)
+      this.cleandata()
+    },
+    close(){
+      this.show=false
+      this.all=false
+      this.flag=true
+      this.modelval=[]
+    },
+    sortModelval () {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      console.log('看看选择的顺序。。。', sortModel)
+      console.log('看看选择的顺序。。。', this.modelval)
+      if (sortModel.length==this.modelval.length-1){
+        this.flag=false
+        console.log("66666666666666")
+        this.all=false
+      }
+      console.log(Object.keys(this.fields).length)
+      if (sortModel.length==Object.keys(this.fields).length){
+        this.all=true
+      }
+      this.modelval = sortModel
+    },
+    imgback(val){
+      return require('../assets/'+val+'.png')
+    },
+    getTabs(){
+      for(let funs in Vue.user.functions){
+        if(Vue.user.functions[funs].link == 'system-setup'){
+          return Vue.user.functions[funs].children
+        }
+      }
+    },
+    gotopage(link,name) {
+      if(name == '清空数据'){
+        this.cleanalldata()
+      }else if (name == '清除数据'){
+        this.openclear()
+      } else if(name == '导出数据'){
+        this.outdata()
+      }else if(name == '退出系统'){
+        HostApp.back_home()
+        // this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
+        //   if (res === 'confirm') {
+        //     Vue.prototype.$connectNumber = 0 // 重连剩余次数
+        //     if (Vue.prototype.$socket){
+        //       Vue.prototype.$socket.close() // 关闭websocket连接
+        //     }
+        //     this.$androidUtil.setPreference('f_repairman_id', 'x')
+        //     this.$androidUtil.setPreference('f_repairman_name', 'x')
+        //     this.$dispatch('gologin')
+        //   }
+        // })
+      }else if(name == '退出登录'){
+        this.$showMessage('即将返回登陆界面！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            Vue.prototype.$connectNumber = 0 // 重连剩余次数
+            if (Vue.prototype.$socket){
+              Vue.prototype.$socket.close() // 关闭websocket连接
+            }
+            this.$androidUtil.setPreference('f_repairman_id', 'x')
+            this.$androidUtil.setPreference('f_repairman_name', 'x')
+            this.$dispatch('gologin')
+          }
+        })
+      }else{
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:name,
+          safe:true
+        }
+        this.$dispatch('gotoson',prpdata)
+        this.$goto(link)
+      }
+    },
+    cleanalldata(){
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+        }
+      })
+    },
+    // 清空数据
+    cleandata(){
+      console.log("88888888888")
+      this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          let result = this.$androidUtil.bzLogic('clearPhoneDataNew', {tables: this.dataclear})
+          console.log((result.result))
+          if(result.result == '成功'){
+            this.$showMessage('清除数据完成!')
+          }else{
+            this.$showMessage('清除数据失败!')
+          }
+          this.close()
+        }
+      })
+    },
+    // 导出数据
+    openclear(){
+      this.show=true
+    },
+    outdata(){
+      HostApp.backupDatabase()
+      this.$showMessage('数据导出成功!')
+    },
+    //取消自动登录
+    cancelAutoLogin(){
+      let auto=this.$androidUtil.getPreference('autoLogin')
+      if(auto){
+        this.$androidUtil.setPreference('autoLogin', false)
+        this.$showMessage('已取消自动登录!')
+      }else{
+        this.$showMessage('当前已处于非自动登录!')
+      }
+    }
+  },
+  watch: {
+    'all' (val) {
+      if (val) {
+        this.modelval = Object.keys(this.fields)
+      } else {
+        console.log(this.flag)
+        if (this.flag){
+          this.modelval = []
+        }
+      }
+      this.flag=true
+    },
+    'modelval.length' () {
+      this.sortModelval()
+    }
+  }
+}
+
+</script>
+<style scoped>
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.flex-between span {
+  padding-right: 10px;
+}
+.flex-full {
+  flex: 1;
+}
+.name{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.imgs{
+  width: 35px;
+  margin-top: 15px;
+}
+.plan {
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.manbiankuang{
+  width: 44%;
+  margin-top: 15px;
+  margin-left: 4%;
+  border:1px solid #e3e3e3;
+  border-radius:10px 10px 10px 10px;
+  text-align: center;
+  background-color: #ffffff;
+}
+.user{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.safecheck{
+  border-bottom: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.appointment{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.search{
+  border-top: 0.5px solid #EAEAEA;
+  border-right: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+.upload{
+  border-top: 0.5px solid #EAEAEA;
+  border-left: 0.5px solid #EAEAEA;
+  height: 120px;
+}
+
+
+</style>