| | |
| | | <template> |
| | | <el-dropdown |
| | | class="fy-container dropdown-wrap" |
| | | class="p-events-auto" |
| | | trigger="click" |
| | | size="small" |
| | | @command="handleCommand" |
| | |
| | | </el-button> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item v-for="(item, index) in toolItem" :key="index" :command="index"> |
| | | <el-button :type="item.value ? 'primary' : 'info'" plain size="default"> |
| | | <el-dropdown-item |
| | | v-for="(item, index) in toolItem" |
| | | :key="item.label" |
| | | :command="index" |
| | | > |
| | | <el-button |
| | | :type="item.value ? 'primary' : 'info'" |
| | | plain |
| | | size="default" |
| | | > |
| | | <font-awesome-icon :icon="item.icon" class="m-r-4" /> |
| | | {{ item.label + ': ' + (item.value ? '开' : '关') }} |
| | | </el-button> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .dropdown-wrap { |
| | | position: absolute; |
| | | top: 10px; |
| | | left: 2px; |
| | | } |
| | | |
| | | |
| | | |
| | | .el-button { |
| | | margin: initial !important; |
| | | } |