<template>
  <el-row>
    <el-steps :value="value" :active="value" :align-center="true" process-status="wait" finish-status="success">
      <el-step title="Booking"/>
      <el-step title="Verification"/>
      <el-step title="Supplier Booking"/>
      <el-step title="Supplier Report"/>
      <el-step title="Upload China Bankslip To Booking"/>
      <el-step title="Purchase Order/Invoice"/>
      <el-step title="Completed"/>
    </el-steps>
  </el-row>
</template>

<style type="text/css">
    /* .el-row {
        margin: 20px 0;
    }

    .el-steps {
        padding-top: 70px;
    }

    .el-step .el-step__main {
        transform: translateY(-70px);
    }
    .el-step__title.is-wait {
        font-size: 10pt;
    }
    .el-step__title {
        line-height: 1.4;
    }

    .el-step .is-success .el-step__line {
        background-color: #67c23a;
    } */
</style>

<script>
export default {
  props: ['value'],
  data: () => ({
    status: 1
  })
}
</script>
