From 3782abcd2e541793090540b7c0ae78e9a9585f90 Mon Sep 17 00:00:00 2001
From: Huakk <1751826683@qq.com>
Date: Mon, 29 Jul 2024 15:11:50 +0800
Subject: [PATCH] feat(custom):

---
 src/views/goods/index/index.vue | 39 ++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/views/goods/index/index.vue b/src/views/goods/index/index.vue
index 7beec27..7492080 100644
--- a/src/views/goods/index/index.vue
+++ b/src/views/goods/index/index.vue
@@ -1,6 +1,25 @@
 <template>
   <CommonPage show-footer :title="$route.title">
-    <n-button type="primary" @click="addGood(1)">添加商品</n-button>
+    <n-grid class="mb-10" x-gap="12">
+      <n-gi span="12" mt-10 flex items-center>
+        <span w-100>筛选条件:</span>
+        <n-input-group>
+          <n-select
+            v-model:value="queryParams.selectKey"
+            :style="{ width: '20%' }"
+            :options="selectOptions"
+            placeholder="请选择"
+          />
+          <n-input v-model:value="queryParams.word" :style="{ width: '30%' }" />
+        </n-input-group>
+      </n-gi>
+      <n-gi span="24" mt-10 flex items-center>
+        <n-button type="primary" @click="getList">查询</n-button>
+        <n-button ml-10 @click="clear">重置</n-button>
+        <n-button ml-10 type="primary" @click="addGood(1)">添加商品</n-button>
+      </n-gi>
+    </n-grid>
+
     <n-data-table
       :loading="loading"
       :columns="columns"
@@ -21,6 +40,18 @@ import { useGoodsStore } from '@/store/modules/goods'
 
 const loading = ref(false)
 
+const selectOptions = ref([
+  {
+    label: '商品名称',
+    value: 0,
+  },
+])
+
+const queryParams = ref({
+  selectKey: 0,
+  word: '',
+})
+
 const columns = ref([
   {
     title: 'ID',
@@ -160,6 +191,7 @@ const getList = async () => {
     const res = await api.getGoods({
       pageNum: pagination.value.page,
       pageSize: pagination.value.pageSize,
+      name: queryParams.value.word,
     })
     data.value = res.data.data || []
     pagination.value.itemCount = res.data.total
@@ -182,6 +214,11 @@ const toEdit = (item) => {
   setRow(item)
   addGood()
 }
+
+const clear = () => {
+  queryParams.value.word = ''
+  getList()
+}
 </script>
 
 <style lang="scss" scoped></style>