自定义时间选择、多选下拉组件

src/views/setting/company/index.vue

@@ -13,13 +13,13 @@
 			<div class="searchMain searchMainNoTop">
 				<div class="searchItem">
 					<label class="name">开通日期</label>
-					<el-date-picker class="input" type="daterange" :size="size" v-model="params.activation_date" :popper-options="{ placement: 'bottom-start' }" start-placeholder="开始日期" end-placeholder="结束日期" clearable></el-date-picker>
+					<scDatePicker :size="size" v-model:activation_date="params.activation_date" start-placeholder="开始日期" end-placeholder="结束日期"></scDatePicker>
 				</div>
 				<div class="searchItem">
 					<label class="name">公司名称</label>
-					<el-select class="input" :size="size" v-model="params.id" @visible-change="getCompanyList" placeholder="请选择公司名称" filterable clearable>
+					<scMultipleSelect :size="size" v-model:select_params="params.id" @fetchData="getCompanyList" placeholder="请选择公司名称" multiple collapse-tags filterable clearable>
 						<el-option v-for="item in setMap.full_name" :key="item" :label="item.full_name" :value="item.id"></el-option>
-					</el-select>
+					</scMultipleSelect>
 				</div>
 				<div class="searchItem">
 					<label class="name">状态</label>
@@ -96,10 +96,13 @@ export default {
 			selection: [],
 			params: {
 				activation_date: {
-					operator:'in',
+					operator:'between',
+					value:[]
+				},
+				id:{
+					operator:"in",
 					value:[]
 				},
-				id:'',
 				active_status:'',
 			}
 		}
@@ -201,8 +204,14 @@ export default {
 		},
 		reset(){
 			this.params = {
-				activation_date: '',
-				id:'',
+				activation_date: {
+					operator:'between',
+					value:[]
+				},
+				id:{
+					operator:"in",
+					value:[]
+				},
 				active_status:'',
 			};
 			this.$refs.table.reload();