bug fix

src/view/Manage/Model/Component/export-ddl.jsx

@@ -89,7 +89,7 @@ const FC = (props) => {
     <Modal
       visible={visible}
       footer={footer}
-      width='80%'
+      width='90%'
       bodyStyle={{ padding: '15px', height: '80vh', overflow: 'auto' }}
       title='DDL导出详情'
       centered destroyOnClose
@@ -107,6 +107,8 @@ const Basic = React.forwardRef(function ({ ids }, ref) {
   const [data, setData] = React.useState()
   const [configs, setConfigs] = React.useState()
   const [currentConfig, setConfig] = React.useState()
+  const [loadingDDLGenerators, setLoadingDDLGenerators] = React.useState(false)
+  const [ddlGenerators, setDDLGenerators] = React.useState()
 
   React.useImperativeHandle(ref, () => ({
     configs,
@@ -119,6 +121,10 @@ const Basic = React.forwardRef(function ({ ids }, ref) {
   }, [ids])
 
   React.useEffect(() => {
+    getDDLGenerators()
+  }, [])
+
+  React.useEffect(() => {
     let ddlFilter = {}
     for (const key in ddlFilterInfo) {
       for (const _key in ddlFilterInfo[key]) {
@@ -159,10 +165,24 @@ const Basic = React.forwardRef(function ({ ids }, ref) {
     }) 
   }
 
+  const getDDLGenerators = (needDB = false) => {
+    setLoadingDDLGenerators(true)
+    dispatch({
+      type: 'datamodel.ddlGenerators',
+      callback: data => {
+        setLoadingDDLGenerators(false)
+        setDDLGenerators(data)
+      }, 
+      error: () => {
+        setLoadingDDLGenerators(false)
+      }
+    })
+  }
+
   return (
     <Spin spinning={loading}>
       <Row gutter={15}>
-        <Col flex='300px' style={{ height: 'calc(80vh - 30px)', overflow: 'auto' }}>
+        <Col flex='350px' style={{ height: 'calc(80vh - 30px)', overflow: 'auto' }}>
         { data?.map((item, index) => (
           <Row gutter={10} key={index} className={index!==0?'mt-2':''} align='middle'>
             <Col flex='1' style={{ overflow: 'hidden' }}>
@@ -181,7 +201,33 @@ const Basic = React.forwardRef(function ({ ids }, ref) {
                 </Typography.Text>
               </Tooltip>
             </Col>
-            <Col flex='80px'>{item.dbType}</Col>
+            <Col flex='none'>
+              <Select defaultValue={item.dbType} 
+                style={{ width: 120 }}
+                loading={loadingDDLGenerators}
+                onChange={(val) => {
+                  const index = (configs??[]).findIndex(_item => item.easyDataModelerDataModelId === _item.easyDataModelerDataModelId)
+                  if (index !== -1) {
+                    const newConfig = { ...configs[index], dbType: val }
+                    setConfigs((prev) => {
+                      const newConfigs = [...prev??[]]
+                      newConfigs.splice(index, 1, newConfig)
+                      return newConfigs
+                    })
+
+                    if (configs[index].easyDataModelerDataModelId === currentConfig?.easyDataModelerDataModelId) {
+                      setConfig(newConfig)
+                    }
+                  }
+                }}
+              >
+              { 
+                ddlGenerators?.map(item => (
+                  <Select.Option key={item.name} value={item.name}>{item.name}</Select.Option>
+                )) 
+              }
+              </Select>  
+            </Col>
             <Col flex='none'>
               <Select defaultValue={false} 
                 style={{ width: 80 }}
@@ -245,14 +291,37 @@ const DDLDetail = ({ config, setConfig }) => {
     if (config?.easyDataModelerDataModelId) {
       getVersions()
     }
-  }, [config?.alertDLL, config?.easyDataModelerDataModelId])
+  }, [config?.easyDataModelerDataModelId])
 
   React.useEffect(() => {
     if ((config?.alertDLL&&config?.leftVersionId&&config?.rightVersionId)
       || (!config?.alertDLL&&config?.leftVersionId)) {
       getDDL()
     }
-  }, [config?.alertDLL, config?.leftVersionId, config?.rightVersionId, config?.ddlFilter])
+  }, [config?.alertDLL, config?.dbType, config?.leftVersionId, config?.rightVersionId, config?.ddlFilter])
+
+  React.useEffect(() => {
+    if (config?.alertDLL) {
+      //增量
+      if ((versions??[]).length > 1) {
+        setIncVersions((versions??[]).slice(0, 1))
+        setConfig?.({ 
+          ...config, 
+          leftVersionId: versions[1].id, 
+          rightVersionId: versions[0].id,
+        })
+      }
+    } else {
+      //全量
+      if ((versions??[]).length > 0) {
+        setConfig?.({ 
+          ...config, 
+          leftVersionId: versions[0].id, 
+          rightVersionId: null,
+        })
+      }
+    }
+  }, [versions, config?.alertDLL])
 
   const getVersions = () => {
     setLoadingVersions(true)
@@ -278,26 +347,6 @@ const DDLDetail = ({ config, setConfig }) => {
           newData.push({ ...item, name })
         }
         setVersions(newData)
-
-        if (config?.alertDLL) {
-          //增量
-          if (newData.length > 1) {
-            setIncVersions((newData??[]).slice(0, 1))
-            setConfig?.({ 
-              ...config, 
-              leftVersionId: newData[1].id, 
-              rightVersionId: newData[0].id,
-            })
-          }
-        } else {
-          //全量
-          if (newData.length > 0) {
-            setConfig?.({ 
-              ...config, 
-              leftVersionId: newData[0].id, 
-            })
-          }
-        }
       },
       error: () => {
         setLoadingVersions(false)