dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
56 lines • 8.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { ElementService } from '../../service/element.service';
import { moveItemInArray } from '@angular/cdk/drag-drop';
export class ImportFieldComponent {
/**
* @param {?} elementSvr
*/
constructor(elementSvr) {
this.elementSvr = elementSvr;
this.hostClass = true;
this.svr = (/** @type {?} */ (this.elementSvr.data.import));
this.titles = ['序号', '名称', '别名', '类别', '值', '备注'];
}
/**
* @param {?} event
* @return {?}
*/
drop(event) {
moveItemInArray(this.svr.Params.Fields, event.previousIndex, event.currentIndex);
}
/**
* @return {?}
*/
ngOnInit() {
// console.log(this.svr.Params.Fields);
}
}
ImportFieldComponent.decorators = [
{ type: Component, args: [{
selector: 'common-import-field',
template: "<span class=\"\u5BFC\u5165-\u4E00\u7EA7\u6807\u9898 \u5B57\u4F53\u989C\u8272\">\u5B57\u6BB5\u8BBE\u7F6E</span>\r\n<div class=\"import-title\">\r\n\t<div class=\"tit-{{i+1}}\" *ngFor=\"let tit of titles;let i =index\">{{tit}}</div>\r\n</div>\r\n<div class=\"\u5BFC\u5165-\u5B57\u6BB5\u8BBE\u7F6E\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n\t<div class=\"\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5\" *ngFor=\"let field of svr.Params.Fields; let i = index\"\r\n\t\tcdkDrag>\r\n\t\t<mat-icon class=\"check-icon\" svgIcon=\"drag_indicator\" cdkDragHandle></mat-icon>\r\n\t\t<span class=\"\u7D22\u5F15\" class=\"field-list-1\">{{ i+1 }}</span>\r\n\t\t<span class=\"\u540D\u79F0\" class=\"field-list-2\">{{ field.Name }}</span>\r\n\t\t<mat-form-field class=\"field-list-3\" appearance=\"outline\">\r\n\t\t\t<input matInput [(ngModel)]=\"field.Alias\" />\r\n\t\t</mat-form-field>\r\n\t\t<mat-form-field class=\"field-list-4\" appearance=\"outline\">\r\n\t\t\t<mat-select [(ngModel)]=\"field.Style\">\r\n\t\t\t\t<mat-option [value]=\"'NORMAL'\">\u6B63\u5E38\u5BFC\u5165\u5B57\u6BB5</mat-option>\r\n\t\t\t\t<mat-option [value]=\"'MUST'\">\u5FC5\u987B\u5BFC\u5165\u7684\u5B57\u6BB5</mat-option>\r\n\t\t\t\t<mat-option [value]=\"'FILL'\">\u81EA\u52A8\u586B\u5145\u7684\u5B57\u6BB5</mat-option>\r\n\t\t\t\t<mat-option [value]=\"'SKIP'\">\u5FFD\u7565\u7684\u5B57\u6BB5</mat-option>\r\n\t\t\t</mat-select>\r\n\t\t</mat-form-field>\r\n\t\t<mat-form-field class=\"field-list-5\" appearance=\"outline\">\r\n\t\t\t<input matInput placeholder=\"\u503C\" [(ngModel)]=\"field.Value\" />\r\n\t\t</mat-form-field>\r\n\t\t<mat-form-field class=\"field-list-6\" appearance=\"outline\">\r\n\t\t\t<input matInput placeholder=\"\u5907\u6CE8\" [(ngModel)]=\"field.Remark\" />\r\n\t\t</mat-form-field>\r\n\t\t<!-- <mat-divider *ngIf=\"svr.Params.Fields.length - 1 > i\"> </mat-divider> -->\r\n\t</div>\r\n</div>",
styles: ["@charset \"UTF-8\";.\u5BFC\u5165-\u4E00\u7EA7\u6807\u9898{font-size:16px;font-weight:700;margin-bottom:16px}.\u5BFC\u5165-\u5B57\u6BB5\u8BBE\u7F6E{margin:16px 0 0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5{position:relative;display:flex;align-items:center;width:100%;height:56px;font-size:14px}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-form-field{max-width:160px;min-width:80px;margin:0 8px 0 0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-form-field ::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-form-field ::ng-deep .mat-form-field-infix{border:0;padding:10px 0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-form-field ::ng-deep .mat-select-arrow-wrapper{-webkit-transform:translateY(0);transform:translateY(0)}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-icon{flex-shrink:0;width:16px;height:16px;line-height:16px;cursor:pointer;opacity:0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .\u7D22\u5F15{width:32px;padding:0 8px}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .\u540D\u79F0{width:128px;padding:0 8px}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5 .mat-divider{width:100%;position:absolute;bottom:0;left:0}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);border-radius:4px}.\u5BFC\u5165-\u5355\u4E2A\u5B57\u6BB5:hover .mat-icon{opacity:1}.import-title{display:flex;flex-wrap:nowrap;width:100%;box-sizing:border-box;margin-top:24px;font:14px bold}.tit-1{width:calc(10% + 12px);min-width:58px;max-width:84px}.check-icon{width:16px}.field-list-1{width:10%;min-width:42px}.tit-2{width:calc(25% - 12px);min-width:80px;max-width:168px}.field-list-2{width:25%;min-width:80px}.tit-3{width:15%;min-width:88px;max-width:108px}.field-list-3{width:15%}.tit-4{width:20%;min-width:88px;max-width:144px}.field-list-4{width:20%}.tit-5{width:20%;min-width:88px;max-width:144px}.field-list-5{width:20%}.tit-6{width:10%;min-width:80px}.field-list-6{width:10%}"]
}] }
];
/** @nocollapse */
ImportFieldComponent.ctorParameters = () => [
{ type: ElementService }
];
ImportFieldComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-import-field',] }]
};
if (false) {
/** @type {?} */
ImportFieldComponent.prototype.hostClass;
/** @type {?} */
ImportFieldComponent.prototype.svr;
/** @type {?} */
ImportFieldComponent.prototype.titles;
/** @type {?} */
ImportFieldComponent.prototype.elementSvr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1wb3J0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9lbGVtZW50L3NldC1wcm9wZXJ0eS1pbXBvcnQvaW1wb3J0LWZpZWxkL2ltcG9ydC1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQXFCLE1BQU0sK0JBQStCLENBQUM7QUFFbEYsT0FBTyxFQUFlLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBT3RFLE1BQU0sT0FBTyxvQkFBb0I7Ozs7SUFJaEMsWUFBbUIsVUFBMEI7UUFBMUIsZUFBVSxHQUFWLFVBQVUsQ0FBZ0I7UUFIUixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQy9DLFFBQUcsR0FBRyxtQkFBQSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQXFCLENBQUM7UUFDOUQsV0FBTSxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNHLENBQUM7Ozs7O0lBRWpELElBQUksQ0FBQyxLQUFpQztRQUNyQyxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2xGLENBQUM7Ozs7SUFFRCxRQUFRO1FBQ1AsdUNBQXVDO0lBQ3hDLENBQUM7OztZQWpCRCxTQUFTLFNBQUM7Z0JBQ1YsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsNDJEQUE0Qzs7YUFFNUM7Ozs7WUFSUSxjQUFjOzs7d0JBVXJCLFdBQVcsU0FBQyxzQkFBc0I7Ozs7SUFBbkMseUNBQXNEOztJQUN0RCxtQ0FBOEQ7O0lBQzlELHNDQUE2Qzs7SUFDakMsMENBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsZW1lbnRTZXJ2aWNlLCBFbGVtZW50RGF0YUltcG9ydCB9IGZyb20gJy4uLy4uL3NlcnZpY2UvZWxlbWVudC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSW1wb3J0RmllbGQgfSBmcm9tICcuLi8uLi9zZXJ2aWNlL2ltcG9ydC1wYXJhbSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLWltcG9ydC1maWVsZCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2ltcG9ydC1maWVsZC5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vaW1wb3J0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEltcG9ydEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmMtaW1wb3J0LWZpZWxkJykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHRwdWJsaWMgc3ZyID0gdGhpcy5lbGVtZW50U3ZyLmRhdGEuaW1wb3J0IGFzIEVsZW1lbnREYXRhSW1wb3J0O1xyXG5cdHRpdGxlcyA9IFsn5bqP5Y+3JywgJ+WQjeensCcsICfliKvlkI0nLCAn57G75YirJywgJ+WAvCcsICflpIfms6gnXTtcclxuXHRjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFN2cjogRWxlbWVudFNlcnZpY2UpIHt9XHJcblxyXG5cdGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPEltcG9ydEZpZWxkW10+KSB7XHJcblx0XHRtb3ZlSXRlbUluQXJyYXkodGhpcy5zdnIuUGFyYW1zLkZpZWxkcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0Ly8gY29uc29sZS5sb2codGhpcy5zdnIuUGFyYW1zLkZpZWxkcyk7XHJcblx0fVxyXG59XHJcbiJdfQ==