解决bug-571:卸车扫描:界面调整

This commit is contained in:
liuyp 2024-05-19 20:36:24 +08:00
parent c1761de5ff
commit 0a6cc56d6f

View File

@ -1,24 +1,34 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-row :gutter="0"> <el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px"> <el-row :gutter="0">
<el-col :span="7"> <el-col :span="8">
<el-form-item label="扫描单号" prop="billCode" label-width="70px"> <el-form-item label="车牌号" prop="carNo" label-width="80px">
<span slot="label"> <span slot="label">
<span style="color: red">扫描单号</span> <span style="color: red">{{$t('车牌号')}}</span>
</span>
<el-input v-model="form.carNo" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="扫描单号" prop="billCode" label-width="80px">
<span slot="label">
<span style="color: red">{{$t('扫描单号')}}</span>
</span> </span>
<el-input v-model="form.billCode" clearable="" placeholder="单号输入后按回车" @keyup.enter.native="handleScanInput" > <el-input v-model="form.billCode" clearable="" placeholder="单号输入后按回车" @keyup.enter.native="handleScanInput" >
<i slot="suffix" class="iconfont">&#xe656;</i> <i slot="suffix" class="iconfont">&#xe656;</i>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7">
<el-form-item label="车牌号" prop="carNo" label-width="60px">
<el-input v-model="form.carNo" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form>
</el-row> </el-row>
<el-row :gutter="0">
<el-col :span="8">
<el-form-item :label="$t('卸车图片')" prop="picUrl">
<ImageUpload v-model="form.picUrl" @input="handleInput" ></ImageUpload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="toolbar"> <div slot="toolbar">
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
@ -97,9 +107,7 @@
</template> </template>
<script> <script>
import { listEmisWaybill, getWaybillDetail,getEmisWaybill } from "@/api/emis/emisWaybill";
import { doScan } from "@/api/emis/emisTmsScanRecord"; import { doScan } from "@/api/emis/emisTmsScanRecord";
// import EmisUserSimplePicker from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
import EmisGetNextSitePicker from '@/views/emis/EmisBaseTools/EmisGetNextSitePicker.vue'; import EmisGetNextSitePicker from '@/views/emis/EmisBaseTools/EmisGetNextSitePicker.vue';
export default { export default {
@ -227,7 +235,7 @@ export default {
} }
return { return {
billCode:code, billCode:code,
carNo: carNo carNo: carNo,
} }
}) })
@ -349,7 +357,8 @@ export default {
carNo:item.carNo, carNo:item.carNo,
preOrNextStationCode:item.preOrNextStationCode, preOrNextStationCode:item.preOrNextStationCode,
scanDate:item.scanDate, scanDate:item.scanDate,
bagNo:item.bagNo bagNo:item.bagNo,
picUrl: item.picUrl
} }
); );
}); });