<template>
  <div class="tableInner">
    <el-time-picker
      v-model="list[itemProp]"
      @blur="changeInput"
      style="width: 100%"
      format='HH:mm:ss'
      value-format='HH:mm:ss'
    ></el-time-picker>
  </div>
</template>
<script>
export default {
  name: 'TimePickerArea',
  props: {
    injectData: {
      type: Object,
      default: () => ({})
    },
    itemProp: {
      type: String
    }
  },
  data() {
    return {
      list: this.injectData
    }
  },
  methods: {
    changeInput() {
      console.log(this.list)
      this.$emit('emitData', this.list)
    }
  }
}
</script>
<style lang="scss">
.tableInner .el-input--prefix .el-input__inner {
  border: none;
  padding-left: 30px;
  height: 33px;
}
</style>
