handpos-client 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handpos-client",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "手持POS",
   "main": "src/index.js",
   "directories": {

package/src/components/garbage/GarbagePayWay.vue

@@ -1,199 +1,233 @@
-<template>
-  <div>
-    <div class="mhead">
-      <ul>
-        <li>
-          <text>垃圾费缴费</text>
-        </li>
-      </ul>
-    </div>
-    <div class="body">
-      <div class="container contentpanel auto">
-        <div class="row buypanel">
-          <div class="buyform">
-            <h3 style="color: red;">订单信息</h3>
-            <div>
-              <h4>缴费类型：垃圾费</h4>
-            </div>
-            <div>
-              <h4>账期：{{garbageInfo.accountperiod}}</h4>
-            </div>
-            <div>
-              <h4>支付金额：{{garbageInfo.money}} &nbsp;&nbsp;元</h4>
-            </div>
-          </div>
-          <div class="horizontal" height="auto">
-            <h3 style="color: red;">请选择支付方式</h3>
-            <table width="60%" border="0" cellspacing="0" cellpadding="0" align="center">
-              <tbody>
-                <tr>
-                  <td align="center" v-if='payBtn1.show' class="col-xs-4  weixin">
-                    <div @click='pay("1")'>
-                      <img :src="btn1Path" alt=""/>
-                    </div>
-                  </td>
-                  <td align="center" v-if='payBtn2.show' class="col-xs-4  alipay" >
-                    <div @click='pay("2")'>
-                      <img :src="btn2Path " alt=""/>
-                    </div>
-                  </td>
-                  <td align="center" v-if='payBtn3.show' class="col-xs-4  unionpay">
-                    <div @click='pay("3")'>
-                      <img :src="btn3Path" alt=""/>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="foot" @click="back('toMain')">
-      <text>返回</text>
-    </div>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-export default {
-  title: '选择支付方式',
-  data() {
-    return {
-      btn1Path: '',
-      btn2Path: '',
-      btn3Path: '',
-      payBtn1: {
-        show: false,
-        path: "",
-        method: "",
-        pay_way: "",
-        payment: ""
-      },
-      payBtn2: {
-        show: false,
-        path: "",
-        method: "",
-        pay_way: "",
-        payment: ""
-      },
-      payBtn3: {
-        show: false,
-        path: "",
-        method: "",
-        pay_way: "",
-        payment: ""
-      },
-      garbageInfo: {
-        accountperiod: '',
-        money: 0,
-        list: []
-      },
-      payInfo: {
-        pay_way: '',
-        f_payment: '',
-        url: '',
-        f_serial_id: ''
-      },
-      resolve: undefined,
-      reject: undefined,
-      obj: undefined
-    }
-  },
-  methods: {
-    // 格式化日期显示
-    formatDate(dateStr) {
-      if (!dateStr) return ''
-      const parts = dateStr.split('-')
-      if (parts.length === 2) {
-        return `${parts[0]}年${parts[1]}月`
-      }
-      return dateStr
-    },
-
-    back(para) {
-      this.obj.resolve(false)
-      this.$back(para)
-    },
-
-    getQR() {
-      this.obj.getQR()
-    },
-
-    async pay (str) {
-      if (!this.handClick) {
-        this.handClick = true
-
-        // 垃圾费不需要读卡验证，直接进行支付
-        if (str === '1') {
-          this.payInfo.pay_way = this.payBtn1.pay_way
-          this.payInfo.f_payment = this.payBtn1.payment
-          this.payMethod(this.payBtn1.unionPayAlias, this.payBtn1.method)
-        } else if (str === '2') {
-          this.payInfo.pay_way = this.payBtn2.pay_way
-          this.payInfo.f_payment = this.payBtn2.payment
-          this.payMethod(this.payBtn2.unionPayAlias, this.payBtn2.method)
-        } else {
-          this.payInfo.pay_way = this.payBtn3.pay_way
-          this.payInfo.f_payment = this.payBtn3.payment
-          this.payMethod(this.payBtn3.unionPayAlias, this.payBtn3.method)
-        }
-      }
-    },
-
-    payMethod(unionPayAlias, payMethod) {
-      if (payMethod === 'qrcode') {
-        this.getQR()
-      } else if (payMethod === 'card') {
-        this.cardPay(unionPayAlias)
-      } else {
-        this.$showNewMessage('提示', `未知支付方式:${payMethod}，请联系管理员`, ['confirm'], 'newmgs')
-      }
-    },
-
-    cardPay(unionPayAlias) {
-      let attach = this.obj.getAttach()
-      let money = Vue.PosUtil.yuan2fen(this.garbageInfo.money)
-      //测试环境支付金额统一改为1分
-      if (Vue.PosUtil.posParam.isTest) {
-        money = 1
-      }
-      attach.f_revenue = Vue.PosUtil.posParam.revenue
-      attach.money = money
-      try {
-        HostApp.__this__ = this
-        HostApp.pay({
-          data: attach,
-          callback: 'javascript:HostApp.__this__.toSuccess();'
-        }, unionPayAlias)
-      } catch (e) {
-        console.log('e', e)
-      }
-    },
-
-    // 垃圾费支付成功处理
-    toSuccess() {
-      this.$showNewMessage('提示', '垃圾费缴费成功！', ['confirm'], 'newmgs', () => {
-        this.$back('toMain')
-      })
-    }
-  },
-
-  ready() {
-    // 从路由参数获取垃圾费信息
-    this.garbageInfo = this.garbage
-
-    // 设置服务对象里的组件对象
-    if (this.obj) {
-      this.obj.setComponents(this)
-    }
-
-    this.payBtn1 = this.$PosUtil.posParam.PayBtn1
-    this.payBtn2 = this.$PosUtil.posParam.PayBtn2
-    this.payBtn3 = this.$PosUtil.posParam.PayBtn3
-    this.btn1Path = require(`../image/${this.payBtn1.path}`)
-    this.btn2Path = require(`../image/${this.payBtn2.path}`)
-    this.btn3Path = require(`../image/${this.payBtn3.path}`)
-  }
-}
-</script>
+<template>
+  <div>
+    <div class="mhead">
+      <ul>
+        <li>
+          <text>垃圾费缴费</text>
+        </li>
+      </ul>
+    </div>
+    <div class="body">
+      <div class="container contentpanel auto">
+        <div class="row buypanel">
+          <div class="buyform">
+            <h3 style="color: red;">订单信息</h3>
+            <div>
+              <h4>缴费类型：垃圾费</h4>
+            </div>
+            <div>
+              <h4>账期：{{garbageInfo.accountperiod}}</h4>
+            </div>
+            <div>
+              <h4>支付金额：{{garbageInfo.money}} &nbsp;&nbsp;元</h4>
+            </div>
+          </div>
+          <div class="horizontal" height="auto">
+            <h3 style="color: red;">请选择支付方式</h3>
+            <table width="60%" border="0" cellspacing="0" cellpadding="0" align="center">
+              <tbody>
+                <tr>
+                  <td align="center" v-if='payBtn1.show' class="col-xs-4  weixin">
+                    <div @click='pay("1")'>
+                      <img :src="btn1Path" alt=""/>
+                    </div>
+                  </td>
+                  <td align="center" v-if='payBtn2.show' class="col-xs-4  alipay" >
+                    <div @click='pay("2")'>
+                      <img :src="btn2Path " alt=""/>
+                    </div>
+                  </td>
+                  <td align="center" v-if='payBtn3.show' class="col-xs-4  unionpay">
+                    <div @click='pay("3")'>
+                      <img :src="btn3Path" alt=""/>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="foot" @click="back('toMain')">
+      <text>返回</text>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import * as util from '../../service/util.js'
+export default {
+  title: '选择支付方式',
+  data() {
+    return {
+      btn1Path: '',
+      btn2Path: '',
+      btn3Path: '',
+      payBtn1: {
+        show: false,
+        path: "",
+        method: "",
+        pay_way: "",
+        payment: ""
+      },
+      payBtn2: {
+        show: false,
+        path: "",
+        method: "",
+        pay_way: "",
+        payment: ""
+      },
+      payBtn3: {
+        show: false,
+        path: "",
+        method: "",
+        pay_way: "",
+        payment: ""
+      },
+      garbageInfo: {
+        accountperiod: '',
+        money: 0,
+        list: []
+      },
+      payInfo: {
+        pay_way: '',
+        f_payment: '',
+        url: '',
+        f_serial_id: ''
+      },
+      resolve: undefined,
+      reject: undefined,
+      obj: undefined
+    }
+  },
+  methods: {
+    // 格式化日期显示
+    formatDate(dateStr) {
+      if (!dateStr) return ''
+      const parts = dateStr.split('-')
+      if (parts.length === 2) {
+        return `${parts[0]}年${parts[1]}月`
+      }
+      return dateStr
+    },
+
+    back(para) {
+      this.obj.resolve(false)
+      this.$back(para)
+    },
+
+    getQR() {
+      this.obj.getQR()
+    },
+
+    async pay (str) {
+      if (!this.handClick) {
+        this.handClick = true
+
+        // 垃圾费不需要读卡验证，直接进行支付
+        if (str === '1') {
+          this.payInfo.pay_way = this.payBtn1.pay_way
+          this.payInfo.f_payment = this.payBtn1.payment
+          this.payMethod(this.payBtn1.unionPayAlias, this.payBtn1.method)
+        } else if (str === '2') {
+          this.payInfo.pay_way = this.payBtn2.pay_way
+          this.payInfo.f_payment = this.payBtn2.payment
+          this.payMethod(this.payBtn2.unionPayAlias, this.payBtn2.method)
+        } else {
+          this.payInfo.pay_way = this.payBtn3.pay_way
+          this.payInfo.f_payment = this.payBtn3.payment
+          this.payMethod(this.payBtn3.unionPayAlias, this.payBtn3.method)
+        }
+      }
+    },
+
+    payMethod(unionPayAlias, payMethod) {
+      if (payMethod === 'qrcode') {
+        this.getQR()
+      } else if (payMethod === 'card') {
+        this.cardPay(unionPayAlias)
+      } else {
+        this.$showNewMessage('提示', `未知支付方式:${payMethod}，请联系管理员`, ['confirm'], 'newmgs')
+      }
+    },
+
+    cardPay(unionPayAlias) {
+      let attach = this.obj.getAttach()
+      let money = Vue.PosUtil.yuan2fen(this.garbageInfo.money)
+      //测试环境支付金额统一改为1分
+      if (Vue.PosUtil.posParam.isTest) {
+        money = 1
+      }
+      attach.f_revenue = Vue.PosUtil.posParam.revenue
+      attach.money = money
+      try {
+        HostApp.__this__ = this
+        HostApp.pay({
+          data: attach,
+          callback: 'javascript:HostApp.__this__.toSuccess();'
+        }, unionPayAlias)
+      } catch (e) {
+        console.log('e', e)
+      }
+    },
+    print(){
+      try {
+        let num = 0.00
+        this.garbage.list.forEach(item=>{
+          num += item.f_money
+        })
+        let bigNum = util.numberToChinese(num)
+        let date = util.getDate()
+        let printContent = []
+        let textHead = {type: 3, text: '山西华新科莱天然气有限公司垃圾费收费单', fontsize: 3, isbold: true, align: 'center'}
+        printContent.push(textHead)
+        printContent.push({type: 4, value: 2, unit: 'line'})
+        printContent.push({type: 3, text: '收费日期：' + date, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '用户编号：' + this.userInfo.f_userinfo_code, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '用户姓名：' + this.userInfo.f_user_name, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '用气地址：' + this.userInfo.f_address, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '收费项目：' + '垃圾费', fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '垃圾处理费：' + num, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '实收金额(大写)：' + bigNum, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '打票时间：' + date, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 3, text: '收费员：' + Vue.user.name || Vue.PosUtil.Sn, fontsize: 2, isbold: false, align: 'left'})
+        printContent.push({type: 4, value: 4, unit: 'line'})
+        this.$AndroidPlugin.print(printContent)
+      }catch (e) {
+        this.$showNewMessage('错误', '收费打印单失败。')
+      }
+      this.$back('toMain')
+    },
+
+    // 垃圾费支付成功处理
+    toSuccess() {
+      this.$showNewMessage('错误', '垃圾费缴费成功！是否打印收费单？', ['confirm', 'cancel'], 'newmgs')
+        .then((res) => {
+          if (res === 'confirm') {
+            this.print()
+          } else {
+            this.$back('toMain')
+          }
+        })
+    }
+  },
+
+  ready() {
+    // 从路由参数获取垃圾费信息
+    this.garbageInfo = this.garbage
+
+    // 设置服务对象里的组件对象
+    if (this.obj) {
+      this.obj.setComponents(this)
+    }
+
+    this.payBtn1 = this.$PosUtil.posParam.PayBtn1
+    this.payBtn2 = this.$PosUtil.posParam.PayBtn2
+    this.payBtn3 = this.$PosUtil.posParam.PayBtn3
+    this.btn1Path = require(`../image/${this.payBtn1.path}`)
+    this.btn2Path = require(`../image/${this.payBtn2.path}`)
+    this.btn3Path = require(`../image/${this.payBtn3.path}`)
+  }
+}
+</script>

package/src/components/main/CardMain.vue

@@ -1,47 +1,47 @@
-<template>
-  <div>
-      <div class="mhead">
-        <ul>
-          <li>
-            <text>自助缴费机</text>
-          </li>
-        </ul>
-      </div>
-      <div class="body" style="background: #f0f0f0;padding: 20%;margin: 0 auto">
-        <div>
-          <h5>请插好燃气卡,等待自动读卡</h5>
-          <img src="../image/readCard.gif">
-        </div>
-      </div>
-      <div class="foot" @click="back('toMain')">
-        <text>返回</text>
-      </div>
-  </div>
-</template>
-
-<script>
-import CheckCard from '../../service/CheckCard'
-import GetCardInfo from '../../service/GetCardInfo'
-import Vue from 'vue'
-export default {
-  title: '读卡',
-  name: 'CardMain',
-  data () {
-    return {
-    }
-  },
-  methods: {
-    back(param) {
-      this.$back(param)
-    }
-  },
-  ready () {
-    // 用户进入该组件后，轮询检查卡，如果检查到卡就读卡并查询卡信息后返回用户档案
-    let service = [new CheckCard(this), new GetCardInfo(this)]
-    service = this.$PosUtil.buildLinked(service)
-    Vue.eventBack(service)
-  }
-}
-</script>
-<style>
-</style>
+<template>
+  <div>
+      <div class="mhead">
+        <ul>
+          <li>
+            <text>自助缴费机</text>
+          </li>
+        </ul>
+      </div>
+      <div class="body" style="background: #f0f0f0;padding: 20%;margin: 0 auto">
+        <div>
+          <h5>请插好燃气卡,等待自动读卡</h5>
+          <img src="../image/readCard.gif">
+        </div>
+      </div>
+      <div class="foot" @click="back('toMain')">
+        <text>返回</text>
+      </div>
+  </div>
+</template>service
+
+<script>
+import CheckCard from '../../service/CheckCard'
+import GetCardInfo from '../../service/GetCardInfo'
+import Vue from 'vue'
+export default {
+  title: '读卡',
+  name: 'CardMain',
+  data () {
+    return {
+    }
+  },
+  methods: {
+    back(param) {
+      this.$back(param)
+    }
+  },
+  ready () {
+    // 用户进入该组件后，轮询检查卡，如果检查到卡就读卡并查询卡信息后返回用户档案
+    let service = [new CheckCard(this), new GetCardInfo(this)]
+    service = this.$PosUtil.buildLinked(service)
+    Vue.eventBack(service)
+  }
+}
+</script>
+<style>
+</style>