parent
33450c06d0
commit
5519ec49e8
4 changed files with 270 additions and 169 deletions
@ -1,45 +1,91 @@ |
|||||||
<template> |
<template> |
||||||
<el-dialog title="关闭" append-to-body :modelValue="showClose" @close="closeDialog"> |
<el-dialog title="关闭" append-to-body :modelValue="showClose" @close="closeDialog" width="30%"> |
||||||
<el-form :model="closeForm" :rules="closeRules" label-width="100px"> |
<!-- <el-form :model="closeForm" :rules="closeRules" label-width="70px" ref="form"> |
||||||
<el-form-item label="备注" prop="memo"> |
<el-form-item label="备注:" prop="memo"> |
||||||
<el-input type="textarea" placeholder="请输入备注" v-model="closeForm.memo"></el-input> |
<el-input type="textarea" placeholder="请输入备注" v-model="closeForm.memo" :rows="4"></el-input> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-form> |
</el-form> --> |
||||||
|
<avue-form :option="option" v-model="closeForm" ref="form"></avue-form> |
||||||
<template #footer> |
<template #footer> |
||||||
<span class="dialog-footer"> |
<span class="dialog-footer"> |
||||||
<el-button @click="closeDialog">取 消</el-button> |
<el-button @click="closeDialog">取 消</el-button> |
||||||
<el-button type="primary" @click="closeDialog">保 存</el-button> |
<el-button type="primary" @click="submit()" :loading="loadingBtn">保 存</el-button> |
||||||
</span> |
</span> |
||||||
</template> |
</template> |
||||||
</el-dialog> |
</el-dialog> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
|
import { updateStatus } from '@/api/productionManagement/productionMonitoring'; |
||||||
|
|
||||||
export default { |
export default { |
||||||
props: { |
props: { |
||||||
showClose: { |
showClose: { |
||||||
type: Boolean, |
type: Boolean, |
||||||
default: false |
default: false, |
||||||
|
}, |
||||||
|
itemData: { |
||||||
|
type: Array, |
||||||
|
default: [], |
||||||
}, |
}, |
||||||
}, |
}, |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
|
loadingBtn: false, |
||||||
closeForm: {}, |
closeForm: {}, |
||||||
closeRules: { |
closeRules: { |
||||||
memo: [{ required: true, message: '请输入备注', trigger: 'blur' }], |
memo: [{ required: true, message: '请输入备注', trigger: 'blur' }], |
||||||
} |
|
||||||
} |
|
||||||
}, |
}, |
||||||
mounted() { |
option: { |
||||||
|
submitBtn: false, |
||||||
|
emptyBtn: false, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '备注', |
||||||
|
prop: 'memo', |
||||||
|
type: 'textarea', |
||||||
|
span: 24, |
||||||
|
rows: 2, |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
message: '请输入', |
||||||
|
trigger: 'blur', |
||||||
|
}, |
||||||
|
], |
||||||
}, |
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() {}, |
||||||
methods: { |
methods: { |
||||||
// 关闭弹窗 |
// 关闭弹窗 |
||||||
closeDialog() { |
closeDialog() { |
||||||
this.$emit('closeDialog'); |
this.$emit('closeDialog'); |
||||||
}, |
}, |
||||||
|
submit() { |
||||||
|
this.$refs.form.validate((valid, done, msg) => { |
||||||
|
if (valid) { |
||||||
|
this.loadingBtn = true; |
||||||
|
let query = { |
||||||
|
idArr: this.itemData.map(item => item.woId), |
||||||
|
status: 0, |
||||||
|
memo: this.closeForm.memo, |
||||||
|
}; |
||||||
|
updateStatus(query).then(res => { |
||||||
|
this.$message.success('操作成功!'); |
||||||
|
this.loadingBtn = false; |
||||||
|
this.$emit('closeDialog',true); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
console.log('error submit!!'); |
||||||
|
return false; |
||||||
} |
} |
||||||
} |
}); |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style></style> |
<style></style> |
||||||
Loading…
Reference in new issue