init dev-push code ui base design

components/common/select/SelectBlocMstr.vue

@@ -2,22 +2,23 @@
 	<v-row class="search-box" align="center" no-gutters>
 		<v-col v-if="label" :cols="labelCols">
 			<label for="" class="search-box-label">
-				<v-icon x-small color="primary" class="mr-1">mdi-record-circle</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-select
-				v-model="selectValue"
-				:items="searchParam[parentPrgmId].blocMstrList"
-				label="사업장을 선택하세요"
-				item-text="blocNm"
-				item-value="idx"
-				solo
-				append-icon="mdi-chevron-down"
-				class="v-select__custom"
-				outlined
-			></v-select>
+			<v-select v-model="selectValue" :items="searchParam[parentPrgmId].blocMstrList" label="사업장을 선택하세요"
+				item-text="blocNm" item-value="idx" append-icon="" class="v-select__custom" outlined
+				:hide-details="true" :class="['v-select__custom', customClass]">
+				<template v-slot:append>
+					    <v-icon>$icoChevronDown</v-icon>
+					  </template>
+			</v-select>
 		</v-col>
 	</v-row>
 </template>
@@ -56,6 +57,21 @@ export default {
 			require: false,
 			default: 4,
 		},
+		required: {
+			type: Boolean,
+			require: false,
+			default: false
+		},
+		iconShow: {
+			type: Boolean,
+			require: false,
+			default: true,
+		},
+		customClass: {
+			type: String,
+			require: false,
+			default: null,
+		}
 	},
 	data() {
 		return {