import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd/message';

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

  constructor(private message: NzMessageService) { }


  ngOnInit() {
  }

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

@Component({
  selector: "app-demo",
  template: '<bcac-common-table
  [bcacColumnOptions]="columnOptions"
  [tabledatas]="tabledatas"
  columnConfigWidth="16rem"
  bcacShowReviewIcon
  bcacRowOperationWidth="16rem"
  bcacShowBatchReviewIcon
  bcacShowReviewRecordIcon
  bcacShowPreviewIcon
  bcacShowdownloadIcon
  ></bcac-common-table>'
})
export class DemoComponent 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
    },
  ];
}

`;

importModulStr = `import { BcacTableModule } from 'bcac-lib/business-component/bcac-table';`;

  htmlCode = 
`
`;

  scssCode = 
`
`;

}