服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
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.
84 lines
1.8 KiB
84 lines
1.8 KiB
2 years ago
|
<template>
|
||
|
|
<a-drawer
|
||
|
|
:title="title"
|
||
|
|
:width="width"
|
||
|
|
placement="right"
|
||
|
|
:closable="false"
|
||
|
|
@close="close"
|
||
|
|
destroyOnClose
|
||
|
|
:visible="visible">
|
||
|
|
<zy-speech-message-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></zy-speech-message-form>
|
||
|
|
<div class="drawer-footer">
|
||
|
|
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
|
||
|
|
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
|
||
|
|
</div>
|
||
|
|
</a-drawer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import ZySpeechMessageForm from './ZySpeechMessageForm'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'ZySpeechMessageModal',
|
||
|
|
components: {
|
||
|
|
ZySpeechMessageForm
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
title:"操作",
|
||
|
|
width:800,
|
||
|
|
visible: false,
|
||
|
|
disableSubmit: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
add () {
|
||
|
|
this.visible=true
|
||
|
|
this.$nextTick(()=>{
|
||
|
|
this.$refs.realForm.add();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
edit (record) {
|
||
|
|
this.visible=true
|
||
|
|
this.$nextTick(()=>{
|
||
|
|
this.$refs.realForm.edit(record);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
close () {
|
||
|
|
this.$emit('close');
|
||
|
|
this.visible = false;
|
||
|
|
},
|
||
|
|
submitCallback(){
|
||
|
|
this.$emit('ok');
|
||
|
|
this.visible = false;
|
||
|
|
},
|
||
|
|
handleOk () {
|
||
|
|
this.$refs.realForm.submitForm();
|
||
|
|
},
|
||
|
|
handleCancel () {
|
||
|
|
this.close()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
/** Button按钮间距 */
|
||
|
|
.ant-btn {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.drawer-footer{
|
||
|
|
position: absolute;
|
||
|
|
bottom: -8px;
|
||
|
|
width: 100%;
|
||
|
|
border-top: 1px solid #e8e8e8;
|
||
|
|
padding: 10px 16px;
|
||
|
|
text-align: right;
|
||
|
|
left: 0;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 0 0 2px 2px;
|
||
|
|
}
|
||
|
|
</style>
|