From 97b2de382d811d305f90dc8229286f9450c3acd2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Thu, 10 Oct 2024 14:05:35 +0900 Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/images/main/login_email.svg | 10 ++ src/app/login/page.jsx | 82 +++++++---- src/app/login/signup/page.jsx | 160 +++++++++++++++++++++ src/components/publishpage/PublishPage.jsx | 12 +- src/styles/_contents.scss | 6 + src/styles/_main.scss | 47 +++++- src/styles/_table.scss | 8 +- 7 files changed, 291 insertions(+), 34 deletions(-) create mode 100644 public/static/images/main/login_email.svg create mode 100644 src/app/login/signup/page.jsx diff --git a/public/static/images/main/login_email.svg b/public/static/images/main/login_email.svg new file mode 100644 index 0000000..1ea1a27 --- /dev/null +++ b/public/static/images/main/login_email.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/app/login/page.jsx b/src/app/login/page.jsx index 549d960..0fcc0cb 100644 --- a/src/app/login/page.jsx +++ b/src/app/login/page.jsx @@ -7,42 +7,70 @@ import { useState } from 'react' export default function LoginPage(){ const [passwordVisible, setPasswordVisible] = useState(false); + const [passwordReset, setPasswordReset] = useState(1); return(
react -
-
- Q.CAST III - 太陽光発電システム図面管理サイト -
-
-
- - + {passwordReset === 1 && ( + <> +
+
+ Q.CAST III + 太陽光発電システム図面管理サイト +
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+
-
- - +
+ ※当サイトをご利用の際は、事前申請が必要です。
+ IDがない方は ID申請 クリックしてください。
-
- - + + )} + {passwordReset === 2 && ( + <> +
+
+ パスワードの初期化 + パスワードを初期化するIDとEメールアドレスを入力してください。 +
+
+
+ + +
+
+ + +
+
+ +
+
-
- -
-
- パスワードの初期化 -
-
-
-
- ※当サイトをご利用の際は、事前申請が必要です。
- IDがない方は ID申請 クリックしてください。 -
+ + )}
COPYRIGHT©2024 Hanwha Japan All Rights Reserved.
diff --git a/src/app/login/signup/page.jsx b/src/app/login/signup/page.jsx new file mode 100644 index 0000000..5974c94 --- /dev/null +++ b/src/app/login/signup/page.jsx @@ -0,0 +1,160 @@ +import '@/styles/style.scss' +import '@/styles/contents.scss' + +export default function SignUpPage(){ + return( +
+
+
Q.CAST3ログインID発行申請
+
+
+
+

販売代理店情報 (*必須)

+ ※登録されるリセラーの会社名を入力してください。(2次店は「○○販売株式会社 (2次店：××設備株式会社）」でご記入ください。) +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
販売代理店名 * +
+ +
+
販売代理店名フリガナ * +
+ +
+
郵便番号/住所 * +
+
+ +
+
+ +
+
+
電話番号 * +
+ +
+
FAX番号 * +
+ +
+
法人番号 +
+ +
+
+
+
+
+
+
+

担当者情報 (*必須)

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
担当者名 * +
+ +
+
担当者名ふりがな +
+ +
+
アプリケーションID * +
+ +
+
メールアドレス * +
+ +
+
電話番号 * +
+ +
+
FAX番号 * +
+ +
+
部署名 +
+ +
+
+
+
+
+ + +
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx index 8fb0fa6..14465da 100644 --- a/src/components/publishpage/PublishPage.jsx +++ b/src/components/publishpage/PublishPage.jsx @@ -81,10 +81,10 @@ export default function PublishPage() { CanvasPage - 견적서 6번째 탭 클릭시 나옴 + 견적서 6번째 탭 클릭시 나옴
발전시뮬레이션 7번째 탭 클릭시 나옴 - 2024-09-24 + 2024-10-10 MainPage @@ -94,12 +94,18 @@ export default function PublishPage() { 2024-09-11 - LoginPage + LoginPage LoginPage 2024-09-23 + + + SignUpPage + + 2024-10-10 + 물품 및 도면 관리 diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index 034955f..3f3580b 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -543,6 +543,12 @@ font-weight: 600; margin-right: 14px; } + .option{ + padding-left: 5px; + font-size: 13px; + color: #101010; + font-weight: 400; + } .info-wrap{ display: flex; align-items: center; diff --git a/src/styles/_main.scss b/src/styles/_main.scss index 334a048..844ab9d 100644 --- a/src/styles/_main.scss +++ b/src/styles/_main.scss @@ -394,6 +394,9 @@ font-weight: 600; margin-bottom: 5px; } + &.pw-reset{ + font-size: 13px; + } } .login-input-wrap{ margin-top: 30px; @@ -442,6 +445,17 @@ background-size: 17px 17px; } } + &.email{ + &::before{ + background: url(../../public/static/images/main/login_email.svg)no-repeat center; + width: 12px; + height: 9px; + } + .id-delete{ + background-image: url(../../public/static/images/main/id_delete.svg); + background-size: 17px 17px; + } + } &.password{ margin-bottom: 20px; &::before{ @@ -476,7 +490,7 @@ .reset-password{ width: 100%; text-align: center; - a{ + button{ position: relative; font-size: 13px; color: #364864; @@ -554,4 +568,35 @@ top: -2px; left: 1px; } +} + +// 회원가입 +.center-page-wrap{ + display: flex; + flex-direction: column; + justify-content: center; + width: 100%; + min-height: 100vh; + background-color: #F4F4F7; + overflow-x: hidden; + .center-page-inner{ + width: 100%; + max-width: 1720px; + margin: 0 auto; + .center-page-tit{ + font-size: 18px; + font-weight: 600; + color: #101010; + margin-bottom: 24px; + } + .sub-table-box{ + &.signup{ + margin-bottom: 20px; + } + } + .sign-up-btn-wrap{ + display: flex; + justify-content: flex-end; + } + } } \ No newline at end of file diff --git a/src/styles/_table.scss b/src/styles/_table.scss index 5ab6b53..e1e650a 100644 --- a/src/styles/_table.scss +++ b/src/styles/_table.scss @@ -14,6 +14,10 @@ table{ } } +.flx-box{ + @include flexbox; +} + .common-table{ table{ table-layout: fixed; @@ -97,9 +101,7 @@ table{ } } } - .flx-box{ - @include flexbox; - } + } .tooltips{ display: block;