manage-client 3.2.83-2 → 3.2.83-aode

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

@@ -0,0 +1,377 @@
+<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">
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body" >组织机构</label>
+                <res-select
+                  :initresid='$parent.$parent.curorgid'
+                  @res-select="$parent.$parent.getorg"
+                  is-mul="false"
+                  restype='organization'>
+                </res-select>
+              </div>
+              <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',
+      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]
+    },
+    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>

package/src/components/webmeter/IOTArrears/valueConfig.js

@@ -0,0 +1,14 @@
+export default{
+  iotArrearsField:{
+    "f_userinfo_code":"用户编号","f_user_name":"用户姓名/单位名称","f_user_state":"用户状态","f_meternumber":"表号",
+    "f_user_type":"用户类型","f_gasproperties":"用气性质","f_meter_classify":"气表分类","f_meter_base":"气表底数",
+    "f_table_state":"表状态","f_balance_amount":"剩余金额","f_money_state":"费用状态","f_meter_brand":"气表品牌","f_address":"地址"
+  },
+  iotrechargeaudit:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称","f_user_state":"客户状态","f_meternumber":"表号",
+    "f_user_type":"用户类型","f_gasproperties":"用气性质","f_meter_brand":"气表品牌","f_address":"客户地址",
+    "f_meter_classify":"气表类型","f_table_state":"气表状态","f_meter_base":"气表读数",
+    "f_total_fee":"当前表累购金额","fillmoney":"补气金额(旧表)","allmoney":"当前表累购金额(记录合计)","f_total_usegas_amount":"累用金额",
+    "f_balance_amount":"剩余金额","f_meteread_date":"最后上报时间","f_hand_date":"最后结算时间","name":"所属组织"
+  }
+}