修改bug-570: 装车扫描 界面优化

This commit is contained in:
liuyp 2024-05-19 20:25:38 +08:00
parent 90b1351413
commit c1761de5ff

View File

@ -1,31 +1,38 @@
<template>
<div class="app-container">
<el-row :gutter="0">
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
<el-col :span="7">
<el-form-item label="扫描单号" prop="billCode" label-width="70px">
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
<el-row :gutter="0">
<el-col :span="8">
<el-form-item label="车牌号" prop="carNo" label-width="80px">
<span slot="label">
<span style="color: red">扫描单号</span>
<span style="color: red">{{$t('车牌号')}}</span>
</span>
<el-input v-model="form.billCode" clearable="" placeholder="单号输入后按回车" @keyup.enter.native="handleScanInput" >
<i slot="suffix" class="iconfont">&#xe656;</i>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="车牌号" prop="carNo" label-width="60px">
<el-input v-model="form.carNo" placeholder="请输入" >
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="$t('下一站')" prop="preOrNextStation">
<el-form-item :label="$t('下一站')" prop="preOrNextStation" label-width="80px">
<span slot="label">
<span style="color: red">{{$t('下一站')}}</span>
</span>
<EmisGetNextSitePicker v-model="form.preOrNextStation" @onChange="onSiteSelect" ></EmisGetNextSitePicker>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="扫描单号" prop="billCode" label-width="80px">
<span slot="label">
<span style="color: red">扫描单号</span>
</span>
<el-input v-model="form.billCode" clearable="" placeholder="单号输入后按回车" @keyup.enter.native="handleScanInput" >
<i slot="suffix" class="iconfont">&#xe656;</i>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="toolbar">