system-phone 1.4.0 → 3.0.1

package/src/components/NavBottomV.vue

@@ -1,140 +1,141 @@
-<template>
-  <div class="nav-bgcolor">
-    <div class="auto">
-      <tools-page :need-back="!isMenu" :title="titleName" @back="back()" > </tools-page>
-      <div class="row nav-bgcolor"  v-show="isMenu" >
-        <div class="col-sm-6 col-xs-6 manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
-          <img class="butt" :src="imgback(tab.name)">
-          <p></p>
-          <p class="navimagesfoot">{{tab.name}}</p>
-          <p> </p>
-          <p> </p>
-        </div>
-      </div>
-      <!--<ul class="nav nav-tabs">-->
-      <!--<li v-for="tab in tabs" @click="tabSelect(tab.link)" :class="{active: tab.link === componentName}">-->
-      <!--<a href="#" class="tab-befor-img">-->
-      <!--<img  :src="tab.icon" style="height: 30px;width:30px;">{{tab.name}}</a>-->
-      <!--</li>-->
-      <!--<li @click="mute()">-->
-      <!--<a href="#" class="repair-mute-class" >-->
-      <!--<img  src="../assets/guanbishengyin.png" style="height: 30px;width:30px;border-width:0">关闭声音</a>-->
-      <!--</li>-->
-      <!--</ul>-->
-      <div class="row" style="overflow:auto;" v-show="!isMenu">
-        <route v-ref:route> </route>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script scoped>
-  import  * as Util from '../Util'
-  export default {
-    title: '底部导航',
-    data () {
-      return {
-        titleName:'主界面',
-        isMenu:true,
-        tabs: Util.f.functions,
-        text: '导航组件this',
-        beforeName:'主界面'
-      }
-    },
-    ready () {
-      this.$refs.route.init('repair-first')
-    },
-    methods: {
-      imgback(val){
-        return require('../assets/'+val+'竖屏3.png')
-      },
-      // 返回主界面
-      back(){
-        this.titleName = '主界面'
-        this.isMenu = true
-      },
-      gotopage(param,title) {
-        if(title == '退出系统'){
-          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{
-          this.isMenu = false
-          if(this.beforeName == title){
-            return
-          }
-          this.titleName = title
-          this.beforeName = title
-          let data = {
-            sourcet: '竖屏'
-          }
-          if(title == '待办工单'){
-            param = param+'V'
-          }
-          this.$refs.route.init(param,data)
-          // if (param !== 'text-chat-pane') {
-          //   this.notified('false')
-          // } else {
-          //   this.notified('true')
-          // }
-        }
-      },
-      // notified (stopped) {
-      //   console.log('txtServiceStopped invoked$')
-      //   if (this.$androidUtil.isAndroid) {
-      //     this.$androidUtil.setPreference('txtServiceStopped', stopped)
-      //     this.$androidUtil.setPreference('msgCount', '0')
-      //   }
-      // },
-      mute () {
-        HostApp.mute()
-      }
-    },
-  }
-</script>
-<style lang="less">
-  .tab-befor-img  {
-    content: '';
-    background-size: 30px;
-    display: inline-block;
-    margin-right: 8px;
-    height: 30px;
-    width: 30px;
-    vertical-align: -35%;
-  }
-  .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;
-  }
-  .navimagesfoot{
-    font-size: 14px;
-    color: #666666;
-/*    font-family: "Pingfhs";*/
-  }
-  .nav-bgcolor{
-    background-color: #f0f0ef;
-  }
-  img[src=""],img:not([src]){
-    opacity: 0;
-    border:none;
-    visibility: hidden;
-    max-width: none;
-  }
-  /* .repair-mute-class {
-     &::before {
-       .tab-befor-img("../assets/guanbishengyin.png")
-     }
-   }*/
-  .butt {margin-left: 20%;  margin-right: 20%;  margin-top: 15%;  height: 20%;  width: 20%;  border-radius: 5%;  text-align: center;align-items:center;}
-  .butt div.content {line-height:320%;  height: 100%;  font-size: 48px;  color: white;  text-align:center;}
-  .butt span{ width: 100%;  font-size: 48px;  color: white;  text-align: center;}
-</style>
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <tools-page :need-back="!isMenu" :title="titleName" @back="back()" > </tools-page>
+
+      <div class="row nav-bgcolor"  v-show="isMenu" >
+        <div class="col-sm-6 col-xs-6 manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
+          <img class="butt" :src="imgback(tab.name)">
+          <p></p>
+          <p class="navimagesfoot">{{tab.name}}</p>
+          <p> </p>
+          <p> </p>
+        </div>
+      </div>
+      <!--<ul class="nav nav-tabs">-->
+      <!--<li v-for="tab in tabs" @click="tabSelect(tab.link)" :class="{active: tab.link === componentName}">-->
+      <!--<a href="#" class="tab-befor-img">-->
+      <!--<img  :src="tab.icon" style="height: 30px;width:30px;">{{tab.name}}</a>-->
+      <!--</li>-->
+      <!--<li @click="mute()">-->
+      <!--<a href="#" class="repair-mute-class" >-->
+      <!--<img  src="../assets/guanbishengyin.png" style="height: 30px;width:30px;border-width:0">关闭声音</a>-->
+      <!--</li>-->
+      <!--</ul>-->
+      <div class="row" style="overflow:auto;" v-show="!isMenu">
+        <route v-ref:route> </route>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script scoped>
+  import  * as Util from '../Util'
+  export default {
+    title: '底部导航',
+    data () {
+      return {
+        titleName:'主界面',
+        isMenu:true,
+        tabs: Util.f.functions,
+        text: '导航组件this',
+        beforeName:'主界面'
+      }
+    },
+    ready () {
+      // this.$refs.route.init('repair-first')
+    },
+    methods: {
+      imgback(val){
+        return require('../assets/'+val+'竖屏3.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+      },
+      gotopage(param,title) {
+        if(title == '退出系统'){
+          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{
+          this.isMenu = false
+          if(this.beforeName == title){
+            return
+          }
+          this.titleName = title
+          this.beforeName = title
+          let data = {
+            sourcet: '竖屏'
+          }
+          if(title == '待办工单'){
+            param = param+'V'
+          }
+          this.$refs.route.init(param,data)
+          // if (param !== 'text-chat-pane') {
+          //   this.notified('false')
+          // } else {
+          //   this.notified('true')
+          // }
+        }
+      },
+      // notified (stopped) {
+      //   console.log('txtServiceStopped invoked$')
+      //   if (this.$androidUtil.isAndroid) {
+      //     this.$androidUtil.setPreference('txtServiceStopped', stopped)
+      //     this.$androidUtil.setPreference('msgCount', '0')
+      //   }
+      // },
+      mute () {
+        HostApp.mute()
+      }
+    },
+  }
+</script>
+<style lang="less">
+  .tab-befor-img  {
+    content: '';
+    background-size: 30px;
+    display: inline-block;
+    margin-right: 8px;
+    height: 30px;
+    width: 30px;
+    vertical-align: -35%;
+  }
+  .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;
+  }
+  .navimagesfoot{
+    font-size: 14px;
+    color: #666666;
+/*    font-family: "Pingfhs";*/
+  }
+  .nav-bgcolor{
+    background-color: #f0f0ef;
+  }
+  img[src=""],img:not([src]){
+    opacity: 0;
+    border:none;
+    visibility: hidden;
+    max-width: none;
+  }
+  /* .repair-mute-class {
+     &::before {
+       .tab-befor-img("../assets/guanbishengyin.png")
+     }
+   }*/
+  .butt {margin-left: 20%;  margin-right: 20%;  margin-top: 15%;  height: 20%;  width: 20%;  border-radius: 5%;  text-align: center;align-items:center;}
+  .butt div.content {line-height:320%;  height: 100%;  font-size: 48px;  color: white;  text-align:center;}
+  .butt span{ width: 100%;  font-size: 48px;  color: white;  text-align: center;}
+</style>

package/src/components/NavBottomVVV.vue

@@ -0,0 +1,185 @@
+<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>
+  <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="业务提醒">
+    <header slot="modal-header" class="modal-header">
+      <h4 class="modal-title">业务提醒</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group" style="text-align: center">
+        安检代办:{{result.safe[0].safenum}}条，其中预约单{{result.safeorder[0].safeyuyuenum}}条 <br/>
+        维修代办:{{result.tel[0].telnum}}条，其中预约单{{result.telorder[0].telyuyuenum}}条<br/>
+        报建代办:{{result.apply[0].applynum}}条，其中预约单{{result.applyorder[0].applyyuyuenum}}条<br/>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button"  @click="closeFile" style="background-color: limegreen;color: white">确定</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+
+import {HttpResetClass} from "vue-client";
+import Vue from 'vue'
+export default {
+  title: 'app',
+  data: function () {
+    return {
+      item: 0,
+      isMenu:true,
+      beforeName:'主界面',
+      titleName:'待办工作',
+      backthis:'',
+      safe:false,
+      showFile:false,
+      beforetabs:[],
+      iftabbar:'',
+      result:[]
+    }
+  },
+  ready(){
+    let zhi=this.$appdata.getSingleValue('是否开启代办提醒')
+    if(zhi=='是'){
+      console.log("99999",Vue.user)
+      new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/logic/getModuleUpcoming`,{
+        id:Vue.user.id,
+        name:Vue.user.name,
+        orgid:Vue.user.orgid
+      }).then(res=>{
+        console.log("888888===>"+JSON.stringify(res.data))
+        this.result = res.data
+        this.showFile=true
+        // this.$showMessage(`你有${result.safe[0].safenum}条需要处理的安检待办业务，<br/>
+        // ${result.safeorder[0].safeyuyuenum}条需要处理的安检预约业务，<br/>
+        // ${result.tel[0].telnum}条需要处理的维修待办业务，<br/>
+        // ${result.telorder[0].telyuyuenum}条需要处理的维修预约业务，<br/>
+        // ${result.applyorder[0].applyyuyuenum}条需要处理的报建预约业务，<br/>
+        // ${result.apply[0].applynum}条需要处理的报建待办业务`)
+      })
+    }
+  },
+  methods: {
+    closeFile(){
+      this.showFile=false
+    },
+    back (flag){
+      if(this.safe && flag == '返回' ){
+        this.$showMessage('此返回所录入内容将无法找回！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            //this.safe = false 返回父页面后不能修改父级页面定义的 是否返回提示
+            this.delback()
+            this.backthis.$back()
+            this.closeAndDelAudio()
+          }
+        })
+      }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)
+      }
+    },
+    closeAndDelAudio() {
+      console.log("停止无限制录音")
+      HostApp.startOrStopAudioClip("-----","停止录音")
+    }
+  },
+  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/OnlineManage.vue

