@wjya/ngx-webapp-icpc.group.pms
Version:
angular webapp : icpc.group.pms
133 lines • 12 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var router_1 = require("@angular/router");
var ngx_webapp_fx_1 = require("@wjya/ngx-webapp-fx");
var data_source_helper_1 = require("../service/data-source.helper");
var forms_1 = require("@angular/forms");
var ngx_utils_1 = require("@wjya/ngx-utils");
var CarparkDetailComponent = /** @class */ (function () {
function CarparkDetailComponent(activateRoute, dataSourceHelper, fb, dataDictService) {
this.activateRoute = activateRoute;
this.dataSourceHelper = dataSourceHelper;
this.fb = fb;
this.dataDictService = dataDictService;
this.isEdit = false;
this.alamIsEdit = false;
this.data = {};
this.alamData = {};
this.dataSource = this.dataSourceHelper.parks;
this.communityDataSource = this.dataSourceHelper.communities;
this.parkConfigDataSource = this.dataSourceHelper.parkConfigs;
this.validateForm = this.fb.group({
id: [null],
communityGroupId: [null],
communityId: [null],
name: [null, [forms_1.Validators.required]],
berthTotal: [null, [forms_1.Validators.required]],
address: [null, [forms_1.Validators.required]],
});
this.validateForm2 = this.fb.group({
id: [null],
parkId: [null],
enableFaultAlarm: [false],
secretKey: [null, [forms_1.Validators.required]],
faultAlarmMobile: [null, [forms_1.Validators.required]],
});
}
CarparkDetailComponent.prototype.ngOnInit = function () {
this.id = this.activateRoute.snapshot.params['id'];
this.loadAll();
this.loadParkConfig();
};
CarparkDetailComponent.prototype.loadAll = function () {
var _this = this;
this.dataSource.findOne(this.id).subscribe(function (res) {
_this.data = res.body;
var entity = ngx_utils_1.ObjectUtils.cloneObject(_this.data, true);
_this.validateForm.patchValue(entity);
if (_this.data.communityId) {
_this.communityDataSource.findList({
officeIds: _this.data.communityId
}, true).subscribe(function (community) {
// this.dataDictService.putItems('DICT_COMMUNITY_NAME', community.body, '${name}');
// this.dataDictService.putItems('DICT_COMMUNITY_NAME', community.body, '${name}');
_this.data.communityName = community.body[0].name;
});
}
});
};
CarparkDetailComponent.prototype.loadParkConfig = function () {
var _this = this;
this.parkConfigDataSource.findList({
parkId: this.id
}).subscribe(function (res) {
if (res.body.length > 0) {
_this.alamData = res.body[0];
}
else {
_this.alamData = {};
}
var entity = ngx_utils_1.ObjectUtils.cloneObject(_this.alamData, true);
_this.validateForm2.patchValue(entity);
});
};
CarparkDetailComponent.prototype.getFormControl = function (name) {
return this.validateForm.controls[name];
};
CarparkDetailComponent.prototype.getFormControl2 = function (name) {
return this.validateForm2.controls[name];
};
CarparkDetailComponent.prototype.onSave = function () {
var _this = this;
if (!this.validateForm.valid) {
for (var _i = 0, _a = Object.keys(this.validateForm.controls); _i < _a.length; _i++) {
var i = _a[_i];
this.validateForm.controls[i].markAsDirty();
}
}
else {
this.isEdit = !this.isEdit;
var entity = ngx_utils_1.ObjectUtils.patchFieldValue(this.validateForm.value, this.data);
this.dataSource.update(entity).subscribe(function (success) {
_this.loadAll();
});
}
};
CarparkDetailComponent.prototype.alamOnSave = function () {
var _this = this;
if (!this.validateForm2.valid) {
for (var _i = 0, _a = Object.keys(this.validateForm2.controls); _i < _a.length; _i++) {
var i = _a[_i];
this.validateForm2.controls[i].markAsDirty();
}
}
else {
this.alamIsEdit = !this.alamIsEdit;
var entity = ngx_utils_1.ObjectUtils.patchFieldValue(this.validateForm2.value, this.alamData);
entity.parkId = this.id;
this.parkConfigDataSource.update(entity).subscribe(function (success) {
_this.loadParkConfig();
});
}
};
CarparkDetailComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'zx-carpark-detail',
template: "<zx-header-block [title]=\"'\u8F66\u573A\u8BBE\u7F6E'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['\u8BBE\u7F6E']\"><p>\u672C\u8F66\u573A\u7684\u57FA\u672C\u4FE1\u606F\u3001\u544A\u8B66\u6D88\u606F\u63A8\u9001\u8BBE\u7F6E\u7B49</p></zx-header-block><zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>\u57FA\u672C\u4FE1\u606F</h4></ng-template><ng-template #extra><div *ngIf=\"!isEdit\" class=\"extra\"><span><i class=\"anticon anticon-edit\"></i> <a (click)=\"isEdit = !isEdit\">\u4FEE\u6539</a></span></div><div *ngIf=\"isEdit\" class=\"extra\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"onSave()\">\u4FDD\u5B58</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"isEdit = !isEdit\">\u53D6\u6D88</a></span></div></ng-template><ng-template #body><div nz-row><form nz-form [formGroup]=\"validateForm\" class=\"ant-advanced-search-form\"><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label>\u8F66\u573A\u7F16\u53F7</label></div><div nz-form-control nz-col><span>{{data.id}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label>\u96B6\u5C5E\u5C0F\u533A</label></div><div nz-form-control nz-col><span>{{data.communityName}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label nz-form-item-required>\u8F66\u573A\u540D\u79F0</label></div><div nz-form-control nz-col *ngIf=\"isEdit\" nzHasFeedback><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u8F66\u573A\u540D\u79F0'\" formControlName=\"name\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('name').dirty&&getFormControl('name').hasError('required')\">\u8F66\u573A\u540D\u79F0\u662F\u5FC5\u586B\u7684!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.name}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label nz-form-item-required>\u8F66\u4F4D\u603B\u6570</label></div><div nz-form-control nz-col *ngIf=\"isEdit\" nzHasFeedback><nz-input [nzSize]=\"'large'\" [nzType]=\"'number'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u8F66\u4F4D\u603B\u6570'\" formControlName=\"berthTotal\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('berthTotal').dirty&&getFormControl('berthTotal').hasError('required')\">\u8F66\u4F4D\u603B\u6570\u662F\u5FC5\u586B\u7684!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.berthTotal}}</span></div></div></div><div nz-col [nzSpan]=\"16\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label nz-form-item-required>\u8BE6\u7EC6\u5730\u5740</label></div><div nz-form-control nz-col *ngIf=\"isEdit\" nzHasFeedback><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740'\" formControlName=\"address\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('address').dirty&&getFormControl('address').hasError('required')\">\u8BE6\u7EC6\u5730\u5740\u662F\u5FC5\u586B\u7684!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.address}}</span></div></div></div></div></form></div></ng-template></nz-card></zx-content-block><zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>\u8F66\u573A\u53C2\u6570\u8BBE\u7F6E</h4></ng-template><ng-template #extra><div *ngIf=\"!alamIsEdit\" class=\"extra\"><span><i class=\"anticon anticon-edit\"></i> <a (click)=\"alamIsEdit = !alamIsEdit\">\u4FEE\u6539</a></span></div><div *ngIf=\"alamIsEdit\" class=\"extra\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"alamOnSave()\">\u4FDD\u5B58</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"alamIsEdit = !alamIsEdit\">\u53D6\u6D88</a></span></div></ng-template><ng-template #body><div nz-row><form nz-form [formGroup]=\"validateForm2\" class=\"ant-advanced-search-form\"><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label style=\"vertical-align: sub\">\u662F\u5426\u5F00\u542F\u63A8\u9001</label></div><div nz-form-control nz-col><nz-switch formControlName=\"enableFaultAlarm\" [nzDisabled]=\"!alamIsEdit\" style=\"vertical-align: middle\"><span checked=\"checked\">\u5F00\u542F</span> <span unchecked>\u5173\u95ED</span></nz-switch></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label nz-form-item-required>\u8F66\u573A\u5BC6\u94A5</label></div><div nz-form-control nz-col *ngIf=\"alamIsEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u8F66\u573A\u5BC6\u94A5'\" formControlName=\"secretKey\"></nz-input><div nz-form-explain *ngIf=\"getFormControl2('secretKey').dirty&&getFormControl2('secretKey').hasError('required')\">\u8F66\u573A\u5BC6\u94A5\u662F\u5FC5\u586B\u7684!</div></div><div nz-form-control nz-col *ngIf=\"!alamIsEdit\"><span>{{alamData.secretKey}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row class=\"row\"><div nz-form-label nz-col><label nz-form-item-required>\u624B\u673A\u53F7\u7801</label></div><div nz-form-control nz-col *ngIf=\"alamIsEdit\"><nz-input [nzSize]=\"'large'\" [nzType]=\"'number'\" [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u7801'\" formControlName=\"faultAlarmMobile\"></nz-input><div nz-form-explain *ngIf=\"getFormControl2('faultAlarmMobile').dirty&&getFormControl2('faultAlarmMobile').hasError('required')\">\u624B\u673A\u53F7\u7801\u662F\u5FC5\u586B\u7684!</div></div><div nz-form-control nz-col *ngIf=\"!alamIsEdit\"><span>{{alamData.faultAlarmMobile}}</span></div></div></div></div></form></div></ng-template></nz-card></zx-content-block>",
styles: [
"\n :host .extra {\n color: #108ee9;\n }\n :host .extra > span:nth-child(2) {\n margin-left:16px;\n }\n :host .row > div:nth-child(1) {\n width:110px;\n display: inline-block;\n float: left;\n }\n :host .row > div:nth-child(2) {\n width:calc(100% - 110px);\n display: inline-block;\n }\n "
]
},] },
];
/** @nocollapse */
CarparkDetailComponent.ctorParameters = function () { return [
{ type: router_1.ActivatedRoute, },
{ type: data_source_helper_1.DataSourceHelper, },
{ type: forms_1.FormBuilder, },
{ type: ngx_webapp_fx_1.DataDictService, },
]; };
return CarparkDetailComponent;
}());
exports.CarparkDetailComponent = CarparkDetailComponent;
//# sourceMappingURL=carpark-detail.component.js.map