system-phone 3.0.2 → 3.0.3

package/src/components/OnlineManage.vue

@@ -3,7 +3,10 @@
     <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,tab.navigate)">
-          <img class="imgs" :src="imgback(tab.name)">
+          <div class="badge" v-show="tab.name == '维修派发'">
+            <div class="badge-content">{{ pointNum }}</div>
+          </div>
+          <img class="imgs" :src="imgback(tab.name)" alt="">
           <p></p>
           <p class="pagesfoot">{{tab.name}}</p>
           <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
@@ -20,7 +23,8 @@
 
 <script scoped>
   import Vue from 'vue'
-  import  * as Util from '../Util'
+  import {HttpResetClass} from "vue-client";
+
   export default {
     title: '在线业务导航',
     data () {
@@ -29,8 +33,9 @@
         isMenu:true,
         tabs: this.getTabs(),
         text: '导航组件this',
-        beforeName:'在线业务',
-        sourcet:'竖屏'
+        beforeName: '在线业务',
+        sourcet: '竖屏',
+        pointNum: null
 
       }
     },
@@ -106,12 +111,53 @@
         }
       },
       getTabs(){
+        this.getRepairNum()
         for(let funs in Vue.functions){
           if(Vue.functions[funs].link == 'online-manage'){
             return Vue.functions[funs].children
           }
         }
       },
+      getRepairNum() {
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
+        window.setInterval(function () {
+          let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+          let val = {
+            condition: {
+              condition: condition,
+              sign: '1 = 1'
+            },
+            userid: Vue.user.name
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `/rs/path/operatorService`, {data: val}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            this.pointNum = res.data.length
+          })
+        },10000)
+        this.timeOutGetRepairNum()
+      },
+      timeOutGetRepairNum(){
+        let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+        let val = {
+          condition: {
+            condition: condition,
+            sign: '1 = 1'
+          },
+          userid: Vue.user.name
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `/rs/path/operatorService`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.pointNum = res.data.length
+        })
+      },
       imgback(val){
         return require('../assets/'+val+'.png')
       },
@@ -142,7 +188,31 @@
   }
 </script>
 <style lang="less">
