From a338c8c0be549f83e1f69cbe1ef4b1cdc749fc9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 10 Oct 2024 14:59:35 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C=20=EB=B0=8F=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/login/page.jsx                     |  3 +-
 src/app/login/signupcomplete/page.jsx      | 25 +++++++
 src/components/publishpage/PublishPage.jsx |  8 ++-
 src/styles/_main.scss                      | 77 ++++++++++++++++++----
 4 files changed, 98 insertions(+), 15 deletions(-)
 create mode 100644 src/app/login/signupcomplete/page.jsx

diff --git a/src/app/login/page.jsx b/src/app/login/page.jsx
index 0fcc0cb..63d6c73 100644
--- a/src/app/login/page.jsx
+++ b/src/app/login/page.jsx
@@ -64,7 +64,8 @@ export default function LoginPage(){
                                     <input type="email" className='login-input' defaultValue={'メールを入力してください'}/>
                                     <button className='id-delete'></button>
                                 </div>
-                                <div className='login-btn-box'>
+                                <div className='pwreset-btn-box'>
+                                    <button className='login-btn light mr5' onClick={() => setPasswordReset(1)}>前の画面へ</button>
                                     <button className='login-btn'>パスワードの初期化</button>
                                 </div>
                             </div>
diff --git a/src/app/login/signupcomplete/page.jsx b/src/app/login/signupcomplete/page.jsx
new file mode 100644
index 0000000..7ce842e
--- /dev/null
+++ b/src/app/login/signupcomplete/page.jsx
@@ -0,0 +1,25 @@
+import '@/styles/style.scss'
+import '@/styles/contents.scss'
+
+export default function SignUpCompletePage(){
+    return(
+        <div className="center-page-wrap">
+            <div className="center-page-inner complete">
+                <div className="sub-table-box">
+                    <div className="complete-box-wrap">
+                        <div className="complete-tit">Q.CAST3ログインIDの申請が完了しました。 </div>
+                        <div className="complete-txt">申請したIDが承認されると、担当者情報に入力したEメールアドレスに ログイン関連の案内メールが送信されます。</div>
+                        <div className="complete-email-wrap">
+                            <div className="email-info">
+                                担当者のEメールアドレス： <span>interplugmast.interplug.co.kr</span>
+                            </div>
+                        </div>
+                        <div className="complete-btn">
+                            <button className="btn-origin navy">ログイン画面に移動</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index 14465da..c21f5c6 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -94,7 +94,7 @@ export default function PublishPage() {
                 <td className="t-center">2024-09-11</td>
               </tr>
               <tr>
-                <td className="t-center" rowSpan={2}><strong>LoginPage</strong></td>			
+                <td className="t-center" rowSpan={3}><strong>LoginPage</strong></td>			
                 <td><strong className="title"></strong></td>
                 <td><Link href="/login" target="_blank">LoginPage</Link></td>
                 <td className="coding_stat_web"></td>
@@ -106,6 +106,12 @@ export default function PublishPage() {
                 <td className="coding_stat_web"></td>
                 <td className="t-center">2024-10-10</td>
               </tr>
+              <tr>
+                <td><strong className="title"></strong></td>
+                <td><Link href="/login/signupcomplete" target="_blank">SignUpCompletePage</Link></td>
+                <td className="coding_stat_web"></td>
+                <td className="t-center">2024-10-10</td>
+              </tr>
               <tr>
                 <td className="t-center" rowSpan={2}><strong>물품 및 도면 관리</strong></td>			
                 <td><strong className="title"></strong></td>
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index 844ab9d..85770e8 100644
--- a/src/styles/_main.scss
+++ b/src/styles/_main.scss
@@ -470,23 +470,34 @@
                         }
                     }
                 }
-                .login-btn-box{
-                    margin-bottom: 20px;
-                    .login-btn{
-                        display: block;
-                        width: 100%;
-                        height: 45px;
-                        background-color: #5C6773;
-                        color: #fff;
-                        font-size: 15px;
-                        font-weight: 600;
-                        border-radius: 4px;
-                        transition: background .15s ease-in-out;
+                .login-btn{
+                    display: block;
+                    width: 100%;
+                    height: 45px;
+                    background-color: #5C6773;
+                    color: #fff;
+                    font-size: 15px;
+                    font-weight: 600;
+                    border-radius: 4px;
+                    transition: background .15s ease-in-out;
+                    &:hover{
+                        background-color: #717e8d;
+                    }
+                    &.light{
+                        background-color: #fff;
+                        border: 1px solid #5C6773;
+                        color: #5C6773;
                         &:hover{
-                            background-color: #717e8d;
+                            background-color: #f0f0f0;
                         }
                     }
                 }
+                .login-btn-box{
+                    margin-bottom: 20px;
+                }
+                .pwreset-btn-box{
+                    display: flex;
+                }
                 .reset-password{
                     width: 100%;
                     text-align: center;
@@ -598,5 +609,45 @@
             display: flex;
             justify-content: flex-end;
         }
+        &.complete{
+            max-width: 1000px;
+        }
+    }
+    
+}
+
+// 회원가입 완료
+.complete-box-wrap{
+    padding: 72px 80px;
+    .complete-tit{
+        font-size: 18px;
+        font-weight: 600;
+        color: #101010;
+        margin-bottom: 17px;
+    }
+    .complete-txt{
+        font-size: 13px;
+        font-weight: 400;
+        color: #101010;
+        margin-bottom: 27px;
+    }
+    .complete-email-wrap{
+        padding: 36px 30px;
+        border-radius: 2px;
+        background: #F4F4F7;
+        margin-bottom: 20px;
+        .email-info{
+            font-size: 13px;
+            font-weight: 400;
+            color: #000;
+            span{
+                color: #204AF4;
+                font-weight: 500;
+            }
+        }
+    }
+    .complete-btn{
+        display: flex;
+        justify-content: flex-end;
     }
 }
\ No newline at end of file