<template>
	<div class="clearfix parentC">
		<div class="inputC">{{propValue}}</div>
		<div v-if="getPropConfig">
			<div class="selectC" v-if="propValue" key="propValue1">更换</div>
			<div class="selectC" v-else key="propValue2">选择</div>
		</div>
	</div>
</template>

<script lang="ts">
	import { Component, Prop, Vue, Watch } from "vue-property-decorator";
	@Component
	export default class Focus extends Vue {
		@Prop()
		propValue : any;
		@Prop()
		propConfig : any;
		get getPropConfig() {
			return this.propConfig?.isSelect;
		}
		created() {
			// console.log('propConfig', this.propConfig);
		}
		// 确定机构名称
		confirm(e : any) {
			this.$emit('getSupplierModal', e[0])
		}
	}
</script>

<style scoped lang="scss">
	.parentC {
		display: flex;
		align-items: center;

		.inputC {
			float: left;
			width: calc(100% - 54px);
		}

		.selectC {
			float: left;
			margin-left: 10px;
			color: #fff;
			background-color: #0089ff;
			padding: 0 10px;
			border-radius: 12px;
			cursor: pointer;
		}
	}
</style>