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.
1059 lines
32 KiB
1059 lines
32 KiB
<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 v-model="listQuery.keyword" style="width: 203px" placeholder="商品名称" />
|
|
</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-select>
|
|
</el-form-item>
|
|
<el-form-item label="商品分类：">
|
|
<el-cascader
|
|
v-model="selectProductCateValue"
|
|
clearable
|
|
change-on-select
|
|
:options="productCateOptions"
|
|
/>
|
|
</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-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-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-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-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-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" style="margin-top: 10px;" @tab-click="handleGoods">
|
|
<el-tab-pane name="0">
|
|
<span slot="label"><i class="el-icon-s-order" /> 全部商品</span>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="1">
|
|
<span slot="label"><i class="el-icon-bank-card" /> 出售中</span>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="2">
|
|
<span slot="label"><i class="el-icon-refrigerator" /> 已售馨</span>
|
|
</el-tab-pane>
|
|
<el-tab-pane name="3">
|
|
<span slot="label"><i class="el-icon-truck" />仓库中</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 v-model="operateType" size="small" placeholder="批量操作">
|
|
<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
<el-button
|
|
style="margin-left: 20px"
|
|
class="search-button"
|
|
type="primary"
|
|
size="small"
|
|
@click="handleBatchOperate()"
|
|
>
|
|
确定
|
|
</el-button>
|
|
</div>
|
|
<div class="pagination-container">
|
|
<el-pagination
|
|
background
|
|
layout="total, sizes,prev, pager, next,jumper"
|
|
:page-size="listQuery.pageSize"
|
|
:page-sizes="[5,10,15]"
|
|
:current-page.sync="listQuery.pageNum"
|
|
:total="total"
|
|
@size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
/>
|
|
</div>
|
|
<div class="table-container">
|
|
<el-table
|
|
ref="productTable"
|
|
v-loading="listLoading"
|
|
:data="list"
|
|
style="width: 100%"
|
|
border
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
<el-table-column type="selection" width="60" align="center" />
|
|
<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
|
|
v-model="scope.row.publishStatus"
|
|
:active-value="1"
|
|
:inactive-value="0"
|
|
@change="handlePublishStatusChange(scope.$index, scope.row)"
|
|
/>
|
|
</p>
|
|
<p>新品：
|
|
<el-switch
|
|
v-model="scope.row.newStatus"
|
|
:active-value="1"
|
|
:inactive-value="0"
|
|
@change="handleNewStatusChange(scope.$index, scope.row)"
|
|
/>
|
|
</p>
|
|
<p>推荐：
|
|
<el-switch
|
|
v-model="scope.row.recommandStatus"
|
|
:active-value="1"
|
|
:inactive-value="0"
|
|
@change="handleRecommendStatusChange(scope.$index, scope.row)"
|
|
/>
|
|
</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 ref="brandFrom" :model="vertyProduct" label-width="150px">
|
|
<el-form-item label="审核状态：" prop="verifyStatus">
|
|
<el-switch v-model="vertyProduct.verifyStatus" :active-value="1" :inactive-value="0" />
|
|
</el-form-item>
|
|
<el-form-item label="审核备注：" prop="detail">
|
|
<el-input v-model="vertyProduct.detail" />
|
|
</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
|
|
v-model="editSkuInfo.keyword"
|
|
placeholder="按sku编号搜索"
|
|
size="small"
|
|
style="width: 50%;margin-left: 20px"
|
|
>
|
|
<el-button slot="append" icon="el-icon-search" @click="handleSearchEditSku" />
|
|
</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" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
v-for="(item,index) in editSkuInfo.productAttr"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
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" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="商品库存" width="80" align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.stock" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="库存预警值" width="100" align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.lowStock" />
|
|
</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 {
|
|
name: 'ProductList',
|
|
components: {
|
|
ButtonBar
|
|
},
|
|
filters: {
|
|
verifyStatusFilter(value) {
|
|
if (value === 1) {
|
|
return '审核通过'
|
|
} else {
|
|
return '未审核'
|
|
}
|
|
},
|
|
formatTime(time) {
|
|
if (time == null || time === '') {
|
|
return 'N/A'
|
|
}
|
|
const date = new Date(time)
|
|
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
|
|
}
|
|
},
|
|
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: ''
|
|
}
|
|
}
|
|
}
|
|
},
|
|
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
|
|
}
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.$refs['btnbar'].setButtonList(this.btnList)
|
|
},
|
|
created() {
|
|
this.getList()
|
|
this.getBrandList()
|
|
this.getProductCateList()
|
|
this.getProductAttrCateList()
|
|
},
|
|
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 = []
|
|
const 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 => {
|
|
const list = response.data
|
|
this.productCateOptions = []
|
|
for (let i = 0; i < list.length; i++) {
|
|
const 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() {
|
|
const param = { pageNum: 1, pageSize: 100 }
|
|
fetchProductAttrCateList().then(response => {
|
|
const 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(() => {
|
|
const 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(() => {
|
|
const 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) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updatePublishStatus(row.publishStatus, ids)
|
|
},
|
|
|
|
handleupdatePaiMaiChange(index, row) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updatePaiMai(row.publishStatus, ids)
|
|
},
|
|
handleVipStatusChange(index, row) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updateVipStatus(row.isVip, ids)
|
|
},
|
|
handleFenxiaoStatusChange(index, row) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updateFenxiaoStatus(row.isFenxiao, ids)
|
|
},
|
|
handleNewStatusChange(index, row) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updateNewStatus(row.newStatus, ids)
|
|
},
|
|
handleVerifyStatusChange(index, row) {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updateVerifyStatus(row.verifyStatus, ids)
|
|
},
|
|
handleRecommendStatusChange(index, row) {
|
|
const 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(() => {
|
|
const ids = []
|
|
ids.push(row.id)
|
|
this.updateDeleteStatus(0, ids)
|
|
})
|
|
},
|
|
handleDelete(index, row) {
|
|
this.$confirm('是否要进行删除操作?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
const 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) {
|
|
const 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) {
|
|
const 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) {
|
|
const 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) {
|
|
const 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) {
|
|
const 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) {
|
|
const 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) {
|
|
const 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>
|
|
|