初步增加扫码功能

This commit is contained in:
季圣华
2021-10-08 00:54:16 +08:00
parent 644b18518b
commit 39e9eeae05
2 changed files with 27 additions and 1 deletions

View File

@@ -22,6 +22,8 @@ export const BillModalMixin = {
accountIdList: [],
accountMoneyList: [],
billUnitPirce: '',
scanBarCode: '',
scanStatus: true,
spans: {
labelCol1: {span: 2},
wrapperCol1: {span: 22},
@@ -505,6 +507,16 @@ export const BillModalMixin = {
this.$nextTick(() => {
this.form.setFieldsValue({'debt':debtNew})
});
},
scanEnter() {
this.scanStatus = false
},
scanPressEnter() {
console.log(this.scanBarCode)
},
stopScan() {
this.scanStatus = true
this.scanBarCode = ''
}
}
}

View File

@@ -52,7 +52,21 @@
:actionButton="true"
@valueChange="onValueChange"
@added="onAdded"
@deleted="onDeleted" />
@deleted="onDeleted">
<template #buttonAfter>
<a-row :gutter="24">
<a-col v-if="scanStatus" :md="6" :sm="24">
<a-button @click="scanEnter">扫码录入</a-button>
</a-col>
<a-col v-if="!scanStatus" :md="16" :sm="24" style="padding: 0 6px 0 12px">
<a-input placeholder="请扫码商品条码并回车" v-model="scanBarCode" @pressEnter="scanPressEnter" />
</a-col>
<a-col v-if="!scanStatus" :md="6" :sm="24" style="padding: 0px">
<a-button @click="stopScan">收起扫码</a-button>
</a-col>
</a-row>
</template>
</j-editable-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">