manage-client 3.2.77-aode → 3.2.77-jb

package/src/components/yulin/Weather.vue

@@ -0,0 +1,157 @@
+<template>
+  <div id="weather"  style="height:400px">
+  </div>
+</template>
+
+<script>
+  import  $ from 'jquery'
+
+  export default {
+    title: '天气展示',
+    data () {
+      return {
+        city: '榆林'
+      }
+    },
+    ready () {
+      var weather = this.$echarts.init($('#weather').get(0));
+     let  option = {
+        title: {
+          text: '未来一周气温',
+          subtext: '',
+          textStyle: {
+            color: '#fff'
+          }
+        },
+        tooltip: {
+          trigger: 'axis',
+          position: function (point, params, dom, rect, size) {
+            // 鼠标坐标和提示框位置的参考坐标系是：以外层div的左上角那一点为原点，x轴向右，y轴向下
+            // 提示框位置
+            var x = 0; // x坐标位置
+            var y = 0; // y坐标位置
+
+            // 当前鼠标位置
+            var pointX = point[0];
+            var pointY = point[1];
+
+            // 外层div大小
+            // var viewWidth = size.viewSize[0];
+            // var viewHeight = size.viewSize[1];
+
+            // 提示框大小
+            var boxWidth = size.contentSize[0];
+            var boxHeight = size.contentSize[1];
+
+            // boxWidth > pointX 说明鼠标左边放不下提示框
+            if (boxWidth > pointX) {
+              x = 5;
+            } else { // 左边放的下
+              x = pointX - boxWidth;
+            }
+
+            // boxHeight > pointY 说明鼠标上边放不下提示框
+            if (boxHeight > pointY) {
+              y = 5;
+            } else { // 上边放得下
+              y = pointY - boxHeight;
+            }
+
+            return [x, y];
+          }
+        },
+        legend: {
+          data: ['最高气温', '最低气温'],
+          textStyle: {
+            color: '#fff'
+          }
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: []  ,
+          axisLabel: {
+            color:"#fff"
+          }
+        },
+        yAxis: {
+          scale:true, //纵坐标起始点根据最低值变化
+          type: 'value',
+          axisLabel: {
+            formatter: '{value} °C',
+            color:"#fff"
+          }
+        },
+        series: [{
+          name: '最高气温',
+          type: 'line',
+          data: [],
+          markPoint: {
+            data: [{
+              type: 'max',
+              name: '最大值'
+            }
+
+            ]
+          },
+          markLine: {
+            data: [{
+              type: 'average',
+              name: '平均值'
+            }]
+          }
+        },
+          {
+            name: '最低气温',
+            type: 'line',
+            data: [],
+            markPoint: {
+              data: [{
+                type: 'min',
+                name: '最小值'
+              }]
+            },
+            markLine: {
+              data: [{
+                type: 'average',
+                name: '平均值'
+              },
+
+              ]
+            }
+          }
+        ]
+      };
+      weather.setOption(option)
+      $.get("https://tianqiapi.com/api?version=v1&appid=22877183&appsecret=4B8rvI9j", { //天气API
+          city: this.city?this.city:'榆林'
+        },
+        function (res) {
+          //显示当前城市
+          option.title.subtext ='当前城市：' +res.city
+          //给横坐标复赋值
+          option.xAxis.data = [res.data[0].day, res.data[1].day, res.data[2].day, res.data[3].day, res.data[4]
+            .day, res.data[5].day, res.data[6].day
+          ]
+          //由于温度返回的是xx℃ 而我们只需要数字 所以用parseInt截取数字
+          option.series[0].data = [parseInt(res.data[0].tem1), parseInt(res.data[1].tem1), parseInt(res.data[2]
+            .tem1), parseInt(res.data[3].tem1), parseInt(res.data[4].tem1), parseInt(res.data[5]
+            .tem1), parseInt(res.data[6].tem1)]
+          option.series[1].data = [parseInt(res.data[0].tem2), parseInt(res.data[1].tem2),
+            parseInt(res.data[2]
+              .tem2), parseInt(res.data[3].tem2), parseInt(res.data[4].tem2), parseInt(res.data[5]
+              .tem2), parseInt(res.data[6].tem2)
+          ]
+
+          weather.setOption(option); // 使用刚指定的配置项和数据显示图表。
+        }
+      )
+    },
+    methods: {
+
+    },
+    watch:{
+
+    }
+  }
+</script>

