This commit is contained in:
Nguyen Van Luan/(Nguyen Van Luan)/현장대리인/SK
2025-08-08 19:22:33 +09:00
parent 1ece377457
commit ecfbeb3afa
10 changed files with 77 additions and 35 deletions

View File

@ -140,6 +140,7 @@
&.ant-btn-popup-default { &.ant-btn-popup-default {
background:map-deep-get($config, #{$theme}, "ant-btn-popup-bg"); background:map-deep-get($config, #{$theme}, "ant-btn-popup-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-popup-color"); color:map-deep-get($config, #{$theme}, "ant-btn-popup-color");
border: 1px solid map-deep-get($config, #{$theme}, "ant-btn-popup-border");
} }
&.ant-btn-danger { &.ant-btn-danger {

View File

@ -181,6 +181,7 @@ $config: (
ant-checkbox-border: #424242, ant-checkbox-border: #424242,
ant-btn-popup-bg: #212224, ant-btn-popup-bg: #212224,
ant-btn-popup-color: #FFFFFFD9, ant-btn-popup-color: #FFFFFFD9,
ant-btn-popup-border: #424242,
), ),
light: (w-g5: $--color-gray_555, light: (w-g5: $--color-gray_555,
g5-w: $--color-white, g5-w: $--color-white,
@ -325,5 +326,6 @@ $config: (
ant-checkbox-border: #D9D9D9, ant-checkbox-border: #D9D9D9,
ant-btn-popup-bg: #FFFFFF, ant-btn-popup-bg: #FFFFFF,
ant-btn-popup-color: #000000E0, ant-btn-popup-color: #000000E0,
ant-btn-popup-border: #D9D9D9,
), ),
); );

View File

@ -1,14 +1,12 @@
<template> <template>
<v-row class="search-box" align="center" no-gutters> <v-row class="search-box" align="center" no-gutters>
<v-col v-if="label" :cols="labelCols"> <v-col v-if="label" :cols="labelCols" >
<label for="" class="search-box-label"> <label for="" class="search-box-label">
<v-icon v-if="iconShow" small :class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon> <v-icon v-if="iconShow" small :class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
{{ label }} {{ label }}
</label> </label>
</v-col> </v-col>
<v-col :cols="label ? textCols : ''"> <v-col :cols="label ? textCols : ''">
<a-checkbox v-model="chkValue" :disabled="disabledFlag" :readonly="readonly || false" <a-checkbox v-model="chkValue" :disabled="disabledFlag" :readonly="readonly || false"
:required="required || false" @change="modifyValue"> :required="required || false" @change="modifyValue">
</a-checkbox> </a-checkbox>
@ -63,6 +61,10 @@ export default {
require: false, require: false,
default: true default: true
}, },
labelClass: {
type: String,
require: false,
},
}, },
data() { data() {
return { return {

View File

@ -75,7 +75,7 @@
<v-card-actions class="pb-4"> <v-card-actions class="pb-4">
<v-spacer></v-spacer> <v-spacer></v-spacer>
<!-- <v-btn color="primary" dark @click="setUpdate()">확인</v-btn> --> <!-- <v-btn color="primary" dark @click="setUpdate()">확인</v-btn> -->
<div class="pr-3"> <div class="d-flex" style="gap: 8px">
<a-button @click="close()" class="ant-btn-popup-default">닫기</a-button> <a-button @click="close()" class="ant-btn-popup-default">닫기</a-button>
<a-button type="primary" @click="setUpdate()" class="v-btn-add-text"> <a-button type="primary" @click="setUpdate()" class="v-btn-add-text">
확인 확인

View File

@ -11,7 +11,7 @@
:btnActionsFnc="btnActions" :btnActionsFnc="btnActions"
/> />
</div> </div>
<div ref="gridParent" > <div ref="gridParent" style="height: calc(100vh - 700px);">
<component <component
:ref="gridName" :ref="gridName"
:is="loadGrid ? 'Grid' : null" :is="loadGrid ? 'Grid' : null"
@ -21,7 +21,7 @@
:innerTabGridInfo="innerTabGridInfo" :innerTabGridInfo="innerTabGridInfo"
/> />
</div> </div>
<div> <div style="height: 60vh;" class="mt-5">
<component <component
:is="'Form'" :is="'Form'"
:bindingData="gridName" :bindingData="gridName"
@ -503,3 +503,10 @@ const myDetail = [
}, },
]; ];
</script> </script>
<style lang="scss" scoped>
::v-deep{
.tui-grid-layer-state{
top: 40px !important;
}
}
</style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div <div
class="d-flex justify-space-between" class="d-flex justify-space-between mb-3 pr-4"
style="height: 45px;" style="height: 45px;"
> >
<span class="txt custom-subtitle-tab">검침 대상 추가 정보</span> <span class="txt custom-subtitle-tab">검침 대상 추가 정보</span>
@ -102,7 +102,7 @@ export default {
this.gridInit(); this.gridInit();
}, },
gridInit() { gridInit() {
const gridHeight = this.$refs.gridParent.offsetHeight - 30; const gridHeight = this.$refs.gridParent.offsetHeight - 31;
const myOptions = { const myOptions = {
columnOptions: { columnOptions: {
@ -113,8 +113,8 @@ export default {
header: { header: {
height: 28, height: 28,
}, },
rowHeight: 29, rowHeight: 36,
minRowHeight: 29, minRowHeight: 36,
selectionUnit: 'row', selectionUnit: 'row',
editingEvent: 'click', editingEvent: 'click',
}; };
@ -440,3 +440,15 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped >
::v-deep {
.tui-grid-layer-state {
top: 40px !important;
}
.tui-grid-cell-content-editor {
height: 36px !important;
}
}
</style>

View File

@ -432,7 +432,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
value: { '1': true, '0': false }, value: { '1': true, '0': false },
required: true, required: true,
}, },
@ -445,7 +445,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
}, },
// { // {
// type: "InputText", // type: "InputText",
@ -464,7 +464,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
placeholder: '시스템 자동입력', placeholder: '시스템 자동입력',
}, },
{ {
@ -476,7 +476,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
placeholder: '시스템 자동입력', placeholder: '시스템 자동입력',
}, },
{ {
@ -488,7 +488,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
placeholder: '시스템 자동입력', placeholder: '시스템 자동입력',
}, },
{ {
@ -500,7 +500,7 @@ const myDetail = [
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
iconShow: true, iconShow: true,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
placeholder: '시스템 자동입력', placeholder: '시스템 자동입력',
}, },
]; ];

