system-phone 1.4.0 → 3.0.2-tc

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>

package/src/components/gaomi/NavBottomV.vue

@@ -0,0 +1,223 @@
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="row nav-bgcolor ">
+        <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>
+    </div>
+  </div>
+</template>
+
+<script scoped>
+
+  import  * as Util from '../../Util'
+  export default {
+    title: '底部导航',
+    data () {
+      return {
+        list: ["豪佳燃气欢迎您","豪佳燃气欢迎您","豪佳燃气欢迎您","豪佳燃气欢迎您"],
+        titleName:'主界面',
+        isMenu:true,
+        tabs: Util.f.functions,
+        text: '导航组件this',
+        beforeName:'主界面',
+        beforetabs:[],
+        backthis:'',
+        safe:false,
+        iftabbar:''
+      }
+    },
+    props: {
+      usercenter:{
+        type: Object,
+        default: null
+      }
+    },
+    ready () {
+      // this.$refs.route.init('repair-first')
+    },
+    methods: {
+      imgback(val){
+        return require('../../assets/'+val+'竖屏3.png')
+      },
+      // 返回主界面
+      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
+        }
+      },
+      paperinfo(param){
+        this.gotopage(param,'个人中心')
+      },
+      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'
+          }
+          console.log('进入子组件')
+          var prpdata = {
+            _this:this,
+            title:title,
+            safe:false
+          }
+          this.$dispatch('gotoson',prpdata)
+          this.$goto(param,{sourcet:'竖屏',tabname:title})
+        }
+      },
+      // notified (stopped) {
+      //   console.log('txtServiceStopped invoked$')
+      //   if (this.$androidUtil.isAndroid) {
+      //     this.$androidUtil.setPreference('txtServiceStopped', stopped)
+      //     this.$androidUtil.setPreference('msgCount', '0')
+      //   }
+      // },
+      mute () {
+        HostApp.mute()
+      }
+    },
+    watch:{
+      '$parent.$parent.isTrue' (val){
+        this.beforeName=''
+        this.gotopage(this.$parent.$parent.systemsetup,'个人中心')
+      }
+    },
+    events: {
+      'usercenter': function () {
+        console.log('我要进入个人中心')
+      }
+    }
+    //   '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 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/gaomi/NavBottomVVVV.vue

@@ -0,0 +1,210 @@
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <tools-page  :need-back="!isMenu" :title="titleName" @back="back('返回')" @paperinfo="paperinfo" > </tools-page>
+      <p style="height: 45px"></p>
+      <div v-show="isMenu">
+        <img src="../../assets/高密公告.png" style="width: 100%;height: 200px;border-radius:5%;padding: 1%">
+        <scroller :lists="list" class="scrollContainer" ></scroller>
+      </div>
+      <div class="row">
+        <route v-ref:route> </route>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script scoped>
+
+import  * as Util from '../../Util'
+export default {
+  title: '99999',
+  data () {
+    return {
+      usercenter:{fige:true},
+      list: ["豪佳燃气欢迎您","豪佳燃气欢迎您","豪佳燃气欢迎您","豪佳燃气欢迎您"],
+      titleName:'主界面',
+      isMenu:true,
+      tabs: Util.f.functions,
+      text: '导航组件this',
+      beforeName:'主界面',
+      beforetabs:[],
+      backthis:'',
+      safe:false,
+      systemsetup:'',
+      isTrue:false,
+      iftabbar:''
+    }
+  },
+  ready () {
+     this.$refs.route.init('nav-bottom')
+  },
+  methods: {
+    imgback(val){
+      return require('../../assets/'+val+'竖屏3.png')
+    },
+    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()
+      }
+    },
+    paperinfo(param){
+      // this.$dispatch('usercenter')
+       console.log('systemSetup的值 = '+param)
+      // //this.gotopage(param,'个人中心')
+      // //this.$refs.route.gotopage(param,'个人中心')
+      this.systemsetup=param
+      this.isTrue=!this.isTrue
+
+    },
+    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
+      }
+    },
+    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')
+        // }
+      }
+    },
+    mute () {
+      HostApp.mute()
+    }
+  },
+  events: {
+    'usercenter': function () {
+      this.usercenter.fige = false
+    },
+    '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 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/gaomi/Scroller.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="wrap">
+    <ul id="marquee">
+      <li v-for="(index,item) in lists" :key="index">{{item}}</li>
+    </ul>
+  </div>
+</template>
+<script type="text/ecmascript-6">
+export default {
+  name: "Scroller",
+  props: ["lists"], // 父组件传入数据， 数组形式
+  methods: {
+    move() {
+      // 获取内容区宽度
+      let width = document.getElementById("marquee").scrollWidth;
+      let marquee = document.getElementById("marquee");
+      let speed = 10; // 位移距离
+      // 设置位移
+      setInterval(function() {
+        speed = speed - 1;
+        // 如果位移超过文字宽度，则回到起点
+
+        if (-speed >= width) {
+          speed = 500;
+        }
+        marquee.style.transform = "translateX(" + speed + "px)";
+      }, 40);
+    }
+  },
+  ready(){
+    console.log("9999999999999999999")
+    this.move()
+  },
+  mounted: function() {
+    this.move();
+  }
+};
+</script>
+<style scoped>
+/*样式的话可以写*/
+.wrap {
+  overflow: hidden;
+  color: black;
+}
+#box {
+  height: 100%;
+}
+ul,
+li {
+  margin: 0;
+  padding: 0;
+}
+ul {
+  white-space: nowrap;
+  margin: 0 10px;
+}
+li {
+  height: 100%;
+  list-style: none;
+  margin-right: 10px;
+  display: inline-block;
+}
+</style>