[{"__symbolic":"module","version":4,"metadata":{"FilterGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"filter-grid","template":"<div class=\"table-header \"> <table class=\"table table-bordered\" style=\"margin-bottom: 0\"> <colgroup> <col *ngFor=\"let s of columnSizeData\" [style.width]=\" s + 'px'\"> </colgroup> <thead> <tr> <th></th> <th><b>左括号</b></th> <th><b>字段</b></th> <th><b>操作符</b></th> <th><b>值</b></th> <th><b>右括号</b></th> <th><b>关系</b></th> </tr> </thead> </table> </div> <div class=\"table-body flex-fill\" style=\"overflow: hidden\" #tablebodybox> <perfect-scrollbar [config]=\"{}\" [style.height]=\"height-200 + 'px'\"> <table class=\"table table-bordered\"> <colgroup> <col *ngFor=\"let s of columnSizeData\" [style.width]=\" s + 'px'\"> </colgroup> <tbody> <tr *ngFor=\"let condition of conditions; let index=index;\" (click)=\"selected({'index':index, 'condition': condition})\" [class.selected]=\"isSelected(index)\" > <td> <button type=\"button\" (click)=\"insertCondition(index)\" class=\"k-button k-button-icon k-flat\"><span class=\"k-icon k-i-plus\"></span></button> <button type=\"button\" (click)=\"removeCondition(index)\" class=\"k-button k-button-icon k-flat\"><span class=\"k-icon k-i-minus\"></span></button> </td> <td> <select class=\"form-control filter-select\" [(ngModel)]=\"condition.lbracket\" name=\"Lbracket\"> <option *ngFor=\"let item of LeftBracketData\" [value]=\"item\">{{ item }}</option> </select> </td> <td> <select class=\"form-control filter-select\" [(ngModel)]=\"condition.filterField\" name=\"filterField\"> <option *ngFor=\"let col of columns\" [value]=\"col.value\">{{ col.label }}</option> </select> </td> <td> <select class=\"form-control filter-select\" name=\"compare\" [(ngModel)]=\"condition.compare\"> <option *ngFor=\"let item of operators\" [value]=\"item.value\">{{item.label}}</option> </select> </td> <td> <input type=\"text\" style=\"width:100%\" placeholder=\"\" class=\"k-textbox\" name=\"value\" [(ngModel)]=\"condition.value\"> </td> <td> <select class=\"form-control filter-select\"  [(ngModel)]=\"condition.rbracket\" name=\"Rbracket\"> <option *ngFor=\"let item of RighttBracketData\" [value]=\"item\">{{ item }}</option> </select> </td> <td> <select class=\"form-control filter-select\" [(ngModel)]=\"condition.relation\" name=\"relation\"> <option *ngFor=\"let item of relationData\" [value]=\"item.value\">{{ item.label }}</option> </select> </td> </tr> </tbody> </table> </perfect-scrollbar> </div> <filter-footer (addFilter)=\"onAddFilter()\" (clearFilter)=\"onClear()\" (moveTop)=\"onMoveTop()\" (movePrev)=\"onMovePrev()\" (moveNext)=\"onMoveNext()\" (moveBottom)=\"onMoveBottom()\"></filter-footer>","styles":["\n        .filter-select { width:100%; padding-left: 0; padding-right: 0; }\n        .selected { background: #c2e4ff; }\n        "]}]}],"members":{"cls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":5},"arguments":["class"]}]}],"conditions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"tablebodybox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":["tablebodybox"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":54,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":54,"character":56},{"__symbolic":"reference","module":"./../services/filter.service","name":"FilterService","line":54,"character":90},{"__symbolic":"reference","module":"./../../container/modal/messager/messager.service","name":"MessagerService","line":55,"character":33}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"insertCondition":[{"__symbolic":"method"}],"removeCondition":[{"__symbolic":"method"}],"onAddFilter":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"onMoveTop":[{"__symbolic":"method"}],"onMovePrev":[{"__symbolic":"method"}],"onMoveNext":[{"__symbolic":"method"}],"onMoveBottom":[{"__symbolic":"method"}],"changeConditionList":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}]}}}}]