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

---
 www/ksvc/base/insp/insp.js   | 13 ++++++++++++-
 www/ksvc/component/Header.js | 25 ++++++++++++++++---------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/www/ksvc/base/insp/insp.js b/www/ksvc/base/insp/insp.js
index 2157801..17000c1 100644
--- a/www/ksvc/base/insp/insp.js
+++ b/www/ksvc/base/insp/insp.js
@@ -1,9 +1,20 @@
 const req = {
+  
   searchReq : [
     { type : "text",     id : "INSP_ITEM", placeholder : "검사항목" },
     { type : "checkbox", id : "INSP_ITEM", label : "검사항목", checked : "checked" }
   ],
-  btnHidden : {}
+
+  btn : {
+    excel_down : false,
+    excel_data : false,
+    excel_up   : false,
+    filter_btn : false,
+    put_btn    : false,
+    addBtn     : [
+      { id:"orgna_btn", value:"편성확정", disabled: "false" }
+    ]
+  }
 };
 
 const App = () => (
diff --git a/www/ksvc/component/Header.js b/www/ksvc/component/Header.js
index 0bbf949..d04efca 100644
--- a/www/ksvc/component/Header.js
+++ b/www/ksvc/component/Header.js
@@ -17,17 +17,17 @@ const Header = ({req}) =>{
               );
             case "checkbox":
               return (
-                <div class="input-container flexrow checkbox-container">
+                <div className="input-container flexrow checkbox-container">
                   <label for={s.id}>{s.label}</label>
-                  <div class="input-box">
+                  <div className="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">
+                <div className="input-container flexcol gap06">
+                  <div className="input-box">
                     <select name={s.id} id={s.id}>
                       <option value="">- 전체 -</option>
                       {s.option.map(op=>(
@@ -46,12 +46,19 @@ const Header = ({req}) =>{
 
       <div className="button-container">
         <div className="button-box">
-          <button className="point-btn" id="excel_down">엑셀 양식 다운로드</button>
+          <button className="point-btn" disabled={req.btn["excel_down"]} id="excel_down">엑셀 양식 다운로드</button>
           <input type="file" id="fileInput" hidden accept=".xlsx, .xls"></input>
-          <button className="point-btn" id="excel_data">엑셀 다운로드</button>
-          <button className="point-btn" id="excel_up">엑셀 업로드</button>
-          <button className="point-btn" id="filter_btn">조회</button>
-          <button className="point-btn" id="put_btn">저장</button>
+          <button className="point-btn" disabled={req.btn["excel_data"]} id="excel_data">엑셀 다운로드</button>
+          <button className="point-btn" disabled={req.btn["excel_up"]} id="excel_up">엑셀 업로드</button>
+
+          { req.btn.addBtn ? req.btn.addBtn.map((add)=>{
+            return(
+                <button className="point-btn" disabled={add.disabled} id={add.id}>{add.value}</button>
+              )
+            }) : null }
+
+          <button className="point-btn" disabled={req.btn["filter_btn"]} id="filter_btn">조회</button>
+          <button className="point-btn" disabled={req.btn["put_btn"]} id="put_btn">저장</button>
         </div>
       </div>