system-phone 1.4.0 → 3.0.1

package/src/components/ToolsPage.vue

@@ -1,163 +1,165 @@
-<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/homebutt.png" style="height: 20px;margin-right:-10px"/>
-    </div>
-    <div class="app-header-back"  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 src="../assets/jingyin3.png" style="height: 20px;"/>
-    </div>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-export default {
-  title: '通用头部组件',
-  data () {
-    return {
-      loginname: Vue.user.name
-    }
-  },
-  props: {
-    user:{
-      type:Object
-    },
-    userinfo:{
-      type:Object
-    },
-    // 是否显示列表控件
-    showList: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '燃气应用'
-    },
-    needBack: {
-      type: Boolean,
-      default: true
-    }
-  },
-  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()
-        }
-    },
-  }
-}
-</script>
-<style scoped>
-  .app-header {
-    position: relative;
-    margin: 0px;
-    background: #499edf;
-    color: #FFF;
-    padding: 10px;
-    text-align: center;
-    font-size: 1.1em;
-    height: 10%;
-
-    /*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 src="../assets/jingyin3.png" style="height: 20px;"/>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+export default {
+  title: '通用头部组件',
+  data () {
+    return {
+      loginname: Vue.user.name
+    }
+  },
+  props: {
+    user:{
+      type:Object
+    },
+    userinfo:{
+      type:Object
+    },
+    // 是否显示列表控件
+    showList: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '燃气应用'
+    },
+    needBack: {
+      type: Boolean,
+      default: true
+    }
+  },
+  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()
+        }
+    },
+  }
+}
+</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>

package/src/components/UploadManage.vue

@@ -0,0 +1,194 @@
+<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 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:'上传工作',
+        componentName:'upload-manage',
+        sourcet:'竖屏'
+      }
+    },
+    ready () {
+      // this.getModelSum()
+    },
+
+    methods: {
+      // 查询本地所有需要上传得任务
+      getModelSum(){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].link == 'zhiup-load' ){
+            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 = _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)
+      },
+      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 == 'upload-manage'){
+            return Vue.functions[funs].children
+          }
+        }
+      },
+      imgback(val){
+        return require('../assets/'+val+'.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+
+      },
+      gotopage(param,title) {
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:title,
+          safe:false
+        }
+        this.$dispatch('gotoson',prpdata)
+        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>