qcast3/onsitesurvey-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1:1문의 페이지 전체 수정

Browse Source
This commit is contained in:
김창수 2025-05-13 14:26:50 +09:00
parent 85aa0058c1
commit 4054daba81
10 changed files with 161 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/inquiry/inquiryanswer/page.tsx
View File

@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
export default function InquiryAnswerPage(){
return(
<div className="wrap">
<Header name={"1:1お問い合わせ詳細"} backBtn={true}/>
<Header name={"お問い合わせ詳細"} backBtn={true}/>
<div className="container">
<InquiryAnswerData/>
</div>

2
src/app/inquiry/inquirycreate/page.tsx
View File

@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
export default function InquiryCreatePage(){
return(
<div className="wrap">
<Header name={"1:1お問い合わせ"} backBtn={true}/>
<Header name={"お問い合わせ詳細"} backBtn={true}/>
<div className="container">
<InquiryCreateForm/>
</div>

2
src/app/inquiry/inquirydetail/page.tsx
View File

@ -5,7 +5,7 @@ import Header from "@/components/layouts/Header";
export default function InquiryDetailPage(){
return(
<div className="wrap">
<Header name={"1:1お問い合わせ詳細"} backBtn={true}/>
<Header name={"お問い合わせ登録"} backBtn={true}/>
<div className="container">
<InquiryDetailData/>
</div>

2
src/app/inquiry/inquirylist/page.tsx
View File

@ -7,7 +7,7 @@ import Header from "@/components/layouts/Header";
export default function InquiryListPage (){
return(
<div className="wrap">
<Header name={"1:1お問い合わせ"} backBtn={true}/>
<Header name={"お問い合わせ"} backBtn={true}/>
<div className="container">
<div className="sale-contents">
<InquiryListForm/>

24
src/components/PublishList/PublishList.tsx
View File

@ -139,7 +139,11 @@ export default function PublishList (){
</td>
<td className='c'>
</td>
<td className='c'>
<td className='c red'>
<ul>
<li>2025/05/13</li>
<li>* 제목 변경 및 문의 유형 추가</li>
</ul>
</td>
<td className='c red'>2025/04/30</td>
</tr>
@ -150,7 +154,11 @@ export default function PublishList (){
</td>
<td className='c'>
</td>
<td className='c'>
<td className='c red'>
<ul>
<li>2025/05/13</li>
<li>* 문의 유형 필드 및 연락처, 이름 필드 추가, 제목 변경</li>
</ul>
</td>
<td className='c red'>2025/04/30</td>
</tr>
@ -161,7 +169,11 @@ export default function PublishList (){
</td>
<td className='c'>
</td>
<td className='c'>
<td className='c red'>
<ul>
<li>2025/05/13</li>
<li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
</ul>
</td>
<td className='c red'>2025/04/30</td>
</tr>
@ -172,7 +184,11 @@ export default function PublishList (){
</td>
<td className='c'>
</td>
<td className='c'>
<td className='c red'>
<ul>
<li>2025/05/13</li>
<li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
</ul>
</td>
<td className='c red'>2025/04/30</td>
</tr>

16
src/components/inquiry/inquiryanswer/InquiryAnswerData.tsx
View File

@ -20,6 +20,14 @@ export default function InquiryAnswerData() {
<th>作者</th>
<td>Hong gi</td>
</tr>
<tr>
<th>名前</th>
<td>Kim</td>
</tr>
<tr>
<th>番号</th>
<td>070-1234-5678</td>
</tr>
<tr>
<th>販売店</th>
<td>interplug</td>
@ -36,7 +44,11 @@ export default function InquiryAnswerData() {
</table>
</div>
<div className="inquiry-detail-data">
<div className="inquiry-detail-category">屋根適合</div>
<div className="inquiry-detail-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
<div className="inquiry-detail-txt">
入力した内容が表示されます.<br/>
@ -66,7 +78,7 @@ export default function InquiryAnswerData() {
<div className="inquiry-answer-date"><span>佐藤一貴</span>/ <span>2025.04.02 16:54:00</span></div>
</div>
<div className="inquiry-detail-data">
<div className="inquiry-detail-category">回答</div>
<div className="inquiry-answer-tit">回答</div>
<div className="inquiry-detail-txt">
一次側接続は, 自動切替開閉器と住宅分電盤昼間遮断器との間に蓄電システム遮断器を配線する方法です.
二次側接続は, 住宅分電盤週間ブレーカの二次側に蓄電システムブレーカを接続する

38
src/components/inquiry/inquirycreate/InquiryCreateForm.tsx
View File

@ -13,17 +13,41 @@ export default function InquiryCreateForm(){
<option value="">屋根適合</option>
</select>
</div>
<div className="data-input mt5">
<select className="select-form" name="" id="">
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
</select>
</div>
<div className="data-input mt5">
<select className="select-form" name="" id="">
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
<option value="">屋根適合</option>
</select>
</div>
</div>
<div className="data-input-form-bx">
<div className="data-input-form-tit">名前 <i className="import">*</i></div>
<div className="data-input">
<input className="input-frame" type="text" placeholder="名前を書いてください"/>
</div>
</div>
<div className="data-input-form-bx">
<div className="data-input-form-tit">電話番号</div>
<div className="data-input">
<input className="input-frame" type="text" placeholder="電話番号を書き留めてください"/>
</div>
</div>
<div className="data-input-form-bx">
<div className="data-input-form-tit">お問い合わせタイトル <i className="import">*</i></div>
<div className="data-input">
<select className="select-form" name="" id="">
<option value="">モジュールの取り付けを確認するかどうか</option>
<option value="">モジュールの取り付けを確認するかどうか</option>
<option value="">モジュールの取り付けを確認するかどうか</option>
<option value="">モジュールの取り付けを確認するかどうか</option>
<option value="">モジュールの取り付けを確認するかどうか</option>
</select>
<input className="input-frame" type="text" placeholder="お問い合わせタイトルを記入してください"/>
</div>
</div>
<div className="data-input-form-bx">

14
src/components/inquiry/inquirydetail/InquiryDetailData.tsx
View File

@ -20,6 +20,14 @@ export default function InquiryDetailData() {
<th>作者</th>
<td>Hong gi</td>
</tr>
<tr>
<th>名前</th>
<td>Kim</td>
</tr>
<tr>
<th>番号</th>
<td>070-1234-5678</td>
</tr>
<tr>
<th>販売店</th>
<td>interplug</td>
@ -36,7 +44,11 @@ export default function InquiryDetailData() {
</table>
</div>
<div className="inquiry-detail-data">
<div className="inquiry-detail-category">屋根適合</div>
<div className="inquiry-detail-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
<div className="inquiry-detail-txt">
入力した内容が表示されます.<br/>

24
src/components/inquiry/inquirylist/InquiryListTable.tsx
View File

@ -23,7 +23,11 @@ export default function InquiryListTable(){
<ul className="inquiry-list">
<li className="inquiry-item">
<div className="inquiry-item-bx">
<div className="inquiry-item-category">屋根</div>
<div className="inquiry-item-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-item-tit">屋根材適合性確認依頼</div>
<div className="inquiry-item-date">2025.04.02</div>
<div className="inquiry-badge badge blue">回答待ち</div>
@ -31,7 +35,11 @@ export default function InquiryListTable(){
</li>
<li className="inquiry-item">
<div className="inquiry-item-bx">
<div className="inquiry-item-category">設計</div>
<div className="inquiry-item-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-item-tit">設置可能ですか？</div>
<div className="inquiry-item-date">2025.04.02</div>
<div className="inquiry-badge badge orange">回答完了</div>
@ -39,7 +47,11 @@ export default function InquiryListTable(){
</li>
<li className="inquiry-item">
<div className="inquiry-item-bx">
<div className="inquiry-item-category">屋根</div>
<div className="inquiry-item-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-item-tit">屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼</div>
<div className="inquiry-item-date">2025.04.02</div>
<div className="inquiry-badge badge blue">回答待ち</div>
@ -47,7 +59,11 @@ export default function InquiryListTable(){
</li>
<li className="inquiry-item">
<div className="inquiry-item-bx">
<div className="inquiry-item-category">設計</div>
<div className="inquiry-item-category">
<span>屋根</span>
<span>適合性</span>
<span>屋根材</span>
</div>
<div className="inquiry-item-tit">設置可能ですか？</div>
<div className="inquiry-item-date">2025.04.02</div>
<div className="inquiry-badge badge orange">回答完了</div>

61
src/styles/components/_sub.scss
View File

@ -338,8 +338,34 @@
position: relative;
padding-right: 70px;
.inquiry-item-category{
@include defaultFont($font-s-13, $font-w-400, $font-c);
display: flex;
align-items: center;
margin-bottom: 5px;
span{
position: relative;
display: block;
@include defaultFont($font-s-13, $font-w-400, $font-c);
padding: 0 6px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
&::before{
display: none;
}
}
&::before{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 10px;
background-color: #A2ABB8;
}
}
}
.inquiry-item-tit{
@include defaultFont($font-s-15, $font-w-500, $font-c);
@ -419,8 +445,34 @@
border-bottom: 1px solid #2E3A59;
margin-bottom: 24px;
.inquiry-detail-category{
@include defaultFont($font-s-13, $font-w-400, $font-c);
display: flex;
align-items: center;
margin-bottom: 3px;
span{
position: relative;
display: block;
@include defaultFont($font-s-13, $font-w-400, $font-c);
padding: 0 6px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
&::before{
display: none;
}
}
&::before{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 10px;
background-color: #A2ABB8;
}
}
}
.inquiry-detail-tit{
@include defaultFont($font-s-15, $font-w-500, $font-c);
@ -434,6 +486,7 @@
// 1:1 문의 답변
.inquiry-answer-wrap{
margin-top: 24px;
}
.inquiry-answer-header{
padding: 20px 0;
@ -447,6 +500,10 @@
@include defaultFont($font-s-13, $font-w-400, #F86A56);
}
}
.inquiry-answer-tit{
@include defaultFont($font-s-13, $font-w-400, $font-c);
margin-bottom: 3px;
}
// 비밀번호 변경
.border-frame{