system-phone 3.1.1 → 3.1.4

package/src/filiale/liaoyuan/NavBottomVVV.vue

@@ -0,0 +1,186 @@
+<template>
+  <div style="height: 5%;background-color: #499edf;"></div>
+  <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/filiale/liaoyuan/ToolsPage.vue

@@ -0,0 +1,199 @@
+<template>
+  <div class="page-header app-header auto">
+    <span style="margin-left:33px">{{title}}</span>
+    <div class="app-header-back" @click='back()' v-show="needBack">
+      <img src="../../assets/返回.png" style="height: 20px;margin-right:-10px"/>
+    </div>
+    <div class="app-header-back" style="height: auto" v-show="!needBack">
+      <img src="../../assets/denglu.png" style="height: 20px;margin-right:-10px;margin-top:-10px"/>
+      <span style="margin-left:5px;color: #ffffff;font-size: 1.0em;">{{loginname}}</span>
+    </div>
+    <div class="app-header-list" v-if="showList">
+      <dropdown>
+        <a  href="#" data-toggle="dropdown" class="dropdown-toggle" style="color: white;font-size:19px">
+          <div class="app-header-newaddserver" style="line-height: 1px;margin-top: -5px">
+            <img src="../../assets/newadd3.png" style="height: 20px;margin-right:-10px"/>
+          </div>
+        </a>
+        <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+          <li >
+            <a href="#" @click="gotopage('sell-info',{user:user})">
+              <img src="../../assets/待办工单竖屏3.png"> 报修工单
+            </a>
+            <hr>
+            <a href="#" @click="gotopage('repair-message',{user:user})">
+              <img src="../../assets/安检导航竖屏3.png"/> 安检计划
+            </a>
+            <hr>
+            <a href="#" @click="gotopage('changemeter-info',{user:user})">
+              <img src="../../assets/手机抄表竖屏3.png"/> 抄表计划
+            </a>
+            <hr>
+            <hr>
+          </li>
+        </ul>
+      </dropdown>
+    </div>
+    <div class="app-header-guanbishengyin" style="line-height: 25px" @click='mute()'>
+      <img v-if="!f_voiceSwitch" src="../../assets/jingyin3.png" style="height: 20px; width: 20px;"/>
+      <img v-if="f_voiceSwitch" src="../../assets/yinliang.png" style="height: 20px;  width: 20px;"/>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+  export default {
+    title: '通用头部组件',
+    data () {
+      return {
+        loginname: Vue.user.name,
+        f_voiceSwitch:true
+      }
+    },
+    props: {
+      user:{
+        type:Object
+      },
+      userinfo:{
+        type:Object
+      },
+      // 是否显示列表控件
+      showList: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
+        default: '燃气应用'
+      },
+      needBack: {
+        type: Boolean,
+        default: true
+      }
+    },
+    ready(){
+      let isShow = this.$appdata.getSingleValue('计划提醒弹窗') || false
+      if (isShow){
+        let criteria = {
+          items: '*',
+          tablename: 't_check_plan',
+          condition: `1=1`,
+          orderitem: 'id'
+        }
+        let result = HostApp._executeTask({'type':'sql', 'data':{'alias': 'safe_singleTable_OrderBy', 'criteria': criteria}})
+        if(result.code == 200){
+          result.data.rows.forEach(item=>{
+            if (new Date(item.f_end_time) <= new Date() && new Date(item.f_end_time) >= new Date(new Date()).setDate(new Date().getDate()-(this.$appdata.getSingleValue('计划提醒日期') || '7'))){
+              HostApp.notify2("提醒:",`计划名称:${item.f_plan_name}，计划结束时间:${item.f_end_time}，请及时安排安检！`,"true")
+            }
+          })
+        }
+      }
+      //首次进入默认开启播放
+      HostApp.setPreference('f_voiceSwitch','true')
+      //是否开启无限制响铃(单值参数配 -1 代表开启无限制响铃)
+      HostApp.setPreference('loop',this.$appdata.getSingleValue('loop') || '3')
+    },
+    methods: {
+      // 新增工单
+      newadd(){
+        // 事件
+      },
+      // 跳转页面
+      gotopage(param,props) {
+        this.$goto(param,props)
+      },
+      back () {
+        // console.log('发送返回事件')
+        this.$emit('back')
+      },
+      // 关闭新消息响铃（静音）
+      mute () {
+        if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
+          window.prompt("mute","")
+        }else{
+          HostApp.mute()
+          switch (HostApp.getPreference('f_voiceSwitch').data){
+            case 'true' : HostApp.setPreference('f_voiceSwitch','false')
+              this.f_voiceSwitch= false
+              break
+            case 'false' : HostApp.setPreference('f_voiceSwitch','true')
+              this.f_voiceSwitch= true
+              break
+            default : HostApp.setPreference('f_voiceSwitch','true')
+          }
+        }
+      },
+    }
+  }
+</script>
+<style scoped>
+  .app-header {
+    position: fixed;
+    top:3%;
+    width: 100%;
+    margin: 0px;
+    background: #499edf;
+    color: #FFF;
+    padding: 10px;
+    text-align: center;
+    font-size: 15px;
+    height: 7%;
+
+    /*margin-bottom: 20px;*/
+  }
+  .app-header-back {
+    position: absolute;
+    top: 12px;
+    color: #D8DCE5;
+  }
+  .app-header-list {
+    height: 40px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-guanbishengyin {
+    margin-right: 10px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-newaddserver {
+    margin-right: 10px;
+    float: right;
+    color: #D8DCE5;
+  }
+  .app-header-volume {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    right: 20px;
+    color: #D8DCE5;
+    font-size: 1.5em;
+  }
+  .dropdown-menu {
+    background-color: #212a35;
+  }
+  .dropdown-menu a{
+    color: white;
+  }
+  .dropdown-menu a:hover{
+    color: white;
+    background-color: #6b85a3;
+  }
+  .dropdown-menu img{
+    width: 22%;
+    margin-top: -5px;
+  }
+  .dropdown-menu hr{
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-right:0px;
+    width: 80%;
+  }
+  .glyphicon-menu-left{
+    color:#fff;
+  }
+</style>

package/src/filiale/liaoyuan/systemphonegrid.js

@@ -0,0 +1,5 @@
+let specialComp = {
+  'nav-bottom': (resolve) => { require(['./NavBottomVVV'], resolve) },
+  'tools-page': (resolve) => { require(['./ToolsPage'], resolve) },
+}
+exports.specialComp = specialComp