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

Fix checkboxes in form

Browse Source
This commit is contained in:
Michael
2025-08-07 12:49:14 +09:00
parent 93dd46c225
commit 439079eee8
4 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/scss/common/input.scss
View File

@ -241,9 +241,16 @@ input[type="checkbox"] {
.v-application.#{$theme}-mode {
.ant-checkbox-wrapper {
.ant-checkbox {
.ant-checkbox-inner {
background-color: map-deep-get($config, #{$theme}, "ant-checkbox-bg"); // background for unchecked checkbox
border-color: map-deep-get($config, #{$theme}, "ant-checkbox-border");
}
}
.ant-checkbox-checked {
.ant-checkbox-inner {
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
background: map-deep-get($config, #{$theme}, "ant-btn-primary-bg"); // background for checked checkbox
border-color:map-deep-get($config, #{$theme}, "ant-btn-primary-bg");
color:map-deep-get($config, #{$theme}, "ant-btn-primary-color");

4
assets/scss/var.scss
View File

@ -177,6 +177,8 @@ $config: (
v-header-border: #424242,
v-chart-border: #424242,
v-sidebar-border: #303030,
ant-checkbox-bg: #212224,
ant-checkbox-border: #424242,
),
light: (w-g5: $--color-gray_555,
g5-w: $--color-white,
@ -317,5 +319,7 @@ $config: (
v-header-border: #D9D9D9,
v-chart-border: #D9D9D9,
v-sidebar-border: #F0F0F0,
ant-checkbox-bg: #FFFFFF,
ant-checkbox-border: #D9D9D9,
),
);

19
components/common/form/CheckBox.vue
View File

@ -12,15 +12,26 @@
</label>
</v-col>
<v-col :cols="item.label ? 7 : ''" >
<v-checkbox
<!-- <v-checkbox
v-model="chkValue"
:disabled="disabledFlag"
:readonly="item.readonly || false"
:required="item.required || false"
:false-value="false"
:color="isDarkMode ? '#fff' : '#1890ff'"
:color="isDarkMode ? '#1668DC' : '#1890ff'"
@change="modifyValue"
></v-checkbox>
class="small-checkbox"
></v-checkbox> -->
<a-checkbox
v-model="chkValue"
:disabled="disabledFlag"
:readonly="item.readonly || false"
:required="item.required || false"
:false-value="false"
:color="isDarkMode ? '#1668DC' : '#1890ff'"
@change="modifyValue"
>
</a-checkbox>
</v-col>
</v-row>
</template>
@ -141,7 +152,7 @@ export default {
modifyValue(e) {
const dt = {
columnName: this.item.valueNm,
value: e,
value: e.target.checked,
};
this.$emit('gridEditingFinish', dt);
},

2
pages/ems/base/DashboardPage.vue
View File

@ -840,7 +840,7 @@ export default {
{ header: "주의", name: "careStndVal", align: "right", width: 40 },
{ header: "경고", name: "warnStndVal", align: "right", width: 40 },
{ header: "가이드", name: "totVal", align: "right", width: 40 },
{ header: "알람 내용", name: "alrmMsg", align: "left" },
{ header: "알람 내용", name: "alrmMsg", align: "left", resizable: false },
{ header: "설비종류", name: "eqpmKindId", align: "left", hidden: true },
{ header: "설비종류", name: "eqpmKindNm", align: "left", hidden: true },
];