备件库增加批量查询方式

src/views/setting/partsMag/components/library.vue

@@ -21,7 +21,14 @@
 			</div>
 		</el-header>
 		<el-main class="nopadding">
-			<div class="searchMain searchMainNoTop">
+			<div class="fieldsSwitchBox searchConditionItem" v-if="!fieldsShow">
+				<div class="leftBox"></div>
+				<div class="rightBox" @click="searchClick">
+					<el-icon class="icon"><sc-icon-SwitchQuery /></el-icon>
+					<span class="name">切换查询方式</span>
+				</div>
+			</div>
+			<div class="searchMain searchMainNoTop" v-if="!fieldsShow">
 				<scTableSearch ref="scSearch" :searchList="list.column" :paramsData="params" :searchShow="searchShow" @fetchSelectData="getSelectData" @changeHeaderData="getHeaderData"></scTableSearch>
 
 				<div class="searchItem searchBtn" v-if="searchHeaderShow">
@@ -30,6 +37,9 @@
 					<el-button :size="size" type="info" icon="el-icon-RefreshRight" @click="reset">重置</el-button>
 				</div>
 			</div>
+			<div class="searchMain searchMainMarginNone searchMainNoTop" v-if="fieldsShow">
+				<herderMultipleSearch @fieldsSwitch="fieldsSwitch" @fieldsSearch="fieldsSearch" :fieldsShow="fieldsShow" :searchList="list.fields"></herderMultipleSearch>
+			</div>
 			<scTable ref="table" :apiObj="list.apiObj" :column="list.column" row-key="id" @selection-change="selectionChange" @columnBack="columnBack" stripe border :size="size">
 				<el-table-column type="selection" align="center" width="40"></el-table-column>
 				<el-table-column label="操作" fixed="right" align="center" width="150">
@@ -70,6 +80,7 @@ export default {
 	},
 	data(){
 		return{
+			fieldsShow:false,
 			size:'small',
 			httpDisabled:false,
 			setMap:{
@@ -81,7 +92,8 @@ export default {
 			},
 			list:{
 				apiObj: this.$API.system.spare.list,
-				column:[]
+				column:[],
+				fields:{}
 			},
 			selection: [],
 			exportShow:false,
@@ -120,13 +132,24 @@ export default {
 	},
 	methods:{
 		/** 检索开始 */
-		columnBack(val){
+		searchClick(){
+			this.fieldsShow = true;
+		},
+		fieldsSwitch(val){
+			this.fieldsShow = val;
+		},
+		fieldsSearch(params){
+			this.params = params;
+			this.upSearch();
+		},
+		columnBack(val,fieldsData){
 			val.forEach(item=>{
 				if(item.prop === "company_type"){
 					item.data = this.setMap.companyType;
 				}
 			})
 			this.list.column = val;
+			this.list.fields = fieldsData;
 		},
 		async filterClick(item) {
 			let {data, params} = item;