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.
73 lines
2.1 KiB
73 lines
2.1 KiB
<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> |
|
</template> |
|
<script> |
|
export default { |
|
props: { |
|
showDialog: { |
|
type: Boolean, |
|
default: false |
|
}, |
|
}, |
|
data() { |
|
return { |
|
openShow:false, |
|
form:{ |
|
value1:'' |
|
} |
|
} |
|
}, |
|
mounted(){ |
|
this.openShow = this.showDialog |
|
}, |
|
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(); |
|
} |
|
}, |
|
|
|
watch:{ |
|
showDialog(val){ |
|
this.openShow = val |
|
} } |
|
} |
|
</script> |
|
<style lang="scss" scoped></style> |