You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
892 lines
30 KiB
892 lines
30 KiB
2 years ago
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
|
||
|
|
<el-card class="filter-container" shadow="never">
|
||
|
|
<div>
|
||
|
|
<i class="el-icon-search"></i>
|
||
|
|
<span>筛选搜索</span>
|
||
|
|
<el-button
|
||
|
|
style="float: right"
|
||
|
|
@click="handleSearchList()"
|
||
|
|
type="primary"
|
||
|
|
size="small">
|
||
|
|
查询结果
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
style="float: right;margin-right: 15px"
|
||
|
|
@click="handleResetSearch()"
|
||
|
|
size="small">
|
||
|
|
重置
|
||
|
|
</el-button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div style="margin-top: 15px">
|
||
|
|
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
|
||
|
|
<el-form-item label="输入搜索：">
|
||
|
|
<el-input style="width: 203px" v-model="listQuery.keyword" placeholder="商品名称"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
<el-form-item label="商品分类：">
|
||
|
|
<el-cascader
|
||
|
|
clearable
|
||
|
|
change-on-select
|
||
|
|
v-model="selectProductCateValue"
|
||
|
|
:options="productCateOptions">
|
||
|
|
</el-cascader>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="商品品牌：">
|
||
|
|
<el-select v-model="listQuery.brandId" placeholder="请选择品牌" clearable>
|
||
|
|
<el-option
|
||
|
|
v-for="item in brandOptions"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="商品货号：">
|
||
|
|
<el-input style="width: 203px" v-model="listQuery.productSn" placeholder="商品货号"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="上架状态：">
|
||
|
|
<el-select v-model="listQuery.publishStatus" placeholder="全部" clearable>
|
||
|
|
<el-option
|
||
|
|
v-for="item in publishStatusOptions"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="审核状态：">
|
||
|
|
<el-select v-model="listQuery.verifyStatus" placeholder="全部" clearable>
|
||
|
|
<el-option
|
||
|
|
v-for="item in verifyStatusOptions"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</el-card>
|
||
|
|
<el-tabs v-model="status" type="card" @tab-click="handleGoods">
|
||
|
|
<el-tab-pane name="0">
|
||
|
|
<span slot="label"><i class="el-icon-s-order"></i> 全部商品</span>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane name="1">
|
||
|
|
<span slot="label"><i class="el-icon-bank-card"></i> 出售中</span>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane name="2">
|
||
|
|
<span slot="label"><i class="el-icon-refrigerator"></i> 已售馨</span>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane name="3">
|
||
|
|
<span slot="label"><i class="el-icon-truck"></i>仓库中</span>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane name="4">
|
||
|
|
<span slot="label"><i class="el-icon-truck"></i> 回收站</span>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane name="5">
|
||
|
|
<span slot="label"><i class="el-icon-truck"></i>
|
||
|
|
<el-button
|
||
|
|
class="btn-add"
|
||
|
|
@click="handleAddProduct()"
|
||
|
|
size="mini">
|
||
|
|
添加商品
|
||
|
|
</el-button> </span>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="table-container">
|
||
|
|
<el-table ref="productTable"
|
||
|
|
:data="list"
|
||
|
|
style="width: 100%"
|
||
|
|
@selection-change="handleSelectionChange"
|
||
|
|
v-loading="listLoading"
|
||
|
|
border>
|
||
|
|
<el-table-column type="selection" width="60" align="center"></el-table-column>
|
||
|
|
<el-table-column label="编号" width="100" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.id}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="商品图片" width="120" align="center">
|
||
|
|
<template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="商品名称" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>{{scope.row.name}}</p>
|
||
|
|
<p>品牌：{{scope.row.brandName}}</p>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="价格/货号" width="120" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>价格：￥{{scope.row.price}}</p>
|
||
|
|
<p>货号：{{scope.row.productSn}}</p>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="标签" width="140" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>上架：
|
||
|
|
<el-switch
|
||
|
|
@change="handlePublishStatusChange(scope.$index, scope.row)"
|
||
|
|
:active-value="1"
|
||
|
|
:inactive-value="0"
|
||
|
|
v-model="scope.row.publishStatus">
|
||
|
|
</el-switch>
|
||
|
|
</p>
|
||
|
|
<p>新品：
|
||
|
|
<el-switch
|
||
|
|
@change="handleNewStatusChange(scope.$index, scope.row)"
|
||
|
|
:active-value="1"
|
||
|
|
:inactive-value="0"
|
||
|
|
v-model="scope.row.newStatus">
|
||
|
|
</el-switch>
|
||
|
|
</p>
|
||
|
|
<p>推荐：
|
||
|
|
<el-switch
|
||
|
|
@change="handleRecommendStatusChange(scope.$index, scope.row)"
|
||
|
|
:active-value="1"
|
||
|
|
:inactive-value="0"
|
||
|
|
v-model="scope.row.recommandStatus">
|
||
|
|
</el-switch>
|
||
|
|
</p>
|
||
|
|
<p>分销：
|
||
|
|
<el-switch
|
||
|
|
@change="handleFenxiaoStatusChange(scope.$index, scope.row)"
|
||
|
|
:active-value="1"
|
||
|
|
:inactive-value="0"
|
||
|
|
v-model="scope.row.isFenxiao">
|
||
|
|
</el-switch>
|
||
|
|
</p>
|
||
|
|
<p>会员商品：
|
||
|
|
<el-switch
|
||
|
|
@change="handleVipStatusChange(scope.$index, scope.row)"
|
||
|
|
:active-value="1"
|
||
|
|
:inactive-value="0"
|
||
|
|
v-model="scope.row.isVip">
|
||
|
|
</el-switch>
|
||
|
|
</p>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="排序" width="100" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.sort}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="SKU库存" width="100" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>{{scope.row.stock }}</p>
|
||
|
|
<el-button type="primary" icon="el-icon-edit" @click="handleShowSkuEditDialog(scope.$index, scope.row)" circle></el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="销量" width="100" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.sale}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="审核状态" width="100" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>{{scope.row.verifyStatus | verifyStatusFilter}}</p>
|
||
|
|
<p>
|
||
|
|
<el-button
|
||
|
|
type="text"
|
||
|
|
@click="handleShowVeriyEditDialog(scope.$index, scope.row)">审核详情
|
||
|
|
</el-button>
|
||
|
|
</p>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="操作" width="160" align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<p>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
@click="handleDeleteStatus(scope.$index, scope.row)">回收
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
@click="handleUpdateProduct(scope.$index, scope.row)">编辑
|
||
|
|
</el-button>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
@click="handleShowVeriyEditDialog(scope.$index, scope.row)">日志
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
size="mini"
|
||
|
|
type="danger"
|
||
|
|
@click="handleDelete(scope.$index, scope.row)">删除
|
||
|
|
</el-button>
|
||
|
|
</p>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
<div class="batch-operate-container">
|
||
|
|
<el-select
|
||
|
|
size="small"
|
||
|
|
v-model="operateType" placeholder="批量操作">
|
||
|
|
<el-option
|
||
|
|
v-for="item in operates"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
<el-button
|
||
|
|
style="margin-left: 20px"
|
||
|
|
class="search-button"
|
||
|
|
@click="handleBatchOperate()"
|
||
|
|
type="primary"
|
||
|
|
size="small">
|
||
|
|
确定
|
||
|
|
</el-button>
|
||
|
|
</div>
|
||
|
|
<div class="pagination-container">
|
||
|
|
<el-pagination
|
||
|
|
background
|
||
|
|
@size-change="handleSizeChange"
|
||
|
|
@current-change="handleCurrentChange"
|
||
|
|
layout="total, sizes,prev, pager, next,jumper"
|
||
|
|
:page-size="listQuery.pageSize"
|
||
|
|
:page-sizes="[5,10,15]"
|
||
|
|
:current-page.sync="listQuery.pageNum"
|
||
|
|
:total="total">
|
||
|
|
</el-pagination>
|
||
|
|
</div>
|
||
|
|
<el-dialog
|
||
|
|
title="审核信息"
|
||
|
|
:visible.sync="vertyProduct.dialogVisible"
|
||
|
|
width="40%">
|
||
|
|
<el-form :model="vertyProduct" ref="brandFrom" label-width="150px">
|
||
|
|
<el-form-item label="审核状态：" prop="verifyStatus">
|
||
|
|
<el-switch v-model="vertyProduct.verifyStatus" :active-value="1" :inactive-value="0"></el-switch>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="审核备注：" prop="detail">
|
||
|
|
<el-input v-model="vertyProduct.detail"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
<el-form-item>
|
||
|
|
<el-button @click="vertyProduct.dialogVisible = false">取 消</el-button>
|
||
|
|
<el-button type="primary" @click="handleEditVConfirm">确 定</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
<el-table style="width: 100%;margin-top: 20px"
|
||
|
|
:data="vertyProduct.list"
|
||
|
|
border>
|
||
|
|
<el-table-column label="审核状态" width="160" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.status | verifyStatusFilter}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="审核人" width="160" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.vertifyMan}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="审核信息" width="160" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.detail}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="审核时间" width="160" align="center">
|
||
|
|
<template slot-scope="scope">{{scope.row.createTime|formatTime}}</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</el-dialog>
|
||
|
|
|
||
|
|
<el-dialog
|
||
|
|
title="编辑货品信息"
|
||
|
|
:visible.sync="editSkuInfo.dialogVisible"
|
||
|
|
width="40%">
|
||
|
|
<span>商品货号：</span>
|
||
|
|
<span>{{editSkuInfo.productSn}}</span>
|
||
|
|
<el-input placeholder="按sku编号搜索" v-model="editSkuInfo.keyword" size="small" style="width: 50%;margin-left: 20px">
|
||
|
|
<el-button slot="append" icon="el-icon-search" @click="handleSearchEditSku"></el-button>
|
||
|
|
</el-input>
|
||
|
|
<el-table style="width: 100%;margin-top: 20px"
|
||
|
|
:data="editSkuInfo.stockList"
|
||
|
|
border>
|
||
|
|
<el-table-column
|
||
|
|
label="SKU编号"
|
||
|
|
align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-input v-model="scope.row.skuCode"></el-input>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
v-for="(item,index) in editSkuInfo.productAttr"
|
||
|
|
:label="item.name"
|
||
|
|
:key="item.id"
|
||
|
|
align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
{{getProductSkuSp(scope.row,index)}}
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="销售价格"
|
||
|
|
width="80"
|
||
|
|
align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-input v-model="scope.row.price"></el-input>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="商品库存"
|
||
|
|
width="80"
|
||
|
|
align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-input v-model="scope.row.stock"></el-input>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="库存预警值"
|
||
|
|
width="100"
|
||
|
|
align="center">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-input v-model="scope.row.lowStock"></el-input>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
<span slot="footer" class="dialog-footer">
|
||
|
|
<el-button @click="editSkuInfo.dialogVisible = false">取 消</el-button>
|
||
|
|
<el-button type="primary" @click="handleEditSkuConfirm">确 定</el-button>
|
||
|
|
</span>
|
||
|
|
</el-dialog>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import {formatDate} from '@/utils/date';
|
||
|
|
import {
|
||
|
|
fetchList,
|
||
|
|
updateDeleteStatus,
|
||
|
|
updateNewStatus,
|
||
|
|
updateRecommendStatus,
|
||
|
|
updatePaiMai,
|
||
|
|
updateFenxiao,
|
||
|
|
updateVip,
|
||
|
|
deleteProduct,
|
||
|
|
updatePublishStatus,
|
||
|
|
updateVerifyStatus,fetchVList
|
||
|
|
} from '@/api/product'
|
||
|
|
import {fetchList as fetchSkuStockList,update as updateSkuStockList} from '@/api/skuStock'
|
||
|
|
import {fetchList as fetchProductAttrList} from '@/api/productAttr'
|
||
|
|
import {fetchList as fetchBrandList} from '@/api/brand'
|
||
|
|
import {fetchListWithChildren} from '@/api/productCate'
|
||
|
|
|
||
|
|
const defaultListQuery = {
|
||
|
|
keyword: null,
|
||
|
|
pageNum: 1,
|
||
|
|
pageSize: 5,
|
||
|
|
status: 0,
|
||
|
|
publishStatus: null,
|
||
|
|
verifyStatus: null,
|
||
|
|
productSn: null,
|
||
|
|
productCategoryId: null,
|
||
|
|
brandId: null
|
||
|
|
};
|
||
|
|
export default {
|
||
|
|
name: "productList",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
dialogVVisible:false,
|
||
|
|
editSkuInfo:{
|
||
|
|
dialogVisible:false,
|
||
|
|
productId:null,
|
||
|
|
productSn:'',
|
||
|
|
productAttributeCategoryId:null,
|
||
|
|
stockList:[],
|
||
|
|
productAttr:[],
|
||
|
|
keyword:null
|
||
|
|
},
|
||
|
|
vertyProduct:{
|
||
|
|
dialogVisible:false,
|
||
|
|
productId:null,
|
||
|
|
detail:'',
|
||
|
|
verifyStatus:null,
|
||
|
|
list:null
|
||
|
|
},
|
||
|
|
operates: [
|
||
|
|
{
|
||
|
|
label: "商品上架",
|
||
|
|
value: "publishOn"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "商品下架",
|
||
|
|
value: "publishOff"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "设为推荐",
|
||
|
|
value: "recommendOn"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "取消推荐",
|
||
|
|
value: "recommendOff"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "设为新品",
|
||
|
|
value: "newOn"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "取消新品",
|
||
|
|
value: "newOff"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "转移到分类",
|
||
|
|
value: "transferCategory"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "移入回收站",
|
||
|
|
value: "recycle"
|
||
|
|
}
|
||
|
|
], tabsName: '1',
|
||
|
|
operateType: null,
|
||
|
|
listQuery: Object.assign({}, defaultListQuery),
|
||
|
|
list: null,
|
||
|
|
total: null,
|
||
|
|
listLoading: true,
|
||
|
|
selectProductCateValue: null,
|
||
|
|
multipleSelection: [],
|
||
|
|
productCateOptions: [],
|
||
|
|
brandOptions: [],
|
||
|
|
publishStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '上架'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '下架'
|
||
|
|
}],
|
||
|
|
verifyStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '审核通过'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '未审核'
|
||
|
|
}],
|
||
|
|
statusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '出售中'
|
||
|
|
}, {
|
||
|
|
value: 2,
|
||
|
|
label: '已售馨'
|
||
|
|
},{
|
||
|
|
value: 3,
|
||
|
|
label: '仓库中'
|
||
|
|
}, {
|
||
|
|
value: 4,
|
||
|
|
label: '回收站'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.getList();
|
||
|
|
this.getBrandList();
|
||
|
|
this.getProductCateList();
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
selectProductCateValue: function (newValue) {
|
||
|
|
console.log(newValue)
|
||
|
|
if (newValue != null) {
|
||
|
|
this.listQuery.productCategoryId = newValue[newValue.length-1 >0?newValue.length-1:0];
|
||
|
|
} else {
|
||
|
|
this.listQuery.productCategoryId = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
filters: {
|
||
|
|
verifyStatusFilter(value) {
|
||
|
|
if (value === 1) {
|
||
|
|
return '审核通过';
|
||
|
|
} else {
|
||
|
|
return '未审核';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
formatTime(time) {
|
||
|
|
if (time == null || time === '') {
|
||
|
|
return 'N/A';
|
||
|
|
}
|
||
|
|
let date = new Date(time);
|
||
|
|
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
handleGoods(tab, event) {
|
||
|
|
this.listQuery.status = tab.name;
|
||
|
|
this.getList()
|
||
|
|
},
|
||
|
|
getProductSkuSp(row, index) {
|
||
|
|
if (index === 0) {
|
||
|
|
return row.sp1;
|
||
|
|
} else if (index === 1) {
|
||
|
|
return row.sp2;
|
||
|
|
} else {
|
||
|
|
return row.sp3;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getList() {
|
||
|
|
this.listLoading = true;
|
||
|
|
fetchList(this.listQuery).then(response => {
|
||
|
|
this.listLoading = false;
|
||
|
|
this.list = response.data.records;
|
||
|
|
this.total = response.data.total;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
getBrandList() {
|
||
|
|
fetchBrandList({pageNum: 1, pageSize: 100}).then(response => {
|
||
|
|
this.brandOptions = [];
|
||
|
|
let brandList = response.data.records;
|
||
|
|
for (let i = 0; i < brandList.length; i++) {
|
||
|
|
this.brandOptions.push({label: brandList[i].name, value: brandList[i].id});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
getProductCateList() {
|
||
|
|
fetchListWithChildren().then(response => {
|
||
|
|
let list = response.data;
|
||
|
|
this.productCateOptions = [];
|
||
|
|
for (let i = 0; i < list.length; i++) {
|
||
|
|
let children = [];
|
||
|
|
if (list[i].children != null && list[i].children.length > 0) {
|
||
|
|
for (let j = 0; j < list[i].children.length; j++) {
|
||
|
|
children.push({label: list[i].children[j].name, value: list[i].children[j].id});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.productCateOptions.push({label: list[i].name, value: list[i].id, children: children});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleShowVeriyEditDialog(index,row){
|
||
|
|
this.vertyProduct.dialogVisible=true;
|
||
|
|
this.vertyProduct.productId=row.id;
|
||
|
|
this.vertyProduct.verifyStatus=row.verifyStatus;
|
||
|
|
fetchVList(row.id).then(response=>{
|
||
|
|
this.vertyProduct.list=response.data;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleShowSkuEditDialog(index,row){
|
||
|
|
this.editSkuInfo.dialogVisible=true;
|
||
|
|
this.editSkuInfo.productId=row.id;
|
||
|
|
this.editSkuInfo.productSn=row.productSn;
|
||
|
|
this.editSkuInfo.productAttributeCategoryId = row.productAttributeCategoryId;
|
||
|
|
this.editSkuInfo.keyword=null;
|
||
|
|
fetchSkuStockList(row.id,{keyword:this.editSkuInfo.keyword}).then(response=>{
|
||
|
|
this.editSkuInfo.stockList=response.data;
|
||
|
|
});
|
||
|
|
if(row.productAttributeCategoryId && row.productAttributeCategoryId>0){
|
||
|
|
fetchProductAttrList(row.productAttributeCategoryId,{type:0}).then(response=>{
|
||
|
|
this.editSkuInfo.productAttr=response.data.records;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
handleSearchEditSku(){
|
||
|
|
fetchSkuStockList(this.editSkuInfo.productId,{keyword:this.editSkuInfo.keyword}).then(response=>{
|
||
|
|
this.editSkuInfo.stockList=response.data;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleEditSkuConfirm(){
|
||
|
|
if(this.editSkuInfo.stockList==null||this.editSkuInfo.stockList.length<=0){
|
||
|
|
this.$message({
|
||
|
|
message: '暂无sku信息',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
return
|
||
|
|
}
|
||
|
|
this.$confirm('是否要进行修改', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(()=>{
|
||
|
|
updateSkuStockList(this.editSkuInfo.productId,this.editSkuInfo.stockList).then(response=>{
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
this.editSkuInfo.dialogVisible=false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleEditVConfirm(){
|
||
|
|
if(this.vertyProduct.detail==null){
|
||
|
|
this.$message({
|
||
|
|
message: '暂无审核信息',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
return
|
||
|
|
}
|
||
|
|
this.$confirm('是否要进行审核', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(()=>{
|
||
|
|
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
|
||
|
|
params.append('ids', this.vertyProduct.productId);
|
||
|
|
params.append('verifyStatus', this.vertyProduct.verifyStatus);
|
||
|
|
params.append('detail', this.vertyProduct.detail);
|
||
|
|
updateVerifyStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
this.getList();
|
||
|
|
});
|
||
|
|
this.vertyProduct.dialogVisible=false;
|
||
|
|
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
handleSearchList() {
|
||
|
|
this.listQuery.pageNum = 1;
|
||
|
|
this.getList();
|
||
|
|
},
|
||
|
|
handleAddProduct() {
|
||
|
|
this.$router.push({path:'/pms/addProduct'});
|
||
|
|
},
|
||
|
|
handleBatchOperate() {
|
||
|
|
if(this.operateType==null){
|
||
|
|
this.$message({
|
||
|
|
message: '请选择操作类型',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if(this.multipleSelection==null||this.multipleSelection.length<1){
|
||
|
|
this.$message({
|
||
|
|
message: '请选择要操作的商品',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.$confirm('是否要进行该批量操作?', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(() => {
|
||
|
|
let ids=[];
|
||
|
|
for(let i=0;i<this.multipleSelection.length;i++){
|
||
|
|
ids.push(this.multipleSelection[i].id);
|
||
|
|
}
|
||
|
|
switch (this.operateType) {
|
||
|
|
case this.operates[0].value:
|
||
|
|
this.updatePublishStatus(1,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[1].value:
|
||
|
|
this.updatePublishStatus(0,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[2].value:
|
||
|
|
this.updateRecommendStatus(1,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[3].value:
|
||
|
|
this.updateRecommendStatus(0,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[4].value:
|
||
|
|
this.updateNewStatus(1,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[5].value:
|
||
|
|
this.updateNewStatus(0,ids);
|
||
|
|
break;
|
||
|
|
case this.operates[6].value:
|
||
|
|
break;
|
||
|
|
case this.operates[7].value:
|
||
|
|
this.updateDeleteStatus(1,ids);
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
this.getList();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleSizeChange(val) {
|
||
|
|
this.listQuery.pageNum = 1;
|
||
|
|
this.listQuery.pageSize = val;
|
||
|
|
this.getList();
|
||
|
|
},
|
||
|
|
handleCurrentChange(val) {
|
||
|
|
this.listQuery.pageNum = val;
|
||
|
|
this.getList();
|
||
|
|
},
|
||
|
|
handleSelectionChange(val) {
|
||
|
|
this.multipleSelection = val;
|
||
|
|
},
|
||
|
|
handlePublishStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updatePublishStatus(row.publishStatus, ids);
|
||
|
|
},
|
||
|
|
|
||
|
|
handleupdatePaiMaiChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updatePaiMai(row.publishStatus, ids);
|
||
|
|
},
|
||
|
|
handleVipStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateVipStatus(row.isVip, ids);
|
||
|
|
},
|
||
|
|
handleFenxiaoStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateFenxiaoStatus(row.isFenxiao, ids);
|
||
|
|
},
|
||
|
|
handleNewStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateNewStatus(row.newStatus, ids);
|
||
|
|
},
|
||
|
|
handleVerifyStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateVerifyStatus(row.verifyStatus, ids);
|
||
|
|
},
|
||
|
|
handleRecommendStatusChange(index, row) {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateRecommendStatus(row.recommandStatus, ids);
|
||
|
|
},
|
||
|
|
handleResetSearch() {
|
||
|
|
this.selectProductCateValue = [];
|
||
|
|
this.listQuery = Object.assign({}, defaultListQuery);
|
||
|
|
},
|
||
|
|
|
||
|
|
handleDeleteStatus(index, row){
|
||
|
|
this.$confirm('是否要进行放入回收站操作?', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(() => {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
this.updateDeleteStatus(0,ids);
|
||
|
|
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleDelete(index, row){
|
||
|
|
this.$confirm('是否要进行删除操作?', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(() => {
|
||
|
|
let ids = [];
|
||
|
|
ids.push(row.id);
|
||
|
|
|
||
|
|
deleteProduct(row.id).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '删除成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
this.getList();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleUpdateProduct(index,row){
|
||
|
|
this.$router.push({path:'/pms/updateProduct',query:{id:row.id}});
|
||
|
|
},
|
||
|
|
handleShowProduct(index,row){
|
||
|
|
console.log("handleShowProduct",row);
|
||
|
|
},
|
||
|
|
handleShowVerifyDetail(index,row){
|
||
|
|
console.log("handleShowVerifyDetail",row);
|
||
|
|
},
|
||
|
|
handleShowLog(index,row){
|
||
|
|
console.log("handleShowLog",row);
|
||
|
|
},
|
||
|
|
updateVerifyStatus(publishStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('verifyStatus', verifyStatus);
|
||
|
|
updateVerifyStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updatePublishStatus(publishStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('publishStatus', publishStatus);
|
||
|
|
updatePublishStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updateFenxiaoStatus(newStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('newStatus', newStatus);
|
||
|
|
updateFenxiao(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updateVipStatus(newStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('newStatus', newStatus);
|
||
|
|
updateVip(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
updateNewStatus(newStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('newStatus', newStatus);
|
||
|
|
updateNewStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updateRecommendStatus(recommendStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('recommendStatus', recommendStatus);
|
||
|
|
updateRecommendStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '修改成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updateDeleteStatus(deleteStatus, ids) {
|
||
|
|
let params = new URLSearchParams();
|
||
|
|
params.append('ids', ids);
|
||
|
|
params.append('deleteStatus', deleteStatus);
|
||
|
|
updateDeleteStatus(params).then(response => {
|
||
|
|
this.$message({
|
||
|
|
message: '回收成功',
|
||
|
|
type: 'success',
|
||
|
|
duration: 1000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
this.getList();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style></style>
|
||
|
|
|
||
|
|
|