jinna
3 months ago
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> --> |
||||||
<template #footer> |
<avue-form :option="option" v-model="closeForm" ref="form"></avue-form> |
||||||
<span class="dialog-footer"> |
<template #footer> |
||||||
<el-button @click="closeDialog">取 消</el-button> |
<span class="dialog-footer"> |
||||||
<el-button type="primary" @click="closeDialog">保 存</el-button> |
<el-button @click="closeDialog">取 消</el-button> |
||||||
</span> |
<el-button type="primary" @click="submit()" :loading="loadingBtn">保 存</el-button> |
||||||
</template> |
</span> |
||||||
</el-dialog> |
</template> |
||||||
|
</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, |
||||||
}, |
|
||||||
}, |
}, |
||||||
data() { |
itemData: { |
||||||
return { |
type: Array, |
||||||
closeForm: {}, |
default: [], |
||||||
closeRules: { |
|
||||||
memo:[{required:true,message:'请输入备注',trigger:'blur'}], |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
}, |
||||||
mounted() { |
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
loadingBtn: false, |
||||||
|
closeForm: {}, |
||||||
|
closeRules: { |
||||||
|
memo: [{ required: true, message: '请输入备注', trigger: 'blur' }], |
||||||
|
}, |
||||||
|
option: { |
||||||
|
submitBtn: false, |
||||||
|
emptyBtn: false, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '备注', |
||||||
|
prop: 'memo', |
||||||
|
type: 'textarea', |
||||||
|
span: 24, |
||||||
|
rows: 2, |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
message: '请输入', |
||||||
|
trigger: 'blur', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() {}, |
||||||
|
methods: { |
||||||
|
// 关闭弹窗 |
||||||
|
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; |
||||||
|
} |
||||||
|
}); |
||||||
}, |
}, |
||||||
methods: { |
}, |
||||||
// 关闭弹窗 |
}; |
||||||
closeDialog() { |
|
||||||
this.$emit('closeDialog'); |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
</script> |
||||||
|
|
||||||
<style></style> |
<style></style> |
||||||
@ -1,73 +1,97 @@ |
|||||||
<template> |
<template> |
||||||
<el-dialog title="优先级调整" append-to-body :modelValue="openShow" width="30%" @close="closeDialog"> |
<el-dialog |
||||||
<el-form ref="form" :model="form" label-width="120px"> |
title="优先级调整" |
||||||
<el-form-item label="当前优先级:">一级</el-form-item> |
append-to-body |
||||||
<el-form-item label="设置优先级:" prop="value1" required> |
:modelValue="openShow" |
||||||
<el-select v-model="form.value1" placeholder="请选择" > |
width="30%" |
||||||
<el-option |
@close="closeDialog" |
||||||
label="一级" |
> |
||||||
:value="1"> |
<!-- <el-form ref="form" :model="form" label-width="120px"> |
||||||
</el-option> |
<el-form-item label="设置优先级:" prop="value1" required> |
||||||
<el-option |
<el-select v-model="form.value1" placeholder="请选择"> |
||||||
label="二级" |
<el-option label="一级" :value="1"> </el-option> |
||||||
:value="2"> |
<el-option label="二级" :value="2"> </el-option> |
||||||
</el-option> |
<el-option label="三级" :value="3"> </el-option> |
||||||
<el-option |
</el-select> |
||||||
label="三级" |
</el-form-item> |
||||||
:value="3"> |
</el-form> --> |
||||||
</el-option> |
<avue-form :option="option" ref="form"></avue-form> |
||||||
</el-select> |
|
||||||
</el-form-item> |
<template #footer> |
||||||
</el-form> |
<span class="dialog-footer"> |
||||||
|
<el-button @click="closeDialog">取 消</el-button> |
||||||
<template #footer> |
<el-button type="primary" @click="submit">确 定</el-button> |
||||||
<span class="dialog-footer"> |
</span> |
||||||
<el-button @click="closeDialog">取 消</el-button> |
</template> |
||||||
<el-button type="primary" @click="submit">确 定</el-button> |
</el-dialog> |
||||||
</span> |
|
||||||
</template> |
|
||||||
</el-dialog> |
|
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
props: { |
props: { |
||||||
showDialog: { |
showDialog: { |
||||||
type: Boolean, |
type: Boolean, |
||||||
default: false |
default: false, |
||||||
}, |
|
||||||
}, |
}, |
||||||
data() { |
}, |
||||||
return { |
data() { |
||||||
openShow:false, |
return { |
||||||
form:{ |
openShow: false, |
||||||
value1:'' |
form: { |
||||||
} |
value1: '', |
||||||
} |
}, |
||||||
}, |
option: { |
||||||
mounted(){ |
submitBtn: false, |
||||||
this.openShow = this.showDialog |
emptyBtn: false, |
||||||
|
column: [ |
||||||
|
{ |
||||||
|
label: '优先级', |
||||||
|
prop: 'name', |
||||||
|
type: 'select', |
||||||
|
span:24, |
||||||
|
dicUrl: '/blade-system/dict/dictionary?code=orderPriority', |
||||||
|
props: { |
||||||
|
label: 'dictValue', |
||||||
|
value: 'dictKey', |
||||||
|
}, |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
message: '请选择', |
||||||
|
trigger: 'blur', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.openShow = this.showDialog; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
closeDialog() { |
||||||
|
this.openShow = false; |
||||||
|
this.$emit('closeDialog'); |
||||||
}, |
}, |
||||||
methods:{ |
submit() { |
||||||
closeDialog(){ |
//如果存在验证不通过，msg为错误信息 |
||||||
this.openShow = false |
this.$refs.form.validate((valid, done, msg) => { |
||||||
this.$emit('closeDialog'); |
if (valid) { |
||||||
}, |
this.$emit('submitPriority', this.form); |
||||||
submit() { |
this.closeDialog(); |
||||||
if (!this.form.value1) { |
} else { |
||||||
this.$message.warning('请选择优先级'); |
console.log('error submit!!'); |
||||||
return; |
return false; |
||||||
} |
|
||||||
this.$emit('submitPriority', { |
|
||||||
priority: this.form.value1 |
|
||||||
}); |
|
||||||
this.closeDialog(); |
|
||||||
} |
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
}, |
||||||
|
|
||||||
|
watch: { |
||||||
|
showDialog(val) { |
||||||
|
this.openShow = val; |
||||||
}, |
}, |
||||||
|
}, |
||||||
watch:{ |
}; |
||||||
showDialog(val){ |
|
||||||
this.openShow = val |
|
||||||
} } |
|
||||||
} |
|
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped></style> |
||||||
Loading…
Reference in new issue