dev-luannv24-s2s17s15-fixbug #41
@ -484,6 +484,10 @@ a {
|
|||||||
border-bottom: 1px solid map-deep-get($config, #{$theme}, "v-header-border");
|
border-bottom: 1px solid map-deep-get($config, #{$theme}, "v-header-border");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.custom-chart{
|
||||||
|
border: 1px solid map-deep-get($config, #{$theme}, "v-chart-border");
|
||||||
|
}
|
||||||
|
|
||||||
.btn-header {
|
.btn-header {
|
||||||
background-color: map-deep-get($config, #{$theme}, "v-btn-header-background");
|
background-color: map-deep-get($config, #{$theme}, "v-btn-header-background");
|
||||||
border:1px solid map-deep-get($config, #{$theme}, "v-btn-header-border");
|
border:1px solid map-deep-get($config, #{$theme}, "v-btn-header-border");
|
||||||
|
@ -66,6 +66,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.custom-action-btn{
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
.v-btn {
|
.v-btn {
|
||||||
background-color: map-deep-get($config,
|
background-color: map-deep-get($config,
|
||||||
#{$theme},
|
#{$theme},
|
||||||
|
@ -175,6 +175,7 @@ $config: (
|
|||||||
btn-header-select-color:#FFFFFFD9,
|
btn-header-select-color:#FFFFFFD9,
|
||||||
subtitle-tab: #FFFFFFA6,
|
subtitle-tab: #FFFFFFA6,
|
||||||
v-header-border: #424242,
|
v-header-border: #424242,
|
||||||
|
v-chart-border: #424242,
|
||||||
v-sidebar-border: #303030,
|
v-sidebar-border: #303030,
|
||||||
),
|
),
|
||||||
light: (w-g5: $--color-gray_555,
|
light: (w-g5: $--color-gray_555,
|
||||||
@ -314,6 +315,7 @@ $config: (
|
|||||||
btn-header-select-bg:#FFFFFF,
|
btn-header-select-bg:#FFFFFF,
|
||||||
subtitle-tab: #000000A6,
|
subtitle-tab: #000000A6,
|
||||||
v-header-border: #D9D9D9,
|
v-header-border: #D9D9D9,
|
||||||
|
v-chart-border: #D9D9D9,
|
||||||
v-sidebar-border: #F0F0F0,
|
v-sidebar-border: #F0F0F0,
|
||||||
),
|
),
|
||||||
);
|
);
|
@ -61,7 +61,8 @@ export default {
|
|||||||
isDarkMode: 'isDarkMode',
|
isDarkMode: 'isDarkMode',
|
||||||
chartOption(state) {
|
chartOption(state) {
|
||||||
var dark_Col = [
|
var dark_Col = [
|
||||||
'#01AE6A',
|
'#79B100',
|
||||||
|
// '#01AE6A',
|
||||||
'#FFB046',
|
'#FFB046',
|
||||||
'#F6637B',
|
'#F6637B',
|
||||||
'#944FE9',
|
'#944FE9',
|
||||||
@ -194,7 +195,8 @@ export default {
|
|||||||
var lightCol_dashReadplcStatus = ['#3cc380', '#ffb13b', '#f98694'];
|
var lightCol_dashReadplcStatus = ['#3cc380', '#ffb13b', '#f98694'];
|
||||||
|
|
||||||
var light_Col = [
|
var light_Col = [
|
||||||
'#3CC380',
|
'#3BAD43',
|
||||||
|
// '#3CC380',
|
||||||
'#FFB13B',
|
'#FFB13B',
|
||||||
'#F98694',
|
'#F98694',
|
||||||
'#CF74E5',
|
'#CF74E5',
|
||||||
|
@ -299,7 +299,6 @@ export default {
|
|||||||
startEditing(e) {
|
startEditing(e) {
|
||||||
// console.log('startEditing1...')
|
// console.log('startEditing1...')
|
||||||
if (this.preventFocusChangeEvent(e)) {
|
if (this.preventFocusChangeEvent(e)) {
|
||||||
// console.log('prevent startEditing')
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -311,7 +310,6 @@ export default {
|
|||||||
// console.log('startEditing2...')
|
// console.log('startEditing2...')
|
||||||
if (this.editorGrid && e.rowKey >= 0) {
|
if (this.editorGrid && e.rowKey >= 0) {
|
||||||
this.editorStartKey = e.rowKey;
|
this.editorStartKey = e.rowKey;
|
||||||
// console.log("E::", this.gridInstance.invoke("getRow", e.rowKey));
|
|
||||||
this.gridInstance.invoke('startEditing', e.rowKey, e.columnName);
|
this.gridInstance.invoke('startEditing', e.rowKey, e.columnName);
|
||||||
this.$emit(
|
this.$emit(
|
||||||
'getRowsData',
|
'getRowsData',
|
||||||
|
@ -2,9 +2,9 @@
|
|||||||
<div class="d-flex justify-center align-center"
|
<div class="d-flex justify-center align-center"
|
||||||
:class="directionBtn === 'vertically'?'flex-row':'flex-column'"
|
:class="directionBtn === 'vertically'?'flex-row':'flex-column'"
|
||||||
style="gap: 12px">
|
style="gap: 12px">
|
||||||
<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" >
|
<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" class="custom-action-btn">
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button @click="btnActionsFnc('addLeftToRight')" type="primary" ghost :icon="icons.add">
|
<a-button @click="btnActionsFnc('addLeftToRight')" type="primary" ghost :icon="icons.add" class="custom-action-btn">
|
||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -10,7 +10,7 @@ export default {
|
|||||||
size: {
|
size: {
|
||||||
type: String,
|
type: String,
|
||||||
require: false,
|
require: false,
|
||||||
default: "middle", // small, middle, large
|
default: "default", // small, default, large
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -65,13 +65,10 @@
|
|||||||
|
|
||||||
<!-- <div id="chartParent" ref="chartParent" style="height: 100px"> -->
|
<!-- <div id="chartParent" ref="chartParent" style="height: 100px"> -->
|
||||||
<div :style="'height: calc(50vh)'">
|
<div :style="'height: calc(50vh)'">
|
||||||
<div class="d-flex align-center justify-space-between pa-4" style="height: 10%">
|
|
||||||
<v-card-title class="pa-0 custom-title-4">사용량 계획</v-card-title>
|
|
||||||
</div>
|
|
||||||
<!-- <div id="chartParent" ref="chartParent" :style="'height: 80%'"> -->
|
<!-- <div id="chartParent" ref="chartParent" :style="'height: 80%'"> -->
|
||||||
<div id="chartParent" ref="chartParent" style="height: 70%">
|
<div id="chartParent" ref="chartParent" style="height: 100%" class="px-6">
|
||||||
<component
|
<component
|
||||||
class="w100 h100"
|
class="w100 h100 py-7 custom-chart"
|
||||||
:is="loadChart ? 'Chart' : null"
|
:is="loadChart ? 'Chart' : null"
|
||||||
:parentPrgmId="parentPrgmId"
|
:parentPrgmId="parentPrgmId"
|
||||||
:modalId="modalId"
|
:modalId="modalId"
|
||||||
@ -130,7 +127,6 @@
|
|||||||
/>
|
/>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<v-divider></v-divider>
|
|
||||||
<v-card-actions class="pa-5 d-flex align-center justify-end">
|
<v-card-actions class="pa-5 d-flex align-center justify-end">
|
||||||
<a-button color="primary" type="default" class="mr-2" dark @click="closePop()">취소</a-button>
|
<a-button color="primary" type="default" class="mr-2" dark @click="closePop()">취소</a-button>
|
||||||
<a-button color="primary" type="primary" dark @click="setUpdate()">확정</a-button>
|
<a-button color="primary" type="primary" dark @click="setUpdate()">확정</a-button>
|
||||||
@ -533,7 +529,7 @@ export default {
|
|||||||
seriesData = data.map(item => ({
|
seriesData = data.map(item => ({
|
||||||
name: item.gubun == '2PLAN' ? '계획' : '전년실적',
|
name: item.gubun == '2PLAN' ? '계획' : '전년실적',
|
||||||
type: item.gubun == '2PLAN' ? 'line' : 'bar',
|
type: item.gubun == '2PLAN' ? 'line' : 'bar',
|
||||||
data: targetMonthList.map(obj => item[obj] || null)
|
data: targetMonthList.map(obj => item[obj] || null),
|
||||||
// data: targetMonthList.map(obj => item[obj] || 0)
|
// data: targetMonthList.map(obj => item[obj] || 0)
|
||||||
}));
|
}));
|
||||||
this.nowSeriesData = seriesData;
|
this.nowSeriesData = seriesData;
|
||||||
@ -558,7 +554,6 @@ export default {
|
|||||||
series: seriesData,
|
series: seriesData,
|
||||||
tooltip: tooltipData
|
tooltip: tooltipData
|
||||||
};
|
};
|
||||||
// console.log('option', option);
|
|
||||||
await this.$nextTick(() => {
|
await this.$nextTick(() => {
|
||||||
|
|
||||||
});
|
});
|
||||||
@ -601,7 +596,6 @@ export default {
|
|||||||
sData2 = nowSeriesData.filter(item => {
|
sData2 = nowSeriesData.filter(item => {
|
||||||
return item.name == '계획';
|
return item.name == '계획';
|
||||||
})[0]['data'];
|
})[0]['data'];
|
||||||
// console.log('sData1', sData);
|
|
||||||
if(targetMonth.includes('qty')){
|
if(targetMonth.includes('qty')){
|
||||||
targetMonth = parseInt(targetMonth.slice(-2));
|
targetMonth = parseInt(targetMonth.slice(-2));
|
||||||
}
|
}
|
||||||
@ -610,13 +604,11 @@ export default {
|
|||||||
sData2[i] = sData[i] * targetRatio;
|
sData2[i] = sData[i] * targetRatio;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// console.log('sData2', sData2);
|
|
||||||
seriesData = nowSeriesData.map(item => ({
|
seriesData = nowSeriesData.map(item => ({
|
||||||
...item,
|
...item,
|
||||||
data: item.name == '계획' ? sData2 : item.data
|
data: item.name == '계획' ? sData2 : item.data
|
||||||
}));
|
}));
|
||||||
|
|
||||||
// console.log('seriesData', seriesData);
|
|
||||||
await this.$nextTick(() => {
|
await this.$nextTick(() => {
|
||||||
|
|
||||||
});
|
});
|
||||||
@ -643,4 +635,4 @@ let modifyEnrgUsePlanModalDataKey =
|
|||||||
modifyEnrgUsePlanChart: Utility.defaultChartOption(true)
|
modifyEnrgUsePlanChart: Utility.defaultChartOption(true)
|
||||||
};
|
};
|
||||||
// 전력량 요금(원/kWh)
|
// 전력량 요금(원/kWh)
|
||||||
</script>
|
</script>
|
@ -11,7 +11,7 @@
|
|||||||
:btnActionsFnc="btnActions"
|
:btnActionsFnc="btnActions"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div ref="gridParent" style="height: calc(100vh - 760px);">
|
<div ref="gridParent" >
|
||||||
<component
|
<component
|
||||||
:ref="gridName"
|
:ref="gridName"
|
||||||
:is="loadGrid ? 'Grid' : null"
|
:is="loadGrid ? 'Grid' : null"
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
class="d-flex justify-space-between align-center"
|
class="d-flex justify-space-between"
|
||||||
style="height: 80px;"
|
style="height: 45px;"
|
||||||
>
|
>
|
||||||
<span class="txt custom-subtitle-tab">검침 대상 추가 정보</span>
|
<span class="txt custom-subtitle-tab">검침 대상 추가 정보</span>
|
||||||
<Buttons
|
<Buttons
|
||||||
@ -143,7 +143,6 @@ export default {
|
|||||||
class CustomRenderer {
|
class CustomRenderer {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
//const { min, max } = props.columnInfo.renderer.options;
|
//const { min, max } = props.columnInfo.renderer.options;
|
||||||
//console.log('props: %o', props);
|
|
||||||
|
|
||||||
const el = document.createElement('input');
|
const el = document.createElement('input');
|
||||||
if (
|
if (
|
||||||
@ -215,15 +214,12 @@ export default {
|
|||||||
}
|
}
|
||||||
$(el).addClass('tui-grid-content-text');
|
$(el).addClass('tui-grid-content-text');
|
||||||
}
|
}
|
||||||
// console.log('props: %o', props);
|
|
||||||
// console.log('el: %o', el);
|
|
||||||
this.el = el;
|
this.el = el;
|
||||||
|
|
||||||
this.render(props);
|
this.render(props);
|
||||||
}
|
}
|
||||||
|
|
||||||
change(ev) {
|
change(ev) {
|
||||||
//console.log('props: %o', ev);
|
|
||||||
if (ev.target.checked) {
|
if (ev.target.checked) {
|
||||||
ev.target.value = 1;
|
ev.target.value = 1;
|
||||||
} else {
|
} else {
|
||||||
@ -245,7 +241,6 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
this.el.value = String(props.value);
|
this.el.value = String(props.value);
|
||||||
}
|
}
|
||||||
//console.log('props: %o', props);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -275,7 +270,7 @@ export default {
|
|||||||
{
|
{
|
||||||
header: 'Data 구분',
|
header: 'Data 구분',
|
||||||
name: 'addInfoDataKind',
|
name: 'addInfoDataKind',
|
||||||
align: 'center',
|
align: 'left',
|
||||||
formatter({ value }) {
|
formatter({ value }) {
|
||||||
let retVal = '';
|
let retVal = '';
|
||||||
const newValue = addInfoDataKindList.filter(
|
const newValue = addInfoDataKindList.filter(
|
||||||
@ -323,8 +318,6 @@ export default {
|
|||||||
},
|
},
|
||||||
//{ header: "추가 정보 값", name: "addInfoVal", align: "center" , editor: "text",
|
//{ header: "추가 정보 값", name: "addInfoVal", align: "center" , editor: "text",
|
||||||
// formatter({ value, row , column}) {
|
// formatter({ value, row , column}) {
|
||||||
// console.log("addInfoVal row : ", row);
|
|
||||||
// console.log("addInfoVal state : ", column);
|
|
||||||
// if(row.addInfoDataKind === "NUM"){
|
// if(row.addInfoDataKind === "NUM"){
|
||||||
// column.align = "right";
|
// column.align = "right";
|
||||||
// }else{
|
// }else{
|
||||||
|
@ -12,8 +12,8 @@
|
|||||||
:parentPrgmId="myPrgmId"
|
:parentPrgmId="myPrgmId"
|
||||||
:sendParam="{ comId }"
|
:sendParam="{ comId }"
|
||||||
customClass="select-large"
|
customClass="select-large"
|
||||||
labelCols="12"
|
:labelCols="12"
|
||||||
textCols="12"
|
:textCols="12"
|
||||||
/>
|
/>
|
||||||
<!-- <component
|
<!-- <component
|
||||||
:is="'selectCodeList'"
|
:is="'selectCodeList'"
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<v-row ref="searchFilter">
|
<v-row ref="searchFilter">
|
||||||
<v-col :cols="12">
|
<v-col :cols="12">
|
||||||
<v-card class="searchFilter">
|
<v-card class="searchFilter">
|
||||||
<v-row align="center" no-gutters>
|
<v-row align="end" no-gutters>
|
||||||
<v-col :cols="2.5">
|
<v-col :cols="2.5">
|
||||||
<component
|
<component
|
||||||
:is="'selectCodeList'"
|
:is="'selectCodeList'"
|
||||||
@ -49,8 +49,8 @@
|
|||||||
:parentPrgmId="myPrgmId"
|
:parentPrgmId="myPrgmId"
|
||||||
label="공정명"
|
label="공정명"
|
||||||
valueNm="eccNm"
|
valueNm="eccNm"
|
||||||
:labelCols="2"
|
:labelCols="12"
|
||||||
:textCols="9"
|
:textCols="12"
|
||||||
:searchOption="true"
|
:searchOption="true"
|
||||||
/>
|
/>
|
||||||
</v-col>
|
</v-col>
|
||||||
@ -59,7 +59,13 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-row align="center" no-gutters>
|
<v-row align="center" no-gutters>
|
||||||
|
<div style="display: none">
|
||||||
|
<component
|
||||||
|
:is="'SelectBlocMstr'"
|
||||||
|
ref="SelectBlocMstr"
|
||||||
|
:parentPrgmId="myPrgmId"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
@ -91,7 +97,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col :cols="7" class="h100">
|
<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:76px;"
|
||||||
>공정 상세
|
>공정 상세
|
||||||
|
@ -286,7 +286,7 @@ export default {
|
|||||||
resizable: true,
|
resizable: true,
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
height: 65,
|
height: 75,
|
||||||
complexColumns: myComplexColumns,
|
complexColumns: myComplexColumns,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
Reference in New Issue
Block a user