<template>
  <div>
    <Dropdown style="margin-left: 20px">
            <a href="javascript:void(0)">
              <span>{{menuRoleNames.indexOf('文件系统文档管理员')>-1?' 文件系统文档管理员':'文件系统用户'}}</span>
              <Icon type="ios-arrow-down"></Icon>
            </a>
            <DropdownMenu  slot="list">
              <template v-for="(item) in menuRoleNames" >
                <DropdownItem class="dropselect" :name="item" :key="item">{{item}}</DropdownItem>
              </template>
              <!-- <DropdownItem>驴打滚</DropdownItem>
              <DropdownItem>炸酱面</DropdownItem>
              <DropdownItem>豆汁儿</DropdownItem>
              <DropdownItem>冰糖葫芦</DropdownItem>
              <DropdownItem>北京烤鸭</DropdownItem> -->
            </DropdownMenu>
    </Dropdown>
  </div>
</template>

<script>
export default {
  name: 'HRoleShow',
  props: {
    menuRoleNames: {
      type: Array
    }
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="less" scoped>
.dropselect{
  // margin: 16px 0;
  padding-left:-24px;
  list-style: none;
}
</style>
