manage-client 3.2.75 → 3.2.76-jb

package/src/components/webmeter/gasAnalysis/GasAnalysisEcharts.vue

@@ -1,144 +1,144 @@
-<template lang="html">
-  <div id="charts">
-    <div id="gasanalysis" :style="{width:'100%',height:'100%'}"></div>
-  </div>
-</template>
-
-<script>
-  import co from 'co'
-  import echarts from 'echarts'
-  import { HttpResetClass } from 'vue-client'
-
-  let getData = function * (self, condition) {
-    let load = new HttpResetClass()
-    console.log('startDate', self.startdate)
-    console.log('endDate', self.enddate)
-    load.load('POST', 'rs/sql/gasAnalysisEcharts',
-      {data: {condition: condition, groupname: self.groupname, startDate: self.startdate,
-          endDate: self.enddate}},
-      {resolveMsg: null, rejectMsg: null})
-      .then((res) => {
-        let arrparams = []
-        let gasdata = []
-        for (var i = 0; i < res.data.length; i++) {
-          arrparams[i] = res.data[i].f_type
-          gasdata[i] = res.data[i].f_oughtamount
-        }
-        self.set(arrparams,gasdata)
-      })
-  }
-  export default {
-    data () {
-      title: '业务类型'
-      return {
-        xc: ''
-      }
-    },
-    props: {
-      startdate: {
-        type: String,
-        default: ''
-      },
-      enddate: {
-        type: String,
-        default: ''
-      },
-      condition: {
-        type: String,
-        default: '1=1'
-      },
-      groupname: {
-        type: String,
-        default: 'year'
-      }
-    },
-    methods: {
-      set (arrparams,gasdata) {
-        let name = ''
-        if(this.groupname === 'year')
-        {
-          name = '年'
-        } else if (this.groupname === 'month'){
-          name = '月'
-        } else if (this.groupname === 'week'){
-          name = '周'
-        } else {
-          name = '日'
-        }
-        this.xc = echarts.init(document.getElementById('gasanalysis'))
-        this.xc.setOption({
-          title: {
-            text: '用气' + name + '分析柱状图',
-            subtext: '',
-            textStyle:{
-              color: '#000',
-              fontStyle: 'normal',
-              fontWeight: 'normal',
-              fontSize: 40
-            },
-            x: 'center',
-            subtextStyle: {
-              color: '#000',
-              fontSize: 40
-            }
-          },
-          color: ['#3398DB'],
-          tooltip : {
-            trigger: 'axis',
-            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
-              type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
-            }
-          },
-          grid: {
-            left: '3%',
-            right: '4%',
-            bottom: '3%',
-            containLabel: true
-          },
-          xAxis : [
-            {
-              name: '日期',
-              type : 'category',
-              data : arrparams,
-              axisTick: {
-                alignWithLabel: true
-              }
-            }
-          ],
-          yAxis : [
-            {
-              name: '用气量(m³)',
-              type : 'value'
-            }
-          ],
-          series : [
-            {
-              name:'用气量(m³)',
-              type:'bar',
-              barWidth: '30%',
-              data:gasdata
-            }
-          ]
-        })
-      },
-      searchdata (condition) {
-        let getGen = getData(this, condition)
-        co(getGen)
-      }
-    },
-    watch: {
-      'condition' (val) {
-        this.searchdata(val)
-      },
-      'groupname' (val) {
-        this.searchdata(this.condition)
-      },
-      'startdate' (val) {
-        this.startdate = val
-      },
-      'enddate' (val) {
-        this.enddate = val
-      }
-    }
-  }
-</script>
+<template lang="html">
+  <div id="charts">
+    <div id="gasanalysis" :style="{width:'100%',height:'100%'}"></div>
+  </div>
+</template>
+
+<script>
+  import co from 'co'
+  import echarts from 'echarts'
+  import { HttpResetClass } from 'vue-client'
+
+  let getData = function * (self, condition) {
+    let load = new HttpResetClass()
+    console.log('startDate', self.startdate)
+    console.log('endDate', self.enddate)
+    load.load('POST', 'rs/sql/gasAnalysisEcharts',
+      {data: {condition: condition, groupname: self.groupname, startDate: self.startdate,
+          endDate: self.enddate}},
+      {resolveMsg: null, rejectMsg: null})
+      .then((res) => {
+        let arrparams = []
+        let gasdata = []
+        for (var i = 0; i < res.data.length; i++) {
+          arrparams[i] = res.data[i].f_type
+          gasdata[i] = res.data[i].f_oughtamount
+        }
+        self.set(arrparams,gasdata)
+      })
+  }
+  export default {
+    data () {
+      title: '业务类型'
+      return {
+        xc: ''
+      }
+    },
+    props: {
+      startdate: {
+        type: String,
+        default: ''
+      },
+      enddate: {
+        type: String,
+        default: ''
+      },
+      condition: {
+        type: String,
+        default: '1=1'
+      },
+      groupname: {
+        type: String,
+        default: 'year'
+      }
+    },
+    methods: {
+      set (arrparams,gasdata) {
+        let name = ''
+        if(this.groupname === 'year')
+        {
+          name = '年'
+        } else if (this.groupname === 'month'){
+          name = '月'
+        } else if (this.groupname === 'week'){
+          name = '周'
+        } else {
+          name = '日'
+        }
+        this.xc = echarts.init(document.getElementById('gasanalysis'))
+        this.xc.setOption({
+          title: {
+            text: '用气' + name + '分析柱状图',
+            subtext: '',
+            textStyle:{
+              color: '#000',
+              fontStyle: 'normal',
+              fontWeight: 'normal',
+              fontSize: 40
+            },
+            x: 'center',
+            subtextStyle: {
+              color: '#000',
+              fontSize: 40
+            }
+          },
+          color: ['#3398DB'],
+          tooltip : {
+            trigger: 'axis',
+            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
+              type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
+            }
+          },
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          xAxis : [
+            {
+              name: '日期',
+              type : 'category',
+              data : arrparams,
+              axisTick: {
+                alignWithLabel: true
+              }
+            }
+          ],
+          yAxis : [
+            {
+              name: '用气量(m³)',
+              type : 'value'
+            }
+          ],
+          series : [
+            {
+              name:'用气量(m³)',
+              type:'bar',
+              barWidth: '30%',
+              data:gasdata
+            }
+          ]
+        })
+      },
+      searchdata (condition) {
+        let getGen = getData(this, condition)
+        co(getGen)
+      }
+    },
+    watch: {
+      'condition' (val) {
+        this.searchdata(val)
+      },
+      'groupname' (val) {
+        this.searchdata(this.condition)
+      },
+      'startdate' (val) {
+        this.startdate = val
+      },
+      'enddate' (val) {
+        this.enddate = val
+      }
+    }
+  }
+</script>

