resolve confict

components/common/CheckBox.vue

@@ -2,26 +2,17 @@
   <v-row class="search-box" align="center" no-gutters>
     <v-col v-if="label" :cols="labelCols">
       <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>
     </v-col>
     <v-col :cols="label ? textCols : ''">
 
-      <v-checkbox
-				v-model="chkValue"
-				:disabled="disabledFlag"
-				:readonly="readonly || false"
-				:required="required || false"
-				:false-value="false"
-				:color="isDarkMode ? '#fff' : '#1890ff'"
-				@change="modifyValue"
-			></v-checkbox>
+
+      <a-checkbox v-model="chkValue" :disabled="disabledFlag" :readonly="readonly || false"
+        :required="required || false" @change="modifyValue">
+      </a-checkbox>
+
     </v-col>
   </v-row>
 </template>
@@ -68,10 +59,10 @@ export default {
       default: 7,
     },
     iconShow: {
-			type: Boolean,
-			require: false,
-			default: true
-		},
+      type: Boolean,
+      require: false,
+      default: true
+    },
   },
   data() {
     return {
@@ -103,7 +94,8 @@ export default {
   methods: {
     ...mapMutations({ setPageData: "setPageData" }),
     modifyValue(e) {
-      return this.setPageData({ [this.valueNm]: e });
+      const isChecked = e.target.checked;
+      return this.setPageData({ [this.valueNm]: isChecked });
     },
   },
 };

components/common/DatepickerTimeSelectBox.vue

@@ -52,6 +52,7 @@
             selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
           "
           @update:propsValue="selectTimeValue1 = $event"
+          customClass="select-large"
         />
         <!-- <div v-show="isRange" class="mx-3" :style="{ lineHeight: 0 }">~</div> -->
 
@@ -99,6 +100,7 @@
             selectBoxTimeItemList.minInterval ? selectBoxTimeItemList.minInterval : 1
           "
           @update:propsValue="selectTimeValue2 = $event"
+          customClass="select-large"
         />
       </div>
     </v-col>

components/common/button/ActionButtons.vue

@@ -1,18 +1,10 @@
 <template>
-	<div class="d-flex flex-column justify-center align-center" style="gap: 12px">
+	<div class="d-flex justify-center align-center" 
+		:class="directionBtn === 'vertically'?'flex-row':'flex-column'" 
+		style="gap: 12px">
 		<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" >
 		</a-button>
-
-		<!--<v-btn
-			icon
-			tile
-			:ripple="false"
-			class="mt-2"
-			@click="btnActionsFnc('removeRightToLeft')"
-		>
-			<v-icon>mdi-chevron-left</v-icon>
-		</v-btn> -->
-		<a-button   @click="btnActionsFnc('addLeftToRight')" type="primary" ghost icon="down">
+		<a-button   @click="btnActionsFnc('addLeftToRight')" type="primary" ghost :icon="icons.add">
 		</a-button>
 	</div>
 </template>
@@ -35,8 +27,18 @@ export default {
 			type: Function,
 			required: true,
 		},
+		directionBtn: {
+			type: String,
+			default: "horizontally" //horizontally, vertically.
+		}
+	},
+	computed: {
+		icons() {
+			return this.directionBtn === "vertically"
+				? { remove: "up", add: "down" }
+				: { remove: "left", add: "right" };
+			},
 	},
-	computed: {},
 	data() {
 		return {};
 	},

components/common/button/BtnExcelDownload.vue

@@ -45,7 +45,7 @@ export default {
 		size: {
 			type: String,
 			require: false,
-			default: "default", // small, middle, large
+			default: "default", // small, default, large
 		}
 	},
 	data() {

components/common/modal/ChangeUserPswdPopPage.vue

@@ -44,8 +44,7 @@
 				<v-card-title>
 					<span class="custom-title-4">비밀번호 {{ isPassword }}</span>
 				</v-card-title>
-				<v-divider></v-divider>
-				<v-card-text>
+				<v-card-text class="pb-4">
 					<v-col>
 						<label for="" class="search-box-label">
 							{{ isPassword }}할 비밀번호를 입력하세요
@@ -73,11 +72,10 @@
 						></v-text-field>
 					</v-col>
 				</v-card-text>
-				<v-divider></v-divider>
-				<v-card-actions>
+				<v-card-actions class="pb-4">
 					<v-spacer></v-spacer>
 					<!-- <v-btn color="primary" dark @click="setUpdate()">확인</v-btn> -->
-					<div>
+					<div class="pr-3">
 						 <a-button @click="close()" class="btn-default">삭제</a-button>
 						 <a-button type="primary" @click="setUpdate()" class="v-btn-add-text">
 							 확인

components/common/select/SelectBoxTime.vue

@@ -22,7 +22,7 @@
         outlined
         :menu-props="{ auto: true, offsetY: true }"
         :hide-details="true"
-        :class="'v-select__custom'"
+        :class="['v-select__custom', customClass]"
         :disabled="disabled"
         :readonly="readonly"
         @click="setDatepickerHide"
@@ -106,6 +106,10 @@ export default {
       require: false,
       default: 1,
     },
+    customClass: {
+      type: String,
+      require: false,
+    },
   },
   emits: ["update:propsValue"],
   data() {