View File

@ -1,5 +1,6 @@
<template> <template>
<div ref="mainDiv" class="l-layout"> <div ref="mainDiv" class="l-layout">
<CommonPageTitle/>
<v-row ref="searchFilter"> <v-row ref="searchFilter">
<v-col :cols="12"> <v-col :cols="12">
<v-card class="searchFilter"> <v-card class="searchFilter">
@ -287,7 +288,7 @@ export default {
header: 'Data 형식', header: 'Data 형식',
name: 'addInfoDataKind', name: 'addInfoDataKind',
minWidth: 85, minWidth: 85,
align: 'center', align: 'left',
formatter({ value }) { formatter({ value }) {
let retVal = ''; let retVal = '';
const newValue = _this.pageData.addInfoDataKindList.filter( const newValue = _this.pageData.addInfoDataKindList.filter(
@ -304,7 +305,7 @@ export default {
header: '사용여부', header: '사용여부',
name: 'useFg', name: 'useFg',
minWidth: 85, minWidth: 85,
align: 'center', align: 'left',
formatter({ value }) { formatter({ value }) {
let retVal = ''; let retVal = '';
value = value === true ? '1' : '0'; value = value === true ? '1' : '0';

View File

@ -1,5 +1,6 @@
<template> <template>
<div class="l-layout"> <div class="l-layout">
<CommonPageTitle/>
<v-row ref="searchFilter"> <v-row ref="searchFilter">
<v-col :cols="12"> <v-col :cols="12">
<v-card class="searchFilter"> <v-card class="searchFilter">
@ -12,6 +13,7 @@
dataKey="searchLocKind" dataKey="searchLocKind"
:sendParam="{ commGrpCd: 'EM_LOC_KIND', useFg: '1' }" :sendParam="{ commGrpCd: 'EM_LOC_KIND', useFg: '1' }"
:addAll="true" :addAll="true"
customClass="select-large"
/> />
</v-col> </v-col>
<v-col :cols="2.5"> <v-col :cols="2.5">
@ -22,6 +24,7 @@
dataKey="searchEccKind" dataKey="searchEccKind"
:sendParam="{ commGrpCd: 'EM_ECC_KIND', useFg: '1' }" :sendParam="{ commGrpCd: 'EM_ECC_KIND', useFg: '1' }"
:addAll="true" :addAll="true"
customClass="select-large"
/> />
</v-col> </v-col>
<!-- 사업장 --> <!-- 사업장 -->
@ -42,6 +45,7 @@
dataKey="useFg" dataKey="useFg"
:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }" :sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
:addAll="true" :addAll="true"
customClass="select-large"
/> />
</v-col> </v-col>
<v-col :cols="2.5"> <v-col :cols="2.5">
@ -52,6 +56,7 @@
:labelCols="12" :labelCols="12"
:textCols="12" :textCols="12"
:searchOption="true" :searchOption="true"
customClass="input-large"
/> />
</v-col> </v-col>
<v-col class="text-right"> <v-col class="text-right">
@ -64,6 +69,7 @@
:is="'SelectBlocMstr'" :is="'SelectBlocMstr'"
ref="SelectBlocMstr" ref="SelectBlocMstr"
:parentPrgmId="myPrgmId" :parentPrgmId="myPrgmId"
customClass="select-large"
/> />
</div> </div>
</v-row> </v-row>
@ -99,7 +105,7 @@
</v-col> </v-col>
<v-col :cols="7" style="min-height:75vh;"> <v-col :cols="7" style="min-height:75vh;">
<v-card class="pb-5"> <v-card class="pb-5">
<v-card-title class="custom-title-4" style="min-height:76px;" <v-card-title class="custom-title-4" style="min-height:65px;"
>공정 상세 >공정 상세
</v-card-title> </v-card-title>
<div class="px-5" style="height:calc(100% - 76px)"> <div class="px-5" style="height:calc(100% - 76px)">
@ -471,7 +477,7 @@ export default {
header: '사용 여부', header: '사용 여부',
name: 'useFg', name: 'useFg',
width: gridWidth * 0.18, width: gridWidth * 0.18,
align: 'center', align: 'left',
formatter({ value }) { formatter({ value }) {
value = value === true ? '1' : '0'; value = value === true ? '1' : '0';
const newValue = _this.pageData.useFgList.filter( const newValue = _this.pageData.useFgList.filter(
@ -921,7 +927,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'pb-0 mb-0 pr-4', class: 'pb-0 mb-0 pr-4 mt-2',
disableContent: true, disableContent: true,
}, },
{ {
@ -932,7 +938,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'py-2 mb-0 pb-0 pl-4', class: 'py-2 mb-0 pb-0 pl-4 mt-2',
list: 'locKindList', list: 'locKindList',
itemText: 'commCdNm', itemText: 'commCdNm',
itemValue: 'commCd', itemValue: 'commCd',
@ -944,13 +950,13 @@ const myDetail = [
valueNm: 'upEccNm', valueNm: 'upEccNm',
readonly: true, readonly: true,
cols: 6, cols: 6,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
}, },
{ {
// 공백 처리 // 공백 처리
type: 'Label', type: 'Label',
cols: 6, cols: 6,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
disabled: false, disabled: false,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
@ -964,7 +970,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
list: 'eccKindList', list: 'eccKindList',
itemText: 'commCdNm', itemText: 'commCdNm',
itemValue: 'commCd', itemValue: 'commCd',
@ -979,7 +985,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
inputType: 'number', inputType: 'number',
iconShow: true iconShow: true
// onkeydown : "if(this.value > 100) this.value = 100;if(this.value < 0) this.value = 0;if(this.value == '') this.value = 0;" // onkeydown : "if(this.value > 100) this.value = 100;if(this.value < 0) this.value = 0;if(this.value == '') this.value = 0;"
@ -992,7 +998,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
list: 'blocIdList', list: 'blocIdList',
itemText: 'blocNm', itemText: 'blocNm',
itemValue: 'blocId', itemValue: 'blocId',
@ -1006,7 +1012,7 @@ const myDetail = [
cols: 6, cols: 6,
labelCols: 12, labelCols: 12,
textCols: 12, textCols: 12,
class: 'py-2 pl-4', class: 'py-2 pl-4 mt-2',
value: { '1': true, '0': false }, value: { '1': true, '0': false },
iconShow: true, iconShow: true,
required: true, required: true,
@ -1017,7 +1023,7 @@ const myDetail = [
valueNm: 'eccFg', valueNm: 'eccFg',
disabled: false, disabled: false,
cols: 6, cols: 6,
class: 'py-2 pr-4', class: 'py-2 pr-4 mt-2',
iconShow: true, iconShow: true,
value: { '1': true, '0': false }, value: { '1': true, '0': false },
}, },

View File

@ -50,7 +50,7 @@
<v-col :cols="5" class="h100"> <v-col :cols="5" class="h100">
<v-card class="pb-5"> <v-card class="pb-5">
<div class="d-flex align-center justify-space-between pa-5"> <div class="d-flex align-center justify-space-between pa-5">
<v-card-title class="pa-0 custom-title-4-new" <v-card-title class="pa-0 custom-title-4"
>검침 대상 정보</v-card-title >검침 대상 정보</v-card-title
> >
<Buttons <Buttons
@ -75,7 +75,7 @@
</v-col> </v-col>
<v-col :cols="7" class="h100"> <v-col :cols="7" class="h100">
<v-card class="pb-5"> <v-card class="pb-5">
<v-card-title class="custom-title-4-new" style="min-height:76px;" <v-card-title class="custom-title-4-new" style="min-height:65px;"
>검침대상 상세 >검침대상 상세
</v-card-title> </v-card-title>
<div class="px-5" style="height:calc(100% - 76px)"> <div class="px-5" style="height:calc(100% - 76px)">
@ -315,7 +315,7 @@ export default {
header: '검침 대상 ID', header: '검침 대상 ID',
name: 'readObjId', name: 'readObjId',
width: 130, width: 130,
align: 'center', align: 'left',
}, },
{ {
header: '검침 대상 명', header: '검침 대상 명',
@ -385,7 +385,7 @@ export default {
{ {
header: '사용여부', header: '사용여부',
name: 'useFg', name: 'useFg',
align: 'center', align: 'left',
width: 100, width: 100,
formatter({ value }) { formatter({ value }) {
value = value === true ? '1' : '0'; value = value === true ? '1' : '0';
@ -854,6 +854,17 @@ const myDetail = [
}, },
]; ];
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
@import '@/assets/scss/common.scss'; @import '@/assets/scss/common.scss';
</style> ::v-deep {
.tui-grid-layer-state {
top: 40px !important;
}
.tui-grid-layer-selection,
.tui-grid-cell-content-editor{
height: 36px !important;
}
}
</style>