jinna
3 months ago
parent
33450c06d0
commit
5519ec49e8
4 changed files with 270 additions and 169 deletions
@ -1,45 +1,91 @@ |
||||
<template> |
||||
<el-dialog title="关闭" append-to-body :modelValue="showClose" @close="closeDialog"> |
||||
<el-form :model="closeForm" :rules="closeRules" label-width="100px"> |
||||
<el-form-item label="备注" prop="memo"> |
||||
<el-input type="textarea" placeholder="请输入备注" v-model="closeForm.memo"></el-input> |
||||
<el-dialog title="关闭" append-to-body :modelValue="showClose" @close="closeDialog" width="30%"> |
||||
<!-- <el-form :model="closeForm" :rules="closeRules" label-width="70px" ref="form"> |
||||
<el-form-item label="备注：" prop="memo"> |
||||
<el-input type="textarea" placeholder="请输入备注" v-model="closeForm.memo" :rows="4"></el-input> |
||||
</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> |
||||
</el-form> --> |
||||
<avue-form :option="option" v-model="closeForm" ref="form"></avue-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="closeDialog">取 消</el-button> |
||||
<el-button type="primary" @click="submit()" :loading="loadingBtn">保 存</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import { updateStatus } from '@/api/productionManagement/productionMonitoring'; |
||||
|
||||
export default { |
||||
props: { |
||||
showClose: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
props: { |
||||
showClose: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
data() { |
||||
return { |
||||
closeForm: {}, |
||||
closeRules: { |
||||
memo:[{required:true,message:'请输入备注',trigger:'blur'}], |
||||
} |
||||
} |
||||
itemData: { |
||||
type: Array, |
||||
default: [], |
||||
}, |
||||
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> |
||||
|
||||
<style></style> |
||||
@ -1,73 +1,97 @@ |
||||
<template> |
||||
<el-dialog title="优先级调整" append-to-body :modelValue="openShow" width="30%" @close="closeDialog"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-form-item label="当前优先级:">一级</el-form-item> |
||||
<el-form-item label="设置优先级:" prop="value1" required> |
||||
<el-select v-model="form.value1" placeholder="请选择" > |
||||
<el-option |
||||
label="一级" |
||||
:value="1"> |
||||
</el-option> |
||||
<el-option |
||||
label="二级" |
||||
:value="2"> |
||||
</el-option> |
||||
<el-option |
||||
label="三级" |
||||
:value="3"> |
||||
</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="submit">确 定</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
<el-dialog |
||||
title="优先级调整" |
||||
append-to-body |
||||
:modelValue="openShow" |
||||
width="30%" |
||||
@close="closeDialog" |
||||
> |
||||
<!-- <el-form ref="form" :model="form" label-width="120px"> |
||||
<el-form-item label="设置优先级:" prop="value1" required> |
||||
<el-select v-model="form.value1" placeholder="请选择"> |
||||
<el-option label="一级" :value="1"> </el-option> |
||||
<el-option label="二级" :value="2"> </el-option> |
||||
<el-option label="三级" :value="3"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-form> --> |
||||
<avue-form :option="option" ref="form"></avue-form> |
||||
|
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="closeDialog">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</template> |
||||
</el-dialog> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
data() { |
||||
return { |
||||
openShow:false, |
||||
form:{ |
||||
value1:'' |
||||
} |
||||
} |
||||
}, |
||||
mounted(){ |
||||
this.openShow = this.showDialog |
||||
}, |
||||
data() { |
||||
return { |
||||
openShow: false, |
||||
form: { |
||||
value1: '', |
||||
}, |
||||
option: { |
||||
submitBtn: false, |
||||
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:{ |
||||
closeDialog(){ |
||||
this.openShow = false |
||||
this.$emit('closeDialog'); |
||||
}, |
||||
submit() { |
||||
if (!this.form.value1) { |
||||
this.$message.warning('请选择优先级'); |
||||
return; |
||||
} |
||||
this.$emit('submitPriority', { |
||||
priority: this.form.value1 |
||||
}); |
||||
this.closeDialog(); |
||||
submit() { |
||||
//如果存在验证不通过，msg为错误信息 |
||||
this.$refs.form.validate((valid, done, msg) => { |
||||
if (valid) { |
||||
this.$emit('submitPriority', this.form); |
||||
this.closeDialog(); |
||||
} else { |
||||
console.log('error submit!!'); |
||||
return false; |
||||
} |
||||
}); |
||||
}, |
||||
}, |
||||
|
||||
watch: { |
||||
showDialog(val) { |
||||
this.openShow = val; |
||||
}, |
||||
|
||||
watch:{ |
||||
showDialog(val){ |
||||
this.openShow = val |
||||
} } |
||||
} |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue