manage-client 3.1.26 → 3.1.27

package/src/components/qinhua/Pie.vue

@@ -1,116 +1,132 @@
-<template>
-  <div id='pie' style="height: 100%;width: 100%">
-  </div>
-</template>
-
-<script>
-  export default {
-    title: '收费',
-    data () {
-    },
-    methods: {
-      init () {
-        var color = ['#2F8DF4', '#ef9861']
-        var title = ['民用售气量', '非民用售气量']
-        var option = {
-          color: color,
-          backgroundColor: '#ffffff00',
-          legend: {
-            orient: 'horizontal',
-            left: 'center',
-            top: 'bottom',
-            icon: 'circle',
-            data: title,
-            textStyle: {
-              color: '#fff'
-            }
-          },
-          series: [{
-            type: 'pie',
-            roseType: 'radius',
-            radius: ['40%', '60%'],
-            data: [{
-              value: 63200,
-              name: '民用售气量'
-            }, {
-              value: 726800,
-              name: '非民用售气量'
-            }],
-            labelLine: {
-              normal: {
-                length: '10%'
-              }
-            },
-            label: {
-              show: true,
-              formatter: '{b|{b}}\n{per|{d}%}',
-              rich: {
-                b: {
-                  fontSize: 10,
-                  padding: [5, 0],
-                  color: '#fff'
-                },
-                hr: {
-                  height: 0,
-                  borderWidth: 1,
-                  width: '100%',
-                  borderColor: '#fff'
-                },
-                per: {
-                  color: '#FDF44E',
-                  fontSize: 10,
-                  borderRadius: 2
-                }
-              },
-              position: 'outside'
-            }
-          }]
-        }
-        let barchart = this.$echarts.init(document.getElementById('pie' +
-          ''))
-        console.log(option)
-        barchart.setOption(option)
-        let index = -1 // 高亮所在下标
-        let dataLength = title.length   // 当前饼图有多少个扇形
-        // 用定时器控制饼图高亮
-        // this.mTime = setInterval(() => {
-        //   // 清除之前的高亮
-        //   barchart.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   index = (index + 1) % dataLength
-        //   // 当前下标高亮
-        //   barchart.dispatchAction({
-        //     type: 'highlight',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   if (index > dataLength) {
-        //     index = 0
-        //   }
-        // }, 1000)
-        // 鼠标划入
-        // barchart.on('mouseover', () => {
-        //   // 停止定时器，清除之前的高亮
-        //   // clearInterval(this.mTime)
-        //   this.echartsPie.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        // })
-      }
-    },
-    ready() {
-      this.init()
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-
-
-</style>
-
+<template>
+  <div id='pie' style="height: 100%;width: 100%">
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '收费',
+    data () {
+      return {
+        value1: '',
+        value2: ''
+      }
+    },
+    methods: {
+      init () {
+        var color = ['#2F8DF4', '#ef9861']
+        var title = ['民用售气量', '非民用售气量']
+        var option = {
+          color: color,
+          backgroundColor: '#ffffff00',
+          legend: {
+            orient: 'horizontal',
+            x: 'center',
+            y: 'top',
+            icon: 'circle',
+            data: title,
+            textStyle: {
+              color: '#fff'
+            }
+          },
+          series: [{
+            type: 'pie',
+            radius: ['35%', '50%'],
+            data: [{
+              value: this.value1,
+              name: '民用售气量'
+            }, {
+              value: this.value2,
+              name: '非民用售气量'
+            }],
+            labelLine: {
+              normal: {
+                length: '5%'
+              }
+            },
+            label: {
+              show: true,
+              formatter: '{b|{b}}\n{per|{d}%}',
+              rich: {
+                b: {
+                  fontSize: 10,
+                  padding: [5, 0],
+                  color: '#fff'
+                },
+                hr: {
+                  height: 0,
+                  borderWidth: 1,
+                  width: '100%',
+                  borderColor: '#fff'
+                },
+                per: {
+                  color: '#FDF44E',
+                  fontSize: 10,
+                  borderRadius: 2
+                }
+              },
+              position: 'outside'
+            }
+          }]
+        }
+        let barchart = this.$echarts.init(document.getElementById('pie' +
+          ''))
+        console.log(option)
+        barchart.setOption(option)
+        let index = -1 // 高亮所在下标
+        let dataLength = title.length   // 当前饼图有多少个扇形
+        // 用定时器控制饼图高亮
+        // this.mTime = setInterval(() => {
+        //   // 清除之前的高亮
+        //   barchart.dispatchAction({
+        //     type: 'downplay',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        //   index = (index + 1) % dataLength
+        //   // 当前下标高亮
+        //   barchart.dispatchAction({
+        //     type: 'highlight',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        //   if (index > dataLength) {
+        //     index = 0
+        //   }
+        // }, 1000)
+        // 鼠标划入
+        // barchart.on('mouseover', () => {
+        //   // 停止定时器，清除之前的高亮
+        //   // clearInterval(this.mTime)
+        //   this.echartsPie.dispatchAction({
+        //     type: 'downplay',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        // })
+      }
+    },
+    ready() {
+      let http = new HttpResetClass()
+      http.load('post', '/rs/sql/getSellSumByType', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=> {
+        let d = res.data
+        console.log('用户售气~~~~~~~~~~~', res.data)
+        let my = d.filter(item => item.name === '民用').map(f => f.value)
+        let fmy = d.filter(item => item.name === '非民用').map(f => f.value)
+        console.log('*-*--*-*-*-**-*-*-*-*-', my , fmy)
+        this.value1 = my.length > 0 ? my.reduce((x, y) => x + y) : 0
+        this.value2 = fmy.length > 0 ? fmy.reduce((x, y) => x + y) : 0
+        console.log('~~~~~~~~~~~', this.value1, this.value2)
+        this.init()
+      })
+    },
+    props: {}
+  }
+</script>
+<style scoped>
+
+
+</style>
+

package/src/components/qinhua/SellEcharts.vue

@@ -1,94 +1,115 @@
-<template>
-  <div class="sell" style="padding: 1em">
-    <div class="label" style="padding-left:0.4%">
-      <span class="font-title">收费</span>
-    </div>
-    <div id="sell_left">
-      <table>
-        <tr>
-          <td class="td1"><img src="../../../static/NewManageHome/sell_1.png"  style="width: 29px"></td>
-          <td><nobr><span>当年总售气量</span></nobr><br/>&nbsp;<nobr><span class="s1">20974万</span></nobr></td>
-        </tr>
-        <tr>
-          <td class="td1"><img src="../../../static/NewManageHome/sell_2.png" style="width: 27px"></td>
-          <td><nobr><span>昨日总售气量<br/></span></nobr>&nbsp;<span class="s2">79万</span></td>
-        </tr>
-      </table>
-    </div>
-
-    <!--</div>-->
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'sellEcharts',
-    props: {
-      listenheight: String,
-      f_filiale: String
-    },
-    data() {
-      return {
-        xc: '',
-        resdata: [],
-        resdata1: [],
-        totalstring: '',
-        safedata: [{value: 0, name: '已完成'}, {value: 0, name: '未完成'}],
-        safedatastring: [{value: "", name: '已完成'}, {value: "", name: '未完成'}],
-        safeerrordata:[] ,
-        hiddenuser:'',
-        timer:'',
-        timer1:'',
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .s1 {
-    font-family: PingFang-SC-Bold;
-    font-size: 26px;
-    font-weight: bold;
-    font-stretch: normal;
-    line-height: 35px;
-    letter-spacing: 0px;
-    color: #35ffff;
-  }
-  .s2 {
-    font-family: PingFang-SC-Bold;
-    font-size: 26px;
-    font-weight: bold;
-    font-stretch: normal;
-    line-height: 35px;
-    letter-spacing: 0px;
-    color: #e5925e;
-  }
-.label {
-    margin-left: 6%;
-    font-size: 1.85rem;
-    float: left;
-    color: #fff;
-    height: 8%;
-  }
-    table {
-      width: 100%;
-      height: 100%;
-    }
-    td {
-      /*width: 94px;*/
-      /*height: 120px;*/
-      font-size: 1.4rem;
-      padding-left: 6%;
-      width: 70%;
-      height: 50%;
-      color: #ffffff;
-    }
-    .td1 {
-      width: 33%;
-    }
-    #sell_left {
-      padding: 10% 0% 0% 30%;
-      height: 90%;
-      width: 45%;
-    }
-</style>
+<template>
+  <div class="sell" style="padding: 0.5em">
+    <div class="label" style="padding-left:0.4%">
+      <span class="font-title">收费</span>
+    </div>
+    <div id="sell_left">
+      <table>
+        <tr>
+          <td class="td1"><img src="../../../static/NewManageHome/sell_1.png"  style="width: 29px"></td>
+          <td><nobr><span>当年总售气量</span></nobr><br/>&nbsp;<nobr><span class="s1">{{ resdata1 }}万</span></nobr></td>
+        </tr>
+        <tr>
+          <td class="td1"><img src="../../../static/NewManageHome/sell_2.png" style="width: 27px"></td>
+          <td><nobr><span>上月总售气量<br/></span></nobr>&nbsp;<span class="s2">{{ resdata }}万</span></td>
+        </tr>
+      </table>
+    </div>
+
+    <!--</div>-->
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    name: 'sellEcharts',
+    props: {
+      listenheight: String,
+      f_filiale: String
+    },
+    data() {
+      return {
+        xc: '',
+        resdata: [],
+        resdata1: [],
+        totalstring: '',
+        safedata: [{value: 0, name: '已完成'}, {value: 0, name: '未完成'}],
+        safedatastring: [{value: "", name: '已完成'}, {value: "", name: '未完成'}],
+        safeerrordata:[] ,
+        hiddenuser:'',
+        timer:'',
+        timer1:'',
+      }
+    },
+    ready () {
+      this.resize()
+    },
+    methods:{
+      async resize(){
+        let http = new HttpResetClass()
+        // 收费
+        await http.load('post', '/rs/sql/getSellSum', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
+          console.log('收费---------------',res)
+          this.resdata = res.data[0].gas_day
+          this.resdata1 = res.data[0].gas_year
+          console.log('收费---------------')
+          console.log('收费---------------')
+        })
+      }
+
+    }
+  }
+</script>
+
+<style scoped>
+  .s1 {
+    font-family: PingFang-SC-Bold;
+    font-size: 26px;
+    font-weight: bold;
+    font-stretch: normal;
+    line-height: 35px;
+    letter-spacing: 0px;
+    color: #35ffff;
+  }
+  .s2 {
+    font-family: PingFang-SC-Bold;
+    font-size: 26px;
+    font-weight: bold;
+    font-stretch: normal;
+    line-height: 35px;
+    letter-spacing: 0px;
+    color: #e5925e;
+  }
+.label {
+    margin-left: 6%;
+    font-size: 1.85rem;
+    float: left;
+    color: #fff;
+    height: 8%;
+  }
+    table {
+      width: 100%;
+      height: 80%;
+      border-collapse: collapse;
+    }
+    td {
+      /*width: 94px;*/
+      /*height: 120px;*/
+      font-size: 1.4rem;
+      padding-left: 6%;
+      width: 70%;
+      height: 50%;
+      color: #ffffff;
+    }
+    .td1 {
+      width: 33%;
+      text-align: right;
+    }
+    #sell_left {
+      padding: 10% 13% 0% 17%;
+      height: 100%;
+      width: 100%;
+    }
+</style>