<!--
  @description: 非主流程-招标项目二级步骤菜单
  @Modifier：肖文龙
  @routerPath:
  @date：  2020年3月21日19:54:58
-->
<template>
  <div v-if="list.length" class="driveStep p0-16">
    <el-row>
      <tabs :list="list" />
    </el-row>
  </div>
</template>
<script>
/**
   * {
   *  path:"", 路由
   *  name:"",节点名称
   * }
   */
// 组件
import tabs from '@comp/common/tabs'// 非主流程tabs
export default {
  name: 'DriveStep',
  components: {
    tabs
  },
  props: {
    // 非主流程-当前节点二级项目驱动步骤tab
    list: {
      type: Array,
      default: function() {
        return []
      }
    },
    /*
    * 切换二级步骤节点tab
    * item 二级步骤节点参数
    * */
    noMainFlowChange: {
      type: Function,
      default: function(item) {
      }
    }
  }
}
</script>
<style lang="less" scoped>
  @import '~@assets/style/common/public.less';
  @H:40px;//高度和行高
  @border: @border-gray;//下边框颜色

  /*样式颜色边距修改-在上面的变量修改即可*/

  .driveStep {
    background:@white;
    height:@H;
    line-height: @H;
    border-bottom: 1px solid @border;
    box-sizing: border-box;
  }

</style>
