<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>
                    <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 = '{}'" 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">&nbsp;&nbsp;&nbsp;小区&nbsp;&nbsp;&nbsp;</label>
                    <v-select :value.sync="model.f_residential_area"
                              class="select_list select"
                              v-model="model.f_residential_area"
                              style="width: 60%"
                              multiple
                              condition="f_residential_area in {}"
                              :options='$parent.$parent.residentialArea' placeholder='选择小区'
                              close-on-select>

                    </v-select>
                  </div>
                  <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-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>
                    <export-excel :data="$parent.$parent.getCondition()"
                                  :field="$parent.$parent.getfield"
                                  sqlurl="api/af-revenue/logic/openapi/exportfile" sql-name="webmeter_getUserGasList" template-name='用气分析'
                                  v-ref:exports
                                  :choose-col="true"></export-excel>
                    <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()" >显示汇总</button>
                    <button class="button_export button_spacing" @click="$parent.$parent.showEcharts()">显示图表</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>
                  </div>
                </div>
                <div class="row" v-show="$parent.$parent.criteriaShow">

                  <!--<div class="col-sm-2 form-group" >
                    <label class="font_normal_body">用气属性</label>
                    <v-select
                      placeholder='用气属性'
                      value-single="true"
                      :value.sync="model.f_gasproperties2"
                      v-model="model.f_gasproperties2"
                      :options='$parent.$parent.Gasproperties2'
                      close-on-select condition="uf.f_gasproperties2 {}">
                    </v-select>
                  </div>-->
<!--                  <res-select-group  :show-component="['company']" :initres="$parent.$parent.initres"  @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>-->
                  <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>
                  <res-select-group
                    :show-component="['company','slicearea']"
                    :initres="$parent.$parent.initres"
                    @re-res="$parent.$parent.getRes"
                    v-ref:sel
                  ></res-select-group>
