manage-client 3.2.36 → 3.2.37

package/src/components/WebReport/ElectroMagnetic.vue

@@ -1,142 +1,142 @@
-<template>
-  <div id='app' class="flex">
-    <criteria-paged :model="model" :pager='true' v-ref:paged>
-      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
-        <div novalidate class="form-inline auto " partial >
-          <p class="bg-info text-center" style="padding: 8px;">电磁干扰查询</p>
-          <div class="flex-row auto" style="justify-content: space-between">
-            <div class="form-group" >
-              <label for="startDate">客户名称:</label>
-              <div class="form-group">
-                <input  type="text" class="form-control" v-model="model.f_username" placeholder='客户名称'
-                        condition="u.f_username = '{}'" v-next-el='yhxm'
-                        :size="model.f_username ? model.f_username.length  : 2">
-              </div>
-              <label for="startDate">小区:</label>
-              <div class="form-group">
-                <input  type="text" class="form-control" v-model="model.f_districtname" placeholder='小区'
-                        condition="f_districtname = '{}'"
-                        :size="model.f_districtname ? model.f_districtname.length  : 2">
-              </div>
-              <label for="startDate">地址:</label>
-              <div class="form-group">
-                <input  type="text" class="form-control" v-model="model.f_address" placeholder='地址'
-                        condition="f_address = '{}'"
-                        :size="model.f_address ? model.f_address.length  : 2">
-              </div>
-
-            <div class="form-group">
-              <label for="endDate">用户类型:</label>
-              <v-select id="f_metertype"
-                        v-model="model.f_usertype"
-                        placeholder='用户类型'
-                        :value.sync="model.f_user_type"
-                        :options='$parent.$parent.usertypes'
-                        condition="f_gasproperties = '{}'"
-                        close-on-select >
-              </v-select>
-              <button class="btn btn-success" @click="search()">查询</button>
-            </div>
-            <span></span>
-            <div class="form-group">
-              <export-excel :data="{orderitem: 'f_userid desc', condition: '1=1'}"
-                            :field="{f_username: '客户名称', f_districtname: '小区', f_address: '地址', f_zhye: '账户结余', f_gasproperties: '用户类型', tianshu: '不用气天数',
-                            f_meternumber: '表号', f_userid: '档案编码', f_eventdate: '创建时间' }"
-                            sqlurl="rs/sql/interference"></export-excel>
-            </div>
-          </div>
-        </div>
-        </div>
-      </criteria>
-      <data-grid :model="model" partial='list' v-ref:grid>
-        <template partial='head'>
-          <tr>
-            <th  style="text-align:center">序号</th>
-            <th  style="text-align:center">客户名称</th>
-            <th  style="text-align:center">表号</th>
-            <th  style="text-align:center">用户类型</th>
-            <th  style="text-align:center">联系方式</th>
-            <th  style="text-align:center">账户结余</th>
-            <th  style="text-align:center">档案编码</th>
-            <th  style="text-align:center">小区</th>
-            <th  style="text-align:center">地址</th>
-            <th  style="text-align:center">创建时间</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <td style="text-align:center">{{$index+1}}</td>
-          <td style="text-align:center">{{row.f_username}}</td>
-          <td style="text-align:center">{{row.f_meternumber}}</td>
-          <td style="text-align:center">{{row.f_gasproperties}}</td>
-          <td style="text-align:center">{{row.f_phone}}</td>
-          <td style="text-align:center">{{row.f_zhye}}</td>
-          <td style="text-align:center">{{row.f_userid}}</td>
-          <td style="text-align:center">{{row.f_districtname}}</td>
-          <td style="text-align:center">{{row.f_address}}</td>
-          <td style="text-align:center">{{row.f_eventdate}}</td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-    <modal :show.sync="show" v-ref:modal small backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <h4 class="modal-title">输入文件名称</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div class="form-group">
-          <input  type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
-        <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
-      </footer>
-    </modal>
-
-  </div>
-</template>
-
-<script>
-  import { DataModel, HttpResetClass } from 'vue-client'
-  import * as Util from '../../Util'
-  import AppData from '../../stores/AppData'
-  import co from 'co'
-  import { PagedList } from 'vue-client'
-
-  export default {
-    title: '电磁干扰查询',
-    props: ['data'],
-    data () {
-      return {
-        model: new PagedList('rs/sql/interference', 20),
-        reportStr: null,
-        show: false,
-        outlets: [],
-        operator: [],
-        filename: '',
-        echarts: true
-      }
-    },
-    ready () {
-      this.search()
-    },
-    methods: {
-      search () {
-        this.$refs.paged.$refs.cri.search()
-        this.condition = this.$refs.paged.$refs.cri.condition
-      },
-      // 将报表保存成文件
-      confirmReport () {
-        this.show = true
-        this.filename = this.data.f_report_name + Util.toStandardDateString()
-      }
-    },
-  computed: {
-    usertypes() {
-      return this.$getParams('用户类型', [{label: '全部', value: ''}])
-    },
-    metertypes() {
-      return this.$getParams('表具类型', [{label: '全部', value: ''}])
-    },
-  }
-  }
-</script>
+<template>
+  <div id='app' class="flex">
+    <criteria-paged :model="model" :pager='true' v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate class="form-inline auto " partial >
+          <p class="bg-info text-center" style="padding: 8px;">电磁干扰查询</p>
+          <div class="flex-row auto" style="justify-content: space-between">
+            <div class="form-group" >
+              <label for="startDate">客户名称:</label>
+              <div class="form-group">
+                <input  type="text" class="form-control" v-model="model.f_username" placeholder='客户名称'
+                        condition="u.f_username = '{}'" v-next-el='yhxm'
+                        :size="model.f_username ? model.f_username.length  : 2">
+              </div>
+              <label for="startDate">小区:</label>
+              <div class="form-group">
+                <input  type="text" class="form-control" v-model="model.f_districtname" placeholder='小区'
+                        condition="f_districtname = '{}'"
+                        :size="model.f_districtname ? model.f_districtname.length  : 2">
+              </div>
+              <label for="startDate">地址:</label>
+              <div class="form-group">
+                <input  type="text" class="form-control" v-model="model.f_address" placeholder='地址'
+                        condition="f_address = '{}'"
+                        :size="model.f_address ? model.f_address.length  : 2">
+              </div>
+
+            <div class="form-group">
+              <label for="endDate">用户类型:</label>
+              <v-select id="f_metertype"
+                        v-model="model.f_usertype"
+                        placeholder='用户类型'
+                        :value.sync="model.f_user_type"
+                        :options='$parent.$parent.usertypes'
+                        condition="f_gasproperties = '{}'"
+                        close-on-select >
+              </v-select>
+              <button class="btn btn-success" @click="search()">查询</button>
+            </div>
+            <span></span>
+            <div class="form-group">
+              <export-excel :data="{orderitem: 'f_userid desc', condition: '1=1'}"
+                            :field="{f_username: '客户名称', f_districtname: '小区', f_address: '地址', f_zhye: '账户结余', f_gasproperties: '用户类型', tianshu: '不用气天数',
+                            f_meternumber: '表号', f_userid: '档案编码', f_eventdate: '创建时间' }"
+                            sqlurl="rs/sql/interference"></export-excel>
+            </div>
+          </div>
+        </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th  style="text-align:center">序号</th>
+            <th  style="text-align:center">客户名称</th>
+            <th  style="text-align:center">表号</th>
+            <th  style="text-align:center">用户类型</th>
+            <th  style="text-align:center">联系方式</th>
+            <th  style="text-align:center">账户结余</th>
+            <th  style="text-align:center">档案编码</th>
+            <th  style="text-align:center">小区</th>
+            <th  style="text-align:center">地址</th>
+            <th  style="text-align:center">创建时间</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td style="text-align:center">{{$index+1}}</td>
+          <td style="text-align:center">{{row.f_username}}</td>
+          <td style="text-align:center">{{row.f_meternumber}}</td>
+          <td style="text-align:center">{{row.f_gasproperties}}</td>
+          <td style="text-align:center">{{row.f_phone}}</td>
+          <td style="text-align:center">{{row.f_zhye}}</td>
+          <td style="text-align:center">{{row.f_userid}}</td>
+          <td style="text-align:center">{{row.f_districtname}}</td>
+          <td style="text-align:center">{{row.f_address}}</td>
+          <td style="text-align:center">{{row.f_eventdate}}</td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+    <modal :show.sync="show" v-ref:modal small backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">输入文件名称</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-group">
+          <input  type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
+        <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
+      </footer>
+    </modal>
+
+  </div>
+</template>
+
+<script>
+  import { DataModel, HttpResetClass } from 'vue-client'
+  import * as Util from '../../Util'
+  import AppData from '../../stores/AppData'
+  import co from 'co'
+  import { PagedList } from 'vue-client'
+
+  export default {
+    title: '电磁干扰查询',
+    props: ['data'],
+    data () {
+      return {
+        model: new PagedList('rs/sql/interference', 20),
+        reportStr: null,
+        show: false,
+        outlets: [],
+        operator: [],
+        filename: '',
+        echarts: true
+      }
+    },
+    ready () {
+      this.search()
+    },
+    methods: {
+      search () {
+        this.$refs.paged.$refs.cri.search()
+        this.condition = this.$refs.paged.$refs.cri.condition
+      },
+      // 将报表保存成文件
+      confirmReport () {
+        this.show = true
+        this.filename = this.data.f_report_name + Util.toStandardDateString()
+      }
+    },
+  computed: {
+    usertypes() {
+      return this.$getParams('用户类型', [{label: '全部', value: ''}])
+    },
+    metertypes() {
+      return this.$getParams('表具类型', [{label: '全部', value: ''}])
+    },
+  }
+  }
+</script>

