<template>
  <ModuleBase :type="data.type">
    <template #content>
      <el-form :model="data" label-width="72px" label-position="left">
        <el-form-item label="控件规格">
          <el-radio-group v-model="data.size">
            <el-radio v-for="{ value, label } in sizeList" :key="value" :label="value">
              {{ label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="录音评分">
          <el-radio-group v-model="data.is_enable_score">
            <el-radio v-for="{ value, label } in switchOption" :key="value" :label="value">
              {{ label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="输入">
          <el-radio-group v-model="data.is_enable_input">
            <el-radio v-for="{ value, label } in switchOption" :key="value" :label="value">
              {{ label }}
            </el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
    </template>
  </ModuleBase>
</template>

<script>
import ModuleMixin from '../../common/ModuleMixin';

import { getRecordInputData, sizeList, switchOption } from '@/views/book/courseware/data/recordInput';

export default {
  name: 'RecordInputPage',
  components: {},
  mixins: [ModuleMixin],
  data() {
    return {
      data: getRecordInputData(),
      sizeList,
      switchOption,
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped></style>
