<template>
  <div>
    <el-input
      type="textarea"
      :rows="2"
      placeholder="请输入内容"
      :value="value"
      @input="$emit('input', $event)"
      v-if="type == 1"
      :disabled="disabled"
    >
    </el-input>

    <deptSelect
      :disabled="disabled"
      :value="value"
      @input="$emit('input', $event)"
      v-if="type == 2"
    />
 
    <el-date-picker
      style="width: 100%"
      @input="$emit('input', $event)"
      v-if="type == 3"
      :value="value"
      :disabled="disabled"
      type="date"
      placeholder="选择日期"
      value-format="yyyy-MM-dd"
    >
    </el-date-picker>
  </div>
</template>

<script>
import deptSelect from '@/components/CommomSelect/dept-select.vue';

export default {
  components: { deptSelect },
  data() {
    return {};
  },
  props: {
    value: '',
    type: '',
    disabled: {
      default: false
    }
  },

  computed: {},
  created() {},
  methods: {
    // test($event){
    //   console.log($event)
    //   $emit('value', $event.target.value)
    // }
  }
};
</script>
<style lang="scss" scoped>
.basic-details-title {
  margin: 10px 0;
}
.title {
  font-size: 16px;
  line-height: 45px;
}
.add-product {
  width: 100%;
  display: flex;
  align-items: center;
  // justify-content: flex-end;
  font-size: 30px;
  color: #1890ff;
  margin: 10px 0;
  cursor: pointer;
}
</style>
