<!--
 * @ Author: zhaowei
 * @ Create Time: 2022-09-3 10:20:17
 * @ Modified by: zhaowei
 * @ Modified time: 2022-09-07 18:00:17
 * @ Description:
 -->


<template>
  <div class="body">
    <div class="rarle">
      <tatle-bar :tatle="tatleName"></tatle-bar>
    </div>

    <van-steps  class="step" direction="vertical" :active="active"  style=" margin: 10px;" >

        <van-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
            <van-row  >
                <van-col span="5"> <span>{{item.name}}</span></van-col>
              
                  <van-col span="19" style="text-align:right;color: #999999; font-size: 14px;"> <span>{{item.time}}</span></van-col>
            </van-row>

            <!-- <van-row  >
                <van-col span="5"> <span>{{item.falg}}</span></van-col>
            </van-row> -->

        </van-step>
    </van-steps>


  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
import { Step, Steps } from 'vant';

Vue.use(Step);
Vue.use(Steps);
/*
* title
*/
@Component({
  name: "businessProgress"
})
export default class businessProgress extends Vue {
  tatleName = "申请审批进度"

  bussList:any =[
      {
          name :"意向申请",
          jobs : "客户经理",
          time : "2021/02/20 11:14:12",
          falg:"同意"

      },
        {
          name :"业务受理",
          jobs : "支行审批岗",
          time : "2021/02/20 11:14:12",
          falg:"同意"

      },
        {
          name :"业务调查",
          jobs : "支行行长",
          time : "2021/02/20 11:14:12",
          falg:"同意"

      },
        {
          name :"授信审批",
          jobs : "某某审批岗",
          time : "",
          falg:""

      },
        {
          name :"合同签署",
          jobs : "某某审批岗",
          time : "",
          falg:""


      },
        {
          name :"合同审批",
          jobs : "某某最终审批岗",
          time : "",
          falg:""


      },


  ]

 active = 3

 
}


</script>
<style scoped lang="scss">
.body {
  height: 100%;
  width: 100%;
  background-color:#ffffff;
}
.step{
  height: 100%;
  width: 90%;
  background-color:#ffffff;

}
</style>