feat:能量模块
This commit is contained in:
parent
4c2ad3f958
commit
685f5a21a4
|
|
@ -163,6 +163,37 @@ const marketingRouter =
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'energy',
|
||||||
|
name: 'energy',
|
||||||
|
meta: {
|
||||||
|
title: '能量管理',
|
||||||
|
noCache: true
|
||||||
|
},
|
||||||
|
redirect: 'noRedirect',
|
||||||
|
component: () => import('@/views/marketing/energy/index'),
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: 'list',
|
||||||
|
name: 'energyGoods',
|
||||||
|
meta: {
|
||||||
|
title: '能量商品',
|
||||||
|
noCache: true
|
||||||
|
},
|
||||||
|
component: () => import('@/views/marketing/energy/energyGoods/index')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'createGoods/:id?/:edit?',
|
||||||
|
name: 'CreateEnergyGoods',
|
||||||
|
meta: {
|
||||||
|
title: '添加能量商品',
|
||||||
|
noCache: true,
|
||||||
|
activeMenu: `${roterPre}/marketing/energy/list`
|
||||||
|
},
|
||||||
|
component: () => import('@/views/marketing/energy/energyGoods/createGoods')
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: 'allDiscount',
|
path: 'allDiscount',
|
||||||
name: 'allDiscount',
|
name: 'allDiscount',
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,199 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
v-if="dialogVisible"
|
||||||
|
title="商品信息"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="900px"
|
||||||
|
>
|
||||||
|
<div class="divBox">
|
||||||
|
<div class="container">
|
||||||
|
<el-form size="small" inline label-width="85px">
|
||||||
|
<el-form-item label="商品分类：">
|
||||||
|
<el-select
|
||||||
|
v-model="tableFrom.mer_cate_id"
|
||||||
|
placeholder="请选择"
|
||||||
|
class="dialogWidth"
|
||||||
|
clearable
|
||||||
|
@change="getList()"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in merCateList"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="商品搜索：">
|
||||||
|
<el-input
|
||||||
|
v-model="tableFrom.keyword"
|
||||||
|
placeholder="请输入商品名称，关键字，产品编号"
|
||||||
|
class="dialogWidth"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="getList"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" size="small" @click="getList"
|
||||||
|
>查询</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div v-if="resellShow" class="mb10">
|
||||||
|
<el-alert
|
||||||
|
title="注：添加为预售商品后，原普通商品会下架；如该商品已开启其它营销活动，请勿选择！"
|
||||||
|
type="warning"
|
||||||
|
v-if="resellShow"
|
||||||
|
show-icon
|
||||||
|
>
|
||||||
|
</el-alert>
|
||||||
|
</div>
|
||||||
|
<el-table v-loading="listLoading" :data="tableData.data" size="small">
|
||||||
|
<el-table-column width="55">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-radio
|
||||||
|
v-model="templateRadio"
|
||||||
|
:label="scope.row.product_id"
|
||||||
|
@change.native="getTemplateRow(scope.row)"
|
||||||
|
> </el-radio
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="product_id" label="ID" min-width="50" />
|
||||||
|
<el-table-column label="商品图" min-width="70">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="demo-image__preview">
|
||||||
|
<el-image
|
||||||
|
style="width: 36px; height: 36px"
|
||||||
|
:src="scope.row.image"
|
||||||
|
:preview-src-list="[scope.row.image]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="store_name" label="商品名称" min-width="230" />
|
||||||
|
<el-table-column prop="stock" label="库存" min-width="70" />
|
||||||
|
</el-table>
|
||||||
|
<div class="block">
|
||||||
|
<el-pagination
|
||||||
|
:page-size="tableFrom.limit"
|
||||||
|
:current-page="tableFrom.page"
|
||||||
|
layout="prev, pager, next, jumper"
|
||||||
|
:total="tableData.total"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="pageChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { goodLstApi, categorySelectApi } from "@/api/product";
|
||||||
|
import { roterPre } from "@/settings";
|
||||||
|
export default {
|
||||||
|
name: "EnergyList",
|
||||||
|
props: {
|
||||||
|
resellShow: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
isSeckill: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
templateRadio: 0,
|
||||||
|
merCateList: [],
|
||||||
|
roterPre: roterPre,
|
||||||
|
listLoading: true,
|
||||||
|
tableData: {
|
||||||
|
data: [],
|
||||||
|
total: 0
|
||||||
|
},
|
||||||
|
tableFrom: {
|
||||||
|
page: 1,
|
||||||
|
limit: 6,
|
||||||
|
cate_id: "",
|
||||||
|
store_name: "",
|
||||||
|
keyword: "",
|
||||||
|
is_gift_bag: 0,
|
||||||
|
status: 1,
|
||||||
|
is_ficti: this.isSeckill ? "" : 0,
|
||||||
|
is_action: this.isSeckill ? "" : 1
|
||||||
|
},
|
||||||
|
multipleSelection: {},
|
||||||
|
checked: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList();
|
||||||
|
this.getCategorySelect();
|
||||||
|
window.addEventListener("unload", e => this.unloadHandler(e));
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTemplateRow(row) {
|
||||||
|
this.multipleSelection = { src: row.image, id: row.product_id };
|
||||||
|
this.dialogVisible = false;
|
||||||
|
this.$emit("getProduct", this.multipleSelection);
|
||||||
|
},
|
||||||
|
// 商户分类；
|
||||||
|
getCategorySelect() {
|
||||||
|
categorySelectApi()
|
||||||
|
.then(res => {
|
||||||
|
this.merCateList = res.data;
|
||||||
|
})
|
||||||
|
.catch(res => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 列表
|
||||||
|
getList() {
|
||||||
|
this.listLoading = true;
|
||||||
|
goodLstApi(this.tableFrom)
|
||||||
|
.then(res => {
|
||||||
|
this.tableData.data = res.data.list;
|
||||||
|
this.tableData.total = res.data.count;
|
||||||
|
// this.checked =
|
||||||
|
// window.form_create_helper.get(this.$route.query.field) || [];
|
||||||
|
// this.tableData.data.forEach((item) => {
|
||||||
|
// this.checked.forEach((element) => {
|
||||||
|
// if (Number(item.product_id) === Number(element.id)) {
|
||||||
|
// this.$nextTick(() => {
|
||||||
|
// this.$refs.multipleTable.toggleRowSelection(item, true);
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
this.listLoading = false;
|
||||||
|
})
|
||||||
|
.catch(res => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pageChange(page) {
|
||||||
|
this.tableFrom.page = page;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.tableFrom.limit = val;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.seachTiele {
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
.fr {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<router-view />
|
||||||
|
</template>
|
||||||
Loading…
Reference in New Issue