package/src/components/WebReport/GaspriceHas.vue

@@ -1,141 +1,141 @@
-<template lang="html">
-  <div id="charts">
-    <div id="gph" :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()
-  load.load('POST','rs/sql/GaspriceHas',
-  {data: {startDate: self.startdate, endDate: self.enddate}},
-  {resolveMsg: null, rejectMsg: null})
-  .then((res) => {
-    self.texttile = '用户类型'
-    let arrparams = []
-    let gasdata = []
-    let pricedata = []
-    for (var i = 0; i < res.data.length; i++) {
-        arrparams[i] = res.data[i].name
-        gasdata[i] = res.data[i].gas_value
-        pricedata[i] = res.data[i].money_value
-    }
-    self.set(arrparams,gasdata,pricedata)
-  })
-}
-export default {
-  props: {
-    startdate: {
-    type: String,
-    default: Util.toStandardDateString()
-  },
-  enddate: {
-    type: String,
-    default: Util.toStandardDateString()
-  }
-},
- data () {
-   return {
-     texttile: '',
-     xc: ''
-   }
- },
- methods: {
-   set (arrparams,gasdata,pricedata) {
-     this.xc = echarts.init(document.getElementById('gph'))
-     this.xc.setOption({
-       title : {
-         text: '气量金额散列图',
-         subtext: '数据来源',
-         x: 'center'
-       },
-       tooltip : {
-         trigger: 'axis'
-       },
-       legend: {
-         orient: 'vertical',
-         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:gasdata,
-          markPoint : {
-            data : [
-              {type : 'max', name: '最大值'},
-              {type : 'min', name: '最小值'}
-            ]
-          },
-          markLine : {
-            data : [
-              {type : 'average', name: '平均值'}
-            ]
-          }
-        },
-        {
-          name:'金额',
-          type:'bar',
-          data:pricedata,
-          markPoint : {
-            data : [
-              {type : 'max', name: '最大值'},
-              {type : 'min', name: '最小值'}
-            ]
-          },
-          markLine : {
-          data : [
-              {type : 'average', name : '平均值'}
-            ]
-          }
-        }
-      ]
-     })
-   },
-   searchdata () {
-     let getGen =getData(this)
-     co(getGen)
-   }
- },
- ready () {
-   this.searchdata()
- },
- watch: {
-   'startdate' (val) {
-     this.searchdata()
-   },
-   'enddate' (val) {
-     this.searchdata()
-   }
- }
-
-}
-</script>
+<template lang="html">
+  <div id="charts">
+    <div id="gph" :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()
+  load.load('POST','rs/sql/GaspriceHas',
+  {data: {startDate: self.startdate, endDate: self.enddate}},
+  {resolveMsg: null, rejectMsg: null})
+  .then((res) => {
+    self.texttile = '用户类型'
+    let arrparams = []
+    let gasdata = []
+    let pricedata = []
+    for (var i = 0; i < res.data.length; i++) {
+        arrparams[i] = res.data[i].name
+        gasdata[i] = res.data[i].gas_value
+        pricedata[i] = res.data[i].money_value
+    }
+    self.set(arrparams,gasdata,pricedata)
+  })
+}
+export default {
+  props: {
+    startdate: {
+    type: String,
+    default: Util.toStandardDateString()
+  },
+  enddate: {
+    type: String,
+    default: Util.toStandardDateString()
+  }
+},
+ data () {
+   return {
+     texttile: '',
+     xc: ''
+   }
+ },
+ methods: {
+   set (arrparams,gasdata,pricedata) {
+     this.xc = echarts.init(document.getElementById('gph'))
+     this.xc.setOption({
+       title : {
+         text: '气量金额散列图',
+         subtext: '数据来源',
+         x: 'center'
+       },
+       tooltip : {
+         trigger: 'axis'
+       },
+       legend: {
+         orient: 'vertical',
+         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:gasdata,
+          markPoint : {
+            data : [
+              {type : 'max', name: '最大值'},
+              {type : 'min', name: '最小值'}
+            ]
+          },
+          markLine : {
+            data : [
+              {type : 'average', name: '平均值'}
+            ]
+          }
+        },
+        {
+          name:'金额',
+          type:'bar',
+          data:pricedata,
+          markPoint : {
+            data : [
+              {type : 'max', name: '最大值'},
+              {type : 'min', name: '最小值'}
+            ]
+          },
+          markLine : {
+          data : [
+              {type : 'average', name : '平均值'}
+            ]
+          }
+        }
+      ]
+     })
+   },
+   searchdata () {
+     let getGen =getData(this)
+     co(getGen)
+   }
+ },
+ ready () {
+   this.searchdata()
+ },
+ watch: {
+   'startdate' (val) {
+     this.searchdata()
+   },
+   'enddate' (val) {
+     this.searchdata()
+   }
+ }
+
+}
+</script>