init dev-push code ui base design

components/common/select/SelectUseFg.vue

@@ -2,7 +2,12 @@
 	<v-row class="search-box" align="center" no-gutters>
 		<v-col :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>
@@ -15,9 +20,11 @@
 				solo
 				outlined
 				:hide-details="true"
-				append-icon="mdi-chevron-down"
-				class="v-select__custom"
-			></v-select>
+				append-icon=""
+				:class="['v-select__custom', customClass]"
+			><template v-slot:append>
+				<v-icon>$icoChevronDown</v-icon>
+				</template></v-select>
 		</v-col>
 	</v-row>
 </template>
@@ -54,6 +61,16 @@ export default {
 			require: false,
 			default: 4,
 		},
+		iconShow: {
+			type: Boolean,
+			require: false,
+			default: true,
+		},
+		customClass: {
+			type: String,
+			require: false,
+			default: null,
+		}
 	},
 	data() {
 		return {};