From b86ad73742da30a49d75de2dd1af5b708ec6f98e Mon Sep 17 00:00:00 2001
From: sychoi <sychoi@kuls.co.kr>
Date: Mon, 29 Apr 2024 17:12:41 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=98=84=EC=9E=A5=EC=9E=91?=
 =?UTF-8?q?=EC=97=85=EC=9E=90=20=ED=8C=9D=EC=97=85=20=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`popupComponent 폴더에 각 테이블 컴포넌트 분리`
---
 .../sts_order_prod/popComponent/isDef.php     |  66 +++
 .../sts_order_prod/popComponent/isDefHst.php  |  41 ++
 .../popComponent/isFacility.php               |  23 +
 .../popComponent/isFacltBreak.php             |  44 ++
 .../sts_order_prod/popComponent/isInsp.php    |  75 ++++
 .../sts_order_prod/popComponent/isNoRun.php   |  46 ++
 .../sts_order_prod/popComponent/isProd.php    |  54 +++
 .../sts_order_prod/popComponent/isRun.php     |  38 ++
 .../sts_order_prod/popComponent/isWorker.php  |  41 ++
 .../site/sts_order_prod/reg_prod_result.js    |   7 +
 .../site/sts_order_prod/reg_prod_result.php   | 414 +-----------------
 11 files changed, 455 insertions(+), 394 deletions(-)
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isDef.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isDefHst.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacility.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacltBreak.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isInsp.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isNoRun.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isProd.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isRun.php
 create mode 100644 home_dir/www/ksvc/site/sts_order_prod/popComponent/isWorker.php

diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDef.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDef.php
new file mode 100644
index 0000000..8c157f1
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDef.php
@@ -0,0 +1,66 @@
+<!-- 폼 헤더 -->
+<div class="form-header flexrow form-box">
+
+  <div class="flexcol gap10">
+    <div class="input-container flexrow gap06">
+      <div class="input-box flex-1">
+        <label for="" style="width:80px;">작업일</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+      <div class="input-box flex-1">
+        <label for="">시간</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+    </div>
+    <div class="input-container flexrow gap06">
+      <div class="input-box flex-1 flexrow">
+        <label for="" style="width:80px;">등록가능수량</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+      <div class="input-box flex-1">
+        <label for="">수량</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+    </div>
+    <div class="input-container flexrow flexend flex-1">
+      <div class="input-box flexrow flex-1">
+        <label for="" style="width:80px;">비가동사유</label>
+
+        <div class="round-tab-box" style="width:calc(100% - 100px);">
+          <button type="button" class="tab-btn left-round">작업종료</button>
+          <button type="button" class="tab-btn">품목교체</button>
+          <button type="button" class="tab-btn">설비고장</button>
+          <button type="button" class="tab-btn right-round">자체결품</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <button type="button" class="add-btn basic-btn">추가</button>
+
+</div>
+<!-- 폼 헤더 종료 // -->
+
+<!-- 테이블 박스 -->
+<div class="table-box flexcol flexbetween" style="height:calc(100% - 160px);">
+
+
+  <div class="height-93">
+    <div class="hy-table" id="isDef"></div>
+  </div>
+  <div class="table-title">
+    <div class="button-box flexend">
+
+      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+        확인
+      </div>
+
+      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+        취소
+      </div>
+
+    </div>
+  </div>
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDefHst.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDefHst.php
new file mode 100644
index 0000000..f29417d
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isDefHst.php
@@ -0,0 +1,41 @@
+<!-- 폼 헤더 -->
+<div class="form-header form-box">
+  <div class="input-container flexrow gap06">
+
+    <div class="input-box flex-1">
+      <label for="" style="width:80px;">소속</label>
+      <input type="text" id="" name="" class="form-control form-control-sm" />
+    </div>
+
+    <div class="input-box flex-1">
+      <label for="">작업자</label>
+      <input v-model="formData.EMP_NM" type="text" id="" name="" class="form-control form-control-sm" />
+    </div>
+
+  </div>
+</div>
+<!-- 폼 헤더 종료 // -->
+
+<!-- 테이블 박스 -->
+<div class="table-box flexcol flexbetween" style="height: calc(100% - 80px);">
+
+
+  <div class="height-93">
+    <div class="hy-table" id="isWorker"></div>
+  </div>
+  <div class="table-title">
+    <div class="button-box flexend">
+
+      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+        확인
+      </div>
+
+      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+        취소
+      </div>
+
+    </div>
+  </div>
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacility.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacility.php
new file mode 100644
index 0000000..570ed74
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacility.php
@@ -0,0 +1,23 @@
+<!-- 테이블 박스 -->
+<div class="table-box height-full flexcol flexbetween">
+
+
+  <div class="height-93">
+    <div class="hy-table" id="isFacility"></div>
+  </div>
+  <div class="table-title">
+    <div class="button-box flexend">
+
+      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+        확인
+      </div>
+
+      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+        취소
+      </div>
+
+    </div>
+  </div>
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacltBreak.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacltBreak.php
new file mode 100644
index 0000000..a81bd70
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isFacltBreak.php
@@ -0,0 +1,44 @@
+<!-- 테이블 박스 -->
+<div class="table-box height-full flexcol flexbetween">
+
+
+  <div class="height-half">
+    <div class="hy-table" id="isFacility"></div>
+  </div>
+
+  <!-- 폼 헤더 -->
+  <div class="form-header form-box">
+    <div class="input-container flexcol gap06">
+
+      <div class="input-box flexrow flexend flex-1">
+        <label for="" style="width:80px;">고장등록시간</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+
+      <div class="input-box flexrow flexend flex-1 flexrow">
+        <label for="" style="width:80px;">고장신고사유</label>
+        <textarea id="" name="" class="form-control form-control-sm"></textarea>
+      </div>
+
+    </div>
+
+    <div class="table-title" style="margin-top:10px;">
+      <div class="button-box flexend">
+
+        <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+          확인
+        </div>
+
+        <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+          취소
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+  <!-- 폼 헤더 종료 // -->
+
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isInsp.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isInsp.php
new file mode 100644
index 0000000..cdb440f
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isInsp.php
@@ -0,0 +1,75 @@
+<!-- 테이블 박스 -->
+<div class="table-box height-full flexcol flexbetween gap10">
+
+  <ul class="flexrow tab-menu gap06">
+    <li id="first-tab" @click="isChangeTab('isInsp')" :class="{'on':isInspVal}">실적</li>
+    <li id="second-tab" @click="isChangeTab('isFile')" :class="{'on':isFileVal}">파일</li>
+  </ul>
+
+  <!-- tab container -->
+  <div v-if="isInspVal" class="table-box flexcol flexbetween" style="height:calc(100% - 43px);">
+
+    <div style="height:calc(100% - 112px);">
+      <div class="hy-table group-table groupby" id="isInsp"></div>
+    </div>
+
+    <!-- 폼 헤더 -->
+    <div class="form-header form-box">
+
+      <div class="input-container flexrow gap06">
+
+        <div class="input-box flex-1 flexrow">
+          <label for="">등록가능수량</label>
+          <input type="text" id="" name="" class="form-control form-control-sm" />
+        </div>
+        <div class="input-box flex-1 flexrow flexend">
+          <label for="">수량</label>
+          <input type="text" id="" name="" class="form-control form-control-sm" />
+        </div>
+
+      </div>
+
+      <div class="table-title" style="margin-top:10px;">
+        <div class="button-box flexend">
+
+          <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+            확인
+          </div>
+          <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+            취소
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+    <!-- 폼 헤더 종료 // -->
+
+  </div>
+  <!-- tab container 종료 // -->
+  <!-- tab container -->
+  <div v-if="isFileVal" class="table-box flexcol flexbetween" style="height:calc(100% - 46px);">
+
+    <div style="height:calc(100% - 46px);">
+      <div class="hy-table" id="isInsp"></div>
+    </div>
+
+    <div class="table-title" style="margin-top:10px;">
+      <div class="button-box flexend">
+
+        <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+          확인
+        </div>
+        <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+          취소
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+  <!-- tab container 종료 // -->
+
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isNoRun.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isNoRun.php
new file mode 100644
index 0000000..5f795d0
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isNoRun.php
@@ -0,0 +1,46 @@
+<!-- 테이블 박스 -->
+<div class="table-box height-full flexcol flexbetween">
+
+  <div style="height:calc(100% - 148px);">
+    <div class="hy-table" id="isRun"></div>
+  </div>
+
+  <!-- 폼 헤더 -->
+  <div class="form-header form-box">
+    <div class="input-container flexcol gap06">
+
+      <div class="input-box flexrow flexend flex-1">
+        <label for="" style="width:80px;">가동시작시간</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+      <div class="input-box flexrow flexend flex-1">
+        <label for="" style="width:80px;">비가동사유</label>
+        <div class="round-tab-box">
+          <button type="button" class="tab-btn left-round">작업종료</button>
+          <button type="button" class="tab-btn">품목교체</button>
+          <button type="button" class="tab-btn">설비고장</button>
+          <button type="button" class="tab-btn right-round">자체결품</button>
+        </div>
+      </div>
+    </div>
+
+    <div class="table-title" style="margin-top:10px;">
+      <div class="button-box flexend">
+
+        <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+          확인
+        </div>
+
+        <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+          취소
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+  <!-- 폼 헤더 종료 // -->
+
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isProd.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isProd.php
new file mode 100644
index 0000000..6834602
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isProd.php
@@ -0,0 +1,54 @@
+<!-- 폼 헤더 -->
+<div class="form-header flexrow form-box">
+
+  <div class="flexcol gap10">
+    <div class="input-container flexrow gap06">
+      <div class="input-box flex-1">
+        <label for="" style="width:80px;">작업일</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+      <div class="input-box flex-1">
+        <label for="">시간</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+    </div>
+    <div class="input-container flexrow gap06">
+      <div class="input-box flex-1 flexrow">
+        <label for="" style="width:80px;">이전공정<br>양품수량</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+      <div class="input-box flex-1">
+        <label for="">수량</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+    </div>
+  </div>
+
+  <button type="button" class="add-btn basic-btn">추가</button>
+
+</div>
+<!-- 폼 헤더 종료 // -->
+
+<!-- 테이블 박스 -->
+<div class="table-box flexcol flexbetween" style="height:calc(100% - 120px);">
+
+
+  <div class="height-93">
+    <div class="hy-table" id="isProd"></div>
+  </div>
+  <div class="table-title">
+    <div class="button-box flexend">
+
+      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+        확인
+      </div>
+
+      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+        취소
+      </div>
+
+    </div>
+  </div>
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isRun.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isRun.php
new file mode 100644
index 0000000..6c9ddf9
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isRun.php
@@ -0,0 +1,38 @@
+<!-- 테이블 박스 -->
+<div class="table-box height-full flexcol flexbetween">
+
+
+  <div style="height:calc(100% - 112px);">
+    <div class="hy-table" id="isRun"></div>
+  </div>
+
+  <!-- 폼 헤더 -->
+  <div class="form-header form-box">
+    <div class="input-container flexcol gap06">
+
+      <div class="input-box flexrow flexend flex-1">
+        <label for="" style="width:80px;">가동시작시간</label>
+        <input type="text" id="" name="" class="form-control form-control-sm" />
+      </div>
+    </div>
+
+    <div class="table-title" style="margin-top:10px;">
+      <div class="button-box flexend">
+
+        <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+          확인
+        </div>
+
+        <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+          취소
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+  <!-- 폼 헤더 종료 // -->
+
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/popComponent/isWorker.php b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isWorker.php
new file mode 100644
index 0000000..f29417d
--- /dev/null
+++ b/home_dir/www/ksvc/site/sts_order_prod/popComponent/isWorker.php
@@ -0,0 +1,41 @@
+<!-- 폼 헤더 -->
+<div class="form-header form-box">
+  <div class="input-container flexrow gap06">
+
+    <div class="input-box flex-1">
+      <label for="" style="width:80px;">소속</label>
+      <input type="text" id="" name="" class="form-control form-control-sm" />
+    </div>
+
+    <div class="input-box flex-1">
+      <label for="">작업자</label>
+      <input v-model="formData.EMP_NM" type="text" id="" name="" class="form-control form-control-sm" />
+    </div>
+
+  </div>
+</div>
+<!-- 폼 헤더 종료 // -->
+
+<!-- 테이블 박스 -->
+<div class="table-box flexcol flexbetween" style="height: calc(100% - 80px);">
+
+
+  <div class="height-93">
+    <div class="hy-table" id="isWorker"></div>
+  </div>
+  <div class="table-title">
+    <div class="button-box flexend">
+
+      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
+        확인
+      </div>
+
+      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
+        취소
+      </div>
+
+    </div>
+  </div>
+
+</div>
+<!-- 테이블 박스 종료 // -->
\ No newline at end of file
diff --git a/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.js b/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.js
index 0f86e89..7c70f5f 100644
--- a/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.js
+++ b/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.js
@@ -97,6 +97,7 @@ class FieldPop {
           },
 
           isComponent : {
+            isDefHst : false,
             isWorker : false,
             isFacility : false,
             isFacltBreak : false,
@@ -120,6 +121,12 @@ class FieldPop {
           
           tableField : {
             isDefHst : [
+              { field: "DEF_NO", formatter:"rownum", title: "순번", width: 50},
+              { field: "DEF_FACLT_CD", title: "설비", width: 100},
+              { field: "DEF_CD", title: "불량원인", width: 100},
+              { field: "DEF_QTY", title: "불량수량", width: 100},
+              { field: "DEF_PRICE", title: "불량단가", width: 100},
+
 
             ],
             isWorker : [
diff --git a/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.php b/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.php
index 2b6f236..dace372 100644
--- a/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.php
+++ b/home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.php
@@ -158,414 +158,40 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
 
           </div>
           <div class="detail-container flex-5 flexcol">
+            <div class="detail-contents height-full flexcol flexbetween gap10" v-if="isComponent['isDefHst']">
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isDefHst.php' ?>
+            </div>
+            
             <div class="detail-contents height-full flexcol flexbetween gap10" v-if="isComponent['isWorker']">
-              <!-- 폼 헤더 -->
-              <div class="form-header form-box">
-                <div class="input-container flexrow gap06">
-
-                  <div class="input-box flex-1">
-                    <label for="" style="width:80px;">소속</label>
-                    <input type="text" id="" name="" class="form-control form-control-sm" />
-                  </div>
-
-                  <div class="input-box flex-1">
-                    <label for="">작업자</label>
-                    <input v-model="formData.EMP_NM" type="text" id="" name="" class="form-control form-control-sm" />
-                  </div>
-
-                </div>
-              </div>
-              <!-- 폼 헤더 종료 // -->
-
-              <!-- 테이블 박스 -->
-              <div class="table-box flexcol flexbetween" style="height: calc(100% - 80px);">
-
-
-                <div class="height-93">
-                  <div class="hy-table" id="isWorker"></div>
-                </div>
-                <div class="table-title">
-                  <div class="button-box flexend">
-
-                    <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                      확인
-                    </div>
-
-                    <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                      취소
-                    </div>
-
-                  </div>
-                </div>
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isWorker.php' ?>
             </div>
-
+            
             <div class="detail-contents flexcol gap10" v-if="isComponent['isFacility']">
-              <!-- 테이블 박스 -->
-              <div class="table-box height-full flexcol flexbetween">
-
-
-                <div class="height-93">
-                  <div class="hy-table" id="isFacility"></div>
-                </div>
-                <div class="table-title">
-                  <div class="button-box flexend">
-
-                    <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                      확인
-                    </div>
-
-                    <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                      취소
-                    </div>
-
-                  </div>
-                </div>
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isFacility.php' ?>
             </div>
-
+            
             <div class="detail-contents flexcol gap10" v-if="isComponent['isFacltBreak']">
-
-              <!-- 테이블 박스 -->
-              <div class="table-box height-full flexcol flexbetween">
-
-
-                <div class="height-half">
-                  <div class="hy-table" id="isFacility"></div>
-                </div>
-
-                <!-- 폼 헤더 -->
-                <div class="form-header form-box">
-                  <div class="input-container flexcol gap06">
-
-                    <div class="input-box flexrow flexend flex-1">
-                      <label for="" style="width:80px;">고장등록시간</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-
-                    <div class="input-box flexrow flexend flex-1 flexrow">
-                      <label for="" style="width:80px;">고장신고사유</label>
-                      <textarea id="" name="" class="form-control form-control-sm"></textarea>
-                    </div>
-
-                  </div>
-
-                  <div class="table-title" style="margin-top:10px;">
-                    <div class="button-box flexend">
-
-                      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                        확인
-                      </div>
-
-                      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                        취소
-                      </div>
-
-                    </div>
-                  </div>
-
-                </div>
-                <!-- 폼 헤더 종료 // -->
-
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
-
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isFacltBreak.php' ?>
             </div>
-
+            
             <div class="detail-contents flexcol gap10" v-if="isComponent['isRun']">
-              <!-- 테이블 박스 -->
-              <div class="table-box height-full flexcol flexbetween">
-
-
-                <div style="height:calc(100% - 112px);">
-                  <div class="hy-table" id="isRun"></div>
-                </div>
-
-                <!-- 폼 헤더 -->
-                <div class="form-header form-box">
-                  <div class="input-container flexcol gap06">
-
-                    <div class="input-box flexrow flexend flex-1">
-                      <label for="" style="width:80px;">가동시작시간</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                  </div>
-
-                  <div class="table-title" style="margin-top:10px;">
-                    <div class="button-box flexend">
-
-                      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                        확인
-                      </div>
-
-                      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                        취소
-                      </div>
-
-                    </div>
-                  </div>
-
-                </div>
-                <!-- 폼 헤더 종료 // -->
-
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isRun.php' ?>
             </div>
-
+            
             <div class="detail-contents flexcol gap10" v-if="isComponent['isNoRun']">
-              <!-- 테이블 박스 -->
-              <div class="table-box height-full flexcol flexbetween">
-
-                <div style="height:calc(100% - 148px);">
-                  <div class="hy-table" id="isRun"></div>
-                </div>
-
-                <!-- 폼 헤더 -->
-                <div class="form-header form-box">
-                  <div class="input-container flexcol gap06">
-
-                    <div class="input-box flexrow flexend flex-1">
-                      <label for="" style="width:80px;">가동시작시간</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                    <div class="input-box flexrow flexend flex-1">
-                      <label for="" style="width:80px;">비가동사유</label>
-                      <div class="round-tab-box">
-                        <button type="button" class="tab-btn left-round">작업종료</button>
-                        <button type="button" class="tab-btn">품목교체</button>
-                        <button type="button" class="tab-btn">설비고장</button>
-                        <button type="button" class="tab-btn right-round">자체결품</button>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="table-title" style="margin-top:10px;">
-                    <div class="button-box flexend">
-
-                      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                        확인
-                      </div>
-
-                      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                        취소
-                      </div>
-
-                    </div>
-                  </div>
-
-                </div>
-                <!-- 폼 헤더 종료 // -->
-
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isNoRun.php' ?>
             </div>
+            
             <div class="detail-contents flexcol gap10" v-if="isComponent['isProd']">
-              <!-- 폼 헤더 -->
-              <div class="form-header flexrow form-box">
-
-                <div class="flexcol gap10">
-                  <div class="input-container flexrow gap06">
-                    <div class="input-box flex-1">
-                      <label for="" style="width:80px;">작업일</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                    <div class="input-box flex-1">
-                      <label for="">시간</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                  </div>
-                  <div class="input-container flexrow gap06">
-                    <div class="input-box flex-1 flexrow">
-                      <label for="" style="width:80px;">이전공정<br>양품수량</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                    <div class="input-box flex-1">
-                      <label for="">수량</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                  </div>
-                </div>
-
-                <button type="button" class="add-btn basic-btn">추가</button>
-
-              </div>
-              <!-- 폼 헤더 종료 // -->
-
-              <!-- 테이블 박스 -->
-              <div class="table-box flexcol flexbetween" style="height:calc(100% - 120px);">
-
-
-                <div class="height-93">
-                  <div class="hy-table" id="isProd"></div>
-                </div>
-                <div class="table-title">
-                  <div class="button-box flexend">
-
-                    <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                      확인
-                    </div>
-
-                    <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                      취소
-                    </div>
-
-                  </div>
-                </div>
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isProd.php' ?>
             </div>
-            <div class="detail-contents flexcol gap10" v-if="isComponent['isDef']"><!-- 테이블 박스 -->
-              <!-- 폼 헤더 -->
-              <div class="form-header flexrow form-box">
-
-                <div class="flexcol gap10">
-                  <div class="input-container flexrow gap06">
-                    <div class="input-box flex-1">
-                      <label for="" style="width:80px;">작업일</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                    <div class="input-box flex-1">
-                      <label for="">시간</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                  </div>
-                  <div class="input-container flexrow gap06">
-                    <div class="input-box flex-1 flexrow">
-                      <label for="" style="width:80px;">등록가능수량</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                    <div class="input-box flex-1">
-                      <label for="">수량</label>
-                      <input type="text" id="" name="" class="form-control form-control-sm" />
-                    </div>
-                  </div>
-                  <div class="input-container flexrow flexend flex-1">
-                    <div class="input-box flexrow flex-1">
-                      <label for="" style="width:80px;">비가동사유</label>
-
-                      <div class="round-tab-box" style="width:calc(100% - 100px);">
-                        <button type="button" class="tab-btn left-round">작업종료</button>
-                        <button type="button" class="tab-btn">품목교체</button>
-                        <button type="button" class="tab-btn">설비고장</button>
-                        <button type="button" class="tab-btn right-round">자체결품</button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <button type="button" class="add-btn basic-btn">추가</button>
-
-              </div>
-              <!-- 폼 헤더 종료 // -->
-
-              <!-- 테이블 박스 -->
-              <div class="table-box flexcol flexbetween" style="height:calc(100% - 160px);">
-
-
-                <div class="height-93">
-                  <div class="hy-table" id="isDef"></div>
-                </div>
-                <div class="table-title">
-                  <div class="button-box flexend">
-
-                    <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                      확인
-                    </div>
-
-                    <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                      취소
-                    </div>
-
-                  </div>
-                </div>
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+            
+            <div class="detail-contents flexcol gap10" v-if="isComponent['isDef']">
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isDef.php' ?>
             </div>
+          
             <div class="detail-contents flexcol gap10" v-if="isComponent['isInsp']">
-              <!-- 테이블 박스 -->
-              <div class="table-box height-full flexcol flexbetween gap10">
-
-                <ul class="flexrow tab-menu gap06">
-                  <li id="first-tab" @click="isChangeTab('isInsp')" :class="{'on':isInspVal}">실적</li>
-                  <li id="second-tab" @click="isChangeTab('isFile')" :class="{'on':isFileVal}">파일</li>
-                </ul>
-
-                <!-- tab container -->
-                <div v-if="isInspVal" class="table-box flexcol flexbetween" style="height:calc(100% - 43px);">
-
-                  <div style="height:calc(100% - 112px);">
-                    <div class="hy-table group-table groupby" id="isInsp"></div>
-                  </div>
-
-                  <!-- 폼 헤더 -->
-                  <div class="form-header form-box">
-
-                    <div class="input-container flexrow gap06">
-
-                      <div class="input-box flex-1 flexrow">
-                        <label for="" >등록가능수량</label>
-                        <input type="text" id="" name="" class="form-control form-control-sm" />
-                      </div>
-                      <div class="input-box flex-1 flexrow flexend">
-                        <label for="">수량</label>
-                        <input type="text" id="" name="" class="form-control form-control-sm" />
-                      </div>
-
-                    </div>
-
-                    <div class="table-title" style="margin-top:10px;">
-                      <div class="button-box flexend">
-
-                        <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                          확인
-                        </div>
-                        <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                          취소
-                        </div>
-
-                      </div>
-                    </div>
-
-                  </div>
-                  <!-- 폼 헤더 종료 // -->
-
-                </div>
-                <!-- tab container 종료 // -->
-                <!-- tab container -->
-                <div v-if="isFileVal" class="table-box flexcol flexbetween" style="height:calc(100% - 46px);">
-
-                  <div style="height:calc(100% - 46px);">
-                    <div class="hy-table" id="isInsp"></div>
-                  </div>
-
-                  <div class="table-title" style="margin-top:10px;">
-                    <div class="button-box flexend">
-
-                      <div class="add-btn reverse-btn flexrow flexfillcenter gap06">
-                        확인
-                      </div>
-                      <div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
-                        취소
-                      </div>
-
-                    </div>
-                  </div>
-
-                </div>
-                <!-- tab container 종료 // -->
-
-
-              </div>
-              <!-- 테이블 박스 종료 // -->
+              <?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isInsp.php' ?>
             </div>
 
           </div>