|
|
|
@ -1,9 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<div class="main-content"> |
|
|
|
<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|
|
|
<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|
|
|
|
|
|
|
<!-- <el-card class="filter-container" shadow="never"> |
|
|
|
<!-- <el-card class="filter-container" shadow="never"> |
|
|
|
<div> |
|
|
|
<i class="el-icon-search"></i> |
|
|
|
<span>筛选搜索</span> |
|
|
|
@ -55,200 +54,200 @@ |
|
|
|
</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" |
|
|
|
<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-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> |
|
|
|
</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"> |
|
|
|
<!-- 标签栏 --> |
|
|
|
<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"> |
|
|
|
<!-- <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> |
|
|
|
</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>分销： |
|
|
|
<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> |
|
|
|
@ -258,128 +257,127 @@ |
|
|
|
:inactive-value="0" v-model="scope.row.isVip"> |
|
|
|
</el-switch> |
|
|
|
</p> --> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="排序" width="100" align="center"> |
|
|
|
</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" |
|
|
|
<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)">回收 |
|
|
|
</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-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-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-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-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" |
|
|
|
> |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
|
liupopo
1 year ago