From c5d94624f13af0b26a83d0bd387a513b2570f430 Mon Sep 17 00:00:00 2001
From: sychoi <sychoi@kuls.co.kr>
Date: Mon, 5 Aug 2024 14:30:32 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=97=A4=EB=8D=94=20=EA=B2=80=EC=83=89?=
 =?UTF-8?q?=20=EC=A1=B0=EA=B1=B4=20=EB=8F=99=EC=A0=81=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/ksvc/base/insp/insp.js   | 10 +++++++-
 www/ksvc/component/Header.js | 44 +++++++++++++++++++++++++++++++-----
 2 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/www/ksvc/base/insp/insp.js b/www/ksvc/base/insp/insp.js
index bd97679..2157801 100644
--- a/www/ksvc/base/insp/insp.js
+++ b/www/ksvc/base/insp/insp.js
@@ -1,6 +1,14 @@
+const req = {
+  searchReq : [
+    { type : "text",     id : "INSP_ITEM", placeholder : "검사항목" },
+    { type : "checkbox", id : "INSP_ITEM", label : "검사항목", checked : "checked" }
+  ],
+  btnHidden : {}
+};
+
 const App = () => (
   <>
-    <Header />
+    <Header req={req} />
   </>
 );
 
diff --git a/www/ksvc/component/Header.js b/www/ksvc/component/Header.js
index 409d7fe..0bbf949 100644
--- a/www/ksvc/component/Header.js
+++ b/www/ksvc/component/Header.js
@@ -1,14 +1,46 @@
-const Header = () =>{
+const Header = ({req}) =>{
+
   return (
     <div className="inner-container">
 
       <div className="search-container">
 
-        <div className="input-container flexcol gap06">
-          <div className="input-box">
-            <input type="text" id="INSP_ITEM" placeholder="검사항목"></input>
-          </div>
-        </div>
+        {req.searchReq.map(s=>{
+          switch(s.type){
+            case "text":
+              return (
+                <div className="input-container flexcol gap06">
+                  <div className="input-box">
+                    <input type={s.type} id={s.id} placeholder={s.placeholder}></input>
+                  </div>
+                </div>
+              );
+            case "checkbox":
+              return (
+                <div class="input-container flexrow checkbox-container">
+                  <label for={s.id}>{s.label}</label>
+                  <div class="input-box">
+                    <input type={s.type} id={s.id} checked={s.checked}></input>
+                  </div>
+                </div>
+              )
+            case "select":
+              return (
+                <div class="input-container flexcol gap06">
+                  <div class="input-box">
+                    <select name={s.id} id={s.id}>
+                      <option value="">- 전체 -</option>
+                      {s.option.map(op=>(
+                        <option value={op.value}>{op.text}</option>
+                      ))}
+                    </select>
+                  </div>
+                </div>
+              )
+
+          }
+        })}
+
         
       </div>