manage-client 3.1.36 → 3.1.40

package/src/components/ManageHomeCS/Monitor/MonitorCenter.vue

@@ -1,139 +1,139 @@
-<template>
-  <div class="div-0">
-    <div class="div-1">
-      <div class="div-2">
-        <table>
-          <tr>
-            <td class="td-1"><img src="../../../../static/ManageHomePic/图层61.png"></td>
-            <td class="td-2"><span>{{warn}}</span><br/>警告用户</td>
-            <td style="width:0.5%"></td>
-            <td class="td-3"><img src="../../../../static/ManageHomePic/图层71.png"></td>
-            <td class="td-2"><span class="span-1">{{suspicious}}</span><br/>可疑用户</td>
-          </tr>
-        </table>
-      </div>
-      <div class="div-2">
-        <table>
-          <tr>
-            <td class="td-1"><img src="../../../../static/ManageHomePic/图层1520.png"></td>
-            <td class="td-2"><span>{{usernumdata.k1}}</span><br/>普通用户</td>
-            <td style="width: 0.5%"></td>
-            <td class="td-3"><img src="../../../../static/ManageHomePic/图层1519.png"></td>
-            <td class="td-2"><span class="span-1">{{usernumdata.k2}}</span><br/>物联网表用户</td>
-          </tr>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import * as DataSql from '../../../stores/DataSql'
-  import co from 'co'
-
-  export default {
-    name: "MonitorCenter",
-    // props: {
-    //   warningnum: Number,
-    //   suspiciousnum: Number,
-    // },
-    data() {
-      return {
-        resdata: [],
-        resdata1: [],
-        warn:'0',
-        suspicious:'0',
-        usernumdata: {k1: 0, k2: 0}
-      }
-    },
-    methods: {
-      // 查询sql
-      sqlsearch() {
-        // var date = DataSql.toBeforeDate(365)
-        // DataSql.param = date + ' 00:00:00'
-        let getData = DataSql.getData(this,'monitorcenter',{f_filiale:this.$parent.$parent.f_filiale}, 'resdata')
-        co(getData)
-        let warndata = DataSql.getData(this,'warningcount',{}, 'resdata1')
-        co(warndata)
-      },
-    },
-    watch: {
-      'resdata': {
-        deep: true,
-        handler(val) {
-          console.log(this.resdata, '失联用户统计')
-          this.usernumdata.k1 = this.resdata[0].name1
-          this.usernumdata.k2 = this.resdata[0].name2
-          this.$parent.loaddata++
-        }
-      },
-      'resdata1': {
-        deep: true,
-        handler(val) {
-
-          this.warn = this.resdata1[0]?this.resdata1[0].num:'0'
-          this.suspicious = this.resdata1[1]?this.resdata1[1].num:'0'
-          this.$parent.loaddata++
-        }
-      },
-    },
-    ready() {
-      this.sqlsearch()
-    }
-  }
-</script>
-
-<style scoped>
-  .div-0 {
-    padding: 3% 0 0 4%;
-  }
-  .div-1 {
-    width: 100%;
-    height: 100%;
-  }
-
-  .div-2 {
-    padding: 1% 1%;
-    width: 100%;
-    height: 50%;
-  }
-
-  td {
-    height: 50%;
-    width: 8%;
-    color: #fff;
-    font-size: 1.6rem
-  }
-
-  .td-1 {
-    width: 10%;
-  }
-
-  .td-1 img {
-    width: 80%;
-  }
-
-  .td-2 {
-    width: 30%;
-    text-align: left;
-  }
-
-  .td-3 {
-    width: 10%;
-  }
-
-  .td-3 img {
-    width: 80%;
-  }
-
-  span {
-    font-size: 2.2rem;
-    font-weight: bolder;
-    color: #05cacd
-  }
-
-  .span-1 {
-    color: #f3c832
-  }
-
-</style>
+<template>
+  <div class="div-0">
+    <div class="div-1">
+      <div class="div-2">
+        <table>
+          <tr>
+            <td class="td-1"><img src="../../../../static/ManageHomePic/图层61.png"></td>
+            <td class="td-2"><span>{{warn}}</span><br/>警告用户</td>
+            <td style="width:0.5%"></td>
+            <td class="td-3"><img src="../../../../static/ManageHomePic/图层71.png"></td>
+            <td class="td-2"><span class="span-1">{{suspicious}}</span><br/>可疑用户</td>
+          </tr>
+        </table>
+      </div>
+      <div class="div-2">
+        <table>
+          <tr>
+            <td class="td-1"><img src="../../../../static/ManageHomePic/图层1520.png"></td>
+            <td class="td-2"><span>{{usernumdata.k1}}</span><br/>普通用户</td>
+            <td style="width: 0.5%"></td>
+            <td class="td-3"><img src="../../../../static/ManageHomePic/图层1519.png"></td>
+            <td class="td-2"><span class="span-1">{{usernumdata.k2}}</span><br/>物联网表用户</td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import * as DataSql from '../../../stores/DataSql'
+  import co from 'co'
+
+  export default {
+    name: "MonitorCenter",
+    // props: {
+    //   warningnum: Number,
+    //   suspiciousnum: Number,
+    // },
+    data() {
+      return {
+        resdata: [],
+        resdata1: [],
+        warn:'0',
+        suspicious:'0',
+        usernumdata: {k1: 0, k2: 0}
+      }
+    },
+    methods: {
+      // 查询sql
+      sqlsearch() {
+        // var date = DataSql.toBeforeDate(365)
+        // DataSql.param = date + ' 00:00:00'
+        let getData = DataSql.getData(this,'monitorcenter',{f_filiale:this.$parent.$parent.f_filiale}, 'resdata')
+        co(getData)
+        let warndata = DataSql.getData(this,'warningcount',{}, 'resdata1')
+        co(warndata)
+      },
+    },
+    watch: {
+      'resdata': {
+        deep: true,
+        handler(val) {
+          console.log(this.resdata, '失联用户统计')
+          this.usernumdata.k1 = this.resdata[0].name1
+          this.usernumdata.k2 = this.resdata[0].name2
+          this.$parent.loaddata++
+        }
+      },
+      'resdata1': {
+        deep: true,
+        handler(val) {
+
+          this.warn = this.resdata1[0]?this.resdata1[0].num:'0'
+          this.suspicious = this.resdata1[1]?this.resdata1[1].num:'0'
+          this.$parent.loaddata++
+        }
+      },
+    },
+    ready() {
+      this.sqlsearch()
+    }
+  }
+</script>
+
+<style scoped>
+  .div-0 {
+    padding: 3% 0 0 4%;
+  }
+  .div-1 {
+    width: 100%;
+    height: 100%;
+  }
+
+  .div-2 {
+    padding: 1% 1%;
+    width: 100%;
+    height: 50%;
+  }
+
+  td {
+    height: 50%;
+    width: 8%;
+    color: #fff;
+    font-size: 1.6rem
+  }
+
+  .td-1 {
+    width: 10%;
+  }
+
+  .td-1 img {
+    width: 80%;
+  }
+
+  .td-2 {
+    width: 30%;
+    text-align: left;
+  }
+
+  .td-3 {
+    width: 10%;
+  }
+
+  .td-3 img {
+    width: 80%;
+  }
+
+  span {
+    font-size: 2.2rem;
+    font-weight: bolder;
+    color: #05cacd
+  }
+
+  .span-1 {
+    color: #f3c832
+  }
+
+</style>

