<!--
 * @Author: zwq
 * @Date: 2023-09-22 15:36:40
 * @LastEditors: zwq
 * @LastEditTime: 2023-09-26 15:59:57
 * @Description:
-->
<template>
  <div class="tableInner">
    <el-input v-model="list[itemProp]" @blur="changeInput" />
  </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);
    },
  },
};
</script>
<style scoped>
.tableInner >>> .el-input__inner {
  color: #409EFF;
  border: 1px rgb(232, 231, 231) solid;
  padding: 0;
  text-align: center;
  height: 30px;
}
</style>
