<template>
  <div class="mainTable">
    <baseNewForm
      ref="mainOptionForm"
      :spanNumber="24"
      :isFunBtn="false"
      :formRow="mainOptionRow"
      :ruleForm="mainOptionForm"
      :labelPosition="'top'"
      :rules="rules"
      @onSubmit="mainOptionOnSubmit"
    >
    </baseNewForm>
  </div>
</template>
<script>
import baseNewForm from '../compoments/baseNewForm'

export default {
  name: 'mainTable',
  components: {
    baseNewForm
  },
  data() {
    return {
      mainOptionRow: [
        {
          elCol: [
            {
              type: 'input',
              title: '英文名',
              id: 'dbName',
              disabledOfId: true,
              row: 24,
              disabled: false,
              required: true,
              fontSize: 16,
              pattern: /^[a-zA-Z][a-zA-Z0-9_]{0,50}$/,
              message: '须以字母开头且不能出现_外的字符与中文'
            }
          ]
        },
        {
          elCol: [
            {
              type: 'input',
              title: '表说明',
              id: 'remark',
              row: 24,
              disabled: false,
              required: true,
              fontSize: 16
            }
          ]
        }
      ],
      mainOptionForm: {},
      rules: {
        dbName: [{
          required: true,
          message: '请输入源数据',
          trigger: 'blur'
        }],
        remark: [{
          required: true,
          message: '请输入源数据',
          trigger: 'blur'
        }],
      }
    }
  },
  methods: {
    mainOptionOnSubmit() {

    }
  }
}
</script>


<style scoped lang="scss">

</style>
