/**
*@author:Guoxiaohuan
*@date:2020.05.27
*@info：楼层功能-编辑图例备注
*/
<template>
    <div class='editModel'>
        <a-modal v-model='visible' :title='title' @ok='handleOk' ok-text='保存' cancel-text='取消' :maskClosable='false' :width='648'>
            <!-- <wd-editor :width='width' :height='height' :text='content'></wd-editor> -->
            <markEditorBar v-model='detail' :isClear='isClear' @change='change'></markEditorBar>
        </a-modal>
    </div>
</template>
<script>
import markEditorBar from '@/components/marksEnduit'

export default {
    name: 'EditdMarks',
    data() {
        return {
            editText: '',
            title: '编辑图例备注',
            visible: false,
            width: '600px',
            height: '156px',
            content: '1.主要设备房包括:制冷机房、生活水泵房、消防泵房2.图例后的数字,代表此位置的数量',
            isClear: false,
            detail: '<p>刚开始的。。。</p><p>第二条数据的。。。</p>'
        }
    },
    components: { markEditorBar },
    methods: {
        change(val) {
            this.editText = this.detail + val
            this.$emit('editChange', this.editText)
            console.log('传给后台的', val)
            console.log(typeof val)
        },
        showModal() {
            this.visible = true
        },
        handleOk() {
            this.visible = false
        }
    },
    mounted() {}
}
</script>


<style lang="less" >
.editModel {
    .ant-modal-body {
        padding: 0 24px 35px !important;
    }
}
</style>