package/src/components/ManageHomeCS/Monitor/MonitorHome.vue

@@ -1,188 +1,188 @@
-<template>
-  <div>
-    <div v-show="!drillshow">
-      <!--警告-->
-      <caveat v-ref:caveat class="border caveat" v-ref:caveat v-on:drill="listenToComparedGas"
-              v-on:drilldata="listenToData"></caveat>
-      <!--监控中心-->
-      <monitor-center class="border monitorcenter"
-                      ></monitor-center>
-<!--      :suspiciousnum="suspiciousnum"-->
-      <!--长期未用气用户统计-->
-      <no-gas v-ref:nogas class="border nogas" v-on:drill="listenToComparedGas"
-              v-on:drilldata="listenToData"></no-gas>
-      <!--失联用户统计-->
-      <no-contact v-ref:nocontact class="border nocontact" v-on:drill="listenToComparedGas"
-                  v-on:drilldata="listenToData"></no-contact>
-      <!--长期未购气用户统计-->
-      <nobuy-gas v-ref:nobuygas class="border nobuygas" v-on:drill="listenToComparedGas"
-                 v-on:drilldata="listenToData"></nobuy-gas>
-      <!--往期购气对比-->
-      <compared-gas class="border comparedgas"
-                  ></compared-gas>
-      <!--供销差-->
-      <buysub class="border buysub"></buysub>
-      <!--气表品牌分布-->
-      <meterbrand class="border meterbrand"></meterbrand>
-      <!--<component v-for="s in componentlist" :is="s" :class="classlist[$index]"></component>-->
-    </div>
-    <drill-data v-show="drillshow" :parenttitle="title" :idname="idname" :childname="childname"
-                :drillshow="drillshow" :echartsdata="childdata" :initdatatr="initdatatr" class="drill"></drill-data>
-  </div>
-</template>
-
-<script>
-
-  export default {
-    name: "MonitorHome",
-    props: {
-      drillshow: Boolean,
-      pageshow: {
-        home: Boolean,
-        user: Boolean,
-        services: Boolean,
-        safe: Boolean,
-        monitor: Boolean,
-        net: Boolean,
-      },
-    },
-    data() {
-      return {
-        increaseuser: 0,
-        title: {pagename: '监控', pagetitle: 'monitor', pagechildrenname: ''},
-        componentlist: ['buysub', 'monitor-center'],
-        classlist: ['border buysub', 'border monitorcenter'],
-        idname: '',
-        childname: '',
-        childdata: '',
-        listenheight: '',
-        loaddata: 0,
-        initdatatr: {},
-        warningnum: 0,
-        suspiciousnum: 0,
-      }
-    },
-    methods: {
-      listenToComparedGas(idname, childname, pagename, initdatatr) {
-        // console.log(idname, childname, pagename, initdatatr)
-        this.drillshow = true
-        this.idname = idname
-        this.childname = childname
-        this.title.pagechildrenname = pagename
-        this.initdatatr = initdatatr
-      },
-      listenToData(param) {
-        this.childdata = param
-      },
-      initdata() {
-        var self = this
-        var s = setInterval(function () {
-          var flag = (self.$refs.caveat.monitortag0)
-          self.$showMessage('正在加载数据,请等待...')
-          if (flag == true) {
-            console.log('加载数据完毕')
-            self.$closeMessage()
-            clearInterval(s)
-            return
-          }
-        }, 100)
-        setTimeout(() => {
-          this.$closeMessage()
-        }, 2000)
-      },
-    },
-    watch: {
-      'loaddata': {
-        deep: true,
-        handler() {
-	console.log(this.loaddata,'加载次数')
-          if (this.loaddata > 8) {
-            this.$parent.initdatashow = false
-          }
-        },
-        immediate: true
-      }
-    },
-  }
-</script>
-
-<style scoped>
-  .border {
-    padding-top: 0.4%;
-    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
-    background-repeat: no-repeat;
-    background-size: 1.5px 11px, 11px 1.5px;
-    background-color: rgba(1, 207, 242, 0.05);
-  }
-
-  .caveat {
-    position: absolute;
-    top: 1%;
-    left: 2%;
-    width: 31%;
-    height: 29%;
-  }
-
-  .monitorcenter {
-    position: absolute;
-    top: 1%;
-    left: 34%;
-    width: 32%;
-    height: 29%;
-  }
-
-  .nogas {
-    position: absolute;
-    top: 1%;
-    left:67%;
-    width: 31%;
-    height: 46%;
-  }
-
-  .nocontact {
-    position: absolute;
-    top: 64%;
-    left: 2%;
-    width: 31%;
-    height: 30%;
-  }
-
-  .nobuygas {
-    position: absolute;
-    top: 32%;
-    left: 2%;
-    width: 31%;
-    height: 30%;
-  }
-
-  .comparedgas {
-    position: absolute;
-    top: 32%;
-    left: 34%;
-    width: 32%;
-    height: 30%;
-  }
-
-  .buysub {
-    position: absolute;
-    top: 64%;
-    left: 34%;
-    width: 32%;
-    height: 30%;
-  }
-
-  .meterbrand {
-    position: absolute;
-    top: 49%;
-    left: 67%;
-    width: 31%;
-    height: 45%;
-  }
-</style>
+<template>
+  <div>
+    <div v-show="!drillshow">
+      <!--警告-->
+      <caveat v-ref:caveat class="border caveat" v-ref:caveat v-on:drill="listenToComparedGas"
+              v-on:drilldata="listenToData"></caveat>
+      <!--监控中心-->
+      <monitor-center class="border monitorcenter"
+                      ></monitor-center>
+<!--      :suspiciousnum="suspiciousnum"-->
+      <!--长期未用气用户统计-->
+      <no-gas v-ref:nogas class="border nogas" v-on:drill="listenToComparedGas"
+              v-on:drilldata="listenToData"></no-gas>
+      <!--失联用户统计-->
+      <no-contact v-ref:nocontact class="border nocontact" v-on:drill="listenToComparedGas"
+                  v-on:drilldata="listenToData"></no-contact>
+      <!--长期未购气用户统计-->
+      <nobuy-gas v-ref:nobuygas class="border nobuygas" v-on:drill="listenToComparedGas"
+                 v-on:drilldata="listenToData"></nobuy-gas>
+      <!--往期购气对比-->
+      <compared-gas class="border comparedgas"
+                  ></compared-gas>
+      <!--供销差-->
+      <buysub class="border buysub"></buysub>
+      <!--气表品牌分布-->
+      <meterbrand class="border meterbrand"></meterbrand>
+      <!--<component v-for="s in componentlist" :is="s" :class="classlist[$index]"></component>-->
+    </div>
+    <drill-data v-show="drillshow" :parenttitle="title" :idname="idname" :childname="childname"
+                :drillshow="drillshow" :echartsdata="childdata" :initdatatr="initdatatr" class="drill"></drill-data>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    name: "MonitorHome",
+    props: {
+      drillshow: Boolean,
+      pageshow: {
+        home: Boolean,
+        user: Boolean,
+        services: Boolean,
+        safe: Boolean,
+        monitor: Boolean,
+        net: Boolean,
+      },
+    },
+    data() {
+      return {
+        increaseuser: 0,
+        title: {pagename: '监控', pagetitle: 'monitor', pagechildrenname: ''},
+        componentlist: ['buysub', 'monitor-center'],
+        classlist: ['border buysub', 'border monitorcenter'],
+        idname: '',
+        childname: '',
+        childdata: '',
+        listenheight: '',
+        loaddata: 0,
+        initdatatr: {},
+        warningnum: 0,
+        suspiciousnum: 0,
+      }
+    },
+    methods: {
+      listenToComparedGas(idname, childname, pagename, initdatatr) {
+        // console.log(idname, childname, pagename, initdatatr)
+        this.drillshow = true
+        this.idname = idname
+        this.childname = childname
+        this.title.pagechildrenname = pagename
+        this.initdatatr = initdatatr
+      },
+      listenToData(param) {
+        this.childdata = param
+      },
+      initdata() {
+        var self = this
+        var s = setInterval(function () {
+          var flag = (self.$refs.caveat.monitortag0)
+          self.$showMessage('正在加载数据,请等待...')
+          if (flag == true) {
+            console.log('加载数据完毕')
+            self.$closeMessage()
+            clearInterval(s)
+            return
+          }
+        }, 100)
+        setTimeout(() => {
+          this.$closeMessage()
+        }, 2000)
+      },
+    },
+    watch: {
+      'loaddata': {
+        deep: true,
+        handler() {
+	console.log(this.loaddata,'加载次数')
+          if (this.loaddata > 8) {
+            this.$parent.initdatashow = false
+          }
+        },
+        immediate: true
+      }
+    },
+  }
+</script>
+
+<style scoped>
+  .border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+
+  .caveat {
+    position: absolute;
+    top: 1%;
+    left: 2%;
+    width: 31%;
+    height: 29%;
+  }
+
+  .monitorcenter {
+    position: absolute;
+    top: 1%;
+    left: 34%;
+    width: 32%;
+    height: 29%;
+  }
+
+  .nogas {
+    position: absolute;
+    top: 1%;
+    left:67%;
+    width: 31%;
+    height: 46%;
+  }
+
+  .nocontact {
+    position: absolute;
+    top: 64%;
+    left: 2%;
+    width: 31%;
+    height: 30%;
+  }
+
+  .nobuygas {
+    position: absolute;
+    top: 32%;
+    left: 2%;
+    width: 31%;
+    height: 30%;
+  }
+
+  .comparedgas {
+    position: absolute;
+    top: 32%;
+    left: 34%;
+    width: 32%;
+    height: 30%;
+  }
+
+  .buysub {
+    position: absolute;
+    top: 64%;
+    left: 34%;
+    width: 32%;
+    height: 30%;
+  }
+
+  .meterbrand {
+    position: absolute;
+    top: 49%;
+    left: 67%;
+    width: 31%;
+    height: 45%;
+  }
+</style>