system-phone 1.3.11 → 3.0.1

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>

package/src/components/gaomi/SystemSetUp.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="nav-bgcolor" >
+<!--<img src="../../assets/形状4.png" style="width: 100%;position: relative;height: 255px;top: -5px">-->
+<!--        <div class="" style="background-image: url('')"></div>-->
+        <div class="row"  style="width: 100%;position: relative;height: 255px;top: -5px;background: url('../../static/形状4.png') no-repeat center 0;background-size: cover;text-align: center;">
+         <div class="col-sm-8" style="height: 45%;margin-top: 25%">
+           <img style="width: 120px;border-radius:100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599050985570&di=9b7c04b0e87f42e8d0c6132ed05d86d9&imgtype=0&src=http%3A%2F%2Fa2.att.hudong.com%2F36%2F48%2F19300001357258133412489354717.jpg">
+         </div>
+
+         <label style="font-size: 20px">在线</label>
+        </div>
+        <p></p>
+
+        <div class="row tiaoxingkuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)" >
+          <div class="" style="float: left;width: 25%"><img  :src="imgback(tab.name)" style="width: 40px;padding-left: 5%"></div>
+          <div class="" style="float: left;font-size: 25px"><p class="pagesfoot">{{tab.name}}</p></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+
+  export default {
+    title: '系统设置',
+    data() {
+      return {
+        titleName:'系统设置',
+        tabs: this.getTabs(),
+        text: '导航组件this',
+        beforeName:'系统设置',
+      }
+    },
+    methods: {
+      imgback(val){
+        return require('../../assets/'+val+'1.png')
+      },
+      getTabs(){
+        for(let funs in Vue.user.functions){
+          if(Vue.user.functions[funs].link == 'system-setup'){
+            return Vue.user.functions[funs].children
+          }
+        }
+      },
+      gotopage(link,name) {
+        if(name == '清空数据'){
+          this.cleandata()
+        }else if(name == '导出数据'){
+          this.outdata()
+        }else if(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.$dispatch('gologin')
+            }
+          })
+        }else{
+          console.log('进入子组件')
+          var prpdata = {
+            _this:this,
+            title:name,
+            safe:true
+          }
+          this.titleName=name
+          this.$dispatch('gotoson',prpdata)
+          this.$goto(link)
+        }
+      },
+      // 清空数据
+      cleandata(){
+        this.$showMessage('此操作为清理数据，无法恢复！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let result = this.$androidUtil.bzLogic('clearPhoneData', {flag: 0})
+            console.log((result.result))
+            if(result.result == '成功'){
+              this.$showMessage('清除数据完成!')
+            }else{
+              this.$showMessage('清除数据失败!')
+            }
+          }
+        })
+      },
+      // 导出数据
+      outdata(){
+        HostApp.backupDatabase()
+        this.$showMessage('数据导出成功!')
+      },
+      //取消自动登录
+      cancelAutoLogin(){
+        let auto=this.$androidUtil.getPreference('autoLogin')
+        if(auto){
+          this.$androidUtil.setPreference('autoLogin', false)
+          this.$showMessage('已取消自动登录!')
+        }else{
+          this.$showMessage('当前已处于非自动登录!')
+        }
+      }
+    }
+  }
+
+</script>
+<style scoped>
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .flex-between span {
+    padding-right: 10px;
+  }
+  .flex-full {
+    flex: 1;
+  }
+  .name{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .imgs{
+    width: 35px;
+    margin-top: 15px;
+  }
+  .plan {
+    border-bottom: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .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;
+  }
+  .tiaoxingkuang{
+    background: #FFFFFF;
+    border:1px solid #e3e3e3;
+    text-align: center;
+    border-radius:10px 10px 10px 10px;
+    height: 50px;
+    line-height: 50px;
+  }
+  .user{
+    border-bottom: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .safecheck{
+    border-bottom: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .beijingimg{
+    width: 100%;
+    position: relative;
+    height: 255px;
+    top: -5px;
+    background-size: cover;
+    text-align: center;
+  }
+  .appointment{
+    border-top: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .search{
+    border-top: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .upload{
+    border-top: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+
+
+</style>