| | |
| | | </el-form> |
| | | <div |
| | | style="border: 1px solid #EAEBEE;border-radius: 6px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);height: calc(100vh - 233px);"> |
| | | <div id="containerImg"></div> |
| | | <div id="containerImg1"></div> |
| | | </div> |
| | | <config-node ref="configNode" v-show="type === 'node'"/> |
| | | <config-edge ref="configEdge" v-show="type === 'edge'"/> |
| | |
| | | async initDigram() { |
| | | this.timer = setHartBeat(10, 240); |
| | | this.graph = new Graph({ |
| | | container: document.getElementById('containerImg'), |
| | | container: document.getElementById('containerImg1'), |
| | | width: document.documentElement.clientWidth, |
| | | height: document.documentElement.clientHeight - 240, |
| | | // async: true, |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | #containerImg { |
| | | #containerImg1 { |
| | | display: flex; |
| | | border: 1px solid #dfe3e8; |
| | | /*border: 1px solid #dfe3e8;*/ |
| | | height: 400px; |
| | | width: 100% !important; |
| | | } |