|  |  |  | @ -1,38 +1,199 @@ | 
			
		
	
		
			
				
					|  |  |  |  | <template> | 
			
		
	
		
			
				
					|  |  |  |  |   <div> | 
			
		
	
		
			
				
					|  |  |  |  |     <el-card> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-form size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-form size="mini" label-width="110px"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-col type="flex" :span="6" style="width: 300px"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-col type="flex" style="width: 300px"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-form-item prop="parent" label="查询方式:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-select v-model="form.parent" @change="onReset" placeholder="请选择查询方式" clearable> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-select v-model="form.parent" | 
			
		
	
		
			
				
					|  |  |  |  |                          @change="onReset" | 
			
		
	
		
			
				
					|  |  |  |  |                          placeholder="请选择查询方式" clearable | 
			
		
	
		
			
				
					|  |  |  |  |                          style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |               > | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-option v-for="item in options" :key="item.value" | 
			
		
	
		
			
				
					|  |  |  |  |                            :label="item.label" :value="item.value" | 
			
		
	
		
			
				
					|  |  |  |  |                 /> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |           </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-form-item prop="child" v-if="form.parent == 'A'" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-col type="flex" style="width: 660px"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="UDI码:"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-input v-model="filterQuery.udiCode" placeholder="UDI码查询(源头查询)" style="width: 600px" clearable></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-col type="flex" style="width: 100px"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-button-group style="display:flex;"> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-button-group> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |           </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |         </el-row> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-form> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-divider style="margin: 15px"></el-divider> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-form size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-form-item prop="child" v-if="form.parent == 'A'"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-form v-show="showSearch" label-width="110px" size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="UDI码:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-input v-model="filterQuery.udiCode" placeholder="UDI码查询(源头查询)" style="width: 650px" clearable></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-row> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="医疗器械注册人:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                     v-model="filterQuery.ylqxzcrbarmc" | 
			
		
	
		
			
				
					|  |  |  |  |                     filterable | 
			
		
	
		
			
				
					|  |  |  |  |                     remote | 
			
		
	
		
			
				
					|  |  |  |  |                     style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                     clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                     reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                     placeholder="医疗器械注册人" | 
			
		
	
		
			
				
					|  |  |  |  |                     :remote-method="getYlqxzcrbarmcList" | 
			
		
	
		
			
				
					|  |  |  |  |                     :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                     @change="ylqxzcrbarmcChange" | 
			
		
	
		
			
				
					|  |  |  |  |                   > | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                       v-for="item in fromOptions" | 
			
		
	
		
			
				
					|  |  |  |  |                       :key="item.ylqxzcrbarmc" | 
			
		
	
		
			
				
					|  |  |  |  |                       :label="item.ylqxzcrbarmc" | 
			
		
	
		
			
				
					|  |  |  |  |                       :value="item.ylqxzcrbarmc" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col class="el-col"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="产品名称:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                     v-model="filterQuery.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                     filterable | 
			
		
	
		
			
				
					|  |  |  |  |                     remote | 
			
		
	
		
			
				
					|  |  |  |  |                     style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                     clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                     :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                     placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                     :remote-method="getCpmctymcList" | 
			
		
	
		
			
				
					|  |  |  |  |                     :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                     @change="cpmctymcChange" | 
			
		
	
		
			
				
					|  |  |  |  |                   > | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                       v-for="item in cpmctymcList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :key="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                       :label="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                       :value="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |                   <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                                         v-model="filterQuery.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                                         placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                                         style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                                         clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                                         :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                                       ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col class="el-col"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="规格型号:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                     v-model="filterQuery.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                     filterable | 
			
		
	
		
			
				
					|  |  |  |  |                     remote | 
			
		
	
		
			
				
					|  |  |  |  |                     style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                     clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                     :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                     placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                     :remote-method="getGgxhList" | 
			
		
	
		
			
				
					|  |  |  |  |                     :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                     @change="ggxhChange" | 
			
		
	
		
			
				
					|  |  |  |  |                   > | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                       v-for="item in ggxhList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :key="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                       :label="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                       :value="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |                   <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                                         v-model="filterQuery.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                                         placeholder="请输入规格型号" | 
			
		
	
		
			
				
					|  |  |  |  |                                         style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                                         clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                                         :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                                       ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-row> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="DI标识:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                     v-model="filterQuery.nameCode" | 
			
		
	
		
			
				
					|  |  |  |  |                     placeholder="请输入DI标识" | 
			
		
	
		
			
				
					|  |  |  |  |                     style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                     clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                   ></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-form-item label="批次号:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                     v-model="filterQuery.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                     filterable | 
			
		
	
		
			
				
					|  |  |  |  |                     remote | 
			
		
	
		
			
				
					|  |  |  |  |                     style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                     clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                     :disabled="filterQuery.ggxh==null || filterQuery.ggxh=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                     placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                     :remote-method="getBatchNoList" | 
			
		
	
		
			
				
					|  |  |  |  |                     :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                   > | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                       v-for="item in batchNoList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :key="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                       :label="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                       :value="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |                   <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                                         v-model="filterQuery.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                                         placeholder="请输入批次号" | 
			
		
	
		
			
				
					|  |  |  |  |                                         style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                                         clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                                         :disabled="filterQuery.ggxh==null || filterQuery.ggxh==''" | 
			
		
	
		
			
				
					|  |  |  |  |                                       ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |             </el-row> | 
			
		
	
		
			
				
					|  |  |  |  |           </el-form> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-divider style="margin: 15px"></el-divider> | 
			
		
	
		
			
				
					|  |  |  |  |           <div class="top-right-btn" style="display:flex;"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-button-group> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏 | 
			
		
	
		
			
				
					|  |  |  |  |               </el-button> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-button type="primary" icon="el-icon-search" @click="onSubmit" size="mini" | 
			
		
	
		
			
				
					|  |  |  |  |               >查询 | 
			
		
	
		
			
				
					|  |  |  |  |               </el-button | 
			
		
	
		
			
				
					|  |  |  |  |               > | 
			
		
	
		
			
				
					|  |  |  |  |             </el-button-group> | 
			
		
	
		
			
				
					|  |  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |  |         </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-form> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-form size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-form-item prop="child" v-if="form.parent == 'B'"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-form v-show="showSearch" label-width="110px" size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-form-item label="UDI码:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-input v-model="filterQuery.udiCode" placeholder="UDI码查询(源头查询)" style="width: 650px" clearable></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-row> | 
			
		
	
		
			
				
					|  |  |  |  |               <el-row type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-form-item label="医疗器械注册人:" class="query-form-item"> | 
			
		
	
	
		
			
				
					|  |  |  | @ -44,9 +205,9 @@ | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="医疗器械注册人" | 
			
		
	
		
			
				
					|  |  |  |  |                       :remote-method="findMethod" | 
			
		
	
		
			
				
					|  |  |  |  |                       :remote-method="getYlqxzcrbarmcList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                       @change="" | 
			
		
	
		
			
				
					|  |  |  |  |                       @change="ylqxzcrbarmcChange" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                       <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                         v-for="item in fromOptions" | 
			
		
	
	
		
			
				
					|  |  |  | @ -61,24 +222,68 @@ | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col class="el-col"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-form-item label="产品名称:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                       filterable | 
			
		
	
		
			
				
					|  |  |  |  |                       remote | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                       reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                       :remote-method="getCpmctymcList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                       @change="cpmctymcChange" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                       <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                         v-for="item in cpmctymcList" | 
			
		
	
		
			
				
					|  |  |  |  |                         :key="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                         :label="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                         :value="item.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                       > | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |                       </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-select> | 
			
		
	
		
			
				
					|  |  |  |  | <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.cpmctymc" | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col class="el-col"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-form-item label="规格型号:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                       filterable | 
			
		
	
		
			
				
					|  |  |  |  |                       remote | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                       reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                       :remote-method="getGgxhList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                       @change="ggxhChange" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                       <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                         v-for="item in ggxhList" | 
			
		
	
		
			
				
					|  |  |  |  |                         :key="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                         :label="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                         :value="item.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                       > | 
			
		
	
		
			
				
					|  |  |  |  |                       </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-select> | 
			
		
	
		
			
				
					|  |  |  |  | <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.ggxh" | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入规格型号" | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |               </el-row> | 
			
		
	
	
		
			
				
					|  |  |  | @ -95,13 +300,35 @@ | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col type="flex"> | 
			
		
	
		
			
				
					|  |  |  |  |                   <el-form-item label="批次号:" class="query-form-item"> | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                     <el-select | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                       filterable | 
			
		
	
		
			
				
					|  |  |  |  |                       remote | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ggxh==null || filterQuery.ggxh=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' || | 
			
		
	
		
			
				
					|  |  |  |  |                                   filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                       reserve-keyword | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入产品名称" | 
			
		
	
		
			
				
					|  |  |  |  |                       :remote-method="getBatchNoList" | 
			
		
	
		
			
				
					|  |  |  |  |                       :loading="loading" | 
			
		
	
		
			
				
					|  |  |  |  |                     > | 
			
		
	
		
			
				
					|  |  |  |  |                       <el-option | 
			
		
	
		
			
				
					|  |  |  |  |                         v-for="item in batchNoList" | 
			
		
	
		
			
				
					|  |  |  |  |                         :key="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                         :label="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                         :value="item.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                       > | 
			
		
	
		
			
				
					|  |  |  |  |                       </el-option> | 
			
		
	
		
			
				
					|  |  |  |  |                     </el-select> | 
			
		
	
		
			
				
					|  |  |  |  | <!--                    <el-input | 
			
		
	
		
			
				
					|  |  |  |  |                       v-model="filterQuery.batchNo" | 
			
		
	
		
			
				
					|  |  |  |  |                       placeholder="请输入批次号" | 
			
		
	
		
			
				
					|  |  |  |  |                       style="width: 200px" | 
			
		
	
		
			
				
					|  |  |  |  |                       clearable="true" | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input> | 
			
		
	
		
			
				
					|  |  |  |  |                       :disabled="filterQuery.ggxh==null || filterQuery.ggxh==''" | 
			
		
	
		
			
				
					|  |  |  |  |                     ></el-input>--> | 
			
		
	
		
			
				
					|  |  |  |  |                   </el-form-item> | 
			
		
	
		
			
				
					|  |  |  |  |                 </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |                 <el-col type="flex"> | 
			
		
	
	
		
			
				
					|  |  |  | @ -323,8 +550,9 @@ | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | <script> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | import {getTraceOrderList} from "@/api/udi/udiTrace"; | 
			
		
	
		
			
				
					|  |  |  |  | import {getUdiInfos, filterCompany} from "@/api/basic/udiInfo"; | 
			
		
	
		
			
				
					|  |  |  |  | import {getTraceOrderList,filterCpmctymc,filterGgxh,filterBatchNo} from "@/api/udi/udiTrace"; | 
			
		
	
		
			
				
					|  |  |  |  | import {filterCompany} from "@/api/basic/udiInfo"; | 
			
		
	
		
			
				
					|  |  |  |  | import {isBlank} from "@/utils/strUtil"; | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | export default { | 
			
		
	
		
			
				
					|  |  |  |  |   data() { | 
			
		
	
	
		
			
				
					|  |  |  | @ -355,11 +583,61 @@ export default { | 
			
		
	
		
			
				
					|  |  |  |  |       formView: {}, | 
			
		
	
		
			
				
					|  |  |  |  |       showSearch: true, | 
			
		
	
		
			
				
					|  |  |  |  |       fromOptions: [], | 
			
		
	
		
			
				
					|  |  |  |  |       cpmctymcList: [] | 
			
		
	
		
			
				
					|  |  |  |  |       cpmctymcList: [], | 
			
		
	
		
			
				
					|  |  |  |  |       ggxhList: [], | 
			
		
	
		
			
				
					|  |  |  |  |       batchNoList: [] | 
			
		
	
		
			
				
					|  |  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  |  |   }, | 
			
		
	
		
			
				
					|  |  |  |  |   methods: { | 
			
		
	
		
			
				
					|  |  |  |  |     findMethod(query) { | 
			
		
	
		
			
				
					|  |  |  |  |     ggxhChange(){ | 
			
		
	
		
			
				
					|  |  |  |  |       this.getBatchNoList() | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     getBatchNoList(query){ | 
			
		
	
		
			
				
					|  |  |  |  |       let params = { | 
			
		
	
		
			
				
					|  |  |  |  |         ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc, | 
			
		
	
		
			
				
					|  |  |  |  |         cpmctymc: this.filterQuery.cpmctymc, | 
			
		
	
		
			
				
					|  |  |  |  |         ggxh: this.filterQuery.ggxh, | 
			
		
	
		
			
				
					|  |  |  |  |         batchNo: query, | 
			
		
	
		
			
				
					|  |  |  |  |         page: 1, | 
			
		
	
		
			
				
					|  |  |  |  |         limit: 10, | 
			
		
	
		
			
				
					|  |  |  |  |       }; | 
			
		
	
		
			
				
					|  |  |  |  |       filterBatchNo(params).then((res) => { | 
			
		
	
		
			
				
					|  |  |  |  |         this.batchNoList = res.data.list || []; | 
			
		
	
		
			
				
					|  |  |  |  |         console.log(this.batchNoList) | 
			
		
	
		
			
				
					|  |  |  |  |       }) | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     cpmctymcChange(){ | 
			
		
	
		
			
				
					|  |  |  |  |       this.getGgxhList() | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     getGgxhList(query){ | 
			
		
	
		
			
				
					|  |  |  |  |       let params = { | 
			
		
	
		
			
				
					|  |  |  |  |         ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc, | 
			
		
	
		
			
				
					|  |  |  |  |         cpmctymc: this.filterQuery.cpmctymc, | 
			
		
	
		
			
				
					|  |  |  |  |         ggxh: query, | 
			
		
	
		
			
				
					|  |  |  |  |         page: 1, | 
			
		
	
		
			
				
					|  |  |  |  |         limit: 10, | 
			
		
	
		
			
				
					|  |  |  |  |       }; | 
			
		
	
		
			
				
					|  |  |  |  |       filterGgxh(params).then((res) => { | 
			
		
	
		
			
				
					|  |  |  |  |         this.ggxhList = res.data.list || []; | 
			
		
	
		
			
				
					|  |  |  |  |         console.log(this.ggxhList) | 
			
		
	
		
			
				
					|  |  |  |  |       }) | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     ylqxzcrbarmcChange(){ | 
			
		
	
		
			
				
					|  |  |  |  |       this.getCpmctymcList() | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     getCpmctymcList(query){ | 
			
		
	
		
			
				
					|  |  |  |  |       let params = { | 
			
		
	
		
			
				
					|  |  |  |  |         ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc, | 
			
		
	
		
			
				
					|  |  |  |  |         cpmctymc: query, | 
			
		
	
		
			
				
					|  |  |  |  |         page: 1, | 
			
		
	
		
			
				
					|  |  |  |  |         limit: 10, | 
			
		
	
		
			
				
					|  |  |  |  |       }; | 
			
		
	
		
			
				
					|  |  |  |  |       filterCpmctymc(params).then((res) => { | 
			
		
	
		
			
				
					|  |  |  |  |         this.cpmctymcList = res.data.list || []; | 
			
		
	
		
			
				
					|  |  |  |  |         console.log(this.cpmctymcList) | 
			
		
	
		
			
				
					|  |  |  |  |       }) | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     getYlqxzcrbarmcList(query) { | 
			
		
	
		
			
				
					|  |  |  |  |       let cQuery = { | 
			
		
	
		
			
				
					|  |  |  |  |         ylqxzcrbarmc: query, | 
			
		
	
		
			
				
					|  |  |  |  |         page: 1, | 
			
		
	
	
		
			
				
					|  |  |  | 
 |