system-phone 3.1.0 → 3.1.2

package/src/components/TabBarPhone.vue

@@ -1,81 +1,81 @@
-<template>
-  <div id="TabBar" class="tab-bar flex-row">
-    <div  style="text-align: center;width:{{shuclass}}" @click="didClickedItem(tab.link,tab.name,$index)"  v-for="tab in tabs"  :class="{active: ($index == actives)}">
-      <div class="row">
-        <img class="butt" :src="imgback(tab.name,'选中')" v-if="$index == actives">
-        <img class="butt" :src="imgback(tab.name,'未选中')" v-if="$index != actives">
-        <p class="navimagesfoot" style="padding-top:5px">{{tab.name}}</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import  * as Util from '../Util'
-  import Vue from 'vue'
-  export default {
-    title: "TabBar",
-    props: {
-
-    },
-    data: function () {
-      return {
-        actives:0,
-        shuclass:'100%',
-        tabs: Vue.functions,
-        // tabs:[{link:'attend-manage',name:'待办工单'},{link:'modify-pass-word',name:'已办工单'},{link:'repair-first',name:'工单上传'}]
-      }
-    },
-    methods: {
-      didClickedItem(link,name,tag) {
-        this.actives = tag
-        var data = {
-          link:link,
-          name:name,
-          tag:tag
-        }
-        this.$emit('select-item', data);
-      },
-      imgback(val,flag){
-        return require('../assets/'+ val+ flag +'.png')
-      },
-    },
-    ready () {
-      this.actives = 0
-      var number = this.tabs.length
-      var number1 = 100/number
-      this.shuclass = number1 +'%'
-      this.didClickedItem(this.tabs[0].link,this.tabs[0].name,0)
-    },
-  }
-</script>
-
-<style scoped>
-  .tab-bar {
-    background-color: white;
-    height: 10%;
-    border: 0 solid rgb(210, 210, 210);
-    border-top-width: 1px;
-    position: fixed;
-    margin: auto;
-    bottom: 0;
-    width: 100%;
-  }
-
-  .tab-bar-item {
-    height: 54px;
-  }
-
-  .active {
-    color: #1E90FF;
-  }
-
-  i {
-    font-size: 25px;
-  }
-  .navimagesfoot{
-    font-size: 10px;
-    /*    font-family: "Pingfhs";*/
-  }
-  .butt {margin-left: 20%;  margin-right: 20%;  margin-top: 10%;  width: 25px;  border-radius: 5%;  text-align: center;align-items:center;}
-</style>
+<template>
+  <div id="TabBar" class="tab-bar flex-row">
+    <div  style="text-align: center;width:{{shuclass}}" @click="didClickedItem(tab.link,tab.name,$index)"  v-for="tab in tabs"  :class="{active: ($index == actives)}">
+      <div class="row">
+        <img class="butt" :src="imgback(tab.name,'选中')" v-if="$index == actives">
+        <img class="butt" :src="imgback(tab.name,'未选中')" v-if="$index != actives">
+        <p class="navimagesfoot" style="padding-top:5px">{{tab.name}}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import  * as Util from '../Util'
+  import Vue from 'vue'
+  export default {
+    title: "TabBar",
+    props: {
+
+    },
+    data: function () {
+      return {
+        actives:0,
+        shuclass:'100%',
+        tabs: Vue.functions,
+        // tabs:[{link:'attend-manage',name:'待办工单'},{link:'modify-pass-word',name:'已办工单'},{link:'repair-first',name:'工单上传'}]
+      }
+    },
+    methods: {
+      didClickedItem(link,name,tag) {
+        this.actives = tag
+        var data = {
+          link:link,
+          name:name,
+          tag:tag
+        }
+        this.$emit('select-item', data);
+      },
+      imgback(val,flag){
+        return require('../assets/'+ val+ flag +'.png')
+      },
+    },
+    ready () {
+      this.actives = 0
+      var number = this.tabs.length
+      var number1 = 100/number
+      this.shuclass = number1 +'%'
+      this.didClickedItem(this.tabs[0].link,this.tabs[0].name,0)
+    },
+  }
+</script>
+
+<style scoped>
+  .tab-bar {
+    background-color: white;
+    height: 10%;
+    border: 0 solid rgb(210, 210, 210);
+    border-top-width: 1px;
+    position: fixed;
+    margin: auto;
+    bottom: 0;
+    width: 100%;
+  }
+
+  .tab-bar-item {
+    height: 54px;
+  }
+
+  .active {
+    color: #1E90FF;
+  }
+
+  i {
+    font-size: 25px;
+  }
+  .navimagesfoot{
+    font-size: 10px;
+    /*    font-family: "Pingfhs";*/
+  }
+  .butt {margin-left: 20%;  margin-right: 20%;  margin-top: 10%;  width: 25px;  border-radius: 5%;  text-align: center;align-items:center;}
+</style>

package/src/components/Test.vue

@@ -1,14 +1,14 @@
-<template>
-  <div>
-    <h1>Hello Test {{msg}}</h1>
-  </div>
-</template>
-<script>
-  export default {
-    title: "test",
-    props: ['msg'],
-    data () {
-      return {}
-    }
-  }
-</script>
+<template>
+  <div>
+    <h1>Hello Test {{msg}}</h1>
+  </div>
+</template>
+<script>
+  export default {
+    title: "test",
+    props: ['msg'],
+    data () {
+      return {}
+    }
+  }
+</script>

package/src/components/ToolsPage.vue

@@ -1,199 +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:0px;
-    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>
+<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:0px;
+    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>