upp

src/pages/A1Project/A1Inner/A1IupFile/index.module.scss

@@ -12,24 +12,35 @@
 
     .A1OtopBtn {
       position: absolute;
-      top: 15px;
-      right: 24px;
-      z-index: 10;
+      top: 55px;
+      height: 74px;
+      left: 0px;
+      z-index: 99999;
       display: flex;
+      justify-content: center;
+      align-items: center;
+      width: calc(100% - 50px);
+      background-color: #fff;
 
       &>div {
-        margin-left: 15px;
+        margin-left: 50px;
       }
     }
 
     .A1OMain {
       padding: 15px 40px 0;
       margin-top: 10px;
-      // border-top: 1px solid #999999;
+      border-top: 1px solid #999999;
       position: relative;
       height: 500px;
       overflow-y: auto;
 
+      .ant-upload-wrapper .ant-upload-drag {
+        height: 60px;
+        opacity: 0;
+        pointer-events: none;
+      }
+
       .ant-upload-drag {
         height: 160px;
       }
@@ -67,7 +78,7 @@
       .myIncoBox {
         position: absolute;
         right: 65px;
-        top: 174px;
+        top: 74px;
 
         .myIncoRow {
           margin-bottom: 15px;

src/pages/A1Project/A1Inner/A1IupFile/index.tsx

@@ -301,6 +301,19 @@ function A1IupFile({
     } else closeFu();
   }, [closeFu, fileList]);
 
+  // 点击按钮切换上传 文件夹 和 文件
+  const changeFileType = useCallback((id: number) => {
+    setIsFiles(id);
+
+    setTimeout(() => {
+      const dom: any = document.querySelector(
+        ".ant-upload-wrapper .ant-upload input"
+      )!;
+
+      dom.click();
+    }, 100);
+  }, []);
+
   return (
     <Modal
       wrapClassName={styles.A1IupFile}
@@ -314,17 +327,14 @@ function A1IupFile({
       <div className="A1OtopBtn">
         {A1OtopBtnArr.map((v) => (
           <div key={v.id}>
-            <Button
-              onClick={() => setIsFiles(v.id)}
-              type={v.id === isFiles ? "primary" : "default"}
-            >
+            <Button onClick={() => changeFileType(v.id)} type="primary">
               {v.name}
             </Button>
           </div>
         ))}
       </div>
 
-      <div className="A1OMain" id='A1OMain'>
+      <div className="A1OMain" id="A1OMain">
         <Dragger {...FileProps}>
           <p className="ant-upload-drag-icon">
             <InboxOutlined rev={undefined} />
@@ -374,7 +384,9 @@ function A1IupFile({
                   {/* 下拉框 */}
                   <div className="A1IUselect">
                     <Select
-                      getPopupContainer={()=>document.querySelector('#A1OMain')!}
+                      getPopupContainer={() =>
+                        document.querySelector("#A1OMain")!
+                      }
                       style={{ width: 200 }}
                       placeholder="请选择"
                       value={v.mySelect.value || undefined}

src/pages/A1Project/A1Outer/A1OupFile/index.module.scss

@@ -11,23 +11,34 @@
 
     .A1OtopBtn{
       position: absolute;
-      top: 15px;
-      right: 24px;
+      top: 55px;
+      height: 80px;
+      left: 0px;
       z-index: 10;
       display: flex;
+      justify-content: center;
+      align-items: center;
+      width: calc(100% - 50px);
+      background-color: #fff;
       &>div{
-        margin-left: 15px;
+        margin-left: 50px;
       }
     }
 
     .A1OMain {
       padding: 15px 40px 0;
       margin-top: 10px;
-      // border-top: 1px solid #999999;
+      border-top: 1px solid #999999;
       position: relative;
       height: 500px;
       overflow-y: auto;
 
+      .ant-upload-wrapper .ant-upload-drag{
+        height: 60px;
+        opacity: 0;
+        pointer-events: none;
+      }
+
       .ant-upload-drag {
         height: 160px;
       }
@@ -55,7 +66,7 @@
       .myIncoBox {
         position: absolute;
         right: 74px;
-        top: 175px;
+        top: 74px;
 
         .myIncoRow {
           height: 30px;

src/pages/A1Project/A1Outer/A1OupFile/index.tsx

@@ -175,6 +175,19 @@ function A1OupFile({ myUrl, fromData, nowLoc, closeFu, upFileFu }: props) {
     } else closeFu();
   }, [closeFu, fileList]);
 
+  // 点击按钮切换上传 文件夹 和 文件
+  const changeFileType = useCallback((id: number) => {
+    setIsFiles(id);
+
+    setTimeout(() => {
+      const dom: any = document.querySelector(
+        ".ant-upload-wrapper .ant-upload input"
+      )!;
+
+      dom.click();
+    }, 100);
+  }, []);
+
   return (
     <Modal
       wrapClassName={styles.A1OupFile}
@@ -188,10 +201,7 @@ function A1OupFile({ myUrl, fromData, nowLoc, closeFu, upFileFu }: props) {
       <div className="A1OtopBtn">
         {A1OtopBtnArr.map((v) => (
           <div key={v.id}>
-            <Button
-              onClick={() => setIsFiles(v.id)}
-              type={v.id === isFiles ? "primary" : "default"}
-            >
+            <Button onClick={() => changeFileType(v.id)} type="primary">
               {v.name}
             </Button>
           </div>