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-10-16 15:02:51 +09:00
parent 7ef7065596
commit 4eba865b8a
7 changed files with 30 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/static/images/canvas/circuit_del.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="14" height="14" rx="7" stroke="white"/>
<path d="M9.741 10.559L7.509 8.327L5.277 10.559L4.512 9.794L6.744 7.562L4.512 5.33L5.277 4.565L7.509 6.797L9.741 4.565L10.506 5.33L8.274 7.562L10.506 9.794L9.741 10.559Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 358 B

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

@ -131,7 +131,7 @@ export default function CanvasPage() {
{/* <PlaneShapeOption/> */}
{/* 오브젝트 배치*/}
{/* <ObjectOption/> */}
<ObjectOption/>
{/* 표시변겅 */}
{/* <DisplayChange/> */}
@ -151,10 +151,10 @@ export default function CanvasPage() {
{/* <RoofModuleOption/> */}
{/* 육지붕모듈 선택 */}
{/* <HexagonalRoofOption/> */}
<HexagonalRoofOption/>
{/* 회로 및 가대설정 */}
{/* <CircuitStandSetting/> */}
<CircuitStandSetting/>
{/* 모듈 부가기능 */}

7
src/components/canvas/modal/circuitstandsetting/CircuitStandTab01.jsx
View File

@ -74,12 +74,11 @@ export default function CircuitStandTab01({setTabNum}){
</div>
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5 <button className="del"></button></span>
<span className="normal-font">HQJP-KA40-5 <button className="del"></button></span>
<span className="normal-font">HQJP-KA40-5 <button className="del"></button></span>
</div>
</div>
</div>

18
src/components/canvas/modal/circuitstandsetting/CircuitStandTab03.jsx
View File

@ -82,10 +82,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>
@ -114,10 +113,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>
@ -207,10 +205,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>
@ -239,10 +236,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>
@ -332,10 +328,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>
@ -364,10 +359,9 @@ export default function CircuitStandTab03({setTabNum}){
<div className="bottom-wrap">
<div className="circuit-right-wrap mb10">
<button className="btn-frame self mr5">追加</button>
<button className="btn-frame self">削除</button>
</div>
<div className="circuit-data-form">
<span className="normal-font">HQJP-KA40-5</span>
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
</div>
</div>
</div>

4
src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab03.jsx
View File

@ -80,7 +80,7 @@ export default function HexagonalRoofTab03({setTabNum}){
</div>
</div>
</div>
<div className="module-table-box">
{/* <div className="module-table-box">
<div className="module-table-inner">
<div className="hexagonal-wrap">
<div className="hexagonal-item">
@ -126,7 +126,7 @@ export default function HexagonalRoofTab03({setTabNum}){
</div>
</div>
</div>
</div>
</div> */}
<div className="grid-btn-wrap">
<button className="btn-frame modal mr5" onClick={() => setTabNum(2)}>以前</button>
<button className="btn-frame modal mr5">手動配置</button>

13
src/components/canvas/modal/objectoption/ObjectOptionTab03.jsx
View File

@ -37,19 +37,6 @@ export default function ObjectOptionTab03(){
</div>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
幅
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="input-grid mr5" style={{width: '60px'}}>
<input type="text" className="input-origin block" defaultValue={4000}/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
傾斜

12
src/styles/_modal.scss
View File

@ -1415,6 +1415,18 @@ $alert-color: #101010;
min-height: 60px;
padding: 12px;
border: 1px solid rgba(255, 255, 255, 0.20);
span{
display: inline-flex;
align-items: center;
.del{
display: block;
margin-left: 10px;
width: 15px;
height: 15px;
background: url(../../public/static/images/canvas/circuit_del.svg)no-repeat center;
background-size: cover;
}
}
}
.circuit-table-tit{
color: #fff;