parent
3fbe4f00b3
commit
e0a16e45b6
@ -0,0 +1,125 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<el-form :inline="true"> |
||||||
|
<el-form-item> |
||||||
|
<el-autocomplete class="inline-input" v-model="queryParams.storeName" :fetch-suggestions="querySearch" |
||||||
|
placeholder="请输入门店名称"></el-autocomplete> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-input v-model="queryParams.shopName" placeholder="请输入商品名称"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-input v-model="queryParams.shopCode" placeholder="请输入商品编码"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-cascader placeholder="请选择商品分类" v-model="queryParams.productCategory" |
||||||
|
:options="categoryOptions"></el-cascader> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-select v-model="queryParams.shopType" placeholder="请选择商品类型" clearable> |
||||||
|
<el-option v-for="dict in dict.type.shop_type" :key="dict.value" :label="dict.label" |
||||||
|
:value="dict.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<br /> |
||||||
|
|
||||||
|
<el-form-item> |
||||||
|
<el-select v-model="queryParams.productStatus" placeholder="全部状态" clearable> |
||||||
|
<el-option v-for="dict in dict.type.product_status" :key="dict.value" :label="dict.label" |
||||||
|
:value="dict.value"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary">查询</el-button> |
||||||
|
<el-button>重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<el-button>批量上架</el-button> |
||||||
|
<el-button>批量下架</el-button> |
||||||
|
<el-table :data="dataList" class="table"> |
||||||
|
<el-table-column type="selection" align="center"></el-table-column> |
||||||
|
<el-table-column label="商品编码" align="center"> |
||||||
|
DS000001 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="商品名称" align="center"> |
||||||
|
联想笔记本 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="商品图片" align="center"> |
||||||
|
<img src="http://dummyimage.com/50x50" /> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="商品分类" align="center"> |
||||||
|
电子产品 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="所属门店" align="center"> |
||||||
|
门店名称 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="单位" align="center"> |
||||||
|
台 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="商品类型" align="center"> |
||||||
|
普通商品 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="销售价" align="center"> |
||||||
|
¥120.00 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="平台抽成" align="center"> |
||||||
|
20% |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="库存" align="center"> |
||||||
|
100 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="状态" align="center"> |
||||||
|
上架 |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" align="center"> |
||||||
|
<el-button type="text">下架</el-button> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" |
||||||
|
:limit.sync="queryParams.pageSize" @pagination="getList" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { mapState } from 'vuex' |
||||||
|
export default { |
||||||
|
name: 'StoreGoods', |
||||||
|
dicts: ['shop_type', 'product_status'], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
dataList: [{}], |
||||||
|
// |
||||||
|
total: 1, |
||||||
|
//查询参数 |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
storeName: undefined, |
||||||
|
shopName: undefined, |
||||||
|
shopCode: undefined, |
||||||
|
productCategory: undefined, |
||||||
|
shopType: undefined, |
||||||
|
productStatus: undefined |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
querySearch() { |
||||||
|
|
||||||
|
}, |
||||||
|
getList() { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapState({ |
||||||
|
categoryOptions: state => state.platformShop.categoryOptions |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
<style scoped lang="scss"> |
||||||
|
.table { |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue