import { Component, OnInit } from '@angular/core';
import { Propertiy } from 'src/app/interface/propertiy-interface';
import { Others } from 'src/app/interface/ohters-interface';

@Component({
  selector: 'app-progress-step-demo',
  templateUrl: './progress-step-demo.component.html',
  styleUrls: ['./progress-step-demo.component.scss']
})
export class ProgressStepDemoComponent implements OnInit {


  progressDatatest = [
      {
        "id":"data1",
        "title":"项目A",
        "state":"done",
        "arrow":"next",
        "description":"正在审批"
      },
      {
        "id":"data2",
        "title":"预算",
        "state":"done",
        "arrow":"next",
        "description":"正在审正在审批正在审批正在审批正在审批正在审批正在审批正在审批正在审批正在审批批"
      },
      {
        "id":"data3",
        "title":"商务",
        "state":"done",
        "subData":[
          {
            "id":"subdata1",
            "title":"商务立项",
            "state":"done",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"subdata2",
            "title":"商务立项2",
            "state":"done",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"subdata3",
            "title":"商务立项3",
            "state":"done",
            "arrow":"next",
            "description":"正在审批"
          }
        ]
      },
      {
        "id":"data4",
        "title":"采购申请",
        "state":"doing",
        "subData":[
          {
            "id":"purchase",
            "title":"采购申请",
            "state":"doing",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"purchase2",
            "title":"采购申请2",
            "state":"doing",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"purchase3",
            "title":"采购申请3",
            "state":"doing",
            "arrow":"next",
            "description":"正在审批"
          }
        ]
      },
      {
        "id":"data5",
        "title":"合同申请",
        "state":"initial",
        "subData":[
          {
            "id":"apply",
            "title":"合同申请",
            "state":"initial",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"apply2",
            "title":"合同申请2",
            "state":"initial",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"apply3",
            "title":"合同申请3",
            "state":"initial",
            "arrow":"next",
            "description":"正在审批"
          }
        ]
      },
      {
        "id":"data6",
        "title":"付款申请",
        "state":"initial",
        "subData":[
          {
            "id":"pay",
            "title":"付款申请",
            "state":"initial",
            "arrow":"none",
            "description":"正在审批"
          },
          {
            "id":"pay2",
            "title":"付款申请2",
            "state":"initial",
            "arrow":"next",
            "description":"正在审批"
          },
          {
            "id":"pay3",
            "title":"付款申请3",
            "state":"initial",
            "arrow":"none",
            "description":"正在审批"
          },
        ]
      },
      {
        "id":"data7",
        "title":"完成",
        "state":"initial"
      }
    ]
  progressData3 = [
      {
        "id":"1",
        "title":"审批中",
        "description":"正在审批",
        "icon":"",
        "state":"done"
      },
      {
        "id":"2",
        "title":"待复核",
        "description":"等待复核",
        "icon":"",
        "state":"doing",
        "visible": false
      },
      {
        "id":"3",
        "title":"允许发送银行",
        "description":"允许发送银行的描述文字",
        "icon":"",
        "state":"initial"
      }
    ]
  constructor() { }

  ngOnInit() {
  }

  stepClick(data){
    //console.log(data);
    this.stepValue = data.step;
  }

  stepHandler(item,index,data) {
    console.log(item);
    console.log(index),
    console.log(data);
  }

}