gitadmin/sk_fems_ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix bug screen 8

Browse Source
This commit is contained in:
Tran Van Dung/(Tran Van Dung)/현장대리인/SK
2025-08-21 15:47:41 +07:00
parent 9000afc00d
commit 9212c636cf
1 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/common/modal/EqpmSelectPop.vue
View File

@ -2,17 +2,14 @@
<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" class="mr-2"> <v-col v-if="label" :cols="labelCols" class="mr-2">
<label for="" class="search-box-label"> <label for="" class="search-box-label">
<v-icon v-if="iconShow" small <v-icon v-if="iconShow" small :class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
:class="['mr-1', required ? 'icon-orange' : 'icon-blue']">$icoBulletPoint</v-icon>
{{ label }} {{ label }}
</label> </label>
</v-col> </v-col>
<v-col :cols="textCols"> <v-col :cols="textCols">
<v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]" <v-text-field readonly v-model="selectValue" append-icon="" :class="['v-input__custom', customClass]"
@click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false" @click="dialogOpenCloseEvent(dialog)" outlined :hide-details="true" :required="required || false"
:disabled="disabled || false" :disabled="disabled || false" :placeholder="placeholder">
:placeholder="placeholder"
>
<template v-slot:append> <template v-slot:append>
<!-- Custom SVG icon --> <!-- Custom SVG icon -->
<v-icon>$icoSearch</v-icon> <v-icon>$icoSearch</v-icon>
@ -31,15 +28,15 @@
<v-row align="end"> <v-row align="end">
<v-col :cols="3.5"> <v-col :cols="3.5">
<!-- 설비그룹 --> <!-- 설비그룹 -->
<component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01" <component :is="'SelectBox'" :propsValue="selectValue01" :itemList="selectValueList01" :label="'설비그룹'"
:label="'설비그룹'" :disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event" :disabled="eqpmGrpDisabled" @update:propsValue="selectValue01 = $event" :labelCols="12" :textCols="12"
:labelCols="12" :textCols="12" :iconShow="true" /> :iconShow="true" />
</v-col> </v-col>
<v-col> <v-col>
<!-- FAB --> <!-- FAB -->
<component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02" <component :is="'SelectBoxMulti'" :propsValue="selectValue02" :itemList="selectValueList02" :label="'FAB'"
:label="'FAB'" :labelCols="12" :multiple="true" :disabled="fabDisabled" :labelCols="12" :multiple="true" :disabled="fabDisabled" @update:propsValue="selectValue02 = $event"
@update:propsValue="selectValue02 = $event" :textCols="12" :iconShow="true" /> :textCols="12" :iconShow="true" />
</v-col> </v-col>
<v-col> <v-col>
<v-row> <v-row>
@ -86,15 +83,16 @@
</div> </div>
<div class="pa-5" style="height:calc(100% - 30px)"> <div class="pa-5" style="height:calc(100% - 30px)">
<div ref="modalGridParent" class="h100 w100"> <div ref="modalGridParent" :class="['h100', 'w100', isDarkMode ? 'dark-mode' : 'light-mode']">
<component :ref="gridName" :is="loadGrid ? 'Grid' : null" <component :ref="gridName" :is="loadGrid ? 'Grid' : null"
:dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName" :dataPath="searchParam.eqpmSelectPopData.eqpmSelectPop" :gridName="gridName" :parentPrgmId="parentPrgmId"
:parentPrgmId="parentPrgmId" @getRowsData="getRowData" /> @getRowsData="getRowData" />
</div> </div>
</div> </div>
<v-card-actions class="px-6 py-4 d-flex align-center justify-end"> <v-card-actions class="px-6 py-4 d-flex align-center justify-end">
<a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)" class="ant-btn-popup-default mr-2">닫기</a-button> <a-button :ripple="false" @click="dialogOpenCloseEvent(dialog)"
class="ant-btn-popup-default mr-2">닫기</a-button>
<a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button> <a-button :ripple="false" type="primary" @click="setUpdate($event)">확인</a-button>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
@ -247,6 +245,7 @@ export default {
eqpmKindId: data.eqpmKindId, eqpmKindId: data.eqpmKindId,
} }
}, },
isDarkMode: "isDarkMode",
}), }),
selectValue: { selectValue: {
get() { get() {
@ -585,6 +584,7 @@ var eqpmSelectPop = {
.tui-grid-lside-area { .tui-grid-lside-area {
.tui-grid-table { .tui-grid-table {
.tui-grid-cell-header { .tui-grid-cell-header {
&.tui-grid-cell { &.tui-grid-cell {
input[type=checkbox] { input[type=checkbox] {
@ -594,7 +594,23 @@ var eqpmSelectPop = {
} }
} }
} }
} }
@each $theme in dark, light {
@include theme($theme);
.#{$theme}-mode {
::v-deep {
.tui-grid-lside-area {
.tui-grid-table{
border-right: 1px solid map-deep-get($config,
#{$theme},
"tui-grid-border-vertical-color"
) !important;
}
}
}
}
}
</style> </style>