manage-client 3.2.142 → 3.2.145

package/src/filiale/dongguan/components/WebReport/BussinessType.vue

@@ -0,0 +1,137 @@
+<template lang="html">
+  <div id="charts">
+    <div id="sm" :style="{width:'100%',height:'98%'}"></div>
+  </div>
+</template>
+
+<script>
+  /* eslint-disable indent,key-spacing,no-labels */
+
+  import * as Util from '../../../../Util'
+import co from 'co'
+import echarts from 'echarts'
+import {HttpResetClass } from 'vue-client'
+
+let getData = function * (self) {
+  let load = new HttpResetClass()
+  load.load('POST','rs/sql/BusinessType',
+  {data: {startDate: self.startdate, endDate: self.enddate,f_orgid: self.orgid}},
+  {resolveMsg: null, rejectMsg: null})
+  .then((res) => {
+    self.texttile = '用户类型'
+    let arrparams = []
+    let numdata = []
+    let pricedata = []
+    for (var i = 0; i < res.data.length; i++) {
+        arrparams[i] = res.data[i].name
+        numdata[i] = res.data[i].num
+        pricedata[i] = res.data[i].money
+    }
+    self.set(arrparams,numdata,pricedata)
+  })
+}
+export default {
+  props: {
+    startdate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    enddate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    orgid: {
+      type: String
+    }
+  },
+ data () {
+    title: '业务类型'
+   return {
+     texttile: '',
+     xc: ''
+   }
+ },
+ methods: {
+   set (arrparams,numdata,pricedata) {
+     this.xc = echarts.init(document.getElementById('sm'))
+     this.xc.setOption({
+       title : {
+         text: '非气体营收汇总',
+         subtext: '数据查询来源',
+         x: 'left'
+       },
+        tooltip:{
+          trigger:'axis'
+        },
+       legend: {
+         x: 'left',
+         y: 'bottom',
+         data: ['数量','金额']
+       },
+       toolbox: {
+         show : true,
+         feature : {
+           dataView : {show: true, readOnly: false},
+           magicType : {show: true, type: ['line', 'bar']},
+           restore : {show: true},
+           saveAsImage : {show: true}
+         }
+       },
+       calculable : true,
+       xAxis : [
+         {
+           type : 'category',
+           data : arrparams
+         }
+      ],
+      yAxis : [
+        {
+          type : 'value'
+        }
+      ],
+      series : [
+        {
+          name:'数量',
+          type:'bar',
+          data:numdata,
+          markLine : {
+            data : [
+              {type : 'average', name: '平均值'}
+            ]
+          }
+        },
+        {
+          name:'金额',
+          type:'bar',
+          data:pricedata,
+          markLine : {
+          data : [
+              {type : 'average', name : '平均值'}
+            ]
+          }
+        }
+      ]
+     })
+   },
+   searchdata () {
+     let getGen = getData(this)
+     co(getGen)
+   }
+ },
+ ready () {
+   this.searchdata()
+ },
+ watch: {
+   'startdate' (val) {
+     this.searchdata()
+   },
+   'enddate' (val) {
+     this.searchdata()
+   },
+   'orgid' (val) {
+     this.searchdata()
+   }
+ }
+
+}
+</script>

package/src/filiale/dongguan/components/WebReport/Paymentpie.vue

