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

@Component({
  selector: 'app-list-view-demo',
  templateUrl: './list-view-demo.component.html',
  styleUrls: ['./list-view-demo.component.scss']
})
export class ListViewDemoComponent implements OnInit {
  constructor() { }

  ngOnInit() {
    
  }

  timelineData = [
    {
      "id":'1',
      "time":"2019.03.02",
      "timelineContent":{
        "transactSum":80000,
        "listData":[
          {
            "name":"单据编号",
            "content":"CQ001"
          },{
            "name":"付款账号",
            "content":"6228 8978 9909 2334"
          },{
            "name":"结算方式",
            "content":"付款"
          },{
            "name":"期望付款日期",
            "content":"2019-03-02"
          },{
            "name":"银企直联付款",
            "content":"是"
          }
        ],
        "progressData":{
          "activeIndex":3,
          "stepMessages":[
            {
              "id":"1",
              "title":"审批中",
              "description":"正在审批"
            },
            {
              "id":"2",
              "title":"待复核",
              "description":"等待复核"
            },
            {
              "id":"3",
              "title":"允许发送银行",
              "description":"允许发送银行的描述文字"
            },
            {
              "id":"4",
              "title":"网银发送待确认",
              "description":"网银发送待确认描述文字"
            },
            {
              "id":"5",
              "title":"等待发送银行",
              "description":"等待发送银行描述文字"
            },
            {
              "id":"6",
              "title":"银行正在处理",
              "description":"银行正在处理描述文字"
            },{
              "id":"7",
              "title":"银行付款成功",
              "description":"银行付款成功描述文字"
            }
          ]
        }
      }
    },
    {
      "id":'2',
      "time":"2019.07.02",
      "timelineContent":{
        "transactSum":7873677628,
        "listData":[
          {
            "name":"单据编号",
            "content":"CQ001"
          },{
            "name":"付款账号",
            "content":"6228 8978 9909 2334"
          }
        ],
        "progressData":{
          "activeIndex":5,
          "stepMessages":[
            {
              "id":"1",
              "title":"审批中",
              "description":"正在审批"
            },
            {
              "id":"2",
              "title":"待复核",
              "description":"等待复核"
            },
            {
              "id":"3",
              "title":"允许发送银行",
              "description":"允许发送银行的描述文字"
            },
            {
              "id":"4",
              "title":"网银发送待确认",
              "description":"网银发送待确认描述文字"
            },
            {
              "id":"5",
              "title":"等待发送银行",
              "description":"等待发送银行描述文字"
            },
            {
              "id":"6",
              "title":"银行正在处理",
              "description":"银行正在处理描述文字"
            },{
              "id":"7",
              "title":"银行付款成功",
              "description":"银行付款成功描述文字"
            }
          ]
        }
      }
    }
  ]

}