<!--
  @description: 非主流程菜单
  @Modifier: haoFx
  @routerPath:
  @date: 2020/3/12-11:00
-->
<template>
  <div class="exceptionapply-menu">
    <div
      v-for="(item, index) in menuList"
      :key="index"
    >
      <el-button
        :icon="'iconfont ' + item.icon"
        type="text"
        @click="setNoMainFlowMenuChild(item)"
      >
        {{ item.name }}
      </el-button>
    </div>
  </div>
</template>

<script>
/**
   * {
   *  path:"", 路由
   *  name:"",节点名称
   *  icon:"",图标
   *  child:[],//子级tabs
   * }
   */
export default {
  name: 'NoMainFlowMenu',
  props: {
    //  非主流程Tabs
    /*
        {
          name: 'name',
          icon: 'icon-chengqingchuli',
          path: '',
          child: [
            {
              name: 'name',
              path: ''
            }
          ]
        }
    */
    menuList: {
      type: Array,
      default: function(item) {
        return []
      }
    },
    /*
    * 设置当前非主流程节点的二级步骤tab
    * item 当前节点
    * */
    setNoMainFlowMenuChild: {
      type: Function,
      default: function(item) {
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {}
}
</script>

<style scoped lang="less">

  .exceptionapply-menu{
    text-align: center;
    padding-top: 10px;
    /deep/.el-button{
      width: 76px;
      text-align: left;
      margin-left: 0;
    }
  }
</style>
