线上超市管理新增库存商品时可条件查询

src/views/supermarket/smSpu/form.vue

@@ -70,20 +70,17 @@
 		draggable
 		@close=""
 	>
-		<!-- <el-row>
-			<el-form :model="foodQueryForm" ref="queryRef" :inline="true" @keyup.enter="getDataListAndSelect">
+		<el-row>
+			<el-form :inline="true" @keyup.enter="getDataList">
 				<el-form-item label="商品名称" prop="name">
-					<el-input placeholder="请输入商品名称" v-model="foodQueryForm.name" />
-				</el-form-item>
-				<el-form-item label="商品分类" prop="categoryId">
-					<select-ctcg v-model="foodQueryForm.categoryId" style="width: 200px" />
+					<el-input placeholder="请输入商品名称" v-model="state.queryForm.productName" />
 				</el-form-item>
 				<el-form-item>
-					<el-button icon="search" type="primary" @click="getDataListAndSelect">查询</el-button>
+					<el-button icon="search" type="primary" @click="getDataList">查询</el-button>
 					<el-button icon="Refresh" @click="resetQuery">重置</el-button>
 				</el-form-item>
 			</el-form>
-		</el-row> -->
+		</el-row>
 
 		<el-table
 			v-loading="state.loading"
@@ -234,9 +231,15 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } =
 	useTable(state)
 
+const resetQuery = () => {
+	state.queryForm.productName = ""
+	getDataList()
+}
+
 // 点击选择库存商品
 const handleClickSelectSpu = () => {
 	loading.value = true
+	resetQuery()
 	spuSelectDialogVisible.value = true
 	try {
 		getDataList()