배치면 초기설정 팝업, 지붕면 할당 팝업 수정

This commit is contained in:
김창수 2024-12-17 11:07:34 +09:00
parent da11d9d3ff
commit e78bc4d8ec
3 changed files with 32 additions and 37 deletions

View File

@ -5,12 +5,6 @@ import Qselect from "@/components/common/select/Qselect";
const SelectOption01 = [
{name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
]
const SelectOption02 = [
{name: '265',}, {name: '265'}, {name: '265'}, {name: '265'}
]
const SelectOption03 = [
{name: '235',}, {name: '235'}, {name: '235'}, {name: '235'}
]
const SelectOption04 = [
{name: '455'}, {name: '455'}, {name: '455'}, {name: '455'}
]
@ -88,14 +82,14 @@ export default function PlacementSettingPop(){
</div>
<div className="flex-ment">
<span>W</span>
<div className="grid-select no-flx" style={{width: '84px'}}>
<Qselect title={'265'} option={SelectOption02}/>
<div className="input-grid" style={{width: '84px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
<span>L</span>
<div className="grid-select no-flx" style={{width: '84px'}}>
<Qselect title={'235'} option={SelectOption03}/>
<div className="input-grid" style={{width: '84px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
@ -105,12 +99,7 @@ export default function PlacementSettingPop(){
</div>
</div>
</div>
<div className="placement-roof-btn-wrap">
<div className="icon-btn-wrap mt10">
<button className="act">並列式<i className="allocation01"></i></button>
<button>カスケード <i className="allocation02"></i></button>
</div>
</div>
{/* case02 */}
{/* <div className="placement-option">
@ -119,8 +108,8 @@ export default function PlacementSettingPop(){
</div>
<div className="flex-ment">
<span>ハゼビーチ</span>
<div className="grid-select no-flx" style={{width: '84px'}}>
<Qselect title={'265'} option={SelectOption02}/>
<div className="input-grid" style={{width: '84px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
@ -138,8 +127,8 @@ export default function PlacementSettingPop(){
</div>
<div className="flex-ment">
<span>ハゼビーチ</span>
<div className="grid-select no-flx" style={{width: '84px'}}>
<Qselect title={'265'} option={SelectOption02}/>
<div className="input-grid" style={{width: '84px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
</div> */}
@ -151,8 +140,8 @@ export default function PlacementSettingPop(){
</div>
<div className="flex-ment">
<span>L</span>
<div className="grid-select no-flx" style={{width: '84px'}}>
<Qselect title={'235'} option={SelectOption03}/>
<div className="input-grid" style={{width: '84px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
@ -162,6 +151,13 @@ export default function PlacementSettingPop(){
</div>
</div>
</div> */}
<div className="placement-roof-btn-wrap">
<div className="icon-btn-wrap mt10">
<button className="act">並列式<i className="allocation01"></i></button>
<button>カスケード <i className="allocation02"></i></button>
</div>
</div>
</td>
</tr>

View File

@ -4,12 +4,6 @@ import Qselect from "@/components/common/select/Qselect";
const SelectOption01 = [
{name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
]
const SelectOption02 = [
{name: '265',}, {name: '265'}, {name: '265'}, {name: '265'}
]
const SelectOption03 = [
{name: '235',}, {name: '235'}, {name: '235'}, {name: '235'}
]
const SelectOption04 = [
{name: '455'}, {name: '455'}, {name: '455'}, {name: '455'}
]
@ -51,14 +45,14 @@ export default function RoofAllocation() {
<div className="block-box">
<div className="flex-ment">
<span>W</span>
<div className="grid-select" style={{width: '100px'}}>
<Qselect title={'265'} option={SelectOption02}/>
<div className="input-grid" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
<span>L</span>
<div className="grid-select" style={{width: '100px'}}>
<Qselect title={'235'} option={SelectOption03}/>
<div className="input-grid" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
@ -93,14 +87,14 @@ export default function RoofAllocation() {
<div className="block-box">
<div className="flex-ment">
<span>W</span>
<div className="grid-select" style={{width: '100px'}}>
<Qselect title={'265'} option={SelectOption02}/>
<div className="input-grid" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">
<span>L</span>
<div className="grid-select" style={{width: '100px'}}>
<Qselect title={'235'} option={SelectOption03}/>
<div className="input-grid" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="flex-ment">

View File

@ -205,10 +205,15 @@ export default function PublishPage() {
<li>2024-12-09</li>
<li>*동선이동 올림 내림 팝업 첫번째 인풋제거</li>
</ul>
<ul>
<ul className='mb10'>
<li>2024-12-11</li>
<li>*배치면 초기설정 팝업 마지막 설정 버튼 추가</li>
</ul>
<ul>
<li>2024-12-17</li>
<li>*배치면 초기설정 팝업 W,L input box 변환</li>
<li>*지붕면할당 팝업 W,L input box 변환</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>
</tr>