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

배치면 초기설정 이미지 불러오기 영역 수정

Browse Source
This commit is contained in:
김창수 2024-11-04 14:24:01 +09:00
parent 157fac3a32
commit a9b2764af5
4 changed files with 65 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/canvas/page.jsx
View File

@ -87,7 +87,7 @@ export default function CanvasPage() {
{/* <Penal04/> */} {/* <Penal04/> */}
{/* 배치면 초기 설정 */} {/* 배치면 초기 설정 */}
{/* <PlacementSettingPop/> */} <PlacementSettingPop/>
{/* 캔버스 기본 셋팅 */} {/* 캔버스 기본 셋팅 */}
{/* {modalOption.option && <SettingModal01/>} */} {/* {modalOption.option && <SettingModal01/>} */}

42
src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
View File

@ -36,7 +36,11 @@ export default function PlacementSettingPop(){
<td>寸法入力による物品作成</td> <td>寸法入力による物品作成</td>
</tr> </tr>
<tr> <tr>
<th>寸法入力方法 <button className="tooltip"></button></th> <th>
<div className="tip-wrap">
寸法入力方法 <button className="tooltip"></button>
</div>
</th>
<td> <td>
<div className="pop-form-radio"> <div className="pop-form-radio">
<div className="d-check-radio pop"> <div className="d-check-radio pop">
@ -71,12 +75,14 @@ export default function PlacementSettingPop(){
</tr> </tr>
<tr> <tr>
<th> <th>
屋根材の選択(単位:mm) <div className="tip-wrap">
<button className="tooltip"></button> 屋根材の選択(単位:mm)
<button className="tooltip"></button>
</div>
</th> </th>
<td> <td>
{/* case01 */} {/* case01 */}
{/* <div className="placement-option"> <div className="placement-option">
<div className="grid-select no-flx" style={{width: '171px'}}> <div className="grid-select no-flx" style={{width: '171px'}}>
<Qselect title={'瓦53A'} option={SelectOption01}/> <Qselect title={'瓦53A'} option={SelectOption01}/>
</div> </div>
@ -98,10 +104,10 @@ export default function PlacementSettingPop(){
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'455'} option={SelectOption04}/>
</div> </div>
</div> </div>
</div> */} </div>
{/* case02 */} {/* case02 */}
<div className="placement-option"> {/* <div className="placement-option">
<div className="grid-select no-flx" style={{width: '171px'}}> <div className="grid-select no-flx" style={{width: '171px'}}>
<Qselect title={'瓦53A'} option={SelectOption01}/> <Qselect title={'瓦53A'} option={SelectOption01}/>
</div> </div>
@ -117,7 +123,7 @@ export default function PlacementSettingPop(){
<Qselect title={'455'} option={SelectOption04}/> <Qselect title={'455'} option={SelectOption04}/>
</div> </div>
</div> </div>
</div> </div> */}
{/* case03 */} {/* case03 */}
{/* <div className="placement-option"> {/* <div className="placement-option">
@ -155,6 +161,18 @@ export default function PlacementSettingPop(){
<tr> <tr>
<th>ファイルを読み込む</th> <th>ファイルを読み込む</th>
<td> <td>
<div className="pop-form-radio mb10">
<div className="d-check-radio pop">
<input type="radio" name="radio03" id="ra06" />
<label htmlFor="ra06">ファイルを読み込む</label>
</div>
<div className="d-check-radio pop">
<input type="radio" name="radio03" id="ra07" />
<label htmlFor="ra07">アドレスを読み込む</label>
</div>
</div>
{/* 파일 불러오기 */}
<div className="flex-box"> <div className="flex-box">
<div className="img-edit-wrap"> <div className="img-edit-wrap">
<label className="img-edit-btn" htmlFor="img_file"> <label className="img-edit-btn" htmlFor="img_file">
@ -168,6 +186,16 @@ export default function PlacementSettingPop(){
<button className="img-check"></button> <button className="img-check"></button>
</div> </div>
</div> </div>
{/* 주소 불러오기 */}
<div className="flex-box for-address">
<input type="text" className="input-origin al-l mr10" placeholder={'住所入力'}/>
<div className="img-edit-wrap mr5">
<button className="img-edit-btn">完了</button>
</div>
<span className="check-address fail"></span>
<span className="check-address success"></span>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>

6
src/components/publishpage/PublishPage.jsx
View File

@ -159,10 +159,14 @@ export default function PublishPage() {
<li>*견적서 img 업로드 버튼 수정</li> <li>*견적서 img 업로드 버튼 수정</li>
<li>*면형상 배치 pop 수정</li> <li>*면형상 배치 pop 수정</li>
</ul> </ul>
<ul> <ul className='mb10'>
<li>2024-10-31</li> <li>2024-10-31</li>
<li>*그리드 이동, 보조선 이동, 보조선 복사 pop 수정</li> <li>*그리드 이동, 보조선 이동, 보조선 복사 pop 수정</li>
</ul> </ul>
<ul>
<li>2024-11-04</li>
<li>*배치면 초기설정 pop 이미지 불러오기 영역 수정</li>
</ul>
</td> </td>
<td className="t-center">2024-10-28</td> <td className="t-center">2024-10-28</td>
</tr> </tr>

27
src/styles/_modal.scss
View File

@ -391,19 +391,22 @@ $alert-color: #101010;
table-layout: fixed; table-layout: fixed;
tr{ tr{
th{ th{
display: flex;
align-items: center;
font-size: $pop-normal-size; font-size: $pop-normal-size;
color: $pop-color; color: $pop-color;
font-weight: $pop-bold-weight; font-weight: $pop-bold-weight;
padding: 18px 0; padding: 18px 0;
border-bottom: 1px solid #424242; border-bottom: 1px solid #424242;
vertical-align: middle;
.tip-wrap{
display: flex;
align-items: center;
}
} }
td{ td{
font-size: $pop-normal-size; font-size: $pop-normal-size;
color: $pop-color; color: $pop-color;
border-bottom: 1px solid #424242; border-bottom: 1px solid #424242;
padding-left: 20px; padding: 18px 0 18px 20px;
vertical-align: middle; vertical-align: middle;
.flex-box{ .flex-box{
display: flex; display: flex;
@ -479,6 +482,7 @@ $alert-color: #101010;
color: $pop-color; color: $pop-color;
font-weight: $pop-normal-weight; font-weight: $pop-normal-weight;
} }
} }
.img-edit-wrap{ .img-edit-wrap{
@ -528,6 +532,23 @@ $alert-color: #101010;
} }
} }
.for-address{
input{
flex: 1;
}
.check-address{
flex: none;
width: 18px;
height: 18px;
margin-left: 5px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
&.fail{background-image: url(../../public/static/images/canvas/img_check_fail.svg);}
&.success{background-image: url(../../public/static/images/canvas/img_check_success.svg);}
}
}
// 외벽선 그리기 // 외벽선 그리기
.outline-wrap{ .outline-wrap{
padding: 24px 0; padding: 24px 0;