<template>
  <el-dialog :visible="visible" width="600px" @close="dialogClose">
    <el-input v-model="text" type="textarea" rows="8" resize="none" :placeholder="placeholder" />

    <template slot="footer">
      <el-button @click="dialogClose">取消</el-button>
      <el-button type="primary" @click="recognition">识别</el-button>
    </template>
  </el-dialog>
</template>

<script>
export default {
  name: 'IntelligentRecognition',
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
    type: {
      type: String,
      default: 'select',
    },
  },
  data() {
    return {
      text: '',
      placeholderList: {
        select: '题干：xxx\r\n提示：xxx\r\n选项 1\r\n选项 2\r\n选项 3',
        listen_select: '题干：xxx\r\n提示：xxx\r\n选项 1\r\n选项 2\r\n选项 3',
        judge: '题干：xxx\r\n提示：xxx\r\n选项 1\r\n选项 2\r\n选项 3',
        listen_judage: '题干：xxx\r\n提示：xxx\r\n选项 1\r\n选项 2\r\n选项 3',
        fill: '题干：\r\n提示：\r\n填空____填空填空___\r\n填空___填空___\r\n填空___填空___',
        listen_fill: '题干：\r\n提示：\r\n填空____填空填空___\r\n填空___填空___\r\n填空___填空___',
        sort: '题干：xxxx\r\n提示：xxxx\r\n内容 内容 内容 内容 内容\r\n内容 内容 内容',
        matching: '题干：xxx\r\n提示：xxx\r\n内容 - 内容\r\n内容 - 内容\r\n内容 - 内容',
        choose_tone: '题干：xxx\r\n提示：xxx\r\nHe3n ha3o\r\nNi3 ha3o',
        essay_question: '题干：xxx\r\n提示：xxx\r\n参考答案：xxx',
        table_fill:
          '题干：xxx\r\n提示：xxx\r\n表头-表头-表头\r\n（表格内容）（表格内容）（表格内容）\r\n（）（表格内容）（）\r\n参考答案：xxx',
        read_aloud: '题干：xxx\r\n提示：xxx\r\n文段：xxx',
        repeat: '题干：xxx\r\n提示：xxx\r\n选项 1\r\n选项 2\r\n选项 3',
        talk_picture: '题干：xxx\r\n提示：xxx',
        dialogue: '题干：xxx\r\n提示：xxx\r\n小明：内容内容\r\n小红：内容内容\r\n-学生\r\n小明：内容内容',
        answer_question: '题干：xxx\r\n提示：xxx\r\n参考答案：xxx',
        replace_answer: '题干：xxx\r\n提示：xxx\r\n内容1 内容2 内容3 内容4\r\n内容1 内容2 内容3 内容4',
        chinese: '题干：xxxx\r\n提示：xxx\r\n字词/pinyin/释义/搭配\r\n字词/pinyin/释义/搭配',
        word_dictation: '题干：xxx\r\n提示：xxx\r\n字词/pinyin\r\n字词/pinyin',
        word_card:
          '题干：xxx\r\n提示：xxx\r\n字词/拼音/释义/搭配/例句1/例句2/例句3\r\n字词/拼音/释义/搭配/例句1/例句2/例句3',
        write: '题干：xxx\r\n提示：xxx\r\n范文：xxx',
        write_picture: '题干：xxx\r\n提示：xxx',
        read: '题干：xxx\r\n提示：xxx\r\n文章：xxx',
      },
    };
  },
  computed: {
    placeholder() {
      return this.placeholderList[this.type] ?? '暂无智能识别';
    },
  },
  methods: {
    // 识别
    recognition() {
      this.$emit('recognition', this.text);
      this.text = '';
      this.$emit('update:visible', false);
    },
    dialogClose() {
      this.$emit('update:visible', false);
    },
  },
};
</script>

<style lang="scss" scoped>
.el-dialog__wrapper {
  :deep .el-dialog__header {
    display: none;
  }

  :deep .el-textarea__inner {
    font-size: 14px;
  }
}
</style>
