init dev-push code ui base design

components/common/select/selectCodeList.vue

@@ -2,22 +2,18 @@
 	<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][dataKey + 'List']"
-				item-text="commCdNm"
-				item-value="commCd"
-				solo
-				outlined
-				:hide-details="true"
-				append-icon="mdi-chevron-down"
-				class="v-select__custom"
-			></v-select>
+			<v-select v-model="selectValue" :items="searchParam[parentPrgmId][dataKey + 'List']" item-text="commCdNm"
+				item-value="commCd" outlined :hide-details="true" append-icon=""
+				:class="['v-select__custom', customClass]"><template v-slot:append>
+					<v-icon>$icoChevronDown</v-icon>
+					</template></v-select>
 			<!-- @change="updateBlocCode($event)" -->
 		</v-col>
 	</v-row>
@@ -60,18 +56,33 @@ export default {
 		textCols: {
 			type: Number,
 			require: false,
-			default: 8,
+			default: 12,
 		},
 		labelCols: {
 			type: Number,
 			require: false,
-			default: 4,
+			default: 12,
 		},
 		mttGrpCd: {
 			type: Boolean,
 			require: false,
 			default: false,
 		},
+		customClass: {
+			type: String,
+			require: false,
+			default: null,
+		},
+		required: {
+			type: Boolean,
+			require: false,
+			default: false
+		},
+		iconShow: {
+			type: Boolean,
+			require: false,
+			default: true
+		},
 	},
 	data() {
 		return {