feat: 🎸 更新了很多信息

src/pages/CompanyJobsPage/components/JobInfoModal/index.jsx

@@ -2,6 +2,7 @@ import { useState } from "react";
 import { Input } from "@arco-design/web-react";
 import Modal from "@/components/Modal";
 import { mockData } from "@/data/mockData";
+import ResumeInfoModal from "@/pages/CompanyJobsPage/components/ResumeInfoModal";
 import FILEICON from "@/assets/images/CompanyJobsPage/file_icon.png";
 import "./index.css";
 
@@ -10,6 +11,7 @@ const { userResumes } = mockData;
 
 export default ({ visible, onClose, data }) => {
   const [resumeModalShow, setResumeModalShow] = useState(false);
+  const [resumeInfoModalShow, setResumeInfoModalShow] = useState(false);
 
   const handleCloseModal = () => {
     setResumeModalShow(false);
@@ -35,107 +37,117 @@ export default ({ visible, onClose, data }) => {
   const userResumesBtnClick = (e, item) => {
     e.stopPropagation();
     console.log(item);
+    setResumeInfoModalShow(true);
   };
 
   return (
-    <Modal visible={visible} onClose={handleCloseModal}>
-      <div className="job-info-modal-content">
-        {resumeModalShow ? (
-          <>
-            <InputSearch
-              className="job-info-modal-search"
-              onSearch={onSearch}
-              searchButton
-              placeholder="搜索简历"
-            />
+    <>
+      <Modal visible={visible} onClose={handleCloseModal}>
+        <div className="job-info-modal-content">
+          {resumeModalShow ? (
+            <>
+              <InputSearch
+                className="job-info-modal-search"
+                onSearch={onSearch}
+                searchButton
+                placeholder="搜索简历"
+              />
 
-            <ul className="job-info-modal-user-resumes-list">
-              {userResumes.map((item) => (
-                <li
-                  key={item.id}
-                  className="list-item"
-                  onClick={() => userResumesClick(item)}
-                >
-                  <div className="list-item-info">
-                    <img src={FILEICON} className="file-icon" />
-                    <div className="file-info">
-                      <p className="file-info-targetPosition">
-                        {item.targetPosition}
-                      </p>
-                      {item?.skills?.length > 0 && (
-                        <p className="file-info-skills">
-                          {item?.skills?.join("/")}
-                        </p>
-                      )}
-                    </div>
-                  </div>
-                  <div
-                    className="info-btn"
-                    onClick={(e) => userResumesBtnClick(e, item)}
+              <ul className="job-info-modal-user-resumes-list">
+                {userResumes.map((item) => (
+                  <li
+                    key={item.id}
+                    className="list-item"
+                    onClick={() => userResumesClick(item)}
                   >
-                    简历详情
-                  </div>
-                </li>
-              ))}
-            </ul>
-          </>
-        ) : (
-          <>
-            <div className="job-info-modal-content-position-info">
-              <span className="job-info-modal-content-position-info-position">
-                {data?.position}
-              </span>
-              <span className="job-info-modal-content-position-info-num">
-                该岗位仅剩9人
-              </span>
-              <span className="job-info-modal-content-position-info-salary">
-                {data?.salary}
-              </span>
-            </div>
-            {data?.tags?.length > 0 && (
-              <ul className="job-info-modal-info-tags">
-                {data?.tags?.map((tag, index) => (
-                  <li key={index} className="job-info-modal-info-tag">
-                    {tag}
+                    <div className="list-item-info">
+                      <img src={FILEICON} className="file-icon" />
+                      <div className="file-info">
+                        <p className="file-info-targetPosition">
+                          {item.targetPosition}
+                        </p>
+                        {item?.skills?.length > 0 && (
+                          <p className="file-info-skills">
+                            {item?.skills?.join("/")}
+                          </p>
+                        )}
+                      </div>
+                    </div>
+                    <div
+                      className="info-btn"
+                      onClick={(e) => userResumesBtnClick(e, item)}
+                    >
+                      简历详情
+                    </div>
                   </li>
                 ))}
               </ul>
-            )}
-            {data?.details?.description && (
-              <div className="job-info-modal-content-position-info-description">
-                <p className="description-title">岗位描述</p>
-                <p className="description-content">
-                  {data?.details?.description}
-                </p>
+            </>
+          ) : (
+            <>
+              <div className="job-info-modal-content-position-info">
+                <span className="job-info-modal-content-position-info-position">
+                  {data?.position}
+                </span>
+                <span className="job-info-modal-content-position-info-num">
+                  该岗位仅剩9人
+                </span>
+                <span className="job-info-modal-content-position-info-salary">
+                  {data?.salary}
+                </span>
               </div>
-            )}
-            {data?.details?.requirements?.length > 0 && (
-              <div className="job-info-modal-content-position-info-requirements">
-                <p className="requirements-title">岗位要求</p>
-                <ul className="requirements-content">
-                  {data?.details?.requirements?.map((item, index) => (
-                    <li key={index} className="requirements-item">
-                      {index + 1}.{item}
+              {data?.tags?.length > 0 && (
+                <ul className="job-info-modal-info-tags">
+                  {data?.tags?.map((tag, index) => (
+                    <li key={index} className="job-info-modal-info-tag">
+                      {tag}
                     </li>
                   ))}
                 </ul>
+              )}
+              {data?.details?.description && (
+                <div className="job-info-modal-content-position-info-description">
+                  <p className="description-title">岗位描述</p>
+                  <p className="description-content">
+                    {data?.details?.description}
+                  </p>
+                </div>
+              )}
+              {data?.details?.requirements?.length > 0 && (
+                <div className="job-info-modal-content-position-info-requirements">
+                  <p className="requirements-title">岗位要求</p>
+                  <ul className="requirements-content">
+                    {data?.details?.requirements?.map((item, index) => (
+                      <li key={index} className="requirements-item">
+                        {index + 1}.{item}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              )}
+              {data?.details?.companyInfo && (
+                <div className="job-info-modal-content-position-info-companyInfo">
+                  <p className="companyInfo-title">公司介绍</p>
+                  <p className="companyInfo-content">
+                    {data?.details?.companyInfo}
+                  </p>
+                </div>
+              )}
+              <div
+                className="job-info-modal-btn"
+                onClick={handleClickDeliverBtn}
+              >
+                <i />
+                <span>立即投递</span>
               </div>
-            )}
-            {data?.details?.companyInfo && (
-              <div className="job-info-modal-content-position-info-companyInfo">
-                <p className="companyInfo-title">公司介绍</p>
-                <p className="companyInfo-content">
-                  {data?.details?.companyInfo}
-                </p>
-              </div>
-            )}
-            <div className="job-info-modal-btn" onClick={handleClickDeliverBtn}>
-              <i />
-              <span>立即投递</span>
-            </div>
-          </>
-        )}
-      </div>
-    </Modal>
+            </>
+          )}
+        </div>
+      </Modal>
+      <ResumeInfoModal
+        visible={resumeInfoModalShow}
+        onClose={() => setResumeInfoModalShow(false)}
+      />
+    </>
   );
 };