[{"__symbolic":"module","version":4,"metadata":{"SettingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"zx-setting","template":"<zx-header-block [title]=\"'参数设置'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\"><p>请选择服务及配置等进行系统参数设置。如果需要管理参数结构定义， 请点击<a [routerLink]=\"['./structure']\" [queryParams]=\"{serviceName:serviceName}\">这里</a>。</p></zx-header-block><zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #body><nz-select style=\"width: 200px;\" [nzSize]=\"'large'\" [nzDisabled]=\"isJump\" [(ngModel)]=\"serviceName\" [nzPlaceHolder]=\"'请选择服务'\" (ngModelChange)=\"changeService(serviceName)\"><nz-option [nzLabel]=\"'（所有服务）'\" [nzValue]=\"''\"></nz-option><nz-option *ngFor=\"let option of serviceOptions\" [nzLabel]=\"option.text\" [nzValue]=\"option.value\"></nz-option></nz-select><nz-select style=\"width: 120px;\" [nzSize]=\"'large'\" [(ngModel)]=\"settingGrade\" [nzPlaceHolder]=\"'配置等级'\" (ngModelChange)=\"changeSettingGrade(settingGrade)\"><nz-option [nzLabel]=\"'平台'\" [nzValue]=\"''\"></nz-option><nz-option [nzLabel]=\"'集团'\" [nzValue]=\"'group'\"></nz-option><nz-option [nzLabel]=\"'小区'\" [nzValue]=\"'community'\"></nz-option></nz-select><nz-select style=\"width: 200px;\" [nzSize]=\"'large'\" [(ngModel)]=\"communityGroupId\" [nzPlaceHolder]=\"'请选择集团'\" *ngIf=\"settingGrade === 'group' || settingGrade === 'community'\" (ngModelChange)=\"changeCommunityGroup(communityGroupId)\"><nz-option *ngFor=\"let option of communityGroupOptions\" [nzLabel]=\"option.name\" [nzValue]=\"option.id\"></nz-option></nz-select><nz-select style=\"width: 200px;\" [nzSize]=\"'large'\" [(ngModel)]=\"communityId\" [nzPlaceHolder]=\"'请选择小区'\" *ngIf=\"settingGrade === 'community'\" (ngModelChange)=\"changeCommunity(communityGroupId,communityId)\"><nz-option *ngFor=\"let option of communityOptions\" [nzLabel]=\"option.name\" [nzValue]=\"option.id\"></nz-option></nz-select></ng-template></nz-card></zx-content-block><zx-content-block *ngIf=\"showAlert||noData\"><nz-card nzNoHovering nzBordered=\"false\"><ng-template #body><nz-alert [nzType]=\"'info'\" nzShowIcon><span alert-body class=\"alert-info\"><i>提示：</i> <i>{{noData?\"（无可编辑配置参数）\":\"请选择需要加载配置的选择服务。\"}}</i></span></nz-alert></ng-template></nz-card></zx-content-block><nz-spin [nzSpinning]=\"_isSpinning\" *ngIf=\"!noData\"><div style=\"width: 100%\"><ng-container *ngFor=\"let item of data\"><zx-content-block *ngIf=\"item.editable\"><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>{{item.label}}({{item.name}})</h4></ng-template><ng-template #body><ng-container [ngTemplateOutlet]=\"tpl_settingGroup\" [ngTemplateOutletContext]=\"{items: item.children}\"></ng-container></ng-template></nz-card></zx-content-block></ng-container></div></nz-spin><ng-template #tpl_settingGroup let-items=\"items\"><ng-container *ngFor=\"let item of items\"><div *ngIf=\"item.editable&&item.valueType!=='NONE'\" class=\"setting-item\"><div nz-row><i class=\"anticon anticon-code-o\" *ngIf=\"item.valueType === 'STRING'||item.valueType === 'TEXT'\"></i> <i class=\"anticon anticon-picture\" *ngIf=\"item.valueType === 'IMAGE'\"></i> <i class=\"anticon anticon-check-square-o\" *ngIf=\"item.valueType === 'BOOLEAN'\"></i> <i class=\"anticon anticon-calculator\" *ngIf=\"item.valueType === 'INTEGER'||item.valueType === 'NUMBER'\"></i> <i class=\"anticon anticon-calendar\" *ngIf=\"item.valueType === 'DATE'||item.valueType === 'DATETIME'\"></i> <i class=\"anticon anticon-folder\" *ngIf=\"item.valueType === 'NONE'\"></i> &nbsp;&nbsp;{{item.label}} <span class=\"setting-item-title-extra\">[ {{item.name}} ]</span></div><div nz-row class=\"setting-item-input\"><nz-input *ngIf=\"!item.valueOptions&&(item.valueType === 'STRING' || item.valueType === 'INTEGER' || item.valueType === 'NUMBER' || item.valueType === 'DATE' || item.valueType === 'DATETIME')\" [(ngModel)]=\"item.value\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"item.label\" [nzDisabled]=\"!item.editable\" (nzBlur)=\"updateValue(item)\"></nz-input><nz-input *ngIf=\"item.valueType === 'TEXT'\" [(ngModel)]=\"item.value\" [nzType]=\"'textarea'\" [nzRows]=\"'6'\" [nzDisabled]=\"!item.editable\" [nzPlaceHolder]=\"item.label\" (nzBlur)=\"updateValue(item)\"></nz-input><label nz-checkbox [(ngModel)]=\"item.value\" *ngIf=\"item.valueType === 'BOOLEAN'\" [nzDisabled]=\"!item.editable\" (ngModelChange)=\"updateValue(item)\"><span>{{item.tip}}</span></label><nz-select *ngIf=\"item.valueOptions\" [(ngModel)]=\"item.value\" [nzSize]=\"'large'\" [nzPlaceHolder]=\"item.label\" [nzDisabled]=\"!item.editable\" (ngModelChange)=\"updateValue(item)\"><nz-option *ngFor=\"let option of item.valueOptions\" [nzLabel]=\"option.text\" [nzValue]=\"option.value\" (ngModelChange)=\"updateValue(item)\"></nz-option></nz-select><nz-upload *ngIf=\"item.valueType === 'IMAGE'\" nzListType=\"picture-card\" [(nzFileList)]=\"item.fileList\" [nzShowButton]=\"item.fileList==null||item.fileList.length < 1\" [nzAction]=\"uploadPhotoHelper.uploadUrl\" [nzHeaders]=\"uploadPhotoHelper.uploadHeaders\" [nzPreview]=\"handleUploadPreview\" (nzChange)=\"handleUploadChange($event, item)\"><i class=\"anticon anticon-plus\"></i><div class=\"ant-upload-text\">选取图片</div></nz-upload><p *ngIf=\"item.tip&&item.valueType!='BOOLEAN'\" class=\"tip\">{{item.tip}}</p></div></div></ng-container><nz-collapseset [nzBordered]=\"false\" *ngIf=\"items&&items.length>0\"><ng-container *ngFor=\"let item of items\"><nz-collapse *ngIf=\"item.editable&&item.valueType==='NONE'\"><div collapse-title><i class=\"anticon anticon-folder\"></i> &nbsp;&nbsp;{{item.label}} <span style=\"color:rgba(0,0,0,0.25)\">[ {{item.name}} ]</span></div><ng-container [ngTemplateOutlet]=\"tpl_settingGroup\" [ngTemplateOutletContext]=\"{items: item.children}\"></ng-container></nz-collapse></ng-container></nz-collapseset></ng-template><nz-modal [nzVisible]=\"previewVisible\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible=false\"><ng-template #modalContent><img *ngIf=\"previewImage\" [src]=\"previewImage\" [ngStyle]=\"{ 'width': '100%' }\"/></ng-template></nz-modal>","styles":["\n        :host .setting-item{\n            padding:0px 0px 25px 30px;\n        }\n        :host .setting-item-title-extra{\n            color:rgba(0,0,0,0.25);\n        }\n        :host .setting-item-input{\n            padding-top:10px;\n            padding-left:25px;\n        }\n        :host .tip{\n            padding-top:4px;\n            color: rgba(0,0,0,0.43);\n        }\n        :host ::ng-deep .ant-card-body{\n            padding:16px 24px;\n        }\n        :host ::ng-deep .setting-item-input nz-input,\n        :host ::ng-deep .setting-item-input nz-select,\n        :host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item {\n            width:600px;\n        }\n        :host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{\n            width:unset;\n        }\n        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":67,"character":34},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"DataCacheService","line":68,"character":27},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"DataDictService","line":69,"character":33},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":70,"character":24},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":71,"character":29},{"__symbolic":"reference","module":"@wjya/ngx-webapp-fx","name":"UploadPhotoHelper","line":72,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"loadService":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"parseSettingData":[{"__symbolic":"method"}],"changeService":[{"__symbolic":"method"}],"changeSettingGrade":[{"__symbolic":"method"}],"changeCommunityGroup":[{"__symbolic":"method"}],"changeCommunity":[{"__symbolic":"method"}],"loadCommunityGroup":[{"__symbolic":"method"}],"loadCommuntiy":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}}}}]