src/views/model/sche/snapshotConf/det/configDetForm.vue

@@ -7,67 +7,73 @@
      :rules="formRules"
      label-width="80px"
    >
      <el-row :gutter="20">
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item label="数据类型" prop="dataType">
            <el-input v-model="formData.dataType" placeholder=""/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="数据编号" prop="dataNo">
            <el-input v-model="formData.dataNo" placeholder=""/>
          <el-form-item label="数据名称" prop="dataName">
            <el-input v-model="formData.dataName" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="数据编号" prop="dataNo">
            <el-input v-model="formData.dataNo" placeholder=""/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="左侧长度" prop="leftLength">
            <el-input v-model="formData.leftLength" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="右侧长度" prop="rightLength">
            <el-input v-model="formData.rightLength" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="排序" prop="sort">
            <el-input v-model="formData.sort" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="拓展字段1" prop="ext1">
            <el-input v-model="formData.ext1" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="拓展字段2" prop="ext2">
            <el-input v-model="formData.ext2" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="拓展字段3" prop="ext3">
            <el-input v-model="formData.ext3" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="拓展字段4" prop="ext4">
            <el-input v-model="formData.ext4" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="拓展字段5" prop="ext5">
            <el-input v-model="formData.ext5" placeholder=""/>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>
    <template #footer>
      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -92,6 +98,7 @@
  id: undefined,
  confId: undefined,
  dataType: undefined,
  dataName: undefined,
  dataNo: undefined,
  leftLength: undefined,
  rightLength: undefined,
@@ -104,6 +111,7 @@
})
const formRules = reactive({
  dataType: [{ required: true, message: '不能为空', trigger: 'blur' }],
  dataName: [{ required: true, message: '不能为空', trigger: 'blur' }],
  dataNo: [{ required: true, message: '不能为空', trigger: 'blur' }],
})
const formRef = ref() // 表单 Ref