telephone-clients 3.0.103-54 → 3.0.103-55

package/src/filiale/rongcheng/onlineBuyGas.vue

@@ -1,799 +1,799 @@
-<template>
-  <div style="height: auto;width: 100%;padding: 10px">
-    <work-busy :is-busy="isBusy"></work-busy>
-    <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="number" class ="input_search input_ys" placeholder="请输入预存气量..." readonly 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="number" class ="input_search input_ys" placeholder="请输入预购金额..." readonly 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="number" 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="number" 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="number" class ="input_search input_ys" placeholder="" readonly
-               v-model="model.gasPrice"></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
-            disabled
-            :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" v-if="ladderPrice.f_stair1surplus">
-        <table border="1px solid black" style="width: 100%; text-align: center">
-          <tr style="background-color: #00b3ee;">
-            <td colspan="4">气阶</td>
-            <td colspan="4">剩余</td>
-            <td colspan="4">单价</td>
-          </tr>
-          <tr>
-            <td colspan="4">一阶</td>
-            <td colspan="4">{{ parseFloat(ladderPrice.f_stair1surplus).toFixed(2) }}</td>
-            <td colspan="4">{{ ladderPrice.f_stair1price }}</td>
-          </tr>
-          <tr>
-            <td colspan="4">二阶</td>
-            <td colspan="4">{{ parseFloat(ladderPrice.f_stair2surplus).toFixed(2) }}</td>
-            <td colspan="4">{{ ladderPrice.f_stair2price }}</td>
-          </tr>
-          <tr>
-            <td colspan="4">三阶</td>
-            <td colspan="4">无上限</td>
-            <td colspan="4">{{ ladderPrice.f_stair3price }}</td>
-          </tr>
-        </table>
-      </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 app-row" style="padding-top: 0.5em;">
-        <div class="col-sm-12">
-          <label class="font_normal_body">自定义{{matertype2}}</label>
-          <input class="input_search input_ys"  @input="numValid('CustomGas')" style="width:60%" v-model="CustomGas" rows="1" placeholder="请输入自定义{{matertype2}}">
-        </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>
-    <work-busy :is-busy="isworking"></work-busy>
-  </div>
-</template>
-<script>
-  /**
-   *综合业务
-   *收费组件
-   */
-
-  import {HttpResetClass} from 'vue-client'
-  import Vue from 'vue'
-  import * as Util from '../../components/Util'
-
-
-  export default {
-    title: '物联网表收费',
-    data() {
-      return {
-        config: {
-          isBusy:false,
-          showupload:false,  //默认不显示附件上传组件
-          hasPrint : false,  //默认打票
-          hasBillManage : false,  //默认不启用发票管理
-          billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
-          printType: '普通收据', // 收据/电子票/专用发票/国税发票
-          payment: '手持pos现金缴费'
-        },
-        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: '手持pos现金缴费',     // 付款方式
-          CustomGas: '',// 自定义金额/气量
-          f_bank_name :'',
-          f_print: '普通收据',    // 打印格式
-          f_unit: 'yuan', // yuan/fen,如果不传按分处理
-          f_operate_date: '',  //操作时间
-          f_operator: '', // 第三方渠道（微信，支付宝，等）
-          writeCard_fee: '', // 写卡金额
-          writeCard_gas: '',  // 写卡气量
-          gasPrice:0
-        },
-        btnmoneys: [50,100,200,300,500,'自定义'], // 默认气量或者金额
-        // 下拉框值
-        Paytypes: this.$appdata.getParam('付款方式'),
-        // 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'}],
-        writeparams: {},
-        matertype: '元',
-        matertype2: '金额',
-        isworking: false,
-        timer:null,
-        timer2:null,
-        sellinggasId:'',
-        isWrited: '未写卡',
-        ladderPrice: {}
-      }
-    },
-    props: ['row'],
-    ready() {
-      //tag
-      this.Paytypes = this.$appdata.getParam('支付方式')
-      //tag)
-      //tag)
-      this.matertype = this.row.f_meter_type.includes('卡表') ? '方' : '元'
-      this.matertype2 = this.row.f_meter_type.includes('卡表') ? '气量' : '金额'
-      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_total_gas = this.row.f_total_gas
-
-      // 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
-      // this.getcardid()
-      this.getGasPrice(this.model.f_userfiles_id)
-
-    },
-    watch: {
-      'model.f_preamount' () {
-        //tag
-        if (!this.row.f_meter_type.includes('卡表')) {
-          this.countprice()
-        }else {
-          //tag
-        }
-
-      },
-      'model.f_pregas' () {
-        //tag
-        if (this.row.f_meter_type.includes('卡表')) {
-          this.countprice()
-        }else {
-          //tag
-        }
-      },
-      'CustomGas' (val) {
-        console.log('自定义发生改变' + JSON.stringify(val))
-        if (val) {
-          this.btnmoneys.splice(this.btnmoneys.length - 1, 1, val);
-        }
-      }
-    },
-    methods: {
-      //利用函数传参达到复用
-      numValid(val){
-        //只能输入数字
-        this[val] =this[val].replace(/[^0-9]/g,'')
-      },
-      selectmoney (money) {
-        //tag
-        //tag
-        if (!this.row.f_meter_type.includes('卡表')) {
-          this.model.f_preamount = money
-        }else {
-          this.model.f_pregas = money
-        }
-      },
-      aa() {
-        //tag
-        this.isworking = false
-        clearTimeout(this.timer);
-        clearTimeout(this.timer2);
-      },
-      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
-        this.isBusy = true
-        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_meter_type.includes('卡表') ? this.model.f_preamount : this.model.f_pregas,    // 传入气量或者金额
-          isGasValue: !this.row.f_meter_type.includes('卡表') ? 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
-          }
-          this.isBusy = false
-        } catch (e) {
-          //tag)
-          this.isBusy = false
-          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.clickConfirm = true
-        //tag
-        let fengongsi = this.$appdata.getSingleValue('分公司')
-        if (!fengongsi) {
-          this.$showMessage('分公司获取失败！')
-          this.clickConfirm = false
-          return
-        }
-        let posinfo2 = HostApp.read(fengongsi)
-        // console.log('cccc')
-        // let posinfo2={
-        //   code:200,
-        //   msg:{
-        //     Gas:1
-        //   }
-        // }
-        if(posinfo2.code == 200){
-          //tag
-          if(posinfo2.msg.Gas > 0){
-            this.$showMessage('卡上有气，请告知客户接表后再来充值！')
-            this.clickConfirm = false
-            return
-          }
-        }else {
-          this.$showMessage(posinfo2.msg)
-          this.clickConfirm = false
-          return
-        }
-        //tag
-        this.$showMessage(`确定对客户${this.row.f_user_name}进行缴费吗？`, ['confirm', 'cancel']).then(async (res) => {
-          if (res === 'confirm') {
-            //tag
-            // 校验
-            if (this.myverify()) {
-              this.clickConfirm = true
-              //tag
-              // 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
-                }
-                _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
-
-              }else if (this.model.f_payment == '现金缴费') {
-                //tag
-                //tag
-                this.saveCharges()
-
-              }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('物联网表')) {
-          // resp = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
-          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/iotPay`, {data: this.model},{
-            resolveMsg: null,
-            rejectMsg: null
-          })
-        }else if (this.row.f_meter_type.includes('机表')) {
-          // resp = await http1.load('POST',`/rs/logic/machinePay`, {data: this.model},{
-          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/machinePay`, {data: this.model},{
-            resolveMsg: null,
-            rejectMsg: null
-          })
-
-        }else if (this.row.f_meter_type.includes('卡表')) {
-          // resp = await http1.load('POST',`/rs/logic/thirdPay`, {data: this.model},{
-          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/thirdPay`, {data: this.model},{
-            resolveMsg: null,
-            rejectMsg: null
-          })
-          this.sellinggasId = resp.data.id
-        }
-
-        //tag)
-        /*{"data":{"id":"175860728"}}*/
-        if (resp.data) {
-          this.$showMessage('缴费成功！')
-            if (this.row.f_meter_type.includes('卡表')) {
-              this.$showMessage('是否现在现在进行写卡？', ['confirm', 'cancel']).then((res) => {
-                if (res === 'confirm') {
-                  //tag
-                  this.writeCard()
-                }
-              })
-            }else {
-              // 打印收据
-              this.$showMessage('是否打印收据？', ['confirm', 'cancel']).then((res) => {
-                if (res === 'confirm') {
-                  //tag
-                  this.PrintReceipt()
-                }else {
-                  //返回读卡页面
-                  this.$dispatch('confirm')
-                  this.$dispatch('confirm')
-                }
-              })
-            }
-        }else {
-          this.$showMessage('保存收费记录失败！')
-          //tag
-        }
-
-      },
-      clean() {
-        this.$info('取消操作')
-      },
-      PrintReceipt() {
-        //tag
-        // 清空打印内容
-        let printContent = []
-        // 抬头
-        var comName = '荣成港华天然气'
-        printContent.push({type: 3, text: comName, fontsize: 3, isbold: true, align: 'center'})
-        printContent.push({type: 3, text: '自 助 购 气 凭 证', fontsize: 3, isbold: true, align: 'center'})
-        printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
-        // 小票信息
-        printContent.push({type: 3, text: '用户编号：' + this.model.f_userinfo_code, fontsize: 2, isbold: true, align: 'left'})
-        // 卡表用户显示卡号
-        if (this.row.f_meter_type !== '机表' && this.row.f_meter_type !== '物联网表') {
-          printContent.push({type: 3, text: '用户卡号：' + this.model.f_card_id, fontsize: 2, isbold: true, align: 'left'})
-        }
-        printContent.push({type: 3, text: '用户姓名：' + this.row.f_user_name, fontsize: 2, isbold: true, align: 'left'})
-        printContent.push({type: 3, text: '用户地址：' + this.row.f_address, fontsize: 2, isbold: true, align: 'left'})
-        // 机表物联网表显示购买金额
-        // if (this.row.f_meter_type.includes('卡表')) {
-        printContent.push({type: 3, text: '购 气 量：' + this.model.f_pregas + '方', fontsize: 2, isbold: true, align: 'left'})
-        // }
-        printContent.push({type: 3, text: '本次缴费：' + this.model.f_collection + '元', fontsize: 2, isbold: true, align: 'left'})
-        printContent.push({type: 3, text: '大   写：' + Vue.PosUtil.convertCurrency(this.model.f_collection), fontsize: 2, isbold: true, align: 'left'})
-        printContent.push({type: 3, text: '购气日期：' + Vue.PosUtil.getNowDate('yyyy-MM-dd'), fontsize: 2, isbold: true, align: 'left'})
-        printContent.push({type: 3, text: '支付流水号：' + this.model.f_serial_id, fontsize: 2, isbold: true, align: 'left'})
-        if (this.row.f_meter_type !== '机表' && this.row.f_meter_type !== '物联网表') {
-          printContent.push({type: 3, text: '写卡结果：' + this.isWrited, fontsize: 2, isbold: true, align: 'left'})
-        }
-        printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
-        printContent.push({type: 3, text: '', fontsize: 3, isbold: true, align: 'center'})
-        // 走纸
-        printContent.push({type: 4, value: 5, unit: 'pixel'})
-        // 打印
-        let print = HostApp.print(JSON.stringify(printContent))
-        if (print.code === 200) {
-          this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              //tag
-              this.$dispatch('confirm')
-              this.$dispatch('confirm')
-            }
-          })
-
-        }else {
-          this.$showMessage('打印失败！请检查POS纸张、电量等，确认无误点击确认再次打印', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              //tag
-              let print2 = HostApp.print(JSON.stringify(printContent))
-              if (print2.code === 200) {
-                this.$showMessage('打印成功！').then((res) => {
-                    //tag
-                    this.$dispatch('confirm')
-                    this.$dispatch('confirm')
-                })
-              }else {
-                this.$showMessage('打印失败！').then((res) => {
-                  //tag
-                  this.$dispatch('confirm')
-                  this.$dispatch('confirm')
-                })
-              }
-            }else {
-              this.$dispatch('confirm')
-              this.$dispatch('confirm')
-            }
-          })
-        }
-      },
-      async getcardid () {
-        //tag
-        let http = new HttpResetClass()
-        let row = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/getCardNumber`, {data: {id: this.row.brand_id}}, {
-          // this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getCardNumber`, {data: {id: this.row.brand_id}}, {
-          resolveMsg: '获取卡号成功！！',
-          rejectMsg: '获取卡号出错!!!'
-        })
-        //tag)
-        let cardId = row.data.cardNumber + ''
-        this.row.f_card_id = this.model.cardNumber = cardId.substring(0, cardId.length - 8) + this.row.f_userinfo_code
-        //tag)
-        //tag)
-      },
-      async writeCard() {
-        //tag
-        let params = {
-          AREA:this.$appdata.getSingleValue('分公司'),                                       // 分公司
-          ulen: 0,                                              // 判断版本
-          factory: this.row.f_alias,
-          kmm: '0',                                            // 2019-12-22 查旭说的。给一个0 卡密码，写卡后返回新密码, 不论补卡还是先开户都没有密码
-          kzt: '0',                                            // 卡状态，0开户卡，1用户卡（0新开户，1补卡）
-          kh: this.row.f_card_id,                          // 卡号
-          yhh: this.row.f_meterid ? this.row.f_meterid : 0,                                  // 用户号，档案中自己输
-          ql: this.model.writeCard_gas ? this.model.writeCard_gas : this.model.f_pregas,       // 预购气量
-          csql: '0',                                           // 上次购气量，新开户为0
-          ccsql: '0',                                          // 上上次购气量，新开户为0
-          cs: this.row.Times ? this.row.Times + 1 : '1',            // 求购气次数，先开户为1
-          ljgql: this.model.f_total_gas,                               // 当前累计购气量
-          bkcs: '0',                                           // 新开户卡，为0
-          ljyql: '0',                                          // 累积用气量，有些表要累加原来用气量,新开户卡，为0
-          bjql: this.row.f_police_gas,                              // 报警气量,t_gasbrand表中
-          czsx: this.row.f_topup_ceil,                              // 充值上线，t_gasbrand表中
-          tzed: this.row.f_overdr_lines,                            // 透支额度，t_gasbrand表中
-          cssqrq: '0',                                          // 上次售气日期，格式为YYYYMMDD
-          meterid: this.row.f_meternumber,                          // 表号
-          money: this.model.writeCard_fee ? this.model.writeCard_fee : this.model.f_preamount,          // 购气金额
-          dqdm: this.row.f_area_code,                                          // 精益工业地区代码
-          klx: this.row.f_coding
-        }
-        console.log("777"+JSON.stringify(params))
-        // 获取写卡参数
-        let data = {
-          f_card_id: this.row.f_card_id + '',
-          f_alias: this.row.f_alias,
-          f_user_id: this.row.f_user_id,
-          f_userfiles_id: this.row.f_userfiles_id
-        }
-        console.log("888"+JSON.stringify(data))
-        //tag)
-        let http = new HttpResetClass()
-        let cardParams = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/stairCard`, {data: data}, {resolveMsg: null, rejectMsg: '获取写卡参数失败'})
-        //tag)
-        console.log("999"+JSON.stringify(cardParams))
-        // 拼接参数
-        params = await Object.assign({}, await this.writeCardParams(cardParams), params)
-        console.log("101"+JSON.stringify(params))
-        //tag)
-        this.writeparams = params
-        this.isworking = true
-        // 写卡定时器
-        this.timer = setTimeout(this.aa,"5000")
-        this.timer2 = setTimeout(this.writecard2,"2000")
-      },
-      async writecard2() {
-        let params =  this.writeparams
-        //tag)
-        let writres = await HostApp.sell(JSON.stringify(params))
-        //tag)
-        this.isworking = false
-        let msg = '写卡失败'
-        if(writres.code =='200') {
-          this.isWrited = '已写卡'
-          // 写卡成功，修改状态  已写卡 调用打票
-          await this.updatewritecard('已写卡')
-          this.$showMessage('写卡成功！是否打印小票？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              //tag
-              this.PrintReceipt()
-            }
-          })
-        }else {
-          this.isWrited = '未写卡'
-          await this.updatewritecard('未写卡')
-          this.$showMessage('写卡失败！是否打印小票？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              //tag
-              this.PrintReceipt()
-            }
-          })
-        }
-      },
-      updatewritecard(msg) {
-        //tag)
-        let http11 = new HttpResetClass()
-        let sqldata = `update t_sellinggas set f_write_card = '${msg}' where id = '${this.sellinggasId}'`
-        //tag)
-        http11.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/runSQL`, {data:{sql:sqldata}}, {resolveMsg: null, rejectMsg: null})
-
-      },
-      writeCardParams (cardParams) {
-        //tag)
-        let result = {
-          csql: cardParams.data.sc,
-          lastmoney: cardParams.data.scje,
-          ccsql: cardParams.data.ssc,
-          lastlastmoney: cardParams.data.sscje,
-          ljgql: cardParams.data.f_pregas,
-          ljyql: cardParams.data.f_pregasall,
-          yhh: cardParams.data.f_meterid,
-          sxrq: cardParams.data.f_perform_date,
-          totalmoney: cardParams.data.f_collection,
-          stairversion: cardParams.data.f_stairversion,
-          pricedate: cardParams.data.pricedate,
-          pricetype: cardParams.data.pricetype
-        }
-
-        // 对阶梯进行处理
-        if (cardParams.data.stairprice.includes(';') && cardParams.data.stairamount.includes(';')) {
-          let gases = cardParams.data.stairamount.split(';')
-          let prices = cardParams.data.stairprice.split(';')
-          if (gases.length >= 2) {
-            result.stairgas1 = gases[0] !== '' ? gases[0] : 0
-            result.stairgas2 = gases[1] !== '' ? gases[1] : 0
-            result.stairgas3 = '99999999'
-          }
-          if (prices.length >= 2) {
-            result.stairprice1 = prices[0] !== '' ? prices[0] : 0
-            result.stairprice2 = prices[1] !== '' ? prices[1] : 0
-            result.stairprice3 = prices[2] !== '' ? prices[2] : 0
-          }
-        } else {
-          // 从固定气价的表换金额表的时候，气量随便写，金额用之前的固定单价
-          result.stairgas1 = '77777777'
-          result.stairgas2 = '88888888'
-          result.stairgas3 = '99999999'
-
-          result.stairprice1 = cardParams.data.stairprice
-          result.stairprice2 = cardParams.data.stairprice
-          result.stairprice3 = cardParams.data.stairprice
-        }
-
-        return result
-      },
-      async getGasPrice(f_userfiles_id) {
-        //tag)
-        let http = new HttpResetClass()
-        let data = {
-          model: {f_userfiles_id: f_userfiles_id},
-          value: 0,
-          isGasValue: 0
-        }
-        //tag)
-        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/commonCal`, {data: data}, {
-          resolveMsg: null,
-          rejectMsg: null
-        })
-        if (res.data.chargeprice[0].f_price_name !== '固定气价'){
-          if (res.data.hasOwnProperty('f_stair1surplus') && res.data.f_stair1surplus > 0) {
-            this.model.gasPrice = res.data.f_stair1price
-          } else if (res.data.hasOwnProperty('f_stair2surplus') && res.data.f_stair2surplus > 0) {
-            this.model.gasPrice = res.data.f_stair2price
-          } else if ((res.data.hasOwnProperty('f_stair3surplus') && res.data.f_stair3surplus > 0) || (!res.data.hasOwnProperty('f_stair3surplus'))) {
-            this.model.gasPrice = res.data.f_stair3price
-          } else if (res.data.hasOwnProperty('f_stair4price')) {
-            this.model.gasPrice = res.data.f_stair4price
-          }
-          this.ladderPrice = res.data
-        } else {
-          this.model.gasPrice = res.data.chargeprice[0].f_price
-        }
-
-      }
-    },
-    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">
+    <work-busy :is-busy="isBusy"></work-busy>
+    <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="number" class ="input_search input_ys" placeholder="请输入预存气量..." readonly 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="number" class ="input_search input_ys" placeholder="请输入预购金额..." readonly 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="number" 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="number" 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="number" class ="input_search input_ys" placeholder="" readonly
+               v-model="model.gasPrice"></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
+            disabled
+            :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" v-if="ladderPrice.f_stair1surplus">
+        <table border="1px solid black" style="width: 100%; text-align: center">
+          <tr style="background-color: #00b3ee;">
+            <td colspan="4">气阶</td>
+            <td colspan="4">剩余</td>
+            <td colspan="4">单价</td>
+          </tr>
+          <tr>
+            <td colspan="4">一阶</td>
+            <td colspan="4">{{ parseFloat(ladderPrice.f_stair1surplus).toFixed(2) }}</td>
+            <td colspan="4">{{ ladderPrice.f_stair1price }}</td>
+          </tr>
+          <tr>
+            <td colspan="4">二阶</td>
+            <td colspan="4">{{ parseFloat(ladderPrice.f_stair2surplus).toFixed(2) }}</td>
+            <td colspan="4">{{ ladderPrice.f_stair2price }}</td>
+          </tr>
+          <tr>
+            <td colspan="4">三阶</td>
+            <td colspan="4">无上限</td>
+            <td colspan="4">{{ ladderPrice.f_stair3price }}</td>
+          </tr>
+        </table>
+      </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 app-row" style="padding-top: 0.5em;">
+        <div class="col-sm-12">
+          <label class="font_normal_body">自定义{{matertype2}}</label>
+          <input class="input_search input_ys"  @input="numValid('CustomGas')" style="width:60%" v-model="CustomGas" rows="1" placeholder="请输入自定义{{matertype2}}">
+        </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>
+    <work-busy :is-busy="isworking"></work-busy>
+  </div>
+</template>
+<script>
+  /**
+   *综合业务
+   *收费组件
+   */
+
+  import {HttpResetClass} from 'vue-client'
+  import Vue from 'vue'
+  import * as Util from '../../components/Util'
+
+
+  export default {
+    title: '物联网表收费',
+    data() {
+      return {
+        config: {
+          isBusy:false,
+          showupload:false,  //默认不显示附件上传组件
+          hasPrint : false,  //默认打票
+          hasBillManage : false,  //默认不启用发票管理
+          billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
+          printType: '普通收据', // 收据/电子票/专用发票/国税发票
+          payment: '手持pos现金缴费'
+        },
+        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: '手持pos现金缴费',     // 付款方式
+          CustomGas: '',// 自定义金额/气量
+          f_bank_name :'',
+          f_print: '普通收据',    // 打印格式
+          f_unit: 'yuan', // yuan/fen,如果不传按分处理
+          f_operate_date: '',  //操作时间
+          f_operator: '', // 第三方渠道（微信，支付宝，等）
+          writeCard_fee: '', // 写卡金额
+          writeCard_gas: '',  // 写卡气量
+          gasPrice:0
+        },
+        btnmoneys: [50,100,200,300,500,'自定义'], // 默认气量或者金额
+        // 下拉框值
+        Paytypes: this.$appdata.getParam('付款方式'),
+        // 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'}],
+        writeparams: {},
+        matertype: '元',
+        matertype2: '金额',
+        isworking: false,
+        timer:null,
+        timer2:null,
+        sellinggasId:'',
+        isWrited: '未写卡',
+        ladderPrice: {}
+      }
+    },
+    props: ['row'],
+    ready() {
+      //tag
+      this.Paytypes = this.$appdata.getParam('支付方式')
+      //tag)
+      //tag)
+      this.matertype = this.row.f_meter_type.includes('卡表') ? '方' : '元'
+      this.matertype2 = this.row.f_meter_type.includes('卡表') ? '气量' : '金额'
+      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_total_gas = this.row.f_total_gas
+
+      // 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
+      // this.getcardid()
+      this.getGasPrice(this.model.f_userfiles_id)
+
+    },
+    watch: {
+      'model.f_preamount' () {
+        //tag
+        if (!this.row.f_meter_type.includes('卡表')) {
+          this.countprice()
+        }else {
+          //tag
+        }
+
+      },
+      'model.f_pregas' () {
+        //tag
+        if (this.row.f_meter_type.includes('卡表')) {
+          this.countprice()
+        }else {
+          //tag
+        }
+      },
+      'CustomGas' (val) {
+        console.log('自定义发生改变' + JSON.stringify(val))
+        if (val) {
+          this.btnmoneys.splice(this.btnmoneys.length - 1, 1, val);
+        }
+      }
+    },
+    methods: {
+      //利用函数传参达到复用
+      numValid(val){
+        //只能输入数字
+        this[val] =this[val].replace(/[^0-9]/g,'')
+      },
+      selectmoney (money) {
+        //tag
+        //tag
+        if (!this.row.f_meter_type.includes('卡表')) {
+          this.model.f_preamount = money
+        }else {
+          this.model.f_pregas = money
+        }
+      },
+      aa() {
+        //tag
+        this.isworking = false
+        clearTimeout(this.timer);
+        clearTimeout(this.timer2);
+      },
+      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
+        this.isBusy = true
+        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_meter_type.includes('卡表') ? this.model.f_preamount : this.model.f_pregas,    // 传入气量或者金额
+          isGasValue: !this.row.f_meter_type.includes('卡表') ? 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
+          }
+          this.isBusy = false
+        } catch (e) {
+          //tag)
+          this.isBusy = false
+          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.clickConfirm = true
+        //tag
+        let fengongsi = this.$appdata.getSingleValue('分公司')
+        if (!fengongsi) {
+          this.$showMessage('分公司获取失败！')
+          this.clickConfirm = false
+          return
+        }
+        let posinfo2 = HostApp.read(fengongsi)
+        // console.log('cccc')
+        // let posinfo2={
+        //   code:200,
+        //   msg:{
+        //     Gas:1
+        //   }
+        // }
+        if(posinfo2.code == 200){
+          //tag
+          if(posinfo2.msg.Gas > 0){
+            this.$showMessage('卡上有气，请告知客户接表后再来充值！')
+            this.clickConfirm = false
+            return
+          }
+        }else {
+          this.$showMessage(posinfo2.msg)
+          this.clickConfirm = false
+          return
+        }
+        //tag
+        this.$showMessage(`确定对客户${this.row.f_user_name}进行缴费吗？`, ['confirm', 'cancel']).then(async (res) => {
+          if (res === 'confirm') {
+            //tag
+            // 校验
+            if (this.myverify()) {
+              this.clickConfirm = true
+              //tag
+              // 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
+                }
+                _this.$goto('create_qrcode', {row: parameter}, 'self',_this.payback)
+
+              }else if (this.model.f_payment == '现金缴费') {
+                //tag
+                //tag
+                this.saveCharges()
+
+              }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('物联网表')) {
+          // resp = await http1.load('POST',`/rs/logic/iotPay`, {data: this.model},{
+          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/iotPay`, {data: this.model},{
+            resolveMsg: null,
+            rejectMsg: null
+          })
+        }else if (this.row.f_meter_type.includes('机表')) {
+          // resp = await http1.load('POST',`/rs/logic/machinePay`, {data: this.model},{
+          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/machinePay`, {data: this.model},{
+            resolveMsg: null,
+            rejectMsg: null
+          })
+
+        }else if (this.row.f_meter_type.includes('卡表')) {
+          // resp = await http1.load('POST',`/rs/logic/thirdPay`, {data: this.model},{
+          resp = await http1.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/thirdPay`, {data: this.model},{
+            resolveMsg: null,
+            rejectMsg: null
+          })
+          this.sellinggasId = resp.data.id
+        }
+
+        //tag)
+        /*{"data":{"id":"175860728"}}*/
+        if (resp.data) {
+          this.$showMessage('缴费成功！')
+            if (this.row.f_meter_type.includes('卡表')) {
+              this.$showMessage('是否现在现在进行写卡？', ['confirm', 'cancel']).then((res) => {
+                if (res === 'confirm') {
+                  //tag
+                  this.writeCard()
+                }
+              })
+            }else {
+              // 打印收据
+              this.$showMessage('是否打印收据？', ['confirm', 'cancel']).then((res) => {
+                if (res === 'confirm') {
+                  //tag
+                  this.PrintReceipt()
+                }else {
+                  //返回读卡页面
+                  this.$dispatch('confirm')
+                  this.$dispatch('confirm')
+                }
+              })
+            }
+        }else {
+          this.$showMessage('保存收费记录失败！')
+          //tag
+        }
+
+      },
+      clean() {
+        this.$info('取消操作')
+      },
+      PrintReceipt() {
+        //tag
+        // 清空打印内容
+        let printContent = []
+        // 抬头
+        var comName = '荣成港华天然气'
+        printContent.push({type: 3, text: comName, fontsize: 3, isbold: true, align: 'center'})
+        printContent.push({type: 3, text: '自 助 购 气 凭 证', fontsize: 3, isbold: true, align: 'center'})
+        printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
+        // 小票信息
+        printContent.push({type: 3, text: '用户编号：' + this.model.f_userinfo_code, fontsize: 2, isbold: true, align: 'left'})
+        // 卡表用户显示卡号
+        if (this.row.f_meter_type !== '机表' && this.row.f_meter_type !== '物联网表') {
+          printContent.push({type: 3, text: '用户卡号：' + this.model.f_card_id, fontsize: 2, isbold: true, align: 'left'})
+        }
+        printContent.push({type: 3, text: '用户姓名：' + this.row.f_user_name, fontsize: 2, isbold: true, align: 'left'})
+        printContent.push({type: 3, text: '用户地址：' + this.row.f_address, fontsize: 2, isbold: true, align: 'left'})
+        // 机表物联网表显示购买金额
+        // if (this.row.f_meter_type.includes('卡表')) {
+        printContent.push({type: 3, text: '购 气 量：' + this.model.f_pregas + '方', fontsize: 2, isbold: true, align: 'left'})
+        // }
+        printContent.push({type: 3, text: '本次缴费：' + this.model.f_collection + '元', fontsize: 2, isbold: true, align: 'left'})
+        printContent.push({type: 3, text: '大   写：' + Vue.PosUtil.convertCurrency(this.model.f_collection), fontsize: 2, isbold: true, align: 'left'})
+        printContent.push({type: 3, text: '购气日期：' + Vue.PosUtil.getNowDate('yyyy-MM-dd'), fontsize: 2, isbold: true, align: 'left'})
+        printContent.push({type: 3, text: '支付流水号：' + this.model.f_serial_id, fontsize: 2, isbold: true, align: 'left'})
+        if (this.row.f_meter_type !== '机表' && this.row.f_meter_type !== '物联网表') {
+          printContent.push({type: 3, text: '写卡结果：' + this.isWrited, fontsize: 2, isbold: true, align: 'left'})
+        }
+        printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
+        printContent.push({type: 3, text: '', fontsize: 3, isbold: true, align: 'center'})
+        // 走纸
+        printContent.push({type: 4, value: 5, unit: 'pixel'})
+        // 打印
+        let print = HostApp.print(JSON.stringify(printContent))
+        if (print.code === 200) {
+          this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              //tag
+              this.$dispatch('confirm')
+              this.$dispatch('confirm')
+            }
+          })
+
+        }else {
+          this.$showMessage('打印失败！请检查POS纸张、电量等，确认无误点击确认再次打印', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              //tag
+              let print2 = HostApp.print(JSON.stringify(printContent))
+              if (print2.code === 200) {
+                this.$showMessage('打印成功！').then((res) => {
+                    //tag
+                    this.$dispatch('confirm')
+                    this.$dispatch('confirm')
+                })
+              }else {
+                this.$showMessage('打印失败！').then((res) => {
+                  //tag
+                  this.$dispatch('confirm')
+                  this.$dispatch('confirm')
+                })
+              }
+            }else {
+              this.$dispatch('confirm')
+              this.$dispatch('confirm')
+            }
+          })
+        }
+      },
+      async getcardid () {
+        //tag
+        let http = new HttpResetClass()
+        let row = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/getCardNumber`, {data: {id: this.row.brand_id}}, {
+          // this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getCardNumber`, {data: {id: this.row.brand_id}}, {
+          resolveMsg: '获取卡号成功！！',
+          rejectMsg: '获取卡号出错!!!'
+        })
+        //tag)
+        let cardId = row.data.cardNumber + ''
+        this.row.f_card_id = this.model.cardNumber = cardId.substring(0, cardId.length - 8) + this.row.f_userinfo_code
+        //tag)
+        //tag)
+      },
+      async writeCard() {
+        //tag
+        let params = {
+          AREA:this.$appdata.getSingleValue('分公司'),                                       // 分公司
+          ulen: 0,                                              // 判断版本
+          factory: this.row.f_alias,
+          kmm: '0',                                            // 2019-12-22 查旭说的。给一个0 卡密码，写卡后返回新密码, 不论补卡还是先开户都没有密码
+          kzt: '0',                                            // 卡状态，0开户卡，1用户卡（0新开户，1补卡）
+          kh: this.row.f_card_id,                          // 卡号
+          yhh: this.row.f_meterid ? this.row.f_meterid : 0,                                  // 用户号，档案中自己输
+          ql: this.model.writeCard_gas ? this.model.writeCard_gas : this.model.f_pregas,       // 预购气量
+          csql: '0',                                           // 上次购气量，新开户为0
+          ccsql: '0',                                          // 上上次购气量，新开户为0
+          cs: this.row.Times ? this.row.Times + 1 : '1',            // 求购气次数，先开户为1
+          ljgql: this.model.f_total_gas,                               // 当前累计购气量
+          bkcs: '0',                                           // 新开户卡，为0
+          ljyql: '0',                                          // 累积用气量，有些表要累加原来用气量,新开户卡，为0
+          bjql: this.row.f_police_gas,                              // 报警气量,t_gasbrand表中
+          czsx: this.row.f_topup_ceil,                              // 充值上线，t_gasbrand表中
+          tzed: this.row.f_overdr_lines,                            // 透支额度，t_gasbrand表中
+          cssqrq: '0',                                          // 上次售气日期，格式为YYYYMMDD
+          meterid: this.row.f_meternumber,                          // 表号
+          money: this.model.writeCard_fee ? this.model.writeCard_fee : this.model.f_preamount,          // 购气金额
+          dqdm: this.row.f_area_code,                                          // 精益工业地区代码
+          klx: this.row.f_coding
+        }
+        console.log("777"+JSON.stringify(params))
+        // 获取写卡参数
+        let data = {
+          f_card_id: this.row.f_card_id + '',
+          f_alias: this.row.f_alias,
+          f_user_id: this.row.f_user_id,
+          f_userfiles_id: this.row.f_userfiles_id
+        }
+        console.log("888"+JSON.stringify(data))
+        //tag)
+        let http = new HttpResetClass()
+        let cardParams = await http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/stairCard`, {data: data}, {resolveMsg: null, rejectMsg: '获取写卡参数失败'})
+        //tag)
+        console.log("999"+JSON.stringify(cardParams))
+        // 拼接参数
+        params = await Object.assign({}, await this.writeCardParams(cardParams), params)
+        console.log("101"+JSON.stringify(params))
+        //tag)
+        this.writeparams = params
+        this.isworking = true
+        // 写卡定时器
+        this.timer = setTimeout(this.aa,"5000")
+        this.timer2 = setTimeout(this.writecard2,"2000")
+      },
+      async writecard2() {
+        let params =  this.writeparams
+        //tag)
+        let writres = await HostApp.sell(JSON.stringify(params))
+        //tag)
+        this.isworking = false
+        let msg = '写卡失败'
+        if(writres.code =='200') {
+          this.isWrited = '已写卡'
+          // 写卡成功，修改状态  已写卡 调用打票
+          await this.updatewritecard('已写卡')
+          this.$showMessage('写卡成功！是否打印小票？', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              //tag
+              this.PrintReceipt()
+            }
+          })
+        }else {
+          this.isWrited = '未写卡'
+          await this.updatewritecard('未写卡')
+          this.$showMessage('写卡失败！是否打印小票？', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              //tag
+              this.PrintReceipt()
+            }
+          })
+        }
+      },
+      updatewritecard(msg) {
+        //tag)
+        let http11 = new HttpResetClass()
+        let sqldata = `update t_sellinggas set f_write_card = '${msg}' where id = '${this.sellinggasId}'`
+        //tag)
+        http11.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/runSQL`, {data:{sql:sqldata}}, {resolveMsg: null, rejectMsg: null})
+
+      },
+      writeCardParams (cardParams) {
+        //tag)
+        let result = {
+          csql: cardParams.data.sc,
+          lastmoney: cardParams.data.scje,
+          ccsql: cardParams.data.ssc,
+          lastlastmoney: cardParams.data.sscje,
+          ljgql: cardParams.data.f_pregas,
+          ljyql: cardParams.data.f_pregasall,
+          yhh: cardParams.data.f_meterid,
+          sxrq: cardParams.data.f_perform_date,
+          totalmoney: cardParams.data.f_collection,
+          stairversion: cardParams.data.f_stairversion,
+          pricedate: cardParams.data.pricedate,
+          pricetype: cardParams.data.pricetype
+        }
+
+        // 对阶梯进行处理
+        if (cardParams.data.stairprice.includes(';') && cardParams.data.stairamount.includes(';')) {
+          let gases = cardParams.data.stairamount.split(';')
+          let prices = cardParams.data.stairprice.split(';')
+          if (gases.length >= 2) {
+            result.stairgas1 = gases[0] !== '' ? gases[0] : 0
+            result.stairgas2 = gases[1] !== '' ? gases[1] : 0
+            result.stairgas3 = '99999999'
+          }
+          if (prices.length >= 2) {
+            result.stairprice1 = prices[0] !== '' ? prices[0] : 0
+            result.stairprice2 = prices[1] !== '' ? prices[1] : 0
+            result.stairprice3 = prices[2] !== '' ? prices[2] : 0
+          }
+        } else {
+          // 从固定气价的表换金额表的时候，气量随便写，金额用之前的固定单价
+          result.stairgas1 = '77777777'
+          result.stairgas2 = '88888888'
+          result.stairgas3 = '99999999'
+
+          result.stairprice1 = cardParams.data.stairprice
+          result.stairprice2 = cardParams.data.stairprice
+          result.stairprice3 = cardParams.data.stairprice
+        }
+
+        return result
+      },
+      async getGasPrice(f_userfiles_id) {
+        //tag)
+        let http = new HttpResetClass()
+        let data = {
+          model: {f_userfiles_id: f_userfiles_id},
+          value: 0,
+          isGasValue: 0
+        }
+        //tag)
+        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/commonCal`, {data: data}, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        if (res.data.chargeprice[0].f_price_name !== '固定气价'){
+          if (res.data.hasOwnProperty('f_stair1surplus') && res.data.f_stair1surplus > 0) {
+            this.model.gasPrice = res.data.f_stair1price
+          } else if (res.data.hasOwnProperty('f_stair2surplus') && res.data.f_stair2surplus > 0) {
+            this.model.gasPrice = res.data.f_stair2price
+          } else if ((res.data.hasOwnProperty('f_stair3surplus') && res.data.f_stair3surplus > 0) || (!res.data.hasOwnProperty('f_stair3surplus'))) {
+            this.model.gasPrice = res.data.f_stair3price
+          } else if (res.data.hasOwnProperty('f_stair4price')) {
+            this.model.gasPrice = res.data.f_stair4price
+          }
+          this.ladderPrice = res.data
+        } else {
+          this.model.gasPrice = res.data.chargeprice[0].f_price
+        }
+
+      }
+    },
+    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>