diff --git a/public/static/images/canvas/estiment_arr.svg b/public/static/images/canvas/estiment_arr.svg new file mode 100644 index 0000000..bcdbb42 --- /dev/null +++ b/public/static/images/canvas/estiment_arr.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx index 351a6fd..147c3f9 100644 --- a/src/app/canvas/page.jsx +++ b/src/app/canvas/page.jsx @@ -87,7 +87,7 @@ export default function CanvasPage() { {/* */} {/* 배치면 초기 설정 */} - + {/* */} {/* 캔버스 기본 셋팅 */} {/* {modalOption.option && } */} diff --git a/src/components/canvas/CanvasEstimate.jsx b/src/components/canvas/CanvasEstimate.jsx index 83a1b1b..93ec14e 100644 --- a/src/components/canvas/CanvasEstimate.jsx +++ b/src/components/canvas/CanvasEstimate.jsx @@ -5,8 +5,10 @@ import FileDownOptionPop from "./estimatepop/FileDownOptionPop"; import ProductFeaturesPop from "./estimatepop/ProductFeaturesPop"; import ReactSelect from "../common/reactselect/ReactSelect"; +import { useState } from "react"; export default function CanvasEstimate() { + const [hidden, setHidden] = useState(false); return(
@@ -217,115 +219,123 @@ export default function CanvasEstimate() {

見積もりの具体的な

製品情報
-
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
+
+ +
-
-
-
ダイドハント (D Y 4)(DY5)
-
・木製垂木の場合、幅38㎜×厚さ40㎜以上、間隔455㎜以下となります。  
-
・本見積は概算見積です。詳細設計時、及び構造計算時に材料等の変更の可能性があります。 
-
・金具が取付可能と仮定して積算しております。ご注文前に必ず現調シートをご提出頂けます様、お願い致します。  
-
・設置基準を満たした屋根面と仮定して積算しております。屋根材固定強度等、施工マニュアルをご参照の上、ご確認ください。
-
-
-
ワンカチ 
-
・風速は46ｍ/sを超える地域は設置不可となります。  
-
・屋根材質は鋼板製（JIS A6514規格品の内）として御見積もり作成しております。  
-
・屋根材板厚は0.6㎜以上として御見積もり作成しております。
-
ピッチ外 ・若し現場で太陽電池モジュール 固定範囲から 両端の金具 がはみ出た 場合は、
-
弊社システム保証対象外になりますので充分 ご注意下さい 。"
-
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ {/*
+
+ + +
+
*/} +
+
+
+
ダイドハント (D Y 4)(DY5)
+
・木製垂木の場合、幅38㎜×厚さ40㎜以上、間隔455㎜以下となります。  
+
・本見積は概算見積です。詳細設計時、及び構造計算時に材料等の変更の可能性があります。 
+
・金具が取付可能と仮定して積算しております。ご注文前に必ず現調シートをご提出頂けます様、お願い致します。  
+
・設置基準を満たした屋根面と仮定して積算しております。屋根材固定強度等、施工マニュアルをご参照の上、ご確認ください。
+
+
+
ワンカチ 
+
・風速は46ｍ/sを超える地域は設置不可となります。  
+
・屋根材質は鋼板製（JIS A6514規格品の内）として御見積もり作成しております。  
+
・屋根材板厚は0.6㎜以上として御見積もり作成しております。
+
ピッチ外 ・若し現場で太陽電池モジュール 固定範囲から 両端の金具 がはみ出た 場合は、
+
弊社システム保証対象外になりますので充分 ご注意下さい 。"
+
+
+
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx index aef5259..ea59f5f 100644 --- a/src/components/publishpage/PublishPage.jsx +++ b/src/components/publishpage/PublishPage.jsx @@ -166,6 +166,7 @@ export default function PublishPage() {
  • 2024-11-04
  • *배치면 초기설정 pop 이미지 불러오기 영역 수정
    • +
  • *견적서 견적 특이사항 영역 닫힘 열림 추가
2024-10-28 diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index 50abad0..a81f624 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -828,22 +828,40 @@ } } +.estimate-arr-btn{ + display: block; + width: 20px; + height: 20px; + background: #94A0AD url(../../public/static/images/canvas/estiment_arr.svg)no-repeat center; + background-size: 11px 7px; + border-radius: 2px; + &.up{ + rotate: 180deg; + } +} +.estimate-check-wrap{ + .estimate-check-inner{ + display: block; + } + &.hide{ + border-bottom: 1px solid #ECF0F4; + margin-bottom: 15px; + .estimate-check-inner{ + display: none; + } + } +} + .special-note-check-wrap{ display: grid; grid-template-columns: repeat(5, 1fr); - border: 1px solid #ECF0F4; border-radius: 3px; margin-bottom: 30px; .special-note-check-item{ padding: 14px 10px; - border-right: 1px solid #ECF0F4; - border-top: 1px solid #ECF0F4; - &:nth-child(5n){ - border-right: none; - } - &:nth-child(-n+5){ - border-top: none; - } + border: 1px solid #ECF0F4; + margin-top: -1px; + margin-right: -1px; &.act{ background-color: #F7F9FA; }