import { Component, OnInit } from "@angular/core";

@Component({
  selector: "app-merge-header-table-sub",
  templateUrl: "./merge-header-table-sub.component.html",
  styleUrls: ["./merge-header-table-sub.component.scss"],
})
export class MergeHeaderTableSubComponent implements OnInit {
  constructor() {}

  ngOnInit() {}

  columnOptions = [
    {
      label: "序号",
      value: "recordId",
      checked: true,
      width: "5rem",
      showSort: true,
      showFilter: false,
      showCustomFilter: false,
    },
    {
      label: "站点编号",
      value: "mn",
      checked: true,
      width: "10rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: true,
      tooltip: true,
      tdType: "canClick",
    },
    {
      label: "站点名称",
      value: "name",
      checked: true,
      width: "15rem",
      showSort: false,
      showFilter: true,
      showCustomFilter: false,
      tooltip: false,
    },
    {
      label: "时间",
      value: "time",
      checked: true,
      width: "16rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: false,
      tooltip: false,
      overline: "S",
      labelSub: "d",
    },
    {
      label: "Ldn",
      value: "ldn",
      checked: true,
      width: "9rem",
      showSort: true,
      showFilter: false,
      showCustomFilter: false,
      tooltip: true,
      unit: "dB",
      tdType: "overDisplay",
      overLine: 62,
    },
    {
      label: "启用",
      value: "enable",
      checked: true,
      width: "6rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: false,
      tooltip: false,
      tdType: "switch",
      switchInfo: {
        interfaceUrl: "",
        token: {},
        method: "post",
      },
    },
    {
      label: "状态",
      value: "status",
      checked: true,
      width: "7rem",
      showSort: false,
      showFilter: true,
      showCustomFilter: false,
      tooltip: true,
      tdType: "nzBadge",
      tooltipMap: {
        0: "无效",
        1: "有效",
        2: "故障",
        3: "停止",
      },
    },
    {
      label: "运行",
      value: "status",
      checked: true,
      width: "6rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: false,
      tooltip: true,
      tdType: "bgColor",
      tooltipMap: {
        0: "停止",
        1: "正常",
        2: "故障",
        3: "未知",
      },
    },
    {
      label: "地址",
      value: "addr",
      checked: false,
      width: "30rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: true,
      tooltip: true,
    },
    {
      label: "描述",
      value: "mark",
      checked: false,
      width: "15rem",
      showSort: false,
      showFilter: false,
      showCustomFilter: true,
      tooltip: false,
    },
  ];

  tabledatas = [
    {
      recordId: 1,
      mn: "341020",
      name: "南苑路",
      time: "2020-10-01 00:00:00",
      ldn: "58.4",
      addr: "大红门国际会展中心",
      mark: "",
      admin: "丰台区",
      status: "1",
      enable: true,
    },
    {
      recordId: 2,
      mn: "341021",
      name: "亦庄工业区",
      time: "2020-10-01 00:00:00",
      ldn: "60.4",
      addr: "亦庄永昌北路8号乐天四通食品有限公司",
      mark: "",
      admin: "大兴区",
      status: "0",
      enable: false,
    },
    {
      recordId: 3,
      mn: "341022",
      name: "中关村大街",
      time: "2020-10-01 00:00:00",
      ldn: "61.4",
      addr: "黄庄招待所，中关村大街24号，813号楼西侧院墙内",
      mark: "",
      admin: "海淀区",
      status: "2",
      enable: true,
    },
    {
      recordId: 4,
      mn: "341023",
      name: "首钢污水处理厂",
      time: "2020-10-01 00:00:00",
      ldn: "62.4",
      addr: "首钢污水处理厂，大门东侧办公楼后墙",
      mark: "",
      admin: "石景山区",
      status: "3",
      enable: true,
    },
    {
      recordId: 5,
      mn: "341024",
      name: "荣华中路",
      time: "2020-10-03 00:00:00",
      ldn: "63.4",
      addr: "亦庄环保局内",
      mark: "",
      admin: "大兴区",
      status: "0",
      enable: true,
    },
    {
      recordId: 6,
      mn: "341025",
      name: "阜石路",
      time: "2020-10-01 00:00:00",
      ldn: "70.4",
      addr: "阜石路-王致和集团  院内西侧南墙",
      mark: "",
      admin: "石景山区",
      status: "1",
      enable: true,
    },
    {
      recordId: 7,
      mn: "341026",
      name: "马家堡东路",
      time: "2020-10-01 00:00:00",
      ldn: "69.4",
      addr: "马家堡东路肉类食品研究所",
      mark: "",
      admin: "丰台区",
      status: "2",
      enable: true,
    },
    {
      recordId: 8,
      mn: "341027",
      name: "北三环",
      time: "2020-10-01 00:00:00",
      ldn: "68.4",
      addr: "北三环东路15号，北京化工大学(岗亭楼顶)",
      mark: "",
      admin: "石景山区",
      status: "3",
      enable: true,
    },
    {
      recordId: 9,
      mn: "341028",
      name: "阜石路北",
      time: "2020-10-05 00:00:00",
      ldn: "67.4",
      addr: "阜石路首钢技校",
      mark: "",
      admin: "丰台区",
      status: "0",
      enable: true,
    },
    {
      recordId: 10,
      mn: "341029",
      name: "石景山路",
      time: "2020-10-01 00:00:00",
      ldn: "64.4",
      addr: "石景山八角南里红领巾厕所",
      mark: "",
      admin: "丰台区",
      status: "1",
      enable: true,
    },
    {
      recordId: 11,
      mn: "341030",
      name: "西三环",
      time: "2020-10-01 00:00:00",
      ldn: "65.4",
      addr: "六里桥南安安市场正对面公厕南侧",
      mark: "",
      admin: "丰台区",
      status: "2",
      enable: true,
    },
    {
      recordId: 12,
      mn: "341031",
      name: "鲁谷路",
      time: "2020-10-01 00:00:00",
      ldn: "65.4",
      addr: "鲁谷路(路北)情报所74号家属院南院墙",
      mark: "",
      admin: "石景山区",
      status: "3",
      enable: true,
    },
    {
      recordId: 13,
      mn: "341032",
      name: "滨河承泽苑",
      time: "2020-10-09 00:00:00",
      ldn: "65.4",
      addr: "葡东小区13号楼旁",
      mark: "",
      admin: "门头沟区",
      status: "0",
      enable: true,
    },
    {
      recordId: 14,
      mn: "341033",
      name: "西四环",
      time: "2020-10-01 00:00:00",
      ldn: "64.7",
      addr: "五棵松(西四环中复电讯前)西四环中路39号",
      mark: "",
      admin: "海淀区",
      status: "1",
      enable: true,
    },
    {
      recordId: 15,
      mn: "341034",
      name: "北大街",
      time: "2020-10-01 00:00:00",
      ldn: "58.4",
      addr: "丰台北大街圣地苑宾馆",
      mark: "",
      admin: "丰台区",
      status: "2",
      enable: true,
    },
    {
      recordId: 16,
      mn: "341035",
      name: "城子办事处",
      time: "2020-10-09 00:00:00",
      ldn: "59.5",
      addr: "桃园社区居委会",
      mark: "",
      admin: "门头沟区",
      status: "3",
      enable: true,
    },
  ];

