[{"__symbolic":"module","version":4,"metadata":{"UserGroupModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"zx-user-group-modal","template":"<nz-modal [nzVisible]=\"modalIsVisible\" [nzWidth]=\"600\" [nzTitle]=\"modalTitle\" [nzContent]=\"modalContent\" [nzFooter]=\"modalFooter\" (nzOnCancel)=\"handleCancel()\"><ng-template #modalTitle><span>用户所属用户组</span> <span>勾选或取消勾选后自动保存</span></ng-template><ng-template #modalContent><div nz-row><div nz-col><span>查找用户组 :</span> <span><nz-input [nzType]=\"'search'\" [nzPlaceHolder]=\"'请输入用户组编码或名称查找'\" [(ngModel)]=\"_value\" style=\"width: 350px;\" (nzOnSearch)=\"onSearch($event)\"></nz-input></span></div></div><div nz-row style=\"margin-top:20px\"><div nz-col [nzSpan]><nz-spin [nzSpinning]=\"isSpinning\"><div nz-row class=\"box\"><div nz-col *ngFor=\"let item of data\"><div class=\"box-main\" (click)=\"item.checked = !item.checked; onSave(item)\"><div><div>{{item.name}}</div><div>{{item.label}}</div></div><div><label nz-checkbox [(ngModel)]=\"item.checked\" (click)=\"item.checked = !item.checked\"></label></div></div></div><div nz-col (click)=\"loadMore()\" *ngIf=\"data.length < totalNumber\" class=\"more\"><div class=\"add\"><i class=\"anticon anticon-ellipsis\"></i></div></div></div></nz-spin></div></div></ng-template><ng-template #modalFooter><button nz-button [nzType]=\"'default'\" [nzSize]=\"'large'\" (click)=\"handleCancel()\"><span>关 闭</span></button></ng-template></nz-modal>","styles":["\n        :host .box{\n            margin-left:-6px;\n            height: 425px;\n            overflow: auto;\n        }\n        :host .box > div{\n            float: left;\n            height: 70px;\n            margin: 5px 6px;\n        }\n        :host .more{\n            border: 1px solid rgba(217, 217, 217, 1);\n            width: 70px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 6px;\n            background: #f2f2f2;\n            cursor: pointer;\n            margin: 5px 3px;\n        }\n        :host .box-main {\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(217, 217, 217, 1);\n            padding: 0 10px 0 20px;\n            border-radius: 6px;\n            background: #f2f2f2;\n            cursor: pointer;\n        }\n        :host .box-main > div:nth-child(1) {\n            margin-right:15px;\n        }\n        :host .box-main > div:nth-child(2) {\n            margin-bottom: 45px;\n        }\n        :host ::ng-deep .ant-modal-body{\n            height:500px;\n            padding-right: 0;\n        }\n        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../service/data-source.helper","name":"DataSourceHelper","line":69,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":70,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"loadMore":[{"__symbolic":"method"}],"loadAuthorityIds":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"handleCancel":[{"__symbolic":"method"}]}}}}]