telephone-clients 4.0.0-1-89 → 4.0.0-1-90

package/src/filiale/meihekou/android/Othercharge.vue

@@ -1,454 +1,454 @@
-<template>
-  <div style="height: auto;width: 100%">
-    <div partial>
-      <div class="row app-row">
-        <div class="col-xs-4" style="margin-top: 5px;">
-          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label class="font text-left">收费类型</label>
-        </div>
-        <div class="col-xs-8">
-          <v-select
-            placeholder='请选择'
-            :options='chargesize'
-            :value.sync="model.f_brand_spec"
-            v-model="model.f_brand_spec"
-            close-on-select
-            style="margin-bottom: 10px;"
-            width="78%"
-            value-single
-            style="margin-bottom: 15px"
-          ></v-select>
-        </div>
-      </div>
-      <!--<div class="row app-row">
-        <div class="col-xs-4" style="margin-top: 5px;">
-          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label class="font text-left">品名规格</label>
-        </div>
-        <div class="col-xs-8">
-          <v-select
-            placeholder='请选择'
-            :options='specification'
-            :value.sync="model.f_typename"
-            v-model="model.f_typename"
-            close-on-select
-            style="margin-bottom: 10px;"
-            width="78%"
-            value-single
-          ></v-select>
-        </div>
-      </div>
-      <div class="row app-row">
-        <div class="col-xs-4" style="margin-top: 5px;">
-          <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">
-          <v-select
-            placeholder='请选择'
-            :options='modeltype'
-            :value.sync="model.f_typenumber"
-            v-model="model.f_typenumber"
-            close-on-select
-            style="margin-bottom: 10px;"
-            width="78%"
-            value-single
-          ></v-select>
-        </div>
-      </div>-->
-      <div class="row app-row">
-        <div class="col-xs-4" style="margin-top: 5px;">
-          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label class="font text-left">收款方式</label>
-        </div>
-        <div class="col-xs-8">
-          <v-select
-            placeholder='请选择'
-            :options='paytype'
-            :value.sync="model.f_payment"
-            v-model="model.f_payment"
-            close-on-select
-            style="margin-bottom: 10px;"
-            width="78%"
-            value-single
-            style="margin-bottom: 15px"
-          ></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">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价</label>
-        </div>
-        <div class="col-xs-8">
-          <input type="number"   class ="search_input input-font" v-model="model.f_unitprice" />
-        </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">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
-        </div>
-        <div class="col-xs-8">
-          <input type="number"   class ="search_input input-font" v-model="model.f_number" />
-        </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">&nbsp;收&emsp;&emsp;款</label>
-        </div>
-        <div class="col-xs-8">
-          <input type="number" class ="search_input input-font" v-model="model.f_collection" />
-        </div>
-      </div>
-
-      <div class="row app-row">
-        <div class="col-xs-4" style="margin-top: 5px;">
-          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label class="font text-left">&nbsp;备&emsp;&emsp;注</label>
-        </div>
-        <div class="clo-xs-8">
-          <input type="text" class ="search_input input-font" v-model="model.f_comments" rows="1"
-                 placeholder="备注">
-        </div>
-      </div>
-      <!--<div class="row app-row">
-        <label class="font text-left">付款方式</label>
-      </div>-->
-      <div class="row text-center" style="margin-top: 25px;">
-        <button type="button" id="determine" class="btn btn-lg btn-font btn-color" style="width: 28%;border-radius: 5px" :disabled="isDetermine" @click="confirm()">确认</button>
-        <!--<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="clean()">取消</button>-->
-      </div>
-    </div>
-
-
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from "vue-client";
-
-export default {
-  title: "购气缴费",
-  prop:['row'],
-
-  data() {
-    return {
-      isDetermine:false,
-      paytype: [{label: "现金缴费", value: "现金缴费"}, {label: "建行支付", value: "建行支付"}],
-      specification: [{label: "规格1", value: "规格1"}, {label: "规格2", value: "规格2"}], // 规格
-      modeltype: [{label: "型号1", value: "型号1"}, {label: "型号2", value: "型号2"}], // 型号
-      chargesize: [{label: "三通费", value: "三通费"}, {label: "报警器", value: "报警器"}, {label: "材料费", value: "材料费"}, {label: "其他费用", value: "其他费用"}],
-      shuclass: 'col-xs-12 col-sm-12 col-md-12 form-input-group mg8 css_div',
-      model: {
-        f_unitprice: 0,
-        f_number: 0,
-        f_collection: 0,//付款额
-        f_brand_spec: '',// 类型
-        f_typename: '',// 品名
-        f_typenumber: '',// 型号
-        f_comments: '',
-        f_payment: '建行支付',
-        f_serial_id: ''// 流水号
-      },
-      filiale: '' // 支付的分公司
-
-    }
-  },
-  computed: {
-
-  },
-  ready() {
-    //tag
-    this.paytype = this.$appdata.getParam('支付方式')
-    this.chargesize = this.$appdata.getParam('其他收费类型')
-    // this.row = { f_user_id:'1001',f_userfiles_id:'1002',f_userinfo_id:'1003'}
-    //tag)
-    //tag)
-    this.model.f_userfiles_id = this.row.f_userfiles_id
-    this.model.f_userinfo_code = this.row.f_userinfo_code
-    this.model.f_filialeids = `('${this.row.f_filialeid}')`
-    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 = 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
-  },
-  methods: {
-    myverify () {
-      let flag = false
-      if (!this.model.f_brand_spec || this.model.f_brand_spec == '' ) {
-        this.$showMessage('请选择收费类型')
-        return flag
-      }
-      /*if (!this.model.f_typename || this.model.f_typename == '' ) {
-        this.$showMessage('请选择收费品名')
-        return flag
-      }
-      if (!this.model.f_typenumber || this.model.f_typenumber == '' ) {
-        this.$showMessage('请选择收费型号')
-        return flag
-      }*/
-      if (!this.model.f_unitprice || this.model.f_unitprice <= 0 ) {
-        this.$showMessage('单价异常！')
-        return flag
-      }
-      if (!this.model.f_number || this.model.f_number <= 0 ) {
-        this.$showMessage('数量异常！')
-        return flag
-      }
-      if (!this.model.f_collection || this.model.f_collection <= 0 ) {
-        this.$showMessage('收款异常！')
-        return flag
-      }
-      if (!this.model.f_payment || this.model.f_payment == '' ) {
-        this.$showMessage('请选择收费类型！')
-        return flag
-      }
-      flag = true
-      return flag
-    },
-    f_collection() {
-      //tag;
-      //tag;
-      return this.model.f_collection = this.model.f_number * this.model.f_unitprice;
-    },
-    async confirm() {
-      //tag
-      if (this.myverify()) {
-        this.$showMessage(`确定对客户${this.row.f_user_name}进行其他收费吗？`, ['confirm', 'cancel']).then(async (res) => {
-          if (res === 'confirm') {
-            if (this.model.f_payment == '建行支付') {
-              this.isDetermine = true
-              // 去支付界面
-              let _this = this
-              let pardate = {
-                _this: _this,
-                title: '二维码收款',
-                safe: true
-              }
-              _this.$dispatch('gotoson', pardate)
-              //tag
-              let parameter = {
-                model:this.model,
-                money: this.model.f_collection
-              }
-              //tag)
-              _this.$goto('create_qrcode', {row: parameter}, 'self', _this.payback)
-            } else if (this.model.f_payment == '现金支付') {
-              this.isDetermine = true
-              //tag
-              this.saveCharges()
-
-            } else {
-              //tag
-              this.$showMessage(`暂不支持${this.model.f_payment}`)
-            }
-          }
-        })
-      }
-
-
-    },
-    payback(msg) {
-      //tag
-      //tag
-      if (msg) {
-        //tag
-        this.model.f_serial_id =  msg.f_serial_id
-        this.saveCharges()
-      }else {
-        //tag
-        this.$showMessage('支付失败！')
-      }
-    },
-    saveCharges () {
-      //tag
-      //tag
-      let data = {
-        f_userfiles_id: this.row.f_userfiles_id, // id
-        f_user_id: this.row.f_user_id,
-        f_userinfo_id: this.row.f_userinfo_id,
-        f_collection: this.model.f_collection,
-        f_comments: this.model.f_comments,
-        f_payment: this.model.f_payment,
-        f_user_name: this.row.f_user_name,
-        f_depname: Vue.user.deps,
-        f_depid : Vue.user.depids,
-        f_orgid : Vue.user.orgid,
-        f_orgname : Vue.user.orgs,
-        f_operator: Vue.user.name,
-        f_operatorid: Vue.user.id,
-        otherdetail: [
-          {
-            f_brand_spec: this.model.f_brand_spec, // 类型
-            f_typename: this.model.f_typename.name, //规格
-            f_typenumber: this.model.f_typenumber.name, //型号
-            f_number: this.model.f_number, //数量
-            f_unitprice: this.model.f_unitprice //单价
-          }
-        ]
-      }
-      //tag)
-      let http4 = new HttpResetClass()
-      // http4.load('POST',`/af-telephone/rs/logic/wxthirdothercharge`, data, {}
-      http4.load('POST',`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/wxthirdothercharge`, data, {}
-      ).then(res => {
-        //tag
-        //tag)
-        if (res) {
-          this.$showMessage('其他收费成功！是否打印小票？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              this.PrintReceipt()
-            }else {
-              this.$dispatch('confirm')
-            }
-          })
-        }else {
-          this.$showMessage('购气缴费失败!!!')
-          // 是否进行退费
-        }
-      })
-    },
-    PrintReceipt() {
-      //tag
-      // 清空打印内容
-      let printContent = []
-      // 抬头
-      var comName = '梅河口天然气'
-      printContent.push({type: 3, text: comName, fontsize: 3, isbold: true, align: 'center'})
-      printContent.push({type: 3, text: '手 持 POS 其 他 收 费 凭 证', fontsize: 3, isbold: true, align: 'center'})
-      printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
-      // 小票信息
-      printContent.push({type: 3, text: '用户编号：' + this.row.f_userinfo_code, 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'})
-      printContent.push({type: 3, text: '收费类型：'+ this.model.f_brand_spec , 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'})
-      printContent.push({type: 3, text: '操作员：' + Vue.user.name, 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
-            let print2 = HostApp.print(JSON.stringify(printContent))
-            if (print2.code === 200) {
-              this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
-                if (res === 'confirm') {
-                  //tag
-                  this.$dispatch('confirm')
-                }
-              })
-            }else {
-              this.$showMessage('打印失败')
-            }
-          }else {
-            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('打印成功！是否二次打印？', ['confirm', 'cancel']).then((res) => {
-                if (res === 'confirm') {
-                  //tag
-                  let print2 = HostApp.print(JSON.stringify(printContent))
-                  if (print2.code === 200) {
-                    this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
-                      if (res === 'confirm') {
-                        //tag
-                        this.$dispatch('confirm')
-                      }
-                    })
-                  }else {
-                    this.$showMessage('打印失败')
-                  }
-                }else {
-                  this.$dispatch('confirm')
-                }
-              })
-            }else {
-              this.$showMessage('打印失败！请检查POS纸张、电池电量！')
-            }
-          }
-        })
-      }
-    },
-    clean() {
-      //tag
-      this.model.f_brand_spec = '请选择';
-      this.model.f_payment = '微信支付';
-      this.model.f_number = '';
-      this.model.f_unitprice = '';
-      this.model.f_collection = '';
-      this.model.f_comments = '';
-    },
-  },
-  watch: {
-    'model.f_number' (val) {
-      if (val) {
-        //tag;
-        //tag;
-        this.model.f_collection = this.model.f_number * this.model.f_unitprice;
-      }
-    },
-    'model.f_unitprice' (val) {
-      if (val) {
-        //tag;
-        //tag;
-        this.model.f_collection = this.model.f_number * this.model.f_unitprice;
-      }
-    }
-  }
-}
-
-</script>
-
-<style scoped>
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
-}
-.search_input {
-  border: 0;
-  outline: none;
-}
-.font{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-.input-font{
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
-.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%">
+    <div partial>
+      <div class="row app-row">
+        <div class="col-xs-4" style="margin-top: 5px;">
+          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label class="font text-left">收费类型</label>
+        </div>
+        <div class="col-xs-8">
+          <v-select
+            placeholder='请选择'
+            :options='chargesize'
+            :value.sync="model.f_brand_spec"
+            v-model="model.f_brand_spec"
+            close-on-select
+            style="margin-bottom: 10px;"
+            width="78%"
+            value-single
+            style="margin-bottom: 15px"
+          ></v-select>
+        </div>
+      </div>
+      <!--<div class="row app-row">
+        <div class="col-xs-4" style="margin-top: 5px;">
+          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label class="font text-left">品名规格</label>
+        </div>
+        <div class="col-xs-8">
+          <v-select
+            placeholder='请选择'
+            :options='specification'
+            :value.sync="model.f_typename"
+            v-model="model.f_typename"
+            close-on-select
+            style="margin-bottom: 10px;"
+            width="78%"
+            value-single
+          ></v-select>
+        </div>
+      </div>
+      <div class="row app-row">
+        <div class="col-xs-4" style="margin-top: 5px;">
+          <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">
+          <v-select
+            placeholder='请选择'
+            :options='modeltype'
+            :value.sync="model.f_typenumber"
+            v-model="model.f_typenumber"
+            close-on-select
+            style="margin-bottom: 10px;"
+            width="78%"
+            value-single
+          ></v-select>
+        </div>
+      </div>-->
+      <div class="row app-row">
+        <div class="col-xs-4" style="margin-top: 5px;">
+          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label class="font text-left">收款方式</label>
+        </div>
+        <div class="col-xs-8">
+          <v-select
+            placeholder='请选择'
+            :options='paytype'
+            :value.sync="model.f_payment"
+            v-model="model.f_payment"
+            close-on-select
+            style="margin-bottom: 10px;"
+            width="78%"
+            value-single
+            style="margin-bottom: 15px"
+          ></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">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="number"   class ="search_input input-font" v-model="model.f_unitprice" />
+        </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">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="number"   class ="search_input input-font" v-model="model.f_number" />
+        </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">&nbsp;收&emsp;&emsp;款</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="number" class ="search_input input-font" v-model="model.f_collection" />
+        </div>
+      </div>
+
+      <div class="row app-row">
+        <div class="col-xs-4" style="margin-top: 5px;">
+          <img src="../../../assets/购气缴费.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label class="font text-left">&nbsp;备&emsp;&emsp;注</label>
+        </div>
+        <div class="clo-xs-8">
+          <input type="text" class ="search_input input-font" v-model="model.f_comments" rows="1"
+                 placeholder="备注">
+        </div>
+      </div>
+      <!--<div class="row app-row">
+        <label class="font text-left">付款方式</label>
+      </div>-->
+      <div class="row text-center" style="margin-top: 25px;">
+        <button type="button" id="determine" class="btn btn-lg btn-font btn-color" style="width: 28%;border-radius: 5px" :disabled="isDetermine" @click="confirm()">确认</button>
+        <!--<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="clean()">取消</button>-->
+      </div>
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from "vue-client";
+
+export default {
+  title: "购气缴费",
+  prop:['row'],
+
+  data() {
+    return {
+      isDetermine:false,
+      paytype: [{label: "现金缴费", value: "现金缴费"}, {label: "建行支付", value: "建行支付"}],
+      specification: [{label: "规格1", value: "规格1"}, {label: "规格2", value: "规格2"}], // 规格
+      modeltype: [{label: "型号1", value: "型号1"}, {label: "型号2", value: "型号2"}], // 型号
+      chargesize: [{label: "三通费", value: "三通费"}, {label: "报警器", value: "报警器"}, {label: "材料费", value: "材料费"}, {label: "其他费用", value: "其他费用"}],
+      shuclass: 'col-xs-12 col-sm-12 col-md-12 form-input-group mg8 css_div',
+      model: {
+        f_unitprice: 0,
+        f_number: 0,
+        f_collection: 0,//付款额
+        f_brand_spec: '',// 类型
+        f_typename: '',// 品名
+        f_typenumber: '',// 型号
+        f_comments: '',
+        f_payment: '建行支付',
+        f_serial_id: ''// 流水号
+      },
+      filiale: '' // 支付的分公司
+
+    }
+  },
+  computed: {
+
+  },
+  ready() {
+    //tag
+    this.paytype = this.$appdata.getParam('支付方式')
+    this.chargesize = this.$appdata.getParam('其他收费类型')
+    // this.row = { f_user_id:'1001',f_userfiles_id:'1002',f_userinfo_id:'1003'}
+    //tag)
+    //tag)
+    this.model.f_userfiles_id = this.row.f_userfiles_id
+    this.model.f_userinfo_code = this.row.f_userinfo_code
+    this.model.f_filialeids = `('${this.row.f_filialeid}')`
+    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 = 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
+  },
+  methods: {
+    myverify () {
+      let flag = false
+      if (!this.model.f_brand_spec || this.model.f_brand_spec == '' ) {
+        this.$showMessage('请选择收费类型')
+        return flag
+      }
+      /*if (!this.model.f_typename || this.model.f_typename == '' ) {
+        this.$showMessage('请选择收费品名')
+        return flag
+      }
+      if (!this.model.f_typenumber || this.model.f_typenumber == '' ) {
+        this.$showMessage('请选择收费型号')
+        return flag
+      }*/
+      if (!this.model.f_unitprice || this.model.f_unitprice <= 0 ) {
+        this.$showMessage('单价异常！')
+        return flag
+      }
+      if (!this.model.f_number || this.model.f_number <= 0 ) {
+        this.$showMessage('数量异常！')
+        return flag
+      }
+      if (!this.model.f_collection || this.model.f_collection <= 0 ) {
+        this.$showMessage('收款异常！')
+        return flag
+      }
+      if (!this.model.f_payment || this.model.f_payment == '' ) {
+        this.$showMessage('请选择收费类型！')
+        return flag
+      }
+      flag = true
+      return flag
+    },
+    f_collection() {
+      //tag;
+      //tag;
+      return this.model.f_collection = this.model.f_number * this.model.f_unitprice;
+    },
+    async confirm() {
+      //tag
+      if (this.myverify()) {
+        this.$showMessage(`确定对客户${this.row.f_user_name}进行其他收费吗？`, ['confirm', 'cancel']).then(async (res) => {
+          if (res === 'confirm') {
+            if (this.model.f_payment == '建行支付') {
+              this.isDetermine = true
+              // 去支付界面
+              let _this = this
+              let pardate = {
+                _this: _this,
+                title: '二维码收款',
+                safe: true
+              }
+              _this.$dispatch('gotoson', pardate)
+              //tag
+              let parameter = {
+                model:this.model,
+                money: this.model.f_collection
+              }
+              //tag)
+              _this.$goto('create_qrcode', {row: parameter}, 'self', _this.payback)
+            } else if (this.model.f_payment == '现金支付') {
+              this.isDetermine = true
+              //tag
+              this.saveCharges()
+
+            } else {
+              //tag
+              this.$showMessage(`暂不支持${this.model.f_payment}`)
+            }
+          }
+        })
+      }
+
+
+    },
+    payback(msg) {
+      //tag
+      //tag
+      if (msg) {
+        //tag
+        this.model.f_serial_id =  msg.f_serial_id
+        this.saveCharges()
+      }else {
+        //tag
+        this.$showMessage('支付失败！')
+      }
+    },
+    saveCharges () {
+      //tag
+      //tag
+      let data = {
+        f_userfiles_id: this.row.f_userfiles_id, // id
+        f_user_id: this.row.f_user_id,
+        f_userinfo_id: this.row.f_userinfo_id,
+        f_collection: this.model.f_collection,
+        f_comments: this.model.f_comments,
+        f_payment: this.model.f_payment,
+        f_user_name: this.row.f_user_name,
+        f_depname: Vue.user.deps,
+        f_depid : Vue.user.depids,
+        f_orgid : Vue.user.orgid,
+        f_orgname : Vue.user.orgs,
+        f_operator: Vue.user.name,
+        f_operatorid: Vue.user.id,
+        otherdetail: [
+          {
+            f_brand_spec: this.model.f_brand_spec, // 类型
+            f_typename: this.model.f_typename.name, //规格
+            f_typenumber: this.model.f_typenumber.name, //型号
+            f_number: this.model.f_number, //数量
+            f_unitprice: this.model.f_unitprice //单价
+          }
+        ]
+      }
+      //tag)
+      let http4 = new HttpResetClass()
+      // http4.load('POST',`/af-telephone/rs/logic/wxthirdothercharge`, data, {}
+      http4.load('POST',`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/wxthirdothercharge`, data, {}
+      ).then(res => {
+        //tag
+        //tag)
+        if (res) {
+          this.$showMessage('其他收费成功！是否打印小票？', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              this.PrintReceipt()
+            }else {
+              this.$dispatch('confirm')
+            }
+          })
+        }else {
+          this.$showMessage('购气缴费失败!!!')
+          // 是否进行退费
+        }
+      })
+    },
+    PrintReceipt() {
+      //tag
+      // 清空打印内容
+      let printContent = []
+      // 抬头
+      var comName = '梅河口天然气'
+      printContent.push({type: 3, text: comName, fontsize: 3, isbold: true, align: 'center'})
+      printContent.push({type: 3, text: '手 持 POS 其 他 收 费 凭 证', fontsize: 3, isbold: true, align: 'center'})
+      printContent.push({type: 3, text: '----------------------------', fontsize: 3, isbold: true, align: 'center'})
+      // 小票信息
+      printContent.push({type: 3, text: '用户编号：' + this.row.f_userinfo_code, 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'})
+      printContent.push({type: 3, text: '收费类型：'+ this.model.f_brand_spec , 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'})
+      printContent.push({type: 3, text: '操作员：' + Vue.user.name, 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
+            let print2 = HostApp.print(JSON.stringify(printContent))
+            if (print2.code === 200) {
+              this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
+                if (res === 'confirm') {
+                  //tag
+                  this.$dispatch('confirm')
+                }
+              })
+            }else {
+              this.$showMessage('打印失败')
+            }
+          }else {
+            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('打印成功！是否二次打印？', ['confirm', 'cancel']).then((res) => {
+                if (res === 'confirm') {
+                  //tag
+                  let print2 = HostApp.print(JSON.stringify(printContent))
+                  if (print2.code === 200) {
+                    this.$showMessage('打印成功！是否返回上一层？', ['confirm', 'cancel']).then((res) => {
+                      if (res === 'confirm') {
+                        //tag
+                        this.$dispatch('confirm')
+                      }
+                    })
+                  }else {
+                    this.$showMessage('打印失败')
+                  }
+                }else {
+                  this.$dispatch('confirm')
+                }
+              })
+            }else {
+              this.$showMessage('打印失败！请检查POS纸张、电池电量！')
+            }
+          }
+        })
+      }
+    },
+    clean() {
+      //tag
+      this.model.f_brand_spec = '请选择';
+      this.model.f_payment = '微信支付';
+      this.model.f_number = '';
+      this.model.f_unitprice = '';
+      this.model.f_collection = '';
+      this.model.f_comments = '';
+    },
+  },
+  watch: {
+    'model.f_number' (val) {
+      if (val) {
+        //tag;
+        //tag;
+        this.model.f_collection = this.model.f_number * this.model.f_unitprice;
+      }
+    },
+    'model.f_unitprice' (val) {
+      if (val) {
+        //tag;
+        //tag;
+        this.model.f_collection = this.model.f_number * this.model.f_unitprice;
+      }
+    }
+  }
+}
+
+</script>
+
+<style scoped>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+</style>
+