59 lines
3.5 KiB
HTML
59 lines
3.5 KiB
HTML
<div class="section-title">
|
|
<label ng-bind="dashboard['deviceInfo'].title | translate"></label>
|
|
<div style="position: absolute; right: 8px;top: 6px;font-size: 20px;font-weight: normal;">
|
|
<div class="kmi-button kmi-button-confirm" ng-click="goToMRS00($event);" style="width:120px;background: #008595;color:white">
|
|
<label ng-bind="'dashboard.deviceInfo.change' | translate"></label>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="dashboard-fields">
|
|
<label ng-bind="'dashboard.deviceInfo.machine_no' | translate"></label>
|
|
<div style="position: absolute; right:-8px;top: 0px;font-size: 20px;font-weight: normal;">
|
|
<input class="kmi-text-fields" ng-model="dashboard['deviceInfo'].input_eqp_no" ng-keypress='changeEqp($event);' type="text" style="height:25px;width:120px;text-align: center;" placeholder="{{'dashboard.deviceInfo.machine_no1'|translate}}"></input>
|
|
</div>
|
|
</div>
|
|
<div class="dashboard-fields">
|
|
<label class="machine_no" ng-bind="dashboard['deviceInfo'].machine_info[0].machine_no"></label>
|
|
</div>
|
|
<div class="dashboard-fields">
|
|
<label ng-bind="'dashboard.deviceInfo.status' | translate"></label>
|
|
<label ng-bind="dashboard['deviceInfo'].machine_info[0].status_name"></label>
|
|
</div>
|
|
<div class="dashboard-fields value-content">
|
|
<div ng-repeat="item in dashboard['deviceInfo'].machine_property_detail | orderBy:checkPoint.seq track by $index"
|
|
mdl-dashboard datas="item">
|
|
</div>
|
|
</div>
|
|
<div class="dashboard-fields">
|
|
<div class="fields__title">
|
|
<label class="dashboard-title" ng-bind="'dashboard.deviceInfo.machine_rate' | translate" style="font-size:20px;"></label>
|
|
<div style="display:flex;flex:1;padding-left:8px;">
|
|
<div class="kmi-button kmi-button-tab start" ng-class="{'is-select': dashboard['deviceInfo'].num_of_days == 0}">
|
|
<label ng-bind="'dashboard.deviceInfo.today' | translate"></label>
|
|
<div class="kmi-can-click" ng-click="change_deviceInfo(0)"></div>
|
|
</div>
|
|
<div class="kmi-button kmi-button-tab" ng-class="{'is-select': dashboard['deviceInfo'].num_of_days == 7}">
|
|
<label ng-bind="'dashboard.deviceInfo.seven' | translate"></label>
|
|
<div class="kmi-can-click" ng-click="change_deviceInfo(7)"></div>
|
|
</div>
|
|
<div class="kmi-button kmi-button-tab end" ng-class="{'is-select': dashboard['deviceInfo'].num_of_days == 14}">
|
|
<label ng-bind="'dashboard.deviceInfo.fourteen' | translate"></label>
|
|
<div class="kmi-can-click" ng-click="change_deviceInfo(14)"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dashboard-label-content">
|
|
<div class="dashboard-label-item">
|
|
<div class="item-label" style="padding-left:4px;" ng-bind="('dashboard.deviceInfo.total_time' | translate:dashboard['deviceInfo'])"></div>
|
|
</div>
|
|
<div ng-repeat="detail in dashboard['deviceInfo'].rate_detail" class="dashboard-label-item">
|
|
<div class="item-tag" style="background:{{detail.color}}"></div>
|
|
<div class="item-label" >{{detail.name + ' '}}({{detail.value|number:1}} m)</div>
|
|
</div>
|
|
</div>
|
|
<div mdl-piechart datas="dashboard['deviceInfo'].rate_detail" is-show-label="false" chart-radius="70"></div>
|
|
</div>
|
|
</div>
|