You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
6.9 KiB
112 lines
6.9 KiB
<mat-sidenav-container>
|
|
<mat-sidenav #detail mode="over" position="end">
|
|
<p> {{ 'routes.wcs.monitor.Selected signal and interaction' | translate }}</p>
|
|
<h6>{{ 'routes.wcs.monitor.DeviceCode' | translate }}{{this._selectedDevice.deviceIndex}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.DeviceName' | translate }}{{this._selectedDevice.deviceName}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.MonitorIndex' | translate }}{{this._selectedDevice.taskNo}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.BarcodeRecord' | translate }}{{this._selectedDevice.barcode}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.ArrowLocation' | translate }}{{this._selectedDevice.ArrowLocation}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.DeviceStatus' | translate }}{{ 'routes.wcs.monitor.'+this._selectedDevice.runState |
|
|
translate }}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.WarningCode' | translate }}{{this._selectedDevice.ErrorMessage}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.Logicexiststatus' | translate }}{{this._selectedDevice.HaveGoodsMeg}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.LogicLock' | translate }}{{this._selectedDevice.manTaskReserve}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.RollerZ' | translate }}{{this._selectedDevice.zCoor}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.RollerX' | translate }}{{this._selectedDevice.xCoor}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.RollerY' | translate }}{{this._selectedDevice.yCoor}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.ResetDevice' | translate }}" (click)="reset()">
|
|
<mat-icon>build</mat-icon>
|
|
</button>
|
|
<button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.CompleteReply' | translate }}"
|
|
(click)="completeAnswer()">
|
|
<mat-icon>done_all</mat-icon>
|
|
</button>
|
|
<!-- <button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.LogicExist' | translate }}" (click)="logicGood(1)">
|
|
<mat-icon>add_box</mat-icon>
|
|
</button>
|
|
<button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.LogicInexist' | translate }}" (click)="logicGood(2)">
|
|
<mat-icon>add</mat-icon>
|
|
</button>
|
|
<button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.RelieveLogicLock' | translate }}"
|
|
(click)="releaseLock()">
|
|
<mat-icon>link</mat-icon>
|
|
</button> -->
|
|
</mat-sidenav>
|
|
<mat-sidenav #detailScaner mode="over" position="top">
|
|
<p> {{ 'routes.wcs.monitor.Selected signal and interaction' | translate }}</p>
|
|
<h6>{{ 'routes.wcs.monitor.DeviceCode' | translate }}{{this._selectedDevice.deviceIndex}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.DeviceName' | translate }}{{this._selectedDevice.deviceName}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.BarcodeRecord' | translate }}{{this._selectedDevice.barcode}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.LastTime' | translate }}{{this._selectedDevice.lastTime}}</h6>
|
|
<mat-divider></mat-divider>
|
|
<h6>{{ 'routes.wcs.monitor.BarCodeWrite' | translate }}<input #textareaBarcode [(ngModel)]="newBorcode"></h6>
|
|
<mat-divider></mat-divider>
|
|
<h6 style="color: red;">{{ 'routes.wcs.monitor.barCodeApplyLable' | translate }}</h6>
|
|
<mat-divider></mat-divider>
|
|
<button mat-icon-button matTooltip="{{ 'routes.wcs.monitor.save' | translate }}" (click)="save()">
|
|
<mat-icon>save</mat-icon>
|
|
</button>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content [loading]="loading">
|
|
<div class="row-auto app-background-card">
|
|
<nav mat-tab-nav-bar>
|
|
<a mat-tab-link (click)="index = 0" [active]="index === 0">{{ 'routes.wcs.monitor.tabpage1' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 1" [active]="index === 1">{{ 'routes.wcs.monitor.tabpage2' | translate }}</a>
|
|
<!-- <a mat-tab-link (click)="index = 2" [active]="index === 2">{{ 'routes.wcs.monitor.tabpage3' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 3" [active]="index === 3">{{ 'routes.wcs.monitor.tabpage4' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 4" [active]="index === 4">{{ 'routes.wcs.monitor.tabpage5' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 5" [active]="index === 5">{{ 'routes.wcs.monitor.tabpage6' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 6" [active]="index === 6">{{ 'routes.wcs.monitor.tabpage7' | translate }}</a>
|
|
<a mat-tab-link (click)="index = 7" [active]="index === 7">{{ 'routes.wcs.monitor.tabpage8' | translate }}</a> -->
|
|
</nav>
|
|
</div>
|
|
<div #map class="row-fill" id="rowFill" [class.hide]="loading">
|
|
<canvas id="map"></canvas>
|
|
<div class="input-text"><input id="deviceId" type="text" style="width: 100px;" placeholder="{{ 'routes.wcs.monitortask.SearchDevice' | translate }}" [(ngModel)]="deviceId"><button (click)="getDeviceId()" style="border: 0; margin-left: 10px; color: white; background-color: cornflowerblue;">{{ 'routes.wcs.monitortask.Search' | translate }}</button></div>
|
|
</div>
|
|
<div class="row-auto app-background-card">
|
|
<mat-divider></mat-divider>
|
|
<div class="toolbar">
|
|
<!-- --分栏样式 -->
|
|
<mat-icon [style.color]="colors.green">label</mat-icon> {{ 'routes.wcs.monitor.DeviceRuning' | translate }}
|
|
<mat-icon [style.color]="colors.red">label</mat-icon> {{ 'routes.wcs.monitor.DeviceWarning' | translate }}
|
|
<mat-icon [style.color]="colors.blue">label</mat-icon> {{ 'routes.wcs.monitor.DeviceHaveObject' | translate }}
|
|
<mat-icon [style.color]="colors.yellow">label</mat-icon> {{ 'routes.wcs.monitor.StockerReady' | translate }}
|
|
<mat-icon [style.color]="colors.GradientInactiveCaption">label</mat-icon> {{ 'routes.wcs.monitor.ConveyorReady'
|
|
| translate }}
|
|
<mat-icon [style.color]="colors.burlywood">label</mat-icon> {{ 'routes.wcs.monitor.ConveyorOutLine' | translate }}
|
|
<mat-icon [style.color]="colors.violet">label</mat-icon> {{ 'routes.wcs.monitor.DeviceForbidden' | translate }}
|
|
<mat-icon [style.color]="colors.darkgreen">label</mat-icon> {{ 'routes.wcs.monitor.DeviceActionComplete' |
|
|
translate }}
|
|
</div>
|
|
</div>
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|
|
<ng-template cdk-portal #overlayTemplate="cdkPortal">
|
|
<mat-card class="float-win">
|
|
<table mat-table [dataSource]="properties" style="width:100%">
|
|
<ng-container matColumnDef="key">
|
|
<td mat-cell *matCellDef="let row" class="app-foreground-secondary"> {{row.key}} </td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="value">
|
|
<td mat-cell *matCellDef="let row"> {{row.value}} </td>
|
|
</ng-container>
|
|
<tr mat-row *matRowDef="let row; columns: ['key','value'];"></tr>
|
|
</table>
|
|
</mat-card>
|
|
</ng-template>
|