init dev-push code ui base design

components/common/button/ActionButtons.vue

@@ -1,9 +1,13 @@
 <template>
 	<div class="d-flex flex-column justify-center align-center">
-		<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
+		<!--<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
 			<v-icon>mdi-chevron-right</v-icon>
-		</v-btn>
-		<v-btn
+		</v-btn> -->
+		<a-button type="default" @click="btnActionsFnc('addLeftToRight')">
+			<RightOutlines/>
+		</a-button>
+
+		<!--<v-btn
 			icon
 			tile
 			:ripple="false"
@@ -11,7 +15,10 @@
 			@click="btnActionsFnc('removeRightToLeft')"
 		>
 			<v-icon>mdi-chevron-left</v-icon>
-		</v-btn>
+		</v-btn> -->
+		<a-button class="mt-2" type="default" @click="btnActionsFnc('removeRightToLeft')">
+			<LeftOutlines/>
+		</a-button>
 	</div>
 </template>
 <script>

components/common/button/BtnAddRow.vue

@@ -1,6 +1,11 @@
 <template>
-	<v-btn :ripple="false" @click="btnActionsFnc('add')">추가</v-btn>
+	<!-- <v-btn :ripple="false" @click="btnActionsFnc('add')">추가</v-btn> -->
+	<a-button type="primary" @click="btnActionsFnc('add')" class="v-btn-add-text" icon="plus">
+		추가
+	</a-button>
 </template>
+<style>
+</style>
 <script>
 export default {
 	props: {

components/common/button/BtnExcelDownload.vue

@@ -1,5 +1,14 @@
 <template>
-	<v-btn :ripple="false" @click="downloadExcelFile">액셀</v-btn>
+	<!--<v-btn :ripple="false" @click="downloadExcelFile">액셀</v-btn>-->
+	<a-button 
+		@click="downloadExcelFile" 
+		v-bind="$attrs"
+		type="default"
+    	class="btn-default"
+		icon="file-excel"
+		:size="size"
+	>액셀</a-button>
+
 </template>
 
 <script>
@@ -33,6 +42,11 @@ export default {
 			require: false,
 			default: null,
 		},
+		size: {
+			type: String,
+			require: false,
+			default: "middle", // small, middle, large
+		}
 	},
 	data() {
 		return {
@@ -134,3 +148,5 @@ export default {
 	},
 };
 </script>
+<style scoped lang="scss">
+</style>

components/common/button/BtnExcelUpload.vue

@@ -1,9 +1,10 @@
 <template>
 	<div id="btnExeclUpload">
-		<v-btn class="v-btn__round v-btn__excel" @click="uploadExcelFile">
+		<!-- <v-btn class="v-btn__round v-btn__excel" @click="uploadExcelFile">
 			<v-icon>mdi-file-excel</v-icon>
 			엑셀 로드
-		</v-btn>
+		</v-btn> -->
+		<a-button class="v-btn__round v-btn__excel" type="default" @click="uploadExcelFile">엑셀 로드</a-button>
 	</div>
 </template>
 

components/common/button/BtnRemoveRow.vue

@@ -1,5 +1,6 @@
 <template>
-	<v-btn :ripple="false" @click="btnActionsFnc('remove')">삭제</v-btn>
+	<!--<v-btn :ripple="false" @click="btnActionsFnc('remove')">삭제</v-btn>-->
+	<a-button type="danger" @click="btnActionsFnc('remove')" ghost danger icon="delete">삭제</a-button>
 </template>
 <script>
 export default {

components/common/button/BtnSave.vue

@@ -1,16 +1,25 @@
 <template>
-	<v-btn :ripple="false" @click="btnActionsFnc('save')">저장</v-btn>
+  <!--<v-btn :ripple="false" @click="btnActionsFnc('save')">저장</v-btn>-->
+  <!-- style="color: #1890ff; border-color: #1890ff" -->
+  <a-button
+    type="default"
+    class="btn-default"
+    @click="btnActionsFnc('save')"
+    icon="save"
+  >
+   저장</a-button
+  >
 </template>
 <script>
 export default {
-	props: {
-		myGrid: {
-			require: true,
-		},
-		btnActionsFnc: {
-			type: Function,
-			required: true,
-		},
-	},
+  props: {
+    myGrid: {
+      require: true,
+    },
+    btnActionsFnc: {
+      type: Function,
+      required: true,
+    },
+  },
 };
 </script>

components/common/button/BtnSearch.vue

@@ -1,10 +1,18 @@
 <template>
-	<v-btn :ripple="false" @click="getSearch('prev')">조회</v-btn>
+	<a-button icon="search" type="primary" @click="getSearch('prev')" class="search-button" :size="size">조회</a-button>
 </template>
+
 <script>
 import { mapMutations } from 'vuex';
 
 export default {
+	props: {
+		size: {
+			type: String,
+			require: false,
+			default: "middle", // small, middle, large
+		}
+	},
 	methods: {
 		...mapMutations({ setPageData: 'setPageData' }),
 		getSearch() {
@@ -14,4 +22,6 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" scoped></style>
+<style scoped lang="scss">
+
+</style>

components/common/button/BtnTotal.vue

@@ -1,5 +1,7 @@
 <template>
-	<v-btn :ripple="false" @click="setTotal()">전체</v-btn>
+	<!-- <v-btn :ripple="false" @click="setTotal()">전체</v-btn> -->
+	<a-button type="default" @click="setTotal()">전체</a-button>
+
 </template>
 <script>
 import { mapMutations } from 'vuex';

components/common/button/Buttons.vue

@@ -1,22 +1,22 @@
 <template>
-	<div>
+	<div class="d-flex" style="gap:8px">
 		<component
 			:is="buttonAuth.add ? 'BtnAddRow' : null"
 			:btnActionsFnc="btnActionsFnc"
 		/>
-		<component
-			:is="buttonAuth.remove ? 'BtnRemoveRow' : null"
-			:btnActionsFnc="btnActionsFnc"
-		/>
-		<component
-			:is="buttonAuth.save ? 'BtnSave' : null"
-			:btnActionsFnc="btnActionsFnc"
-		/>
 		<component
 			:is="buttonAuth.excel ? 'BtnExcelDownload' : null"
 			:parentPrgmId="parentPrgmId"
 			:gridName="bindingData"
 		/>
+		<component
+			:is="buttonAuth.save ? 'BtnSave' : null"
+			:btnActionsFnc="btnActionsFnc"
+		/>
+		<component
+			:is="buttonAuth.remove ? 'BtnRemoveRow' : null"
+			:btnActionsFnc="btnActionsFnc"
+		/>
 	</div>
 </template>
 <script>