feat: 分享弹窗

src/module/datasource/page/DatasourceView.jsx

@@ -1,4 +1,4 @@
-import { Tabs, Button, Space, Select } from 'antd'
+import { Tabs, Button, Space, Select, Modal } from 'antd'
 import DataSourceManage from '../component/DatasourceManage.jsx'
 import DatasourceAdd from '../component/DatasourceAdd'
 import DatasourceSyncView from '../component/DatasourceSyncView'
@@ -12,6 +12,7 @@ const { TabPane } = Tabs
 const Datasource = styled.div`
   padding: 20px;
 `
+// const Main = () {}
 
 export default function DatasourceView() {
   const navigate = useNavigate()
@@ -26,6 +27,29 @@ export default function DatasourceView() {
   const [currentSyncPageSize, setCurrentSyncPageSize] = useState(10)
   const [currentLogPage, setCurrentLogPage] = useState(1)
   const [currentLogPageSize, setCurrentLogPageSize] = useState(10)
+  const [iscreateData, setIscreateData] = useState(false)
+  // const [projectName, setProjectName] = useState(null)
+  const deterineModal = async () => {}
+  const showMadal = (
+    <Modal
+      title="分享数据表"
+      visible={iscreateData}
+      onOK={deterineModal}
+      okText="确认分享"
+      onCancel={() => {
+        setIscreateData(false)
+      }}>
+      <Space style={{ padding: '10px 20px 30px' }}>
+        <span>选择分享至：</span>
+        <Select
+          name=""
+          id=""
+          showArrow="true"
+          style={{ width: '300px' }}
+          placeholder="已选择："></Select>
+      </Space>
+    </Modal>
+  )
   // 数据隔离
   const [currentDataType, setCurrentDataType] = useState('ailab')
 
@@ -79,7 +103,9 @@ export default function DatasourceView() {
               <DatasourceAdd updateDataSource={updateDataSource} />
             )}
             {currentDataType === 'ailab' && (
-              <Button type="primary">创建数据表</Button>
+              <Button type="primary" onClick={() => {}}>
+                创建数据表
+              </Button>
             )}
             {currentDataType === 'datalake' && (
               <Button type="primary">导入数据表</Button>
@@ -130,6 +156,7 @@ export default function DatasourceView() {
           />
         </TabPane>
       </Tabs>
+      {showMadal}
     </Datasource>
   )
 }