telephone-clients 3.0.103-54 → 3.0.103-55

package/src/components/sale/IOTMeterCenter.vue

@@ -1,443 +1,443 @@
-<template>
-  <div style="height: auto;width: 100%;padding: 10px">
-    <div partial>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">预购气量:</label>
-          </div><div class="col-xs-8">
-          <input type="text" class ="input_search input_ys" placeholder="请输入预存气量..." readonly="{{row.f_collection_type == '按金额'}}" v-model="model.f_pregas"></div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">预购金额:</label>
-          </div><div class="col-xs-8">
-          <input type="text" class ="input_search input_ys" placeholder="请输入预购金额..." readonly="{{row.f_collection_type == '按气量'}}" v-model="model.f_preamount"></div>
-        </div>
-        <div class="row app-row" v-if="hasLimit">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">购气上限:</label>
-          </div><div class="col-xs-8">
-          <input type="text" class ="input_search input_ys" placeholder="请输入预存气量..." readonly v-model="maxgas"></div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left" style="color: #a51212">本次缴费:</label>
-          </div><div class="col-xs-8">
-          <!--<input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..."
-                 @blur="preamount()"
-                 v-model="model.f_totalcost"></div>-->
-          <input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..." readonly
-                 v-model="model.f_totalcost"></div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">付款方式:</label>
-          </div>
-          <div class="col-xs-8">
-            <!--<input type="text" class ="input_search input_ys" placeholder="请选择付款方式..." readonly v-model="model.f_payment"></div>-->
-            <v-select
-              :value.sync="model.f_payment"
-              :options='Paytypes'
-              placeholder='请选择付款方式...'
-              close-on-select
-              :search="false"
-              value-single
-              style="margin-bottom: 10px;"
-              width="78%"
-              v-model="model.f_payment"
-            ></v-select>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">打印格式:</label>
-          </div>
-          <div class="col-xs-8">
-            <!--<input type="text" class ="input_search input_ys" placeholder="请输入打印格式..." readonly v-model="model.f_print"></div>-->
-            <v-select
-              :value.sync="model.f_print"
-              :options='Printtypes'
-              placeholder='请输入打印格式...'
-              close-on-select
-              value-single
-              style="margin-bottom: 10px;"
-              width="78%"
-              v-model="model.f_print"
-            ></v-select>
-          </div>
-        </div>
-
-        <!--<div class="row app-row">
-          <label for="f_balance" class="font_normal_body">上期结余</label>
-          <input class="input_search" style="width:60%" type="number" v-model="model.f_balance"
-                 v-scale="[model.f_balance, 2]" placeholder="上期结余" disabled>
-        </div>
-        <div class="row app-row">
-          <label for="f_curbalance" class="font_normal_body">本期结余</label>
-          <input class="input_search" style="width:60%" type="number" v-model="curbalance"
-                 v-scale="[model.f_curbalance, 2]" placeholder="本期结余" disabled>
-        </div>
-        <div class="row app-row">
-          <label for="f_collection" class=" font_normal_body">&nbsp;&nbsp;&nbsp;收款&nbsp;&nbsp;&nbsp;</label>
-          <input id="f_collection" class="input_search" readonly style="width:60%" type="number" v-model="model.f_collection">
-        </div>-->
-
-        <div class="row app-row" v-if="model.f_payment[0].includes('POS')">
-          <div class="col-xs-4">
-            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">&nbsp;&nbsp;凭证号:</label>
-          </div><div class="col-xs-8">
-          <input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..."
-                 v-model="model.f_voucher_number"></div>
-        </div>
-
-        <div class="row" style="margin-top: 10px;">
-          <label class="font_normal_body"><b>&nbsp;&nbsp;&nbsp;选择{{matertype2}}&nbsp;&nbsp;&nbsp;</b></label>
-        </div>
-        <div class="row" style="text-align: center">
-          <button class="button_btn" @click="selectmoney(btnmoney)"  v-for=" btnmoney in btnmoneys"> {{btnmoney}}{{matertype}}</button>
-        </div>
-        <div class="row app-row" style="padding-top: 0.5em;">
-          <div class="col-sm-12">
-            <label for="f_comments" class="font_normal_body">&nbsp;&nbsp;&nbsp;备注&nbsp;&nbsp;&nbsp;</label>
-            <input class="input_search input_ys" style="width:60%" v-model="model.f_comments" rows="1" placeholder="备注">
-          </div>
-        </div>
-      <div style="text-align:right; height: 20%;margin-top: 15px;">
-        <strong v-show="!isMax" style="font-size: large" >计算公式:{{calculatedetail ? calculatedetail : ' 暂无'}}</strong><br/>
-        <strong v-show="isMax" style="font-size: large;color: #d9534f" >已经达到购气上限</strong><br/>
-
-      </div>
-      <div class="row text-center" style="margin-top: 25px;">
-        <button class="btn btn-lg btn-font btn-color" style="width: 28%;" type="button" @click="confirm()" :disabled="clickConfirm" >确认</button>
-        <!--<button class="btn btn-lg btn-font btn-color" @click="clean()" style="font-size: 15px;">取消</button>-->
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  /**
-   *综合业务
-   *收费组件
-   */
-
-  import {HttpResetClass} from 'vue-client'
-  import Vue from 'vue'
-  import * as Util from '../Util'
-
-
-  export default {
-    title: '物联网表收费',
-    data() {
-      return {
-        config: {
-          showupload:false,  //默认不显示附件上传组件
-          hasPrint : false,  //默认打票
-          hasBillManage : false,  //默认不启用发票管理
-          billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
-          printType: '普通收据', // 收据/电子票/专用发票/国税发票
-          payment: '现金缴费'
-        },
-        isMax:false,
-        model: {
-          f_userfiles_id: '',   // 表编号  方式一: 针对微信查询
-          f_userinfo_code: '',  // 用户编号  卡表标识
-          f_filialeids: '', // 用户分公司
-          f_overdue: 0, // 机表滞纳金减免
-          f_card_id: '', // 卡表缴费标识  卡号
-          f_user_id: '', // 卡表缴费标识  用户id
-          f_serial_id: '',  // 流水号
-          f_pregas: 0,   // 预购气量 购气量
-          f_preamount: 0,  // 预购金额 购气金额
-          f_totalcost: 0,  // 本次缴费金额 应交气费
-          f_collection: 0,   // 收款
-          // f_terminal_num: 'POS设备号', // 这个不能传  终端号/设备号
-          f_payment: '微信支付',     // 付款方式
-          f_bank_name :'',
-          f_print: '普通收据',    // 打印格式
-          f_unit: 'yuan', // yuan/fen,如果不传按分处理
-          f_operate_date: '',  //操作时间
-          f_operator: '' // 第三方渠道（微信，支付宝，等）
-        },
-        btnmoneys: [50,100,200,300,500,1000], // 默认气量或者金额
-        // 下拉框值
-        // Paytypes: this.$appdata.getParam('POS支付方式'),
-        Paytypes: [{label: "现金缴费", value: "现金缴费"}, {label: "微信支付", value: "微信支付"}, {label: "银行支付", value: "银行支付"}, {label: "其他", value: "其他"}],
-        Printtypes: [{label: "普通收据", value: "普通收据"}],
-        calculatedetail: '', // 计算公式
-
-        mulPrint: false,
-        clickConfirm: false, // 控制确认按钮只能点击一次
-        // 下拉框值
-        printstyle: this.$appdata.getParam('打印格式'),
-        privilegeList: [{label: '无优惠', value: '0'}],
-        matertype: '元',
-        matertype2: '金额'
-
-      }
-    },
-    props: ['row'],
-    ready() {
-      //tag
-      //tag)
-      this.matertype = this.row.f_collection_type == '按金额' ? '元' : '方'
-      this.matertype2 = this.row.f_collection_type == '按金额' ? '金额' : '气量'
-      this.model.f_userfiles_id = this.row.f_userfiles_id
-      this.model.f_userinfo_code = this.row.f_userinfo_code
-      this.model.f_user_id = this.row.f_user_id
-      this.model.f_card_id = this.row.f_card_id
-
-      this.model.f_operator= "手机测试"
-      this.model.f_operatorid= "42118"
-      this.model.f_orgid= "21142"
-      this.model.f_orgname= "测试公司(一)"
-      this.model.f_depid= "21160"
-      this.model.f_depname= "安检部"
-
-      // this.model.f_operator = Vue.user.name
-      // this.model.f_operatorid = Vue.user.id
-      // this.model.f_orgid = Vue.user.orgid
-      // this.model.f_orgname = Vue.user.orgs
-      // this.model.f_depid = Vue.user.depids
-      // this.model.f_depname = Vue.user.deps
-
-    },
-    watch: {
-      'model.f_preamount' () {
-        //tag
-        this.countprice()
-
-      },
-      'model.f_pregas' () {
-        //tag
-        this.countprice()
-      }
-    },
-    methods: {
-      selectmoney (money) {
-        //tag
-        //tag
-        if (this.row.f_collection_type == '按金额') {
-          this.model.f_preamount = this.model.f_totalcost = money
-        }else {
-          this.model.f_pregas = money
-        }
-      },
-      isLimit(gas,fee){
-        if (this.hasLimit) {
-          if (this.limitDetial.f_limit_type ==='气量'){
-            if (gas >  this.maxgas){
-              this.$showAlert(`预购气量大于购气气量上限，上限为:${this.maxgas}`, 'warning', 5000)
-              return  false
-            }
-          }else {
-            if (fee >  this.maxgas){
-              this.$showAlert(`预购气量大于购气金额上限，上限为:${this.maxgas}`, 'warning', 5000)
-              return  false
-            }
-          }
-          return true
-        }
-        return true
-      },
-      // 化价
-      async countprice () {
-        //tag
-        /*let parameter = {
-          model: {
-            'f_userfiles_id': 21142,
-            'f_card_id': null,
-            'f_meternumber': '123123123'
-          },
-          value: '',
-          isGasValue: '1'
-        }*/
-
-
-        let parameter = {
-         model: {
-            f_userfiles_id: this.row.f_userfiles_id,
-            f_card_id: this.row.f_card_id,
-            f_meternumber: this.row.f_meternumber // 表编号
-          },
-         value: this.row.f_collection_type == '按金额'? this.model.f_preamount : this.model.f_pregas,    // 传入气量或者金额
-         isGasValue: this.row.f_collection_type == '按金额'? 1 : 0  // 0表示气量，1表示金额
-       }
-       try {
-         //tag)
-         let http =  new HttpResetClass()
-         let gasParams = await http.load('POST',`/rs/logic/commonCal`, {data: parameter}, {})
-         // let gasParams = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/commonCal`, {data: parameter}, {})
-         //tag)
-         if (gasParams.data) {
-           // 本次缴费 = 预存金额
-           this.model.f_totalcost = this.model.f_preamount = gasParams.data.chargenum
-           // 预存气量
-           this.model.f_pregas = gasParams.data.oughtamount
-         }
-       } catch (e) {
-         //tag)
-         this.$showMessage('获取化价信息错误！')
-       }
-
-      },
-      myverify () {
-        let flag = false
-        if (!this.model.f_totalcost || this.model.f_totalcost < 0 ) {
-          this.$showMessage('本次缴费金额异常')
-          return flag
-        }
-        if (!this.model.f_pregas || this.model.f_pregas < 0 ) {
-          this.$showMessage('预购气量异常')
-          return flag
-        }
-        if (!this.model.f_preamount || this.model.f_preamount < 0 ) {
-          this.$showMessage('预购金额异常')
-          return flag
-        }
-        if (!this.model.f_payment) {
-          this.$showMessage('请选择支付方式')
-          return flag
-        }
-        flag = true
-        return flag
-      },
-      async confirm() {
-        // this.$showMessage('物联网表收费')
-        //tag
-        this.saveCharges()
-        this.clickConfirm = true
-        //tag
-        // 校验
-        if (this.myverify()) {
-          // 1.调用收款接口
-          if (this.model.f_payment == '微信支付') {
-            //tag
-            // 去支付界面
-            let _this = this
-            let pardate = {
-              _this:this,
-              title:'二维码收款',
-              safe:true
-            }
-            _this.$dispatch('gotoson',pardate)
-            //tag
-            let parameter = {
-              money: this.model.f_totalcost,
-              f_userfiles_id: this.row.f_userfiles_id,
-              f_userinfo_id: this.row.f_userinfo_id,
-              type: '物联网表缴费',
-              filiale: 'zhoukou'
-            }
-            _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
-
-          }else {
-            //tag
-            this.$showMessage('此功能正在维护中！')
-            return
-          }
-        }
-
-      },
-      payback (msg) {
-        if (msg) {
-          //tag)
-          this.model.f_serial_id = msg
-          //tag
-          this.saveCharges()
-        }else {
-          //tag
-          this.$showMessage('支付失败！')
-        }
-      },
-      async saveCharges() {
-        //tag
-        // 操作时间
-        this.model.f_operate_date = Util.toStandardTimeString()
-        // 收款等于本次缴费
-        this.model.f_collection =  this.model.f_totalcost
-        //tag)
-        let http1 = new HttpResetClass()
-        let resp = ''
-        if (this.row.f_meter_type.includes('物联网表')) {
-          http1 = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
-            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
-            warnMsg: `确定对客户${this.row.f_user_name}进行物联网表缴费吗？`,
-            resolveMsg: '物联网收费成功！！',
-            rejectMsg: '物联网收费出错!!!'
-          })
-        }else if (this.row.f_meter_type.includes('机表')) {
-          http1 = await http1.load('POST',`/rs/logic/machinePay`, {data: this.model},{
-            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
-            warnMsg: `确定对客户${this.row.f_user_name}进行机表表缴费吗？`,
-            resolveMsg: '物联网收费成功！！',
-            rejectMsg: '物联网收费出错!!!'
-          })
-
-        }else if (this.row.f_meter_type.includes('卡表')) {
-          http1 = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
-            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
-            warnMsg: `确定对客户${this.row.f_user_name}进行卡表表缴费吗？`,
-            resolveMsg: '物联网收费成功！！',
-            rejectMsg: '物联网收费出错!!!'
-          })
-       }
-
-        //tag)
-        // 打印收据
-
-      },
-      clean() {
-        this.$info('取消操作')
-      },
-    },
-    computed: {
-
-    }
-  }
-</script>
-
-<style scoped>
-  .app-row {
-    background-color: white;
-    padding: 10px 10px 0 10px;
-    border-bottom: 1px solid rgba(235, 235, 235, 0.7);
-  }
-  .input_ys {
-    /*border: 1px solid #93B2D3 !important;*/
-    border: none !important;
-    width: 220px;
-    height: 35px;
-    text-align: center;
-  }
-  .button_btn {
-    width: 27%;
-    height: 45px;
-    background-color: #4b93da;
-    border-radius: 6px;
-    border: none;
-    font-family: PingFang;
-    font-size: 18px;
-    color: #ffffff;
-    margin: 3% 2%;
-  }
-  .font_normal_body {
-    font-size: 16px !important;
-    line-height: 10px;
-  }
-  .btn-color{
-    background-color: #FFFFFF;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-  }
-  .btn-font{
-    font:600 16px PingFang-SC-Bold;
-    color: #499EDF;
-  }
-</style>
+<template>
+  <div style="height: auto;width: 100%;padding: 10px">
+    <div partial>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">预购气量:</label>
+          </div><div class="col-xs-8">
+          <input type="text" class ="input_search input_ys" placeholder="请输入预存气量..." readonly="{{row.f_collection_type == '按金额'}}" v-model="model.f_pregas"></div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">预购金额:</label>
+          </div><div class="col-xs-8">
+          <input type="text" class ="input_search input_ys" placeholder="请输入预购金额..." readonly="{{row.f_collection_type == '按气量'}}" v-model="model.f_preamount"></div>
+        </div>
+        <div class="row app-row" v-if="hasLimit">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">购气上限:</label>
+          </div><div class="col-xs-8">
+          <input type="text" class ="input_search input_ys" placeholder="请输入预存气量..." readonly v-model="maxgas"></div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left" style="color: #a51212">本次缴费:</label>
+          </div><div class="col-xs-8">
+          <!--<input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..."
+                 @blur="preamount()"
+                 v-model="model.f_totalcost"></div>-->
+          <input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..." readonly
+                 v-model="model.f_totalcost"></div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">付款方式:</label>
+          </div>
+          <div class="col-xs-8">
+            <!--<input type="text" class ="input_search input_ys" placeholder="请选择付款方式..." readonly v-model="model.f_payment"></div>-->
+            <v-select
+              :value.sync="model.f_payment"
+              :options='Paytypes'
+              placeholder='请选择付款方式...'
+              close-on-select
+              :search="false"
+              value-single
+              style="margin-bottom: 10px;"
+              width="78%"
+              v-model="model.f_payment"
+            ></v-select>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">打印格式:</label>
+          </div>
+          <div class="col-xs-8">
+            <!--<input type="text" class ="input_search input_ys" placeholder="请输入打印格式..." readonly v-model="model.f_print"></div>-->
+            <v-select
+              :value.sync="model.f_print"
+              :options='Printtypes'
+              placeholder='请输入打印格式...'
+              close-on-select
+              value-single
+              style="margin-bottom: 10px;"
+              width="78%"
+              v-model="model.f_print"
+            ></v-select>
+          </div>
+        </div>
+
+        <!--<div class="row app-row">
+          <label for="f_balance" class="font_normal_body">上期结余</label>
+          <input class="input_search" style="width:60%" type="number" v-model="model.f_balance"
+                 v-scale="[model.f_balance, 2]" placeholder="上期结余" disabled>
+        </div>
+        <div class="row app-row">
+          <label for="f_curbalance" class="font_normal_body">本期结余</label>
+          <input class="input_search" style="width:60%" type="number" v-model="curbalance"
+                 v-scale="[model.f_curbalance, 2]" placeholder="本期结余" disabled>
+        </div>
+        <div class="row app-row">
+          <label for="f_collection" class=" font_normal_body">&nbsp;&nbsp;&nbsp;收款&nbsp;&nbsp;&nbsp;</label>
+          <input id="f_collection" class="input_search" readonly style="width:60%" type="number" v-model="model.f_collection">
+        </div>-->
+
+        <div class="row app-row" v-if="model.f_payment[0].includes('POS')">
+          <div class="col-xs-4">
+            <img src="../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">&nbsp;&nbsp;凭证号:</label>
+          </div><div class="col-xs-8">
+          <input type="text" class ="input_search input_ys" placeholder="请输入缴费金额..."
+                 v-model="model.f_voucher_number"></div>
+        </div>
+
+        <div class="row" style="margin-top: 10px;">
+          <label class="font_normal_body"><b>&nbsp;&nbsp;&nbsp;选择{{matertype2}}&nbsp;&nbsp;&nbsp;</b></label>
+        </div>
+        <div class="row" style="text-align: center">
+          <button class="button_btn" @click="selectmoney(btnmoney)"  v-for=" btnmoney in btnmoneys"> {{btnmoney}}{{matertype}}</button>
+        </div>
+        <div class="row app-row" style="padding-top: 0.5em;">
+          <div class="col-sm-12">
+            <label for="f_comments" class="font_normal_body">&nbsp;&nbsp;&nbsp;备注&nbsp;&nbsp;&nbsp;</label>
+            <input class="input_search input_ys" style="width:60%" v-model="model.f_comments" rows="1" placeholder="备注">
+          </div>
+        </div>
+      <div style="text-align:right; height: 20%;margin-top: 15px;">
+        <strong v-show="!isMax" style="font-size: large" >计算公式:{{calculatedetail ? calculatedetail : ' 暂无'}}</strong><br/>
+        <strong v-show="isMax" style="font-size: large;color: #d9534f" >已经达到购气上限</strong><br/>
+
+      </div>
+      <div class="row text-center" style="margin-top: 25px;">
+        <button class="btn btn-lg btn-font btn-color" style="width: 28%;" type="button" @click="confirm()" :disabled="clickConfirm" >确认</button>
+        <!--<button class="btn btn-lg btn-font btn-color" @click="clean()" style="font-size: 15px;">取消</button>-->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  /**
+   *综合业务
+   *收费组件
+   */
+
+  import {HttpResetClass} from 'vue-client'
+  import Vue from 'vue'
+  import * as Util from '../Util'
+
+
+  export default {
+    title: '物联网表收费',
+    data() {
+      return {
+        config: {
+          showupload:false,  //默认不显示附件上传组件
+          hasPrint : false,  //默认打票
+          hasBillManage : false,  //默认不启用发票管理
+          billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
+          printType: '普通收据', // 收据/电子票/专用发票/国税发票
+          payment: '现金缴费'
+        },
+        isMax:false,
+        model: {
+          f_userfiles_id: '',   // 表编号  方式一: 针对微信查询
+          f_userinfo_code: '',  // 用户编号  卡表标识
+          f_filialeids: '', // 用户分公司
+          f_overdue: 0, // 机表滞纳金减免
+          f_card_id: '', // 卡表缴费标识  卡号
+          f_user_id: '', // 卡表缴费标识  用户id
+          f_serial_id: '',  // 流水号
+          f_pregas: 0,   // 预购气量 购气量
+          f_preamount: 0,  // 预购金额 购气金额
+          f_totalcost: 0,  // 本次缴费金额 应交气费
+          f_collection: 0,   // 收款
+          // f_terminal_num: 'POS设备号', // 这个不能传  终端号/设备号
+          f_payment: '微信支付',     // 付款方式
+          f_bank_name :'',
+          f_print: '普通收据',    // 打印格式
+          f_unit: 'yuan', // yuan/fen,如果不传按分处理
+          f_operate_date: '',  //操作时间
+          f_operator: '' // 第三方渠道（微信，支付宝，等）
+        },
+        btnmoneys: [50,100,200,300,500,1000], // 默认气量或者金额
+        // 下拉框值
+        // Paytypes: this.$appdata.getParam('POS支付方式'),
+        Paytypes: [{label: "现金缴费", value: "现金缴费"}, {label: "微信支付", value: "微信支付"}, {label: "银行支付", value: "银行支付"}, {label: "其他", value: "其他"}],
+        Printtypes: [{label: "普通收据", value: "普通收据"}],
+        calculatedetail: '', // 计算公式
+
+        mulPrint: false,
+        clickConfirm: false, // 控制确认按钮只能点击一次
+        // 下拉框值
+        printstyle: this.$appdata.getParam('打印格式'),
+        privilegeList: [{label: '无优惠', value: '0'}],
+        matertype: '元',
+        matertype2: '金额'
+
+      }
+    },
+    props: ['row'],
+    ready() {
+      //tag
+      //tag)
+      this.matertype = this.row.f_collection_type == '按金额' ? '元' : '方'
+      this.matertype2 = this.row.f_collection_type == '按金额' ? '金额' : '气量'
+      this.model.f_userfiles_id = this.row.f_userfiles_id
+      this.model.f_userinfo_code = this.row.f_userinfo_code
+      this.model.f_user_id = this.row.f_user_id
+      this.model.f_card_id = this.row.f_card_id
+
+      this.model.f_operator= "手机测试"
+      this.model.f_operatorid= "42118"
+      this.model.f_orgid= "21142"
+      this.model.f_orgname= "测试公司(一)"
+      this.model.f_depid= "21160"
+      this.model.f_depname= "安检部"
+
+      // this.model.f_operator = Vue.user.name
+      // this.model.f_operatorid = Vue.user.id
+      // this.model.f_orgid = Vue.user.orgid
+      // this.model.f_orgname = Vue.user.orgs
+      // this.model.f_depid = Vue.user.depids
+      // this.model.f_depname = Vue.user.deps
+
+    },
+    watch: {
+      'model.f_preamount' () {
+        //tag
+        this.countprice()
+
+      },
+      'model.f_pregas' () {
+        //tag
+        this.countprice()
+      }
+    },
+    methods: {
+      selectmoney (money) {
+        //tag
+        //tag
+        if (this.row.f_collection_type == '按金额') {
+          this.model.f_preamount = this.model.f_totalcost = money
+        }else {
+          this.model.f_pregas = money
+        }
+      },
+      isLimit(gas,fee){
+        if (this.hasLimit) {
+          if (this.limitDetial.f_limit_type ==='气量'){
+            if (gas >  this.maxgas){
+              this.$showAlert(`预购气量大于购气气量上限，上限为:${this.maxgas}`, 'warning', 5000)
+              return  false
+            }
+          }else {
+            if (fee >  this.maxgas){
+              this.$showAlert(`预购气量大于购气金额上限，上限为:${this.maxgas}`, 'warning', 5000)
+              return  false
+            }
+          }
+          return true
+        }
+        return true
+      },
+      // 化价
+      async countprice () {
+        //tag
+        /*let parameter = {
+          model: {
+            'f_userfiles_id': 21142,
+            'f_card_id': null,
+            'f_meternumber': '123123123'
+          },
+          value: '',
+          isGasValue: '1'
+        }*/
+
+
+        let parameter = {
+         model: {
+            f_userfiles_id: this.row.f_userfiles_id,
+            f_card_id: this.row.f_card_id,
+            f_meternumber: this.row.f_meternumber // 表编号
+          },
+         value: this.row.f_collection_type == '按金额'? this.model.f_preamount : this.model.f_pregas,    // 传入气量或者金额
+         isGasValue: this.row.f_collection_type == '按金额'? 1 : 0  // 0表示气量，1表示金额
+       }
+       try {
+         //tag)
+         let http =  new HttpResetClass()
+         let gasParams = await http.load('POST',`/rs/logic/commonCal`, {data: parameter}, {})
+         // let gasParams = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/commonCal`, {data: parameter}, {})
+         //tag)
+         if (gasParams.data) {
+           // 本次缴费 = 预存金额
+           this.model.f_totalcost = this.model.f_preamount = gasParams.data.chargenum
+           // 预存气量
+           this.model.f_pregas = gasParams.data.oughtamount
+         }
+       } catch (e) {
+         //tag)
+         this.$showMessage('获取化价信息错误！')
+       }
+
+      },
+      myverify () {
+        let flag = false
+        if (!this.model.f_totalcost || this.model.f_totalcost < 0 ) {
+          this.$showMessage('本次缴费金额异常')
+          return flag
+        }
+        if (!this.model.f_pregas || this.model.f_pregas < 0 ) {
+          this.$showMessage('预购气量异常')
+          return flag
+        }
+        if (!this.model.f_preamount || this.model.f_preamount < 0 ) {
+          this.$showMessage('预购金额异常')
+          return flag
+        }
+        if (!this.model.f_payment) {
+          this.$showMessage('请选择支付方式')
+          return flag
+        }
+        flag = true
+        return flag
+      },
+      async confirm() {
+        // this.$showMessage('物联网表收费')
+        //tag
+        this.saveCharges()
+        this.clickConfirm = true
+        //tag
+        // 校验
+        if (this.myverify()) {
+          // 1.调用收款接口
+          if (this.model.f_payment == '微信支付') {
+            //tag
+            // 去支付界面
+            let _this = this
+            let pardate = {
+              _this:this,
+              title:'二维码收款',
+              safe:true
+            }
+            _this.$dispatch('gotoson',pardate)
+            //tag
+            let parameter = {
+              money: this.model.f_totalcost,
+              f_userfiles_id: this.row.f_userfiles_id,
+              f_userinfo_id: this.row.f_userinfo_id,
+              type: '物联网表缴费',
+              filiale: 'zhoukou'
+            }
+            _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
+
+          }else {
+            //tag
+            this.$showMessage('此功能正在维护中！')
+            return
+          }
+        }
+
+      },
+      payback (msg) {
+        if (msg) {
+          //tag)
+          this.model.f_serial_id = msg
+          //tag
+          this.saveCharges()
+        }else {
+          //tag
+          this.$showMessage('支付失败！')
+        }
+      },
+      async saveCharges() {
+        //tag
+        // 操作时间
+        this.model.f_operate_date = Util.toStandardTimeString()
+        // 收款等于本次缴费
+        this.model.f_collection =  this.model.f_totalcost
+        //tag)
+        let http1 = new HttpResetClass()
+        let resp = ''
+        if (this.row.f_meter_type.includes('物联网表')) {
+          http1 = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
+            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
+            warnMsg: `确定对客户${this.row.f_user_name}进行物联网表缴费吗？`,
+            resolveMsg: '物联网收费成功！！',
+            rejectMsg: '物联网收费出错!!!'
+          })
+        }else if (this.row.f_meter_type.includes('机表')) {
+          http1 = await http1.load('POST',`/rs/logic/machinePay`, {data: this.model},{
+            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
+            warnMsg: `确定对客户${this.row.f_user_name}进行机表表缴费吗？`,
+            resolveMsg: '物联网收费成功！！',
+            rejectMsg: '物联网收费出错!!!'
+          })
+
+        }else if (this.row.f_meter_type.includes('卡表')) {
+          http1 = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
+            // let resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/sale_IOTCharge_logic`, {data: param},{
+            warnMsg: `确定对客户${this.row.f_user_name}进行卡表表缴费吗？`,
+            resolveMsg: '物联网收费成功！！',
+            rejectMsg: '物联网收费出错!!!'
+          })
+       }
+
+        //tag)
+        // 打印收据
+
+      },
+      clean() {
+        this.$info('取消操作')
+      },
+    },
+    computed: {
+
+    }
+  }
+</script>
+
+<style scoped>
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.7);
+  }
+  .input_ys {
+    /*border: 1px solid #93B2D3 !important;*/
+    border: none !important;
+    width: 220px;
+    height: 35px;
+    text-align: center;
+  }
+  .button_btn {
+    width: 27%;
+    height: 45px;
+    background-color: #4b93da;
+    border-radius: 6px;
+    border: none;
+    font-family: PingFang;
+    font-size: 18px;
+    color: #ffffff;
+    margin: 3% 2%;
+  }
+  .font_normal_body {
+    font-size: 16px !important;
+    line-height: 10px;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+</style>