<!--
 * @Author: zwq
 * @Date: 2023-09-22 15:36:40
 * @LastEditors: zwq
 * @LastEditTime: 2024-06-21 15:07:10
 * @Description:
-->
<template>
	<div class="tableInner">
		<el-input
			v-model="list[itemProp]"
			:id="'inputFocus'+injectData._pageIndex"
      :disabled="injectData.isDisabled"
			@blur="changeInput"
			@keyup.enter.native="nextInput" />
	</div>
</template>
<script>
export default {
	name: 'InputArea',
	props: {
		injectData: {
			type: Object,
			default: () => ({}),
		},
		itemProp: {
			type: String,
		},
	},
	data() {
		return {
			list: this.injectData,
		};
	},
	methods: {
		changeInput() {
			this.list.sType = 1;
			this.$emit('emitData', this.list, 1);
		},
    nextInput(){
			this.list.sType = 3;
			this.$emit('emitData', this.list, 3);
    }
	},
};
</script>
<style scoped>
.tableInner >>> .el-input__inner {
	color: #409eff;
	border: 1px rgb(232, 231, 231) solid;
	padding: 0;
	text-align: center;
	height: 30px;
}
</style>
