From c7d4185b85185d6a02716b439dc350b87bd50f9f Mon Sep 17 00:00:00 2001
From: yangmf_0726 <13243152557@163.com>
Date: Mon, 18 Aug 2025 10:49:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=95=86=E5=93=81=E6=B1=87=E6=80=BB?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86):=20=E4=B8=BA=E5=95=86=E5=93=81=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E5=88=97=E6=B7=BB=E5=8A=A0=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mall/product/summary/index.vue | 216 +++--------------------
 1 file changed, 23 insertions(+), 193 deletions(-)

diff --git a/src/views/mall/product/summary/index.vue b/src/views/mall/product/summary/index.vue
index 19b637be..cbb924ed 100644
--- a/src/views/mall/product/summary/index.vue
+++ b/src/views/mall/product/summary/index.vue
@@ -17,24 +17,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <!-- <el-form-item label="关键字" prop="keyword">
-        <el-input
-          v-model="queryParams.keyword"
-          placeholder="请输入关键字"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="商品简介" prop="introduction">
-        <el-input
-          v-model="queryParams.introduction"
-          placeholder="请输入商品简介"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
+
       <el-form-item label="分类编号" prop="categoryId">
         <el-input
           v-model="queryParams.categoryId"
@@ -44,175 +27,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <!-- <el-form-item label="商品品牌编号" prop="brandId">
-        <el-input
-          v-model="queryParams.brandId"
-          placeholder="请输入商品品牌编号"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="商品封面图" prop="picUrl">
-        <el-input
-          v-model="queryParams.picUrl"
-          placeholder="请输入商品封面图"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="商品轮播图地址
- 数组，以逗号分隔
- 最多上传15张" prop="sliderPicUrls">
-        <el-input
-          v-model="queryParams.sliderPicUrls"
-          placeholder="请输入商品轮播图地址
- 数组，以逗号分隔
- 最多上传15张"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="排序字段" prop="sort">
-        <el-input
-          v-model="queryParams.sort"
-          placeholder="请输入排序字段"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="商品状态: 1 上架（开启） 0 下架（禁用） -1 回收" prop="status">
-        <el-select
-          v-model="queryParams.status"
-          placeholder="请选择商品状态: 1 上架（开启） 0 下架（禁用） -1 回收"
-          clearable
-          class="!w-240px"
-        >
-          <el-option label="请选择字典生成" value="" />
-        </el-select> -->
-      <!-- </el-form-item>
-      <el-form-item label="商品类型: 0  商城商品   1 提货柜商品" prop="types">
-        <el-input
-          v-model="queryParams.types"
-          placeholder="请输入商品类型: 0  商城商品   1 提货柜商品"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="规格类型：0 单规格 1 多规格" prop="specType">
-        <el-select
-          v-model="queryParams.specType"
-          placeholder="请选择规格类型：0 单规格 1 多规格"
-          clearable
-          class="!w-240px"
-        >
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="商品价格，单位使用：分" prop="price">
-        <el-input
-          v-model="queryParams.price"
-          placeholder="请输入商品价格，单位使用：分"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="市场价，单位使用：分" prop="marketPrice">
-        <el-input
-          v-model="queryParams.marketPrice"
-          placeholder="请输入市场价，单位使用：分"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="成本价，单位： 分" prop="costPrice">
-        <el-input
-          v-model="queryParams.costPrice"
-          placeholder="请输入成本价，单位： 分"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="库存" prop="stock">
-        <el-input
-          v-model="queryParams.stock"
-          placeholder="请输入库存"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="配送方式数组" prop="deliveryTypes">
-        <el-input
-          v-model="queryParams.deliveryTypes"
-          placeholder="请输入配送方式数组"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="物流配置模板编号" prop="deliveryTemplateId">
-        <el-input
-          v-model="queryParams.deliveryTemplateId"
-          placeholder="请输入物流配置模板编号"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="赠送积分" prop="giveIntegral">
-        <el-input
-          v-model="queryParams.giveIntegral"
-          placeholder="请输入赠送积分"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="分销类型" prop="subCommissionType">
-        <el-select
-          v-model="queryParams.subCommissionType"
-          placeholder="请选择分销类型"
-          clearable
-          class="!w-240px"
-        >
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item> -->
-      <!-- <el-form-item label="商品销量" prop="salesCount">
-        <el-input
-          v-model="queryParams.salesCount"
-          placeholder="请输入商品销量"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="虚拟销量" prop="virtualSalesCount">
-        <el-input
-          v-model="queryParams.virtualSalesCount"
-          placeholder="请输入虚拟销量"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="商品点击量" prop="browseCount">
-        <el-input
-          v-model="queryParams.browseCount"
-          placeholder="请输入商品点击量"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
+
       <el-form-item label="创建时间" prop="createTime">
         <el-date-picker
           v-model="queryParams.createTime"
@@ -275,7 +90,19 @@
  数组，以逗号分隔
  最多上传15张" align="center" prop="sliderPicUrls" /> -->
       <!-- <el-table-column label="排序字段" align="center" prop="sort" /> -->
-      <el-table-column label="商品状态" align="center" prop="status" width="100">
+      <el-table-column
+        label="商品状态"
+        align="center"
+        prop="status"
+        width="100"
+        :filters="[
+          { text: '上架', value: 1 },
+          { text: '下架', value: 0 },
+          { text: '回收', value: -1 }
+        ]"
+        :filter-method="filterStatus"
+        filter-placement="bottom-end"
+      >
         <template #default="scope">
           <el-tag
             :type="getStatusTagType(scope.row.status)"
@@ -314,16 +141,16 @@
         :formatter="dateFormatter"
         width="180px"
       />
-      <el-table-column label="操作" align="center" min-width="120px">
+      <!-- <el-table-column label="操作" align="center" min-width="120px">
         <template #default="scope">
-          <!-- <el-button
+          <el-button
             link
             type="primary"
             @click="openForm('update', scope.row.id)"
             v-hasPermi="['product:spu:update']"
           >
             编辑
-          </el-button> -->
+          </el-button>
           <el-button
             link
             type="danger"
@@ -333,7 +160,7 @@
             删除
           </el-button>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
     <!-- 分页 -->
     <Pagination
@@ -406,7 +233,10 @@ const getList = async () => {
     loading.value = false
   }
 }
-
+// 商品状态筛选方法
+const filterStatus = (value: number, row: any) => {
+  return row.status === value
+}
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.pageNo = 1