123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- /**
- *@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>
|