feat:菜品喜好排行

src/components/Select/SelectCtcg.vue

@@ -1,16 +1,7 @@
 <template>
-	<el-select
-		style="width: 100%"
-		v-model="state.selectId"
-		:placeholder="props.placeholder"
-		clearable
-		remote-show-suffix
-		filterable
-		remote
-		:remote-method="remoteSearch"
-		:loading="state.loading"
-		@visible-change="(e: boolean) => e && getOptions()"
-	>
+	<el-select style="width: 100%" v-model="state.selectId" :placeholder="props.placeholder" clearable
+		:multiple="props.multiple" remote-show-suffix filterable remote :remote-method="remoteSearch"
+		:loading="state.loading" @visible-change="(e: boolean) => e && getOptions()">
 		<el-option v-for="v in state.options" :key="v.id" :label="`${v.name}`" :value="v.id">
 			<!-- <div class="flex items-center">
 				<div class="color-primary">{{ v.name }}</div>
@@ -32,6 +23,7 @@ const selectId = defineModel()
 
 export type Props = {
 	placeholder?: string
+	multiple?: boolean
 }
 const props = withDefaults(defineProps<Props>(), {
 	placeholder: "请选择",
@@ -43,6 +35,7 @@ const state = reactive<any>({
 	loading: true,
 	selectId: selectId,
 	options: [],
+	multiple: false,
 })
 
 watch(