견적서 테이블 select 추가
This commit is contained in:
parent
aa7c753248
commit
996e429b22
@ -158,10 +158,10 @@ export default function CanvasPage() {
|
|||||||
{/* <DrawingFlow/> */}
|
{/* <DrawingFlow/> */}
|
||||||
|
|
||||||
{/* 지붕모듈선택 */}
|
{/* 지붕모듈선택 */}
|
||||||
<RoofModuleOption/>
|
{/* <RoofModuleOption/> */}
|
||||||
|
|
||||||
{/* 육지붕모듈 선택 */}
|
{/* 육지붕모듈 선택 */}
|
||||||
<HexagonalRoofOption/>
|
{/* <HexagonalRoofOption/> */}
|
||||||
|
|
||||||
{/* 회로 및 가대설정 */}
|
{/* 회로 및 가대설정 */}
|
||||||
{/* <CircuitStandSetting/> */}
|
{/* <CircuitStandSetting/> */}
|
||||||
|
|||||||
@ -51,7 +51,7 @@ export default function NewProductPage(){
|
|||||||
{/* <DesignRequestPop/> */}
|
{/* <DesignRequestPop/> */}
|
||||||
|
|
||||||
{/* 로딩바 */}
|
{/* 로딩바 */}
|
||||||
<LoadingSpinner/>
|
{/* <LoadingSpinner/> */}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -95,16 +95,25 @@ export default function CanvasEstimate() {
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
{/* 2025-04-03 */}
|
||||||
<th>注文分類 <span className="important">*</span></th>
|
<th>注文分類 <span className="important">*</span></th>
|
||||||
<td colSpan={3}>
|
<td colSpan={3}>
|
||||||
<div className="radio-wrap">
|
<div className="form-flex-wrap">
|
||||||
<div className="d-check-radio light mr10">
|
<div className="radio-wrap">
|
||||||
<input type="radio" name="radio01" id="ra01" />
|
<div className="d-check-radio light mr10">
|
||||||
<label htmlFor="ra01">住宅PKG</label>
|
<input type="radio" name="radio01" id="ra01" />
|
||||||
|
<label htmlFor="ra01">住宅PKG</label>
|
||||||
|
</div>
|
||||||
|
<div className="d-check-radio light">
|
||||||
|
<input type="radio" name="radio01" id="ra02" />
|
||||||
|
<label htmlFor="ra02">積上げ( YJOD )</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="d-check-radio light">
|
<div className="form-flex-select ml10">
|
||||||
<input type="radio" name="radio01" id="ra02" />
|
<label htmlFor="">住宅PKG</label>
|
||||||
<label htmlFor="ra02">積上げ( YJOD )</label>
|
<div className="form-select">
|
||||||
|
<ReactSelect/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
@ -68,7 +68,7 @@ const CustomOption = (props) => {
|
|||||||
isClearable={true}
|
isClearable={true}
|
||||||
menuPlacement={'auto'}
|
menuPlacement={'auto'}
|
||||||
components={{Option: CustomOption}}
|
components={{Option: CustomOption}}
|
||||||
isDisabled={true}
|
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@ -47,6 +47,16 @@ table{
|
|||||||
}
|
}
|
||||||
.form-flex-wrap{
|
.form-flex-wrap{
|
||||||
@include flexbox;
|
@include flexbox;
|
||||||
|
.form-flex-select{
|
||||||
|
@include flexbox;
|
||||||
|
label{
|
||||||
|
flex: none;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.form-select{
|
||||||
|
min-width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.date-picker-wrap{
|
.date-picker-wrap{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user