| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-card class="box-card" style="height: 60px" > |
| | | <template> |
| | | <div class="container" type="flex" justify="center" style="text-align:center"> |
| | | <el-divider><span style="font-size:30px;color:black"><strong>平衡轴扫码上线</strong></span></el-divider> |
| | | </div> |
| | | </template> |
| | | </el-card> |
| | | <el-row :gutter="3"> |
| | | <el-col :span="6"> |
| | | <el-card shadow="always" class="boxSize"> |
| | |
| | | /* left: 50px; !* 设置距离页面左侧的位置 *!*/ |
| | | /*}*/ |
| | | </style> |
| | | |
| | | <!--<template>--> |
| | | <!-- <div>--> |
| | | <!-- <div--> |
| | | <!-- v-for="(scanCode, index) in scanCodes"--> |
| | | <!-- :key="index"--> |
| | | <!-- >--> |
| | | <!-- <input--> |
| | | <!-- :ref="`scanCodeInput${index}`"--> |
| | | <!-- type="text"--> |
| | | <!-- @input="handleScanCodeInput(index, $event)"--> |
| | | <!-- />--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!--</template>--> |
| | | |
| | | <!--<script>--> |
| | | <!--export default {--> |
| | | <!-- data() {--> |
| | | <!-- return {--> |
| | | <!-- scanCodes: ['', '', ''], // 假设有3个扫码框--> |
| | | <!-- };--> |
| | | <!-- },--> |
| | | <!-- methods: {--> |
| | | <!-- handleScanCodeInput(index, event) {--> |
| | | <!-- const value = event.target.value;--> |
| | | <!-- // 当扫码内容改变时,可以在这里添加检查扫码的逻辑--> |
| | | <!-- if (value.length === 4) { // 假设扫码长度是4--> |
| | | <!-- // 移动到下一个扫码框--> |
| | | <!-- if (index < this.scanCodes.length - 1) {--> |
| | | <!-- this.$refs[`scanCodeInput${index + 1}`][0].focus();--> |
| | | <!-- }--> |
| | | <!-- }--> |
| | | <!-- },--> |
| | | <!-- },--> |
| | | <!--};--> |
| | | <!--</script>--> |