@@ -0,0 +1,198 @@
+<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,tab.navigate)">
+          <img class="imgs" :src="imgback(tab.name)">
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+          <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
+          <p></p>
+        </div>
+      </div>
+      <!--<div class="row" style="overflow:auto;">-->
+      <!--<repair-first v-show="componentName == 'repair-first'" worktype="报修单"  :sourcet="sourcet" tabname="维修待办" v-on:changesum="changesum"></repair-first>-->
+      <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
+      <!--</div>-->
+    </div>
+  </div>
+</template>
+
+<script scoped>
+  import Vue from 'vue'
+  import  * as Util from '../Util'
+  export default {
+    title: '在线业务导航',
+    data () {
+      return {
+        titleName:'在线业务',
+        isMenu:true,
+        tabs: this.getTabs(),
+        text: '导航组件this',
+        beforeName:'在线业务',
+        sourcet:'竖屏'
+
+      }
+    },
+    ready () {
+      // this.getModelSum()
+    },
+
+    methods: {
+      //看去哪个页面
+      getModelSum(){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].link == 'readmeter-home' ){
+            this.getZhihuan()
+          }
+          if(this.tabs[i].link == 'weiup-load' ){
+            this.getRepair()
+          }
+          if(this.tabs[i].link == 'upload-page' ){
+            this.getSafeCheck()
+          }
+        }
+
+      },
+      getRepair(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':'notUpload','data': {f_workorder_type: '报修单'}})
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '维修上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getSafeCheck(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':'safecheckNotUpload','data': {}})
+          if (result.code === 200) {
+            console.log('查询得到的安检上传' + JSON.stringify(result))
+            var crv = {
+              title: '安检上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getZhihuan(){
+        var _this = this;
+        this.timeoutZhihuan = window.setInterval(function() {
+          let result = {code:200}
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '置换上传',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      changesum(titdata){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].name == titdata.title){
+            this.tabs[i].icon = titdata.sum + '单'
+            console.log(JSON.stringify(this.tabs[i].icon))
+            return
+          }
+        }
+      },
+      getTabs(){
+        for(let funs in Vue.functions){
+          if(Vue.functions[funs].link == 'online-manage'){
+            return Vue.functions[funs].children
+          }
+        }
+      },
+      imgback(val){
+        return require('../assets/'+val+'.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+
+      },
+      gotopage(param,title,navigate) {
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:title,
+          safe:false
+        }
+        this.$dispatch('gotoson',prpdata)
+        if(navigate){
+          this.$goto('embbed-page', {domainName: navigate, title: title, compName: param, login: Vue.user})
+        }else{
+          this.$goto(param,{sourcet:'竖屏',tabname:title})
+        }
+      },
+      mute () {
+        HostApp.mute()
+      }
+    },
+  }
+</script>
+<style lang="less">
+  .tab-befor-img  {
+    content: '';
+    background-size: 30px;
+    display: inline-block;
+    margin-right: 8px;
+    height: 30px;
+    width: 30px;
+    vertical-align: -35%;
+  }
+  .pageskuang{
+    vertical-align:middle;
+    display:table-cell;
+    width: 32%;
+    top:-50%;
+    margin-top: 1%;
+    margin-left: 1%;
+    border:1px solid #e3e3e3;
+    text-align: center;
+    background-color: #ffffff;
+  }
+  .pgesfoot{
+    font-size: 14px;
+    color: #666666;
+    /*    font-family: "Pingfhs";*/
+  }
+  .imgs{
+    width: 35px;
+    margin-top: 15px;
+  }
+  .pages-bgcolor{
+    text-align: center;
+    background-color: #f0f0ef;
+  }
+  img[src=""],img:not([src]){
+    opacity: 0;
+    border:none;
+    visibility: hidden;
+    max-width: none;
+  }
+
+  .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;
+  }
+
+  .nav-bgcolor{
+    background-color: #ffffff;
+  }
+</style>