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

@Component({
  selector: 'app-common-form',
  templateUrl: './common-form.component.html',
  styleUrls: ['./common-form.component.scss']
})
export class CommonFormComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

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

@Component({
  selector: "app-common-form",
  template: '<bcac-common-form
  [fields]="demoFields"
  bcacSize="small"
  (formEmit)="printResult($event)">
  </bcac-common-form>',
  styleUrls: ["./common-form.component.scss"],
})
export class CommonFormComponent implements OnInit {
  constructor() {}

  ngOnInit() {}

  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: "请输入文本",
    },
  ];
}
`;

importModulStr = `import { BcacFormModule } from 'bcac-lib/base-component/currency/bcac-form';`;

  htmlCode = 
`
`;

  scssCode = 
`
`;
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);
}

}