import { Component , ViewEncapsulation , OnInit } from '@angular/core' ; import { APIS } from '../../../_mock/_api' ; @ Component ( { selector : 'pro-list-search' , templateUrl : './search.component.html' , styleUrls : [ './search.component.less' ] } ) export class ProSearchComponent implements OnInit { q : any = { ps : 5 , categories : [ ] , owners : [ 'zxx' ] } ; list : any [ ] = [ ] ; loading = false ; categories = [ { id : 0 , text : '全部' , value : false } , { id : 1 , text : '类目一' , value : false } , { id : 2 , text : '类目二' , value : false } , { id : 3 , text : '类目三' , value : false } , { id : 4 , text : '类目四' , value : false } , { id : 5 , text : '类目五' , value : false } , { id : 6 , text : '类目六' , value : false } , { id : 7 , text : '类目七' , value : false } , { id : 8 , text : '类目八' , value : false } , { id : 9 , text : '类目九' , value : false } , { id : 10 , text : '类目十' , value : false } , { id : 11 , text : '类目十一' , value : false } , { id : 12 , text : '类目十二' , value : false } ] ; changeCategory ( status , idx ) { if ( idx === 0 ) { this . categories . map ( i => i . value = status ) ; } else { this . categories [ idx ] . value = status ; } } owners = [ { id : 'wzj' , name : '我自己' , } , { id : 'wjh' , name : '吴家豪' , } , { id : 'zxx' , name : '周星星' , } , { id : 'zly' , name : '赵丽颖' , } , { id : 'ym' , name : '姚明' , } ] ; setOwner ( ) { this . q . owners = [ `wzj` ] ; } constructor ( ) { } ngOnInit ( ) { this . getData ( ) ; } getData ( ) { this . loading = true ; let res = APIS [ "/api/list" ] ( { count : this . q . ps } ) ; this . list = res ; this . loading = false ; } }