dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
47 lines • 5.41 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { BillFieldDataType } from 'dbweb-core';
export class CommonBillComponent {
constructor() {
this.hostClass = true;
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @param {?} fld
* @return {?}
*/
inputType(fld) {
switch (fld.Type) {
default:
return 'text';
case BillFieldDataType.DATE:
return 'datetime-local';
case BillFieldDataType.FLOAT:
case BillFieldDataType.INT:
return 'number';
}
}
}
CommonBillComponent.decorators = [
{ type: Component, args: [{
selector: 'common-common-bill',
template: "<common-bill #bill>\r\n\t<!-- \u2193\u2193\u2193 0. \u603B\u5916\u6846 \u2193\u2193\u2193 -->\r\n\t<div class=\"bill-main\">\r\n\t\t<!-- \u2193\u2193 1. \u8868\u5355\u5916\u6846 \u2193\u2193 -->\r\n\t\t<div class=\"bill-wrapper mat-elevation-z2\" [formGroup]=\"bill.formGroup\"\r\n\t\t\t*ngIf=\"bill.formGroup\">\r\n\t\t\t<div class=\"bill-title\">{{bill.element.element.title()}}</div>\r\n\t\t\t<!-- \u2193 2.\u5FAA\u73AF\u6BCF\u884C \u2193 -->\r\n\t\t\t<div *ngFor=\"let field of bill.fields\">\r\n\t\t\t\t<!-- 3. \u6BCF\u884C \u2193 -->\r\n\t\t\t\t<div class=\"bill-row\">\r\n\t\t\t\t\t<!-- 3.1 \u6BCF\u884C\u5DE6\u8FB9 \u2193 -->\r\n\t\t\t\t\t<div class=\"row-left\">\r\n\t\t\t\t\t\t{{field.Name}}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<!-- 3.2 \u6BCF\u884C\u53F3\u8FB9 \u2193 -->\r\n\t\t\t\t\t<div class=\"row-right\">\r\n\t\t\t\t\t\t<div class=\"form-wrapper\">\r\n\t\t\t\t\t\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t\t\t\t\t\t<input class=\"outline-input\" matInput\r\n\t\t\t\t\t\t\t\t\t[type]=\"inputType(field)\"\r\n\t\t\t\t\t\t\t\t\t[formControlName]=\"field.Name\"\r\n\t\t\t\t\t\t\t\t\t[readOnly]=\"field.Readonly\"\r\n\t\t\t\t\t\t\t\t\t[ngStyle]=\"{'visibility':field.Hidden?'hidden':''}\"\r\n\t\t\t\t\t\t\t\t\tcommonBillField>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</common-bill>",
styles: ["@charset \"UTF-8\";.bill-main,.bill-row,.bill-wrapper,.row-left,.row-right{box-sizing:border-box}.bill-main{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 116px)}.bill-title{font:24px bold;margin-left:16px;margin-bottom:16px}.bill-wrapper{width:560px;max-height:calc(100vh - 116px - 48px);padding:16px 0;border-radius:4px;overflow:auto}.bill-row{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;line-height:40px;margin-bottom:16px;font-size:14px}.row-left{width:calc(152px - 24px);text-align:right}.row-right{display:flex;align-items:center;width:408px;box-sizing:border-box}.row-right .outline-input{width:330px;box-sizing:border-box;padding-left:8px}"]
}] }
];
/** @nocollapse */
CommonBillComponent.ctorParameters = () => [];
CommonBillComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.common-bill',] }]
};
if (false) {
/** @type {?} */
CommonBillComponent.prototype.hostClass;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWJpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2JpbGwvY29tbW9uLWJpbGwvY29tbW9uLWJpbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFPdkQsTUFBTSxPQUFPLG1CQUFtQjtJQUUvQjtRQURrQyxjQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ3BDLENBQUM7Ozs7SUFFaEIsUUFBUSxLQUFJLENBQUM7Ozs7O0lBQ2IsU0FBUyxDQUFDLEdBQVc7UUFDcEIsUUFBUSxHQUFHLENBQUMsSUFBSSxFQUFFO1lBQ2pCO2dCQUNDLE9BQU8sTUFBTSxDQUFDO1lBQ2YsS0FBSyxpQkFBaUIsQ0FBQyxJQUFJO2dCQUMxQixPQUFPLGdCQUFnQixDQUFDO1lBQ3pCLEtBQUssaUJBQWlCLENBQUMsS0FBSyxDQUFDO1lBQzdCLEtBQUssaUJBQWlCLENBQUMsR0FBRztnQkFDekIsT0FBTyxRQUFRLENBQUM7U0FDakI7SUFDRixDQUFDOzs7WUFwQkQsU0FBUyxTQUFDO2dCQUNWLFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLDQ0Q0FBMkM7O2FBRTNDOzs7Ozt3QkFFQyxXQUFXLFNBQUMsbUJBQW1COzs7O0lBQWhDLHdDQUFtRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJRmllbGQsIEJpbGxGaWVsZERhdGFUeXBlIH0gZnJvbSAnZGJ3ZWItY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1jb21tb24tYmlsbCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2NvbW1vbi1iaWxsLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9jb21tb24tYmlsbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tb25CaWxsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbW1vbi1iaWxsJykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHRjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG5cdG5nT25Jbml0KCkge31cclxuXHRpbnB1dFR5cGUoZmxkOiBJRmllbGQpIHtcclxuXHRcdHN3aXRjaCAoZmxkLlR5cGUpIHtcclxuXHRcdFx0ZGVmYXVsdDpcclxuXHRcdFx0XHRyZXR1cm4gJ3RleHQnO1xyXG5cdFx0XHRjYXNlIEJpbGxGaWVsZERhdGFUeXBlLkRBVEU6XHJcblx0XHRcdFx0cmV0dXJuICdkYXRldGltZS1sb2NhbCc7XHJcblx0XHRcdGNhc2UgQmlsbEZpZWxkRGF0YVR5cGUuRkxPQVQ6XHJcblx0XHRcdGNhc2UgQmlsbEZpZWxkRGF0YVR5cGUuSU5UOlxyXG5cdFx0XHRcdHJldHVybiAnbnVtYmVyJztcclxuXHRcdH1cclxuXHR9XHJcbn1cclxuIl19