兼容性测试

src/main/webapp/app/netTopology/ne-topology/ne-topology.component.html

@@ -34,12 +34,10 @@
     </div>
 </div>
 
-<div class="canvas-topo" #canvasTopo>
-    <div nz-row class="layui-layout layui-layout-admin header-bar">
+<div nz-row class="layui-layout layui-layout-admin header-bar">
     <div nz-col nzSpan="12" class="layui-header ">
         <ng-container *ngIf="editType == '只读模式'">
-                <nz-select style="width: 200px;" nzPlaceHolder="选择背景色" [(ngModel)]="backgroundColor"
-                           (ngModelChange)="changeColor()">
+            <nz-select style="width: 200px;" nzPlaceHolder="选择背景色" [(ngModel)]="backgroundColor" (ngModelChange)="changeColor()">
                 <nz-option nzLabel="深蓝" nzValue="#3d76ab"></nz-option>
                 <nz-option nzLabel="白色" nzValue="#ffffff"></nz-option>
                 <nz-option nzLabel="淡绿" nzValue="#cadf91"></nz-option>
@@ -52,8 +50,7 @@
             <!--<span (click)="addCheck()">添加监测点</span>-->
             <!--<span (click)="showAddImg()">添加图片</span>-->
             <span onClick="editor.utils.deleteSelectedNodes()">移除</span>
-                <nz-select style="width: 200px;" nzPlaceHolder="选择线条" [(ngModel)]="lineType"
-                           (ngModelChange)="changeLine($event)">
+            <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>
@@ -70,8 +67,7 @@
         </ng-container>
         <span aria-hidden="true" title="放大" onClick="editor.utils.scalingBig()">放大</span>
         <span aria-hidden="true" title="缩小" onClick="editor.utils.scalingSmall()">缩小</span>
-            <span *ngIf="!isFull" aria-hidden="true" title="全屏查看" (click)="fullCanvas()">全屏查看</span>
-            <span *ngIf="isFull" aria-hidden="true" title="全屏查看" (click)="exitFull()">退出全屏</span>
+        <span aria-hidden="true" title="全屏查看" onClick="editor.utils.showInFullScreen(editor.stage.canvas,'RequestFullScreen')">全屏查看</span>
         <span aria-hidden="true" title="居中显示" onClick="editor.utils.showInCenter()">居中显示</span>
         <ng-container *ngIf="editType == '只读模式'">
             <span aria-hidden="true" title="编辑" (click)="changeEdit('编辑模式')">切换编辑模式</span>
@@ -80,15 +76,17 @@
             <span aria-hidden="true" title="只读" (click)="changeEdit('只读模式')">切换只读模式</span>
         </ng-container>
     </div>
-    </div>
-    <div class="topo-container">
-        <div #topologyBody id="topology-body">
+</div>
+<div class="topo-container">
+    <div class="layui-row">
+        <div class="layui-col-md12">
+            <div #topologyBody id="topology-body" class="topology-context">
                 <!-- 鼠标悬浮显示节点信息 -->
                 <div class="node-infobox" style="display: none;">
                     <span>节点名称：<label name="node_name"></label></span>
                     <span>当前时间：<label name="current_time"></label></span>
                 </div>
-            <canvas class="topology-context" id="topology-canvas" width="1190" #topologyCanvas>
+                <canvas class="topology-context" id="topology-canvas" width="1190" height="520" #topologyCanvas>
                     您的浏览器不支持HTML5!
                 </canvas>
                 <div class="lineList">
@@ -100,12 +98,12 @@
                 </div>
                 <div class="checkList">
                     <p *ngFor="let item of checkJson;let i = index;">
-                    <span [style.fontSize]="item.fontSize +'px'">{{item.name}}</span><i (click)="deleteCheck(i)"
-                                                                                        class="minus anticon anticon-minus-circle-o"></i>
+                        <span [style.fontSize]="item.fontSize +'px'">{{item.name}}</span><i (click)="deleteCheck(i)" class="minus anticon anticon-minus-circle-o"></i>
                     </p>
                 </div>
             </div>
         </div>
+    </div>
 </div>