manage-client 3.2.52-aode → 3.2.53-aode

package/src/components/webmeter/DrillData/UserGasAll.vue

@@ -1,507 +1,515 @@
-<template>
-  <div class="flex-row" id="unit" v-show="(!echarts)&&(!isActiveTotalForm)">
-    <div class="basic-main" @keyup.enter="search">
-      <div class="flex">
-        <div class="flex" style="flex:1;">
-          <criteria-paged :model="model" :pager='true' v-ref:paged>
-            <criteria @condition-changed='$parent.search' partial='criteria' v-ref:cri>
-              <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
-                <div class="row" width="100%">
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">组织机构</label>
-                    <res-select :initresid="$parent.$parent.orgid"
-                                style="width:60%"
-                                @res-select="$parent.$parent.getRes"
-                                restype='organization'>
-                    </res-select>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">客户编号</label>
-                    <input  style="width:60%" class="input_search" condition="f_userinfo_code like '{}%'" placeholder='客户编号' type="text"
-                           v-el:meternumber v-model="model.f_userinfo_code" v-next-el='f_userinfo_code'
-                    >
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">客户名称</label>
-                    <input  style="width:60%" class="input_search" condition="f_user_name like '%{}%'" placeholder='客户名称' type="text"
-                           v-el:username v-model="model.f_username" v-next-el='userid'>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">表&emsp;&emsp;号</label>
-                    <input  style="width:60%" class="input_search" condition="f_meternumber = '{}'" placeholder='表号' type="text"
-                            v-el:meternumber v-model="model.f_meternumber" v-next-el='meternumber'
-                    >
-                  </div>
-
-                  <div class="col-sm-4 form-group button-range">
-                    <button @click="search()" class="button_search button_spacing">查询</button>
-                    <button @click="$parent.$parent.clearmsg" class="button_clear button_spacing">清空</button>
-
-                    <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
-                    <easy-excel-export :data="$parent.$parent.getCondition"
-                                  :defaultselect="$parent.$parent.selectfields"
-                                  :field="$parent.$parent.getfield"
-                                  :exportprogress="true" v-ref:exports
-                                   sqlurl="rs/easyexcel/export" sql-name="webmeter_getUserGasList" :template-name="$parent.$parent.getName"
-                                  :choose-col="true">
-                    </easy-excel-export>
-                  </div>
-                </div>
-                <div class="row" >
-
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">用气地址</label>
-                    <input  style="width:60%" class="input_search" condition="f_address like '%{}%'" placeholder='用气地址' type="text"
-                           v-el:area v-el:xq v-model="model.f_address" v-next-el='address'
-                    >
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">小区名称</label>
-                    <input  style="width:60%" class="input_search" placeholder='小区名称' type="text"
-                            v-el:area v-el:xq v-model="model.f_residential_area" v-next-el='f_residential_area'
-                    >
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">客户类型</label>
-                    <v-select :options='$parent.$parent.Gasusertype'
-                              :value.sync="model.f_user_type"
-                              close-on-select
-                              style="width:60%"
-                              condition="f_user_type = '{}'"
-                              id="f_user_type"
-                              placeholder='客户类型'
-                              v-model="model.f_user_type"
-                              value-single="true">
-                    </v-select>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">用气性质</label>
-                    <v-select :options='$parent.$parent.Gasproperties'
-                              :value.sync="model.f_gasproperties"
-                              close-on-select
-                              condition="f_gasproperties = '{}'"
-                              id="f_gasproperties"
-                              placeholder='用气性质'
-                              style="width:60%"
-                              v-model="model.f_gasproperties"
-                              value-single="true">
-                    </v-select>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">气表品牌</label>
-                    <v-select :value.sync="model.f_meter_brand"
-                              v-model="model.f_meter_brand"
-                              :options='$parent.$parent.meterbrands' placeholder='请选择'
-                              condition="f_meter_brand = '{}'"
-                              close-on-select></v-select>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label for="inputStartDate" class="font_normal_body">结算日期</label>
-                    <datepicker id="inputStartDate" placeholder="结算日期" style="width:60%"
-                                v-model="model.inputStartDate"
-                                :value.sync="model.inputStartDate"
-                                :format="'yyyy-MM-dd HH:mm:ss'"
-                                placeholder="结算起始日期"
-                                :show-reset-button="true"
-                    >
-                    </datepicker>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label for="inputEndDate" class="font_normal_body">&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;&ensp;</label>
-                    <datepicker id="inputEndDate" placeholder="结算日期" style="width:60%"
-                                v-model="model.inputEndDate"
-                                :value.sync="model.inputEndDate"
-                                :format="'yyyy-MM-dd HH:mm:ss'"
-                                placeholder="结算结束日期"
-                                :show-reset-button="true"
-                    >
-                    </datepicker>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body">上报时间</label>
-                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
-                                :show-reset-button="reset"
-                                :value.sync="model.startHandDate"
-                                id="startDate"
-                                style="width:60%"
-                                placeholder="上报开始时间"
-                                v-model="model.startHandDate">
-                    </datepicker>
-                  </div>
-                  <div class="col-sm-2 form-group">
-                    <label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
-                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
-                                :show-reset-button="reset"
-                                :value.sync="model.endHandDate"
-                                style="width:60%"
-                                id="endDate"
-                                placeholder="上报结束日期"
-                                v-model="model.endHandDate">
-                    </datepicker>
-                  </div>
-                </div>
-              </div>
-
-            </criteria>
-            <data-grid :model="model" id="usergasall" partial='list' class="list_area table_sy" v-ref:grid>
-              <template partial='head'>
-                <tr>
-                  <th style="text-align:center">
-                    <nobr>客户编号</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>客户类型</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>用气性质</nobr>
-                  </th>
-                  <!--<th style="text-align:center"><nobr>用气属性</nobr></th>-->
-                  <th style="text-align:center">
-                    <nobr>客户名称</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>用气地址</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>气表品牌</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>起始时间~终止时间</nobr>
-                  </th>
-<!--                  <th style="text-align:center">-->
-<!--                    <nobr>终止时间</nobr>-->
-<!--                  </th>-->
-                  <th style="text-align:center">
-                    <nobr>表号</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>期初余额(元)</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>上期底数</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>用气量(m³)</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>用气金额(元)</nobr>
-                  </th>
-<!--                  <th style="text-align:center">-->
-<!--                    <nobr>充值金额(元)</nobr>-->
-<!--                  </th>-->
-                  <th style="text-align:center">
-                    <nobr>期末结余(元)</nobr>
-                  </th>
-                  <th style="text-align:center">
-                    <nobr>组织</nobr>
-                  </th>
-                </tr>
-
-
-              </template>
-              <template partial='body'>
-                <td>{{row.f_userinfo_code}}</td>
-                <td style="text-align:center">{{row.f_user_type}}</td>
-                <td style="text-align:center">{{row.f_gasproperties}}</td>
-                <!--<td style="text-align:center">{{row.f_gasproperties2}}</td>-->
-                <td style="text-align:center">
-                  <nobr>{{row.f_user_name}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_address}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_meter_brand}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_hand_date}}</nobr>
-                </td>
-<!--                <td>-->
-<!--                  <nobr>{{row.f_end_hand_date}}</nobr>-->
-<!--                </td>-->
-                <td>{{row.f_meternumber}}</td>
-                <td style="text-align:center">{{row.f_balance}}</td>
-                <td style="text-align:center">{{row.f_last_tablebase}}</td>
-                <td style="text-align:center">{{row.f_tablebase}}</td>
-                <!--<td style="text-align:center">{{row.f_avg_price}}</td>-->
-                <td style="text-align:center">{{row.f_oughtamount}}</td>
-                <td style="text-align:center">{{row.f_oughtfee}}</td>
-<!--                <td style="text-align:center">{{row.f_collection}}</td>-->
-                <td style="text-align:center">{{row.f_curbalance}}</td>
-                <td style="text-align:center">{{row.f_organization_name}}</td>
-              </template>
-              <template partial='foot'>
-                <td style="text-align: center;background-color: mistyrose"><nobr>合计：</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr>总户数：</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr>{{model.count}}</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr>总用气量：</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr> {{model.sums.f_oughtamount}}</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr>总用气金额</nobr></td>
-                <td style="text-align: center;background-color: mistyrose"><nobr> {{model.sums.f_oughtfee}}</nobr></td>
-              </template>
-            </data-grid>
-          </criteria-paged>
-        </div>
-      </div>
-    </div>
-<!--  <div  v-show="echarts">-->
-<!--    <user-gas-echarts :condition="condition" :echarts="echarts" :enddate="endDate"-->
-<!--                      :groupname="groupname[0]" :startdate="startDate"></user-gas-echarts>-->
-<!--  </div>-->
-  <!--汇总表显示模板-->
-  <div v-show="isActiveTotalForm" style="height:100%">
-<!--    <user-gas-eform :condition="condition"></user-gas-eform>-->
-  </div>
-</template>
-
-<script>
-  import {PagedList} from 'vue-client'
-  import UserGasEcharts from './UserGasEcharts'
-  import * as Util from '../../../Util'
-  import getLodop from '../../../plugins/LodopFuncs'
-  import plugins from '../../../plugins/GetLoginInfoService'
-  import exportConfig from "../../sale/config/exportConfig";
-  let readySomething = async function (self) {
-    await self.$MagLoadParams.loadParam()
-    self.initParams()
-  }
-  export default {
-    title: '用气分析',
-    props: ['data'],
-    components: {UserGasEcharts},
-    data() {
-      return {
-        other:[],
-        footer:[],
-        sumName: [],
-        model: new PagedList('rs/sql/webmeter_getUserGasList', 20,{startHandDate: 'this.model.startHandDate', endHandDate: 'this.model.endHandDate',startDate: 'this.model.inputStartDate', endDate: 'this.model.inputEndDate'},{f_oughtfee:0,f_oughtamount:0}),
-        getGroupNameByDate: [
-          {label: '年份', value: 'year'},
-          {label: '月份', value: 'month'},
-          {label: '周', value: 'week'}
-        ],
-        meterbrands: [],
-        criteriaShow: false,
-        reportStr: null,
-        show: false,
-        outlets: [],
-        operator: [],
-        filename: '',
-        searchshow: true,
-        startDate: '',
-        endDate: '',
-        startHandDate:'',
-        endHandDate:'',
-        echarts: false,
-        isActiveTotalForm: false,
-        condition: '1=1',
-        groupname: ['year'],
-        getgroupname: [
-          {label: '年份', value: 'year'},
-          {label: '月份', value: 'month'},
-          {label: '周', value: 'week'},
-          {label: '日', value: 'day'}
-        ],
-        orgCondtionStr: '(' + this.$login.f.orgid + ')',
-        orgid:[this.$login.f.orgid],
-        selectfields:[],
-      }
-    },
-    ready() {
-      console.log(1223)
-        this.$refs.paged.$refs.cri.model.inputStartDate = Util.toStandardDateString() + ' 00:00:00'
-        this.$refs.paged.$refs.cri.model.inputEndDate = Util.toStandardDateString() + ' 23:59:59'
-        this.$refs.paged.$refs.cri.model.startHandDate = ''
-        this.$refs.paged.$refs.cri.model.endHandDate = ''
-        //this.$refs.paged.$refs.cri.search();
-        for(var item in exportConfig.webmeterusergasConfig){
-          this.selectfields.push(item)
-        }
-        readySomething(this);
-    },
-    methods: {
-      getotherfooter(){
-        this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
-        this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
-        this.other=[];
-        this.footer=[];
-        let exportdata = this.getCondition;
-        let otherInData=[];
-        otherInData.push(`导出时间: ${this.$login.toStandardDateString()}`);
-        otherInData.push(`导出人：${this.$login.f.name}`)
-        let footerData=[],exportfield=this.getfield;
-        footerData.push("合计");
-        let self = this;
-        for(var field in self.sumsmodel){
-          footerData.push(`${self.sumsmodel[field]}`);
-        }
-        this.footer.push(footerData);
-        this.other.push(otherInData);
-      },
-      // 查询开关
-      hidden() {
-        console.log('show'+ this.criteriaShow)
-        this.criteriaShow = !this.criteriaShow
-      },
-      SaveAsFile(str) {
-        this.$showMessage('您是否需要导出本页数据？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            let style = '<style>' +
-              'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;}  .tdcenter{text-align: center;}</style>';
-            let strHtml = style + document.getElementById(str).innerHTML;
-            console.log(strHtml);
-            let LODOP = getLodop();
-            LODOP.PRINT_INIT('');
-            LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
-            LODOP.SAVE_TO_FILE('用气分析.xls')
-          }
-        })
-      },
-      clearmsg() {
-        this.$refs.paged.$refs.cri.model = {
-          f_userinfo_code:"",
-          f_username:"",
-          f_meternumber:"",
-          f_address:"",
-          f_residential_area:"",
-          f_user_type:[],
-          f_gasproperties:[],
-          f_meter_brand:[],
-          inputStartDate:"",
-          inputEndDate:"",
-          startHandDate:"",
-          endHandDate:""}
-      },
-      initParams() {
-        // 初始化气表品牌
-        let brandArr = []
-        this.$MagGetSaleParam.getGasbrand().forEach((item) => {
-          let temp = {}
-          temp.label = item.label
-          temp.value = item.value.f_meter_brand
-          brandArr.push(temp)
-        })
-        this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
-
-      },
-      search(args) {
-        this.startDate = this.$refs.paged.$refs.cri.model.inputStartDate
-        this.endDate = this.$refs.paged.$refs.cri.model.inputEndDate
-        this.startHandDate = this.$refs.paged.$refs.cri.model.startHandDate
-        this.endHandDate = this.$refs.paged.$refs.cri.model.endHandDate
-        if (!this.endDate || !this.startDate ) {
-          if (!this.startHandDate||!this.endHandDate) {
-            return this.$showMessage("请选择完整的上报时间区间或结算时间区间")
-          }
-        }
-        if(this.startDate.length!==this.endDate.length||this.startHandDate.length!==this.endHandDate.length){
-          return this.$showMessage("请选择完整的时间区间")
-        }
-        if (!this.orgCondtionStr){
-          return this.$showMessage("请选择分公司！")
-        }
-        if (this.orgCondtionStr)
-          this.condition = this.$refs.paged.$refs.cri.condition + `and h.f_orgid in ${this.orgCondtionStr}`
-        else
-          this.condition = this.$refs.paged.$refs.cri.condition
-        this.model.params.f_orgid = this.orgCondtionStr
-        this.model.params.f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
-        args.condition = this.condition
-        this.model.search(args.condition, args.model)
-      },
-      // 显示柱状图
-      showEcharts() {
-        this.echarts = true
-        this.isActiveTotalForm = false
-      },
-      notShowTotalForm() {
-        this.echarts = false
-        this.isActiveTotalForm = false
-      },
-      // 不显示柱状图
-      notShowEcharts() {
-        this.echarts = false
-        this.isActiveTotalForm = false
-      },
-      // 显示汇总数据表格
-      showTotalForm() {
-        this.echarts = false
-        this.isActiveTotalForm = true
-      },
-      close() {
-        this.show = false
-      },
-      getRes(obj) {
-        this.orgCondtionStr = plugins.convertToIn(obj)
-      },
-    },
-    watch: {
-      'data'(val) {
-        if (val.f_files_path) {
-          this.getFileContent(val.f_files_path)
-        } else {
-          this.reportStr = null
-        }
-      },
-      sumsmodel: {
-        handler: function(val) {
-          this.getotherfooter();
-        },
-        deep: true
-      }
-    },
-    computed: {
-      getCondition() {
-        let f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
-        return {condition: `${this.$refs.paged.$refs.cri.condition} and h.f_orgid in ` + this.orgCondtionStr, f_residential_area:f_residential_area,startDate: this.$refs.paged.$refs.cri.model.inputStartDate,endDate:this.$refs.paged.$refs.cri.model.inputEndDate,
-          startHandDate: this.$refs.paged.$refs.cri.model.startHandDate, endHandDate: this.$refs.paged.$refs.cri.model.endHandDate,f_orgid:this.orgCondtionStr}
-      },
-      getfield() {
-        return exportConfig.webmeterusergasConfig
-      },
-      getName() {
-        return '用气分析导出'+ Util.guid()
-      },
-      Gasusertype() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
-      },
-      valveStatus() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
-      },
-      Gasproperties() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
-      }
-    }
-  }
-</script>
-<style>
-  .mystyle {
-    float: right;
-    padding-right: 10%;
-  }
-
-  .mystyle1 {
-    padding-top: 10px;
-
-  }
-
-  .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 10px 10px 10px;
-    border-radius: 15px;
-  }
-</style>
+<template>
+  <div class="flex-row" id="unit" v-show="(!echarts)&&(!isActiveTotalForm)">
+    <div class="basic-main" @keyup.enter="search">
+      <div class="flex">
+        <div class="flex" style="flex:1;">
+          <criteria-paged :model="model" :pager='true' v-ref:paged>
+            <criteria @condition-changed='$parent.search' partial='criteria' v-ref:cri>
+              <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
+                <div class="row" width="100%">
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">组织机构</label>
+                    <res-select :initresid="$parent.$parent.orgid"
+                                style="width:60%"
+                                @res-select="$parent.$parent.getRes"
+                                restype='organization'>
+                    </res-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户编号</label>
+                    <input  style="width:60%" class="input_search" condition="f_userinfo_code like '{}%'" placeholder='客户编号' type="text"
+                           v-el:meternumber v-model="model.f_userinfo_code" v-next-el='f_userinfo_code'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户名称</label>
+                    <input  style="width:60%" class="input_search" condition="f_user_name like '%{}%'" placeholder='客户名称' type="text"
+                           v-el:username v-model="model.f_username" v-next-el='userid'>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">表&emsp;&emsp;号</label>
+                    <input  style="width:60%" class="input_search" condition="f_meternumber = '{}'" placeholder='表号' type="text"
+                            v-el:meternumber v-model="model.f_meternumber" v-next-el='meternumber'
+                    >
+                  </div>
+
+                  <div class="col-sm-4 form-group button-range">
+                    <button @click="search()" class="button_search button_spacing">查询</button>
+                    <button @click="$parent.$parent.clearmsg" class="button_clear button_spacing">清空</button>
+
+                    <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+                    <easy-excel-export :data="$parent.$parent.getCondition"
+                                  :defaultselect="$parent.$parent.selectfields"
+                                  :field="$parent.$parent.getfield"
+                                  :exportprogress="true" v-ref:exports
+                                   sqlurl="rs/easyexcel/export" sql-name="webmeter_getUserGasList" :template-name="$parent.$parent.getName"
+                                  :choose-col="true">
+                    </easy-excel-export>
+                  </div>
+                </div>
+                <div class="row" >
+
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">用气地址</label>
+                    <input  style="width:60%" class="input_search" condition="f_address like '%{}%'" placeholder='用气地址' type="text"
+                           v-el:area v-el:xq v-model="model.f_address" v-next-el='address'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">小区名称</label>
+                    <input  style="width:60%" class="input_search" placeholder='小区名称' type="text"
+                            v-el:area v-el:xq v-model="model.f_residential_area" v-next-el='f_residential_area'
+                    >
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">客户类型</label>
+                    <v-select :options='$parent.$parent.Gasusertype'
+                              :value.sync="model.f_user_type"
+                              close-on-select
+                              style="width:60%"
+                              condition="f_user_type = '{}'"
+                              id="f_user_type"
+                              placeholder='客户类型'
+                              v-model="model.f_user_type"
+                              value-single="true">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">用气性质</label>
+                    <v-select :options='$parent.$parent.Gasproperties'
+                              :value.sync="model.f_gasproperties"
+                              close-on-select
+                              condition="f_gasproperties = '{}'"
+                              id="f_gasproperties"
+                              placeholder='用气性质'
+                              style="width:60%"
+                              v-model="model.f_gasproperties"
+                              value-single="true">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">气表品牌</label>
+                    <v-select :value.sync="model.f_meter_brand"
+                              v-model="model.f_meter_brand"
+                              :options='$parent.$parent.meterbrands' placeholder='请选择'
+                              condition="f_meter_brand = '{}'"
+                              close-on-select></v-select>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label for="inputStartDate" class="font_normal_body">结算日期</label>
+                    <datepicker id="inputStartDate" placeholder="结算日期" style="width:60%"
+                                v-model="model.inputStartDate"
+                                :value.sync="model.inputStartDate"
+                                :format="'yyyy-MM-dd HH:mm:ss'"
+                                placeholder="结算起始日期"
+                                :show-reset-button="true"
+                    >
+                    </datepicker>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label for="inputEndDate" class="font_normal_body">&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;&ensp;</label>
+                    <datepicker id="inputEndDate" placeholder="结算日期" style="width:60%"
+                                v-model="model.inputEndDate"
+                                :value.sync="model.inputEndDate"
+                                :format="'yyyy-MM-dd HH:mm:ss'"
+                                placeholder="结算结束日期"
+                                :show-reset-button="true"
+                    >
+                    </datepicker>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body">上报时间</label>
+                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="reset"
+                                :value.sync="model.startHandDate"
+                                id="startDate"
+                                style="width:60%"
+                                placeholder="上报开始时间"
+                                v-model="model.startHandDate">
+                    </datepicker>
+                  </div>
+                  <div class="col-sm-2 form-group">
+                    <label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
+                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
+                                :show-reset-button="reset"
+                                :value.sync="model.endHandDate"
+                                style="width:60%"
+                                id="endDate"
+                                placeholder="上报结束日期"
+                                v-model="model.endHandDate">
+                    </datepicker>
+                  </div>
+                </div>
+              </div>
+
+            </criteria>
+            <data-grid :model="model" id="usergasall" partial='list' class="list_area table_sy" v-ref:grid>
+              <template partial='head'>
+                <tr>
+                  <th style="text-align:center">
+                    <nobr>客户编号</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>客户类型</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气性质</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>壁挂炉</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>热水器</nobr>
+                  </th>
+                  <!--<th style="text-align:center"><nobr>用气属性</nobr></th>-->
+                  <th style="text-align:center">
+                    <nobr>客户名称</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气地址</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>气表品牌</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>起始时间~终止时间</nobr>
+                  </th>
+<!--                  <th style="text-align:center">-->
+<!--                    <nobr>终止时间</nobr>-->
+<!--                  </th>-->
+                  <th style="text-align:center">
+                    <nobr>表号</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>期初余额(元)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>上期底数</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>用气量(m³)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>用气金额(元)</nobr>
+                  </th>
+<!--                  <th style="text-align:center">-->
+<!--                    <nobr>充值金额(元)</nobr>-->
+<!--                  </th>-->
+                  <th style="text-align:center">
+                    <nobr>期末结余(元)</nobr>
+                  </th>
+                  <th style="text-align:center">
+                    <nobr>组织</nobr>
+                  </th>
+                </tr>
+
+
+              </template>
+              <template partial='body'>
+                <td>{{row.f_userinfo_code}}</td>
+                <td style="text-align:center">{{row.f_user_type}}</td>
+                <td style="text-align:center">{{row.f_gasproperties}}</td>
+                <td style="text-align:center">{{row.f_has_stove}}</td>
+                <td style="text-align:center">{{row.f_has_heater}}</td>
+                <!--<td style="text-align:center">{{row.f_gasproperties2}}</td>-->
+                <td style="text-align:center">
+                  <nobr>{{row.f_user_name}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_address}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_meter_brand}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_hand_date}}</nobr>
+                </td>
+<!--                <td>-->
+<!--                  <nobr>{{row.f_end_hand_date}}</nobr>-->
+<!--                </td>-->
+                <td>{{row.f_meternumber}}</td>
+                <td style="text-align:center">{{row.f_balance}}</td>
+                <td style="text-align:center">{{row.f_last_tablebase}}</td>
+                <td style="text-align:center">{{row.f_tablebase}}</td>
+                <!--<td style="text-align:center">{{row.f_avg_price}}</td>-->
+                <td style="text-align:center">{{row.f_oughtamount}}</td>
+                <td style="text-align:center">{{row.f_oughtfee}}</td>
+<!--                <td style="text-align:center">{{row.f_collection}}</td>-->
+                <td style="text-align:center">{{row.f_curbalance}}</td>
+                <td style="text-align:center">{{row.f_organization_name}}</td>
+              </template>
+              <template partial='foot'>
+                <td style="text-align: center;background-color: mistyrose"><nobr>合计：</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr>总户数：</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr>{{model.count}}</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr>总用气量：</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr> {{model.sums.f_oughtamount}}</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr>总用气金额</nobr></td>
+                <td style="text-align: center;background-color: mistyrose"><nobr> {{model.sums.f_oughtfee}}</nobr></td>
+              </template>
+            </data-grid>
+          </criteria-paged>
+        </div>
+      </div>
+    </div>
+<!--  <div  v-show="echarts">-->
+<!--    <user-gas-echarts :condition="condition" :echarts="echarts" :enddate="endDate"-->
+<!--                      :groupname="groupname[0]" :startdate="startDate"></user-gas-echarts>-->
+<!--  </div>-->
+  <!--汇总表显示模板-->
+  <div v-show="isActiveTotalForm" style="height:100%">
+<!--    <user-gas-eform :condition="condition"></user-gas-eform>-->
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+  import UserGasEcharts from './UserGasEcharts'
+  import * as Util from '../../../Util'
+  import getLodop from '../../../plugins/LodopFuncs'
+  import plugins from '../../../plugins/GetLoginInfoService'
+  import exportConfig from "../../sale/config/exportConfig";
+  let readySomething = async function (self) {
+    await self.$MagLoadParams.loadParam()
+    self.initParams()
+  }
+  export default {
+    title: '用气分析',
+    props: ['data'],
+    components: {UserGasEcharts},
+    data() {
+      return {
+        other:[],
+        footer:[],
+        sumName: [],
+        model: new PagedList('rs/sql/webmeter_getUserGasList', 20,{startHandDate: 'this.model.startHandDate', endHandDate: 'this.model.endHandDate',startDate: 'this.model.inputStartDate', endDate: 'this.model.inputEndDate'},{f_oughtfee:0,f_oughtamount:0}),
+        getGroupNameByDate: [
+          {label: '年份', value: 'year'},
+          {label: '月份', value: 'month'},
+          {label: '周', value: 'week'}
+        ],
+        meterbrands: [],
+        criteriaShow: false,
+        reportStr: null,
+        show: false,
+        outlets: [],
+        operator: [],
+        filename: '',
+        searchshow: true,
+        startDate: '',
+        endDate: '',
+        startHandDate:'',
+        endHandDate:'',
+        echarts: false,
+        isActiveTotalForm: false,
+        condition: '1=1',
+        groupname: ['year'],
+        getgroupname: [
+          {label: '年份', value: 'year'},
+          {label: '月份', value: 'month'},
+          {label: '周', value: 'week'},
+          {label: '日', value: 'day'}
+        ],
+        orgCondtionStr: '(' + this.$login.f.orgid + ')',
+        orgid:[this.$login.f.orgid],
+        selectfields:[],
+      }
+    },
+    ready() {
+      console.log(1223)
+        this.$refs.paged.$refs.cri.model.inputStartDate = Util.toStandardDateString() + ' 00:00:00'
+        this.$refs.paged.$refs.cri.model.inputEndDate = Util.toStandardDateString() + ' 23:59:59'
+        this.$refs.paged.$refs.cri.model.startHandDate = ''
+        this.$refs.paged.$refs.cri.model.endHandDate = ''
+        //this.$refs.paged.$refs.cri.search();
+        for(var item in exportConfig.webmeterusergasConfig){
+          this.selectfields.push(item)
+        }
+        readySomething(this);
+    },
+    methods: {
+      getotherfooter(){
+        this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
+        this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
+        this.other=[];
+        this.footer=[];
+        let exportdata = this.getCondition;
+        let otherInData=[];
+        otherInData.push(`导出时间: ${this.$login.toStandardDateString()}`);
+        otherInData.push(`导出人：${this.$login.f.name}`)
+        let footerData=[],exportfield=this.getfield;
+        footerData.push("合计");
+        let self = this;
+        for(var field in self.sumsmodel){
+          footerData.push(`${self.sumsmodel[field]}`);
+        }
+        this.footer.push(footerData);
+        this.other.push(otherInData);
+      },
+      // 查询开关
+      hidden() {
+        console.log('show'+ this.criteriaShow)
+        this.criteriaShow = !this.criteriaShow
+      },
+      SaveAsFile(str) {
+        this.$showMessage('您是否需要导出本页数据？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let style = '<style>' +
+              'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;}  .tdcenter{text-align: center;}</style>';
+            let strHtml = style + document.getElementById(str).innerHTML;
+            console.log(strHtml);
+            let LODOP = getLodop();
+            LODOP.PRINT_INIT('');
+            LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
+            LODOP.SAVE_TO_FILE('用气分析.xls')
+          }
+        })
+      },
+      clearmsg() {
+        this.$refs.paged.$refs.cri.model = {
+          f_userinfo_code:"",
+          f_username:"",
+          f_meternumber:"",
+          f_address:"",
+          f_residential_area:"",
+          f_user_type:[],
+          f_gasproperties:[],
+          f_meter_brand:[],
+          inputStartDate:"",
+          inputEndDate:"",
+          startHandDate:"",
+          endHandDate:""}
+      },
+      initParams() {
+        // 初始化气表品牌
+        let brandArr = []
+        this.$MagGetSaleParam.getGasbrand().forEach((item) => {
+          let temp = {}
+          temp.label = item.label
+          temp.value = item.value.f_meter_brand
+          brandArr.push(temp)
+        })
+        this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
+
+      },
+      search(args) {
+        this.startDate = this.$refs.paged.$refs.cri.model.inputStartDate
+        this.endDate = this.$refs.paged.$refs.cri.model.inputEndDate
+        this.startHandDate = this.$refs.paged.$refs.cri.model.startHandDate
+        this.endHandDate = this.$refs.paged.$refs.cri.model.endHandDate
+        if (!this.endDate || !this.startDate ) {
+          if (!this.startHandDate||!this.endHandDate) {
+            return this.$showMessage("请选择完整的上报时间区间或结算时间区间")
+          }
+        }
+        if(this.startDate.length!==this.endDate.length||this.startHandDate.length!==this.endHandDate.length){
+          return this.$showMessage("请选择完整的时间区间")
+        }
+        if (!this.orgCondtionStr){
+          return this.$showMessage("请选择分公司！")
+        }
+        if (this.orgCondtionStr)
+          this.condition = this.$refs.paged.$refs.cri.condition + `and h.f_orgid in ${this.orgCondtionStr}`
+        else
+          this.condition = this.$refs.paged.$refs.cri.condition
+        this.model.params.f_orgid = this.orgCondtionStr
+        this.model.params.f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
+        args.condition = this.condition
+        this.model.search(args.condition, args.model)
+      },
+      // 显示柱状图
+      showEcharts() {
+        this.echarts = true
+        this.isActiveTotalForm = false
+      },
+      notShowTotalForm() {
+        this.echarts = false
+        this.isActiveTotalForm = false
+      },
+      // 不显示柱状图
+      notShowEcharts() {
+        this.echarts = false
+        this.isActiveTotalForm = false
+      },
+      // 显示汇总数据表格
+      showTotalForm() {
+        this.echarts = false
+        this.isActiveTotalForm = true
+      },
+      close() {
+        this.show = false
+      },
+      getRes(obj) {
+        this.orgCondtionStr = plugins.convertToIn(obj)
+      },
+    },
+    watch: {
+      'data'(val) {
+        if (val.f_files_path) {
+          this.getFileContent(val.f_files_path)
+        } else {
+          this.reportStr = null
+        }
+      },
+      sumsmodel: {
+        handler: function(val) {
+          this.getotherfooter();
+        },
+        deep: true
+      }
+    },
+    computed: {
+      getCondition() {
+        let f_residential_area = this.$refs.paged.$refs.cri.model.f_residential_area ==null|| this.$refs.paged.$refs.cri.model.f_residential_area==''?'':` and a.f_residential_area = '${this.$refs.paged.$refs.cri.model.f_residential_area}'`
+        return {condition: `${this.$refs.paged.$refs.cri.condition} and h.f_orgid in ` + this.orgCondtionStr, f_residential_area:f_residential_area,startDate: this.$refs.paged.$refs.cri.model.inputStartDate,endDate:this.$refs.paged.$refs.cri.model.inputEndDate,
+          startHandDate: this.$refs.paged.$refs.cri.model.startHandDate, endHandDate: this.$refs.paged.$refs.cri.model.endHandDate,f_orgid:this.orgCondtionStr}
+      },
+      getfield() {
+        return exportConfig.webmeterusergasConfig
+      },
+      getName() {
+        return '用气分析导出'+ Util.guid()
+      },
+      Gasusertype() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+      valveStatus() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
+      },
+      Gasproperties() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
+      }
+    }
+  }
+</script>
+<style>
+  .mystyle {
+    float: right;
+    padding-right: 10%;
+  }
+
+  .mystyle1 {
+    padding-top: 10px;
+
+  }
+
+  .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 10px 10px 10px;
+    border-radius: 15px;
+  }
+</style>