legendremarks.vue 960 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /**
  2. *@author:Guoxiaohuan
  3. *@date:2020.05.27
  4. *@info:楼层功能-编辑图例备注
  5. */
  6. <template>
  7. <div class='editModel'>
  8. <a-modal v-model='visible' :title='title' @ok='handleOk' ok-text='保存' cancel-text='取消' :maskClosable='false' :width='648'>
  9. <wd-editor :width='width' :height='height' :text='content'></wd-editor>
  10. </a-modal>
  11. </div>
  12. </template>
  13. <script>
  14. export default {
  15. name: 'EditdMarks',
  16. data() {
  17. return {
  18. title: '编辑图例备注',
  19. visible: false,
  20. width: '600px',
  21. height: '156px',
  22. content: '1.主要设备房包括:制冷机房、生活水泵房、消防泵房2.图例后的数字,代表此位置的数量'
  23. }
  24. },
  25. methods: {
  26. showModal() {
  27. this.visible = true
  28. },
  29. handleOk() {
  30. this.visible = false
  31. }
  32. }
  33. }
  34. </script>
  35. <style lang="less" >
  36. .editModel {
  37. }
  38. </style>