forked from HANYANG/HANYANG_MES
refactor: 현장작업자 팝업 파일 분리
`popupComponent 폴더에 각 테이블 컴포넌트 분리`
This commit is contained in:
parent
ce30b3ce24
commit
b86ad73742
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -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>
|
||||||
|
<!-- 테이블 박스 종료 // -->
|
||||||
|
|
@ -97,6 +97,7 @@ class FieldPop {
|
||||||
},
|
},
|
||||||
|
|
||||||
isComponent : {
|
isComponent : {
|
||||||
|
isDefHst : false,
|
||||||
isWorker : false,
|
isWorker : false,
|
||||||
isFacility : false,
|
isFacility : false,
|
||||||
isFacltBreak : false,
|
isFacltBreak : false,
|
||||||
|
|
@ -120,6 +121,12 @@ class FieldPop {
|
||||||
|
|
||||||
tableField : {
|
tableField : {
|
||||||
isDefHst : [
|
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 : [
|
isWorker : [
|
||||||
|
|
|
||||||
|
|
@ -158,414 +158,40 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-container flex-5 flexcol">
|
<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="detail-contents height-full flexcol flexbetween gap10" v-if="isComponent['isWorker']">
|
||||||
<!-- 폼 헤더 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isWorker.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isFacility']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isFacility']">
|
||||||
<!-- 테이블 박스 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isFacility.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isFacltBreak']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isFacltBreak']">
|
||||||
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isFacltBreak.php' ?>
|
||||||
<!-- 테이블 박스 -->
|
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isRun']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isRun']">
|
||||||
<!-- 테이블 박스 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isRun.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isNoRun']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isNoRun']">
|
||||||
<!-- 테이블 박스 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isNoRun.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isProd']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isProd']">
|
||||||
<!-- 폼 헤더 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isProd.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isDef']"><!-- 테이블 박스 -->
|
|
||||||
<!-- 폼 헤더 -->
|
|
||||||
<div class="form-header flexrow form-box">
|
|
||||||
|
|
||||||
<div class="flexcol gap10">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isDef']">
|
||||||
<div class="input-container flexrow gap06">
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isDef.php' ?>
|
||||||
<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>
|
</div>
|
||||||
|
|
||||||
<div class="detail-contents flexcol gap10" v-if="isComponent['isInsp']">
|
<div class="detail-contents flexcol gap10" v-if="isComponent['isInsp']">
|
||||||
<!-- 테이블 박스 -->
|
<?php include _SVC_PATH_ . '/site/sts_order_prod/popComponent/isInsp.php' ?>
|
||||||
<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>
|
|
||||||
<!-- 테이블 박스 종료 // -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue