manage-client 3.3.234 → 3.3.236

package/src/filiale/WEINAN/ManageSummaryReport.vue

@@ -1,712 +1,712 @@
-<template>
-  <div id="unit" class="flex-row">
-    <div class="basic-main">
-      <div class="flex" v-if="!show">
-        <criteria-paged :model="model" v-ref:paged>
-          <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
-            <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-              <div class="row">
-                <div :class="$parent.$parent.style">
-                  <label class="font_normal_body">按单位查询</label>
-                  <v-select :value.sync="$parent.$parent.f_is_company"
-                            :options='$parent.$parent.isCompany'
-                            placeholder='请选择' v-model="$parent.$parent.f_is_company"
-                            @change="$parent.$parent.isCompanyChange()"
-                            value-single="true"
-                            :disabled="$parent.$parent.isCompanyShow"
-                            close-on-select></v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <label class="font_normal_body">按小区查询</label>
-                  <v-select :value.sync="$parent.$parent.f_is_area"
-                            :options='$parent.$parent.isArea'
-                            placeholder='请选择' v-model="$parent.$parent.f_is_area"
-                            @change="$parent.$parent.isAreaChange()"
-                            value-single="true"
-                            :disabled="$parent.$parent.isAreaShow"
-                            close-on-select></v-select>
-                </div>
-                <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showDetail">
-                  <label for="startDate" class="font_normal_body">开始日期</label>
-                  <datepicker id="startDate" placeholder="开始日期" style="width:60%"
-                              v-model="model.startDate"
-                              :value.sync="model.startDate"
-                              :format="'yyyy-MM-dd'"
-                              :show-reset-button="true">
-                  </datepicker>
-                </div>
-                <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showDetail">
-                  <label for="endDate" class="font_normal_body">结束日期</label>
-                  <datepicker id="endDate" placeholder="结束日期" style="width:60%"
-                              v-model="model.endDate"
-                              :value.sync="model.endDate"
-                              :format="'yyyy-MM-dd'"
-                              :show-reset-button="true">
-                  </datepicker>
-                </div>
-                <div class="span" style="float:right;">
-                  <button class="button_search button_spacing" @click="search()">查询</button>
-                  <button class="button_clear  button_spacing" @click="$parent.$parent.clear()">清空</button>
-                  <export-excel :data="$parent.$parent.getCondition"
-                                :field="$parent.$parent.getfield"
-                                :header="$parent.$parent.other"
-                                :footer="$parent.$parent.footer"
-                                sqlurl="api/af-revenue/logic/openapi/exportfile"
-                                :sql-name="$parent.$parent.sqlName"
-                                template-name='营收汇总报表'
-                                :choose-col="true"></export-excel>
-                  <print-data :sum-field="$parent.$parent.getfield" :model="$parent.model"
-                              :field="$parent.$parent.getfield"
-                              titletable="营收汇总报表" :starthead="$parent.$parent.startDate"
-                              :defaultfield="$parent.$parent.defaultfield"
-                              :sumsmodel="$parent.$parent.sumsmodel"></print-data>
-                  <div
-                    :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-                    @click="$parent.$parent.hidden()"
-                    class="button_spacing"
-                    style="float: right"></div>
-                </div>
-              </div>
-              <div class="row" v-if="$parent.$parent.criteriaShow">
-                <res-select-group
-                  :style="$parent.$parent.style"
-                  :show-component="['company','slicearea']"
-                  :initres="$parent.$parent.initres"
-                  @re-res="$parent.$parent.getRes"
-                  v-ref:sel
-                ></res-select-group>
-                <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showDetail">
-                  <label for="startDate" class="font_normal_body">开始日期</label>
-                  <datepicker id="startDate" placeholder="开始日期" style="width:60%"
-                              v-model="model.startDate"
-                              :value.sync="model.startDate"
-                              :format="'yyyy-MM-dd'"
-                              :show-reset-button="true">
-                  </datepicker>
-                </div>
-                <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showDetail">
-                  <label for="endDate" class="font_normal_body">结束日期</label>
-                  <datepicker id="endDate" placeholder="结束日期" style="width:60%"
-                              v-model="model.endDate"
-                              :value.sync="model.endDate"
-                              :format="'yyyy-MM-dd'"
-                              :show-reset-button="true">
-                  </datepicker>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <label class="font_normal_body">用户类型</label>
-                  <v-select :value.sync="model.f_user_type"
-                            :options='$parent.$parent.usertypes'
-                            placeholder='请选择' v-model="model.f_user_type"
-                            :value-single="true"
-                            @change="$parent.$parent.userTypeChange()"
-                            close-on-select></v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <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"
-                            :multiple="true"
-                            :options='$parent.$parent.userusetypes'
-                            condition="f_user_usetype in {}"
-                            placeholder='用气类型'>
-                  </v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <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"
-                            :value-single="true"
-                            :options='$parent.$parent.useinstitutions'
-                            condition="f_use_institution = '{}'"
-                            placeholder='用气机构'
-                            close-on-select>
-                  </v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <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"
-                            :value-single="true"
-                            :options='$parent.$parent.userusenatures'
-                            condition="f_user_usenature = '{}'"
-                            placeholder='使用性质'
-                            close-on-select>
-                  </v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <label for="endDate" class="font_normal_body">单位名称</label>
-                  <v-select :value.sync="model.f_company_id"
-                            class="select_list select"
-                            enter-push :disabled="$parent.$parent.isCompanyShow"
-                            v-model="model.f_company_id" multiple="true"
-                            @select-search="$parent.$parent.getCompanyList"
-                            :options='$parent.$parent.corporatename' placeholder='单位名称'
-                            condition="f_company_id in {}">
-                  </v-select>
-                </div>
-                <div :class="$parent.$parent.style">
-                  <label for="endDate" class="font_normal_body">小区名称</label>
-                  <v-select :value.sync="model.f_residential_area_id"
-                            class="select_list select"
-                            enter-push :disabled="$parent.$parent.isAreaShow"
-                            v-model="model.f_residential_area_id" multiple="true"
-                            @select-search="$parent.$parent.getAreaList"
-                            :options='$parent.$parent.areaList' placeholder='小区名称'
-                            condition="f_residential_area_id in {}">
-                  </v-select>
-                </div>
-              </div>
-            </div>
-          </criteria>
-          <data-grid :model="model" partial='list' class="list_area table_sy" v-ref:grid :classname="$parent.classname">
-            <template partial='head'>
-              <tr>
-                <th>
-                  <nobr>序号</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                  <nobr>用户编号</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                  <nobr>用户名称</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow">
-                  <nobr>单位名称</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isCompanyShow">
-                  <nobr>小区名称</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                  <nobr>购气（充值）时间</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>卡表购气量</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>卡表购气金额</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>物联网表购气金额</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>表具数量</nobr>
-                </th>
-                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>期间购气表具数</nobr>
-                </th>
-                <th>
-                  <nobr>购气（充值）数量</nobr>
-                </th>
-                <th>
-                  <nobr>一阶气量</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>二阶气量</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                  <nobr>三阶气量</nobr>
-                </th>
-                <th>
-                  <nobr>实收款</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                  <nobr>购气网点</nobr>
-                </th>
-                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                  <nobr>操作员</nobr>
-                </th>
-              </tr>
-            </template>
-            <template partial='body'>
-              <td style="text-align:center">
-                <nobr>{{ $index + 1 }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_userinfo_code }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow">
-                <nobr><span @click="$parent.$parent.$parent.toDetail(row,'1')"><a>{{ row.f_company_name }}</a></span></nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isCompanyShow">
-                <nobr><span @click="$parent.$parent.$parent.toDetail(row,'2')"><a>{{ row.f_residential_area }}</a></span></nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_user_name }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_operate_date }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_gas }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_card_money }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_money }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_table_num }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_sell_num }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_pregas }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_stairamount1 }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_stairamount2 }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_stairamount3 }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_collection }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_depname }}</nobr>
-              </td>
-              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
-                <nobr>{{ row.f_operator }}</nobr>
-              </td>
-            </template>
-            <template partial='foot'></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;{{ sumsmodel.f_gas.toFixed(2) }}m³
-            </td>
-            <td
-              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
-              卡表购气金额:&emsp;{{ sumsmodel.f_card_money.toFixed(2) }}元
-            </td>
-            <td
-              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
-              物联表充值:&emsp;{{ sumsmodel.f_money.toFixed(2) }}元
-            </td>
-            <td
-              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
-              收款合计:&emsp;{{ sumsmodel.f_collection.toFixed(2) }}元
-            </td>
-            <td v-if="isAreaShow || isCompanyShow"
-              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
-              表具数:&emsp;{{ sumsmodel.f_table_num }}
-            </td>
-            <td v-if="isAreaShow || isCompanyShow"
-              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
-              期间购气表具数:&emsp;{{ sumsmodel.f_sell_num }}
-            </td>
-          </tr>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import {PagedList, HttpResetClass} from 'vue-client'
-import defaultPrint from './config/DefaultPrint'
-import exportConfig from './config/exportConfig'
-import PrintDataSelf from '../../components/sale/common/PrintDataSelf'
-
-let readySomething = async function (self) {
-  self.$refs.paged.$refs.cri.model.startDate = self.$login.toStandardDateString()
-  self.$refs.paged.$refs.cri.model.endDate = self.$login.toStandardDateString()
-  self.getCompanyList()
-  self.getAreaList()
-}
-export default {
-  title: '用户查询',
-  data () {
-    return {
-      depresid: [],
-      userresid: [],
-      f_orgid: this.$login.f.orgid,
-      f_depid: this.$login.f.depids,
-      f_operatorid: this.$login.f.id,
-      operatorid: [],
-      depid: [],
-      orgname: '',
-      depname: [],
-      operatorname: '',
-      condition: '',
-      orgConditionStr: '',
-      data: {},
-      other: [],
-      footer: [],
-      model: new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
-        startDate: 'this.model.startDate',
-        endDate: 'this.model.endDate'
-      }, {
-        f_collection: 0,
-        f_gas: 0,
-        f_card_money:0,
-        f_money: 0
-      }),
-      gasproperties: [],
-      show: false,
-      sqlName: 'manage_chargeSummary',
-      rowdata: {},
-      areaList: [],
-      modelval: [],
-      startDate: '',
-      endDate: '',
-      inputtouPerson: [],
-      printshow: false,
-      all: false,
-      fields: {},
-      thead: '',
-      tfoot: '',
-      defaultfield: [],
-      sumsmodel: {},
-      initres: {
-        org: [this.$login.f.orgid],
-        slice_area: [],
-      },
-      criteriaShow: false,
-      userusetypes: [],
-      useinstitutions: [],
-      userusenatures: [],
-      sumExport: {'f_gas': '卡表购气', 'f_collection': '实收款', 'f_money': '物联表充值'},
-      isCompany: [{label: '是', value: '是'}, {label: '否', value: '否'}],
-      isArea: [{label: '是', value: '是'}, {label: '否', value: '否'}],
-      f_is_company: '否',
-      f_is_area: '否',
-      isCompanyShow: false,
-      isAreaShow: false,
-      corporatename: []
-    }
-  },
-  props: {
-    style: {
-      type: String,
-      default: 'col-sm-2 form-group'
-    }
-  },
-  ready () {
-    readySomething(this).then(() => {
-      this.$emit('ready')
-    }).catch((error) => {
-      this.$emit('error', error)
-    })
-  },
-  methods: {
-    toDetail (row, val) {
-      row.type = val
-      this.$dispatch('user-detail', row)
-    },
-    async getCompanyList(searchText){
-      let condition = ' 1 = 1 '
-      if (searchText) {
-        condition = ` f_company_name like '%${searchText}%' `
-      }
-      let HttpReset = new HttpResetClass()
-      HttpReset.load('POST', 'api/af-revenue/sql/manageSingleTable?pageNo=1&pageSize=100', {
-        data: {
-          items: 'f_company_name, id',
-          tablename: 't_company',
-          orderitem: 'id desc',
-          condition: condition
-        }
-      }, {resolveMsg: null, rejectMsg: '获取单位信息失败!'}).then((req) => {
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_company_name,
-            value: row.id
-          }
-        })
-        this.corporatename = [{label: '全部', value: ''}, ...redata]
-      })
-    },
-    getAreaList (searchText) {
-      let condition = ' 1 = 1 '
-      if (searchText) {
-        condition = ` f_residential_area like '%${searchText}%' `
-      }
-      let HttpReset = new HttpResetClass()
-      HttpReset.load('POST', 'api/af-revenue/sql/manageSingleTable?pageNo=1&pageSize=100', {
-        data: {
-          items: 'f_residential_area, id',
-          tablename: 't_area',
-          orderitem: 'id desc',
-          condition: condition
-        }
-      }, {resolveMsg: null, rejectMsg: '获取小区信息失败!'}).then((req) => {
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_residential_area,
-            value: row.id
-          }
-        })
-        this.areaList = [{label: '全部', value: ''}, ...redata]
-      })
-    },
-    clear() {
-      //清空部门和人员
-      this.$refs.paged.$refs.cri.$refs.sel.$children[1].selectres = []
-      //部门和人员变为全选
-      this.$refs.paged.$refs.cri.$refs.sel.$children[1].$children[0].isSelectAll = false
-      this.$refs.paged.$refs.cri.$refs.sel.$children[2].$children[0].isSelectAll = false
-      Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
-        this.$refs.paged.$refs.cri.model[key] = []
-      })
-      this.f_is_company = '否'
-      this.f_is_area = '否'
-    },
-    isAreaChange () {
-      if(this.f_is_area){
-        if (this.f_is_area == '是') {
-          this.isCompanyShow = true
-          this.sqlName = 'manage_chargeSummaryByArea'
-          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummaryByArea', 20, {
-            startDate: 'this.model.startDate',
-            endDate: 'this.model.endDate',
-            condition2: 'this.model.condition2'
-          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,f_sell_num:0,f_table_num:0})
-        } else {
-          this.sqlName = 'manage_chargeSummary'
-          this.isCompanyShow = false
-          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
-            startDate: 'this.model.startDate',
-            endDate: 'this.model.endDate'
-          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,})
-        }
-      }
-    },
-    isCompanyChange () {
-      if (this.f_is_company) {
-        if (this.f_is_company == '是') {
-          this.sqlName = 'manage_chargeSummaryByCompany'
-          this.isAreaShow = true
-          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummaryByCompany', 20, {
-            startDate: 'this.model.startDate',
-            endDate: 'this.model.endDate',
-            condition2: 'this.model.condition2'
-          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,f_sell_num:0,f_table_num:0})
-        } else {
-          this.sqlName = 'manage_chargeSummary'
-          this.isAreaShow = false
-          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
-            startDate: 'this.model.startDate',
-            endDate: 'this.model.endDate'
-          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,})
-        }
-      }
-    },
-    userTypeChange () {
-      this.userusetypes = []
-      this.userusenatures = []
-      this.useinstitutions = []
-      this.$refs.paged.$refs.cri.model.f_user_usetype = []
-      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_type) {
-        let str = this.$refs.paged.$refs.cri.model.f_user_type + '用气类型'
-        this.userusetypes = this.$appdata.getParam(str)
-      }
-    },
-    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.length > 0) {
-        for (var i = 0; i < this.$refs.paged.$refs.cri.model.f_user_usetype.length; i++) {
-          let str = this.$refs.paged.$refs.cri.model.f_user_usetype[i] + '机构'
-          let getParam = this.$appdata.getParam(str)
-          Array.prototype.push.apply(this.useinstitutions, getParam);
-        }
-      }
-      let temp = {}
-      this.useinstitutions = this.useinstitutions.filter(function(item) {
-        var key = JSON.stringify(item);
-        return temp.hasOwnProperty(key) ? false : (temp[key] = true);
-      });
-    },
-    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
-    },
-    getotherfooter () {
-      this.other = []
-      this.footer = []
-      let exportdata = this.getCondition
-      let otherInData = []
-      otherInData.push(`导出时间: ${this.$login.toStandardTimeString()}`)
-      let footerData = [], exportfield = this.sumExport
-      footerData.push('合计')
-      let self = this
-      for (var field in self.sumsmodel) {
-        footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`)
-      }
-      this.footer.push(footerData)
-      this.other.push(otherInData)
-    },
-    search () {
-      this.$refs.paged.$refs.cri.search()
-    },
-    appendCondition (data) {
-      console.log('data=====>',data)
-      let stringValue = ''
-      for (var i = 0; i < data.length; i++) {
-        if (data[i]) {
-          if (i === data.length - 1) {
-            stringValue = stringValue + "'" + data[i] + "'"
-          } else {
-            stringValue = stringValue + "'" + data[i] + "',"
-          }
-        }
-      }
-      return stringValue
-    },
-    async selfSearch (args) {
-      let companyCondition2 = '1=1'
-      if (!this.orgConditionStr) {
-        args.condition = `${args.condition}` + ' and f_orgid = ' + this.$login.f.orgid
-        companyCondition2 = companyCondition2 + ' and f_orgid = ' + this.$login.f.orgid
-      } else {
-        args.condition = `${args.condition}` + this.orgConditionStr
-        companyCondition2 = companyCondition2 + this.orgConditionStr
-      }
-      if (this.isAreaShow || this.isCompanyShow) {
-        if (args.model.f_company_id.length > 0) {
-          companyCondition2 = companyCondition2 + ' and id in (' + await this.appendCondition(args.model.f_company_id) + ')'
-        }
-        if (args.model.f_residential_area_id.length > 0) {
-          companyCondition2 = companyCondition2 + ' and id in (' + await this.appendCondition(args.model.f_residential_area_id) + ')'
-        }
-      }
-      if (this.$refs.paged.$refs.cri.model.f_user_type == '民用' && !this.$refs.paged.$refs.cri.model.f_user_usetype[0]) {
-        args.condition = args.condition + " and f_user_usetype in ('居民用气')"
-      } else if (this.$refs.paged.$refs.cri.model.f_user_type == '非民用' && !this.$refs.paged.$refs.cri.model.f_user_usetype[0]) {
-        args.condition = args.condition + " and f_user_usetype in ('公福用气','商业用户','工业用户')"
-      }
-      args.model.condition2 = companyCondition2
-      this.condition = args.condition
-      console.log("查看条件",this.condition)
-      await this.model.search(args.condition, args.model)
-      this.sumsmodel = this.$refs.paged.$refs.grid.model.sums
-      this.card = ''
-      this.IdCardInfo = ''
-      console.log('合计字段', this.sumsmodel)
-      this.$dispatch('cancel')
-    },
-    getRes (obj) {
-      this.orgConditionStr = obj
-    },
-    stamp () {
-      this.all = false
-      //默认选择要打印的列
-      this.modelval = defaultPrint.config
-      this.fields = this.getfield
-      console.log('所有打印字段', this.fields)
-      this.printshow = true
-      this.put()
-    },
-    put () {
-      // 对Modelval进行排序
-      this.sortModelval()
-      this.thead = `<tr><th colspan=${this.modelval.length}>用户查询</th></tr><tr>`
-      for (let key of this.modelval) {
-        this.thead += '<th>' + this.fields[key] + '</th>'
-      }
-      this.thead += '</tr>'
-    },
-    print () {
-      this.$refs.print.PrintAsFile()
-      this.printshow = false
-    },
-    dealmsg (val) {
-      console.log('---------------dealmsg')
-      this.rowdata = val
-      this.show = true
-      val.model = this.model.model
-      this.$dispatch('deal-msg', val)
-    },
-    close () {
-      this.printshow = false
-      this.all = false
-    },
-    // 对选择的列进行排序
-    sortModelval () {
-      let sortModel = []
-      Object.keys(this.fields).forEach((key) => {
-        if (this.modelval.includes(key)) {
-          sortModel.push(key)
-        }
-      })
-      this.modelval = sortModel
-      console.log('选择的打印的字段', this.modelval)
-    }
-  },
-  watch: {
-    'all' (val) {
-      if (val) {
-        this.modelval = this.bodyData
-      } else {
-        this.modelval = defaultPrint.config
-        this.put()
-      }
-    },
-    sumsmodel: {
-      handler: function (val) {
-        this.getotherfooter()
-      },
-      deep: true
-    },
-    'modelval.length' () {
-      this.put()
-    }
-  },
-  computed: {
-    getCondition () {
-      return {
-        condition: this.condition,
-        startDate: this.$refs.paged.$refs.cri.model.startDate,
-        endDate: this.$refs.paged.$refs.cri.model.endDate,
-        condition2: this.$refs.paged.$refs.cri.model.condition2
-      }
-    },
-    getfield () {
-      let field
-      if (this.isAreaShow) {
-        field = exportConfig.manageChargeSummaryByCompanyConfig
-      } else if (this.isCompanyShow) {
-        field = exportConfig.manageChargeSummaryByAreaConfig
-      } else {
-        field = exportConfig.manageChargeSummaryConfig
-      }
-      return field
-    },
-    useTypes () {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]
-    },
-    usertypes () {
-      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用户类型')]
-    }
-
-  }
-}
-</script>
-
+<template>
+  <div id="unit" class="flex-row">
+    <div class="basic-main">
+      <div class="flex" v-if="!show">
+        <criteria-paged :model="model" v-ref:paged>
+          <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+            <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+              <div class="row">
+                <div :class="$parent.$parent.style">
+                  <label class="font_normal_body">按单位查询</label>
+                  <v-select :value.sync="$parent.$parent.f_is_company"
+                            :options='$parent.$parent.isCompany'
+                            placeholder='请选择' v-model="$parent.$parent.f_is_company"
+                            @change="$parent.$parent.isCompanyChange()"
+                            value-single="true"
+                            :disabled="$parent.$parent.isCompanyShow"
+                            close-on-select></v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <label class="font_normal_body">按小区查询</label>
+                  <v-select :value.sync="$parent.$parent.f_is_area"
+                            :options='$parent.$parent.isArea'
+                            placeholder='请选择' v-model="$parent.$parent.f_is_area"
+                            @change="$parent.$parent.isAreaChange()"
+                            value-single="true"
+                            :disabled="$parent.$parent.isAreaShow"
+                            close-on-select></v-select>
+                </div>
+                <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showDetail">
+                  <label for="startDate" class="font_normal_body">开始日期</label>
+                  <datepicker id="startDate" placeholder="开始日期" style="width:60%"
+                              v-model="model.startDate"
+                              :value.sync="model.startDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true">
+                  </datepicker>
+                </div>
+                <div :class="$parent.$parent.style" v-if="!$parent.$parent.$parent.showDetail">
+                  <label for="endDate" class="font_normal_body">结束日期</label>
+                  <datepicker id="endDate" placeholder="结束日期" style="width:60%"
+                              v-model="model.endDate"
+                              :value.sync="model.endDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true">
+                  </datepicker>
+                </div>
+                <div class="span" style="float:right;">
+                  <button class="button_search button_spacing" @click="search()">查询</button>
+                  <button class="button_clear  button_spacing" @click="$parent.$parent.clear()">清空</button>
+                  <export-excel :data="$parent.$parent.getCondition"
+                                :field="$parent.$parent.getfield"
+                                :header="$parent.$parent.other"
+                                :footer="$parent.$parent.footer"
+                                sqlurl="api/af-revenue/logic/openapi/exportfile"
+                                :sql-name="$parent.$parent.sqlName"
+                                template-name='营收汇总报表'
+                                :choose-col="true"></export-excel>
+                  <print-data :sum-field="$parent.$parent.getfield" :model="$parent.model"
+                              :field="$parent.$parent.getfield"
+                              titletable="营收汇总报表" :starthead="$parent.$parent.startDate"
+                              :defaultfield="$parent.$parent.defaultfield"
+                              :sumsmodel="$parent.$parent.sumsmodel"></print-data>
+                  <div
+                    :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                    @click="$parent.$parent.hidden()"
+                    class="button_spacing"
+                    style="float: right"></div>
+                </div>
+              </div>
+              <div class="row" v-if="$parent.$parent.criteriaShow">
+                <res-select-group
+                  :style="$parent.$parent.style"
+                  :show-component="['company','slicearea']"
+                  :initres="$parent.$parent.initres"
+                  @re-res="$parent.$parent.getRes"
+                  v-ref:sel
+                ></res-select-group>
+                <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showDetail">
+                  <label for="startDate" class="font_normal_body">开始日期</label>
+                  <datepicker id="startDate" placeholder="开始日期" style="width:60%"
+                              v-model="model.startDate"
+                              :value.sync="model.startDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true">
+                  </datepicker>
+                </div>
+                <div :class="$parent.$parent.style" v-if="$parent.$parent.$parent.showDetail">
+                  <label for="endDate" class="font_normal_body">结束日期</label>
+                  <datepicker id="endDate" placeholder="结束日期" style="width:60%"
+                              v-model="model.endDate"
+                              :value.sync="model.endDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true">
+                  </datepicker>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <label class="font_normal_body">用户类型</label>
+                  <v-select :value.sync="model.f_user_type"
+                            :options='$parent.$parent.usertypes'
+                            placeholder='请选择' v-model="model.f_user_type"
+                            :value-single="true"
+                            @change="$parent.$parent.userTypeChange()"
+                            close-on-select></v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <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"
+                            :multiple="true"
+                            :options='$parent.$parent.userusetypes'
+                            condition="f_user_usetype in {}"
+                            placeholder='用气类型'>
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <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"
+                            :value-single="true"
+                            :options='$parent.$parent.useinstitutions'
+                            condition="f_use_institution = '{}'"
+                            placeholder='用气机构'
+                            close-on-select>
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <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"
+                            :value-single="true"
+                            :options='$parent.$parent.userusenatures'
+                            condition="f_user_usenature = '{}'"
+                            placeholder='使用性质'
+                            close-on-select>
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <label for="endDate" class="font_normal_body">单位名称</label>
+                  <v-select :value.sync="model.f_company_id"
+                            class="select_list select"
+                            enter-push :disabled="$parent.$parent.isCompanyShow"
+                            v-model="model.f_company_id" multiple="true"
+                            @select-search="$parent.$parent.getCompanyList"
+                            :options='$parent.$parent.corporatename' placeholder='单位名称'
+                            condition="f_company_id in {}">
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.style">
+                  <label for="endDate" class="font_normal_body">小区名称</label>
+                  <v-select :value.sync="model.f_residential_area_id"
+                            class="select_list select"
+                            enter-push :disabled="$parent.$parent.isAreaShow"
+                            v-model="model.f_residential_area_id" multiple="true"
+                            @select-search="$parent.$parent.getAreaList"
+                            :options='$parent.$parent.areaList' placeholder='小区名称'
+                            condition="f_residential_area_id in {}">
+                  </v-select>
+                </div>
+              </div>
+            </div>
+          </criteria>
+          <data-grid :model="model" partial='list' class="list_area table_sy" v-ref:grid :classname="$parent.classname">
+            <template partial='head'>
+              <tr>
+                <th>
+                  <nobr>序号</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                  <nobr>用户编号</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                  <nobr>用户名称</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow">
+                  <nobr>单位名称</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isCompanyShow">
+                  <nobr>小区名称</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                  <nobr>购气（充值）时间</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>卡表购气量</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>卡表购气金额</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>物联网表购气金额</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>表具数量</nobr>
+                </th>
+                <th v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>期间购气表具数</nobr>
+                </th>
+                <th>
+                  <nobr>购气（充值）数量</nobr>
+                </th>
+                <th>
+                  <nobr>一阶气量</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>二阶气量</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                  <nobr>三阶气量</nobr>
+                </th>
+                <th>
+                  <nobr>实收款</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                  <nobr>购气网点</nobr>
+                </th>
+                <th v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                  <nobr>操作员</nobr>
+                </th>
+              </tr>
+            </template>
+            <template partial='body'>
+              <td style="text-align:center">
+                <nobr>{{ $index + 1 }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_userinfo_code }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow">
+                <nobr><span @click="$parent.$parent.$parent.toDetail(row,'1')"><a>{{ row.f_company_name }}</a></span></nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isCompanyShow">
+                <nobr><span @click="$parent.$parent.$parent.toDetail(row,'2')"><a>{{ row.f_residential_area }}</a></span></nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_user_name }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_operate_date }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_gas }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_card_money }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_money }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_table_num }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_sell_num }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_pregas }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_stairamount1 }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_stairamount2 }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow || $parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_stairamount3 }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_collection }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_depname }}</nobr>
+              </td>
+              <td style="text-align: center;" v-show="!$parent.$parent.$parent.isAreaShow && !$parent.$parent.$parent.isCompanyShow">
+                <nobr>{{ row.f_operator }}</nobr>
+              </td>
+            </template>
+            <template partial='foot'></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;{{ sumsmodel.f_gas.toFixed(2) }}m³
+            </td>
+            <td
+              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+              卡表购气金额:&emsp;{{ sumsmodel.f_card_money.toFixed(2) }}元
+            </td>
+            <td
+              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+              物联表充值:&emsp;{{ sumsmodel.f_money.toFixed(2) }}元
+            </td>
+            <td
+              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+              收款合计:&emsp;{{ sumsmodel.f_collection.toFixed(2) }}元
+            </td>
+            <td v-if="isAreaShow || isCompanyShow"
+              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+              表具数:&emsp;{{ sumsmodel.f_table_num }}
+            </td>
+            <td v-if="isAreaShow || isCompanyShow"
+              style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+              期间购气表具数:&emsp;{{ sumsmodel.f_sell_num }}
+            </td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {PagedList, HttpResetClass} from 'vue-client'
+import defaultPrint from './config/DefaultPrint'
+import exportConfig from './config/exportConfig'
+import PrintDataSelf from '../../components/sale/common/PrintDataSelf'
+
+let readySomething = async function (self) {
+  self.$refs.paged.$refs.cri.model.startDate = self.$login.toStandardDateString()
+  self.$refs.paged.$refs.cri.model.endDate = self.$login.toStandardDateString()
+  self.getCompanyList()
+  self.getAreaList()
+}
+export default {
+  title: '用户查询',
+  data () {
+    return {
+      depresid: [],
+      userresid: [],
+      f_orgid: this.$login.f.orgid,
+      f_depid: this.$login.f.depids,
+      f_operatorid: this.$login.f.id,
+      operatorid: [],
+      depid: [],
+      orgname: '',
+      depname: [],
+      operatorname: '',
+      condition: '',
+      orgConditionStr: '',
+      data: {},
+      other: [],
+      footer: [],
+      model: new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
+        startDate: 'this.model.startDate',
+        endDate: 'this.model.endDate'
+      }, {
+        f_collection: 0,
+        f_gas: 0,
+        f_card_money:0,
+        f_money: 0
+      }),
+      gasproperties: [],
+      show: false,
+      sqlName: 'manage_chargeSummary',
+      rowdata: {},
+      areaList: [],
+      modelval: [],
+      startDate: '',
+      endDate: '',
+      inputtouPerson: [],
+      printshow: false,
+      all: false,
+      fields: {},
+      thead: '',
+      tfoot: '',
+      defaultfield: [],
+      sumsmodel: {},
+      initres: {
+        org: [this.$login.f.orgid],
+        slice_area: [],
+      },
+      criteriaShow: false,
+      userusetypes: [],
+      useinstitutions: [],
+      userusenatures: [],
+      sumExport: {'f_gas': '卡表购气', 'f_collection': '实收款', 'f_money': '物联表充值'},
+      isCompany: [{label: '是', value: '是'}, {label: '否', value: '否'}],
+      isArea: [{label: '是', value: '是'}, {label: '否', value: '否'}],
+      f_is_company: '否',
+      f_is_area: '否',
+      isCompanyShow: false,
+      isAreaShow: false,
+      corporatename: []
+    }
+  },
+  props: {
+    style: {
+      type: String,
+      default: 'col-sm-2 form-group'
+    }
+  },
+  ready () {
+    readySomething(this).then(() => {
+      this.$emit('ready')
+    }).catch((error) => {
+      this.$emit('error', error)
+    })
+  },
+  methods: {
+    toDetail (row, val) {
+      row.type = val
+      this.$dispatch('user-detail', row)
+    },
+    async getCompanyList(searchText){
+      let condition = ' 1 = 1 '
+      if (searchText) {
+        condition = ` f_company_name like '%${searchText}%' `
+      }
+      let HttpReset = new HttpResetClass()
+      HttpReset.load('POST', 'api/af-revenue/sql/manageSingleTable?pageNo=1&pageSize=100', {
+        data: {
+          items: 'f_company_name, id',
+          tablename: 't_company',
+          orderitem: 'id desc',
+          condition: condition
+        }
+      }, {resolveMsg: null, rejectMsg: '获取单位信息失败!'}).then((req) => {
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_company_name,
+            value: row.id
+          }
+        })
+        this.corporatename = [{label: '全部', value: ''}, ...redata]
+      })
+    },
+    getAreaList (searchText) {
+      let condition = ' 1 = 1 '
+      if (searchText) {
+        condition = ` f_residential_area like '%${searchText}%' `
+      }
+      let HttpReset = new HttpResetClass()
+      HttpReset.load('POST', 'api/af-revenue/sql/manageSingleTable?pageNo=1&pageSize=100', {
+        data: {
+          items: 'f_residential_area, id',
+          tablename: 't_area',
+          orderitem: 'id desc',
+          condition: condition
+        }
+      }, {resolveMsg: null, rejectMsg: '获取小区信息失败!'}).then((req) => {
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_residential_area,
+            value: row.id
+          }
+        })
+        this.areaList = [{label: '全部', value: ''}, ...redata]
+      })
+    },
+    clear() {
+      //清空部门和人员
+      this.$refs.paged.$refs.cri.$refs.sel.$children[1].selectres = []
+      //部门和人员变为全选
+      this.$refs.paged.$refs.cri.$refs.sel.$children[1].$children[0].isSelectAll = false
+      this.$refs.paged.$refs.cri.$refs.sel.$children[2].$children[0].isSelectAll = false
+      Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
+        this.$refs.paged.$refs.cri.model[key] = []
+      })
+      this.f_is_company = '否'
+      this.f_is_area = '否'
+    },
+    isAreaChange () {
+      if(this.f_is_area){
+        if (this.f_is_area == '是') {
+          this.isCompanyShow = true
+          this.sqlName = 'manage_chargeSummaryByArea'
+          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummaryByArea', 20, {
+            startDate: 'this.model.startDate',
+            endDate: 'this.model.endDate',
+            condition2: 'this.model.condition2'
+          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,f_sell_num:0,f_table_num:0})
+        } else {
+          this.sqlName = 'manage_chargeSummary'
+          this.isCompanyShow = false
+          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
+            startDate: 'this.model.startDate',
+            endDate: 'this.model.endDate'
+          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,})
+        }
+      }
+    },
+    isCompanyChange () {
+      if (this.f_is_company) {
+        if (this.f_is_company == '是') {
+          this.sqlName = 'manage_chargeSummaryByCompany'
+          this.isAreaShow = true
+          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummaryByCompany', 20, {
+            startDate: 'this.model.startDate',
+            endDate: 'this.model.endDate',
+            condition2: 'this.model.condition2'
+          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,f_sell_num:0,f_table_num:0})
+        } else {
+          this.sqlName = 'manage_chargeSummary'
+          this.isAreaShow = false
+          this.model = new PagedList('api/af-revenue/sql/manage_chargeSummary', 20, {
+            startDate: 'this.model.startDate',
+            endDate: 'this.model.endDate'
+          }, {f_collection: 0, f_gas: 0, f_money: 0,f_card_money:0,})
+        }
+      }
+    },
+    userTypeChange () {
+      this.userusetypes = []
+      this.userusenatures = []
+      this.useinstitutions = []
+      this.$refs.paged.$refs.cri.model.f_user_usetype = []
+      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_type) {
+        let str = this.$refs.paged.$refs.cri.model.f_user_type + '用气类型'
+        this.userusetypes = this.$appdata.getParam(str)
+      }
+    },
+    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.length > 0) {
+        for (var i = 0; i < this.$refs.paged.$refs.cri.model.f_user_usetype.length; i++) {
+          let str = this.$refs.paged.$refs.cri.model.f_user_usetype[i] + '机构'
+          let getParam = this.$appdata.getParam(str)
+          Array.prototype.push.apply(this.useinstitutions, getParam);
+        }
+      }
+      let temp = {}
+      this.useinstitutions = this.useinstitutions.filter(function(item) {
+        var key = JSON.stringify(item);
+        return temp.hasOwnProperty(key) ? false : (temp[key] = true);
+      });
+    },
+    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
+    },
+    getotherfooter () {
+      this.other = []
+      this.footer = []
+      let exportdata = this.getCondition
+      let otherInData = []
+      otherInData.push(`导出时间: ${this.$login.toStandardTimeString()}`)
+      let footerData = [], exportfield = this.sumExport
+      footerData.push('合计')
+      let self = this
+      for (var field in self.sumsmodel) {
+        footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`)
+      }
+      this.footer.push(footerData)
+      this.other.push(otherInData)
+    },
+    search () {
+      this.$refs.paged.$refs.cri.search()
+    },
+    appendCondition (data) {
+      console.log('data=====>',data)
+      let stringValue = ''
+      for (var i = 0; i < data.length; i++) {
+        if (data[i]) {
+          if (i === data.length - 1) {
+            stringValue = stringValue + "'" + data[i] + "'"
+          } else {
+            stringValue = stringValue + "'" + data[i] + "',"
+          }
+        }
+      }
+      return stringValue
+    },
+    async selfSearch (args) {
+      let companyCondition2 = '1=1'
+      if (!this.orgConditionStr) {
+        args.condition = `${args.condition}` + ' and f_orgid = ' + this.$login.f.orgid
+        companyCondition2 = companyCondition2 + ' and f_orgid = ' + this.$login.f.orgid
+      } else {
+        args.condition = `${args.condition}` + this.orgConditionStr
+        companyCondition2 = companyCondition2 + this.orgConditionStr
+      }
+      if (this.isAreaShow || this.isCompanyShow) {
+        if (args.model.f_company_id.length > 0) {
+          companyCondition2 = companyCondition2 + ' and id in (' + await this.appendCondition(args.model.f_company_id) + ')'
+        }
+        if (args.model.f_residential_area_id.length > 0) {
+          companyCondition2 = companyCondition2 + ' and id in (' + await this.appendCondition(args.model.f_residential_area_id) + ')'
+        }
+      }
+      if (this.$refs.paged.$refs.cri.model.f_user_type == '民用' && !this.$refs.paged.$refs.cri.model.f_user_usetype[0]) {
+        args.condition = args.condition + " and f_user_usetype in ('居民用气')"
+      } else if (this.$refs.paged.$refs.cri.model.f_user_type == '非民用' && !this.$refs.paged.$refs.cri.model.f_user_usetype[0]) {
+        args.condition = args.condition + " and f_user_usetype in ('公福用气','商业用户','工业用户')"
+      }
+      args.model.condition2 = companyCondition2
+      this.condition = args.condition
+      console.log("查看条件",this.condition)
+      await this.model.search(args.condition, args.model)
+      this.sumsmodel = this.$refs.paged.$refs.grid.model.sums
+      this.card = ''
+      this.IdCardInfo = ''
+      console.log('合计字段', this.sumsmodel)
+      this.$dispatch('cancel')
+    },
+    getRes (obj) {
+      this.orgConditionStr = obj
+    },
+    stamp () {
+      this.all = false
+      //默认选择要打印的列
+      this.modelval = defaultPrint.config
+      this.fields = this.getfield
+      console.log('所有打印字段', this.fields)
+      this.printshow = true
+      this.put()
+    },
+    put () {
+      // 对Modelval进行排序
+      this.sortModelval()
+      this.thead = `<tr><th colspan=${this.modelval.length}>用户查询</th></tr><tr>`
+      for (let key of this.modelval) {
+        this.thead += '<th>' + this.fields[key] + '</th>'
+      }
+      this.thead += '</tr>'
+    },
+    print () {
+      this.$refs.print.PrintAsFile()
+      this.printshow = false
+    },
+    dealmsg (val) {
+      console.log('---------------dealmsg')
+      this.rowdata = val
+      this.show = true
+      val.model = this.model.model
+      this.$dispatch('deal-msg', val)
+    },
+    close () {
+      this.printshow = false
+      this.all = false
+    },
+    // 对选择的列进行排序
+    sortModelval () {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      this.modelval = sortModel
+      console.log('选择的打印的字段', this.modelval)
+    }
+  },
+  watch: {
+    'all' (val) {
+      if (val) {
+        this.modelval = this.bodyData
+      } else {
+        this.modelval = defaultPrint.config
+        this.put()
+      }
+    },
+    sumsmodel: {
+      handler: function (val) {
+        this.getotherfooter()
+      },
+      deep: true
+    },
+    'modelval.length' () {
+      this.put()
+    }
+  },
+  computed: {
+    getCondition () {
+      return {
+        condition: this.condition,
+        startDate: this.$refs.paged.$refs.cri.model.startDate,
+        endDate: this.$refs.paged.$refs.cri.model.endDate,
+        condition2: this.$refs.paged.$refs.cri.model.condition2
+      }
+    },
+    getfield () {
+      let field
+      if (this.isAreaShow) {
+        field = exportConfig.manageChargeSummaryByCompanyConfig
+      } else if (this.isCompanyShow) {
+        field = exportConfig.manageChargeSummaryByAreaConfig
+      } else {
+        field = exportConfig.manageChargeSummaryConfig
+      }
+      return field
+    },
+    useTypes () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]
+    },
+    usertypes () {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用户类型')]
+    }
+
+  }
+}
+</script>
+