forked from HANYANG/HANYANG_MES
style: tab메뉴 상단 버튼 디자인 변경
This commit is contained in:
parent
328d1b5f9c
commit
ce30b3ce24
|
|
@ -447,3 +447,7 @@ button {
|
||||||
.gray-back{
|
.gray-back{
|
||||||
background-color: #d9d9d9;
|
background-color: #d9d9d9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.min-width-572{
|
||||||
|
min-width: 572px;
|
||||||
|
}
|
||||||
|
|
@ -5,11 +5,28 @@ form {
|
||||||
&[name=frmWorkData]{
|
&[name=frmWorkData]{
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
|
|
||||||
|
.input-box{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
span{
|
||||||
|
position: absolute;
|
||||||
|
right: 15px;
|
||||||
|
top: 30%;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
i{
|
||||||
|
font-size: 1.2em;
|
||||||
|
color: $gray-004;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&>div{
|
&>div{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&.form-button-container{
|
&.form-button-container{
|
||||||
height: 40px;
|
height: fit-content;
|
||||||
|
padding: 10px 0px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -17,27 +34,41 @@ form {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.form-button-box{
|
.form-button-box{
|
||||||
border-bottom: solid 2px $blue-005;
|
// width: 50%;
|
||||||
width: 50%;
|
|
||||||
|
|
||||||
button{
|
button{
|
||||||
width: fit-content;
|
border-radius: 50px;
|
||||||
padding: 0px 10px;
|
border: solid 2px $blue-001;
|
||||||
height: 32px;
|
color: $blue-001;
|
||||||
|
font-size: 1.1em;
|
||||||
border: solid 2px $blue-005;
|
|
||||||
border-bottom: none;
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
background: white;
|
|
||||||
|
|
||||||
color: $blue-005;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
|
background-color: white;
|
||||||
|
width: 140px;
|
||||||
|
padding: 10px 14px;
|
||||||
|
|
||||||
&:hover, &.on{
|
&:hover, &.on{
|
||||||
background: $blue-005;
|
background-color: $blue-001;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// width: fit-content;
|
||||||
|
// padding: 0px 10px;
|
||||||
|
// height: 32px;
|
||||||
|
|
||||||
|
// border: solid 2px $blue-005;
|
||||||
|
// border-bottom: none;
|
||||||
|
// border-radius: 5px 5px 0 0;
|
||||||
|
// background: white;
|
||||||
|
|
||||||
|
// color: $blue-005;
|
||||||
|
// font-size: 13px;
|
||||||
|
// font-weight: 600;
|
||||||
|
|
||||||
|
// &:hover, &.on{
|
||||||
|
// background: $blue-005;
|
||||||
|
// color: white;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -46,11 +77,13 @@ form {
|
||||||
|
|
||||||
&.form-contents{
|
&.form-contents{
|
||||||
.info-container{
|
.info-container{
|
||||||
height: fit-content;
|
min-height: 510px;
|
||||||
|
height: 80vh;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
.detail-container{
|
.detail-container{
|
||||||
height: 510px;
|
min-height: 510px;
|
||||||
|
height: 80vh;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
|
@ -77,19 +110,21 @@ form {
|
||||||
}
|
}
|
||||||
.tab-menu{
|
.tab-menu{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: none;
|
// border: none;
|
||||||
|
|
||||||
li{
|
li{
|
||||||
border-radius: 50px;
|
height: 34px;
|
||||||
border: solid 2px $blue-001;
|
box-sizing: border-box;
|
||||||
|
// border-radius: 50px;
|
||||||
|
// border: solid 2px $blue-001;
|
||||||
|
|
||||||
&:hover{
|
// &:hover{
|
||||||
background-color: $blue-001;
|
// background-color: $blue-001;
|
||||||
}
|
// }
|
||||||
&.on{
|
// &.on{
|
||||||
background-color: $blue-001;
|
// background-color: $blue-001;
|
||||||
|
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.table-title{
|
.table-title{
|
||||||
|
|
@ -110,8 +145,8 @@ form {
|
||||||
.height-full{
|
.height-full{
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
.height-89{
|
.height-93{
|
||||||
height: 89% !important;
|
height: 93% !important;
|
||||||
}
|
}
|
||||||
.height-half{
|
.height-half{
|
||||||
height: calc(100% - 220px) !important;
|
height: calc(100% - 220px) !important;
|
||||||
|
|
|
||||||
|
|
@ -344,6 +344,10 @@ button {
|
||||||
background-color: #d9d9d9;
|
background-color: #d9d9d9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.min-width-572 {
|
||||||
|
min-width: 572px;
|
||||||
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background: #1F2859;
|
background: #1F2859;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -915,45 +919,54 @@ form {
|
||||||
form[name=frmWorkData] {
|
form[name=frmWorkData] {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
}
|
}
|
||||||
|
form[name=frmWorkData] .input-box {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
form[name=frmWorkData] .input-box span {
|
||||||
|
position: absolute;
|
||||||
|
right: 15px;
|
||||||
|
top: 30%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
form[name=frmWorkData] .input-box span i {
|
||||||
|
font-size: 1.2em;
|
||||||
|
color: #c7c7c7;
|
||||||
|
}
|
||||||
form[name=frmWorkData] > div {
|
form[name=frmWorkData] > div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-button-container {
|
form[name=frmWorkData] > div.form-button-container {
|
||||||
height: 40px;
|
height: -moz-fit-content;
|
||||||
|
height: fit-content;
|
||||||
|
padding: 10px 0px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-button-container .form-button-box {
|
|
||||||
border-bottom: solid 2px #162788;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
form[name=frmWorkData] > div.form-button-container .form-button-box button {
|
form[name=frmWorkData] > div.form-button-container .form-button-box button {
|
||||||
width: -moz-fit-content;
|
border-radius: 50px;
|
||||||
width: fit-content;
|
border: solid 2px #4A5ED2;
|
||||||
padding: 0px 10px;
|
color: #4A5ED2;
|
||||||
height: 32px;
|
font-size: 1.1em;
|
||||||
border: solid 2px #162788;
|
|
||||||
border-bottom: none;
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
background: white;
|
|
||||||
color: #162788;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
background-color: white;
|
||||||
|
width: 140px;
|
||||||
|
padding: 10px 14px;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-button-container .form-button-box button:hover, form[name=frmWorkData] > div.form-button-container .form-button-box button.on {
|
form[name=frmWorkData] > div.form-button-container .form-button-box button:hover, form[name=frmWorkData] > div.form-button-container .form-button-box button.on {
|
||||||
background: #162788;
|
background-color: #4A5ED2;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .info-container {
|
form[name=frmWorkData] > div.form-contents .info-container {
|
||||||
height: -moz-fit-content;
|
min-height: 510px;
|
||||||
height: fit-content;
|
height: 80vh;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container {
|
form[name=frmWorkData] > div.form-contents .detail-container {
|
||||||
height: 510px;
|
min-height: 510px;
|
||||||
|
height: 80vh;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -978,17 +991,10 @@ form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .t
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu {
|
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu li {
|
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu li {
|
||||||
border-radius: 50px;
|
height: 34px;
|
||||||
border: solid 2px #4A5ED2;
|
box-sizing: border-box;
|
||||||
}
|
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu li:hover {
|
|
||||||
background-color: #4A5ED2;
|
|
||||||
}
|
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu li.on {
|
|
||||||
background-color: #4A5ED2;
|
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .table-title {
|
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .table-title {
|
||||||
width: 99%;
|
width: 99%;
|
||||||
|
|
@ -1003,8 +1009,8 @@ form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .t
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .height-full {
|
form[name=frmWorkData] > div.form-contents .detail-container .height-full {
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .height-89 {
|
form[name=frmWorkData] > div.form-contents .detail-container .height-93 {
|
||||||
height: 89% !important;
|
height: 93% !important;
|
||||||
}
|
}
|
||||||
form[name=frmWorkData] > div.form-contents .detail-container .height-half {
|
form[name=frmWorkData] > div.form-contents .detail-container .height-half {
|
||||||
height: calc(100% - 220px) !important;
|
height: calc(100% - 220px) !important;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -654,7 +654,8 @@ class Tb_insp_list_class {
|
||||||
formatter: tb_common_funtions.formatterCheckboxIcon,
|
formatter: tb_common_funtions.formatterCheckboxIcon,
|
||||||
formatterParams: { checkval: "Y" },
|
formatterParams: { checkval: "Y" },
|
||||||
},
|
},
|
||||||
{ formatter: "rownum", title: "NO", width: 50 },
|
{ field: 'OP_SEQ', formatter: "rownum", title: "NO", width: 50 },
|
||||||
|
{ field: 'OP_CD', title: "공정", width: 80 },
|
||||||
{
|
{
|
||||||
field: "INSP_ITEM",
|
field: "INSP_ITEM",
|
||||||
title: "검사항목",
|
title: "검사항목",
|
||||||
|
|
@ -803,15 +804,17 @@ class Tb_insp_list_class {
|
||||||
|
|
||||||
|
|
||||||
const selectData = Tb_insp_list.tbList.getSelectedData()[0];
|
const selectData = Tb_insp_list.tbList.getSelectedData()[0];
|
||||||
Tb_insp_reg.tbList.addRow(
|
Tb_insp_reg.addRow(
|
||||||
{
|
{
|
||||||
|
OP_CD : selectData.OP_CD,
|
||||||
|
OP_SEQ : selectData.OP_SEQ,
|
||||||
INSP_ITEM : selectData.INSP_ITEM,
|
INSP_ITEM : selectData.INSP_ITEM,
|
||||||
INSP_SEQ : selectData.INSP_SEQ,
|
INSP_SEQ : selectData.INSP_SEQ,
|
||||||
SPEC_VAL : selectData.SPEC_VAL,
|
SPEC_VAL : selectData.SPEC_VAL,
|
||||||
TOL_UPPER : selectData.TOL_UPPER,
|
TOL_UPPER : selectData.TOL_UPPER,
|
||||||
TOL_LOWER : selectData.TOL_LOWER,
|
TOL_LOWER : selectData.TOL_LOWER,
|
||||||
INSP_TOOL : selectData.INSP_TOOL,
|
INSP_TOOL : selectData.INSP_TOOL,
|
||||||
}
|
}, selectData.INSP_SAMPL_QTY
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -974,11 +977,13 @@ class Tb_insp_reg_class {
|
||||||
* @Parameter 없음
|
* @Parameter 없음
|
||||||
* @function 기본키, _STATUS_:I 값을 넣은 행 추가
|
* @function 기본키, _STATUS_:I 값을 넣은 행 추가
|
||||||
*/
|
*/
|
||||||
addRow() {
|
addRow(data, qty) {
|
||||||
|
this.qty = qty;
|
||||||
|
const rows = this.tbList.getRows();
|
||||||
|
|
||||||
this.tbList.addRow({
|
this.tbList.addRow({
|
||||||
_STATUS_: "I",
|
...data,
|
||||||
INSP_ITEM: this.code,
|
INSP_SEQ : rows.length + 1
|
||||||
시료번호: this.시료번호,
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1096,6 +1101,9 @@ class Tb_insp_reg_class {
|
||||||
title: i,
|
title: i,
|
||||||
width: 80,
|
width: 80,
|
||||||
editor:"input",
|
editor:"input",
|
||||||
|
editable: (cell)=>{
|
||||||
|
return i<=this.qty
|
||||||
|
},
|
||||||
formatter: "money",
|
formatter: "money",
|
||||||
formatterParams: {
|
formatterParams: {
|
||||||
decimal: ".",
|
decimal: ".",
|
||||||
|
|
@ -1122,14 +1130,32 @@ class Tb_insp_reg_class {
|
||||||
formatter: tb_common_funtions.formatterCheckboxIcon,
|
formatter: tb_common_funtions.formatterCheckboxIcon,
|
||||||
formatterParams: { checkval: "Y" },
|
formatterParams: { checkval: "Y" },
|
||||||
},
|
},
|
||||||
{ formatter: "rownum", title: "NO", width: 50 },
|
{ field: "OP_SEQ", title: "공순", width: 80 },
|
||||||
|
{ field: "OP_CD", title: "공정", width: 80 },
|
||||||
{ field: "INSP_ITEM", title: "검사항목", width: 100 },
|
{ field: "INSP_ITEM", title: "검사항목", width: 100 },
|
||||||
{ field: "INSP_SEQ", title: "검사회차", width: 80 },
|
{ field: "INSP_SEQ", title: "검사회차", width: 80 },
|
||||||
/* 추가할때마다 값이 입력된 행이 추가된다. */
|
/* 추가할때마다 값이 입력된 행이 추가된다? */
|
||||||
{ field: "SPEC_VAL", title: "기준값", width: 80 },
|
{ field: "SPEC_VAL", title: "기준값", width: 80,
|
||||||
{ field: "TOL_UPPER", title: "상한치", width: 80 },
|
formatter: "money",
|
||||||
{ field: "TOL_LOWER", title: "하한치", width: 80 },
|
formatterParams: {
|
||||||
{ field: "INSP_TOOL", title: "측정기", width: 80, editor: "editor" },
|
decimal: ".",
|
||||||
|
precision: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ field: "TOL_UPPER", title: "상한치", width: 80,
|
||||||
|
formatter: "money",
|
||||||
|
formatterParams: {
|
||||||
|
decimal: ".",
|
||||||
|
precision: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ field: "TOL_LOWER", title: "하한치", width: 80, formatter: "money",
|
||||||
|
formatterParams: {
|
||||||
|
decimal: ".",
|
||||||
|
precision: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ field: "INSP_TOOL", title: "측정기", width: 80, editor: "list", cssClass:"user-list" },
|
||||||
{
|
{
|
||||||
field: "INSP_TOOL",
|
field: "INSP_TOOL",
|
||||||
title: "측정치",
|
title: "측정치",
|
||||||
|
|
@ -1206,12 +1232,7 @@ class Tb_insp_reg_class {
|
||||||
this.cellEdited && this.cellEdited(cell);
|
this.cellEdited && this.cellEdited(cell);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 추가
|
|
||||||
["click", "keypress"].forEach((evt) => {
|
|
||||||
this.addBtn.addEventListener(evt, () => {
|
|
||||||
this.addRow && this.addRow();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
// 삭제
|
// 삭제
|
||||||
["click", "keypress"].forEach((evt) => {
|
["click", "keypress"].forEach((evt) => {
|
||||||
this.removeBtn.addEventListener(evt, () => {
|
this.removeBtn.addEventListener(evt, () => {
|
||||||
|
|
@ -1223,7 +1244,7 @@ class Tb_insp_reg_class {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* @Overview 오더별 검사항목
|
* @Overview 파일 업로드
|
||||||
*/
|
*/
|
||||||
class Tb_file_upload_class {
|
class Tb_file_upload_class {
|
||||||
constructor(container) {
|
constructor(container) {
|
||||||
|
|
|
||||||
|
|
@ -112,15 +112,16 @@ class FieldPop {
|
||||||
isFile: false
|
isFile: false
|
||||||
},
|
},
|
||||||
|
|
||||||
tabs1: ['과거불량이력 조회', '작업표준서 조회', '도면 조회'],
|
tabs1: [ '작업표준서 조회', '도면 조회' ], //popup 띄우기
|
||||||
|
|
||||||
tabs2: ['설비 고장등록', '가동', '비가동'],
|
tabs2: [{ isDefHst : '과거불량이력 조회' }, { isFacltBreak : '설비 고장등록' }, {isRun : '가동'}, {isNoRun : '비가동'} ],
|
||||||
|
|
||||||
com2:['isFacltBreak','isRun','isNoRun'],
|
|
||||||
|
|
||||||
activeTab : '',
|
activeTab : '',
|
||||||
|
|
||||||
tableField : {
|
tableField : {
|
||||||
|
isDefHst : [
|
||||||
|
|
||||||
|
],
|
||||||
isWorker : [
|
isWorker : [
|
||||||
{ field: "", formatter:"rownum", title: "순번", width: 50},
|
{ field: "", formatter:"rownum", title: "순번", width: 50},
|
||||||
{ field: "", title: "실적 등록 시간", minWidth: 150, width:'26%'},
|
{ field: "", title: "실적 등록 시간", minWidth: 150, width:'26%'},
|
||||||
|
|
@ -186,7 +187,13 @@ class FieldPop {
|
||||||
{ field: "", title: "1", width: 50},
|
{ field: "", title: "1", width: 50},
|
||||||
{ field: "", title: "2", width: 50},
|
{ field: "", title: "2", width: 50},
|
||||||
{ field: "", title: "3", width: 50},
|
{ field: "", title: "3", width: 50},
|
||||||
|
{ field: "", title: "4", width: 50},
|
||||||
|
{ field: "", title: "5", width: 50},
|
||||||
|
{ field: "", title: "6", width: 50},
|
||||||
|
{ field: "", title: "7", width: 50},
|
||||||
|
{ field: "", title: "8", width: 50},
|
||||||
|
{ field: "", title: "9", width: 50},
|
||||||
|
{ field: "", title: "10", width: 50},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
@ -237,6 +244,8 @@ class FieldPop {
|
||||||
// 클릭시 컴포넌트 생성 및 삭제로 페이지 레이아웃 변경
|
// 클릭시 컴포넌트 생성 및 삭제로 페이지 레이아웃 변경
|
||||||
showComponent(com, tab) {
|
showComponent(com, tab) {
|
||||||
this.activeTab = tab;
|
this.activeTab = tab;
|
||||||
|
console.log(this.activeTab)
|
||||||
|
console.log(tab)
|
||||||
|
|
||||||
Object.keys(this.isComponent).map((key)=>{
|
Object.keys(this.isComponent).map((key)=>{
|
||||||
this.isComponent[key] = com == key ? true : false;
|
this.isComponent[key] = com == key ? true : false;
|
||||||
|
|
|
||||||
|
|
@ -13,20 +13,26 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<!-- form 시작 -->
|
<!-- form 시작 -->
|
||||||
<form name="frmWorkData" method="post" class="flexcol gap10">
|
<form name="frmWorkData" method="post" class="flexcol gap10">
|
||||||
<!-- form button-container -->
|
<!-- form button-container -->
|
||||||
<div class="form-button-container flexrow flexcenter gap10">
|
<div class="form-button-container flexrow flexbetween gap10">
|
||||||
<div class="form-button-box flexrow gap06">
|
<!-- <div class="form-button-box flexrow gap06 flex-3">
|
||||||
<button type="button" v-for="(tab, idx) in tabs1" :key="idx" :class="{ on : activeTab === tab}" @click="activeTab = tab" >{{ tab }}</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="form-button-box flexrow gap06">
|
<div class="form-button-box flexrow gap06 flex-5">
|
||||||
<button type="button" v-for="(tab, idx) in tabs2" :key="idx" :class="{ on : activeTab === tab }" @click="showComponent(com2[idx], tab)" >{{ tab }}</button>
|
<button type="button" v-for="(tab, idx) in tabs2" :key="idx" :class="{ on : activeTab === tab }" @click="showComponent(com2[idx], tab)" >{{ tab }}</button>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="form-button-box flexrow gap06 flex-3 min-width-572">
|
||||||
|
<button type="button" v-for="(tab, idx) in tabs1" :key="idx" :class="{ on : activeTab === tab}" @click="activeTab === tab" >{{ tab }}</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-button-box flexrow gap06 flex-5 flexend">
|
||||||
|
<button type="button" v-for="(tab, idx) in tabs2" :key="idx" :class="{ on : activeTab === tab[Object.keys(tab)[0]] }" @click="showComponent(Object.keys(tab)[0], tab[Object.keys(tab)[0]])" >{{ tab[Object.keys(tab)[0]] }}</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- form 내용 -->
|
<!-- form 내용 -->
|
||||||
<div class="form-contents flexrow gap10">
|
<div class="form-contents flexrow gap10">
|
||||||
<div class="info-container flex-1 flexcol flexbetween gap10">
|
<div class="info-container flex-3 flexcol flexbetween gap10 min-width-572">
|
||||||
|
|
||||||
<div class="form-box flexcol gap10">
|
<div class="form-box flexcol gap10 flexcenter flex-4">
|
||||||
|
|
||||||
<div class="input-container flexrow gap06">
|
<div class="input-container flexrow gap06">
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
|
|
@ -62,23 +68,25 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="input-container flexrow gap06">
|
<div class="input-container flexrow gap06">
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1" @click="showComponent('isWorker')">
|
||||||
<label for="EMP_NO">작업자</label>
|
<label for="EMP_NM">작업자</label>
|
||||||
<input v-model="formData.EMP_NO" @click="showComponent('isWorker')" :class="{on : isComponent['isWorker']}" type="text" id="EMP_NO" name="EMP_NO"
|
<input v-model="formData.EMP_NM" :class="{on : isComponent['isWorker']}" type="text" id="EMP_NM" name="EMP_NM"
|
||||||
class="form-control form-control-sm" readonly />
|
class="form-control form-control-sm" readonly />
|
||||||
|
<span><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-box flexcol gap10">
|
<div class="form-box flexcol gap10 flexcenter flex-2">
|
||||||
|
|
||||||
<div class="input-container flexrow gap06">
|
<div class="input-container flexrow gap06">
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
<label for="WO_NO">설비</label>
|
<label for="WO_NO">설비</label>
|
||||||
<input v-model="formData.FACLT_CD" @click="showComponent('isFacility')" :class="{on : isComponent['isFacility']}" type="text" id="WO_NO" name="WO_NO"
|
<input v-model="formData.FACLT_CD" @click="showComponent('isFacility')" :class="{on : isComponent['isFacility']}" type="text" id="WO_NO" name="WO_NO"
|
||||||
class="form-control form-control-sm" readonly />
|
class="form-control form-control-sm" readonly />
|
||||||
|
<span><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
<label for="">비가동시간</label>
|
<label for="">비가동시간</label>
|
||||||
|
|
@ -92,14 +100,14 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<input type="text" id="WO_NO" name="WO_NO" class="form-control form-control-sm" readonly />
|
<input type="text" id="WO_NO" name="WO_NO" class="form-control form-control-sm" readonly />
|
||||||
</div>
|
</div>
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
<label for="">작업완료</label>
|
<label for="">작업완료시간</label>
|
||||||
<input type="text" id="" name="" class="form-control form-control-sm" readonly />
|
<input type="text" id="" name="" class="form-control form-control-sm" readonly />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-box flexcol gap10">
|
<div class="form-box flexcol gap10 flexcenter flex-2">
|
||||||
|
|
||||||
<div class="input-container flexrow gap06">
|
<div class="input-container flexrow gap06">
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
|
|
@ -117,17 +125,19 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<label for="WO_NO">양품수량</label>
|
<label for="WO_NO">양품수량</label>
|
||||||
<input @click="showComponent('isProd')" :class="{on : isComponent['isProd']}" type="text" id="WO_NO" name="WO_NO"
|
<input @click="showComponent('isProd')" :class="{on : isComponent['isProd']}" type="text" id="WO_NO" name="WO_NO"
|
||||||
class="form-control form-control-sm" readonly />
|
class="form-control form-control-sm" readonly />
|
||||||
|
<span><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
<label for="">불량수량</label>
|
<label for="">불량수량</label>
|
||||||
<input @click="showComponent('isDef')" :class="{on : isComponent['isDef']}" type="text" id="" name="" class="form-control form-control-sm"
|
<input @click="showComponent('isDef')" :class="{on : isComponent['isDef']}" type="text" id="" name="" class="form-control form-control-sm"
|
||||||
readonly />
|
readonly />
|
||||||
|
<span><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-box flexcol gap10">
|
<div class="form-box flexcol gap10 flexcenter flex-1">
|
||||||
|
|
||||||
<div class="input-container flexrow gap06">
|
<div class="input-container flexrow gap06">
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
|
|
@ -138,6 +148,7 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<label for="">검사등록</label>
|
<label for="">검사등록</label>
|
||||||
<input @click="showComponent('isInsp')" type="text" id="" name="" class="form-control form-control-sm"
|
<input @click="showComponent('isInsp')" type="text" id="" name="" class="form-control form-control-sm"
|
||||||
readonly />
|
readonly />
|
||||||
|
<span><i class="fa-solid fa-arrow-pointer"></i></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -146,7 +157,7 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-container flex-1 flexcol">
|
<div class="detail-container flex-5 flexcol">
|
||||||
<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']">
|
||||||
<!-- 폼 헤더 -->
|
<!-- 폼 헤더 -->
|
||||||
<div class="form-header form-box">
|
<div class="form-header form-box">
|
||||||
|
|
@ -159,7 +170,7 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
|
|
||||||
<div class="input-box flex-1">
|
<div class="input-box flex-1">
|
||||||
<label for="">작업자</label>
|
<label for="">작업자</label>
|
||||||
<input type="text" id="" name="" class="form-control form-control-sm" />
|
<input v-model="formData.EMP_NM" type="text" id="" name="" class="form-control form-control-sm" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -170,20 +181,18 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="table-box flexcol flexbetween" style="height: calc(100% - 80px);">
|
<div class="table-box flexcol flexbetween" style="height: calc(100% - 80px);">
|
||||||
|
|
||||||
|
|
||||||
<div class="height-89">
|
<div class="height-93">
|
||||||
<div class="hy-table" id="isWorker"></div>
|
<div class="hy-table" id="isWorker"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -198,20 +207,18 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="table-box height-full flexcol flexbetween">
|
<div class="table-box height-full flexcol flexbetween">
|
||||||
|
|
||||||
|
|
||||||
<div class="height-89">
|
<div class="height-93">
|
||||||
<div class="hy-table" id="isFacility"></div>
|
<div class="hy-table" id="isFacility"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -251,13 +258,11 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -295,13 +300,11 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -346,13 +349,11 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -401,20 +402,18 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="table-box flexcol flexbetween" style="height:calc(100% - 120px);">
|
<div class="table-box flexcol flexbetween" style="height:calc(100% - 120px);">
|
||||||
|
|
||||||
|
|
||||||
<div class="height-89">
|
<div class="height-93">
|
||||||
<div class="hy-table" id="isProd"></div>
|
<div class="hy-table" id="isProd"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -471,20 +470,18 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="table-box flexcol flexbetween" style="height:calc(100% - 160px);">
|
<div class="table-box flexcol flexbetween" style="height:calc(100% - 160px);">
|
||||||
|
|
||||||
|
|
||||||
<div class="height-89">
|
<div class="height-93">
|
||||||
<div class="hy-table" id="isDef"></div>
|
<div class="hy-table" id="isDef"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="table-title">
|
<div class="table-title">
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -529,12 +526,10 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -546,9 +541,9 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
</div>
|
</div>
|
||||||
<!-- tab container 종료 // -->
|
<!-- tab container 종료 // -->
|
||||||
<!-- tab container -->
|
<!-- tab container -->
|
||||||
<div v-if="isFileVal" class="table-box flexcol flexbetween" style="height:calc(100% - 43px);">
|
<div v-if="isFileVal" class="table-box flexcol flexbetween" style="height:calc(100% - 46px);">
|
||||||
|
|
||||||
<div style="height:calc(100% - 43px);">
|
<div style="height:calc(100% - 46px);">
|
||||||
<div class="hy-table" id="isInsp"></div>
|
<div class="hy-table" id="isInsp"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -556,12 +551,10 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
|
||||||
<div class="button-box flexend">
|
<div class="button-box flexend">
|
||||||
|
|
||||||
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="add-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/add.php' ?>
|
확인
|
||||||
선택 확인
|
|
||||||
</div>
|
</div>
|
||||||
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
<div class="remove-btn reverse-btn flexrow flexfillcenter gap06">
|
||||||
<?php include _SVC_INC_PATH_ . '/img/delete.php' ?>
|
취소
|
||||||
선택 취소
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -316,7 +316,7 @@ const VueOperStatusCode = createApp({
|
||||||
DRAW_NO: data['도면번호'],
|
DRAW_NO: data['도면번호'],
|
||||||
ITEM_CD: data['품목'],
|
ITEM_CD: data['품목'],
|
||||||
OP_CD: process['공정명'],
|
OP_CD: process['공정명'],
|
||||||
EMP_NO: process['작업자'],
|
EMP_NM: process['작업자'],
|
||||||
FACLT_CD: process['설비'],
|
FACLT_CD: process['설비'],
|
||||||
종료시간: process['종료시간'],
|
종료시간: process['종료시간'],
|
||||||
실적수량: process['실적수량'],
|
실적수량: process['실적수량'],
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue