/**
* author: Louie Butch
* date: 2020/6/17
* email: 844089357@qq.com
* desc:
*/
<template>
	<span style="margin-right: 20px">
		<el-dropdown @command="handleCommand" placement="bottom">
			<slot></slot>
			 <el-dropdown-menu slot="dropdown">
				<el-dropdown-item :command="item.command" v-for="(item, index) in dropdownList" :key="index">{{item.label}}</el-dropdown-item>
				<el-dropdown-item :command="'revokeTask'">任务撤销</el-dropdown-item>
			  </el-dropdown-menu>
		</el-dropdown>
	</span>

</template>

<script>
    export default {
        name: 'hd-workflow-trigger',
        props: {
			orgType: {
            	type: Number,
				default: 1
			},

			commandList: {
            	type: Array,
				default: () => []
			}
        },
        computed: {
            dropdownList() {
				return this.commandList.filter((item) => item.orgType === this.orgType);
            }
        },
        methods: {
            handleCommand(command) {
            	let currentCommandInfo = null;

            	if (command === 'revokeTask') {
            		currentCommandInfo = {
            			type: command
					}
				} else {
					currentCommandInfo = this.dropdownList.find((item) => item.command === command);
				}
            	this.$emit('handleCommand', currentCommandInfo);
            }
        }
    };
</script>

<style scoped lang="scss"></style>