You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
4.2 KiB
110 lines
4.2 KiB
<template> |
|
<el-dialog title="分批" append-to-body :modelValue="showBatches" @close="closeDialog" class="dialog"> |
|
|
|
<el-form :model="batchesForm" :rules="batchesRules" label-width="100px" class="form" ref="batchesForm"> |
|
<el-form-item class="icon-right"> |
|
<el-popover placement="right-start" :width="200" trigger="hover" append-to-body="false"> |
|
<p>(1)返工:分批后剩余数量零件依据返工订单进行生产</p> |
|
<p>(2)关闭:分批后自动关闭剩余数量零件的生产</p> |
|
<p>(3)其他:分批后剩余数量零件排产后进行生产</p> |
|
<template #reference> |
|
<img src="@/assets/question_mark.png" alt="说明" class="img" /> |
|
</template> |
|
</el-popover> |
|
</el-form-item> |
|
<el-form-item label="分批数量" prop="makeQty"> |
|
<el-input placeholder="请输入分批数量" v-model="batchesForm.makeQty" type="number" |
|
oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
|
</el-form-item> |
|
<!-- <el-form-item label="车间订单号" prop="woCode"> |
|
<el-input disabled placeholder="请输入车间订单号" v-model="batchesForm.woCode"></el-input> |
|
</el-form-item> |
|
<el-form-item label="流程卡号" prop="cardNo"> |
|
<el-input disabled placeholder="请输入流程卡号" v-model="batchesForm.cardNo"></el-input> |
|
</el-form-item> |
|
<el-form-item label="批次号" prop="batchNo"> |
|
<el-input disabled placeholder="请输入批次号" v-model="batchesForm.batchNo"></el-input> |
|
</el-form-item> |
|
<el-form-item label="备注" prop="memo"> |
|
<el-input type="textarea" placeholder="请输入备注" v-model="batchesForm.memo"></el-input> |
|
</el-form-item> --> |
|
<el-form-item label="分批原因" prop="reason"> |
|
<el-select placeholder="请选择分批原因" v-model="batchesForm.reason"> |
|
<el-option value="1" label="返工"></el-option> |
|
<el-option value="2" label="关闭"></el-option> |
|
<el-option value="3" label="其他"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-form> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="closeDialog">取 消</el-button> |
|
<el-button type="primary" @click="closeDialog">确 认</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
props: { |
|
showBatches: { |
|
type: Boolean, |
|
default: false |
|
}, |
|
}, |
|
data() { |
|
return { |
|
isOpen: false, |
|
batchesForm: {}, |
|
batchesRules: { |
|
makeQty: [{ required: true, message: '请输入分批数量', trigger: 'blur' }], |
|
reason: [{ required: true, message: '请选择分批原因', trigger: 'blur' }], |
|
// woCode:[{required:true,message:'请输入车间订单号',trigger:'blur'}], |
|
// cardNo:[{required:true,message:'请输入流程卡号',trigger:'blur'}], |
|
// batchNo:[{required:true,message:'请输入批次号',trigger:'blur'}], |
|
} |
|
} |
|
}, |
|
mounted() { |
|
|
|
}, |
|
methods: { |
|
// 关闭弹窗 |
|
closeDialog() { |
|
this.$emit('closeDialog') |
|
this.$refs.batchesForm.resetFields() |
|
}, |
|
} |
|
} |
|
</script> |
|
|
|
|
|
<style scoped> |
|
.icon-right { |
|
position: relative !important; |
|
display: block !important; |
|
text-align: left !important; |
|
height: auto !important; |
|
overflow: visible !important; |
|
} |
|
|
|
.icon-right .img { |
|
position: absolute !important; |
|
right: 10px !important; |
|
top: 50% !important; |
|
transform: translateY(-50%) !important; |
|
width: 20px !important; |
|
height: 20px !important; |
|
cursor: pointer; |
|
display: inline-block !important; |
|
background: #fff; |
|
} |
|
|
|
.icon-right .el-form-item__content { |
|
margin-left: 0 !important; |
|
width: 100% !important; |
|
text-align: left !important; |
|
} |
|
|
|
</style> |