import { FilterPanelService } from '@farris/ui-filter-panel';
import { ServerSideToken } from '@farris/ui-lookup';
import { Component, OnInit } from '@angular/core';
import { listdata, list } from './mockList';

@Component({
  selector: 'app-filter-demo',
  templateUrl: './filter-demo.component.html',
  styleUrls: ['./filter-demo.component.scss'],
  providers: [
    { provide: ServerSideToken, useValue: {context: null}}
  ]
})
export class FilterDemoComponent implements OnInit {
  
  list:any[] = [
    {
        "id": "1111",
        "labelCode": "radio",
        "name": "单选",
        "control": {
            "controltype": "radio",
            "enumValues": [
                {
                    "value": "aa",
                    "name": "足球"
                },
                {
                    "value": "bb",
                    "name": "篮球"
                },
                {
                    "value": "cc",
                    "name": "乒乓球"
                },
                {
                    "value": "dd",
                    "name": "其他"
                }
            ],
            "isExtend": true
        },
        // "value": "bb",
    },
    {
        "id": "1",
        "labelCode": "search",
        "code": "search",
        "name": "搜索first1",
        "control": {
            "controltype": "search",
            "placeholder": "请输入编号或名称11",
            "required": true
        }
        // "placeHolder":'111'
    },
    {
        "id": "text",
        "labelCode": "text",
        "code": "text",
        "name": "text1",
        "control": {
            "controltype": "text",
            "isExtend": true,
            // "required": true
        },
        "placeHolder": "请输入"
        // "placeHolder":'222'
        // "value": "默认值"
    },
    {
        "id": "dropdown",
        "labelCode": "dropdown",
        "code": "dropdown1",
        "name": "下拉选择1",
        "control": {
            "controltype": "dropdown",
            "placeholder": "请选择",
            "enumValues": [
                {
                    "value": "yx",
                    "name": "有效"
                },
                {
                    "value": "wx",
                    "name": "无效"
                }
            ],
            "isExtend": true
            // "required": true
        },
        // "placeHolder":'333'
        // "value": "yx"
    },
    {
        "id": "singledate",
        "labelCode": "singledate",
        "code": "singledate",
        "name": "日期1",
        "control": {
            "controltype": "singleDate",
            "placeholder": "请选择日期",
            "format":"yyyy年MM月dd日",
            "isExtend": true
            // "required": true
        },
        // "placeHolder":'444'
        // "value":"2020-07-02"
    },
    {
        "id": "6a967bdb-2a8e-41f9-afe6-1c918b3d75ae",
        "labelCode": "singledate-mYear",
        "code": "singledate",
        "name": "日期-年月",
        "control": {
            "controltype": "month",
            "placeholder": "年月选择",
            "required": true,
            "isExtend": true
        },
    },
    {
        "id": "6a967bdb-2a8e-41f9-afe6",
        "labelCode": "date-year",
        "code": "date",
        "name": "日期范围-年",
        "control": {
            "controltype": "yearRange",
            "required": true,
            "isExtend": true
        },
        "beginPlaceHolder":'起始日期',
        "endPlaceHolder":"结束日期"
    },
    {
        "id": "6a967bdb-2a",
        "labelCode": "date-myear",
        "code": "date",
        "name": "日期范围-年月",
        "control": {
            "controltype": "monthRange",
            "required": true,
            "isExtend": true
        },
        "beginPlaceHolder":'起始日期',
        "endPlaceHolder":"结束日期"
    },
    {
        "id": "6a967bdb-2a8e-41f",
        "labelCode": "singledate-year",
        "code": "singleyear",
        "name": "日期-年",
        "control": {
            "controltype": "year",
            "placeholder": "年份选择",
            "required": true,
            "isExtend": true
        },
    },
    {
        "id": "date",
        "labelCode": "date",
        "code": "date",
        "name": "日期范围1",
        "control": {
            "controltype": "date",
            "placeholder": "请选择日期范围",
            "isExtend": true,
            "format":"yyyy年MM月dd日"
            // "required": true
            // "required": true
        },
        "beginPlaceHolder":'起始日期',
        "endPlaceHolder":"结束日期",
        // "placeHolder":'555'
        // "value": {
        //     "startTime": '2020-08-13',
        //     "endTime": '2020-08-17'
        // }
    },
    {
        "id": "datetime",
        "labelCode": "datetime",
        "code": "datetime",
        "name": "日期范围加时间",
        "control": {
            "controltype": "datetime",
            "placeholder": "请选择日期范围和时间",
            // "format": "yyyy年MM月dd日 HH:mm:ss",
            // "required": true
            // "required": true
        },
        "beginPlaceHolder":'起始日期时间',
        "endPlaceHolder":"结束日期时间",
        // "placeHolder":'666'
        // "value":{
        //     "startTime": "2020-07-01 15:00:00",
        //     "endTime": "2020-07-02 15:00:00"
        // }
    },
    {
        "id": "number",
        "labelCode": "number",
        "code": "number2",
        "name": "数字",
        "control": {
            "controltype": "number",
            "placeholder": "请输入",
            "precision":0,
            "isExtend": true
            // "required": true
        },
        "beginPlaceHolder":"开始数值",
        "endPlaceHolder":"结束数值",
        // "placeHolder":'777'
        // "value": {
        //     "startValue": 20,
        //     "endValue": 30
        // }
    },
    {
        "id": "bignumber",
        "labelCode": "bignumber",
        "code": "number3",
        "name": "大数字",
        "control": {
            "controltype": "number",
            "bigNumber": true,
            "placeHolder":'请输入大数字',
        },
        "beginPlaceHolder":"开始大数值",
        "endPlaceHolder":"结束大数值"
        
    },
    {
        "id": "checkboxGroup",
        "labelCode": "checkboxGroup",
        "code": "checkboxGroup",
        "name": "复选组",
        "control": {
            "controltype": "checkboxgroup",
            "enumValues": [
                {"value": "aa", "name": "标签一"},
                {"value": "bb", "name": "标签二"},
                {"value": "cc", "name": "标签三"},
                {"value": "dd", "name": "标签四"}
            ],
            "isExtend": true
        },
    },
    {
        "id": "help1",
        "labelCode": "help1",
        "code": "peoDept1",
        "name": "部门帮助2",
        "control": {
            "controltype": "help",
            "uri": "salaryInfo.peoDept_peoDept_peoDeptcode",
            "textField": "peoDeptcode",
            "valueField": "peoDeptcode",
            "idField": "id",
            "helpId": "ab6a3194-c922-46eb-ae28-da67b8dd9e45",
            "displayType": "TREELIST",
            "enableExtendLoadMethod": false,
            "placeholder":'帮助'
        },
    },
    {
        "id": "help",
        "labelCode": "help",
        "code": "peoDept",
        "name": "部门帮助1",
        "control": {
            "controltype": "help",
            "uri": "salaryInfo.peoDept_peoDept_peoDeptcode",
            "textField": "peoDeptcode",
            "valueField": "peoDeptcode",
            "idField": "id",
            "helpId": "ab6a3194-c922-46eb-ae28-da67b8dd9e45",
            "displayType": "TREELIST",
            "enableExtendLoadMethod": false,
            "placeholder":'帮助',
            "isExtend": true
        },
        // "placeHolder":'999'
        // "value":"111"
    },
    {
        "id": "4e4cdf9b-949b-470d-a7c0-f8d17f9711",
        "labelCode": "inputgroup1",
        "code": "inputgroup1",
        "name": "智能输入1",
        "control": {
            "controltype": "input-group",
            "editable": true,
            "groupText":"弹",
            "usageMode": "text",
            "click": ()=>{
                console.log('智能输入点击');
            },
            "modalConfig":{
                "modalCmp": null,
                "modalId": null,
                "mapFields": null,
                "showHeader": true,
                "title": "",
                "width": 800,
                "height": 600
            },
            "isExtend": true
        },
        "placeHolder":'智能输入占位1'
    },
    {
        "id": "singlenumber",
        "labelCode": "singlenumber",
        "code": "singlenumber",
        "name": "单数字",
        "control": {
            "controltype": "singlenumber",
            "precision":0,
            "isExtend": true
        },
        // "value":200,
        "placeHolder":"数值占位符"
    }
]

