|
|
|
|
@ -181,20 +181,28 @@
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
<el-col :span="3">
|
|
|
|
|
<div class="ao-text">
|
|
|
|
|
<span>条码：</span>
|
|
|
|
|
|
|
|
|
|
<el-link
|
|
|
|
|
@click.native.stop="scanChange()"
|
|
|
|
|
target="_blank">{{ scanText }}
|
|
|
|
|
</el-link>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="16">
|
|
|
|
|
<el-form-item prop="code">
|
|
|
|
|
<el-input
|
|
|
|
|
v-if="!isScan"
|
|
|
|
|
@focus="getInputFocus($event)"
|
|
|
|
|
@keypress.enter.native="enterKey($event)"
|
|
|
|
|
v-model="formData.code"
|
|
|
|
|
ref='inputRef'
|
|
|
|
|
id="inputer"
|
|
|
|
|
v-model="formData.code"
|
|
|
|
|
></el-input>
|
|
|
|
|
<div id="inputer" tabindex="0" v-if="isScan"></div>
|
|
|
|
|
|
|
|
|
|
<!-- <input type="text" id="inputer" ime-mode="disabled" tabindex="0">-->
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="2">
|
|
|
|
|
@ -210,6 +218,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- <div>-->
|
|
|
|
|
<!-- <input type="text" id="inputer" ime-mode="disabled" tabindex="0" >-->
|
|
|
|
|
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div id="inputer" tabindex="0"></div>-->
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="16" style="margin-left: 40px">
|
|
|
|
|
<el-checkbox v-model="sitcomScan">分段扫码</el-checkbox>
|
|
|
|
|
@ -218,8 +231,6 @@
|
|
|
|
|
<div class="text item" style="margin-left: 30px"> 条码数量：{{ total }}
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-table v-loading="loading" :data="codeArray" style="width: 100%;" max-height="350" height="350"
|
|
|
|
|
:row-style="rowStyle"
|
|
|
|
|
@ -382,6 +393,8 @@ export default {
|
|
|
|
|
{required: true, message: "请输入条码", trigger: "blur"}
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
isScan: true,
|
|
|
|
|
scanText: "扫码录入：",
|
|
|
|
|
corpOrderIdDisabled: false,
|
|
|
|
|
codeArray: [],
|
|
|
|
|
total: 0,
|
|
|
|
|
@ -478,7 +491,10 @@ export default {
|
|
|
|
|
this.formData.corpOrderId = this.formData.corpOrderId.trim();
|
|
|
|
|
this.actionEnable = true;
|
|
|
|
|
if (event == null) {
|
|
|
|
|
this.$refs.inputRef.focus();
|
|
|
|
|
// this.$refs.inputRef.focus();
|
|
|
|
|
var inputer = document.getElementById("inputer");
|
|
|
|
|
this.formData.code = inputer.innerText.replace("\r", "");
|
|
|
|
|
inputer.focus();
|
|
|
|
|
} else event.target.select();
|
|
|
|
|
if (this.$isBlank(this.formData.action)) {
|
|
|
|
|
this.$message.warning("请选择单据类型！");
|
|
|
|
|
@ -607,6 +623,16 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
scanChange() {
|
|
|
|
|
this.isScan = !this.isScan;
|
|
|
|
|
if (this.isScan) {
|
|
|
|
|
this.scanText = "扫码录入：";
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
this.scanText = "手动录入：";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
unitChange(row) {
|
|
|
|
|
console.log(row);
|
|
|
|
|
this.formData.fromCorpId = row.erpId;
|
|
|
|
|
@ -644,6 +670,8 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
getInputFocus(event) {
|
|
|
|
|
event.currentTarget.select();
|
|
|
|
|
// var inputer = document.getElementById("inputer");
|
|
|
|
|
// inputer.focus();
|
|
|
|
|
},
|
|
|
|
|
tableSelection() {
|
|
|
|
|
this.$refs.multipleTable.clearSelection();
|
|
|
|
|
@ -884,13 +912,24 @@ export default {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
};
|
|
|
|
|
var that = this;
|
|
|
|
|
var inputer = document.getElementById("inputer");
|
|
|
|
|
window.sc = new A.KeyScaner(inputer);//传入要监听的DOM节点
|
|
|
|
|
sc.onInput = function (text) {
|
|
|
|
|
//onInput事件在检测到回车键按下或在连续输入后超过500ms没有继续输入时触发
|
|
|
|
|
inputer.innerText += (text + "\n");
|
|
|
|
|
console.log("--------" + text);
|
|
|
|
|
// this.formData.code =
|
|
|
|
|
if (text.includes("delete")) {
|
|
|
|
|
inputer.innerText = "";
|
|
|
|
|
that.formData.code = "";
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (that.sitcomScan) {
|
|
|
|
|
inputer.innerText = inputer.innerText + text;//.replace("\r", "")
|
|
|
|
|
console.log(" inputer.innerText：" + inputer.innerText);
|
|
|
|
|
} else {
|
|
|
|
|
inputer.innerText = text;
|
|
|
|
|
that.formData.code = inputer.innerText;
|
|
|
|
|
that.addCode(null);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
inputer.focus();//别忘了给要监听的节点放置焦点，如果是div一类默认不具备焦点的节点需要给它加上“tabindex”属性。不建议传入document、Body等全局节点，可能会影响其它输入控件的流畅性。
|
|
|
|
|
|
|
|
|
|
@ -951,6 +990,31 @@ export default {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#inputer {
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: 30px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
border: #d0d0d0;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 0.1px;
|
|
|
|
|
color: #4a4a4a;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#inputer:focus {
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: 30px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
border: #0080FF;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 0.1px;
|
|
|
|
|
color: #4a4a4a;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ime-disabled {
|
|
|
|
|
ime-mode: disabled;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
anthonywj
3 years ago