[{"__symbolic":"module","version":4,"metadata":{"GroupDetailRoleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"zx-group-detail-role","template":"<zx-content-block><nz-card nzNoHovering nzBordered=\"false\"><ng-template #title><h4>隶属角色</h4></ng-template><ng-template #extra><nz-input [nzType]=\"'search'\" [nzPlaceHolder]=\"'请输入角色编码、角色名查找'\" style=\"width: 250px;\" (nzOnSearch)=\"onSearch($event)\" [nzSize]=\"'large'\"></nz-input><button nz-button nzType=\"default\" (click)=\"reload()\"><i class=\"anticon anticon-reload\"></i></button></ng-template><ng-template #body><div nz-row class=\"box\"><div nz-col (click)=\"openModal()\"><div class=\"add\"><i class=\"anticon anticon-plus\"></i></div></div><div nz-col *ngFor=\"let item of data\"><div class=\"box-main\"><div><div>{{item.name}}</div><div>{{item.label}}</div></div><div><i class=\"anticon anticon-close\" (click)=\"delete(item)\"></i></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></ng-template></nz-card></zx-content-block><zx-group-role-modal #groupRoleModal></zx-group-role-modal>","styles":["\n        :host .box > div{\n            float: left;\n            height: 70px;\n            margin: 5px 3px;\n        }\n        :host .box > div:nth-child(1){\n            width: 70px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px dashed rgba(217, 217, 217, 1);\n            border-radius: 6px;\n            background: #f2f2f2;\n            cursor: pointer;\n            margin: 5px 3px;\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        }\n        :host .box-main > div:nth-child(1) {\n            margin-right:15px;\n        }\n        :host .box-main > div:nth-child(2) {\n            font-size: 16px;\n            cursor: pointer;\n            padding: 23px 4px;\n        }\n        "]}]}],"members":{"groupRoleModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":["groupRoleModal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../service/data-source.helper","name":"DataSourceHelper","line":71,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":72,"character":31},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzMessageService","line":73,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzModalService","line":74,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"loadMore":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}]}}}}]