  demoFields = [
    {
      label: "名称",
      required: true,
      labelSpan: 7,
      valueSpan: 10,
      type: "text",
      value: "mnName",
      placeholder: "站点名称",
    },
    {
      label: "区县",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "select",
      value: "adminArea",
      selectOptions: [
        {
          label: "东城区",
          value: 111101,
        },
        {
          label: "西城区",
          value: 111102,
        },
        {
          label: "大兴区",
          value: 111103,
        },
      ],
    },
    {
      label: "状态",
      labelSpan: 7,
      valueSpan: 10,
      type: "radio",
      value: "status",
      selectOptions: [
        {
          label: "在线",
          value: 0,
        },
        {
          label: "离线",
          value: 1,
        },
        {
          label: "故障",
          value: 2,
        },
        {
          label: "未知",
          value: 3,
        },
      ],
      default: 1,
    },
    {
      label: "启用",
      labelSpan: 7,
      valueSpan: 10,
      type: "switch",
      value: "enable",
      default: false,
    },
    {
      label: "日期",
      required: true,
      labelSpan: 7,
      valueSpan: 10,
      type: "date",
      value: "date",
    },
    {
      label: "时间",
      required: true,
      labelSpan: 7,
      valueSpan: 10,
      type: "date-time",
      value: "dateTime",
    },
    {
      label: "年份",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "year",
      value: "year",
      placeholder: "选择年份",
    },
    {
      label: "周",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "week",
      value: "week",
      placeholder: "选择第几周",
    },
    {
      label: "时间区间",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "time-range",
      value: "timeRange",
      format: "yyyy-MM",
      // placeholder: []
    },
    {
      label: "月份",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "month",
      value: "month",
    },
    {
      label: "时间戳",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "time",
      value: "time",
    },
    {
      label: "Leq(dB)",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "slider",
      value: "leq",
      sliderTooltipVisible: "default",
    },
    {
      label: "选择站点",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "tree",
      value: "siteTree",
      nodes: [
        {
          title: "北京市",
          key: "111000",
          children: [
            {
              title: "东城区",
              key: "111001",
              children: [
                {
                  title: "东城区站点1",
                  key: 11100101,
                },
                {
                  title: "东城区站点2",
                  key: 11100102,
                },
              ],
            },
            {
              title: "西城区",
              key: "111002",
              children: [
                {
                  title: "西城区站点1",
                  key: 11100201,
                },
                {
                  title: "西城区站点2",
                  key: 11100202,
                },
                {
                  title: "西城区站点3",
                  key: 11100203,
                },
              ],
            },
          ],
        },
        {
          title: "成都市",
          key: "112000",
          children: [
            {
              title: "高新区",
              key: "112001",
              children: [
                {
                  title: "高新区站点1",
                  key: 11200101,
                },
                {
                  title: "高新区站点2",
                  key: 11200102,
                },
              ],
            },
            {
              title: "武侯区",
              key: "112002",
              children: [
                {
                  title: "武侯区站点1",
                  key: 11200201,
                },
                {
                  title: "武侯区站点2",
                  key: 11200202,
                },
              ],
            },
          ],
        },
      ],
    },
    {
      label: "备注",
      required: false,
      labelSpan: 7,
      valueSpan: 10,
      type: "textarea",
      value: "mark",
      textAreaRows: 2,
      placeholder: "请输入文本",
    },
  ];

  printResult(result: any) {
    console.log("result", result.value);
  }
}