-  .tab-befor-img  {
+  .badge-content {
+    color: #fff;
+    box-sizing: border-box;
+    min-width: 8px;
+    font-size: 9px;
+    line-height: 12px;
+    white-space: nowrap;
+    font-weight: 400;
+    text-align: center;
+  }
+
+  .badge {
+    top: 6px;
+    position: absolute;
+    max-height: 13px;
+    min-height: 8px;
+    right: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    box-sizing: content-box;
+    border-radius: 100px;
+    background-color: red;
+  }
+
+  .tab-befor-img {
     content: '';
     background-size: 30px;
     display: inline-block;
@@ -182,17 +252,17 @@
     max-width: none;
   }
 
-  .manbiankuang{
+  .manbiankuang {
     width: 44%;
     margin-top: 15px;
     margin-left: 4%;
-    border:1px solid #e3e3e3;
-    border-radius:10px 10px 10px 10px;
+    border: 1px solid #e3e3e3;
+    border-radius: 10px 10px 10px 10px;
     text-align: center;
     background-color: #ffffff;
   }
 
-  .nav-bgcolor{
+  .nav-bgcolor {
     background-color: #ffffff;
   }
 </style>

package/src/components/PhoneChangemeterInfo.vue

@@ -1,116 +1,116 @@
-<template >
-  <div class="panel panel-default auto repair-info-content">
-    <div class="panel-body">
-      <div class="panel panel-default well" v-for="row in model">
-        <div class="bg-info">
-          <div class="row form-group">
-              <div class="row">
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  旧表底数: {{row.f_meter_base}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  新表底数: {{row.f_newmeter_base}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  旧表品牌: {{row.f_meter_brand}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  新表品牌: {{row.newf_meter_brand}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  旧表号: {{row.f_meternumber}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  新表号: {{row.f_newmeternumber}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  换表员: {{row.f_change_operator}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  换表日期: {{row.f_changemeter_date}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  操作员: {{row.f_operator}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  营业网点: {{row.f_outlets}}
-                </div>
-              </div>
-            </div>
-          </div>
-      </div>
-      <p v-show="model.length == 0 ">此用户暂无换表记录</p>
-    </div>
-  </div>
-</template>
-
-<script>
-  import { PagedList } from 'vue-client'
-  import { HttpResetClass } from 'vue-client'
-  export default {
-    title: '换表记录',
-    data () {
-      return {
-        model: [],
-        show: false,
-        row: Object
-      }
-    },
-    props: {
-      user: {
-        type: Object
-      },
-      f_userinfo_id:''
-    },
-    methods: {
-      getmodel () {
-        debugger
-        let userinfoid
-        if(this.f_userinfo_id){
-          userinfoid = this.f_userinfo_id
-        }else{
-          userinfoid = this.user.f_userinfo_id
-          console.log(this.user.f_userinfo_id)
-        }
-        console.log(userinfoid)
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/PhoneChangeMeter`, {
-          data: {
-            f_userinfo_id:userinfoid
-          }
-        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          console.log(res.data)
-          console.log("查找用户返回的结果")
-          this.model = res.data
-        })
-      },
-      back(){
-
-      }
-    },
-    watch: {
-      'user' (val) {
-        if(this.user){
-          if (!(this.user.isNuN)) {
-            this.model = []
-            this.getmodel()
-          }
-        }
-      },
-      'f_userinfo_id'(){
-        if(this.f_userinfo_id){
-          this.model= []
-          this.getmodel()
-        }
-      }
-    },
-    ready () {
-      if (this.user && this.user.f_userinfo_id) {
-        this.getmodel()
-      }
-      if(this.f_userinfo_id){
-        this.getmodel()
-      }
-    }
-  }
-</script>
+<template >
+  <div class="panel panel-default auto repair-info-content">
+    <div class="panel-body">
+      <div class="panel panel-default well" v-for="row in model">
+        <div class="bg-info">
+          <div class="row form-group">
+              <div class="row">
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  旧表底数: {{row.f_meter_base}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  新表底数: {{row.f_newmeter_base}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  旧表品牌: {{row.f_meter_brand}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  新表品牌: {{row.newf_meter_brand}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  旧表号: {{row.f_meternumber}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  新表号: {{row.f_newmeternumber}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  换表员: {{row.f_change_operator}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  换表日期: {{row.f_changemeter_date}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  操作员: {{row.f_operator}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  营业网点: {{row.f_outlets}}
+                </div>
+              </div>
+            </div>
+          </div>
+      </div>
+      <p v-show="model.length == 0 ">此用户暂无换表记录</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+  import { HttpResetClass } from 'vue-client'
+  export default {
+    title: '换表记录',
+    data () {
+      return {
+        model: [],
+        show: false,
+        row: Object
+      }
+    },
+    props: {
+      user: {
+        type: Object
+      },
+      f_userinfo_id:''
+    },
+    methods: {
+      getmodel () {
+        debugger
+        let userinfoid
+        if(this.f_userinfo_id){
+          userinfoid = this.f_userinfo_id
+        }else{
+          userinfoid = this.user.f_userinfo_id
+          console.log(this.user.f_userinfo_id)
+        }
+        console.log(userinfoid)
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/PhoneChangeMeter`, {
+          data: {
+            f_userinfo_id:userinfoid
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          console.log(res.data)
+          console.log("查找用户返回的结果")
+          this.model = res.data
+        })
+      },
+      back(){
+
+      }
+    },
+    watch: {
+      'user' (val) {
+        if(this.user){
+          if (!(this.user.isNuN)) {
+            this.model = []
+            this.getmodel()
+          }
+        }
+      },
+      'f_userinfo_id'(){
+        if(this.f_userinfo_id){
+          this.model= []
+          this.getmodel()
+        }
+      }
+    },
+    ready () {
+      if (this.user && this.user.f_userinfo_id) {
+        this.getmodel()
+      }
+      if(this.f_userinfo_id){
+        this.getmodel()
+      }
+    }
+  }
+</script>

package/src/components/PhoneInfoTable.vue

@@ -1,39 +1,39 @@
-<template>
-  <div class="span">
-      <div class="panel panel-default">
-        <div class="panel-body flex-row" style="padding: 0;">
-          <div class="flex flex-over" style="padding: 0 0px 0px 0px; overflow: auto;">
-            <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
-            <div class="span no-close">
-              <tabset v-ref:tabs :close="false">
-                <tab header="购气记录">
-                  <phone-sell-info  :user="user" :f_userinfo_id="f_userinfo_id"></phone-sell-info>
-                </tab>
-<!--                <tab header="换表记录">-->
-<!--                  <phone-changemeter-info :user="user" :f_userinfo_id="f_userinfo_id"></phone-changemeter-info>-->
-<!--                </tab>-->
-                <tab header="维修记录">
-                  <phone-repair-info :user="user" :f_userinfo_id="f_userinfo_id"></phone-repair-info>
-                </tab>
-              </tabset>
-            </div>
-          </div>
-        </div>
-      </div>
-  </div>
-</template>
-<script>
-export default {
-  title: '用户信息',
-  props: {
-    user:{
-      type: Object
-    },
-    f_userinfo_id:''
-  },
-  data () {
-    return {
-    }
-  }
-}
-</script>
+<template>
+  <div class="span">
+      <div class="panel panel-default">
+        <div class="panel-body flex-row" style="padding: 0;">
+          <div class="flex flex-over" style="padding: 0 0px 0px 0px; overflow: auto;">
+            <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
+            <div class="span no-close">
+              <tabset v-ref:tabs :close="false">
+                <tab header="购气记录">
+                  <phone-sell-info  :user="user" :f_userinfo_id="f_userinfo_id"></phone-sell-info>
+                </tab>
+<!--                <tab header="换表记录">-->
+<!--                  <phone-changemeter-info :user="user" :f_userinfo_id="f_userinfo_id"></phone-changemeter-info>-->
+<!--                </tab>-->
+                <tab header="维修记录">
+                  <phone-repair-info :user="user" :f_userinfo_id="f_userinfo_id"></phone-repair-info>
+                </tab>
+              </tabset>
+            </div>
+          </div>
+        </div>
+      </div>
+  </div>
+</template>
+<script>
+export default {
+  title: '用户信息',
+  props: {
+    user:{
+      type: Object
+    },
+    f_userinfo_id:''
+  },
+  data () {
+    return {
+    }
+  }
+}
+</script>