@@ -0,0 +1,157 @@
+<template lang="html">
+  <div id="charts">
+    <div id="pp" :style="{width:'100%',height:'98%'}"></div>
+  </div>
+</template>
+
+<script>
+import * as Util from '../../../../Util'
+import co from 'co'
+import echarts from 'echarts'
+import { HttpResetClass } from 'vue-client'
+
+let getData = function * (self) {
+  let load = new HttpResetClass()
+
+  load.load('POST','rs/sql/sellinggasvalue',
+  {data: {startDate: self.startdate, endDate: self.enddate,key:'f_payment',f_orgid:self.orgid}},
+  {resolveMsg: null, rejectMsg: null})
+  .then((res) => {
+    let arrparams = []
+    let moneydata = []
+    let gasdata = []
+    for (var i = 0; i < res.data.length; i++) {
+        let item = {}
+        let item1={}
+        arrparams[i] = res.data[i].name
+        item.name = res.data[i].name
+        item.value = res.data[i].gas_value
+        gasdata.push(item)
+        item1.name = res.data[i].name
+        item1.value = res.data[i].money_value
+        moneydata.push(item1)
+    }
+    console.log("加载echars组件")
+    console.log(arrparams,gasdata)
+    self.set(arrparams,gasdata,moneydata)
+  })
+}
+export default {
+  props: {
+    startdate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    enddate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    orgid: {
+      type: String
+    }
+},
+ data () {
+   return {
+     xc: ''
+   }
+ },
+ methods: {
+
+   set (arrparams,gasdata,moneydata) {
+     console.log("进入组件")
+     this.xc = echarts.init(document.getElementById('pp'))
+     this.xc.setOption({
+       title: [
+         {
+           text: '收费渠道汇总',
+           x: '0%',
+           y: '0%',
+           textStyle: {
+             color: '#010606',
+             fontSize: 18,
+           }
+         },   {
+           text: '气量分布',
+           x: '18%',
+           y: '18%',
+           textStyle: {
+             color: '#010606',
+             fontSize: 16,
+           }
+         },{
+           text: '金额分布',
+           x: '58%',
+           y: '18%',
+           textStyle: {
+             color: '#010606',
+             fontSize: 16,
+           }
+         }],
+       tooltip: {
+         trigger: 'item',
+         formatter: '{a} <br/>{b}: {c} ({d}%)'
+       },
+       legend: {
+         orient: 'horizontal',
+         icon: 'circle',
+         x: 'center',
+         y: '80%',
+
+         textStyle: {
+           padding: [0, 0, 0, 4],
+           color: '#010606'
+         },
+         data: arrparams
+       },
+    series : [
+      {
+        name: '',
+        type: 'pie',
+        radius: ['0%', '40%'],
+        center: ['25%', '50%'],
+        hoverAnimation: true,
+        minAngle: 15,//最小角度
+        startAngle: 60, //起始角度
+        label: {normal: {show:true,}},
+        labelLine: { normal: {show:true,}},
+        data: gasdata
+        },
+      {
+        name: '笔数',
+        type: 'pie',
+        radius: ['0%', '40%'],
+        center: ['65%', '50%'],
+        hoverAnimation: true,
+        minAngle: 15,//最小角度
+        startAngle: 60, //起始角度
+        label: {normal: {show:true,}},
+        labelLine: { normal: {show:true,}},
+        data: moneydata
+        }
+    ]
+
+ },true)
+
+},
+   searchdata () {
+     let getGen =getData(this);
+     co(getGen);
+   }
+ },
+ ready () {
+   this.searchdata()
+ },
+  watch: {
+    'startdate' (val) {
+      this.searchdata()
+    },
+    'enddate' (val) {
+      this.searchdata()
+    },
+    'orgid' (val) {
+      this.searchdata()
+    }
+  }
+
+}
+</script>

package/src/filiale/dongguan/reportManage.js

@@ -0,0 +1,21 @@
+// 分公司特殊组件页面注册
+import Vue from 'vue'
+
+let specialComp = {
+  // 各管理站气量金额散列图
+  'site-manager': (resolve) => {
+    require(['./components/SellReport/SiteManager'], resolve)
+  },
+  // 银行代售气量金额散列图
+  'bank-manager': (resolve) => {
+    require(['./components/SellReport/BankManager'], resolve)
+  },
+  // 付款方式饼图
+  'paymentpie': (resolve) => {
+    require(['./components/WebReport/Paymentpie'], resolve)
+  },
+  'bussiness-type': (resolve) => {
+    require(['./components/WebReport/BussinessType'], resolve)
+  }
+}
+exports.specialComp = specialComp