dbweb-common/esm5/lib/components/label-manager/edit-label/label-history/label-history.component.js

用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Inject, ViewChild, ElementRef, HostBinding } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
/**
 * @record
 */
export function LabelHistoryDialogData() { }
if (false) {
    /** @type {?} */
    LabelHistoryDialogData.prototype.svr;
    /** @type {?} */
    LabelHistoryDialogData.prototype.data;
}
var LabelHistoryComponent = /** @class */ (function () {
    function LabelHistoryComponent(dialogRef, data) {
        this.dialogRef = dialogRef;
        this.data = data;
        this.hostClass = true;
    }
    /**
     * @return {?}
     */
    LabelHistoryComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        var _this = this;
        this.data.svr.backface.fetchLabelHisList(this.data.data).subscribe((/**
         * @param {?} v
         * @return {?}
         */
        function (v) {
            _this.labelHisList = v || [];
            if (_this.labelHisList.length > 0) {
                _this.selectedItem = _this.labelHisList[0];
                _this.fetchData(_this.labelHisList[0]);
            }
        }));
        this.dislogLabel.nativeElement.parentElement.parentElement.style = 'padding:0';
    };
    /**
     * @private
     * @param {?} key
     * @return {?}
     */
    LabelHistoryComponent.prototype.fetchData = /**
     * @private
     * @param {?} key
     * @return {?}
     */
    function (key) {
        var _this = this;
        this.data.svr.backface
            .fetchLabelHis({
            CategoryID: this.data.data.CategoryID,
            ID: this.data.data.ID,
            Version: key.Version
        })
            .subscribe((/**
         * @param {?} v
         * @return {?}
         */
        function (v) {
            _this.whereString = v.Conts;
            _this.plainText = v.PlainText;
        }));
    };
    /**
     * @param {?} event
     * @return {?}
     */
    LabelHistoryComponent.prototype.selectChange = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        this.fetchData((/** @type {?} */ (event.value)));
        this.selectedItem = (/** @type {?} */ (event.value));
    };
    /**
     * @return {?}
     */
    LabelHistoryComponent.prototype.close = /**
     * @return {?}
     */
    function () {
        this.dialogRef.close();
    };
    LabelHistoryComponent.decorators = [
        { type: Component, args: [{
                    selector: 'common-label-history',
                    template: "<div #dialogLabel class=\"label-main\">\r\n\t\t<ng-container *ngIf=\"labelHisList && labelHisList.length>0;else empty\">\r\n\t\t\t\t<div class=\"label-top\">\r\n\t\t\t\t\t\t<div class=\"top-left\">\r\n\t\t\t\t\t\t\t<mat-icon class=\"open-with\" svgIcon=\"open_with\"></mat-icon>\r\n\t\t\t\t\t\t\t<mat-form-field class=\"select-input\">\r\n\t\t\t\t\t\t\t\t<mat-select  (selectionChange)=\"selectChange($event)\" [value]=\"selectedItem\">\r\n\t\t\t\t\t\t\t\t\t<mat-option *ngFor=\"let item of labelHisList\" [value]=\"item\">\r\n\t\t\t\t\t\t\t\t\t\t\t{{item.Version}}.{{item.WriteTime}}\r\n\t\t\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"top-right\">\r\n\t\t\t\t\t\t\t<mat-icon svgIcon=\"library_books\"></mat-icon>\r\n\t\t\t\t\t\t\t<mat-icon class=\"cancel\" svgIcon=\"cancel\" (click)=\"close()\"></mat-icon>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"label-box-sql\">\r\n\t\t\t\t\t\t<mat-form-field class=\"sql-textarea\">\r\n\t\t\t\t\t\t\t<textarea matInput readonly=\"true\" matTextareaAutosize readonly=\"true\" [value]=\"whereString\"></textarea>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"label-box-condition\">\r\n\t\t\t\t\t\t<div class=\"box-title\">\u9644\u52A0\u9AD8\u7EA7\u6761\u4EF6</div>\r\n\t\t\t\t\t\t<mat-form-field class=\"condition-textarea\">\r\n\t\t\t\t\t\t\t<textarea matInput rreadonly=\"true\" [value]=\"plainText\" matTextareaAutosize></textarea>\r\n\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t</div>\r\n\t\t</ng-container>\r\n\t\t<ng-template #empty>\u6CA1\u6709\u6570\u636E</ng-template>\r\n</div>\r\n\r\n",
                    styles: [".label-main{width:100%;height:100%;box-sizing:border-box;padding:16px 8px 8px;border-radius:4px}.label-top{display:flex;justify-content:space-between;width:100%;height:20px;box-sizing:border-box}.label-top .select-input{margin-top:5px}.top-left{display:flex;align-items:center;box-sizing:border-box;font-size:14px}.top-left .open-with{margin-right:8px}.top-right{display:flex;align-items:center}.top-right .cancel{margin-left:8px}.label-box-condition,.label-box-sql{width:100%;box-sizing:border-box;overflow:auto;font-size:12px}.label-box-sql{height:172px;margin-top:16px}.label-box-sql .sql-textarea{width:100%;box-sizing:border-box;padding-left:12px;padding-right:12px}.label-box-condition{height:147px;box-sizing:border-box;padding-top:12px;padding-left:4px;padding-right:12px}.label-box-condition .condition-textarea{width:100%;box-sizing:border-box;padding-left:8px}"]
                }] }
    ];
    /** @nocollapse */
    LabelHistoryComponent.ctorParameters = function () { return [
        { type: MatDialogRef },
        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
    ]; };
    LabelHistoryComponent.propDecorators = {
        hostClass: [{ type: HostBinding, args: ['class.label-history',] }],
        dislogLabel: [{ type: ViewChild, args: ['dialogLabel', { static: true },] }]
    };
    return LabelHistoryComponent;
}());
export { LabelHistoryComponent };
if (false) {
    /** @type {?} */
    LabelHistoryComponent.prototype.hostClass;
    /** @type {?} */
    LabelHistoryComponent.prototype.labelHisList;
    /** @type {?} */
    LabelHistoryComponent.prototype.selectedItem;
    /** @type {?} */
    LabelHistoryComponent.prototype.whereString;
    /** @type {?} */
    LabelHistoryComponent.prototype.plainText;
    /** @type {?} */
    LabelHistoryComponent.prototype.dislogLabel;
    /** @type {?} */
    LabelHistoryComponent.prototype.dialogRef;
    /** @type {?} */
    LabelHistoryComponent.prototype.data;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtaGlzdG9yeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9kYndlYi1jb21tb24vIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYWJlbC1tYW5hZ2VyL2VkaXQtbGFiZWwvbGFiZWwtaGlzdG9yeS9sYWJlbC1oaXN0b3J5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQWEsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQUk3RSw0Q0FHQzs7O0lBRkEscUNBQXlCOztJQUN6QixzQ0FBZ0I7O0FBRWpCO0lBY0MsK0JBQ1EsU0FBOEMsRUFDckIsSUFBNEI7UUFEckQsY0FBUyxHQUFULFNBQVMsQ0FBcUM7UUFDckIsU0FBSSxHQUFKLElBQUksQ0FBd0I7UUFWekIsY0FBUyxHQUFHLElBQUksQ0FBQztJQVdsRCxDQUFDOzs7O0lBQ0osd0NBQVE7OztJQUFSO1FBQUEsaUJBU0M7UUFSQSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQSxDQUFDO1lBQ25FLEtBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUM1QixJQUFJLEtBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDakMsS0FBSSxDQUFDLFlBQVksR0FBRyxLQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN6QyxLQUFJLENBQUMsU0FBUyxDQUFDLEtBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNyQztRQUNGLENBQUMsRUFBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsV0FBVyxDQUFDO0lBQ2hGLENBQUM7Ozs7OztJQUNPLHlDQUFTOzs7OztJQUFqQixVQUFrQixHQUFrQjtRQUFwQyxpQkFXQztRQVZBLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVE7YUFDcEIsYUFBYSxDQUFDO1lBQ2QsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFDckMsRUFBRSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDckIsT0FBTyxFQUFFLEdBQUcsQ0FBQyxPQUFPO1NBQ3BCLENBQUM7YUFDRCxTQUFTOzs7O1FBQUMsVUFBQSxDQUFDO1lBQ1gsS0FBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1lBQzNCLEtBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUM5QixDQUFDLEVBQUMsQ0FBQztJQUNMLENBQUM7Ozs7O0lBQ0QsNENBQVk7Ozs7SUFBWixVQUFhLEtBQWdCO1FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQUEsS0FBSyxDQUFDLEtBQUssRUFBaUIsQ0FBQyxDQUFDO1FBQzdDLElBQUksQ0FBQyxZQUFZLEdBQUcsbUJBQUEsS0FBSyxDQUFDLEtBQUssRUFBaUIsQ0FBQztJQUNsRCxDQUFDOzs7O0lBQ0QscUNBQUs7OztJQUFMO1FBQ0MsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOztnQkE5Q0QsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLHlxREFBNkM7O2lCQUU3Qzs7OztnQkFaUSxZQUFZO2dEQXdCbEIsTUFBTSxTQUFDLGVBQWU7Ozs0QkFWdkIsV0FBVyxTQUFDLHFCQUFxQjs4QkFNakMsU0FBUyxTQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7O0lBbUMzQyw0QkFBQztDQUFBLEFBL0NELElBK0NDO1NBMUNZLHFCQUFxQjs7O0lBQ2pDLDBDQUFxRDs7SUFFckQsNkNBQThCOztJQUM5Qiw2Q0FBNEI7O0lBQzVCLDRDQUFvQjs7SUFDcEIsMENBQWtCOztJQUNsQiw0Q0FDd0I7O0lBRXZCLDBDQUFxRDs7SUFDckQscUNBQTREIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEluamVjdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSwgTWF0U2VsZWN0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJTGFiZWxIaXNJdGVtLCBJTGFiZWxLZXkgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9lbGV2aWV3L3R5cGVzL21vZGVsJztcclxuaW1wb3J0IHsgTGFiZWxNYW5hZ2VyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2UvbGFiZWwtbWFuYWdlci5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTGFiZWxIaXN0b3J5RGlhbG9nRGF0YSB7XHJcblx0c3ZyOiBMYWJlbE1hbmFnZXJTZXJ2aWNlO1xyXG5cdGRhdGE6IElMYWJlbEtleTtcclxufVxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1sYWJlbC1oaXN0b3J5JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vbGFiZWwtaGlzdG9yeS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vbGFiZWwtaGlzdG9yeS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMYWJlbEhpc3RvcnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MubGFiZWwtaGlzdG9yeScpIGhvc3RDbGFzcyA9IHRydWU7XHJcblxyXG5cdGxhYmVsSGlzTGlzdDogSUxhYmVsSGlzSXRlbVtdO1xyXG5cdHNlbGVjdGVkSXRlbTogSUxhYmVsSGlzSXRlbTtcclxuXHR3aGVyZVN0cmluZzogc3RyaW5nO1xyXG5cdHBsYWluVGV4dDogc3RyaW5nO1xyXG5cdEBWaWV3Q2hpbGQoJ2RpYWxvZ0xhYmVsJywgeyBzdGF0aWM6IHRydWUgfSlcclxuXHRkaXNsb2dMYWJlbDogRWxlbWVudFJlZjtcclxuXHRjb25zdHJ1Y3RvcihcclxuXHRcdHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxMYWJlbEhpc3RvcnlDb21wb25lbnQ+LFxyXG5cdFx0QEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBMYWJlbEhpc3RvcnlEaWFsb2dEYXRhXHJcblx0KSB7fVxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0dGhpcy5kYXRhLnN2ci5iYWNrZmFjZS5mZXRjaExhYmVsSGlzTGlzdCh0aGlzLmRhdGEuZGF0YSkuc3Vic2NyaWJlKHYgPT4ge1xyXG5cdFx0XHR0aGlzLmxhYmVsSGlzTGlzdCA9IHYgfHwgW107XHJcblx0XHRcdGlmICh0aGlzLmxhYmVsSGlzTGlzdC5sZW5ndGggPiAwKSB7XHJcblx0XHRcdFx0dGhpcy5zZWxlY3RlZEl0ZW0gPSB0aGlzLmxhYmVsSGlzTGlzdFswXTtcclxuXHRcdFx0XHR0aGlzLmZldGNoRGF0YSh0aGlzLmxhYmVsSGlzTGlzdFswXSk7XHJcblx0XHRcdH1cclxuXHRcdH0pO1xyXG5cdFx0dGhpcy5kaXNsb2dMYWJlbC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQucGFyZW50RWxlbWVudC5zdHlsZSA9ICdwYWRkaW5nOjAnO1xyXG5cdH1cclxuXHRwcml2YXRlIGZldGNoRGF0YShrZXk6IElMYWJlbEhpc0l0ZW0pIHtcclxuXHRcdHRoaXMuZGF0YS5zdnIuYmFja2ZhY2VcclxuXHRcdFx0LmZldGNoTGFiZWxIaXMoe1xyXG5cdFx0XHRcdENhdGVnb3J5SUQ6IHRoaXMuZGF0YS5kYXRhLkNhdGVnb3J5SUQsXHJcblx0XHRcdFx0SUQ6IHRoaXMuZGF0YS5kYXRhLklELFxyXG5cdFx0XHRcdFZlcnNpb246IGtleS5WZXJzaW9uXHJcblx0XHRcdH0pXHJcblx0XHRcdC5zdWJzY3JpYmUodiA9PiB7XHJcblx0XHRcdFx0dGhpcy53aGVyZVN0cmluZyA9IHYuQ29udHM7XHJcblx0XHRcdFx0dGhpcy5wbGFpblRleHQgPSB2LlBsYWluVGV4dDtcclxuXHRcdFx0fSk7XHJcblx0fVxyXG5cdHNlbGVjdENoYW5nZShldmVudDogTWF0U2VsZWN0KSB7XHJcblx0XHR0aGlzLmZldGNoRGF0YShldmVudC52YWx1ZSBhcyBJTGFiZWxIaXNJdGVtKTtcclxuXHRcdHRoaXMuc2VsZWN0ZWRJdGVtID0gZXZlbnQudmFsdWUgYXMgSUxhYmVsSGlzSXRlbTtcclxuXHR9XHJcblx0Y2xvc2UoKTogdm9pZCB7XHJcblx0XHR0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG5cdH1cclxufVxyXG4iXX0=