产品

pt/src/views/item/list.vue

@@ -37,12 +37,6 @@
 				<el-button type="text" @click.native.stop="replaceBtnFn(scope.row.id)" >修改</el-button >
 			</template>
 
-			<template #slot-cp-class="{scope}">
-				<el-select size="mini" v-model="currentCpClassName" placeholder="产品分类" style="width:150px;margin-right:10px;" @change="getCpClass" clearable>
-					<el-option v-for="item in cpClassData" :key="item.value" :label="item.name" :value="item.id"> </el-option>
-				</el-select>				
-			</template>
-			
 			<template #slot-item-class="{scope}">
 				<el-select size="mini" v-model="currentItemClassName" placeholder="花材分类" style="width:150px;margin-right:10px;" @change="getItemClass" clearable>
 					<el-option v-for="item in itemClassList" :key="item.value" :label="item.name" :value="item.id"> </el-option>
@@ -80,8 +74,16 @@
 				</el-dropdown>
 			</template>
 
+			<template #slot-cp-class="{scope}">
+				<el-select @change="getCpClass" v-model="currentCpClassName" filterable remote reserve-keyword placeholder="搜索产品" clearable 
+				:remote-method="searchCpInfo" :loading="loading" style="width:200px;margin-right:10px;" size="mini">
+    				<el-option v-for="item in cpInfoList" :key="item.id" :label="`${item.name}（${item.id}）`" :value="item.id"> </el-option>
+  				</el-select>
+			</template>
+
 			<template #slot-select-cp="{scope}">
-				<el-select @change="searchSelectCp" v-model="selectCpName" filterable remote reserve-keyword placeholder="搜索产品" :remote-method="searchCpInfo" :loading="loading" style="width:200px;margin-left:20px;" size="medium">
+				<el-select @change="searchSelectCp" v-model="selectCpName" filterable remote reserve-keyword placeholder="搜索产品" clearable 
+				:remote-method="searchCpInfo" :loading="loading" style="width:200px;margin-left:20px;" size="medium">
     				<el-option v-for="item in cpInfoList" :key="item.id" :label="`${item.name}（${item.auth == 1 ?'认证':'未认证'}）${item.id} ${item.delStatus==1?' 已删除': ''}`" :value="item.id"> </el-option>
   				</el-select>
 			</template>