模型规范

src/view/Manage/Model/Component/ExportDDLModal.jsx

@@ -31,7 +31,7 @@ class ExportDDLModal extends React.Component {
       dispatch({
         type: 'datamodel.ddlGenerators',
         callback: data => {
-          this.setState({ ddlGenerators: data, loadingDDLGenerators: false });
+          this.setState({ ddlGenerators: data, loadingDDLGenerators: false, selectDDLGeneratorName: (data||[]).length>0?data[0].name:'' });
         }, 
         error: () => {
           this.setState({ loadingDDLGenerators: false });
@@ -82,7 +82,7 @@ class ExportDDLModal extends React.Component {
   }
 
   reset = () => {
-    this.setState({ selectDDLGeneratorName: '', ddlExportSuccess: false, ddlExportStrings: [] });
+    this.setState({ ddlExportSuccess: false, ddlExportStrings: [] });
   }
 
   onModalerNameChange = (value) => {

src/view/Manage/Model/Component/ImportAction.jsx

@@ -170,6 +170,13 @@ const ImportAction = (props) => {
     });
   }
 
+  const onHeaderChange = (changedValues, allValues) => {
+    if (changedValues.hasOwnProperty('name')) {
+      const newModelerData = {...modelerData, name: allValues.name};
+      validateDataModel(newModelerData);
+    }
+  }
+
   //validate 是否需要对字段进行校验
   const onTableChange = (data, validate=false) => { 
 
@@ -186,7 +193,7 @@ const ImportAction = (props) => {
   }
 
   const validateDataModel = (data) => {
-    dispatch({
+    dispatchLatest({
       type: 'datamodel.validateDataModel',
       payload: {
         data: data,
@@ -253,6 +260,7 @@ const ImportAction = (props) => {
         templates={templates}
         validateReports={validateReports}
         onTemplateChange={onTemplateChange}
+        onChange={onHeaderChange}
       /> 
       <ImportActionTable 
         modelerData={modelerData||{}}

src/view/Manage/Model/Component/ImportActionHeader.jsx

@@ -26,7 +26,7 @@ const TemplateSelect = ({ value = {}, templates = [], onChange, ...restProps })
 }
 
 const ImportActionHeader = (props) => {
-  const { editable, form, modelerData, templates, onTemplateChange, validateReports } = props;
+  const { editable, form, modelerData, templates, onTemplateChange, validateReports, onChange } = props;
 
   const [ causes, setCauses ] = useState([]);
   const [ options, setOptions ] = useState([]);
@@ -104,11 +104,16 @@ const ImportActionHeader = (props) => {
     }
   }
 
+  const onValuesChange = (changedValues, allValues) => {
+    onChange && onChange(changedValues, allValues);
+  }
+
   return (
     editable ? (
       <Form
         form={form}
         {...formItemLayout}
+        onValuesChange={onValuesChange}
       >
         <Row gutter={10}>
           <Col span={12}>
@@ -171,7 +176,7 @@ const ImportActionHeader = (props) => {
               (causes||[]).map((cause, index) => {
                 return (
                   <div key={index} style={{ color: '#ff4d4f' }}>
-                  {cause}
+                  {cause||''}
                   </div>
                 )
               })