package/src/filiale/WEINAN/BankManager.vue

@@ -0,0 +1,169 @@
+<template lang="html">
+  <div id="charts">
+    <div id="bm" :style="{width:'100%',height:'100%'}"></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() //qibiao-shouqi
+  load.load('POST', 'rs/sql/qibiao-shouqi',
+  {data: {startDate: self.startdate, endDate: self.enddate, f_orgid: `f_orgid = ${self.orgid}`,condition: '1=1'}},
+  {resolveMsg: null, rejectMsg: null})
+  .then((res) => {
+    self.texttile = '用户类型'
+    // let arrparams = []
+    console.log('获取数据。。', res.data)
+    let meter = Array.from(new Set(res.data.map(x => x.biaoleixing)))
+    let jmeter = []
+    let qkmeter = []
+    let jkmeter = []
+    let webmeter = []
+    jmeter.push(res.data.filter(x => x.biaoleixing === '机表').map(item => item.yongqi).reduce((x, y) => x + y, 0).toFixed(2))
+    jmeter.push(res.data.filter(x => x.biaoleixing === '机表').map(item => item.jine).reduce((x, y) => x+y, 0).toFixed(2))
+
+    qkmeter.push(res.data.filter(x => x.biaoleixing === '气量卡表').map(item => item.yongqi).reduce((x, y) => x + y, 0).toFixed(2))
+    qkmeter.push(res.data.filter(x => x.biaoleixing === '气量卡表').map(item => item.jine).reduce((x, y) => x+y, 0).toFixed(2))
+
+    jkmeter.push(res.data.filter(x => x.biaoleixing === '金额卡表').map(item => item.yongqi).reduce((x, y) => x + y, 0).toFixed(2))
+    jkmeter.push(res.data.filter(x => x.biaoleixing === '金额卡表').map(item => item.jine).reduce((x, y) => x+y, 0).toFixed(2))
+
+    webmeter.push(res.data.filter(x => x.biaoleixing === '物联网表').map(item => item.yongqi).reduce((x, y) => x + y, 0).toFixed(2))
+    webmeter.push(res.data.filter(x => x.biaoleixing === '物联网表').map(item => item.jine).reduce((x, y) => x+y, 0).toFixed(2))
+
+    self.set(meter, jmeter, qkmeter, jkmeter, webmeter)
+  })
+}
+export default {
+  props: {
+    startdate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    enddate: {
+      type: String,
+      default: Util.toStandardDateString()
+    },
+    orgid: {
+      type: String
+    }
+},
+ data () {
+   title: '气表售气量'
+   return {
+     texttile: '',
+     xc: '',
+
+     minyongvalue: [],
+     feiminyongvalue: []
+   }
+ },
+ methods: {
+   set (meter, jmeter, qkmeter, jkmeter, webmeter) {
+     this.xc = echarts.init(document.getElementById('bm'))
+     this.xc.setOption({
+       title : {
+         text: '气表售气量',
+         subtext: '数据查询来源',
+         x: 'left'
+       },
+       tooltip : {
+         trigger: 'axis'
+       },
+       legend: {
+         x: 'left',
+         y: 'bottom',
+         data: meter
+       },
+       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 : ['气量','金额']
+         }
+      ],
+      yAxis : [
+        {
+          type : 'value'
+        }
+      ],
+      series : [
+        {
+          name: '机表',
+          type: 'bar',
+          data: jmeter,
+          markLine : {
+            data : [
+              {type : 'average', name: '平均值'}
+            ]
+          }
+        },
+        {
+          name:'气量卡表',
+          type:'bar',
+          data: qkmeter,
+          markLine : {
+          data : [
+              {type : 'average', name : '平均值'}
+            ]
+          }
+        },
+        {
+          name:'金额卡表',
+          type:'bar',
+          data: jkmeter,
+          markLine : {
+          data : [
+              {type : 'average', name : '平均值'}
+            ]
+          }
+        },
+        {
+          name:'物联网表',
+          type:'bar',
+          data: webmeter,
+          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/WEINAN/BusinessManage.vue

@@ -0,0 +1,152 @@
+<template>
+  <!--  <div v-if="listpage">-->
+  <tab-button v-ref:list :active="-1">
+    <tabs header="收费查询" v-if="permission('收费查询')">
+      <charge-query v-if="show.includes('收费查询')" @deal-msg="dealMsg" :data="data"></charge-query>
+    </tabs>
+    <tabs header="换表查询" v-if="permission('换表查询')">
+      <change-meter-query v-if="show.includes('换表查询')" @deal-msg="dealMsg" :data="data"></change-meter-query>
+    </tabs>
+    <tabs header="机表抄表查询" v-if="permission('机表抄表查询')">
+      <handplan-query v-if="show.includes('机表抄表查询')" @deal-msg="dealMsg" :data="data"></handplan-query>
+    </tabs>
+    <tabs header="过户查询" v-if="permission('过户查询')">
+      <transfer-query v-if="show.includes('过户查询')" @deal-msg="dealMsg" :data="data"></transfer-query>
+    </tabs>
+    <tabs header="其他收费查询" v-if="permission('其他收费查询')">
+      <other-charge-query v-if="show.includes('其他收费查询')" @deal-msg="dealMsg" :data="data"></other-charge-query>
+    </tabs>
+    <tabs header="冲正查询" v-if="permission('冲正查询')">
+      <reverse-query v-if="show.includes('冲正查询')" @deal-msg="dealMsg" :data="data"></reverse-query>
+    </tabs>
+    <tabs header="补卡查询" v-if="permission('补卡查询')">
+      <fill-card-query v-if="show.includes('补卡查询')" @deal-msg="dealMsg" :data="data"></fill-card-query>
+    </tabs>
+    <tabs header="补气查询" v-if="permission('补气查询')">
+      <fill-gas-query v-if="show.includes('补气查询')" @deal-msg="dealMsg" :data="data"></fill-gas-query>
+    </tabs>
+    <tabs header="启用查询" v-if="permission('启用查询')">
+      <enable-query v-if="show.includes('启用查询')" @deal-msg="dealMsg" :data="data" :residentialarea="residentialArea"></enable-query>
+    </tabs>
+    <tabs header="停用查询" v-if="permission('停用查询')">
+      <disable-query v-if="show.includes('停用查询')" @deal-msg="dealMsg" :data="data" :residentialarea="residentialArea"></disable-query>
+    </tabs>
+    <tabs header="销户查询" v-if="permission('销户查询')">
+      <cancellation-query v-if="show.includes('销户查询')" @deal-msg="dealMsg" :data="data"></cancellation-query>
+    </tabs>
+<!--    <tabs header="减免优惠查询" v-if="permission('减免优惠查询')">-->
+<!--      <over-due-query v-if="show.includes('减免优惠查询')" @deal-msg="dealMsg" :data="data"></over-due-query>-->
+<!--    </tabs>-->
+    <tabs header="调价补差查询" v-if="permission('调价补差查询')">
+      <priceadjust-query v-if="show.includes('调价补差查询')" @deal-msg="dealMsg" :data="data"></priceadjust-query>
+    </tabs>
+    <tabs header="迁表查询" v-if="permission('迁表查询')">
+      <movemeter-query v-if="show.includes('迁表查询')" @deal-msg="dealMsg" :data="data"></movemeter-query>
+    </tabs>
+<!--    <tabs header="卡表抄表查询" v-if="permission('卡表抄表查询')">-->
+<!--      <card-handplan-query v-if="show.includes('卡表抄表查询')" @deal-msg="dealMsg" :data="data"></card-handplan-query>-->
+<!--    </tabs>-->
+<!--    <tabs header="收据查询" v-if="permission('收据查询')">-->
+<!--        <meter-receipt-query v-if="show.includes('收据查询')" @deal-msg="dealMsg" :data="data"></meter-receipt-query>-->
+<!--    </tabs>-->
+    <!--      <tabs header="操作记录查询" v-if="permission('操作记录查询')">-->
+    <!--        <record-query v-if="show == '操作记录查询'" @deal-msg="dealMsg" :data="data"></record-query>-->
+    <!--      </tabs>-->
+    <tabs header="业务查询" v-if="permission('业务查询')">
+      <busines-query v-if="show.includes('业务查询')" @deal-msg="dealMsg" :data="data"></busines-query>
+    </tabs>
+    <tabs header="预存查询" v-if="permission('预存查询')">
+      <yucun-detailss v-if="show.includes('预存查询')" @deal-msg="dealMsg" :data="data"></yucun-detailss>
+    </tabs>
+    <tabs header="发折查询" v-if="permission('发折查询')">
+      <sendbook-query v-if="show.includes('发折查询')" @deal-msg="dealMsg" :data="data"></sendbook-query>
+    </tabs>
+    <tabs header="用户参保查询" v-if="permission('用户参保查询')">
+      <user-insured v-if="show.includes('用户参保查询')" @deal-msg="dealMsg" :data="data"></user-insured>
+    </tabs>
+    <!--      <tabs header="资源操作记录查询" v-if="permission('资源操作记录查询')">-->
+    <!--        <resource-operating-query v-if="show == '资源操作记录查询'" @deal-msg="dealMsg" :data="data"></resource-operating-query>-->
+    <!--      </tabs>-->
+  </tab-button>
+  <!--  </div>-->
+  <!--  <div v-if="!listpage">-->
+  <!--    <meter-info-manage :row="rowData" :f_start_date="f_start_date" :f_end_date="f_end_date"></meter-info-manage>-->
+  <!--  </div>-->
+</template>
+
+<script>
+import TabButton from '../../components/sale/common/TabButton'
+import Tabs from '../../components/sale/common/Tabs'
+import ChargeQuery from './ChargeQuery'
+import { HttpResetClass } from 'vue-client'
+
+export default {
+  name: "BusinessQuery",
+  title: '业务查询',
+  data() {
+    return {// 页面开关
+      residentialArea: [],
+      f_start_date: '',
+      f_end_date: '',
+      listpage: true,
+      width: {
+        left: '100%',
+        right: '0%'
+      },
+      // searchNumber:'',
+      rowData: {},
+      show: [],
+      data: {
+        startDate: this.$login.toStandardDateString() + ' 00:00:00',
+        endDate: this.$login.toStandardDateString() + ' 23:59:59',
+        f_userinfo_code:''
+      }
+
+    }
+  },
+  components: {Tabs, TabButton, ChargeQuery},
+  ready() {
+    this.getaddress()
+    console.log(this.$refs.list)
+    console.log('业务查询')
+  },
+  methods: {
+    async  getaddress(){
+      let HttpReset = new HttpResetClass()
+      var data = await HttpReset.load('POST', 'rs/sql/manage_getarealist', {
+        data: {
+          condition: `1=1 and s.f_orgid = '${this.$login.f.orgid}'`
+        }
+      }, {resolveMsg: null, rejectMsg: '获取小区失败!'})
+      console.log('小区',data)
+      let house = []
+      for (let row of data.data){
+        house.push({label: row.f_residential_area, value: row.f_residential_area})
+      }
+      house.unshift({label: '全部', value: ''})
+      this.residentialArea = house
+    },
+    permission(name) {
+      if (this.$login.r.find(value => value == '综合查询')) {
+        if (!this.$login.r.find(value => value == name)) {
+          return false
+        }
+      }
+      return true
+    },
+    cancel(obj) {
+      this.listpage = true
+    },
+    dealMsg(obj) {
+      this.rowData = obj
+      this.listpage = false
+      this.f_start_date = obj.model.startDate
+      this.f_end_date = obj.model.endDate
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>