<template>
  <div class="ty-steps " :style="styles">
    <Steps  :current="getCurrent" style="margin-bottom: 20px;">
      <Step v-for="step,index in steps" v-bind="step" :key="index"/>
    </Steps>
  </div>
</template>

<script>
import {editSetting} from './property';
export default {
    // props: {
    //     text: {
    //         type: String,
    //         default: 'Button Text'
    //     },
    //     type: String,
    //     styles: Object
    // },
    props:{
        current:"2",
        stepsData:{
            type:Array,
            default(){
                return [{
                    "title": "填写资料"
                    },
                    {
                        "title": "上传附件"
                    },
                    {
                        "title": "提交审核"
                    },
                    {
                        "title": "支付缴费"
                    },
                    {
                        "title": "已办结"
                    }];
            }
        }
    },
    computed:{
        getCurrent(){
            return this.property.current;
        }
    },
    data () {
        return {
            property:{
                current : "0",
                steps:[]
            },
            text: 'steps',
            styles: {},
            type: 'steps',
            level: editSetting.level,
        };
    },
    editSetting,
    name: editSetting.key,
    level: editSetting.level,
};
</script>

<style>

</style>
