UNPKG

@wjya/ngx-webapp-icpc.group.pms

Version:

angular webapp : icpc.group.pms

1 lines 8.02 kB
[{"__symbolic":"module","version":4,"metadata":{"CommunityDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"zx-community-detail","template":"<zx-header-block [title]=\"'小区详情'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['详情']\"><p>设置小区基本信息、系统管理员、银行账户资料等。</p></zx-header-block><zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>基本信息</h4></ng-template><ng-template #extra><div *ngIf=\"!isEdit&&data\" class=\"extra\"><span><i class=\"anticon anticon-edit\"></i> <a (click)=\"isEdit = !isEdit\">修改</a></span></div><div *ngIf=\"isEdit\" class=\"extra\"><span><i class=\"anticon anticon-save\"></i> <a (click)=\"onSave()\">保存</a> </span><span><i class=\"anticon anticon-reload\"></i> <a (click)=\"isEdit = !isEdit\">取消</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><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>所属区域</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-select [nzSize]=\"size\" [nzPlaceHolder]=\"'请选择区域'\" formControlName=\"branchRegion\" [(ngModel)]=\"data.branchRegion.id\"><nz-option *ngFor=\"let option of regionItems\" [nzLabel]=\"option.name\" [nzValue]=\"option.id\"><ng-template #nzOptionTemplate><span [ngStyle]=\"{'padding-left': 30 * option.level + 'px'}\">{{option.name}}</span></ng-template></nz-option></nz-select><div nz-form-explain *ngIf=\"getFormControl('branchRegion').dirty&&getFormControl('branchRegion').hasError('required')\">所属区域是必填的!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span *ngIf=\"data.branchRegion\">{{data.branchRegion.name}}</span></div></div></div><div nz-col [nzSpan]=\"16\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"2\"><label>所属城市</label></div><div nz-form-control nz-col [nzSpan]=\"22\" *ngIf=\"isEdit\"><div nz-col [nzSpan]=\"8\"><nz-select formControlName=\"province\" [nzPlaceHolder]=\"''\" [(ngModel)]=\"province\" (nzOpenChange)=\"city = null;county = null\"><ng-container *ngIf=\"regionOptions\"><nz-option *ngFor=\"let option0 of regionOptions\" [nzLabel]=\"option0.text\" [nzValue]=\"option0\"></nz-option></ng-container></nz-select></div><div nz-col [nzSpan]=\"8\"><nz-select formControlName=\"city\" [nzPlaceHolder]=\"''\" [(ngModel)]=\"city\" (nzOpenChange)=\"county = null\"><ng-container *ngIf=\"province\"><nz-option *ngFor=\"let option1 of province.items\" [nzLabel]=\"option1.text\" [nzValue]=\"option1\"></nz-option></ng-container></nz-select></div><div nz-col [nzSpan]=\"8\"><nz-select formControlName=\"county\" [nzPlaceHolder]=\"'/'\" [(ngModel)]=\"county\"><ng-container *ngIf=\"city\"><nz-option *ngFor=\"let option2 of city.items\" [nzLabel]=\"option2.text\" [nzValue]=\"option2\"></nz-option></ng-container></nz-select></div></div><div nz-form-control nz-col [nzSpan]=\"22\" *ngIf=\"!isEdit\"><span>{{area}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>小区简称</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\" nzHasFeedback><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入小区简称'\" formControlName=\"name\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('name').dirty&&getFormControl('name').hasError('required')\">小区简称是必填的!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.name}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>详细地址</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入详细地址'\" formControlName=\"address\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.address}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>邮编</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入邮编'\" formControlName=\"zipCode\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.zipCode}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label nz-form-item-required>小区全名</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\" nzHasFeedback><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入小区全名'\" formControlName=\"fullName\"></nz-input><div nz-form-explain *ngIf=\"getFormControl('fullName').dirty&&getFormControl('fullName').hasError('required')\">小区全名是必填的!</div></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.fullName}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>联系人</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入联系人'\" formControlName=\"contacts\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.contacts}}</span></div></div></div><div nz-col [nzSpan]=\"8\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"4\"><label>联系电话</label></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"isEdit\"><nz-input [nzSize]=\"'large'\" [nzPlaceHolder]=\"'请输入联系电话'\" formControlName=\"phone\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"20\" *ngIf=\"!isEdit\"><span>{{data.phone}}</span></div></div></div></div><div nz-row><div nz-col [nzSpan]=\"16\"><div nz-form-item nz-row><div nz-form-label nz-col [nzSpan]=\"2\"><label>备注</label></div><div nz-form-control nz-col [nzSpan]=\"22\" *ngIf=\"isEdit\"><nz-input style=\"height:auto\" formControlName=\"remarks\" [nzType]=\"'textarea'\" [nzRows]=\"'4'\" [nzPlaceHolder]=\"'请输入备注'\"></nz-input></div><div nz-form-control nz-col [nzSpan]=\"22\" *ngIf=\"!isEdit\"><span>{{data.remarks}}</span></div></div></div></div></form></div></ng-template></nz-card></zx-content-block><zx-community-detail-admin *ngIf=\"data\"></zx-community-detail-admin><zx-community-detail-offical *ngIf=\"data\"></zx-community-detail-offical>","styles":["\n :host .extra {\n color: #108ee9;\n }\n :host .extra > span:nth-child(2) {\n margin-left:16px;\n }\n :host ::ng-deep nz-input textarea {\n height: auto !important;\n }\n "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":40,"character":20},{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":41,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":42,"character":31},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UserStorageService","line":43,"character":36},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"DataDictService","line":44,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"toMultiLevel":[{"__symbolic":"method"}],"loadRegion":[{"__symbolic":"method"}],"tree2Paint":[{"__symbolic":"method"}]}}}}]