From 904f03642b76c56fc9f297605a36e12e872a3cd6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Mon, 14 Oct 2024 13:45:24 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=EC=A7=80=EC=82=AC=ED=95=AD=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20?= =?UTF-8?q?=EA=B8=B0=EB=B3=B8=EB=AA=A8=EB=93=88=20=EC=84=A4=EC=A0=95=20?= =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/images/sub/community_clip.svg | 6 + .../static/images/sub/community_pop_close.svg | 5 + public/static/images/sub/community_search.svg | 11 ++ src/app/community/FAQ/page.jsx | 5 + src/app/community/notice/page.jsx | 48 +++++++ .../HexagonalRoofTab01.jsx | 3 +- .../HexagonalRoofTab02.jsx | 3 +- .../RoofModuleOptionTab01.jsx | 3 +- .../RoofModuleOptionTab02.jsx | 3 +- src/components/publishpage/PublishPage.jsx | 14 +- .../sub/community/notice/NoticeDetailPop.jsx | 27 ++++ .../sub/community/notice/NoticeTable.jsx | 135 ++++++++++++++++++ src/styles/_contents.scss | 51 +++++++ src/styles/_submodal.scss | 54 +++++++ src/styles/_table.scss | 48 +++++++ src/styles/contents.scss | 3 +- src/styles/grid.scss | 1 - 17 files changed, 409 insertions(+), 11 deletions(-) create mode 100644 public/static/images/sub/community_clip.svg create mode 100644 public/static/images/sub/community_pop_close.svg create mode 100644 public/static/images/sub/community_search.svg create mode 100644 src/app/community/FAQ/page.jsx create mode 100644 src/app/community/notice/page.jsx create mode 100644 src/components/sub/community/notice/NoticeDetailPop.jsx create mode 100644 src/components/sub/community/notice/NoticeTable.jsx diff --git a/public/static/images/sub/community_clip.svg b/public/static/images/sub/community_clip.svg new file mode 100644 index 0000000..50092a0 --- /dev/null +++ b/public/static/images/sub/community_clip.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/static/images/sub/community_pop_close.svg b/public/static/images/sub/community_pop_close.svg new file mode 100644 index 0000000..e04458f --- /dev/null +++ b/public/static/images/sub/community_pop_close.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/static/images/sub/community_search.svg b/public/static/images/sub/community_search.svg new file mode 100644 index 0000000..e83caf3 --- /dev/null +++ b/public/static/images/sub/community_search.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/app/community/FAQ/page.jsx b/src/app/community/FAQ/page.jsx new file mode 100644 index 0000000..9a85c85 --- /dev/null +++ b/src/app/community/FAQ/page.jsx @@ -0,0 +1,5 @@ +export default function FAQPage(){ + return( +
+ ) +} \ No newline at end of file diff --git a/src/app/community/notice/page.jsx b/src/app/community/notice/page.jsx new file mode 100644 index 0000000..626b967 --- /dev/null +++ b/src/app/community/notice/page.jsx @@ -0,0 +1,48 @@ +import Footer from "@/components/layout/Footer"; +import Header from "@/components/layout/Header"; +import Image from "next/image"; +import Link from "next/link"; +import '@/styles/contents.scss'; +import NoticeTable from "@/components/sub/community/notice/NoticeTable"; +import NoticeDetailPop from "@/components/sub/community/notice/NoticeDetailPop"; + +export default function NoticePage(){ + return( +
+
+
+
+
+
    +
  • + お知らせ +
    • +
+
    +
  • + + react + +
    • +
  • + 物品及び図面管理 +
    • +
  • + 新規物件登録 +
    • +
+
+
+
+
+ +
+
+
+
+ + {/* 공지사항 상세 */} + +
+ ) +} \ No newline at end of file diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx index 91f2ff8..7e2017b 100644 --- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx +++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab01.jsx @@ -56,8 +56,7 @@ export default function HexagonalRoofTab01({setTabNum}){
- - +
) diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx index 234d249..5167e41 100644 --- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx +++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx @@ -61,8 +61,7 @@ export default function HexagonalRoofTab02({setTabNum}){
- - +
) diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx index 760cb06..e7b8b5d 100644 --- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx +++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab01.jsx @@ -56,8 +56,7 @@ export default function RoofModuleOptionTab01({setTabNum}){
- - +
) diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx index 10d433e..b6d9fc6 100644 --- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx +++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx @@ -166,8 +166,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
- - +
) diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx index fed13c8..8b91535 100644 --- a/src/components/publishpage/PublishPage.jsx +++ b/src/components/publishpage/PublishPage.jsx @@ -146,7 +146,19 @@ export default function PublishPage() { 2024-10-11 - + + 커뮤니티 + 공지사항 + NoticePage + + 2024-10-14 + + + FAQ + FAQPage + + 2024-10-14 + diff --git a/src/components/sub/community/notice/NoticeDetailPop.jsx b/src/components/sub/community/notice/NoticeDetailPop.jsx new file mode 100644 index 0000000..2fda900 --- /dev/null +++ b/src/components/sub/community/notice/NoticeDetailPop.jsx @@ -0,0 +1,27 @@ +export default function NoticeDetailPop(){ + return( +
+
+
+
+ +
+
+
+
ドキュメントダウンロードオプションの設定
+
+
添付ファイル一覧
+
+
+
+
+
+ お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されますお知らせ内容 表示されます お知らせ内容 表示されます +
+
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/sub/community/notice/NoticeTable.jsx b/src/components/sub/community/notice/NoticeTable.jsx new file mode 100644 index 0000000..6b5cf0c --- /dev/null +++ b/src/components/sub/community/notice/NoticeTable.jsx @@ -0,0 +1,135 @@ +import Pagination from "@/components/common/grid/Pagination"; + +export default function NoticeTable(){ + return( +
+
+
+ + +
+
qpeak について銃 5 提案 投稿が検索されました.
+
+
+
+

お知らせリスト

+
    +
  • 全体 6
    • +
+
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
99 +
+
Solar システム所有者変更の
+ +
+ 		2024.07.18
98 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
97 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
96 +
+
Solar システム所有者変更の
+ +
+ 		2024.07.18
95 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
94 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
93 +
+
Solar システム所有者変更の
+ +
+ 		2024.07.18
92 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
91 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
90 +
+
Solar システム所有者変更の
+
+ 		2024.07.18
+
+ +
+ ) +} \ No newline at end of file diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index 2c4e637..f5965e2 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -1093,4 +1093,55 @@ } } } +} + +.community-search-warp{ + display: flex; + flex-direction: column; + align-items: center; + padding: 10px 0 30px 0; + border-bottom: 1px solid #E5E5E5; + margin-bottom: 24px; + .community-search-box{ + position: relative; + display: flex; + align-items: center; + width: 580px; + height: 45px; + padding: 0 45px 0 20px; + margin-bottom: 20px; + border-radius: 2px; + border: 1px solid #101010; + .community-input{ + width: 100%; + height: 100%; + font-size: 13px; + font-weight: 400; + color: #101010; + &::placeholder{ + color: #C8C8C8; + } + } + .community-search-ico{ + position: absolute; + top: 50%; + right: 20px; + transform: translateY(-50%); + flex: none; + width: 21px; + height: 100%; + background: url(../../public/static/images/sub/community_search.svg)no-repeat center; + background-size: 21px 21px; + z-index: 3; + } + } + .community-search-keyword{ + font-size: 13px; + font-weight: 400; + color: #45576F; + span{ + font-weight: 600; + color: #F16A6A; + } + } } \ No newline at end of file diff --git a/src/styles/_submodal.scss b/src/styles/_submodal.scss index cd00e78..b1f3e5a 100644 --- a/src/styles/_submodal.scss +++ b/src/styles/_submodal.scss @@ -71,6 +71,22 @@ } } } + &.community{ + .modal-dialog{ + .modal-content{ + .modal-header{ + padding: 19px 24px; + background-color: #fff; + .modal-close{ + background: url(../../public/static/images/sub/community_pop_close.svg)no-repeat center; + } + } + .modal-body{ + padding: 0 30px 30px; + } + } + } + } } .explane{ @@ -248,4 +264,42 @@ background-image: url(../../public/static/images/main/password_visible.svg); } } +} + +// 커뮤니티 +.community_detail{ + .community_detail-tit{ + font-size: 16px; + color: #101010; + font-weight: 600; + padding-bottom: 14px; + border-bottom: 2px solid #101010; + } + .community_detail-file-wrap{ + padding: 24px 0; + border-bottom: 1px solid #E5E5E5; + dt{ + font-size: 13px; + color: #101010; + font-weight: 500; + margin-bottom: 15px; + } + dd{ + font-size: 12px; + font-weight: 400; + margin-bottom: 3px; + color: #344356; + &:last-child{ + margin-bottom: 0; + } + } + } + .community_detail-inner{ + padding-top: 24px; + padding-bottom: 20px; + font-size: 13px; + font-weight: 400; + color: #45576F; + line-height: 26px; + } } \ No newline at end of file diff --git a/src/styles/_table.scss b/src/styles/_table.scss index 217bfe1..51e26e6 100644 --- a/src/styles/_table.scss +++ b/src/styles/_table.scss @@ -299,4 +299,52 @@ table{ } } } +} + +// 커뮤니티 테이블 +.community-table{ + margin-bottom: 24px; + table{ + table-layout: fixed; + border-collapse: collapse; + border-top: 2px solid #101010; + tbody{ + td{ + font-size: 13px; + font-weight: 400; + color: #45576F; + padding: 10.5px 10px; + border-bottom: 1px solid #ECF0F4; + vertical-align: middle; + .text-frame{ + display: flex; + align-items: center; + .text-overflow{ + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + text-overflow: ellipsis; + overflow: hidden; + } + .clip{ + flex: none; + display: block; + margin-left: 10px; + width: 14px; + height: 14px; + background: url(../../public/static/images/sub/community_clip.svg)no-repeat center; + background-size: cover; + } + } + } + tr{ + background-color: transparent; + transition: all .15s ease-in-out; + cursor: pointer; + &:hover{ + background: #F7F9FA; + } + } + } + } } \ No newline at end of file diff --git a/src/styles/contents.scss b/src/styles/contents.scss index 613c064..2f69038 100644 --- a/src/styles/contents.scss +++ b/src/styles/contents.scss @@ -2,4 +2,5 @@ @import '_modal.scss'; @import '_submodal.scss'; @import '_table.scss'; -@import '_canvasside.scss'; \ No newline at end of file +@import '_canvasside.scss'; +@import '_pagination.scss'; \ No newline at end of file diff --git a/src/styles/grid.scss b/src/styles/grid.scss index 71f4271..4b20cd8 100644 --- a/src/styles/grid.scss +++ b/src/styles/grid.scss @@ -1,2 +1 @@ @import '_grid-detail.scss'; -@import '_pagination.scss'; \ No newline at end of file