123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454 |
- <template>
- <view class="content">
- <view class="body">
-
-
- <view style='margin-top:4%;display: flex;flex-direction: column;'>
- <button type='primary' class="btn" @tap='receiptTest' :loading='isReceiptSend'
- :disabled='isReceiptSend'>打印出库小票</button>
- <button type='primary' class="btn" @tap='goToList'>返回列表页</button>
-
- </view>
- <view style='margin-top:4%;display: flex;flex-direction: row;'>
-
- <canvas canvas-id='edit_area_canvas'
- :style="{width:canvasWidth+'px',height:canvasHeight+'px'}"></canvas>
- </view>
-
- {{buffSize[buffIndex]}}
- {{printNum[printNumIndex]}}
- </view>
- </view>
- </template>
- <script>
- var tsc = require("../../util/ble/tsc.js");
- var esc = require("../../util/ble/esc.js");
- var encode = require("../../util/ble/encoding.js");
- import {
- mapState
- } from 'vuex';
- export default {
- data() {
- return {
- sendContent: "",
- looptime: 0,
- currentTime: 1,
- lastData: 0,
- oneTimeData: 0,
- returnResult: "",
- canvasWidth: 180,
- canvasHeight: 180,
- imageSrc: '../../static/img/abc_ic_star_black_16dp.png',
- buffSize: [],
- buffIndex: 0,
- printNum: [],
- printNumIndex: 0,
- printerNum: 1,
- currentPrint: 1,
- isReceiptSend: false,
- isLabelSend: false,
- gridList: {}
- };
- },
- computed: mapState(['sysinfo', 'Bluetooth']),
- onLoad() {
- let that = this;
- let {
- BLEInformation
- } = that.Bluetooth;
- uni.notifyBLECharacteristicValueChange({
- deviceId: BLEInformation.deviceId,
- serviceId: BLEInformation.notifyServiceId,
- characteristicId: BLEInformation.notifyCharaterId,
- state: true,
- success(res) {
- uni.onBLECharacteristicValueChange(function(r) {
- console.log(`characteristic ${r.characteristicId} has changed, now is ${r}`)
- })
- },
- fail: function(e) {
- console.log(e)
- },
- complete: function(e) {
- console.log(e)
- }
- })
- },
- onReady() {
- let list = []
- let numList = []
- let j = 0
- for (let i = 20; i < 200; i += 10) {
- list[j] = i;
- j++
- }
- for (let i = 1; i < 10; i++) {
- numList[i - 1] = i
- }
- this.buffSize = list;
- this.oneTimeData = list[0];
- this.printNum = numList;
- this.printerNum = numList[0];
- },
- onShow() {
- this.gridList = uni.getStorageSync("exWarehousing_print")
- console.log(this.gridList)
- let that = this;
- let width;
- let height;
- uni.getImageInfo({
- src: that.imageSrc,
- success(res) {
- console.log(res.width)
- console.log(res.height)
- width = res.width
- height = res.height
- that.canvasWidth = res.width;
- that.canvasHeight = res.height;
- }
- })
- const ctx = uni.createCanvasContext("edit_area_canvas", this);
-
-
-
-
- ctx.drawImage(this.imageSrc, 0, 0, width, height);
- ctx.draw();
- },
- onUnload() {
- let that = this;
- let {
- BLEInformation
- } = that.Bluetooth;
-
-
-
-
-
-
- },
- methods: {
- goToList(){
- uni.navigateTo({
- url: '/pages/erp/index?companyId=1'
- })
- },
-
- inputEvent(e) {
- this.sendContent = e.detail.value;
- },
-
- sendData() {
- let data = this.sendContent + "\n"
- this.looptime = 0;
- var content = new encode.TextEncoder(
- 'gb18030', {
- NONSTANDARD_allowLegacyEncoding: true
- }).encode(data);
- this.prepareSend(content);
- },
-
- receiptTest() {
- var that = this;
- var canvasWidth = that.canvasWidth
- var canvasHeight = that.canvasHeight
- var command = esc.jpPrinter.createNew()
- command.init()
-
- command.bold(1);
- command.setFontSize(16);
- command.setSelectJustification(1)
-
- command.setText("出库检斤单");
- command.setPrint();
- command.rowSpace(60);
- command.bold(0);
- command.setFontSize(0);
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("时间:" + that.gridList.updateDate);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("送货单位:" + that.gridList.seller);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("收货单位:" + that.gridList.buyer);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("货名:" + that.gridList.goodsName);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("质检员:" + that.gridList.backOffice);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("毛重(吨)" + that.gridList.grossWeight);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("皮重(吨)" + that.gridList.tare);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("净重(吨)" + that.gridList.netWeight);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("运输方式:" + that.gridList.outType);
- command.setPrint();
-
- if(that.gridList.outType=="集装箱船"||taht.gridList.outType=="汽运"){
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("车牌号:" + that.gridList.carNo);
- command.setPrint();
- }else if(that.gridList.outType=="火运"){
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("车号:" + that.gridList.carNo);
- command.setPrint();
- }else if(that.gridList.outType=="散船"){
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("船名:" + that.gridList.shipName);
- command.setPrint();
- }
- if (that.gridList.outType=="集装箱船"||that.gridList.outType=="汽运") {
-
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("箱号-1:" + that.gridList.boxNo);
- command.setPrint();
-
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("箱号-2:" + that.gridList.boxNoOther);
- command.setPrint();
- }else if(that.gridList.outType=="火运"){
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("车厢号-1:" + that.gridList.wingNumber);
- command.setPrint();
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("车厢号-2:" + that.gridList.wingNumberOther);
- command.setPrint();
- }else if(that.gridList.outType=="散船"){
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("船次:" + that.gridList.shipNumber);
- command.setPrint();
- }
-
-
-
-
-
-
-
-
- command.setSelectJustification(0);
- command.setLeftMargin(30)
- command.setText("收货单位签名或盖章:");
- command.setPrintAndFeed(150);
- command.setPrintAndFeedRow(8);
- that.isReceiptSend = true;
- that.prepareSend(command.getData());
- },
-
- prepareSend(buff) {
- console.log(buff);
- let that = this
- let time = that.oneTimeData
- let looptime = parseInt(buff.length / time);
- let lastData = parseInt(buff.length % time);
- console.log(looptime + "---" + lastData)
- this.looptime = looptime + 1;
- this.lastData = lastData;
- this.currentTime = 1;
- that.Send(buff)
- },
-
- queryStatus() {
- let command = esc.jpPrinter.Query();
- command.getRealtimeStatusTransmission(1);
- },
-
- Send(buff) {
- let that = this
- let {
- currentTime,
- looptime: loopTime,
- lastData,
- oneTimeData: onTimeData,
- printerNum: printNum,
- currentPrint
- } = that;
- let buf;
- let dataView;
- if (currentTime < loopTime) {
- buf = new ArrayBuffer(onTimeData)
- dataView = new DataView(buf)
- for (var i = 0; i < onTimeData; ++i) {
- dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
- }
- } else {
- buf = new ArrayBuffer(lastData)
- dataView = new DataView(buf)
- for (var i = 0; i < lastData; ++i) {
- dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
- }
- }
- console.log("第" + currentTime + "次发送数据大小为:" + buf.byteLength)
- let {
- BLEInformation
- } = that.Bluetooth;
- plus.bluetooth.writeBLECharacteristicValue({
- deviceId: BLEInformation.deviceId,
- serviceId: BLEInformation.writeServiceId,
- characteristicId: BLEInformation.writeCharaterId,
- value: buf,
- success: function(res) {
- console.log(res)
- },
- fail: function(e) {
- console.log(e)
- },
- complete: function() {
- currentTime++
- if (currentTime <= loopTime) {
- that.currentTime = currentTime;
- that.Send(buff)
- } else {
- uni.showToast({
- title: '已打印第' + currentPrint + '张',
- })
- if (currentPrint == printNum) {
- that.looptime = 0;
- that.lastData = 0;
- that.currentTime = 1;
- that.isReceiptSend = false;
- that.isLabelSend = false;
- that.currentPrint = 1;
- } else {
- currentPrint++;
- that.currentPrint = currentPrint;
- that.currentTime = 1;
- that.Send(buff)
- }
- }
- }
- })
- },
- buffBindChange: function(res) {
- let index = res.detail.value
- let time = this.buffSize[index]
- this.buffIndex = index;
- this.oneTimeData = time;
- },
- printNumBindChange: function(res) {
- let index = res.detail.value
- let num = this.printNum[index]
- this.printNumIndex = index;
- this.printerNum = num;
- },
- }
- }
- </script>
- <style lang="less">
- .input {
- text-align: top;
- width: 90%;
- height: 150px;
- margin-left: 4%;
- margin-right: 4%;
- margin-top: 10px;
- margin-bottom: 12px;
- border: 1px solid slategray;
- }
- .receiver_info_scroll_view {
- width: 90%;
- height: 200px;
- margin-left: 4%;
- margin-right: 4%;
- margin-top: 10px;
- margin-bottom: 25px;
- border: 1px solid black;
- }
- .result {
- width: 90%;
- height: 150px;
- border: 1px solid black;
- margin-left: 4%;
- margin-bottom: 4%;
- margin-top: 5%;
- }
- button {
- width: 90%;
- margin-left: 5%;
- margin-right: 5%;
- }
- .switch {
- float: right;
- margin-right: 20px;
- margin-bottom: 16px;
- }
- text {
- color: #fff;
- display: block;
- }
- input {
- color: gainsboro;
- float: left;
- }
- .v_net_ssid {
- width: 100%;
- background: #fff;
- }
- .v_net_passw {
- width: 100%;
- background: antiquewhite;
- }
- .swiper {
- width: 100%;
- height: 100%;
- }
- .btn{
- margin-top: 50rpx;
- background: #22C572;
- }
- uni-button[loading][type=primary] {
- color: hsla(0,0%,100%,.6);
- background-color: #22C572;
- }
- </style>
|