<template>
  <div>
    <Poptip v-model="visible" placement="bottom-start" trigger="hover" word-wrap :width="width">
      <div style="cursor: pointer">
        <a>第{{current+1}}步：{{setpList[current].title}} </a>
        <Icon type="ios-help-circle-outline" size="18"/>
      </div>
      <div slot="title">向导提示</div>
      <div slot="content">
        <Steps :current="current" :direction="horizontalTag?'horizontal':'vertical'">
          <Step v-for="(item,index) in setpList" :title="'第'+(index+1)+'步'" :content="item.content" :key="item.title"></Step>
        </Steps>
        <Button type="default" size="small" @click="visible=false" style="float:right">&nbsp;&nbsp;知道了&nbsp;&nbsp;</Button>
      </div>
    </Poptip>
  </div>
</template>

<script>
let _this;
export default {
  name:'bcSteps',
  props:{
    horizontalTag: {
        type:Boolean,
        default: false
    },
    width: {
       type:Number,
       default:300
    },
    current: {
      type:Number,
      default:0
    },
    setpList: {
      type: Array,
      default: [
          {title:'选择申报人员',content:'勾选需要处理的人员，点击下一步。'},
          {title:'确定申报信息',content:'填写并确定申报人员，点击提交。'},
          {title:'提交成功',content:'完成申报，请等待审批部门处理。'}
      ],
    },
  },
  data(){
    return{
      visible:false
    }
  },methods: {

  },mounted: function(){
    _this = this;
  },watch:{

  }
}
</script>

<style scoped>

</style>
