<template>
	<div>
		<el-input placeholder="请选择机构名称" v-model="propValue" class="input-organizationName" clearable :readonly="true">
			<el-button slot="append" icon="el-icon-more" @click="handleSupplier"></el-button>
		</el-input>
		<!-- 选择机构名称 -->
		<supplier-modal ref="supplierModal" @confirm="confirm" />
	</div>
</template>

<script lang="ts">
	import { Component, Prop, Vue, Watch } from "vue-property-decorator";
	@Component
	export default class Focus extends Vue {
		@Prop()
		propValue : any
		handleSupplier() {
			(this.$refs.supplierModal as any).setShow(true);
		}
		// 确定机构名称
		confirm(e : any) {
			this.$emit('getSupplierModal', e[0])
		}
	}
</script>

<style>
</style>