jtopo.component.html

<!--<div nz-row class="layui-layout layui-layout-admin header-bar">-->
  <!--<div nz-col nzSpan="12" class="layui-header ">-->
    <!--<span (click)="addDevice()">添加设备</span>-->
    <!--&lt;!&ndash;<span (click)="addCheck()">添加监测点</span>&ndash;&gt;-->
    <!--&lt;!&ndash;<span (click)="showAddImg()">添加图片</span>&ndash;&gt;-->
    <!--<span onClick="editor.utils.deleteSelectedNodes()">移除</span>-->
    <!--<nz-select style="width: 200px;" nzPlaceHolder="选择线条" [(ngModel)]="lineType" (ngModelChange)="changeLine($event)">-->
      <!--<nz-option nzLabel="直线" nzValue="1"></nz-option>-->
      <!--<nz-option nzLabel="折线(横向)" nzValue="2"></nz-option>-->
      <!--<nz-option nzLabel="折线(纵向)" nzValue="3"></nz-option>-->
      <!--<nz-option nzLabel="二次折线(横向)" nzValue="4"></nz-option>-->
      <!--<nz-option nzLabel="二次折线(纵向)" nzValue="5"></nz-option>-->
    <!--</nz-select>-->
  <!--</div>-->
  <!--&lt;!&ndash; 顶部工具栏 &ndash;&gt;-->
  <!--<div nz-col nzSpan="12" class="layui-nav layui-layout-right">-->
    <!--<span aria-hidden="true" title="全屏查看" onClick="editor.utils.showInFullScreen(editor.stage.canvas,'RequestFullScreen')">全屏查看</span>-->
    <!--<span aria-hidden="true" title="居中显示" onClick="editor.utils.showInCenter()">居中显示</span>-->
    <!--<span aria-hidden="true" title="编辑" (click)="changeEdit('编辑模式')">编辑</span>-->
    <!--<span aria-hidden="true" title="只读" (click)="changeEdit('只读模式')">只读</span>-->
    <!--<span aria-hidden="true" title="保存" (click)="update()">保存</span>-->
    <!--<span aria-hidden="true" title="清空" onClick="editor.utils.clearTopology()">清空</span>-->
    <!--<span aria-hidden="true" title="放大" onClick="editor.utils.scalingBig()">放大</span>-->
    <!--<span aria-hidden="true" title="缩小" onClick="editor.utils.scalingSmall()">缩小</span>-->
  <!--</div>-->
<!--</div>-->
<div #topologyBody class="topologyBody">
  <canvas class="topology-context" id="topology-canvas" #topologyCanvas style="height: 580px;width: 100%">
    您的浏览器不支持HTML5!
  </canvas>
  <!-- 鼠标悬浮显示节点信息 -->
  <div class="node-tooltip" style="display: none">
    <p>节点名称：<label name="node_name"></label></p>
    <p>告警信息：<label name="current_time"></label></p>
  </div>
  <!--拓扑图状态-->
  <!--<div class="lineList">-->
    <!--{{editType}}-->
  <!--</div>-->
</div>