<!--                  <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>
                    <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 class="font_normal_body">时间区间</label>
                    <datepicker  :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
                                :show-reset-button="reset"
                                :value.sync="$parent.$parent.startDate"
                                id="startDate"
                                style="width:60%"
                                placeholder="开始时间"
                                v-model="$parent.$parent.startDate">
                    </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="$parent.$parent.endDate"
                                style="width:60%"
                                id="endDate"
                                placeholder="结束日期"
                                v-model="$parent.$parent.endDate">
                    </datepicker>
                  </div>
                  <div class="col-sm-2 form-group  flex-row" style="white-space: nowrap">
                    <label class="font_normal_body">&nbsp;&nbsp;&nbsp;用气量&nbsp;</label>
                    <div class="row">
                      <input type="text" style="width:27%" class="input_search" v-model="model.f_oughtamount1"
                             condition="f_oughtamount >= {} " placeholder="">
                      <label class="font_normal_body"> ≤ x ≤ </label>
                      <input type="text" style="width:27%" class="input_search" v-model="model.f_oughtamount2"
                             condition="f_oughtamount <= {} " placeholder="">
                    </div>
                  </div>
                  <!--<div class="col-sm-2 form-group">
                    <label class="font_normal_body">用&nbsp;气&nbsp;量&nbsp;</label>
                    <input  type="text" style="width:60%" class="input_search"
                           v-model="model.f_start_oughtamount" placeholder='起始气量'
                    >
                  </div>
                  <div class="col-sm-2 form-group">
                    <label class="font_normal_body">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
                    <input  type="text" style="width:60%" class="input_search"
                           v-model="model.f_end_oughtamount" placeholder='结束气量'
                    >
                  </div>-->
                  <div class="col-sm-2 form-group">
                    <label class="font_normal_body">壁&ensp;挂&ensp;炉</label>
                    <v-select id="f_meter_brand"
                              v-model="model.f_usetype"
                              placeholder=''
                              :value.sync="model.f_usetype"
                              :options='$parent.$parent.usetypes'
                              condition="f_usetype {}" :search="false"
                              close-on-select style="width: 60%">
                    </v-select>
                  </div>
                  <div class="col-sm-2 form-group">
                    <label class="font_normal_body">房屋类型</label>
                    <v-select :value.sync="model.f_house_type" v-model="model.f_house_type"
                              :options='$parent.$parent.houseTypes' placeholder='请选择'
                              close-on-select
                              condition="f_house_type = '{}'"></v-select>
                  </div>
                  <div class="col-sm-2 form-group  flex-row" style="white-space: nowrap">
                    <label class="font_normal_body">期末结余</label>
                    <div class="row">
                      <input type="text" style="width:27%" class="input_search" v-model="model.f_curbalance1"
                             condition="f_curbalance >= {} " placeholder="">
                      <label class="font_normal_body"> ≤ x ≤ </label>
                      <input type="text" style="width:27%" class="input_search" v-model="model.f_curbalance2"
                             condition="f_curbalance <= {} " placeholder="">
                    </div>
                  </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 for="f_user_usetype" class="font_normal_body ">用气类型</label>
                    <v-select :value.sync="model.f_user_usetype" :search="false"
                              @change="$parent.$parent.userUseTypeChange()"
                              v-model="model.f_user_usetype"
                              :options='$parent.$parent.userusetypes'
                              condition="f_user_usetype = '{}'"
                              placeholder='用气类型'
                              :value-single="true"
                              close-on-select>
                    </v-select>
                  </div>
                  <div class="col-sm-2 form-group">
                    <label for="f_use_institution" class="font_normal_body">用气机构</label>
                    <v-select :value.sync="model.f_use_institution" :search="false"
                              @change="$parent.$parent.userUseInstitutionChange()"
                              v-model="model.f_use_institution"
                              :options='$parent.$parent.useinstitutions'
                              condition="f_use_institution = '{}'"
                              placeholder='用气机构'
                              :value-single="true"
                              close-on-select>
                    </v-select>
                  </div>
                  <div class="col-sm-2 form-group">
                    <label for="f_user_usenature" class="font_normal_body ">使用性质</label>
                    <v-select :value.sync="model.f_user_usenature" :search="false"
                              v-model="model.f_user_usenature"
                              :options='$parent.$parent.userusenatures'
                              condition="f_user_usenature = '{}'"
                              placeholder='使用性质'
                              :value-single="true"
                              close-on-select>
                    </v-select>
                  </div>
                  <div class="col-sm-2 form-group">
                    <label class="font_normal_body">单位名称</label>
                    <input  style="width:60%" class="input_search" condition="f_corporate_name like '%{}%'" placeholder='单位名称' type="text"
                            v-el:corporatename v-model="model.f_corporate_name" v-next-el='corporatename'>
                  </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>
                </tr>


              </template>
              <template partial='body'>
                <td>{{row.f_userinfo_code}}</td>
                <td style="text-align:center">{{row.f_meternumber}}</td>
                <td>
                  <nobr>{{row.f_user_usetype}}</nobr>
                </td>
                <td style="text-align:center">{{row.f_gasproperties}}</td>
                <td style="text-align:center">{{row.f_user_phone}}</td>
                <!--<td style="text-align:center">{{row.f_gasproperties2}}</td>-->
                <td>
                  <nobr>{{row.f_user_name}}</nobr>
                </td>
                <td style="text-align:center">
                  <nobr>{{row.f_price}}</nobr>
                </td>
                <td style="text-align:center">{{row.f_total_gas}}</td>
                <td style="text-align:center">{{row.f_total_fee}}</td>
                <td style="text-align:center">{{row.f_balance_amount}}</td>
                <td style="text-align:center">{{row.f_meter_brand}}</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>
              </template>
            </data-grid>
          </criteria-paged>
          <table class="table-hover">
            <tr style="position: relative" class="table-bordered">
              <td
                style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;color: #5CB95C;font-weight: bold">
                汇总信息
              </td>
              <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
              总累购气量:&emsp;{{model.sums.f_total_gas}}
            </td>
              <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
                总累购金额:&emsp;{{model.sums.f_total_fee}}
              </td>
              <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
                总账户结余:&emsp;{{model.sums.f_balance_amount}}
              </td>
              <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
                本期用气量合计:&emsp;{{model.sums.f_oughtamount}}
              </td>
              <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
                本期用气金额合计:&emsp;{{model.sums.f_oughtfee}}
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div class="flex-row" v-if="echarts">
    <user-gas-echarts :condition="condition" :echarts="echarts" :enddate="endDate"
                      :groupname="groupname[0]" :startdate="startDate"></user-gas-echarts>
  </div>
  <!--汇总表显示模板-->
  <div class="flex-row" v-if="isActiveTotalForm">
    <user-gas-eform :condition="condition" :enddate="endDate" :startdate="startDate"></user-gas-eform>
  </div>
