<template>
<div>
<a-modal
title="标题"
:visible="visible"
:width="600"
:confirmLoading="confirmLoading"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
>
<template slot="footer">
<a-button key="back" @click="handleCancel">返回</a-button>
<a-button key="submit" type="primary" :loading="confirmLoading" @click="handleOk">确认</a-button>
</template>
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-form-item label="Note">
<a-input
v-decorator="['note', { rules: [{ required: true, message: 'Please input your note!' }] }]"
/>
</a-form-item>
</a-form>
</a-modal>
</div>
</template>
<script>
export default {
data() {
return {
visible: false,
confirmLoading: false,
form: this.$form.createForm(this)
}
},
created() {
},
methods: {
handleOk() {
this.form.validateFields((err, values) => {
if (!err) {
this.visible = true
console.log('Received values of form: ', values)
}
})
},
handleCancel() {
this.visible = false
}
}
}
</script>
<style scoped>
</style>