[{"__symbolic":"module","version":4,"metadata":{"HistoryDataComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":22,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"history-data","template":" <!-- 历史数据顶部搜索面板 --> <div class=\"portlet-input design-portlet-input\"> <div class=\"history-input  row\"> <div class=\"operation-button col-lg-8\"> <button class=\"fe-btn fe-btn-default fe-btn-save\" (click)=\"showBatchImportModal()\">{{lc('BatchImport')}}</button> <!-- 批量删除历史数据按钮,如果当前没有选中删除的历史数据,那么批量删除按钮不可用 --> <button class=\"fe-btn fe-btn-default fe-btn-cancel-one btn-batch-delete\" (click)=\"batchDeleteHistoryData()\" [disabled]=\"!selectedHistory?.length\">{{lc('BatchDelete')}}</button> </div> <div class=\"operation-input col-lg-4 clearfix\"> <div class=\"operation-input-select col-lg-6\"> <select (change)=\"loadHistoryData()\" name=\"dataSource\" [(ngModel)]=\"selectedDataSourceId\"> <option [ngValue]=\"undefined\" selected>{{lc(\"AllDataSource\")}}</option> <option *ngFor=\"let dataSource of dataSources\" [value]=\"dataSource.id\"> {{dataSource.displayName}} </option> </select> </div> <div class=\"operation-input-search col-lg-6\"> <input placeholder=\"{{lc('SearchHistoryNameOrChannelName')}}\" type=\"text\" name=\"historyDataName\" [(ngModel)]=\"historyDataName\" (change)=\"loadHistoryData()\"> <i class=\"fcloud-search\"></i> </div> </div> </div> </div> <!-- 历史数据显示面板 --> <div class=\"primeng-datatable-container designer-Actions-style\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"loadHistoryData($event)\" [value]=\"primengTableHelper.records\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [lazy]=\"true\" [(selection)]=\"selectedHistory\" selectionMode=\"multiple\" ScrollWidth=\"100%\" responsive=\"primengTableHelper.isResponsive\" resizableColumns=\"primengTableHelper.resizableColumns\"> <ng-template pTemplate=\"header\"> <tr> <th style=\"width: 50px;\"> <p-tableHeaderCheckbox></p-tableHeaderCheckbox> </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 144px\"> {{ lc('HistoryDataName')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 100px\"> {{lc('ChannelName')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 100px\"> {{lc('DataSourceDisplayName')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 100px\"> {{lc('SampleType')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 70px\"> {{lc('Devices')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 100px\"> {{lc('StationNo')}} </th> <th class=\"col-xs-1 col-md-1\" style=\"width: 100px\"> {{lc('DataType')}} </th> <th class=\"col-xs-1  col-md-1\" style=\"width: 100px\"> {{lc('Address')}} </th> <th class=\"col-xs-1 col-md-1 last-th\" style=\"padding: 10px !important;width: 100px;\"> {{l('Actions')}} <span class=\"fa fa-cog fa-fw\"></span> </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record> <tr [pSelectableRow]='record'> <td style=\"width: 50px;\"> <p-tableCheckbox [value]=\"record\"></p-tableCheckbox> </td> <td> {{ record.historyDataName }} </td> <td> {{ record.channelName }} </td> <td> {{ record.dataSourceName }} </td> <td> {{ formatSampleType(record.sampleType, record.recordingPeriod) }} </td> <td> {{ record.devAlias }} </td> <td> {{ record.stationNo }} </td> <td> {{formatDataType(record.dataType, record.bitIndexEnabled)}} </td> <td> {{ record.address }} </td> <td class=\"operation\"> <a (click)=\"delHistoryData(record)\">{{l('Delete')}}</a> </td> </tr> </ng-template> </p-table> <div class=\"primeng-no-data\" *ngIf=\"primengTableHelper.totalRecordsCount == 0\"> {{l('NoData')}} </div> <div class=\"primeng-paging-container\"> <p-paginator [rows]=\"primengTableHelper.defaultRecordsCountPerPage\" #paginator (onPageChange)=\"loadHistoryData($event)\" [totalRecords]=\"primengTableHelper.totalRecordsCount\" [rowsPerPageOptions]=\"primengTableHelper.predefinedRecordsCountPerPage\"> </p-paginator> <span class=\"total-records-count\"> {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}} </span> </div> </div> <app-batch-import-history-data-modal #batchImportHistoryDataModal [shouldClear]='shouldClearBatchImportModal' [configureId]=\"configureId\" (imported)=\"loadHistoryData()\"></app-batch-import-history-data-modal> ","styles":["    .history-input{ .operation-button{ button:not(:last-child){ margin-right: 12px; margin-bottom: 12px; } } .placeholder{ height: 0px; padding: 0; margin: 0; font-size: 0 } select,input[type=\"text\"]{ height: 34px; line-height: 34px; border: 1px solid #C4C6CF; color: rgba(0,0,0,0.6); margin-bottom: 12px; } input::-webkit-input-placeholder{ color:rgba(0,0,0,0.6); } input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:rgba(0,0,0,0.6); } input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:rgba(0,0,0,0.6); } input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:rgba(0,0,0,0.6); } .operation-input-select{ padding: 0; select{ width: 100%; } } .operation-input>div{ float: left; } .operation-input-search{ position: relative; padding: 0; input{ width: 100%; padding-left: 10px; padding-right: 34px; } i{ position: absolute; right: 10px; top: 10px; } } } .operation { text-align: right;  a { color: #3695FF !important; cursor: pointer; } } .historyTableHead { .table { margin-bottom: 0; tr{ background-color: #e6e6e6 !important; } border: transparent; } .table th { width: 14.2%; font-size: 14px; font-weight: 600 !important; background-color: #e6e6e6 !important; text-align: left; } } .primeng-datatable-container .primeng-no-data{ border-top: 0; } .btn-batch-delete{ color: #000; background-color: #FFF; border: 1px solid #C4C6CF; } .btn-batch-delete:disabled{ color: #7F939F; border: 1px solid #b5c2ca; } @media (min-width: 992px) { .history-input .operation-input-select select{ margin-right: 12px; width: calc(100% - 12px); } }"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../animations/routerTransition","name":"appModuleAnimation","line":20,"character":17}}]}]}],"members":{"batchImportHistoryDataModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["batchImportHistoryDataModal",{"static":false}]}]}],"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":5},"arguments":["paginator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":26},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"HistoryDataServiceProxy","line":40,"character":36},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"DataSourceServiceProxy","line":41,"character":44},{"__symbolic":"reference","module":"../../../../../shared/fbox/fbox/dataType.service","name":"DataTypeService","line":42,"character":42}]}],"loadHistoryDatas":[{"__symbolic":"method"}],"getDataSources":[{"__symbolic":"method"}],"loadHistoryData":[{"__symbolic":"method"}],"showBatchImportModal":[{"__symbolic":"method"}],"batchDeleteHistoryData":[{"__symbolic":"method"}],"delHistoryData":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"formatSampleType":[{"__symbolic":"method"}],"formatDataType":[{"__symbolic":"method"}]}}}}]