  defaultValues = [
    {
      labelCode: 'search',
      value: '张三'
    },
    {
      labelCode: 'text',
      value: '默认值'
    },
    {
      labelCode: 'dropdown',
      value: 'yx'
    },
    {
      labelCode: 'singledate',
      value: '2020-07-02'
    },
    {
      labelCode: 'date',
      value: {
        startTime: '2020-08-13',
        endTime: '2020-08-17'
      }
    },
    {
      labelCode: 'datetime',
      value: {
        startTime: '2020-07-01 15:00:00',
        endTime: '2020-08-17 15:00:00'
      }
    },
    {
      labelCode: 'singledate-mYear',
      value: '2020-08'
    },
    {
      labelCode: 'date-year',
      value: {
        startTime: '2020',
        endTime: '2029'
      }
    },
    {
      labelCode: 'date-myear',
      value: {
        startTime: '2020-09',
        endTime: '2029-09'
      }
    },
    {
      labelCode: 'singledate-year',
      value: '2037'
    },
    {
      labelCode: 'number',
      value: {
        startValue: 20,
        endValue: 30
      }
    },
    {
      labelCode: 'checkboxGroup',
      value: ['aa','cc']
    },
    {
      labelCode: 'singlenumber',
      value: 20
    }
  ]

  constructor(private filterPanelService:FilterPanelService) { }

  ngOnInit() {
  }

  onQuery(event){
    console.log('筛选结果',event);
  }
}