frontend/src/views/gen/database/addColumnForm.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <a-modal title="编辑数据列" :width="900" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit"
    @cancel="handleCancel">
    <a-spin :spinning="confirmLoading">
      <a-divider orientation="left">数据列信息</a-divider>
      <a-form :form="form">
        <a-form-item label="列名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入列名" v-decorator="['dbColumnName', { rules: [{ required: true, message: '请输入列名！' }] }]" />
        </a-form-item>
        <a-form-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入描述" style="width: 100%"
            v-decorator="['columnDescription', { rules: [{ required: true, message: '请输入描述！' }] }]" />
        </a-form-item>
        <a-form-item label="主键" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-select v-decorator="['isPrimarykey', { rules: [{ required: true, message: '请选择是否为主键' }] }]"
            key="isPrimarykey" style="width: 100%" placeholder="请选择" has-feedback
            @change="e => primarykeyHandleChange(e)">
            <a-select-option v-for="(item, index) in selectData" :key="index" :value="item.value">{{ item.text }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="自增" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-select :disabled="enabledIsIdentity"
            v-decorator="['isIdentity', { rules: [{ required: true, message: '请选择是否自增' }] }]" key="isIdentity"
            style="width: 100%" placeholder="请选择" has-feedback>
            <a-select-option v-for="(item, index) in selectData" :key="index" :value="item.value">{{ item.text }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="可空" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-select :disabled="enabledIsNullabled"
            v-decorator="['isNullable', { rules: [{ required: true, message: '请选择是否可空' }] }]" key="isNullable"
            style="width: 100%" placeholder="请选择" has-feedback>
            <a-select-option v-for="(item, index) in selectData" :key="index" :value="item.value">{{ item.text }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-select v-decorator="['dataType', { rules: [{ required: true, message: '请选择类型' }] }]" key="dataType"
            style="width: 100%" placeholder="请选择" has-feedback @change="e => dataTypeHandleChange(e)">
            <a-select-option v-for="(item, index) in dataTypeSelectData" :key="index" :value="item.value">
              {{ item.value }}</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="长度" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input :disabled="!hasLength" placeholder="请输入长度" v-decorator="['length', validateLengthRule]" />
        </a-form-item>
        <a-form-item label="保留小数" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input :disabled="!hasDecimalDigits" placeholder="请输入位数" v-decorator="['decimalDigits']" />
        </a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
import {
  columnAdd
} from '@/api/modular/gen/databaseManage'
export default {