检索增加更多和收起

src/views/setting/company/index.vue

@@ -14,6 +14,7 @@
 				<scSearch ref="scSearch" :searchList="searchList" @fetchSelectData="getSelectData"></scSearch>
 
 				<div class="searchItem searchBtn">
+					<el-button :size="size" :icon="searchShow?'el-icon-ArrowUpBold':'el-icon-ArrowDownBold'" @click="searchShowClick">{{searchShow?'收起':'更多'}}</el-button>
 					<el-button :size="size" type="primary" icon="el-icon-search" @click="upSearch">查询</el-button>
 					<el-button :size="size" type="info" icon="el-icon-RefreshRight" @click="reset">重置</el-button>
 				</div>
@@ -75,19 +76,29 @@ export default {
 				column: [],
 			},
 			selection: [],
+			searchShow:false,
 			searchList:[
 				{name:'开通日期',type:'date',code:'activation_date'},
-				{name:'公司名称',type:'multiple',code:'id', data:[], placeholder:"请选择公司名称"},
-				{name:'状态',type:'select',code:'active_status', data:[], placeholder:"请选择状态"},
-				{name:'手机号',type:'text',code:'mobile',placeholder:"请输入手机号"},
-				{name:'公司地址',type:'text',code:['address'],placeholder:"请输入公司地址"},
-				{name:'负责人',type:'text',code:['owner'],placeholder:"请输入负责人"},
-				{name:'关键字',type:'text',code:['domain','name'],keyword:true},
+				{name:'公司名称',type:'multiple',code:'id', data:[], placeholder:"请选择公司名称",show:true},
+				{name:'状态',type:'select',code:'active_status', data:[], placeholder:"请选择状态",show:true},
+				{name:'手机号',type:'text',code:['mobile'],placeholder:"请输入手机号",isOpen:true,show:false},
+				{name:'邮件地址',type:'text',code:['email'],placeholder:"请输入邮箱地址",isOpen:true,show:false},
+				{name:'公司地址',type:'text',code:['address'],placeholder:"请输入公司地址",isOpen:true,show:false},
+				{name:'负责人',type:'text',code:['owner'],placeholder:"请输入负责人",isOpen:true,show:false},
+				{name:'关键字',type:'text',code:['domain','name'],keyword:true,show:true},
 			],
 			params: {},
 		}
 	},
 	methods: {
+		searchShowClick(){
+			this.searchShow = !this.searchShow;
+			this.searchList.forEach(item=>{
+				if(item.isOpen){
+					item.show = this.searchShow
+				}
+			})
+		},
 		getSelectData(item){
 			let {data,params} = item;
 			this.params = params;