package/src/components/webmeter/gasAnalysis/GasAnalysisSummary.vue

@@ -1,162 +1,162 @@
-<template lang="html">
-  <div class="span" >
-    <p class="bg-info text-center " style="padding: 8px;">用户用气汇总</p>
-    <div class="mystyle2 " >
-      <label class="control-label">汇总项</label>
-      <input type="checkbox" id="year" value="year"  v-model="nameForSql"/>
-      <label for="year">年份</label>
-      <input type="checkbox" id="month" value="month" v-model="nameForSql"/>
-      <label for="month">月份</label>
-      <input type="checkbox" id="week" value="week" v-model="nameForSql"/>
-      <label for="week">周</label>
-      <input type="checkbox" id="day" value="day" v-model="nameForSql"/>
-      <label for="day">日</label>
-      <input type="checkbox" id="f_userType" value="f_user_type" v-model="nameForSql"/>
-      <label for="f_userType">用户类型</label>
-      <input type="checkbox" id="f_gasproperties" value="f_gasproperties" v-model="nameForSql"/>
-      <label for="f_gasproperties">用气性质</label>
-      <input type="checkbox" id="f_orgstr" value="f_orgstr" v-model="nameForSql"/>
-      <label for="f_orgstr">营业网点</label>
-      <input type="checkbox" id="f_filialeids" value="f_filialeids" v-model="nameForSql"/>
-      <label for="f_filialeids">分公司</label>
-      <button class="btn btn-success" @click="searchData">查询</button>
-      <span style="float: right">
-        <report-excel class="btn btn-success" id="table"></report-excel>
-        <report-print class="btn btn-success" id="table" top='3cm' left='0' width='100%' height='100%'></report-print></span>
-    </div>
-    <div id="table">
-      <table  class="table table-bordered">
-        <thead class="text-left">
-        <tr style="text-align:center">
-          <p style="padding: 8px;text-align:center">用户用气汇总</p>
-        </tr>
-        <tr>
-          <th v-if="nameForSql.includes('year')" style="text-align:center">年份</th>
-          <th v-if="nameForSql.includes('month')" style="text-align:center">月份</th>
-          <th v-if="nameForSql.includes('week')" style="text-align:center">周</th>
-          <th v-if="nameForSql.includes('day')" style="text-align:center">日</th>
-          <th v-if="nameForSql.includes('f_user_type')" style="text-align:center">用户类型</th>
-          <th v-if="nameForSql.includes('f_gasproperties')" style="text-align:center">用气性质</th>
-          <th v-if="nameForSql.includes('f_orgstr')" style="text-align:center">营业网点</th>
-          <th v-if="nameForSql.includes('f_filialeids')" style="text-align:center">分公司</th>
-          <th style="text-align:center"><nobr>总用气气量(m³)</nobr></th>
-          <th style="text-align:center"><nobr>总用气金额(元)</nobr></th>
-          <th style="text-align:center"><nobr>一阶总气量(m³)</nobr></th>
-          <th style="text-align:center"><nobr>一阶总金额(元)</nobr></th>
-          <th style="text-align:center"><nobr>二阶总气量(m³)</nobr></th>
-          <th style="text-align:center"><nobr>二阶总金额(元)</nobr></th>
-          <th style="text-align:center"><nobr>三阶总气量(m³)</nobr></th>
-          <th style="text-align:center"><nobr>三阶总金额(元)</nobr></th>
-        </tr></thead>
-        <tbody>
-        <tr v-for="item in model2">
-          <td style="text-align:center" v-if="nameForSql.includes('year')">{{item.year}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('month')">{{item.month}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('week')">{{item.week}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('day')">{{item.day}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('f_user_type')">{{item.f_user_type}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('f_gasproperties')">{{item.f_gasproperties}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('f_orgstr')">{{item.f_orgstr}}</td>
-          <td style="text-align:center" v-if="nameForSql.includes('f_filialeids')">{{item.f_filialeids}}</td>
-          <td style="text-align:center">{{item.f_oughtamount}}</td>
-          <td style="text-align:center">{{item.f_oughtfee}}</td>
-          <td style="text-align:center">{{item.f_gas1}}</td>
-          <td style="text-align:center">{{item.f_money1}}</td>
-          <td style="text-align:center">{{item.f_gas2}}</td>
-          <td style="text-align:center">{{item.f_money2}}</td>
-          <td style="text-align:center">{{item.f_gas3}}</td>
-          <td style="text-align:center">{{item.f_money3}}</td>
-        </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</template>
-
-<script>
-  import { HttpResetClass } from 'vue-client'
-  export default {
-    props:{
-      startdate: {
-        type: String,
-        default: ''
-      },
-      enddate: {
-        type: String,
-        default: ''
-      }
-    },
-    data(){
-      return{
-        model2:null,
-        conditionForSql: '1=1',
-        nameForSql:[],
-        groupNameForSql :'',
-
-      }
-    },
-    ready (){
-    },
-    methods :{
-      async searchData(){
-        if(this.groupNameForSql) {
-          let load = new HttpResetClass()
-          let res = await load.load('POST', 'rs/sql/gasAnalysisSummary',
-            {data: {condition: this.conditionForSql, groupname: this.groupNameForSql}},
-            {resolveMsg: null, rejectMsg: null})
-          console.log('res返回', res)
-          this.model2 = res.data
-          console.log('res返回123', this.model2)
-        }else{
-          window.alert("请选择汇总项")
-        }
-      },
-      //拼接groupName1
-      getGroupName1(){
-        console.log("this.nameForSql.length："+this.nameForSql.length)
-        let str= ''
-        let i=0
-        for(;i<this.nameForSql.length-1;i++){
-          str +=this.nameForSql[i]+','
-        }
-        str +=this.nameForSql[i]
-        this.groupNameForSql =str.trim()
-        console.log("拼接的groupname为："+this.groupNameForSql)
-        console.log("拼接的groupname[][]为："+this.nameForSql)
-      },
-
-
-    },
-    watch:{
-
-      'nameForSql'(){
-        // this.nameForSql =this.groupNameByDate;
-        this.getGroupName1()
-
-
-      },
-      '$parent.condition'(val){
-        console.log("监听groupNameByDate,新"+val+"旧：")
-        this.conditionForSql = val
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .mystyle2{
-    width: 100%;
-    height: 35px;
-    /*background: #00A3F0;*/
-    padding-left: 15px;
-    float: left;
-  }
-  .datapanel {
-    color: #333;
-    background-color: white;
-    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
-    padding: 10px 30px 10px 30px;
-    border-radius:15px;
-  }
-
-</style>
+<template lang="html">
+  <div class="span" >
+    <p class="bg-info text-center " style="padding: 8px;">用户用气汇总</p>
+    <div class="mystyle2 " >
+      <label class="control-label">汇总项</label>
+      <input type="checkbox" id="year" value="year"  v-model="nameForSql"/>
+      <label for="year">年份</label>
+      <input type="checkbox" id="month" value="month" v-model="nameForSql"/>
+      <label for="month">月份</label>
+      <input type="checkbox" id="week" value="week" v-model="nameForSql"/>
+      <label for="week">周</label>
+      <input type="checkbox" id="day" value="day" v-model="nameForSql"/>
+      <label for="day">日</label>
+      <input type="checkbox" id="f_userType" value="f_user_type" v-model="nameForSql"/>
+      <label for="f_userType">用户类型</label>
+      <input type="checkbox" id="f_gasproperties" value="f_gasproperties" v-model="nameForSql"/>
+      <label for="f_gasproperties">用气性质</label>
+      <input type="checkbox" id="f_orgstr" value="f_orgstr" v-model="nameForSql"/>
+      <label for="f_orgstr">营业网点</label>
+      <input type="checkbox" id="f_filialeids" value="f_filialeids" v-model="nameForSql"/>
+      <label for="f_filialeids">分公司</label>
+      <button class="btn btn-success" @click="searchData">查询</button>
+      <span style="float: right">
+        <report-excel class="btn btn-success" id="table"></report-excel>
+        <report-print class="btn btn-success" id="table" top='3cm' left='0' width='100%' height='100%'></report-print></span>
+    </div>
+    <div id="table">
+      <table  class="table table-bordered">
+        <thead class="text-left">
+        <tr style="text-align:center">
+          <p style="padding: 8px;text-align:center">用户用气汇总</p>
+        </tr>
+        <tr>
+          <th v-if="nameForSql.includes('year')" style="text-align:center">年份</th>
+          <th v-if="nameForSql.includes('month')" style="text-align:center">月份</th>
+          <th v-if="nameForSql.includes('week')" style="text-align:center">周</th>
+          <th v-if="nameForSql.includes('day')" style="text-align:center">日</th>
+          <th v-if="nameForSql.includes('f_user_type')" style="text-align:center">用户类型</th>
+          <th v-if="nameForSql.includes('f_gasproperties')" style="text-align:center">用气性质</th>
+          <th v-if="nameForSql.includes('f_orgstr')" style="text-align:center">营业网点</th>
+          <th v-if="nameForSql.includes('f_filialeids')" style="text-align:center">分公司</th>
+          <th style="text-align:center"><nobr>总用气气量(m³)</nobr></th>
+          <th style="text-align:center"><nobr>总用气金额(元)</nobr></th>
+          <th style="text-align:center"><nobr>一阶总气量(m³)</nobr></th>
+          <th style="text-align:center"><nobr>一阶总金额(元)</nobr></th>
+          <th style="text-align:center"><nobr>二阶总气量(m³)</nobr></th>
+          <th style="text-align:center"><nobr>二阶总金额(元)</nobr></th>
+          <th style="text-align:center"><nobr>三阶总气量(m³)</nobr></th>
+          <th style="text-align:center"><nobr>三阶总金额(元)</nobr></th>
+        </tr></thead>
+        <tbody>
+        <tr v-for="item in model2">
+          <td style="text-align:center" v-if="nameForSql.includes('year')">{{item.year}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('month')">{{item.month}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('week')">{{item.week}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('day')">{{item.day}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('f_user_type')">{{item.f_user_type}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('f_gasproperties')">{{item.f_gasproperties}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('f_orgstr')">{{item.f_orgstr}}</td>
+          <td style="text-align:center" v-if="nameForSql.includes('f_filialeids')">{{item.f_filialeids}}</td>
+          <td style="text-align:center">{{item.f_oughtamount}}</td>
+          <td style="text-align:center">{{item.f_oughtfee}}</td>
+          <td style="text-align:center">{{item.f_gas1}}</td>
+          <td style="text-align:center">{{item.f_money1}}</td>
+          <td style="text-align:center">{{item.f_gas2}}</td>
+          <td style="text-align:center">{{item.f_money2}}</td>
+          <td style="text-align:center">{{item.f_gas3}}</td>
+          <td style="text-align:center">{{item.f_money3}}</td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { HttpResetClass } from 'vue-client'
+  export default {
+    props:{
+      startdate: {
+        type: String,
+        default: ''
+      },
+      enddate: {
+        type: String,
+        default: ''
+      }
+    },
+    data(){
+      return{
+        model2:null,
+        conditionForSql: '1=1',
+        nameForSql:[],
+        groupNameForSql :'',
+
+      }
+    },
+    ready (){
+    },
+    methods :{
+      async searchData(){
+        if(this.groupNameForSql) {
+          let load = new HttpResetClass()
+          let res = await load.load('POST', 'rs/sql/gasAnalysisSummary',
+            {data: {condition: this.conditionForSql, groupname: this.groupNameForSql}},
+            {resolveMsg: null, rejectMsg: null})
+          console.log('res返回', res)
+          this.model2 = res.data
+          console.log('res返回123', this.model2)
+        }else{
+          window.alert("请选择汇总项")
+        }
+      },
+      //拼接groupName1
+      getGroupName1(){
+        console.log("this.nameForSql.length："+this.nameForSql.length)
+        let str= ''
+        let i=0
+        for(;i<this.nameForSql.length-1;i++){
+          str +=this.nameForSql[i]+','
+        }
+        str +=this.nameForSql[i]
+        this.groupNameForSql =str.trim()
+        console.log("拼接的groupname为："+this.groupNameForSql)
+        console.log("拼接的groupname[][]为："+this.nameForSql)
+      },
+
+
+    },
+    watch:{
+
+      'nameForSql'(){
+        // this.nameForSql =this.groupNameByDate;
+        this.getGroupName1()
+
+
+      },
+      '$parent.condition'(val){
+        console.log("监听groupNameByDate,新"+val+"旧：")
+        this.conditionForSql = val
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .mystyle2{
+    width: 100%;
+    height: 35px;
+    /*background: #00A3F0;*/
+    padding-left: 15px;
+    float: left;
+  }
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
+    padding: 10px 30px 10px 30px;
+    border-radius:15px;
+  }
+
+</style>