fix: '修改数据库连接配置界面样式'

src/components/GlobalHeader/RightContent.jsx

@@ -60,7 +60,7 @@ const GlobalHeaderRight = props => {
           文档说明
         </a>
       </div>
-      <Colophon />
+      {/* <Colophon /> */}
       <div style={{ margin: '0 10px' }}>
         <a
           target="_blank"

src/pages/database/databaseConfig/DatabaseConfig.jsx

@@ -48,16 +48,16 @@ const DatabaseConnectConfig = props => {
             </TabPane>
           ))}
         </Tabs> */}
-        <Hr />
+
         <SQLServerTable />
         <br />
-        <Hr />
+
         <OracleTable />
         <br />
-        <Hr />
+
         <MongDBTable />
         <br />
-        <Hr />
+
         <MySQLTable />
       </Card>
     </PageContainer>

src/pages/database/databaseConfig/mongDB/MongDBTable.jsx

@@ -7,7 +7,7 @@ import {
   getMongoDBConnectionTest,
   GetConnString,
   DeleteConnString,
-  GetConnTest
+  GetConnTest,
 } from '@/services/database/api';
 import AddModal from './AddModal';
 const MongDBTable = props => {
@@ -34,17 +34,18 @@ const MongDBTable = props => {
     //     setTableLoading(false);
     //   });
     GetConnString({
-      Type:"MongoDB"
-    }).then(resnew => {
-      setTableLoading(false);
-      if (resnew.code == 0) {
-        let res = resnew.data
-        setDataList(res);
-      }
+      Type: 'MongoDB',
     })
-    .catch(err => {
-      setTableLoading(false);
-    });
+      .then(resnew => {
+        setTableLoading(false);
+        if (resnew.code == 0) {
+          let res = resnew.data;
+          setDataList(res);
+        }
+      })
+      .catch(err => {
+        setTableLoading(false);
+      });
   }, [flag]);
   // 新增
   const handleAdd = (val, item) => {
@@ -80,29 +81,29 @@ const MongDBTable = props => {
     //     console.error(err);
     //   });
     GetConnTest({
-      Type:"MongoDB",
-      name:item.name
-    }).then(res => {
-      setTableLoading(false);
-      if (res.code == 0) {
-        notification.success({
-          message: '提示',
-          description: '连接成功',
-          duration: 3,
-        });
-      } else {
-        notification.error({
-          message: '提示',
-          description: res.msg || '连接失败',
-          duration: 3,
-        });
-      }
+      Type: 'MongoDB',
+      name: item.name,
     })
-    .catch(err => {
-      setTableLoading(false);
-      console.error(err);
-    });
-      
+      .then(res => {
+        setTableLoading(false);
+        if (res.code == 0) {
+          notification.success({
+            message: '提示',
+            description: '连接成功',
+            duration: 3,
+          });
+        } else {
+          notification.error({
+            message: '提示',
+            description: res.msg || '连接失败',
+            duration: 3,
+          });
+        }
+      })
+      .catch(err => {
+        setTableLoading(false);
+        console.error(err);
+      });
   };
   // 删除
   const handleDel = (val, item) => {
@@ -129,24 +130,24 @@ const MongDBTable = props => {
     //     }
     //   })
     //   .catch(err => console.error(err));
-      DeleteConnString({
-        name:name
-      }).then(res => {
-        setFlag(flag + 1);
-        if (res.code == 0) {
-          notification.success({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除成功',
-          });
-        } else {
-          notification.error({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除失败',
-          });
-        }
-      })
+    DeleteConnString({
+      name,
+    }).then(res => {
+      setFlag(flag + 1);
+      if (res.code == 0) {
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除成功',
+        });
+      } else {
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除失败',
+        });
+      }
+    });
   };
   // 编辑
   const handleEdit = (val, item) => {
@@ -222,11 +223,7 @@ const MongDBTable = props => {
       key: 'options',
       width: 300,
       render: (val, item) => [
-        <Button
-          size="small"
-          type="primary"
-          onClick={() => handleCon(val, item)}
-        >
+        <Button size="small" type="primary" onClick={() => handleCon(val, item)}>
           测试连接
         </Button>,
         <Button
@@ -265,7 +262,7 @@ const MongDBTable = props => {
         bordered
         loading={tableLoading}
         dataSource={dataList}
-        options={{ reload: false, fullScreen: false }}
+        options={false}
         toolBarRender={() => [
           <Button
             type="primary"

src/pages/database/databaseConfig/mysqltable/MySQLTable.jsx

@@ -7,7 +7,7 @@ import {
   deleteConnString,
   GetConnString,
   DeleteConnString,
-  GetConnTest
+  GetConnTest,
 } from '@/services/database/api';
 import AddModal from './AddModal';
 const MySQLTable = props => {
@@ -33,12 +33,13 @@ const MySQLTable = props => {
     //   .catch(err => {
     //     setTableLoading(false);
     //   });
-      GetConnString({
-        Type:"MySQL"
-      }).then(resnew => {
+    GetConnString({
+      Type: 'MySQL',
+    })
+      .then(resnew => {
         setTableLoading(false);
         if (resnew.code == 0) {
-          let res = resnew.data
+          let res = resnew.data;
           setDataList(res);
         }
       })
@@ -79,10 +80,11 @@ const MySQLTable = props => {
     //     setTableLoading(false);
     //     console.error(err);
     //   });
-      GetConnTest({
-        Type:"MySQL",
-        name:item.name
-      }).then(res => {
+    GetConnTest({
+      Type: 'MySQL',
+      name: item.name,
+    })
+      .then(res => {
         setTableLoading(false);
         if (res.code == 0) {
           notification.success({
@@ -128,24 +130,24 @@ const MySQLTable = props => {
     //     }
     //   })
     //   .catch(err => console.error(err));
-      DeleteConnString({
-        name:name
-      }).then(res => {
-        setFlag(flag + 1);
-        if (res.code == 0) {
-          notification.success({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除成功',
-          });
-        } else {
-          notification.error({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除失败',
-          });
-        }
-      })
+    DeleteConnString({
+      name,
+    }).then(res => {
+      setFlag(flag + 1);
+      if (res.code == 0) {
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除成功',
+        });
+      } else {
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除失败',
+        });
+      }
+    });
   };
   // 编辑
   const handleEdit = (val, item) => {
@@ -198,11 +200,7 @@ const MySQLTable = props => {
       key: 'options',
       width: 300,
       render: (val, item) => [
-        <Button
-          size="small"
-          type="primary"
-          onClick={() => handleCon(val, item)}
-        >
+        <Button size="small" type="primary" onClick={() => handleCon(val, item)}>
           测试连接
         </Button>,
         <Button
@@ -241,7 +239,7 @@ const MySQLTable = props => {
         bordered
         loading={tableLoading}
         dataSource={dataList}
-        options={{ reload: false, fullScreen: false }}
+        options={false}
         toolBarRender={() => [
           <Button
             type="primary"

src/pages/database/databaseConfig/oracle/OracleTable.jsx

@@ -7,7 +7,7 @@ import {
   deleteConnString,
   GetConnString,
   DeleteConnString,
-  GetConnTest
+  GetConnTest,
 } from '@/services/database/api';
 import AddModal from './AddModal';
 const OracleTable = props => {
@@ -33,12 +33,13 @@ const OracleTable = props => {
     //   .catch(err => {
     //     setTableLoading(false);
     //   });
-      GetConnString({
-        Type:"Oracle"
-      }).then(resnew => {
+    GetConnString({
+      Type: 'Oracle',
+    })
+      .then(resnew => {
         setTableLoading(false);
         if (resnew.code == 0) {
-          let res = resnew.data
+          let res = resnew.data;
           setDataList(res);
         }
       })
@@ -79,10 +80,11 @@ const OracleTable = props => {
     //     setTableLoading(false);
     //     console.error(err);
     //   });
-      GetConnTest({
-        Type:"Oracle",
-        name:item.name
-      }).then(res => {
+    GetConnTest({
+      Type: 'Oracle',
+      name: item.name,
+    })
+      .then(res => {
         setTableLoading(false);
         if (res.code == 0) {
           notification.success({
@@ -128,24 +130,24 @@ const OracleTable = props => {
     //     }
     //   })
     //   .catch(err => console.error(err));
-      DeleteConnString({
-        name:name
-      }).then(res => {
-        setFlag(flag + 1);
-        if (res.code == 0) {
-          notification.success({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除成功',
-          });
-        } else {
-          notification.error({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除失败',
-          });
-        }
-      })
+    DeleteConnString({
+      name,
+    }).then(res => {
+      setFlag(flag + 1);
+      if (res.code == 0) {
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除成功',
+        });
+      } else {
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除失败',
+        });
+      }
+    });
   };
   // 编辑
   const handleEdit = (val, item) => {
@@ -191,11 +193,7 @@ const OracleTable = props => {
       key: 'options',
       width: 300,
       render: (val, item) => [
-        <Button
-          size="small"
-          type="primary"
-          onClick={() => handleCon(val, item)}
-        >
+        <Button size="small" type="primary" onClick={() => handleCon(val, item)}>
           测试连接
         </Button>,
         <Button
@@ -234,7 +232,7 @@ const OracleTable = props => {
         bordered
         loading={tableLoading}
         dataSource={dataList}
-        options={{ reload: false, fullScreen: false }}
+        options={false}
         toolBarRender={() => [
           <Button
             type="primary"

src/pages/database/databaseConfig/sqlServer/SQLServerTable.jsx

 import React, { useEffect, useState } from 'react';
 import ProTable from '@ant-design/pro-table';
 import { Button, Popconfirm, notification } from 'antd';
-import {
-  getSQLServerConnString,
-  deleteConnString,
-  getSQLServerConnectionTest,
-  GetConnString,
-  DeleteConnString,
-  GetConnTest
-} from '@/services/database/api';
+import { GetConnString, DeleteConnString, GetConnTest } from '@/services/database/api';
 import AddModal from './AddModal';
 const SQLServerTable = props => {
   const [flag, setFlag] = useState(1);
@@ -33,12 +26,13 @@ const SQLServerTable = props => {
     //   .catch(err => {
     //     setTableLoading(false);
     //   });
-      GetConnString({
-        Type:"SQLServer"
-      }).then(resnew => {
+    GetConnString({
+      Type: 'SQLServer',
+    })
+      .then(resnew => {
         setTableLoading(false);
         if (resnew.code == 0) {
-          let res = resnew.data
+          let res = resnew.data;
           setDataList(res);
         }
       })
@@ -79,10 +73,11 @@ const SQLServerTable = props => {
     //     setTableLoading(false);
     //     console.error(err);
     //   });
-      GetConnTest({
-        Type:"SQLServer",
-        name:item.name
-      }).then(res => {
+    GetConnTest({
+      Type: 'SQLServer',
+      name: item.name,
+    })
+      .then(res => {
         setTableLoading(false);
         if (res.code == 0) {
           notification.success({
@@ -128,24 +123,24 @@ const SQLServerTable = props => {
     //     }
     //   })
     //   .catch(err => console.error(err));
-      DeleteConnString({
-        name:name
-      }).then(res => {
-        setFlag(flag + 1);
-        if (res.code == 0) {
-          notification.success({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除成功',
-          });
-        } else {
-          notification.error({
-            message: '提示',
-            duration: 3,
-            description: res.msg || '删除失败',
-          });
-        }
-      })
+    DeleteConnString({
+      name,
+    }).then(res => {
+      setFlag(flag + 1);
+      if (res.code == 0) {
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除成功',
+        });
+      } else {
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg || '删除失败',
+        });
+      }
+    });
   };
   // 编辑
   const handleEdit = (val, item) => {
@@ -199,12 +194,7 @@ const SQLServerTable = props => {
       key: 'options',
       width: 300,
       render: (val, item) => [
-        <Button
-          size="small"
-          type="primary"
-          onClick={() => handleCon(val, item)}
-          key="testLink"
-        >
+        <Button size="small" type="primary" onClick={() => handleCon(val, item)} key="testLink">
           测试连接
         </Button>,
         <Button
@@ -245,7 +235,7 @@ const SQLServerTable = props => {
         bordered
         loading={tableLoading}
         dataSource={dataList}
-        options={{ reload: false, fullScreen: false }}
+        options={false}
         toolBarRender={() => [
           <Button
             type="primary"

src/pages/platformCenter/hostmanager/IotConfig/IotConfig.jsx

@@ -163,7 +163,10 @@ const IotConfig = () => {
               ]}
             >
               <div style={{ display: 'flex', justifyContent: 'flex-start' }}>
-                <Input style={{ width: '300px', marginLeft: '15px' }} />
+                <Input
+                  style={{ width: '300px', marginLeft: '15px' }}
+                  placeholder="请输入服务地址"
+                />
                 <span style={{ display: show1 }}>
                   <img
                     src={Yes}

src/pages/platformCenter/hostmanager/messageConfig/messageConfig.jsx

@@ -152,7 +152,10 @@ const MessageConfig = () => {
               ]}
             >
               <div style={{ display: 'flex', justifyContent: 'flex-start' }}>
-                <Input style={{ width: '300px', marginLeft: '15px' }} />
+                <Input
+                  style={{ width: '300px', marginLeft: '15px' }}
+                  placeholder="请输入服务地址"
+                />
                 <span style={{ display: show1 }}>
                   <img
                     src={Yes}

src/pages/platformCenter/hostmanager/proxyConfig/ProxyConfig.jsx

@@ -192,7 +192,7 @@ const ProxyConfig = () => {
                 },
               ]}
             >
-              <Input style={{ marginLeft: '15px', width: '300px' }} />
+              <Input style={{ marginLeft: '15px', width: '300px' }} placeholder="请输入ngnix端口" />
             </Form.Item>
             <Form.Item
               style={{ marginLeft: '20px' }}
@@ -210,7 +210,7 @@ const ProxyConfig = () => {
               ]}
               hasFeedback
             >
-              <Input style={{ marginLeft: '34px', width: '300px' }} />
+              <Input style={{ marginLeft: '34px', width: '300px' }} placeholder="请输入IIS地址" />
             </Form.Item>
             <Form.Item
               style={{ marginLeft: '20px' }}
@@ -228,7 +228,7 @@ const ProxyConfig = () => {
                 },
               ]}
             >
-              <Input style={{ marginLeft: '18px', width: '300px' }} />
+              <Input style={{ marginLeft: '18px', width: '300px' }} placeholder="请输入EMQ地址" />
             </Form.Item>
             <Form.Item>
               <Button type="primary" htmlType="submit" style={{ marginLeft: '130px' }}>