manage-client 3.2.89-aode → 3.2.89-aodeToV4

package/src/components/webmeter/IOTArrears/iotRechargeAudit.vue

@@ -1,378 +1,378 @@
-<template>
-  <div id="unit" class="flex-row">
-    <div class="basic-main">
-      <div class="flex" v-if="!listpage">
-      <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="form-horizontal select-overspread container-fluid auto" novalidate partial>
-            <div class="row">
-              <new-select-group :initres="$parent.$parent.initres"  :show-component="['company']"  @re-res="$parent.$parent.getRes">
-              </new-select-group>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">客户编号</label>
-                <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
-                        condition="f_userinfo_code like '{}%'" placeholder="客户编号"
-                />
-              </div>
-
-
-              <div class="col-sm-4 form-group">
-                <label class="font_normal_body">客户地址</label>
-                <input  type="text" class="input_search"
-                        v-model="model.f_name" style="width:80%"
-                        condition="f_address like '%{}%'" placeholder="客户地址"
-                />
-              </div>
-
-              <div style="float:right">
-                <button class="button_search button_spacing" @click="search()" >查询</button>
-                <button class="button_search button_spacing" @click="clear()" >清空</button>
-                <!--                <button class="button_search button_spacing" @click="$parent.$parent.SaveAsFileAll('daochu')" >导出</button>-->
-<!--                <export-excel :data="$parent.$parent.getcondition" :defaultselect="$parent.$parent.defaultfield"-->
-<!--                              :field="$parent.$parent.getfield"-->
-<!--                              sqlurl="rs/logic/exportfile" sql-name="iotArrearsInfo" template-name='物联网表欠费用户信息'-->
-<!--                              :choose-col="true"></export-excel>-->
-                <export-excel-plus :data="$parent.$parent.getcondition"
-                                   :defaultselect="$parent.$parent.defaultfield"
-                                   :field="$parent.$parent.getfield"
-                                   :exportprogress="true" v-ref:exports
-                                   sqlurl="rs/logic/exportfileplus" sql-name="iotrechargeaudit_manage" template-name='物联网表金额监控'
-                                   :choose-col="true"></export-excel-plus>
-                <!--                <button class="button_export" @click="$parent.$parent.importFile()">导入</button>-->
-                <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-show="$parent.$parent.criteriaShow">
-                <div class="col-sm-2 form-group">
-                  <label class="font_normal_body">客户名称</label>
-                  <input  type="text" class="input_search" style="width:60%" v-model="model.f_user_name" style="width:60%"
-                          condition="f_user_name like '%{}%'" placeholder="客户名称"
-                  />
-                </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>
-                  <v-select :options='$parent.$parent.usertypes'
-                            @change="$parent.$parent.userTypeChange"
-                            :value.sync="model.f_user_type"
-                            close-on-select condition="f_user_type = '{}'"
-                            placeholder='用户类型'
-                            style="width: 60%"  v-model="model.f_user_type"></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 = '{}'"
-                            placeholder='用气性质'
-                            style="width: 60%"
-                            v-model="model.f_gasproperties">
-                  </v-select>
-                </div>
-                <div class="col-sm-3 form-group">
-                  <label class="font_normal_body">表累购金额</label>
-                  <v-select :options='$parent.$parent.totalmoneystate'
-                            :value.sync="model.f_total_state"
-                            close-on-select condition="f_total_fee {} allmoney"
-                            placeholder='全部' :width="'20%'"
-                            @change="$parent.$parent.changecolor(1,model.f_total_state)"
-                            style="margin-right: 8px;"  v-model="model.f_total_state"></v-select>
-                  <label class="font_normal_body">表累购金额(记录合计)</label>
-                </div>
-                <div class="col-sm-3 form-group">
-                  <label class="font_normal_body">表累购金额</label>
-                  <v-select :options='$parent.$parent.totalmoneystate'
-                            :value.sync="model.f_totaluse_state"
-                            close-on-select condition="f_total_fee {} f_balance_amount+f_total_usegas_amount"
-                            placeholder='全部'
-                            :width="'20%'"
-                            @change="$parent.$parent.changecolor(2,model.f_totaluse_state)"
-                            style="margin-right: 8px;"  v-model="model.f_totaluse_state"></v-select>
-                  <label class="font_normal_body">剩余金额+累用金额</label>
-                </div>
-                <div class="col-sm-4 form-group">
-                  <label class="font_normal_body">表累购金额</label>
-                  <v-select :options='$parent.$parent.totalmoneystate'
-                            :value.sync="model.f_totalsy_state"
-                            close-on-select condition="f_total_fee {} fillmoney+allmoney"
-                            placeholder='全部'
-                            :width="'20%'"
-                            @change="$parent.$parent.changecolor(3,model.f_totalsy_state)"
-                            style="margin-right: 8px;"  v-model="model.f_totalsy_state"></v-select>
-                  <label class="font_normal_body">补气金额(旧表)+表累购金额(记录合计)</label>
-                </div>
-                <div class="col-sm-5 form-group">
-                  <p style="font-weight:bold;font-size: 14px; color:darkred;margin-top: 19px;">说明:由于旧表存在老系统换表补费,补气金额(旧表)需要和表累购金额(记录合计)的和才能等于表累购金额</p>
-                </div>
-
-            </div>
-          </div>
-        </criteria>
-        <data-grid id="daochu" :model="model" partial='list' class="list_area table_sy" v-ref:grid>
-          <template partial='head'>
-            <tr>
-              <th><nobr>客户编号</nobr></th>
-              <th><nobr>客户姓名</nobr></th>
-              <th><nobr>客户状态</nobr></th>
-              <th><nobr>表号</nobr></th>
-              <th><nobr>客户类型</nobr></th>
-              <th><nobr>用气性质</nobr></th>
-              <th><nobr>气表品牌</nobr></th>
-              <th><nobr>客户地址</nobr></th>
-              <th><nobr>气表类型</nobr></th>
-              <th><nobr>气表状态</nobr></th>
-              <th><nobr>气表读数</nobr></th>
-              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}">
-                <nobr>当前表累购金额</nobr></th>
-              <th :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
-                <nobr>补气金额(旧表)</nobr>
-              </th>
-              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
-                <nobr>当前表累购金额(记录合计)</nobr></th>
-              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
-                <nobr>累用金额</nobr></th>
-              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
-                <nobr>剩余金额</nobr></th>
-              <th><nobr>最后上报时间</nobr></th>
-              <th><nobr>最后结算时间</nobr></th>
-              <th><nobr>所属组织</nobr></th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <tr>
-              <td style="text-align:center">
-                <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
-              </td>
-              <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_user_state}}</nobr>
-              <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_user_type}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_gasproperties}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_meter_brand}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_address}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_meter_classify}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_table_state}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_meter_base}}</nobr></td>
-              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}" >
-                <nobr>{{row.f_total_fee}}</nobr></td>
-              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
-                <nobr>{{row.fillmoney}}</nobr></td>
-              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
-                <nobr>{{row.allmoney}}</nobr></td>
-              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
-                <nobr>{{row.f_total_usegas_amount}}</nobr></td>
-              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
-                <nobr>{{row.f_balance_amount}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_meteread_date}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.f_hand_date}}</nobr></td>
-              <td style="text-align:center"><nobr>{{row.name}}</nobr></td>
-            </tr>
-          </template>
-          <template partial='foot'></template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-      <div v-if="listpage">
-        <user-info-detail-manage :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage>
-      </div>
-    </div>
-  </div>
-
-
-  <modal :show.sync="fileshow" width="500px" title="文件导入" v-ref:modal large backdrop="false">
-    <article slot="modal-body" class="modal-body">
-      <file-upload class="my-file-uploader " name="UploadFile" class="btn btn-success" style="border-radius: 2px;"
-                   action="rs/file/uploadFile" tagname="导入发票" v-ref:file :headers="headers"></file-upload>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-    </footer>
-  </modal>
-
-</template>
-
-<script>
-import { PagedList } from 'vue-client'
-import {HttpResetClass} from 'vue-client'
-import Vue from "vue";
-import getLodop from "../../../plugins/LodopFuncs";
-import exportConfig from "./valueConfig"
-  let getGasbrandGen = async function (self) {
-    await self.$LoadParams.loadParam()
-    self.initQueryParam()
-  }
-// self.defaultfield = [...self.defaultfield, ...self.config.defaultPrint]
-export default {
-  data () {
-    return {
-      defaultfield: [],
-      config: {
-        defaultPrint: ['f_user_name','f_meter_brand','f_user_type']
-      },
-      model: new PagedList('rs/sql/iotrechargeaudit',20),
-      fileshow: false,
-      condition: '1=1',
-      initres: {
-        org:[this.$login.f.orgid],
-        dep:[],
-        user:[],
-      },
-      moneystate: [{label: '欠费', value: '<'}, {label: '正常', value: '>='}],
-      totalmoneystate: [{label:'全部',value:''},{label: '相等', value: '='}, {label: '不等', value: '!='}],
-      // f_usertype:[{label:'民用',value:'民用'},{label:'非民用',value:'非民用'}],
-      // gasproperties:[],
-      meterBrand:[],
-      meterbrands: [],
-      curorgid: [this.$login.f.orgid],
-      radio: [],
-      //选中的页
-      all: [],
-      //row数据
-      rowsdata: [],
-      printModel: {
-        rows: []
-      },
-      listpage:false,
-      criteriaShow:false,
-      iscomplanAllInfo:false,
-      rowdata:[],
-      gasproperties: this.$appdata.getParam('用气性质') ? [{
-        label: '全部',
-        value: ''
-      }, ...this.$appdata.getParam('用气性质')] : [],
-      showcolorstate:0,
-      f_filialeid:this.$login.f.orgid,
-      f_orgid:this.$login.f.orgid,
-    }
-  },
-  title: '物联网金额监控',
-  ready(){
-    // this.search()
-    for(var item in exportConfig.iotrechargeaudit){
-      this.defaultfield.push(item)
-    }
-    getGasbrandGen(this)
-  },
-  computed : {
-    getcondition(){
-      return {
-        condition: `${this.$refs.paged.$refs.cri.condition} and f_filialeid in ${this.f_orgid}`
-      }
-    },
-    getfield() {
-      return exportConfig.iotrechargeaudit
-    },
-    usertypes() {
-      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('客户类型')]
-    },
-    metertypes() {
-      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('气表类型')]
-    },
-    tableState () {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('表具状态')]
-    }
-  },
-  events : {
-
-  },
-  methods: {
-    changecolor(number,val){
-      if(number != this.showcolorstate && (val == null || val == '')){
-        return;
-      }
-      if(number == 3){
-        this.$refs.paged.$refs.cri.model.f_total_state = ''
-        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
-      }
-      if(number == 2){
-        this.$refs.paged.$refs.cri.model.f_totalsy_state=''
-        this.$refs.paged.$refs.cri.model.f_total_state = ''
-      }
-      if(number == 1){
-        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
-        this.$refs.paged.$refs.cri.model.f_totalsy_state = ''
-      }
-
-      this.showcolorstate = 0;
-      if(val == null || val =='' ){
-        this.showcolorstate = 0
-      }else{
-        this.showcolorstate = number
-      }
-    },
-    hidden(){
-      this.criteriaShow = !this.criteriaShow
-    },
-    cancel(){
-      this.listpage=false
-    },
-    dealmsg(val) {
-      console.log("=---------------dealmsg--------------")
-      this.listpage=true
-      this.rowdata=val
-      console.log(this.rowdata.f_userinfo_id)
-      val.model = this.model.model
-      // this('deal-msg', val)
-    },
-    search () {
-      this.$refs.paged.$refs.cri.search()
-    },
-    userTypeChange () {
-      this.gasproperties=[]
-      if(this.$refs.paged.$refs.cri.model !== null ) {
-        this.$refs.paged.$refs.cri.model.f_gasproperties=''
-
-        console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
-        this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
-        // this.gasproperties.push({label: '全部', value: ''})
-      }
-      else{
-        this.gasproperties =[{label: '全部', value: ''}]
-      }
-    },
-    async selfSearch (args) {
-      // if (!this.f_orgid) {
-      //   this.getorg([this.$login.f.orgid])
-      // }
-      console.log('查询。。。', this.f_orgid)
-      args.condition =  `${args.condition} and f_filialeid in ${this.f_orgid}`
-      this.model.search(args.condition, args.model)
-    },
-    //清空
-    clear(){
-      this.$refs.paged.$refs.cri.model = {}
-    },
-    getorg (val) {
-      this.f_orgid = this.$login.convertToIn(val)
-      this.f_filialeids = val[0]
-    },
-    getRes(obj) {
-      this.f_orgid =obj
-    },
-    initQueryParam () {
-      let arr = []
-      this.$GetSaleParam.getGasbrand().forEach((item) => {
-        let temp = {}
-        if(item.value.f_meter_type==='物联网表'){
-          temp.label = item.label
-          temp.value = item.value.f_meter_brand
-          arr.push(temp )
-        }
-
-      })
-      this.meterbrands = [{label: '全部', value: ''}, ...arr]
-    }
-  }
-
-}
-</script>
+<template>
+  <div id="unit" class="flex-row">
+    <div class="basic-main">
+      <div class="flex" v-if="!listpage">
+      <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="form-horizontal select-overspread container-fluid auto" novalidate partial>
+            <div class="row">
+              <new-select-group :initres="$parent.$parent.initres"  :show-component="['company']"  @re-res="$parent.$parent.getRes">
+              </new-select-group>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">客户编号</label>
+                <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
+                        condition="f_userinfo_code like '{}%'" placeholder="客户编号"
+                />
+              </div>
+
+
+              <div class="col-sm-4 form-group">
+                <label class="font_normal_body">客户地址</label>
+                <input  type="text" class="input_search"
+                        v-model="model.f_name" style="width:80%"
+                        condition="f_address like '%{}%'" placeholder="客户地址"
+                />
+              </div>
+
+              <div style="float:right">
+                <button class="button_search button_spacing" @click="search()" >查询</button>
+                <button class="button_search button_spacing" @click="clear()" >清空</button>
+                <!--                <button class="button_search button_spacing" @click="$parent.$parent.SaveAsFileAll('daochu')" >导出</button>-->
+<!--                <export-excel :data="$parent.$parent.getcondition" :defaultselect="$parent.$parent.defaultfield"-->
+<!--                              :field="$parent.$parent.getfield"-->
+<!--                              sqlurl="api/af-revenue/logic/exportfile" sql-name="iotArrearsInfo" template-name='物联网表欠费用户信息'-->
+<!--                              :choose-col="true"></export-excel>-->
+                <export-excel-plus :data="$parent.$parent.getcondition"
+                                   :defaultselect="$parent.$parent.defaultfield"
+                                   :field="$parent.$parent.getfield"
+                                   :exportprogress="true" v-ref:exports
+                                   sqlurl="api/af-revenue/logic/exportfileplus" sql-name="iotrechargeaudit_manage" template-name='物联网表金额监控'
+                                   :choose-col="true"></export-excel-plus>
+                <!--                <button class="button_export" @click="$parent.$parent.importFile()">导入</button>-->
+                <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-show="$parent.$parent.criteriaShow">
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">客户名称</label>
+                  <input  type="text" class="input_search" style="width:60%" v-model="model.f_user_name" style="width:60%"
+                          condition="f_user_name like '%{}%'" placeholder="客户名称"
+                  />
+                </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>
+                  <v-select :options='$parent.$parent.usertypes'
+                            @change="$parent.$parent.userTypeChange"
+                            :value.sync="model.f_user_type"
+                            close-on-select condition="f_user_type = '{}'"
+                            placeholder='用户类型'
+                            style="width: 60%"  v-model="model.f_user_type"></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 = '{}'"
+                            placeholder='用气性质'
+                            style="width: 60%"
+                            v-model="model.f_gasproperties">
+                  </v-select>
+                </div>
+                <div class="col-sm-3 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_total_state"
+                            close-on-select condition="f_total_fee {} allmoney"
+                            placeholder='全部' :width="'20%'"
+                            @change="$parent.$parent.changecolor(1,model.f_total_state)"
+                            style="margin-right: 8px;"  v-model="model.f_total_state"></v-select>
+                  <label class="font_normal_body">表累购金额(记录合计)</label>
+                </div>
+                <div class="col-sm-3 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_totaluse_state"
+                            close-on-select condition="f_total_fee {} f_balance_amount+f_total_usegas_amount"
+                            placeholder='全部'
+                            :width="'20%'"
+                            @change="$parent.$parent.changecolor(2,model.f_totaluse_state)"
+                            style="margin-right: 8px;"  v-model="model.f_totaluse_state"></v-select>
+                  <label class="font_normal_body">剩余金额+累用金额</label>
+                </div>
+                <div class="col-sm-4 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_totalsy_state"
+                            close-on-select condition="f_total_fee {} fillmoney+allmoney"
+                            placeholder='全部'
+                            :width="'20%'"
+                            @change="$parent.$parent.changecolor(3,model.f_totalsy_state)"
+                            style="margin-right: 8px;"  v-model="model.f_totalsy_state"></v-select>
+                  <label class="font_normal_body">补气金额(旧表)+表累购金额(记录合计)</label>
+                </div>
+                <div class="col-sm-5 form-group">
+                  <p style="font-weight:bold;font-size: 14px; color:darkred;margin-top: 19px;">说明:由于旧表存在老系统换表补费,补气金额(旧表)需要和表累购金额(记录合计)的和才能等于表累购金额</p>
+                </div>
+
+            </div>
+          </div>
+        </criteria>
+        <data-grid id="daochu" :model="model" partial='list' class="list_area table_sy" v-ref:grid>
+          <template partial='head'>
+            <tr>
+              <th><nobr>客户编号</nobr></th>
+              <th><nobr>客户姓名</nobr></th>
+              <th><nobr>客户状态</nobr></th>
+              <th><nobr>表号</nobr></th>
+              <th><nobr>客户类型</nobr></th>
+              <th><nobr>用气性质</nobr></th>
+              <th><nobr>气表品牌</nobr></th>
+              <th><nobr>客户地址</nobr></th>
+              <th><nobr>气表类型</nobr></th>
+              <th><nobr>气表状态</nobr></th>
+              <th><nobr>气表读数</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}">
+                <nobr>当前表累购金额</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
+                <nobr>补气金额(旧表)</nobr>
+              </th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
+                <nobr>当前表累购金额(记录合计)</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
+                <nobr>累用金额</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
+                <nobr>剩余金额</nobr></th>
+              <th><nobr>最后上报时间</nobr></th>
+              <th><nobr>最后结算时间</nobr></th>
+              <th><nobr>所属组织</nobr></th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align:center">
+                <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
+              </td>
+              <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_user_state}}</nobr>
+              <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_user_type}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_gasproperties}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_brand}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_address}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_classify}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_table_state}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_base}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}" >
+                <nobr>{{row.f_total_fee}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
+                <nobr>{{row.fillmoney}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
+                <nobr>{{row.allmoney}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
+                <nobr>{{row.f_total_usegas_amount}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
+                <nobr>{{row.f_balance_amount}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meteread_date}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_hand_date}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.name}}</nobr></td>
+            </tr>
+          </template>
+          <template partial='foot'></template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+      <div v-if="listpage">
+        <user-info-detail-manage :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage>
+      </div>
+    </div>
+  </div>
+
+
+  <modal :show.sync="fileshow" width="500px" title="文件导入" v-ref:modal large backdrop="false">
+    <article slot="modal-body" class="modal-body">
+      <file-upload class="my-file-uploader " name="UploadFile" class="btn btn-success" style="border-radius: 2px;"
+                   action="api/af-revenue/file/uploadFile" tagname="导入发票" v-ref:file :headers="headers"></file-upload>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import Vue from "vue";
+import getLodop from "../../../plugins/LodopFuncs";
+import exportConfig from "./valueConfig"
+  let getGasbrandGen = async function (self) {
+    await self.$LoadParams.loadParam()
+    self.initQueryParam()
+  }
+// self.defaultfield = [...self.defaultfield, ...self.config.defaultPrint]
+export default {
+  data () {
+    return {
+      defaultfield: [],
+      config: {
+        defaultPrint: ['f_user_name','f_meter_brand','f_user_type']
+      },
+      model: new PagedList('api/af-revenue/sql/iotrechargeaudit',20),
+      fileshow: false,
+      condition: '1=1',
+      initres: {
+        org:[this.$login.f.orgid],
+        dep:[],
+        user:[],
+      },
+      moneystate: [{label: '欠费', value: '<'}, {label: '正常', value: '>='}],
+      totalmoneystate: [{label:'全部',value:''},{label: '相等', value: '='}, {label: '不等', value: '!='}],
+      // f_usertype:[{label:'民用',value:'民用'},{label:'非民用',value:'非民用'}],
+      // gasproperties:[],
+      meterBrand:[],
+      meterbrands: [],
+      curorgid: [this.$login.f.orgid],
+      radio: [],
+      //选中的页
+      all: [],
+      //row数据
+      rowsdata: [],
+      printModel: {
+        rows: []
+      },
+      listpage:false,
+      criteriaShow:false,
+      iscomplanAllInfo:false,
+      rowdata:[],
+      gasproperties: this.$appdata.getParam('用气性质') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('用气性质')] : [],
+      showcolorstate:0,
+      f_filialeid:this.$login.f.orgid,
+      f_orgid:this.$login.f.orgid,
+    }
+  },
+  title: '物联网金额监控',
+  ready(){
+    // this.search()
+    for(var item in exportConfig.iotrechargeaudit){
+      this.defaultfield.push(item)
+    }
+    getGasbrandGen(this)
+  },
+  computed : {
+    getcondition(){
+      return {
+        condition: `${this.$refs.paged.$refs.cri.condition} and f_filialeid in ${this.f_orgid}`
+      }
+    },
+    getfield() {
+      return exportConfig.iotrechargeaudit
+    },
+    usertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('客户类型')]
+    },
+    metertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('气表类型')]
+    },
+    tableState () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('表具状态')]
+    }
+  },
+  events : {
+
+  },
+  methods: {
+    changecolor(number,val){
+      if(number != this.showcolorstate && (val == null || val == '')){
+        return;
+      }
+      if(number == 3){
+        this.$refs.paged.$refs.cri.model.f_total_state = ''
+        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
+      }
+      if(number == 2){
+        this.$refs.paged.$refs.cri.model.f_totalsy_state=''
+        this.$refs.paged.$refs.cri.model.f_total_state = ''
+      }
+      if(number == 1){
+        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
+        this.$refs.paged.$refs.cri.model.f_totalsy_state = ''
+      }
+
+      this.showcolorstate = 0;
+      if(val == null || val =='' ){
+        this.showcolorstate = 0
+      }else{
+        this.showcolorstate = number
+      }
+    },
+    hidden(){
+      this.criteriaShow = !this.criteriaShow
+    },
+    cancel(){
+      this.listpage=false
+    },
+    dealmsg(val) {
+      console.log("=---------------dealmsg--------------")
+      this.listpage=true
+      this.rowdata=val
+      console.log(this.rowdata.f_userinfo_id)
+      val.model = this.model.model
+      // this('deal-msg', val)
+    },
+    search () {
+      this.$refs.paged.$refs.cri.search()
+    },
+    userTypeChange () {
+      this.gasproperties=[]
+      if(this.$refs.paged.$refs.cri.model !== null ) {
+        this.$refs.paged.$refs.cri.model.f_gasproperties=''
+
+        console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
+        this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
+        // this.gasproperties.push({label: '全部', value: ''})
+      }
+      else{
+        this.gasproperties =[{label: '全部', value: ''}]
+      }
+    },
+    async selfSearch (args) {
+      // if (!this.f_orgid) {
+      //   this.getorg([this.$login.f.orgid])
+      // }
+      console.log('查询。。。', this.f_orgid)
+      args.condition =  `${args.condition} and f_filialeid in ${this.f_orgid}`
+      this.model.search(args.condition, args.model)
+    },
+    //清空
+    clear(){
+      this.$refs.paged.$refs.cri.model = {}
+    },
+    getorg (val) {
+      this.f_orgid = this.$login.convertToIn(val)
+      this.f_filialeids = val[0]
+    },
+    getRes(obj) {
+      this.f_orgid =obj
+    },
+    initQueryParam () {
+      let arr = []
+      this.$GetSaleParam.getGasbrand().forEach((item) => {
+        let temp = {}
+        if(item.value.f_meter_type==='物联网表'){
+          temp.label = item.label
+          temp.value = item.value.f_meter_brand
+          arr.push(temp )
+        }
+
+      })
+      this.meterbrands = [{label: '全部', value: ''}, ...arr]
+    }
+  }
+
+}
+</script>