<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2024年9月11日 19:24:50
	 */
	import {
		ref,
		onMounted
	} from 'vue'
	import {
		$api,
		$response
	} from '@/api'
	import {
		useStore
	} from '@/store'
	const $emit = defineEmits(['setValue'])
	const $store = useStore()
	const $props = defineProps({
		info: {
			type: Object,
			default: () => {
				return {
					id: 0
				}
			}
		},
		index: {
			type: String,
			default: ''
		}
	});

	const mountedAction = () => {

	}

	const onKeyInput = (e) => {
		$emit('setValue', $props.index, e.detail.value)
	}

	onMounted(() => {
		mountedAction()
	})
</script>
<template>
	<view>
		<view class="input_wrapper">
			<input :value="$props.info['value']" @input="onKeyInput" />
		</view>
	</view>
</template>
<style scoped>
	.input_wrapper {
		width: 100%;
		height: 60rpx;
		border-radius: 6rpx;
		border: 1rpx #cccccc solid;
		margin-top: 20rpx;
	}

	.input_wrapper input {
		height: 60rpx;
		line-height: 60rpx;
		padding-left: 20rpx;
	}
</style>