Browse Source

fix(mesTidEpcLog): 修复导入弹窗布局和数据提交问题

- 调整导入弹窗宽度从500px改为400px
- 设置表单宽度为100%并调整布局样式
- 将BU选择列从12跨度改为24跨度以适应窄窗口
- 增加备注输入框和选择框的宽度适配
- 修改备注区域上方边距从10px改为30px
- 在文件上传前从选中的BU对象中获取正确的site值
- 使用正确的site值进行数据提交避免数据错误
master
常熟吴彦祖 3 weeks ago
parent
commit
28ee68d7d3
  1. 26
      src/views/modules/mes/mesTidEpcLog.vue

26
src/views/modules/mes/mesTidEpcLog.vue

@ -92,17 +92,17 @@
</el-pagination>
<!-- 导入弹窗 - rqrq -->
<el-dialog title="导入TID_EPC日志" :close-on-click-modal="false" v-drag :visible.sync="importModalFlag" width="500px" @close="closeImportModal">
<el-form :inline="true" label-position="top" :model="importData" ref="importForm">
<el-row>
<el-dialog title="导入TID_EPC日志" :close-on-click-modal="false" v-drag :visible.sync="importModalFlag" width="400px" @close="closeImportModal">
<el-form :inline="true" label-position="top" :model="importData" ref="importForm" style="width: 100%">
<el-row style="width: 100%">
<!-- <el-col :span="12">-->
<!-- <el-form-item label="Site" prop="site" :rules="[{required: true, message: '请选择Site', trigger: 'change'}]">-->
<!-- <el-input v-model="importData.site" disabled style="width: 200px"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="12">
<el-col :span="24">
<el-form-item label="BU" prop="buNo" :rules="[{required: true, message: '请选择BU', trigger: 'change'}]">
<el-select v-model="importData.buNo" placeholder="请选择" @change="buChange" style="width: 200px">
<el-select v-model="importData.buNo" placeholder="请选择" @change="buChange" style="width: 360px">
<el-option
v-for="i in userBuList"
:key="i.buNo"
@ -117,14 +117,14 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="importData.remark" type="textarea" :rows="2" resize="none" placeholder="请输入备注(可选)" style="width: 430px"></el-input>
<el-row style="width: 100%">
<el-col :span="24" >
<el-form-item label="备注" >
<el-input v-model="importData.remark" type="textarea" :rows="2" resize="none" placeholder="请输入备注(可选)" style="width: 360px" ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-top: 10px;">
<el-row style="margin-top: 30px;">
<el-col :span="24">
<el-upload
class="upload-demo"
@ -360,9 +360,13 @@
this.importLoading = true
// BUsite - rqrq
const selectedBu = this.userBuList.find(item => item.buNo === this.importData.buNo)
const site = selectedBu ? selectedBu.site : this.importData.site
const formData = new FormData()
formData.append('file', this.fileList[0].raw)
formData.append('site', this.importData.site)
formData.append('site', site)
formData.append('buNo', this.importData.buNo)
formData.append('remark', this.importData.remark || '')
formData.append('username', this.$store.state.user.name)

Loading…
Cancel
Save