sale-client 3.6.310 → 3.6.311

package/src/filiale/bayan/ShowCardSellGas.vue

@@ -1,935 +1,935 @@
-<template>
-  <div class="flex-row">
-    <div class="span" style="overflow-y: auto;">
-      <validator name='v' v-ref:valid>
-        <form novalidate class="form-horizontal">
-          <div class="row" style="margin-top:5px;">
-            <div class="col-sm-4 form-group" :class="[$v.payment.required ? 'has-error' : '']">
-              <label for="f_paytype" class=" font_normal_body" title="参数名称：付款方式">收款方式</label>
-              <input type="text" v-show="false" v-model="$refs.payment.selectedItems"
-                     v-validate:payment='{required: true }'>
-              <v-select id="f_payment"
-                        v-model="f_payment"
-                        placeholder='请选择'
-                        :value.sync="model.f_payment"
-                        :options='paytype' clear-button v-ref:payment></v-select>
-            </div>
-            <div class="col-sm-4 form-group"
-                 :class="[$v.f_pregas.required || $v.f_pregas.dctest? 'has-error' : 'has-success']">
-              <label for="f_pregas" class=" font_normal_body">*预购气量</label>
-              <input class="input_search" style="width:60%" type="number" id="fouces"
-                     @blur="pregas()" v-model="model.f_pregas" :disabled="config.calculatePreByCollection"
-                     v-validate:f_pregas='{required: true, dctest: [maxgas, "<=" ]}' placeholder="预购气量"
-                     v-scale="[model.f_pregas, row.f_gas_decimal||4 ]"
-                     v-next-el='sk'>
-            </div>
-
-            <div class="col-sm-4 form-group"
-                 :class="[$v.f_preamount.required || $v.f_preamount.dctest? 'has-error' : 'has-success']">
-              <label for="f_preamount" class=" font_normal_body">*预购金额</label>
-              <input class="input_search" style="width:60%" type="number" v-model="model.f_preamount"
-                     @blur="preamount()" v-validate:f_preamount='{required: true, dctest: [maxmoney, "<=" ]}'
-                     placeholder="预购金额" :disabled="config.calculatePreByCollection"
-                     v-scale="[model.f_preamount, row.f_fee_decimal||4 ]" placeholder="预购金额">
-            </div>
-          </div>
-          <div class="row" style="margin-top:5px;">
-
-            <div class="col-sm-4 form-group" :class="[$v.printstyle.required ? 'select-error' : '']">
-              <!-- <print-style :print.sync='model.f_print'></print-style> -->
-              <label for="f_print" class="font_normal_body">打印格式</label>
-              <input type="text" v-show="false" v-model="$refs.printstyle.selectedItems"
-                     v-validate:printstyle='{required: true }'>
-              <v-select id="print"
-                        v-model="f_print"
-                        placeholder='请选择'
-                        :value.sync="model.f_print"
-                        :options='printstyle'
-                        close-on-select clear-button v-ref:printstyle>
-              </v-select>
-            </div>
-            <div class="col-sm-4 form-group" v-if="hasLimit&&limitgas">
-              <label class="font_normal_body">&nbsp;购气上限</label>
-              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="maxgas"
-                     v-scale="[maxgas, 4]" placeholder='限购余气' disabled>
-            </div>
-            <div class="col-sm-4 form-group" v-if="hasLimit&&limitmoney">
-              <label class="font_normal_body">金额上限</label>
-              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="maxmoney"
-                     v-scale="[maxmoney, 2]" placeholder='限购金额' disabled>
-            </div>
-            <div class="col-sm-4 form-group" v-if="!hasLimit">
-            </div>
-            <div class="col-sm-4 form-group">
-              <label for="f_temp_amount" v-if="row.f_collection_type === '按气量'"
-                     class=" font_normal_body">&nbsp;应收金额</label>
-              <label for="f_temp_amount" v-if="row.f_collection_type === '按金额'"
-                     class=" font_normal_body">*本次缴费</label>
-              <input class="input_search" style="width:60%" type="number"
-                     v-model="model.f_totalcost"
-                     v-validate:f_totalcost='{required: true, dctest: [(openFee - 0), ">=" ] }' placeholder="应收金额"
-                     v-next-el='sk' v-scale="[model.f_totalcost, row.f_fee_decimal||4]" disabled>
-            </div>
-          </div>
-
-
-          <div class="row" style="margin-top:5px;">
-            <div class="col-sm-4 form-group">
-              <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, 4]" placeholder="上期结余" disabled>
-            </div>
-            <div class="col-sm-4 form-group">
-              <label for="f_curbalance" class="font_normal_body">&nbsp;本期结余</label>
-              <input class="input_search" style="width:60%" type="number" v-model="curbalance"
-                     v-scale="[model.f_curbalance, 4]" placeholder="本期结余" disabled>
-            </div>
-
-            <div class="col-sm-3 form-group" v-if="row.f_collection_type === '按气量'"
-                 :class="[$v.f_collection.required || $v.f_collection.dctest ? 'has-error' : 'has-success']">
-              <label for="f_collection" class=" font_normal_body">*收&emsp;&emsp;款</label>
-              <input class="input_search" style="width:60%" type="number" v-model="model.f_collection"
-                     @blur="calculatePreByCollection()"
-                     v-show="config.calculatePreByCollection"
-                     v-validate:f_collection='{required: true, dctest: [(model.f_totalcost - 0) + (openFee - 0), ">=" ] }'
-                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
-              <input class="input_search" style="width:60%" type="number" v-model="model.f_collection"
-                     v-show="!config.calculatePreByCollection"
-                     v-validate:f_collection='{required: true, dctest: [(model.f_totalcost - 0) + (openFee - 0), ">=" ] }'
-                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
-            </div>
-            <div class="col-sm-3 form-group" v-if="row.f_collection_type === '按金额'">
-              <label for="f_collection" class=" font_normal_body">*收&emsp;&emsp;款</label>
-              <input class="input_search" style="width:50%" type="number" v-model="model.f_collection"
-                     @blur="config.calculatePreByCollection && calculatePreByCollection()"
-                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
-            </div>
-            <div class="col-sm-1 form-group">
-              <give-change :curbalance="curbalance" :collection.sync="model.f_collection"
-                           v-ref:givechange></give-change>
-            </div>
-          </div>
-          <div class="row" style="margin-top:5px;" v-show="authArr.includes('优惠权限')">
-            <div class="col-sm-4 form-group">
-              <label class="font_normal_body">优惠方式</label>
-              <v-select v-model="model.f_privilege_id" @blur.native.capture="privilegeCalculate"
-                        placeholder='请选择'
-                        :value.sync="model.f_privilege_id"
-                        :options='privilegeList' clear-button value-single>
-              </v-select>
-            </div>
-            <div class="col-sm-4 form-group">
-              <label for="f_preamount" class=" font_normal_body">&nbsp;优惠金额</label>
-              <input class="input_search" style="width:60%" type="number" v-model="model.f_privilege_money"
-                     v-scale="[model.f_privilege_money, 2]" placeholder="优惠金额" disabled>
-            </div>
-            <div class="col-sm-4 form-group">
-              <label for="f_preamount" class=" font_normal_body">&nbsp;实际收款</label>
-              <input class="input_search" style="width:60%" type="number" v-model="model.f_after_discount"
-                     v-scale="[model.f_after_discount, 2]" placeholder="优惠后收款" disabled>
-            </div>
-          </div>
-          <div class="row" v-if="openFee > 0">
-            <div class="col-sm-4 form-group">
-              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;开卡费</label>
-              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="openFee"
-                     placeholder='开卡费' disabled>
-            </div>
-          </div>
-          <div class="row" style="margin-top:5px;">
-            <div class="col-sm-9">
-            </div>
-            <div class="col-sm-3">
-              <span v-if="$v.f_collection.dctest" style="color:red ">收款不能小于应收金额</span>
-            </div>
-          </div>
-          <div class="row" v-if="model.f_payment[0].includes('POS')">
-            <div class="col-sm-4 form-group">
-              <label for="f_voucher_number" class="font_normal_body">&nbsp;&nbsp;&nbsp;凭证号</label>
-              <input type="text" class="input_search" style="width:60%" v-model="model.f_voucher_number"
-                     placeholder="凭证号">
-            </div>
-          </div>
-          <div class="row" style="padding-top: 0.5em;">
-
-            <div class="col-sm-4" v-if="!mjshow && model.f_payment != '银行转账'">
-              <label for="f_serial_number" class=" font_normal_body">业务单号</label>
-              <input class="input_search" style="width:60%" type="text"
-                     v-model="model.f_serial_number" placeholder="业务单号">
-            </div>
-            <div class="col-sm-4" v-if="mjshow && model.f_payment != '银行转账'"
-                 :class="[$v.f_serial_number.required || $v.f_serial_number.dctest ? 'has-error' : 'has-success']">
-              <label for="f_serial_number" class=" font_normal_body">业务单号</label>
-              <input class="input_search" style="width:60%" type="text" v-validate:f_serial_number='{required: true }'
-                     v-model="model.f_serial_number" placeholder="业务单号">
-            </div>
-            <div class="col-sm-4" v-if="model.f_payment == '银行转账'" >
-              <label for="f_serial_number" class=" font_normal_body">银行流水</label>
-              <input class="input_search" style="width:60%"  type="text"
-                     v-model="model.f_serial_number" placeholder="银行流水">
-            </div>
-
-
-            <div class="col-sm-8">
-              <label for="f_comments" class="font_normal_body">&nbsp;备&emsp;&emsp;注</label>
-              <input class="input_search" style="width:74%" v-model="model.f_comments" placeholder="备注">
-            </div>
-          </div>
-          <div v-if="paymentModel.length >1">
-            <div class="row" style="margin-top:10px;">
-              <p class="col-sm-2 text-left" style="padding: 10px;"><img src="../../../static/juxing.png"/><strong
-                style="margin-left: 4%">付款明细</strong></p>
-            </div>
-            <div class="row" style="margin-top:10px;">
-              <div class="col-sm-4 form-group " v-for="pay in paymentModel">
-                <label class="font_normal_body">{{ pay.f_payment }}:</label>
-                <input id="f_money" type="text" class="input_search" style="width:60%" v-model="pay.f_money">
-              </div>
-              <div class="col-sm-4 form-group ">
-                <strong v-if="!islegal" style="color: red">所输入的金额必须等于收款金额</strong>
-              </div>
-            </div>
-          </div>
-        </form>
-        <validate-bill v-if="hasValidateBill" :data="model" @validate-bill="validateBill"></validate-bill>
-        <print-bill :show="print" :bill-config='config' :bill-data='billData' v-on:toggle="close"
-                    :data='row' @printok="printok" v-ref:printbill></print-bill>
-        <div style="text-align:right; height: 25%">
-          <strong style="color:red;margin-right: 5px">{{ $refs.givechange.promptText }}</strong>
-          <strong style="font-size: large"
-                  v-if="!config.notShowFormula">计算公式:{{ calculatedetail ? calculatedetail : ' 暂无' }}</strong><br/>
-          <strong style="font-size: 16px"
-                  v-if="!config.notShowFormula && pricetext">合表气价:{{ pricetext }}</strong><br/>
-          <text style="font-size: 16px;font-style: italic;" class="text-info"
-                v-if="!config.notShowFormula && pricetext">合表气价公式:(居民单价×居民面积+非居民单价×非居民面积)÷(居民面积+非居民面积)</text><br/>
-          <payment-code-button :clickable="!$v.valid || validateOk || !islegal || clickConfirm || model.f_preamount === 0"
-                               :payment.sync="model.f_payment" :payment-data="paytype"
-                               @confirm-payment="confirm()">
-          </payment-code-button>
-          <button class="button_search btn-gn" @click="checkInvoiceMsg()"
-                  :disabled='!$v.valid || validateOk || !islegal || clickConfirm || model.f_preamount === 0'>确认
-          </button>
-          <button class="button_clear btn-gn" @click="clean()">取消</button>
-        </div>
-        <modal :show.sync="eticket_msg" v-ref:modal large backdrop="false" :width="900">
-          <header slot="modal-header" class="modal-header">
-            <button type="button" class="close" @click="eticket_msg = false"><span>&times;</span></button>
-            <h4 class="modal-title">发票信息</h4>
-          </header>
-          <article slot="modal-body" class="modal-body">
-            <div class="auto select-overspread form-horizontal">
-              <div class="row auto">
-                <div class="col-sm-6 form-group form-input-group" :class="[!row.f_paper_name ? 'has-error' : '']">
-                  <label class="control-label">开票名称:</label>
-                  <input class="form-control col-sm-2"
-                         v-model="row.f_paper_name" placeholder="开票名称">
-                </div>
-                <div class="col-sm-6 form-group form-input-group">
-                  <nobr class="col-sm-4"><label class="control-label">是否征税:</label></nobr>
-                  <v-select v-model="invoice_is_pax"
-                            placeholder='请选择'
-                            :value.sync="invoice_is_pax"
-                            close-on-select
-                            :width="60"
-                            :value-single="true"
-                            :search="false"
-                            :options='is_pax' clear-button>
-                  </v-select>
-                </div>
-                <div class="col-sm-12 form-group form-input-group">
-                  <label class="control-label">开户行及账号:</label>
-                  <input class="form-control col-sm-2"
-                         v-model="row.f_paper_account" placeholder="购方开户行及账号">
-                </div>
-                <div class="col-sm-12 form-group form-input-group">
-                  <label class="control-label">纳税人识别号:</label>
-                  <input class="form-control col-sm-2"
-                         v-model="row.f_taxpayer_id" placeholder="纳税人识别号">
-                </div>
-                <div class="col-sm-12 form-group form-input-group" :class="[!row.f_address_phone ? 'has-error' : '']">
-                  <label class="control-label">开票地址电话:</label>
-                  <input class="form-control col-sm-2"
-                         v-model="row.f_address_phone" placeholder="开票地址">
-                </div>
-                <div class="col-sm-12 form-group form-input-group">
-                  <label class="control-label">邮箱推送:</label>
-                  <input class="form-control col-sm-2"
-                         v-model="row.f_email" placeholder="邮箱推送">
-                </div>
-              </div>
-            </div>
-          </article>
-          <footer slot="modal-footer" class="modal-footer">
-            <button type="button" class="btn button_search"
-                    :disabled="!(row.f_paper_name&&row.f_address_phone)"
-                    @click='confirm'>确认收费
-            </button>
-          </footer>
-        </modal>
-        <ticket-print :show="eticket_show" @toggle="eticket_toggle" v-ref:eticketbill></ticket-print>
-
-      </validator>
-    </div>
-
-    <payment-code v-ref:paymentcode :payment="model.f_payment" :row="row"
-                  :money="model.f_after_discount"></payment-code>
-  </div>
-  <upload v-if="config.showupload"  :blodid="row.f_userinfo_id" isremark="true" fusetype="发卡售气"></upload>
-</template>
-<script>
-/**
- *综合业务
- *发卡售气组件
- */
-
-import {HttpResetClass} from 'vue-client'
-import CardService from './CardService'
-let preamountGen = async function (self) {
-  let calFee = ((self.model.f_preamount - 0)).toFixed(self.row.f_fee_decimal || 4)
-  if (self.model.f_payment == '赠气') {
-    calFee = (self.model.f_preamount - 0).toFixed(self.row.f_fee_decimal || 4)
-  }
-  // 通过金额进行划价
-  let getGas = await self.$CommonService.feeCalculate(self.model, calFee)
-  if (getGas.data.gas) {
-    if (self.row.f_isdecimal === '是') {
-      self.model.f_pregas = (getGas.data.gas - 0).toFixed(self.row.f_gas_decimal || 4)
-      if (self.row.f_collection_type === '按金额') {
-        self.dymoney = 0
-      } else {
-        let dymoney2 = await self.$CommonService.gasCalculate(self.model, (getGas.data.gas).toFixed(self.row.f_gas_decimal || 4))
-        self.dymoney = (getGas.data.chargenum - 0).toFixed(4) - (dymoney2.data.chargenum - 0).toFixed(self.row.f_fee_decimal || 4)
-      }
-    } else {
-      // 如果不支持小数,将划价出的多余非整数气量进行划价为金额
-      let tempnum = Math.floor(getGas.data.gas - 0)
-      let dymoney1 = await self.$CommonService.gasCalculate(self.model, (tempnum).toFixed(self.row.f_gas_decimal || 4))
-      self.dymoney = (getGas.data.chargenum - 0).toFixed(2) - (dymoney1.data.chargenum - 0).toFixed(2)
-      self.model.f_pregas = Math.floor(getGas.data.gas - 0)
-    }
-  }
-  self.model.f_totalcost = ((self.row.f_balance - 0) >= (calFee - 0) ? 0 : ((calFee - 0) - (self.row.f_balance - 0)).toFixed(self.row.f_fee_decimal || 4))
-  self.model.chargeprice = getGas.data.chargeprice
-  Object.assign(self.model, self.model, getGas.data)
-  self.model.f_totalcost = ((self.dymoney - 0) >= (self.model.f_totalcost - 0) ? 0 : (self.model.f_totalcost - 0) - (self.dymoney - 0).toFixed(self.row.f_fee_decimal || 4))
-  self.model.f_collection = self.model.f_totalcost
-  if (self.config.floor) {
-    self.model.f_collection = Math.ceil(self.model.f_collection)
-  }
-  self.model.f_preamount = (calFee - (self.dymoney - 0)).toFixed(self.row.f_fee_decimal || 4)
-  self.calText(getGas.data.chargeprice)
-  self.pricetext = getGas.data.chargeprice[0].pricetext ? getGas.data.chargeprice[0].pricetext:null
-}
-
-// 输入气量，换算金额
-let pregasGen = async function (self) {
-  if (self.row.f_isdecimal === '是') {
-    self.model.f_pregas = (self.model.f_pregas - 0).toFixed(self.row.f_gas_decimal || 4)
-  } else {
-    self.model.f_pregas = (self.model.f_pregas - 0).toFixed(0)
-  }
-  if ((self.model.f_pregas - 0) - (self.maxgas - 0) <= 0) {
-    self.model.f_meter_type = self.row.f_meter_type
-    let getAmount = await self.$CommonService.gasCalculate(self.model, self.model.f_pregas)
-    self.model.f_preamount = getAmount.data.chargenum
-    self.model.f_totalcost = ((self.row.f_balance - 0) > (getAmount.data.chargenum - 0) ? 0 : ((getAmount.data.chargenum - 0) - (self.row.f_balance - 0)).toFixed(self.row.f_fee_decimal || 4))
-    Object.assign(self.model, self.model, getAmount.data)
-    self.model.chargeprice = getAmount.data.chargeprice
-    self.model.f_collection = self.model.f_totalcost
-    if (self.config.floor) {
-      self.model.f_collection = Math.ceil(self.model.f_collection)
-    }
-    self.pricetext = getAmount.data.chargeprice[0].pricetext?getAmount.data.chargeprice[0].pricetext:null
-    self.calText(getAmount.data.chargeprice)
-  }
-}
-
-// 写卡操作
-let initCardGen = async function (self) {
-  try {
-    if (self.paymentModel.length === 0) {
-      self.paymentModel = [{
-        f_payment: self.model.f_payment[0],
-        f_money: self.model.f_preamount
-      }]
-    }
-    self.model.xiekamoney = self.model.f_preamount
-    if (self.row.f_price_type == '阶梯气价' && self.row.f_is_step == '否' && self.row.f_collection_type == '按金额') {
-      self.model.xiekamoney = (self.model.f_pregas * self.model.chargeprice[0].f_price)
-      self.model.xiekamoney = self.model.xiekamoney.toFixed(4)
-    }
-
-    self.model.payments = self.paymentModel
-    // 加入扫码盒付款码支付流水号
-    self.model.f_serial_id = self.$refs.paymentcode.paymentCodeReturnData.f_out_trade_no
-    let res = await CardService.initCard(self.model, self.row, self.cardallot)
-    let localeSustainMoney = window.localStorage.getItem('sustainMoney')
-    if (localeSustainMoney != null) {
-      localeSustainMoney = (localeSustainMoney - 0) + (self.model.f_collection - 0)
-      window.localStorage.setItem('sustainMoney', localeSustainMoney)
-    }
-    let param = []
-    for (let row of self.resid) {
-      param.push({id: row.id})
-    }
-    let data = {
-      param: param,
-      f_blobid: res.data
-    }
-
-    await self.$resetpost('rs/logic/updatefiles', data)
-
-    console.log('发卡售气返回id', res, self.model)
-    // 开始打票
-    if (self.config.hasPrint) {
-      if (self.model.f_print.indexOf('电子发票') == -1) {
-        if (self.$login.r.includes('非民用纸质票据拆分')) {
-          if (self.row.f_user_type === '非民用') {
-            self.billData.url = 'rs/report/fmy_sendCard_bill'
-          }
-        }
-        if (self.row.f_meter_type === '金额卡表' && self.$appdata.getSingleValue('金额气量区分卡表票据')) {
-          self.billData.url = 'rs/report/fee_sendCard_bill'
-        }
-        if (self.config.hasBillManage) {
-          // 启用发票管理，获取票据管理中的票号并存储记录 d
-          self.row.id = res.data.id
-          self.row.f_bill_type = '发卡售气'
-          self.row.f_bill_style = self.model.f_print[0]
-          self.print = true
-        } else {
-          self.row.id = res.data.id
-          self.print = true
-        }
-      } else {
-        if (self.model.f_print[0] === '电子发票') {
-          self.row.id = res.data.id
-          self.eticket_show = true
-          // 应铜川需要卡表显示
-          await self.$refs.eticketbill.openETicket([res.data.id], self.row, '是', self.invoice_is_pax, '发卡售气')
-
-          // await self.$CommonService.openEticket(res.data.id, '售气收费')
-          // self.row.id = res.data.id
-          // self.print = true
-        }
-      }
-    } else {
-      self.$showAlert('发卡售气成功', 'success', 2000)
-      self.$dispatch('success')
-    }
-    self.clickConfirm = false
-  } catch (error) {
-    console.log('抛出的错误。。', error)
-    self.$showAlert(error, 'danger', 0)
-    self.$dispatch('refresh')
-    self.clickConfirm = false
-  }
-}
-
-let asyncShowCardSellGas = async function (self) {
-  await self.$getConfig(self, 'ShowCardSellGas')
-  console.log('发卡售气config', self.config)
-  self.model.f_print = self.config.printType instanceof Array ? self.config.printType : [self.config.printType]
-  if (self.row.f_paper_type !== '') {
-    self.model.f_print = [self.row.f_paper_type]
-  }
-  console.log('发卡售气f_print', self.model.f_print)
-  self.model.f_payment = [self.config.payment]
-  self.mulPrint = self.config.printType instanceof Array
-
-  self.model.f_use_type = self.config.billType
-  self.model.f_bill_type = self.model.f_print
-  self.hasValidateBill = self.config.hasBillManage
-
-  // 判断限购
-  // 获取限购值
-  let limit_param = {
-    f_userinfo_id: self.row.f_userinfo_id,
-    f_user_id: self.row.f_user_id,
-    f_stairprice_id: self.row.f_stairprice_id
-  }
-  let http = new HttpResetClass()
-  let getLimit = await http.load('POST', 'rs/logic/sale_getLimitGas', {data: limit_param}, {
-    resolveMsg: null,
-    rejectMsg: '获取限购值失败！！'
-  })
-  console.log('获取限购值', getLimit)
-  self.hasLimit = getLimit.data.hasLimit
-  if (self.hasLimit) {
-    if (getLimit.data.f_limit_value || getLimit.data.f_limit_amount) {
-      if (getLimit.data.f_limit_value < 0 && getLimit.data.f_limit_amount < 0) {
-        self.$showAlert(`${getLimit.data.msg}`, 'warning', 3000)
-        self.$dispatch('refresh')
-      } else {
-        if (getLimit.data.f_limit_value) {
-          self.maxgas = (getLimit.data.f_limit_value - 0)
-          self.limitgas = true
-        }
-        if (getLimit.data.f_limit_amount) {
-          self.maxmoney = (getLimit.data.f_limit_amount - 0)
-          self.limitmoney = true
-        }
-      }
-    }
-  }
-}
-
-export default {
-  title: '发卡售气',
-  data () {
-    return {
-      serialShow: false,
-      pricetext: null,
-      resid: [],
-      config: {
-        notShowFormula: false, // 不显示计算公式,默认显示
-        calculatePreByCollection: false, // 可以更具收款来反向计算预购
-        showupload: true,  // 默认不显示上传附件
-        hasPrint: false,  // 默认打票
-        floor: true,  // 是否取整收费
-        hasBillManage: false,  // 默认不启用发票管理
-        billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
-        printType: '普通收据', // 收据/电子票/专用发票/国税发票
-        payment: '现金缴费'
-      },
-      model: {
-        f_stairprice_id: '',
-        f_payment: '',
-        f_pregas: '',
-        f_preamount: 0,
-        f_totalcost: 0,
-        f_balance: 0,
-        f_curbalance: this.f_curbalance,
-        f_collection: '',
-        chargeprice: [],
-        f_print: [],
-        f_meter_type: '',
-        f_voucher_number: '',
-        f_privilege_id: 0,
-        f_privilege_money: 0,
-        f_after_discount: 0
-      },
-      cardallot: null,
-      calculatedetail: '',
-
-      billData: {
-        url: 'rs/report/sendCard_bill',
-        bill: ''
-      },
-
-      print: false,
-
-      // 是否有限购
-      hasLimit: false,
-
-      // 启用发票管理需要对票号进行验证
-      hasValidateBill: false,
-      validateOk: false,
-      blodid: '',
-      maxgas: 99999999, // 限购
-      maxmoney: 99999999,
-      limitmoney: false,
-      limitgas: false,
-
-      clickConfirm: false,
-
-      mulPrint: false, // 控制打印格式是否可以多选
-      openFee: 0, // 是否有开卡费
-      paymentModel: [], // 多笔付款方式
-      paytype: [],
-      printstyle: this.$appdata.getParam('打印格式') ? this.$appdata.getParam('打印格式') : [],
-      privilegeList: [{label: '无优惠', value: '0'}],
-      mjshow: false,
-      // 小数是否支持,导致划价产生的多余气量,金额
-      dymoney: 0,
-      eticket_msg: false,
-      eticket_show: false,
-      invoice_is_pax: '不征税',
-      is_pax: [{label: '征税', value: '征税'}, {label: '不征税', value: '不征税'}]
-    }
-  },
-  props: ['row'],
-  ready () {
-    console.log(this.row)
-    if (this.authArr.includes('余额写卡限定')) {
-      this.paytype = [{label: '余额写卡', value: '余额写卡'}]
-    } else {
-      this.paytype = this.$appdata.getParam('付款方式') ? this.$appdata.getParam('付款方式') : []
-      if (!this.$login.r.includes('免交充值付款')) {
-        this.paytype = this.paytype.filter((item) => {
-          return item.label != '免交'
-        })
-      }
-    }
-    this.blodid = this.row.f_userinfo_id
-    this.model.f_price_id = this.row.f_price_id
-    this.model.f_user_id = this.row.f_user_id
-    this.model.f_userfiles_id = this.row.f_userfiles_id
-    this.model.f_userinfo_id = this.row.f_userinfo_id
-    this.newPhone = this.row.f_user_phone
-    if (this.row.f_collection_type == '按金额') {
-      this.model.f_totalcost = ''
-      this.model.f_pregas = 0
-    }
-
-    if (this.row.f_user_type === '民用') {
-      this.openFee = this.$appdata.getSingleValue('民用开卡费') ? this.$appdata.getSingleValue('民用开卡费') : 0
-    } else {
-      this.openFee = this.$appdata.getSingleValue('非民用开卡费') ? this.$appdata.getSingleValue('非民用开卡费') : 0
-    }
-
-    if (this.$appdata.getSingleValue('是否启用发卡管理')) {
-      this.$CardManageService.getCardNumber()
-        .then((res) => {
-          this.cardallot = Object.assign({}, this.cardallot, res.data)
-        })
-    }
-    document.getElementById('fouces').focus()
-    asyncShowCardSellGas(this)
-  },
-  events: {
-    // 删除Resid数组元素
-    'delResid' (val) {
-      this.resid.$remove({id: val, f_biobid: ''})
-      // this.resid.splice(this.resid.indexOf({id:val,f_biobid:''}),1);
-    },
-    // 增加Resid数组元素
-    'resid' (val) {
-      this.resid.push({id: val, f_biobid: ''})
-    }
-  },
-  watch: {
-    'row' (val) {
-      this.model.f_balance = val.f_balance
-    },
-    'model.f_payment.length' (val) {
-      console.log('付款方式多选。。', val)
-      if (val > 3) {
-        this.$showAlert('目前只支持三种支付方式', 'warning', 2000)
-        return
-      }
-      if (val > 1 && !this.model.f_preamount) {
-        this.model.f_payment = ['现金缴费']
-        this.$showAlert('请先计算付款金额', 'warning', 2000)
-      } else {
-        this.paymentModel = []
-        this.model.f_payment.forEach((res) => {
-          let temp = {
-            f_payment: res,
-            f_money: 0
-          }
-          this.paymentModel.push(temp)
-        })
-        this.$resetValidation()
-        // 获取计算优惠
-        this.getPrivilegeList()
-      }
-    },
-    'model.f_payment' (val) {
-      if (val == '免交') {
-        this.mjshow = true
-      } else {
-        this.mjshow = false
-      }
-    },
-    'model.f_collection' (val) {
-      // 获取计算优惠
-      this.getPrivilegeList()
-    },
-    '$v' (val) {
-    },
-    '$v': {
-      handler: function (val) {
-      },
-      deep: true
-    },
-    '$v.f_serial_number': {
-      handler: function (val) {
-      },
-      deep: true
-    },
-    '$v.f_serial_number.valid' (val) {
-    }
-  },
-  methods: {
-    // 根据收款金额计算划价信息
-    // 需要配置 calculatePreByCollection = true
-    async calculatePreByCollection () {
-      try {
-        this.model.f_collection = (this.model.f_collection - 0)
-        let calFee = ((this.model.f_collection - 0) + (this.row.f_balance)).toFixed(4)
-        // 通过收款进行划价
-        let getGas = await this.$CommonService.feeCalculate(this.model, calFee)
-        this.model.f_pregas = parseInt(getGas.data.gas)
-        let dymoney2 = await this.$CommonService.gasCalculate(this.model, this.model.f_pregas)
-        this.model.chargeprice = dymoney2.data.chargeprice
-        Object.assign(this.model, this.model, dymoney2.data)
-        this.model.f_totalcost = dymoney2.data.chargenum
-        this.model.f_preamount = dymoney2.data.chargenum
-        this.calText(dymoney2.data.chargeprice)
-      } catch (error) {
-        this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
-        this.$dispatch('error', '发卡售气', this.model, error)
-      }
-    },
-    // 校验发票信息
-    checkInvoiceMsg () {
-      console.log(this.model.f_print[0])
-      if (this.model.f_print[0] === '电子发票') {
-        if (!this.row.f_taxpayer_id) {
-          this.row.f_taxpayer_id = this.row.f_idnumber
-        }
-        if (!this.row.f_paper_name) {
-          this.row.f_paper_name = this.row.f_user_name
-        }
-        if (!this.row.f_address_phone) {
-          this.row.f_address_phone = this.row.f_address + ' ' + this.row.f_user_phone
-        }
-        if (!this.row.f_email) {
-          this.row.f_email = this.row.f_email
-        }
-        this.eticket_msg = true
-      } else {
-        this.confirm()
-      }
-    },
-    eticket_toggle () {
-      this.eticket_show = false
-      this.$dispatch('success')
-    },
-    async confirm () {
-      this.eticket_msg = false
-      if (this.$appdata.getSingleValue('开卡费')) {
-        let sql = `select od.* from t_othercharge oc
-                      left join t_othercharge_detail od on oc.id=od.f_othercharge_id
-                      where oc.f_userfiles_id = '${this.row.f_userfiles_id}' and od.f_brand_spec = '开卡费' and oc.f_state='有效'`
-        let res = await this.$resetpost('rs/logic/sqlquery', {data: {sql: sql}}, {
-          resolveMsg: null,
-          rejectMsg: '获取是否已交开卡费出错'
-        })
-        console.log('查询的结果', res)
-        if (res.data.length == 0) {
-          this.$showAlert('请注意！当前用户还未收取开卡费，请到其他收费功能进行操作', 'warning', 2000)
-          return
-        }
-      }
-      if (this.model.f_payment.length > 0 && this.model.f_payment[0] == '余额写卡') {
-        if (this.model.f_collection > this.row.f_balance) {
-          this.$showAlert('请注意！您的账户余额小于当前写卡金额,无法进行余额写卡,请修改后重试', 'warning', 1000)
-          return
-        }
-        if (this.model.f_collection > 0) {
-          this.$showAlert('请注意！进行余额写卡,收款不能大于0', 'warning', 1000)
-          return
-        }
-      }
-
-      this.clickConfirm = true
-      this.model.f_curbalance = this.curbalance
-      this.model.f_open_fee = this.openFee
-      // 用于获取卡号
-      console.log('开始发卡售气。。', this.model, this.row)
-      this.$showMessage(`对客户${this.row.f_user_name}进行发卡售气操作。请确保你已经插入了${this.row.f_meter_brand}的卡？`, ['confirm', 'cancel']).then(async (res) => {
-        if (res === 'confirm') {
-          // 先调用付款码支付组件流程
-          let ss = await this.$refs.paymentcode.flowPath()
-          this.$refs.paymentcode.paymentCodeShow = false
-          console.log('付款码操作返回', ss)
-          if (!ss.result) return
-
-          initCardGen(this)
-        } else {
-          this.$dispatch('has-button')
-          this.clickConfirm = false
-        }
-      })
-    },
-    clean () {
-      this.$info('取消操作')
-      this.$dispatch('refresh', this.row)
-    },
-    pregas () {
-      this.dymoney = 0
-      if (this.model.f_pregas && this.model.f_pregas > 0) {
-        try {
-          // 对气量进行验证
-          if ((this.row.f_topup_ceil - 0) > 0 && (this.model.f_pregas - 0) > (this.row.f_topup_ceil - 0)) {
-            this.$showAlert(`您输入的气量不能大于该表的充值上限: ${this.row.f_topup_ceil}`, 'warning', 5000)
-            this.model.f_pregas = null
-          } else {
-            pregasGen(this)
-          }
-        } catch (error) {
-          this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
-          this.$dispatch('error', '发卡售气', this.model, error)
-        }
-      } else {
-        this.model.f_pregas = 0
-      }
-    },
-    preamount () {
-      this.dymoney = 0
-      // if ((this.model.f_totalcost && this.model.f_totalcost > 0) || this.row.f_balance > 0) {
-      // if ((this.model.f_totalcost && this.model.f_totalcost > 0) || this.row.f_balance > 0) {
-      try {
-        preamountGen(this)
-      } catch (error) {
-        this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
-        this.$dispatch('error', '发卡售气', this.model, error)
-      }
-      // } else {
-      //  this.model.f_totalcost = null
-      // }
-    },
-
-    validateBill (val) {
-      this.validateOk = !val.isOk
-      this.billData.bill = val.bill
-    },
-    printok () {
-      this.$dispatch('success')
-    },
-    calText (val) {
-      let str = ''
-      let num = 0
-      val.forEach((item) => {
-        if (item.f_gas > 0) {
-          num = num + 1
-        }
-        if (this.row.f_isdecimal === '是') {
-          str = str + item.f_price + ' x ' + item.f_gas + '+'
-        } else {
-          str = str + item.f_price + ' x ' + Math.floor(item.f_gas) + '+'
-        }
-      })
-      str = str.slice(0, str.length - 1)
-      this.calculatedetail = str
-      if (num > 1) {
-        if (this.$login.r.find(item => item == '阶梯提示无按钮')) {
-          this.$showAlert('友好提示：本次购气已跨阶梯', 'warning', 3000)
-        } else {
-          this.$showMessage('友好提示：本次购气已跨阶梯', ['confirm', 'cancel'])
-        }
-      }
-    },
-    close () {
-      this.showprint = false
-      this.print = false
-      this.clean()
-    },
-    // 根据选择的付款方式 获取优惠列表
-    async getPrivilegeList () {
-      // 初始化下拉选择列表
-      this.privilegeList = [{label: '无优惠', value: '0'}]
-      // 初始为无优惠
-      this.model.f_privilege_id = '0'
-      if (this.model.f_payment && this.model.f_payment.length) {
-        // 查询条件
-        let payments = JSON.stringify(this.model.f_payment)
-        payments = payments.replace('[', '(').replace(']', ')').replace(/"/g, '\'')
-        let HttpReset = new HttpResetClass()
-        let privilege = await HttpReset.load('POST', 'rs/sql/singleTable_OrderBy', {
-          data: {
-            items: 'id,f_privilege_name,f_privilege_type',
-            tablename: 't_privilege',
-            condition: `f_payment in ${payments} and f_gasproperties = '${this.row.f_gasproperties}' and f_user_type = '${this.row.f_user_type}' and f_perform_date <= GETDATE() and f_end_date >= GETDATE() and f_state = '有效'`,
-            orderitem: 'id'
-          }
-        }, {resolveMsg: null, rejectMsg: '查询优惠信息失败'})
-        // 查询结果放到下拉列表
-        for (let p of privilege.data) {
-          this.privilegeList.push({label: p.f_privilege_name, value: p.id, type: p.f_privilege_type})
-        }
-        this.privilegeCalculate()
-      }
-    },
-    // 优惠计算
-    async privilegeCalculate () {
-      // 初始化减免金额
-      this.model.f_privilege_money = 0
-      this.model.f_after_discount = this.model.f_collection
-      // 判断是否是自定义优惠
-      if (parseInt(this.model.f_privilege_id)) {
-        for (let p of this.privilegeList) {
-          if (p.value == this.model.f_privilege_id && p.type == '自定义') {
-            this.model.f_privilege_money = window.prompt('请输入你想优惠的金额')
-            if (!(/^[1-9]\d*(\.\d+)?$/).test(this.model.f_privilege_money) || !(/^[1-9]\d*(\.\d+)?$/).test(this.model.f_privilege_money)) {
-              this.$showMessage('金额输入格式不正确!')
-              this.model.f_privilege_money = 0
-              return
-            }
-            if ((this.model.f_privilege_money - 0) >= this.model.f_collection) {
-              this.$showMessage('减免金额不能大于等于收款金额')
-              this.model.f_privilege_money = 0
-              return
-            }
-          }
-        }
-      }
-      // 优惠方式, 收款 缺一不计算
-      if (this.model.f_payment && this.model.f_payment.length && parseInt(this.model.f_privilege_id) && this.model.f_collection) {
-        let c = {
-          f_privilege_id: this.model.f_privilege_id,
-          f_collection: this.model.f_collection,
-          f_privilege_money: this.model.f_privilege_money
-        }
-        let privilegeData = await this.$resetpost('rs/logic/calculatePrivilege', c, {resolveMsg: null, rejectMsg: '计算优惠金额出错'})
-        // 减免金额
-        this.model.f_privilege_money = privilegeData.data.f_privilege_money
-        // 减免后收款金额
-        this.model.f_after_discount = privilegeData.data.f_collection
-      }
-    }
-  },
-  computed: {
-    'invoice_show_gas' () {
-      return this.row.f_collection_type === '按气量' ? '是' : '否'
-    },
-    authArr () {
-      return this.$login.r ? this.$login.r : []
-    },
-    'curbalance' () {
-      if (this.model.f_payment === '赠气') {
-        return this.model.f_balance
-      }
-      if (this.config.calculatePreByCollection) {
-        return ((this.model.f_collection - 0) + (this.row.f_balance - 0) - this.model.f_preamount).toFixed(4)
-      }
-      if (this.model.f_preamount) {
-        if ((this.row.f_balance - 0) > (this.model.f_preamount - 0)) {
-          return ((this.row.f_balance - 0) - (this.model.f_preamount - 0) + (this.model.f_collection - 0)).toFixed(4)
-        } else {
-          return ((this.model.f_collection - 0) - (this.model.f_totalcost - 0)).toFixed(4)
-        }
-      } else {
-        return this.row.f_balance
-      }
-    },
-    'islegal' () {
-      if (this.paymentModel.length > 1 && this.model.f_collection) {
-        let sum = 0
-        this.paymentModel.forEach((res) => {
-          sum += (res.f_money - 0)
-        })
-
-        return (this.model.f_collection - 0) === (sum - 0)
-      } else {
-        return true
-      }
-    }
-  }
-}
-</script>
-
-
-<style>
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-</style>
-
+<template>
+  <div class="flex-row">
+    <div class="span" style="overflow-y: auto;">
+      <validator name='v' v-ref:valid>
+        <form novalidate class="form-horizontal">
+          <div class="row" style="margin-top:5px;">
+            <div class="col-sm-4 form-group" :class="[$v.payment.required ? 'has-error' : '']">
+              <label for="f_paytype" class=" font_normal_body" title="参数名称：付款方式">收款方式</label>
+              <input type="text" v-show="false" v-model="$refs.payment.selectedItems"
+                     v-validate:payment='{required: true }'>
+              <v-select id="f_payment"
+                        v-model="f_payment"
+                        placeholder='请选择'
+                        :value.sync="model.f_payment"
+                        :options='paytype' clear-button v-ref:payment></v-select>
+            </div>
+            <div class="col-sm-4 form-group"
+                 :class="[$v.f_pregas.required || $v.f_pregas.dctest? 'has-error' : 'has-success']">
+              <label for="f_pregas" class=" font_normal_body">*预购气量</label>
+              <input class="input_search" style="width:60%" type="number" id="fouces"
+                     @blur="pregas()" v-model="model.f_pregas" :disabled="config.calculatePreByCollection"
+                     v-validate:f_pregas='{required: true, dctest: [maxgas, "<=" ]}' placeholder="预购气量"
+                     v-scale="[model.f_pregas, row.f_gas_decimal||4 ]"
+                     v-next-el='sk'>
+            </div>
+
+            <div class="col-sm-4 form-group"
+                 :class="[$v.f_preamount.required || $v.f_preamount.dctest? 'has-error' : 'has-success']">
+              <label for="f_preamount" class=" font_normal_body">*预购金额</label>
+              <input class="input_search" style="width:60%" type="number" v-model="model.f_preamount"
+                     @blur="preamount()" v-validate:f_preamount='{required: true, dctest: [maxmoney, "<=" ]}'
+                     placeholder="预购金额" :disabled="config.calculatePreByCollection"
+                     v-scale="[model.f_preamount, row.f_fee_decimal||4 ]" placeholder="预购金额">
+            </div>
+          </div>
+          <div class="row" style="margin-top:5px;">
+
+            <div class="col-sm-4 form-group" :class="[$v.printstyle.required ? 'select-error' : '']">
+              <!-- <print-style :print.sync='model.f_print'></print-style> -->
+              <label for="f_print" class="font_normal_body">打印格式</label>
+              <input type="text" v-show="false" v-model="$refs.printstyle.selectedItems"
+                     v-validate:printstyle='{required: true }'>
+              <v-select id="print"
+                        v-model="f_print"
+                        placeholder='请选择'
+                        :value.sync="model.f_print"
+                        :options='printstyle'
+                        close-on-select clear-button v-ref:printstyle>
+              </v-select>
+            </div>
+            <div class="col-sm-4 form-group" v-if="hasLimit&&limitgas">
+              <label class="font_normal_body">&nbsp;购气上限</label>
+              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="maxgas"
+                     v-scale="[maxgas, 4]" placeholder='限购余气' disabled>
+            </div>
+            <div class="col-sm-4 form-group" v-if="hasLimit&&limitmoney">
+              <label class="font_normal_body">金额上限</label>
+              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="maxmoney"
+                     v-scale="[maxmoney, 2]" placeholder='限购金额' disabled>
+            </div>
+            <div class="col-sm-4 form-group" v-if="!hasLimit">
+            </div>
+            <div class="col-sm-4 form-group">
+              <label for="f_temp_amount" v-if="row.f_collection_type === '按气量'"
+                     class=" font_normal_body">&nbsp;应收金额</label>
+              <label for="f_temp_amount" v-if="row.f_collection_type === '按金额'"
+                     class=" font_normal_body">*本次缴费</label>
+              <input class="input_search" style="width:60%" type="number"
+                     v-model="model.f_totalcost"
+                     v-validate:f_totalcost='{required: true, dctest: [(openFee - 0), ">=" ] }' placeholder="应收金额"
+                     v-next-el='sk' v-scale="[model.f_totalcost, row.f_fee_decimal||4]" disabled>
+            </div>
+          </div>
+
+
+          <div class="row" style="margin-top:5px;">
+            <div class="col-sm-4 form-group">
+              <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, 4]" placeholder="上期结余" disabled>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label for="f_curbalance" class="font_normal_body">&nbsp;本期结余</label>
+              <input class="input_search" style="width:60%" type="number" v-model="curbalance"
+                     v-scale="[model.f_curbalance, 4]" placeholder="本期结余" disabled>
+            </div>
+
+            <div class="col-sm-3 form-group" v-if="row.f_collection_type === '按气量'"
+                 :class="[$v.f_collection.required || $v.f_collection.dctest ? 'has-error' : 'has-success']">
+              <label for="f_collection" class=" font_normal_body">*收&emsp;&emsp;款</label>
+              <input class="input_search" style="width:60%" type="number" v-model="model.f_collection"
+                     @blur="calculatePreByCollection()"
+                     v-show="config.calculatePreByCollection"
+                     v-validate:f_collection='{required: true, dctest: [(model.f_totalcost - 0) + (openFee - 0), ">=" ] }'
+                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
+              <input class="input_search" style="width:60%" type="number" v-model="model.f_collection"
+                     v-show="!config.calculatePreByCollection"
+                     v-validate:f_collection='{required: true, dctest: [(model.f_totalcost - 0) + (openFee - 0), ">=" ] }'
+                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
+            </div>
+            <div class="col-sm-3 form-group" v-if="row.f_collection_type === '按金额'">
+              <label for="f_collection" class=" font_normal_body">*收&emsp;&emsp;款</label>
+              <input class="input_search" style="width:50%" type="number" v-model="model.f_collection"
+                     @blur="config.calculatePreByCollection && calculatePreByCollection()"
+                     v-el:sk v-scale="[model.f_collection, 4]" :disabled="$refs.givechange.promptText != ''">
+            </div>
+            <div class="col-sm-1 form-group">
+              <give-change :curbalance="curbalance" :collection.sync="model.f_collection"
+                           v-ref:givechange></give-change>
+            </div>
+          </div>
+          <div class="row" style="margin-top:5px;" v-show="authArr.includes('优惠权限')">
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">优惠方式</label>
+              <v-select v-model="model.f_privilege_id" @blur.native.capture="privilegeCalculate"
+                        placeholder='请选择'
+                        :value.sync="model.f_privilege_id"
+                        :options='privilegeList' clear-button value-single>
+              </v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label for="f_preamount" class=" font_normal_body">&nbsp;优惠金额</label>
+              <input class="input_search" style="width:60%" type="number" v-model="model.f_privilege_money"
+                     v-scale="[model.f_privilege_money, 2]" placeholder="优惠金额" disabled>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label for="f_preamount" class=" font_normal_body">&nbsp;实际收款</label>
+              <input class="input_search" style="width:60%" type="number" v-model="model.f_after_discount"
+                     v-scale="[model.f_after_discount, 2]" placeholder="优惠后收款" disabled>
+            </div>
+          </div>
+          <div class="row" v-if="openFee > 0">
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;开卡费</label>
+              <input class="input_search" style="width:60%" style="width:60%" type="number" v-model="openFee"
+                     placeholder='开卡费' disabled>
+            </div>
+          </div>
+          <div class="row" style="margin-top:5px;">
+            <div class="col-sm-9">
+            </div>
+            <div class="col-sm-3">
+              <span v-if="$v.f_collection.dctest" style="color:red ">收款不能小于应收金额</span>
+            </div>
+          </div>
+          <div class="row" v-if="model.f_payment[0].includes('POS')">
+            <div class="col-sm-4 form-group">
+              <label for="f_voucher_number" class="font_normal_body">&nbsp;&nbsp;&nbsp;凭证号</label>
+              <input type="text" class="input_search" style="width:60%" v-model="model.f_voucher_number"
+                     placeholder="凭证号">
+            </div>
+          </div>
+          <div class="row" style="padding-top: 0.5em;">
+
+            <div class="col-sm-4" v-if="!mjshow && model.f_payment != '银行转账'">
+              <label for="f_serial_number" class=" font_normal_body">业务单号</label>
+              <input class="input_search" style="width:60%" type="text"
+                     v-model="model.f_serial_number" placeholder="业务单号">
+            </div>
+            <div class="col-sm-4" v-if="mjshow && model.f_payment != '银行转账'"
+                 :class="[$v.f_serial_number.required || $v.f_serial_number.dctest ? 'has-error' : 'has-success']">
+              <label for="f_serial_number" class=" font_normal_body">业务单号</label>
+              <input class="input_search" style="width:60%" type="text" v-validate:f_serial_number='{required: true }'
+                     v-model="model.f_serial_number" placeholder="业务单号">
+            </div>
+            <div class="col-sm-4" v-if="model.f_payment == '银行转账'" >
+              <label for="f_serial_number" class=" font_normal_body">银行流水</label>
+              <input class="input_search" style="width:60%"  type="text"
+                     v-model="model.f_serial_number" placeholder="银行流水">
+            </div>
+
+
+            <div class="col-sm-8">
+              <label for="f_comments" class="font_normal_body">&nbsp;备&emsp;&emsp;注</label>
+              <input class="input_search" style="width:74%" v-model="model.f_comments" placeholder="备注">
+            </div>
+          </div>
+          <div v-if="paymentModel.length >1">
+            <div class="row" style="margin-top:10px;">
+              <p class="col-sm-2 text-left" style="padding: 10px;"><img src="../../../static/juxing.png"/><strong
+                style="margin-left: 4%">付款明细</strong></p>
+            </div>
+            <div class="row" style="margin-top:10px;">
+              <div class="col-sm-4 form-group " v-for="pay in paymentModel">
+                <label class="font_normal_body">{{ pay.f_payment }}:</label>
+                <input id="f_money" type="text" class="input_search" style="width:60%" v-model="pay.f_money">
+              </div>
+              <div class="col-sm-4 form-group ">
+                <strong v-if="!islegal" style="color: red">所输入的金额必须等于收款金额</strong>
+              </div>
+            </div>
+          </div>
+        </form>
+        <validate-bill v-if="hasValidateBill" :data="model" @validate-bill="validateBill"></validate-bill>
+        <print-bill :show="print" :bill-config='config' :bill-data='billData' v-on:toggle="close"
+                    :data='row' @printok="printok" v-ref:printbill></print-bill>
+        <div style="text-align:right; height: 25%">
+          <strong style="color:red;margin-right: 5px">{{ $refs.givechange.promptText }}</strong>
+          <strong style="font-size: large"
+                  v-if="!config.notShowFormula">计算公式:{{ calculatedetail ? calculatedetail : ' 暂无' }}</strong><br/>
+          <strong style="font-size: 16px"
+                  v-if="!config.notShowFormula && pricetext">合表气价:{{ pricetext }}</strong><br/>
+          <text style="font-size: 16px;font-style: italic;" class="text-info"
+                v-if="!config.notShowFormula && pricetext">合表气价公式:(居民单价×居民面积+非居民单价×非居民面积)÷(居民面积+非居民面积)</text><br/>
+          <payment-code-button :clickable="!$v.valid || validateOk || !islegal || clickConfirm || model.f_preamount === 0"
+                               :payment.sync="model.f_payment" :payment-data="paytype"
+                               @confirm-payment="confirm()">
+          </payment-code-button>
+          <button class="button_search btn-gn" @click="checkInvoiceMsg()"
+                  :disabled='!$v.valid || validateOk || !islegal || clickConfirm || model.f_preamount === 0'>确认
+          </button>
+          <button class="button_clear btn-gn" @click="clean()">取消</button>
+        </div>
+        <modal :show.sync="eticket_msg" v-ref:modal large backdrop="false" :width="900">
+          <header slot="modal-header" class="modal-header">
+            <button type="button" class="close" @click="eticket_msg = false"><span>&times;</span></button>
+            <h4 class="modal-title">发票信息</h4>
+          </header>
+          <article slot="modal-body" class="modal-body">
+            <div class="auto select-overspread form-horizontal">
+              <div class="row auto">
+                <div class="col-sm-6 form-group form-input-group" :class="[!row.f_paper_name ? 'has-error' : '']">
+                  <label class="control-label">开票名称:</label>
+                  <input class="form-control col-sm-2"
+                         v-model="row.f_paper_name" placeholder="开票名称">
+                </div>
+                <div class="col-sm-6 form-group form-input-group">
+                  <nobr class="col-sm-4"><label class="control-label">是否征税:</label></nobr>
+                  <v-select v-model="invoice_is_pax"
+                            placeholder='请选择'
+                            :value.sync="invoice_is_pax"
+                            close-on-select
+                            :width="60"
+                            :value-single="true"
+                            :search="false"
+                            :options='is_pax' clear-button>
+                  </v-select>
+                </div>
+                <div class="col-sm-12 form-group form-input-group">
+                  <label class="control-label">开户行及账号:</label>
+                  <input class="form-control col-sm-2"
+                         v-model="row.f_paper_account" placeholder="购方开户行及账号">
+                </div>
+                <div class="col-sm-12 form-group form-input-group">
+                  <label class="control-label">纳税人识别号:</label>
+                  <input class="form-control col-sm-2"
+                         v-model="row.f_taxpayer_id" placeholder="纳税人识别号">
+                </div>
+                <div class="col-sm-12 form-group form-input-group" :class="[!row.f_address_phone ? 'has-error' : '']">
+                  <label class="control-label">开票地址电话:</label>
+                  <input class="form-control col-sm-2"
+                         v-model="row.f_address_phone" placeholder="开票地址">
+                </div>
+                <div class="col-sm-12 form-group form-input-group">
+                  <label class="control-label">邮箱推送:</label>
+                  <input class="form-control col-sm-2"
+                         v-model="row.f_email" placeholder="邮箱推送">
+                </div>
+              </div>
+            </div>
+          </article>
+          <footer slot="modal-footer" class="modal-footer">
+            <button type="button" class="btn button_search"
+                    :disabled="!(row.f_paper_name&&row.f_address_phone)"
+                    @click='confirm'>确认收费
+            </button>
+          </footer>
+        </modal>
+        <ticket-print :show="eticket_show" @toggle="eticket_toggle" v-ref:eticketbill></ticket-print>
+
+      </validator>
+    </div>
+
+    <payment-code v-ref:paymentcode :payment="model.f_payment" :row="row"
+                  :money="model.f_after_discount"></payment-code>
+  </div>
+  <upload v-if="config.showupload"  :blodid="row.f_userinfo_id" isremark="true" fusetype="发卡售气"></upload>
+</template>
+<script>
+/**
+ *综合业务
+ *发卡售气组件
+ */
+
+import {HttpResetClass} from 'vue-client'
+import CardService from './CardService'
+let preamountGen = async function (self) {
+  let calFee = ((self.model.f_preamount - 0)).toFixed(self.row.f_fee_decimal || 4)
+  if (self.model.f_payment == '赠气') {
+    calFee = (self.model.f_preamount - 0).toFixed(self.row.f_fee_decimal || 4)
+  }
+  // 通过金额进行划价
+  let getGas = await self.$CommonService.feeCalculate(self.model, calFee)
+  if (getGas.data.gas) {
+    if (self.row.f_isdecimal === '是') {
+      self.model.f_pregas = (getGas.data.gas - 0).toFixed(self.row.f_gas_decimal || 4)
+      if (self.row.f_collection_type === '按金额') {
+        self.dymoney = 0
+      } else {
+        let dymoney2 = await self.$CommonService.gasCalculate(self.model, (getGas.data.gas).toFixed(self.row.f_gas_decimal || 4))
+        self.dymoney = (getGas.data.chargenum - 0).toFixed(4) - (dymoney2.data.chargenum - 0).toFixed(self.row.f_fee_decimal || 4)
+      }
+    } else {
+      // 如果不支持小数,将划价出的多余非整数气量进行划价为金额
+      let tempnum = Math.floor(getGas.data.gas - 0)
+      let dymoney1 = await self.$CommonService.gasCalculate(self.model, (tempnum).toFixed(self.row.f_gas_decimal || 4))
+      self.dymoney = (getGas.data.chargenum - 0).toFixed(2) - (dymoney1.data.chargenum - 0).toFixed(2)
+      self.model.f_pregas = Math.floor(getGas.data.gas - 0)
+    }
+  }
+  self.model.f_totalcost = ((self.row.f_balance - 0) >= (calFee - 0) ? 0 : ((calFee - 0) - (self.row.f_balance - 0)).toFixed(self.row.f_fee_decimal || 4))
+  self.model.chargeprice = getGas.data.chargeprice
+  Object.assign(self.model, self.model, getGas.data)
+  self.model.f_totalcost = ((self.dymoney - 0) >= (self.model.f_totalcost - 0) ? 0 : (self.model.f_totalcost - 0) - (self.dymoney - 0).toFixed(self.row.f_fee_decimal || 4))
+  self.model.f_collection = self.model.f_totalcost
+  if (self.config.floor) {
+    self.model.f_collection = Math.ceil(self.model.f_collection)
+  }
+  self.model.f_preamount = (calFee - (self.dymoney - 0)).toFixed(self.row.f_fee_decimal || 4)
+  self.calText(getGas.data.chargeprice)
+  self.pricetext = getGas.data.chargeprice[0].pricetext ? getGas.data.chargeprice[0].pricetext:null
+}
+
+// 输入气量，换算金额
+let pregasGen = async function (self) {
+  if (self.row.f_isdecimal === '是') {
+    self.model.f_pregas = (self.model.f_pregas - 0).toFixed(self.row.f_gas_decimal || 4)
+  } else {
+    self.model.f_pregas = (self.model.f_pregas - 0).toFixed(0)
+  }
+  if ((self.model.f_pregas - 0) - (self.maxgas - 0) <= 0) {
+    self.model.f_meter_type = self.row.f_meter_type
+    let getAmount = await self.$CommonService.gasCalculate(self.model, self.model.f_pregas)
+    self.model.f_preamount = getAmount.data.chargenum
+    self.model.f_totalcost = ((self.row.f_balance - 0) > (getAmount.data.chargenum - 0) ? 0 : ((getAmount.data.chargenum - 0) - (self.row.f_balance - 0)).toFixed(self.row.f_fee_decimal || 4))
+    Object.assign(self.model, self.model, getAmount.data)
+    self.model.chargeprice = getAmount.data.chargeprice
+    self.model.f_collection = self.model.f_totalcost
+    if (self.config.floor) {
+      self.model.f_collection = Math.ceil(self.model.f_collection)
+    }
+    self.pricetext = getAmount.data.chargeprice[0].pricetext?getAmount.data.chargeprice[0].pricetext:null
+    self.calText(getAmount.data.chargeprice)
+  }
+}
+
+// 写卡操作
+let initCardGen = async function (self) {
+  try {
+    if (self.paymentModel.length === 0) {
+      self.paymentModel = [{
+        f_payment: self.model.f_payment[0],
+        f_money: self.model.f_preamount
+      }]
+    }
+    self.model.xiekamoney = self.model.f_preamount
+    if (self.row.f_price_type == '阶梯气价' && self.row.f_is_step == '否' && self.row.f_collection_type == '按金额') {
+      self.model.xiekamoney = (self.model.f_pregas * self.model.chargeprice[0].f_price)
+      self.model.xiekamoney = self.model.xiekamoney.toFixed(4)
+    }
+
+    self.model.payments = self.paymentModel
+    // 加入扫码盒付款码支付流水号
+    self.model.f_serial_id = self.$refs.paymentcode.paymentCodeReturnData.f_out_trade_no
+    let res = await CardService.initCard(self.model, self.row, self.cardallot)
+    let localeSustainMoney = window.localStorage.getItem('sustainMoney')
+    if (localeSustainMoney != null) {
+      localeSustainMoney = (localeSustainMoney - 0) + (self.model.f_collection - 0)
+      window.localStorage.setItem('sustainMoney', localeSustainMoney)
+    }
+    let param = []
+    for (let row of self.resid) {
+      param.push({id: row.id})
+    }
+    let data = {
+      param: param,
+      f_blobid: res.data
+    }
+
+    await self.$resetpost('rs/logic/updatefiles', data)
+
+    console.log('发卡售气返回id', res, self.model)
+    // 开始打票
+    if (self.config.hasPrint) {
+      if (self.model.f_print.indexOf('电子发票') == -1) {
+        if (self.$login.r.includes('非民用纸质票据拆分')) {
+          if (self.row.f_user_type === '非民用') {
+            self.billData.url = 'rs/report/fmy_sendCard_bill'
+          }
+        }
+        if (self.row.f_meter_type === '金额卡表' && self.$appdata.getSingleValue('金额气量区分卡表票据')) {
+          self.billData.url = 'rs/report/fee_sendCard_bill'
+        }
+        if (self.config.hasBillManage) {
+          // 启用发票管理，获取票据管理中的票号并存储记录 d
+          self.row.id = res.data.id
+          self.row.f_bill_type = '发卡售气'
+          self.row.f_bill_style = self.model.f_print[0]
+          self.print = true
+        } else {
+          self.row.id = res.data.id
+          self.print = true
+        }
+      } else {
+        if (self.model.f_print[0] === '电子发票') {
+          self.row.id = res.data.id
+          self.eticket_show = true
+          // 应铜川需要卡表显示
+          await self.$refs.eticketbill.openETicket([res.data.id], self.row, '是', self.invoice_is_pax, '发卡售气')
+
+          // await self.$CommonService.openEticket(res.data.id, '售气收费')
+          // self.row.id = res.data.id
+          // self.print = true
+        }
+      }
+    } else {
+      self.$showAlert('发卡售气成功', 'success', 2000)
+      self.$dispatch('success')
+    }
+    self.clickConfirm = false
+  } catch (error) {
+    console.log('抛出的错误。。', error)
+    self.$showAlert(error, 'danger', 0)
+    self.$dispatch('refresh')
+    self.clickConfirm = false
+  }
+}
+
+let asyncShowCardSellGas = async function (self) {
+  await self.$getConfig(self, 'ShowCardSellGas')
+  console.log('发卡售气config', self.config)
+  self.model.f_print = self.config.printType instanceof Array ? self.config.printType : [self.config.printType]
+  if (self.row.f_paper_type !== '') {
+    self.model.f_print = [self.row.f_paper_type]
+  }
+  console.log('发卡售气f_print', self.model.f_print)
+  self.model.f_payment = [self.config.payment]
+  self.mulPrint = self.config.printType instanceof Array
+
+  self.model.f_use_type = self.config.billType
+  self.model.f_bill_type = self.model.f_print
+  self.hasValidateBill = self.config.hasBillManage
+
+  // 判断限购
+  // 获取限购值
+  let limit_param = {
+    f_userinfo_id: self.row.f_userinfo_id,
+    f_user_id: self.row.f_user_id,
+    f_stairprice_id: self.row.f_stairprice_id
+  }
+  let http = new HttpResetClass()
+  let getLimit = await http.load('POST', 'rs/logic/sale_getLimitGas', {data: limit_param}, {
+    resolveMsg: null,
+    rejectMsg: '获取限购值失败！！'
+  })
+  console.log('获取限购值', getLimit)
+  self.hasLimit = getLimit.data.hasLimit
+  if (self.hasLimit) {
+    if (getLimit.data.f_limit_value || getLimit.data.f_limit_amount) {
+      if (getLimit.data.f_limit_value < 0 && getLimit.data.f_limit_amount < 0) {
+        self.$showAlert(`${getLimit.data.msg}`, 'warning', 3000)
+        self.$dispatch('refresh')
+      } else {
+        if (getLimit.data.f_limit_value) {
+          self.maxgas = (getLimit.data.f_limit_value - 0)
+          self.limitgas = true
+        }
+        if (getLimit.data.f_limit_amount) {
+          self.maxmoney = (getLimit.data.f_limit_amount - 0)
+          self.limitmoney = true
+        }
+      }
+    }
+  }
+}
+
+export default {
+  title: '发卡售气',
+  data () {
+    return {
+      serialShow: false,
+      pricetext: null,
+      resid: [],
+      config: {
+        notShowFormula: false, // 不显示计算公式,默认显示
+        calculatePreByCollection: false, // 可以更具收款来反向计算预购
+        showupload: true,  // 默认不显示上传附件
+        hasPrint: false,  // 默认打票
+        floor: true,  // 是否取整收费
+        hasBillManage: false,  // 默认不启用发票管理
+        billType: '燃气费',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
+        printType: '普通收据', // 收据/电子票/专用发票/国税发票
+        payment: '现金缴费'
+      },
+      model: {
+        f_stairprice_id: '',
+        f_payment: '',
+        f_pregas: '',
+        f_preamount: 0,
+        f_totalcost: 0,
+        f_balance: 0,
+        f_curbalance: this.f_curbalance,
+        f_collection: '',
+        chargeprice: [],
+        f_print: [],
+        f_meter_type: '',
+        f_voucher_number: '',
+        f_privilege_id: 0,
+        f_privilege_money: 0,
+        f_after_discount: 0
+      },
+      cardallot: null,
+      calculatedetail: '',
+
+      billData: {
+        url: 'rs/report/sendCard_bill',
+        bill: ''
+      },
+
+      print: false,
+
+      // 是否有限购
+      hasLimit: false,
+
+      // 启用发票管理需要对票号进行验证
+      hasValidateBill: false,
+      validateOk: false,
+      blodid: '',
+      maxgas: 99999999, // 限购
+      maxmoney: 99999999,
+      limitmoney: false,
+      limitgas: false,
+
+      clickConfirm: false,
+
+      mulPrint: false, // 控制打印格式是否可以多选
+      openFee: 0, // 是否有开卡费
+      paymentModel: [], // 多笔付款方式
+      paytype: [],
+      printstyle: this.$appdata.getParam('打印格式') ? this.$appdata.getParam('打印格式') : [],
+      privilegeList: [{label: '无优惠', value: '0'}],
+      mjshow: false,
+      // 小数是否支持,导致划价产生的多余气量,金额
+      dymoney: 0,
+      eticket_msg: false,
+      eticket_show: false,
+      invoice_is_pax: '不征税',
+      is_pax: [{label: '征税', value: '征税'}, {label: '不征税', value: '不征税'}]
+    }
+  },
+  props: ['row'],
+  ready () {
+    console.log(this.row)
+    if (this.authArr.includes('余额写卡限定')) {
+      this.paytype = [{label: '余额写卡', value: '余额写卡'}]
+    } else {
+      this.paytype = this.$appdata.getParam('付款方式') ? this.$appdata.getParam('付款方式') : []
+      if (!this.$login.r.includes('免交充值付款')) {
+        this.paytype = this.paytype.filter((item) => {
+          return item.label != '免交'
+        })
+      }
+    }
+    this.blodid = this.row.f_userinfo_id
+    this.model.f_price_id = this.row.f_price_id
+    this.model.f_user_id = this.row.f_user_id
+    this.model.f_userfiles_id = this.row.f_userfiles_id
+    this.model.f_userinfo_id = this.row.f_userinfo_id
+    this.newPhone = this.row.f_user_phone
+    if (this.row.f_collection_type == '按金额') {
+      this.model.f_totalcost = ''
+      this.model.f_pregas = 0
+    }
+
+    if (this.row.f_user_type === '民用') {
+      this.openFee = this.$appdata.getSingleValue('民用开卡费') ? this.$appdata.getSingleValue('民用开卡费') : 0
+    } else {
+      this.openFee = this.$appdata.getSingleValue('非民用开卡费') ? this.$appdata.getSingleValue('非民用开卡费') : 0
+    }
+
+    if (this.$appdata.getSingleValue('是否启用发卡管理')) {
+      this.$CardManageService.getCardNumber()
+        .then((res) => {
+          this.cardallot = Object.assign({}, this.cardallot, res.data)
+        })
+    }
+    document.getElementById('fouces').focus()
+    asyncShowCardSellGas(this)
+  },
+  events: {
+    // 删除Resid数组元素
+    'delResid' (val) {
+      this.resid.$remove({id: val, f_biobid: ''})
+      // this.resid.splice(this.resid.indexOf({id:val,f_biobid:''}),1);
+    },
+    // 增加Resid数组元素
+    'resid' (val) {
+      this.resid.push({id: val, f_biobid: ''})
+    }
+  },
+  watch: {
+    'row' (val) {
+      this.model.f_balance = val.f_balance
+    },
+    'model.f_payment.length' (val) {
+      console.log('付款方式多选。。', val)
+      if (val > 3) {
+        this.$showAlert('目前只支持三种支付方式', 'warning', 2000)
+        return
+      }
+      if (val > 1 && !this.model.f_preamount) {
+        this.model.f_payment = ['现金缴费']
+        this.$showAlert('请先计算付款金额', 'warning', 2000)
+      } else {
+        this.paymentModel = []
+        this.model.f_payment.forEach((res) => {
+          let temp = {
+            f_payment: res,
+            f_money: 0
+          }
+          this.paymentModel.push(temp)
+        })
+        this.$resetValidation()
+        // 获取计算优惠
+        this.getPrivilegeList()
+      }
+    },
+    'model.f_payment' (val) {
+      if (val == '免交') {
+        this.mjshow = true
+      } else {
+        this.mjshow = false
+      }
+    },
+    'model.f_collection' (val) {
+      // 获取计算优惠
+      this.getPrivilegeList()
+    },
+    '$v' (val) {
+    },
+    '$v': {
+      handler: function (val) {
+      },
+      deep: true
+    },
+    '$v.f_serial_number': {
+      handler: function (val) {
+      },
+      deep: true
+    },
+    '$v.f_serial_number.valid' (val) {
+    }
+  },
+  methods: {
+    // 根据收款金额计算划价信息
+    // 需要配置 calculatePreByCollection = true
+    async calculatePreByCollection () {
+      try {
+        this.model.f_collection = (this.model.f_collection - 0)
+        let calFee = ((this.model.f_collection - 0) + (this.row.f_balance)).toFixed(4)
+        // 通过收款进行划价
+        let getGas = await this.$CommonService.feeCalculate(this.model, calFee)
+        this.model.f_pregas = parseInt(getGas.data.gas)
+        let dymoney2 = await this.$CommonService.gasCalculate(this.model, this.model.f_pregas)
+        this.model.chargeprice = dymoney2.data.chargeprice
+        Object.assign(this.model, this.model, dymoney2.data)
+        this.model.f_totalcost = dymoney2.data.chargenum
+        this.model.f_preamount = dymoney2.data.chargenum
+        this.calText(dymoney2.data.chargeprice)
+      } catch (error) {
+        this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
+        this.$dispatch('error', '发卡售气', this.model, error)
+      }
+    },
+    // 校验发票信息
+    checkInvoiceMsg () {
+      console.log(this.model.f_print[0])
+      if (this.model.f_print[0] === '电子发票') {
+        if (!this.row.f_taxpayer_id) {
+          this.row.f_taxpayer_id = this.row.f_idnumber
+        }
+        if (!this.row.f_paper_name) {
+          this.row.f_paper_name = this.row.f_user_name
+        }
+        if (!this.row.f_address_phone) {
+          this.row.f_address_phone = this.row.f_address + ' ' + this.row.f_user_phone
+        }
+        if (!this.row.f_email) {
+          this.row.f_email = this.row.f_email
+        }
+        this.eticket_msg = true
+      } else {
+        this.confirm()
+      }
+    },
+    eticket_toggle () {
+      this.eticket_show = false
+      this.$dispatch('success')
+    },
+    async confirm () {
+      this.eticket_msg = false
+      if (this.$appdata.getSingleValue('开卡费')) {
+        let sql = `select od.* from t_othercharge oc
+                      left join t_othercharge_detail od on oc.id=od.f_othercharge_id
+                      where oc.f_userfiles_id = '${this.row.f_userfiles_id}' and od.f_brand_spec = '开卡费' and oc.f_state='有效'`
+        let res = await this.$resetpost('rs/logic/sqlquery', {data: {sql: sql}}, {
+          resolveMsg: null,
+          rejectMsg: '获取是否已交开卡费出错'
+        })
+        console.log('查询的结果', res)
+        if (res.data.length == 0) {
+          this.$showAlert('请注意！当前用户还未收取开卡费，请到其他收费功能进行操作', 'warning', 2000)
+          return
+        }
+      }
+      if (this.model.f_payment.length > 0 && this.model.f_payment[0] == '余额写卡') {
+        if (this.model.f_collection > this.row.f_balance) {
+          this.$showAlert('请注意！您的账户余额小于当前写卡金额,无法进行余额写卡,请修改后重试', 'warning', 1000)
+          return
+        }
+        if (this.model.f_collection > 0) {
+          this.$showAlert('请注意！进行余额写卡,收款不能大于0', 'warning', 1000)
+          return
+        }
+      }
+
+      this.clickConfirm = true
+      this.model.f_curbalance = this.curbalance
+      this.model.f_open_fee = this.openFee
+      // 用于获取卡号
+      console.log('开始发卡售气。。', this.model, this.row)
+      this.$showMessage(`对客户${this.row.f_user_name}进行发卡售气操作。请确保你已经插入了${this.row.f_meter_brand}的卡？`, ['confirm', 'cancel']).then(async (res) => {
+        if (res === 'confirm') {
+          // 先调用付款码支付组件流程
+          let ss = await this.$refs.paymentcode.flowPath()
+          this.$refs.paymentcode.paymentCodeShow = false
+          console.log('付款码操作返回', ss)
+          if (!ss.result) return
+
+          initCardGen(this)
+        } else {
+          this.$dispatch('has-button')
+          this.clickConfirm = false
+        }
+      })
+    },
+    clean () {
+      this.$info('取消操作')
+      this.$dispatch('refresh', this.row)
+    },
+    pregas () {
+      this.dymoney = 0
+      if (this.model.f_pregas && this.model.f_pregas > 0) {
+        try {
+          // 对气量进行验证
+          if ((this.row.f_topup_ceil - 0) > 0 && (this.model.f_pregas - 0) > (this.row.f_topup_ceil - 0)) {
+            this.$showAlert(`您输入的气量不能大于该表的充值上限: ${this.row.f_topup_ceil}`, 'warning', 5000)
+            this.model.f_pregas = null
+          } else {
+            pregasGen(this)
+          }
+        } catch (error) {
+          this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
+          this.$dispatch('error', '发卡售气', this.model, error)
+        }
+      } else {
+        this.model.f_pregas = 0
+      }
+    },
+    preamount () {
+      this.dymoney = 0
+      // if ((this.model.f_totalcost && this.model.f_totalcost > 0) || this.row.f_balance > 0) {
+      // if ((this.model.f_totalcost && this.model.f_totalcost > 0) || this.row.f_balance > 0) {
+      try {
+        preamountGen(this)
+      } catch (error) {
+        this.$showAlert(`发卡售气划价错误，错误类型：${error}`, 'danger', 0)
+        this.$dispatch('error', '发卡售气', this.model, error)
+      }
+      // } else {
+      //  this.model.f_totalcost = null
+      // }
+    },
+
+    validateBill (val) {
+      this.validateOk = !val.isOk
+      this.billData.bill = val.bill
+    },
+    printok () {
+      this.$dispatch('success')
+    },
+    calText (val) {
+      let str = ''
+      let num = 0
+      val.forEach((item) => {
+        if (item.f_gas > 0) {
+          num = num + 1
+        }
+        if (this.row.f_isdecimal === '是') {
+          str = str + item.f_price + ' x ' + item.f_gas + '+'
+        } else {
+          str = str + item.f_price + ' x ' + Math.floor(item.f_gas) + '+'
+        }
+      })
+      str = str.slice(0, str.length - 1)
+      this.calculatedetail = str
+      if (num > 1) {
+        if (this.$login.r.find(item => item == '阶梯提示无按钮')) {
+          this.$showAlert('友好提示：本次购气已跨阶梯', 'warning', 3000)
+        } else {
+          this.$showMessage('友好提示：本次购气已跨阶梯', ['confirm', 'cancel'])
+        }
+      }
+    },
+    close () {
+      this.showprint = false
+      this.print = false
+      this.clean()
+    },
+    // 根据选择的付款方式 获取优惠列表
+    async getPrivilegeList () {
+      // 初始化下拉选择列表
+      this.privilegeList = [{label: '无优惠', value: '0'}]
+      // 初始为无优惠
+      this.model.f_privilege_id = '0'
+      if (this.model.f_payment && this.model.f_payment.length) {
+        // 查询条件
+        let payments = JSON.stringify(this.model.f_payment)
+        payments = payments.replace('[', '(').replace(']', ')').replace(/"/g, '\'')
+        let HttpReset = new HttpResetClass()
+        let privilege = await HttpReset.load('POST', 'rs/sql/singleTable_OrderBy', {
+          data: {
+            items: 'id,f_privilege_name,f_privilege_type',
+            tablename: 't_privilege',
+            condition: `f_payment in ${payments} and f_gasproperties = '${this.row.f_gasproperties}' and f_user_type = '${this.row.f_user_type}' and f_perform_date <= GETDATE() and f_end_date >= GETDATE() and f_state = '有效'`,
+            orderitem: 'id'
+          }
+        }, {resolveMsg: null, rejectMsg: '查询优惠信息失败'})
+        // 查询结果放到下拉列表
+        for (let p of privilege.data) {
+          this.privilegeList.push({label: p.f_privilege_name, value: p.id, type: p.f_privilege_type})
+        }
+        this.privilegeCalculate()
+      }
+    },
+    // 优惠计算
+    async privilegeCalculate () {
+      // 初始化减免金额
+      this.model.f_privilege_money = 0
+      this.model.f_after_discount = this.model.f_collection
+      // 判断是否是自定义优惠
+      if (parseInt(this.model.f_privilege_id)) {
+        for (let p of this.privilegeList) {
+          if (p.value == this.model.f_privilege_id && p.type == '自定义') {
+            this.model.f_privilege_money = window.prompt('请输入你想优惠的金额')
+            if (!(/^[1-9]\d*(\.\d+)?$/).test(this.model.f_privilege_money) || !(/^[1-9]\d*(\.\d+)?$/).test(this.model.f_privilege_money)) {
+              this.$showMessage('金额输入格式不正确!')
+              this.model.f_privilege_money = 0
+              return
+            }
+            if ((this.model.f_privilege_money - 0) >= this.model.f_collection) {
+              this.$showMessage('减免金额不能大于等于收款金额')
+              this.model.f_privilege_money = 0
+              return
+            }
+          }
+        }
+      }
+      // 优惠方式, 收款 缺一不计算
+      if (this.model.f_payment && this.model.f_payment.length && parseInt(this.model.f_privilege_id) && this.model.f_collection) {
+        let c = {
+          f_privilege_id: this.model.f_privilege_id,
+          f_collection: this.model.f_collection,
+          f_privilege_money: this.model.f_privilege_money
+        }
+        let privilegeData = await this.$resetpost('rs/logic/calculatePrivilege', c, {resolveMsg: null, rejectMsg: '计算优惠金额出错'})
+        // 减免金额
+        this.model.f_privilege_money = privilegeData.data.f_privilege_money
+        // 减免后收款金额
+        this.model.f_after_discount = privilegeData.data.f_collection
+      }
+    }
+  },
+  computed: {
+    'invoice_show_gas' () {
+      return this.row.f_collection_type === '按气量' ? '是' : '否'
+    },
+    authArr () {
+      return this.$login.r ? this.$login.r : []
+    },
+    'curbalance' () {
+      if (this.model.f_payment === '赠气') {
+        return this.model.f_balance
+      }
+      if (this.config.calculatePreByCollection) {
+        return ((this.model.f_collection - 0) + (this.row.f_balance - 0) - this.model.f_preamount).toFixed(4)
+      }
+      if (this.model.f_preamount) {
+        if ((this.row.f_balance - 0) > (this.model.f_preamount - 0)) {
+          return ((this.row.f_balance - 0) - (this.model.f_preamount - 0) + (this.model.f_collection - 0)).toFixed(4)
+        } else {
+          return ((this.model.f_collection - 0) - (this.model.f_totalcost - 0)).toFixed(4)
+        }
+      } else {
+        return this.row.f_balance
+      }
+    },
+    'islegal' () {
+      if (this.paymentModel.length > 1 && this.model.f_collection) {
+        let sum = 0
+        this.paymentModel.forEach((res) => {
+          sum += (res.f_money - 0)
+        })
+
+        return (this.model.f_collection - 0) === (sum - 0)
+      } else {
+        return true
+      }
+    }
+  }
+}
+</script>
+
+
+<style>
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+</style>
+