<template>
	<!-- 同意或不同意组件，点击不同意的时候出现额外的输入框说明原因 -->
	<el-row>
		<el-button type="primary" @click="doAgree">同意</el-button>
		<el-button @click="dontAgree">不同意</el-button>
	</el-row>
</template>

<script>
export default {
	name: '',
	props: {},
	emits: ['not-agree', 'agree'],
	data() {
		return {
			reason: 'dont agree reason',
		};
	},
	methods: {
		doAgree() {
			this.$emit('agree');
		},
		dontAgree() {
			this.$emit('not-agree', this.reason);
		},
	},
};
</script>

<style scoped></style>
