sale-client 4.2.17 → 4.2.18

package/src/components/revenue/IOTArrears/arrears.vue

@@ -0,0 +1,323 @@
+<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-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 :options='$parent.$parent.moneystate'
+                          :value.sync="model.f_money_state"
+                          close-on-select condition="f_balance_amount {} 0"
+                          placeholder='费用状态'
+                          style="width: 60%"  v-model="model.f_money_state"></v-select>
+              </div>
+              <div class="col-sm-2 form-group">
+
+
+                <label class="font_normal_body">气表品牌</label>
+                <v-select :value.sync="model.f_meter_brand"
+                          v-model="model.f_meter_brand"
+                          :options='$parent.$parent.meterbrands' placeholder='请选择'
+                          condition="f_meter_brand = '{}'"
+                          close-on-select></v-select>
+              </div>
+
+              <div 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/saleExport" sql-name="iotArrearsInfo" template-name='物联网表欠费用户信息'
+                              :choose-col="true"></export-excel>
+                <!--                <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>
+                  <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-2 form-group">
+                  <label class="font_normal_body">表具状态</label>
+                  <v-select :options='$parent.$parent.tableState'
+                            :value.sync="model.f_table_state"
+                            close-on-select
+                            condition="f_table_state = '{}'"
+                            placeholder='用气性质'
+                            style="width: 60%"
+                            v-model="model.f_table_state">
+                  </v-select>
+                </div>
+
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">地&emsp;&emsp;址</label>
+                  <input  type="text" class="input_search"
+                          v-model="model.f_name" style="width:60%"
+                          condition="f_name like '%{}%'" placeholder="地址"
+                  />
+                </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><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>
+<!--                <button-link type="button" class="btn btn-link" @click="$parent.$parent.$parent.getUserInfo(row)">-->
+<!--                  {{ row.f_userinfo_code}}</button-link>-->
+              </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_classify}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_base}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_table_state}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_balance_amount}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_money_state}}</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>
+            </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 "../../common/userinfo_detail/config/exportConfig"
+  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/iotArrearsInfo',20),
+      fileshow: false,
+      condition: '1=1',
+      moneystate: [{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('用气性质')] : [],
+    }
+  },
+  title: '物联网欠费查询',
+  ready(){
+    this.search()
+    for(var item in exportConfig.iotArrearsField){
+      this.defaultfield.push(item)
+    }
+    getGasbrandGen(this)
+  },
+  computed : {
+    // ischecked() {
+    //   return function (index, i) {
+    //     if (!this.radio[index]) {
+    //       return false
+    //     }
+    //     return this.radio[index][i]
+    //   }
+    // },
+    getcondition(){
+      return {
+        condition: `${this.$refs.paged.$refs.cri.condition}`
+      }
+    },
+    getfield() {
+      return exportConfig.iotArrearsField
+    },
+    // meterbrands () {
+    //   return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('气表品牌')]
+    // },
+    // meterbrands() {
+    //   return this.$GetSaleParam.getGasbrand()
+    // },
+    usertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('客户类型')]
+    },
+    metertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('气表类型')]
+    },
+    pricetypes() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('气价类型')]
+    },
+    tableState () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('表具状态')]
+    }
+  },
+  events : {
+
+  },
+  methods: {
+    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.model.model !== null ) {
+        this.$refs.paged.model.model.f_gasproperties=''
+
+        console.log(this.$refs.paged.model.model.f_user_type[0])
+        this.gasproperties = this.$appdata.getParam(this.$refs.paged.model.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>