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.
1018 lines
30 KiB
1018 lines
30 KiB
1 year ago
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
|
||
|
|
|
||
|
|
<!-- <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> -->
|
||
|
|
|
||
|
|
<div class="main-content" style="margin-left: 20px;margin-right: 20px;">
|
||
|
|
<div class="searchcon">
|
||
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">
|
||
|
|
{{ searchxianshitit }}
|
||
|
|
</el-button>
|
||
|
|
<div v-show="isSearchShow" class="search">
|
||
|
|
<el-form :model="listQuery" :inline="true" class="tab-header">
|
||
|
|
<el-form-item label="输入搜索：">
|
||
|
|
<el-input style="width: 203px" v-model="listQuery.keyword" placeholder="商品名称"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
<el-form-item label="商品类型：">
|
||
|
|
<el-select v-model="listQuery.productAttributeCategoryId" placeholder="商品类型" clearable style="width: 160px;">
|
||
|
|
<el-option v-for="item in productAttributeCategoryOptions" :key="item.value" :label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</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-select v-model="listQuery.publishStatus" placeholder="全部" clearable style="width: 120px;">
|
||
|
|
<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 style="width: 120px;">
|
||
|
|
<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-item label="是否新品：">
|
||
|
|
<el-select v-model="listQuery.newStatus" placeholder="全部" clearable style="width: 120px;">
|
||
|
|
<el-option v-for="item in newStatusOptions" :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.recommandStatus" placeholder="全部" clearable style="width: 120px;">
|
||
|
|
<el-option v-for="item in recommandStatusOptions" :key="item.value" :label="item.label"
|
||
|
|
:value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
<div class="btn" style="text-align: center;">
|
||
|
|
<el-button type="primary" size="small" icon="el-icon-search" @click="handleSearchList()">查询</el-button>
|
||
|
|
<el-button type="primary" size="small" icon="el-icon-refresh" @click="handleResetSearch()">重置</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 标签栏 -->
|
||
|
|
<el-tabs v-model="status" type="card" @tab-click="handleGoods" style="margin-top: 10px;">
|
||
|
|
<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="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>
|
||
|
|
<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>
|
||
|
|
<p>类别：{{scope.row.productCategoryName}}</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="库存数" 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="handleUpdateProduct(scope.$index, scope.row)">编辑
|
||
|
|
</el-button>
|
||
|
|
|
||
|
|
<!-- <el-button size="mini" @click="handleDeleteStatus(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>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import ButtonBar from '@/components/ButtonBar'
|
||
|
|
|
||
|
|
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,
|
||
|
|
fetchAllList as fetchProductAttrAllList
|
||
|
|
} from '@/api/productAttr'
|
||
|
|
import {
|
||
|
|
fetchList as fetchBrandList
|
||
|
|
} from '@/api/brand'
|
||
|
|
import {
|
||
|
|
fetchListWithChildren
|
||
|
|
} from '@/api/productCate'
|
||
|
|
import {fetchList as fetchProductAttrCateList} from '@/api/productAttrCate'
|
||
|
|
|
||
|
|
const defaultListQuery = {
|
||
|
|
keyword: null,
|
||
|
|
pageNum: 1,
|
||
|
|
pageSize: 5,
|
||
|
|
status: 0,
|
||
|
|
publishStatus: null,
|
||
|
|
verifyStatus: null,
|
||
|
|
productSn: null,
|
||
|
|
productCategoryId: null,
|
||
|
|
productAttributeCategoryId: null,
|
||
|
|
newStatus: null,
|
||
|
|
recommandStatus: null,
|
||
|
|
brandId: null
|
||
|
|
};
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
ButtonBar,
|
||
|
|
},
|
||
|
|
name: "productList",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
status: 0,
|
||
|
|
btndisabled: false,
|
||
|
|
isSearchShow: false,
|
||
|
|
searchxianshitit: '显示查询条件',
|
||
|
|
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: [],
|
||
|
|
productAttributeCategoryOptions: [],
|
||
|
|
publishStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '上架'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '下架'
|
||
|
|
}],
|
||
|
|
verifyStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '审核通过'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '未审核'
|
||
|
|
}],
|
||
|
|
newStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '是'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '否'
|
||
|
|
}],
|
||
|
|
recommandStatusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '是'
|
||
|
|
}, {
|
||
|
|
value: 0,
|
||
|
|
label: '否'
|
||
|
|
}],
|
||
|
|
statusOptions: [{
|
||
|
|
value: 1,
|
||
|
|
label: '出售中'
|
||
|
|
}, {
|
||
|
|
value: 2,
|
||
|
|
label: '已售馨'
|
||
|
|
}, {
|
||
|
|
value: 3,
|
||
|
|
label: '仓库中'
|
||
|
|
}
|
||
|
|
// , {
|
||
|
|
// value: 4,
|
||
|
|
// label: '回收站'
|
||
|
|
// },
|
||
|
|
],
|
||
|
|
btnList: [],
|
||
|
|
queryParams: {
|
||
|
|
current: 1,
|
||
|
|
size: 10,
|
||
|
|
total: 0,
|
||
|
|
params: {
|
||
|
|
orderId: '',
|
||
|
|
supplierName: '',
|
||
|
|
auditStatus: '',
|
||
|
|
goodsStatus: '',
|
||
|
|
orderStartDate: '',
|
||
|
|
orderEndDate: '',
|
||
|
|
arrivalStartDate: '',
|
||
|
|
arrivalEndDate: '',
|
||
|
|
queryType: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
this.$refs['btnbar'].setButtonList(this.btnList)
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.getList();
|
||
|
|
this.getBrandList();
|
||
|
|
this.getProductCateList();
|
||
|
|
this.getProductAttrCateList();
|
||
|
|
},
|
||
|
|
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: {
|
||
|
|
// 搜索条件效果
|
||
|
|
clicksearchShow() {
|
||
|
|
this.isSearchShow = !this.isSearchShow
|
||
|
|
if (this.isSearchShow) {
|
||
|
|
this.searchxianshitit = '隐藏查询条件'
|
||
|
|
} else {
|
||
|
|
this.searchxianshitit = '显示查询条件'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
btnHandle(btnKey) {
|
||
|
|
switch (btnKey) {
|
||
|
|
case 'doClose':
|
||
|
|
this.doClose()
|
||
|
|
break
|
||
|
|
default:
|
||
|
|
break
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dosearch() {
|
||
|
|
this.queryParams.current = 1
|
||
|
|
// this.loadList()
|
||
|
|
},
|
||
|
|
resetQuery() {
|
||
|
|
this.queryParams = {
|
||
|
|
current: 1,
|
||
|
|
size: 10,
|
||
|
|
total: 0,
|
||
|
|
params: {
|
||
|
|
orderId: '',
|
||
|
|
supplierName: '',
|
||
|
|
auditStatus: '',
|
||
|
|
goodsStatus: '',
|
||
|
|
orderStartDate: '',
|
||
|
|
orderEndDate: '',
|
||
|
|
arrivalStartDate: '',
|
||
|
|
arrivalEndDate: '',
|
||
|
|
queryType: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// this.loadList()
|
||
|
|
},
|
||
|
|
doClose() {
|
||
|
|
this.$store.dispatch('tagsView/delView', this.$route)
|
||
|
|
this.$router.go(-1)
|
||
|
|
},
|
||
|
|
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
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
getProductAttrCateList() {
|
||
|
|
let param = {pageNum: 1, pageSize: 100};
|
||
|
|
fetchProductAttrCateList().then(response => {
|
||
|
|
let list = response.data.records;
|
||
|
|
this.productAttributeCategoryOptions = [];
|
||
|
|
for (let i = 0; i < list.length; i++) {
|
||
|
|
this.productAttributeCategoryOptions.push({label: list[i].name, value: list[i].id});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
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>
|