| | |
| | | @drop="drop" |
| | | @dragover="allowDrop" |
| | | > |
| | | <div class="btn-export" @click="exportData">导出</div> |
| | | <div class="btn-export" @click="exportData">保存</div> |
| | | <div class="btn-clear" @click="editor.clearModuleSelected()">清空</div> |
| | | </div> |
| | | </div> |
| | |
| | | exportData() { |
| | | let dataJ = this.editor.export(); |
| | | this.$emit("getDrawData", dataJ); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "已保存", |
| | | }); |
| | | }, |
| | | init() { |
| | | this.editor = new Drawflow( |
| | |
| | | background: #fff; |
| | | } |
| | | .menu { |
| | | width: 150px; |
| | | width: 160px; |
| | | border-right: 1px solid #ccc; |
| | | } |
| | | /* .menuItem { |
| | |
| | | justify-content: flex-start; |
| | | padding-left: 28px; |
| | | align-items: baseline; |
| | | font-size: 16px; |
| | | svg { |
| | | top: 6px; |
| | | left: 10px; |