dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
110 lines • 13.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { UpdateService } from './update.service';
import { TabsService } from '../home/tabs.service';
import { ProjectService } from 'dbweb-core';
export class UpdateComponent {
/**
* @param {?} srv
* @param {?} tabs
* @param {?} prj
*/
constructor(srv, tabs, prj) {
this.srv = srv;
this.tabs = tabs;
this.prj = prj;
this.hostClass = true;
this.subs = [];
}
/**
* @return {?}
*/
ngOnInit() {
this.srv.init();
}
/**
* @return {?}
*/
doUpdate() {
/** @type {?} */
const sets = this.srv.fields
.filter((/**
* @param {?} v
* @return {?}
*/
v => v.selected))
.map((/**
* @param {?} v
* @return {?}
*/
v => ({ Column: v.Name, Value: v.setValue })));
this.srv.doUpdate({ Sets: sets }).subscribe((/**
* @param {?} v
* @return {?}
*/
v => {
this.srv.step = 'complete';
this.srv.taskInfoURL = this.prj.frontURL('task', v.TaskInfoURL);
}));
}
/**
* @return {?}
*/
close() {
this.tabs.close();
}
/**
* @return {?}
*/
quantityToReplace() {
/** @type {?} */
let num = 0;
if (this.srv.fields) {
this.srv.fields.forEach((/**
* @param {?} item
* @return {?}
*/
item => {
if (item.selected || item.Must) {
num++;
}
}));
}
return num;
}
}
UpdateComponent.decorators = [
{ type: Component, args: [{
selector: 'common-update',
template: "<ng-container [ngSwitch]=\"srv.step\">\r\n\t<div class=\"update-all\" *ngSwitchCase=\"'prepare'\">\r\n\t\t<div class=\"update-top\">\r\n\t\t\t<span class=\"top-title\">\r\n\t\t\t\t<span class=\"\u6807\u9898\">\u6210\u6279\u66FF\u6362\u2014\u2014{{ srv.eleName }}</span\r\n\t\t\t\t>({{ srv.num }}\u6761\u8BB0\u5F55)</span\r\n\t\t\t>\r\n\t\t\t<span *ngIf=\"quantityToReplace() == 0\" class=\"top-tips \u63D0\u793A\">\u4EA4\u66FF\u66FF\u6362\u540E,\u6240\u6709\u8BB0\u5F55\u90FD\u5C06\u66F4\u65B0,\u8BF7\u614E\u91CD\u64CD\u4F5C</span>\r\n\t\t\t<span *ngIf=\"quantityToReplace() > 0\" class=\"top-tips \u9009\u62E9\u6570\u91CF\"\r\n\t\t\t\t>\u5DF2\u9009\u62E9 <span>{{ quantityToReplace() }}</span> \u9879\u64CD\u4F5C\u6267\u884C</span\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<div class=\"update-body\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"update-field\"\r\n\t\t\t\t*ngFor=\"let field of srv.fields; let index = index\"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t'activation-style': field.selected || field.Must,\r\n\t\t\t\t\t'mat-elevation-z4': field.selected || field.Must\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"\u540D\u79F0\" [class.\u900F\u660E]=\"!field.selected && !field.Must\"\r\n\t\t\t\t\t>{{ index + 1 }}.{{ field.Label }} ({{ field.Name }})\r\n\t\t\t\t\t<mat-icon *ngIf=\"field.Tooltip\" svgIcon=\"info\" matTooltip=\"{{ field.Tooltip }}\"></mat-icon\r\n\t\t\t\t></span>\r\n\t\t\t\t<mat-checkbox [(ngModel)]=\"field.selected\" *ngIf=\"!field.Must\"> </mat-checkbox>\r\n\t\t\t\t<div *ngIf=\"field.selected || field.Must\" class=\"\u64CD\u4F5C\">\r\n\t\t\t\t\t<div class=\"\u9009\u62E9\" *ngIf=\"field.Freeentry\">\r\n\t\t\t\t\t\t<mat-select placeholder=\"\u9009\u62E9\" [(value)]=\"field.setValue\">\r\n\t\t\t\t\t\t\t<mat-option *ngFor=\"let list of field.List\" [value]=\"list.Value\">\r\n\t\t\t\t\t\t\t\t{{ list.Label }}\r\n\t\t\t\t\t\t\t</mat-option>\r\n\t\t\t\t\t\t</mat-select>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"\u8F93\u5165\" *ngIf=\"field.Freeentry\">\r\n\t\t\t\t\t\t<mat-form-field class=\"example-full-width\">\r\n\t\t\t\t\t\t\t<input matInput [(ngModel)]=\"field.setValue\" />\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=\"\u5355\u9009\" *ngIf=\"!field.Freeentry\">\r\n\t\t\t\t\t\t<mat-radio-group>\r\n\t\t\t\t\t\t\t<mat-radio-button *ngFor=\"let list of field.List\" [value]=\"list.Value\">{{\r\n\t\t\t\t\t\t\t\tlist.Label\r\n\t\t\t\t\t\t\t}}</mat-radio-button>\r\n\t\t\t\t\t\t</mat-radio-group>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div *ngIf=\"!field.selected && !field.Must\" class=\"\u672A\u6FC0\u6D3B\">\r\n\t\t\t\t\t<span *ngIf=\"!field.setValue || field.setValue == ''\">\u6682\u65E0\u4FEE\u6539\u503C</span>\r\n\t\t\t\t\t<span *ngIf=\"field.setValue && field.setValue != ''\">\u66FF\u6362\u5185\u5BB9</span>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"update-footer\">\r\n\t\t\t<button class=\"\u529F\u80FD\u6309\u94AE\" mat-button (click)=\"close()\"><mat-icon svgIcon=\"close\"></mat-icon> \u53D6\u6D88</button>\r\n\t\t\t<button class=\"\u6267\u884C\u6309\u94AE\" mat-button (click)=\"doUpdate()\">\r\n\t\t\t\t<mat-icon svgIcon=\"check_circle\"></mat-icon> \u6267\u884C\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div *ngSwitchCase=\"'runing'\">\r\n\t\t\u6B63\u5728\u6210\u6279\u66FF\u6362\u3002\u3002\u3002\r\n\t</div>\r\n\t<div class=\"replace\" *ngSwitchCase=\"'complete'\">\r\n\t\t<div class=\"replace-wrapper\">\r\n\t\t\t<div class=\"replace-title\">\u6B63\u5728\u8FDB\u884C\u4E2D...</div>\r\n\t\t\t<div class=\"replace-text\">\r\n\t\t\t\t\u6210\u6279\u66FF\u6362\u5DF2\u63D0\u4EA4\uFF0C\u53EF\u5230 <a class=\"text-check\" [routerLink]=\"srv.taskInfoURL\">\u4EFB\u52A1\u660E\u7EC6</a>\r\n\t\t\t\t\u4E2D\u67E5\u770B\uFF01\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n",
styles: ["@charset \"UTF-8\";.update-all{width:100%;height:100%;display:flex;flex-direction:column}.update-all .update-top{margin:24px 48px}.update-all .update-top .top-title{font-size:20px}.update-all .update-top .top-title .\u6807\u9898{font-weight:700}.update-all .update-top .top-tips{font-size:14px;display:block;margin-top:8px}.update-all .update-top .top-tips span{font-size:18px}.update-all .update-body{flex-grow:1;width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;padding:0 32px 0 48px;box-sizing:border-box}.update-all .update-body .update-field{width:280px;height:120px;padding:16px 8px 14px 16px;box-sizing:border-box;margin:0 16px 24px 0;position:relative;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.update-all .update-body .update-field .\u540D\u79F0{font-size:18px;font-weight:700}.update-all .update-body .update-field .\u540D\u79F0 .mat-icon{width:16px;height:16px;line-height:16px}.update-all .update-body .update-field .mat-checkbox{position:absolute;top:12px;right:8px}.update-all .update-body .update-field .\u64CD\u4F5C{display:flex;align-items:center}.update-all .update-body .update-field .\u64CD\u4F5C .\u9009\u62E9{width:72px;margin-right:8px}.update-all .update-body .update-field .\u64CD\u4F5C .\u8F93\u5165{flex-grow:1}.update-all .update-body .update-field .\u64CD\u4F5C .\u8F93\u5165 .mat-form-field{width:100%;font-size:12px}.update-all .update-body .update-field .\u64CD\u4F5C .\u8F93\u5165 .mat-form-field ::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:10px;vertical-align:bottom;-webkit-transform:translateY(0);transform:translateY(0)}.update-all .update-body .update-field .\u64CD\u4F5C .\u8F93\u5165 .mat-form-field ::ng-deep .mat-form-field-infix{border:0;font-size:14px;padding:10px 0;box-sizing:border-box}.update-all .update-body .update-field .\u64CD\u4F5C .\u5355\u9009{margin-left:15px}.update-all .update-body .update-field .\u64CD\u4F5C .\u5355\u9009 .mat-radio-button{margin-right:8px;font-size:14px}.update-all .update-body .update-field .\u672A\u6FC0\u6D3B{font-size:14px}.update-all .update-body .update-field .\u900F\u660E{opacity:.6}.update-all .update-footer{width:100%;height:48px;display:flex;justify-content:center;align-items:center;padding-right:16px;box-sizing:border-box}.update-all .update-footer .\u529F\u80FD\u6309\u94AE{margin-right:8px}.update-all .update-footer .\u6267\u884C\u6309\u94AE .mat-icon{margin-right:4px;vertical-align:middle}.replace{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 30px)}.replace .replace-wrapper{width:624px;height:456px;margin-top:-60px;background:url(/front/assets/export/prepare.png) top center/300px 300px no-repeat;box-shadow:0 2px 5px 0 rgba(0,0,0,.14);box-sizing:border-box}.replace .replace-wrapper .replace-title{padding:271px 128px 0;font-size:24px}.replace .replace-wrapper .replace-text{padding:16px 128px 0;font-size:16px}.replace .replace-wrapper .replace-text .text-check{font-weight:700}"]
}] }
];
/** @nocollapse */
UpdateComponent.ctorParameters = () => [
{ type: UpdateService },
{ type: TabsService },
{ type: ProjectService }
];
UpdateComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.update',] }]
};
if (false) {
/** @type {?} */
UpdateComponent.prototype.hostClass;
/** @type {?} */
UpdateComponent.prototype.subs;
/** @type {?} */
UpdateComponent.prototype.srv;
/**
* @type {?}
* @private
*/
UpdateComponent.prototype.tabs;
/** @type {?} */
UpdateComponent.prototype.prj;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi91cGRhdGUvdXBkYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBVyxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBUTVDLE1BQU0sT0FBTyxlQUFlOzs7Ozs7SUFHM0IsWUFBbUIsR0FBa0IsRUFBVSxJQUFpQixFQUFTLEdBQW1CO1FBQXpFLFFBQUcsR0FBSCxHQUFHLENBQWU7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFhO1FBQVMsUUFBRyxHQUFILEdBQUcsQ0FBZ0I7UUFGL0QsY0FBUyxHQUFHLElBQUksQ0FBQztRQUM5QyxTQUFJLEdBQW1CLEVBQUUsQ0FBQztJQUNxRSxDQUFDOzs7O0lBRWhHLFFBQVE7UUFDUCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pCLENBQUM7Ozs7SUFFRCxRQUFROztjQUNELElBQUksR0FBYyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU07YUFDckMsTUFBTTs7OztRQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBQzthQUN2QixHQUFHOzs7O1FBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUFDO1FBRW5ELElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsU0FBUzs7OztRQUFDLENBQUMsQ0FBQyxFQUFFO1lBQy9DLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztZQUMzQixJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsRUFBQyxDQUFDO0lBQ0osQ0FBQzs7OztJQUNELEtBQUs7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ25CLENBQUM7Ozs7SUFDRCxpQkFBaUI7O1lBQ1osR0FBRyxHQUFHLENBQUM7UUFDWCxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLE9BQU87Ozs7WUFBQyxJQUFJLENBQUMsRUFBRTtnQkFDOUIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7b0JBQy9CLEdBQUcsRUFBRSxDQUFDO2lCQUNOO1lBQ0YsQ0FBQyxFQUFDLENBQUM7U0FDSDtRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ1osQ0FBQzs7O1lBckNELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsZUFBZTtnQkFDekIsc3VIQUFzQzs7YUFFdEM7Ozs7WUFUUSxhQUFhO1lBQ2IsV0FBVztZQUNYLGNBQWM7Ozt3QkFTckIsV0FBVyxTQUFDLGNBQWM7Ozs7SUFBM0Isb0NBQThDOztJQUM5QywrQkFBMEI7O0lBQ2QsOEJBQXlCOzs7OztJQUFFLCtCQUF5Qjs7SUFBRSw4QkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVXBkYXRlU2VydmljZSwgU2V0RGF0YSB9IGZyb20gJy4vdXBkYXRlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUYWJzU2VydmljZSB9IGZyb20gJy4uL2hvbWUvdGFicy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgUHJvamVjdFNlcnZpY2UgfSBmcm9tICdkYndlYi1jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi11cGRhdGUnLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi91cGRhdGUuY29tcG9uZW50Lmh0bWwnLFxyXG5cdHN0eWxlVXJsczogWycuL3VwZGF0ZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVcGRhdGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MudXBkYXRlJykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHRzdWJzOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBzcnY6IFVwZGF0ZVNlcnZpY2UsIHByaXZhdGUgdGFiczogVGFic1NlcnZpY2UsIHB1YmxpYyBwcmo6IFByb2plY3RTZXJ2aWNlKSB7fVxyXG5cclxuXHRuZ09uSW5pdCgpIHtcclxuXHRcdHRoaXMuc3J2LmluaXQoKTtcclxuXHR9XHJcblxyXG5cdGRvVXBkYXRlKCkge1xyXG5cdFx0Y29uc3Qgc2V0czogU2V0RGF0YVtdID0gdGhpcy5zcnYuZmllbGRzXHJcblx0XHRcdC5maWx0ZXIodiA9PiB2LnNlbGVjdGVkKVxyXG5cdFx0XHQubWFwKHYgPT4gKHsgQ29sdW1uOiB2Lk5hbWUsIFZhbHVlOiB2LnNldFZhbHVlIH0pKTtcclxuXHJcblx0XHR0aGlzLnNydi5kb1VwZGF0ZSh7IFNldHM6IHNldHMgfSkuc3Vic2NyaWJlKHYgPT4ge1xyXG5cdFx0XHR0aGlzLnNydi5zdGVwID0gJ2NvbXBsZXRlJztcclxuXHRcdFx0dGhpcy5zcnYudGFza0luZm9VUkwgPSB0aGlzLnByai5mcm9udFVSTCgndGFzaycsIHYuVGFza0luZm9VUkwpO1xyXG5cdFx0fSk7XHJcblx0fVxyXG5cdGNsb3NlKCkge1xyXG5cdFx0dGhpcy50YWJzLmNsb3NlKCk7XHJcblx0fVxyXG5cdHF1YW50aXR5VG9SZXBsYWNlKCk6IG51bWJlciB7XHJcblx0XHRsZXQgbnVtID0gMDtcclxuXHRcdGlmICh0aGlzLnNydi5maWVsZHMpIHtcclxuXHRcdFx0dGhpcy5zcnYuZmllbGRzLmZvckVhY2goaXRlbSA9PiB7XHJcblx0XHRcdFx0aWYgKGl0ZW0uc2VsZWN0ZWQgfHwgaXRlbS5NdXN0KSB7XHJcblx0XHRcdFx0XHRudW0rKztcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIG51bTtcclxuXHR9XHJcbn1cclxuIl19