zianxin/xrhome-pc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(商品汇总管理): 为商品状态列添加筛选

Browse Source
This commit is contained in:
yangmf_0726 committed 2025-08-18 10:49:43 +08:00
1 parent 41e80ebda0
commit c7d4185b85
1 file changed
+23 -193
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mall/product/summary/index.vue
+23 -193
View File
@@ -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