| | |
| | | |
| | | <el-form-item label="æçæ¡ç :"> |
| | | <el-input v-model="form.palletCode" placeholder="è¯·æ«æ/è¾å
¥æçæ¡ç " @keyup.enter="submit" @keyup.13="submit" |
| | | clearable maxlength="50" @paste="handlePaste" @input="handleInput" /> |
| | | clearable maxlength="50" @paste="handlePaste" @input="handleInput" ref="boxCodeInput" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </template> |
| | |
| | | open() { |
| | | this.show = true |
| | | this.getData(); |
| | | this.$nextTick(() => { |
| | | this.focusInput() |
| | | }) |
| | | }, |
| | | |
| | | async getData() { |
| | |
| | | async submit() { |
| | | if (!this.form.palletCode) { |
| | | this.$message.warning('请è¾å
¥æçæ¡ç ') |
| | | this.focusInput() |
| | | return |
| | | } |
| | | |
| | |
| | | ) |
| | | |
| | | if (status) { |
| | | this.$message.success("ç»çæå") |
| | | this.show = false |
| | | this.$emit('refresh') |
| | | this.$message.success("ç»çæå"); |
| | | // æ¸
空è¾å
¥æ¡æ°æ® |
| | | this.form.palletCode = ''; |
| | | // èç¦å¹¶éä¸è¾å
¥æ¡ |
| | | this.focusAndSelectInput(); |
| | | } else { |
| | | this.$message.error(message || 'æä½å¤±è´¥') |
| | | this.$message.error(message || 'æä½å¤±è´¥'); |
| | | // 失败æ¶ä¸æ¸
çæ°æ®ï¼ä½èç¦å¹¶éä¸è¾å
¥æ¡ï¼æ¹ä¾¿ä¿®æ¹ |
| | | this.focusAndSelectInput(); |
| | | } |
| | | } catch (error) { |
| | | this.$message.error('请æ±å¼å¸¸') |
| | | this.$message.error('请æ±å¼å¸¸'); |
| | | // å¼å¸¸æ¶ä¹ä¸æ¸
çæ°æ® |
| | | this.focusAndSelectInput(); |
| | | } |
| | | }, |
| | | |
| | |
| | | handlePaste(e) { |
| | | // ç²è´´æ¶èªå¨æäº¤ |
| | | setTimeout(this.submit, 100) |
| | | }, |
| | | |
| | | // èç¦å¹¶éä¸è¾å
¥æ¡ |
| | | focusAndSelectInput() { |
| | | this.$nextTick(() => { |
| | | setTimeout(() => { |
| | | const inputRef = this.$refs.boxCodeInput; |
| | | if (inputRef) { |
| | | // Element Plus/Element UI çå¤çæ¹å¼ |
| | | const inputEl = inputRef.$el ? inputRef.$el.querySelector('input') : inputRef; |
| | | if (inputEl) { |
| | | inputEl.focus(); |
| | | inputEl.select(); |
| | | } |
| | | } |
| | | }, 100); |
| | | }); |
| | | }, |
| | | |
| | | // åªèç¦è¾å
¥æ¡ï¼ä¸æ¸
ç©ºæ°æ®ï¼ |
| | | focusInput() { |
| | | this.$nextTick(() => { |
| | | const inputRef = this.$refs.boxCodeInput; |
| | | if (inputRef) { |
| | | const inputEl = inputRef.$el ? inputRef.$el.querySelector('input') : inputRef; |
| | | inputEl?.focus(); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // æ¸
ç©ºè¡¨åæ°æ® |
| | | clearForm() { |
| | | this.form.palletCode = ''; |
| | | // 䏿¸
空 locationTypeï¼ä¿æåºåéæ© |
| | | } |
| | | }, |
| | | watch: { |
| | | show(val) { |
| | | if (val) { |
| | | this.$nextTick(() => { |
| | | this.focusInput() |
| | | }) |
| | | } else { |
| | | // å
³éå¼¹çªæ¶æ¸
空表å |
| | | this.clearForm(); |
| | | } |
| | | } |
| | | } |
| | | } |