</template>

<script>
import {HttpResetClass, PagedList} from 'vue-client'
  //import UserGasEcharts from './UserGasEcharts'
  import * as Util from '../../Util'
  import getLodop from '../../plugins/LodopFuncs'
  import plugins from '../../plugins/GetLoginInfoService'
  import plugin from 'system-clients/src/plugins/GetLoginInfoService'
  let readyGen = async function (self) {
    await self.$MagLoadParams.loadParam()
    self.initParams()
    self.getaddress()
  }

  export default {
    title: '用气分析',
    props: ['data'],
    data() {
      return {
        model: new PagedList('api/af-revenue/sql/webmeter_getUserGasList', 20, {startDate: 'this.model.startDate', endDate: 'this.model.endDate'}, {
          f_oughtamount: 0,
          f_oughtfee: 0,
          f_total_gas: 0,
          f_total_fee: 0,
          f_balance_amount: 0
        }),
        getGroupNameByDate: [
          {label: '年份', value: 'year'},
          {label: '月份', value: 'month'},
          {label: '周', value: 'week'}
        ],
        meterbrands: [],
        residentialArea: [],
        criteriaShow: false,
        reportStr: null,
        show: false,
        initres: {
          org: [this.$login.f.orgid],
          slice_area: [],
        },
        outlets: [],
        operator: [],
        filename: '',
        searchshow: true,
        userusetypes: [],
        useinstitutions: [],
        userusenatures: [],
        startDate: '',
        endDate: '',
        echarts: false,
        isActiveTotalForm: false,
        condition: '1=1',
        getfield: {},
        config: {
          excelHeaders: {
            'f_userinfo_code':'客户编号',
            'f_user_type':'客户类型',
            'f_gasproperties': '用气性质',
            'f_user_name': '客户名称',
            'f_user_usetype': '用气类型',
            'f_user_phone':'客户电话',
            'f_residential_area': '小区',
            'f_price':'用气单价',
            'f_address':'用气地址',
            'f_meternumber': '表号',
            'f_meter_brand':'气表品牌',
            'f_balance':'期初余额(元)',
            'f_last_tablebase': '上期底数',
            'f_tablebase':'本期底数',
            'f_oughtamount':'用气量(m³)',
            'f_oughtfee':'用气金额(元)',
            'f_total_gas':'累购气量',
            'f_total_fee':'累购金额',
            'f_balance_amount':'账号结余',
            'f_curbalance':'期末结余(元)'

          }
        },
        groupname: ['day'],
        getgroupname: [
          {label: '年份', value: 'year'},
          {label: '月份', value: 'month'},
          {label: '周', value: 'week'},
          {label: '日', value: 'day'}
        ],
        // orgConditionStr: ' and h.f_orgid in (' + this.$login.f.orgid + ')',
        orgConditionStr: '',
        orgid:[this.$login.f.orgid],
        usetypes: [{label: '全部', value: ''},{label: '是', value: `= '壁挂炉'`},{label: '否', value: `!= '壁挂炉'`}]
      }
    },
    ready() {
      readyGen(this)
      this.getfield = this.config.excelHeaders
      this.startDate = Util.addDate(new Date(),-4).substring(0,10) + ' 00:00:00'
      this.endDate = Util.toStandardDateString() + ' 23:59:59'
    },
    methods: {
      userUseTypeChange () {
        this.useinstitutions = []
        this.userusenatures = []
        this.$refs.paged.$refs.cri.model.f_use_institution = ''
        this.$refs.paged.$refs.cri.model.f_user_usenature = ''
        if (this.$refs.paged.$refs.cri.model.f_user_usetype) {
          let str = this.$refs.paged.$refs.cri.model.f_user_usetype + '机构'
          this.useinstitutions = this.$appdata.getParam(str)
        }
      },
      userUseInstitutionChange () {
        this.userusenatures = []
        this.$refs.paged.$refs.cri.model.f_user_usenature = ''
        if (this.$refs.paged.$refs.cri.model.f_use_institution) {
          let str = this.$refs.paged.$refs.cri.model.f_use_institution + '使用性质'
          this.userusenatures = this.$appdata.getParam(str)
        }
      },
      // 查询开关
      hidden() {
        this.criteriaShow = !this.criteriaShow
      },
      async  getaddress(){
        let HttpReset = new HttpResetClass()
        var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {
          data: {
            condition: `1=1 and s.f_orgid = '${this.$login.f.orgid}'`
          }
        }, {resolveMsg: null, rejectMsg: '获取小区失败!'})
        console.log('小区',data)
        let house = [{label: '全部', value: ''}]
        for (let row of data.data){
          house.push({label: row.f_residential_area, value: row.f_residential_area})
        }
        this.residentialArea = house
      },
      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 = {}
        this.startDate1 = ''
        this.endDate1 = ''
      },
      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.startDate
        // this.endDate = this.$refs.paged.$refs.cri.model.endDate
        this.$refs.paged.$refs.cri.model.startDate = this.startDate
        this.$refs.paged.$refs.cri.model.endDate = this.endDate
        console.log('--------------------', args)
        console.log('--------------------', this)
        if (this.endDate1 == '' || this.startDate1 == '') {
          return this.$showMessage("时间区间的开始和结束时间不能为空！")
        }
        // this.condition = this.$refs.paged.$refs.cri.condition + ` ${this.orgConditionStr}`
        if (!this.orgConditionStr) {
          this.condition = this.$refs.paged.$refs.cri.condition + ' and f_orgid = ' + this.$login.f.orgid
        } else {
          this.condition = this.$refs.paged.$refs.cri.condition + this.orgConditionStr
        }
        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.orgConditionStr = obj
      },
      getorg(obj) {
        this.orgConditionStr = plugin.convertToIn(obj.resids)?plugin.convertToIn(obj.resids):'(' + this.$login.f.orgid + ')'
      },
      getCondition () {
        return {
          condition: this.condition,
          startDate: this.startDate,
          endDate: this.endDate
        }
      }
      // getRes(condition,obj) {
      //   this.orgConditionStr = condition
      //   this.orgname = obj.orgnames[0]
      //   this.depname = obj.depnames[0]
      // }
    },
    watch: {
      'data'(val) {
        if (val.f_files_path) {
          this.getFileContent(val.f_files_path)
        } else {
          this.reportStr = null
        }
      }
    },
    computed: {
      houseTypes() {
        return [{label: '全部', value: ''}, ...this.$appdata.getParam('房屋类型')]
      },
      positions() {
        return [{label: '全部', value: ''}, ...this.$appdata.getParam('安装位置')]
      },
      Gasusertype() {
        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
      },
      userusetypes () {
        return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用气类型')]
      },
      valveStatus() {
        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
      },
      Gasproperties() {
        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
      }
    }
  }
</script>
<style>
</style>
