mahaoran
/
2204a-cloud-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

拼团列表，拼团添加

master
‘mahaoran’ 2024-11-24 09:44:26 +08:00
parent a7640afbc0
commit 1540764027
3 changed files with 298 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -72,6 +72,7 @@
"eslint": "7.15.0",
"eslint-plugin-vue": "7.2.0",
"lint-staged": "10.5.3",
"moment": "^2.30.1",
"runjs": "4.4.2",
"sass": "1.32.13",
"sass-loader": "10.1.1",

95
src/api/marketing/team.js 100644
View File

@ -0,0 +1,95 @@
import request from '@/utils/request'
// 查询定时任务调度列表
export function teamInfoList(data) {
return request({
url: '/marketing/team/list',
method: 'post',
data
})
}
export function skuInfoList(params) {
return request({
url: '/product/sku/list',
method: 'get',
params:params
})
}
export function addActivityTeamInfo(data) {
return request({
url: '/marketing/team/add',
method: 'post',
data
})
}
//
// // 查询商品拼团信息列表
// export function listTeam(query) {
// return request({
// url: '/marketing/team/list',
// method: 'post',
// params: query
// })
// }
//
// // 查询商品拼团信息详细
// export function getTeam(id) {
// return request({
// url: '/marketing/team/' + id,
// method: 'get'
// })
// }
//
// // 新增商品拼团信息
// export function addTeam(data) {
// return request({
// url: '/marketing/team/add',
// method: 'post',
// data: data
// })
// }
//
// // 修改商品拼团信息
// export function updateTeam(data) {
// return request({
// url: '/marketing/team/'+data.id,
// method: 'put',
// data: data
// })
// }
//
// // 删除商品拼团信息
// export function delTeam(id) {
// return request({
// url: '/marketing/team/' + id,
// method: 'delete'
// })
// }
//
// // 查询商品信息列表
// export function listInfo(query) {
// return request({
// url: '/product/info/list',
// method: 'get',
// params: query
// })
// }

202
src/views/marketing/team/index.vue 100644
View File

@ -0,0 +1,202 @@
<template>
<div>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="活动名称" prop="name" >
<el-input v-model="form.name" style="width: 180px"/>
</el-form-item>
</el-form>
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="toAdd"
v-hasPermi="['product:info:add']"
>新增</el-button>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="id" label="编号id" width="180" />
<el-table-column prop="name" label="拼团名称" width="180" />
<el-table-column prop="addTeamBumber" label="加团人数" width="180" />
<el-table-column prop="openTeamNumber" label="开团人数" width="180" />
<el-table-column prop="attendNumber" label="参团人数" width="180" />
<el-table-column prop="productPrice" label="商品售价" width="180" />
<el-table-column prop="teamPrice" label="拼团价格" width="180" />
<el-table-column prop="teamStock" label="库拼库存" width="180" />
<el-table-column prop="remainStock" label="剩余库存" width="180" />
</el-table>
<el-dialog title="拼团活动添加" :visible.sync="dialogTableVisible" width="1200">
<el-form>
<el-form-item label="拼团活动名称" prop="name">
<el-input v-model="activityTeamForm.name" style="width: 180px"/>
</el-form-item>
<el-form-item label="活动活动简介" prop="introduction">
<el-input v-model="activityTeamForm.introduction" style="width: 180px"/>
</el-form-item>
<el-form-item label="商品单位" prop="unit">
<el-input v-model="activityTeamForm.unit" style="width: 180px"/>
</el-form-item>
<el-form-item label="商品轮播图" prop="imageList">
<image-upload v-model="activityTeamForm.imageList"/>
</el-form-item>
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" />
<el-table-column label="商品名称" align="center" prop="name" />
<el-table-column label="商品描述" align="center" prop="introduction" />
<el-table-column label="商品图片" align="center" prop="image" width="100">
<template slot-scope="scope">
<image-preview :src="scope.row.image" :width="50" :height="50"/>
</template>
</el-table-column>
</el-table>
<el-form-item label="活动时间" prop="endTime">
<div class="block">
<el-date-picker
v-model="activityTeamForm.endTime"
type="datetime"
placeholder="选择日期时间">
</el-date-picker>
</div>
</el-form-item>
<el-table v-loading="loading" :data="skuInfoList" @selection-change="handleSelection">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" />
<el-table-column label="商品sku" align="center" prop="sku" />
<el-table-column label="商品价格" align="center" prop="price" />
<el-table-column label="商品库存" align="center" prop="stock" />
<el-table-column label="商品图片" align="center" prop="image" width="100">
<template slot-scope="scope">
<image-preview :src="scope.row.image" :width="50" :height="50"/>
</template>
</el-table-column>
</el-table>
<el-form-item label="商品描述" prop="content">
<editor v-model="activityTeamForm.content" :min-height="192"/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="add()">提交</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import {addActivityTeamInfo, skuInfoList, teamInfoList} from "@/api/marketing/team";
import {listInfo} from "@/api/product/info";
import moment from "moment";
export default {
name: "拼团活动",
data() {
return {
dialogTableVisible:false,
loading:true,
tableData:[],
infoList:[],
// 弹出层标题
// 表单参数
form: {
pageNum:1,
pageSize:1,
},
queryParams: {
pageNum: 1,
pageSize: 6,
},
activityTeamForm:{
ruleInfo:null,
imageList:null
},
projectSkuList:[],
skuInfoList:[],
skuForm:{},
// 表单校验
rules: {
nam: [
{ required: true, message: "品牌名称不能为空", trigger: "blur" }
],
logo: [
{ required: true, message: "LOGO不能为空", trigger: "blur" }
],
start: [
{ required: true, message: "是否启用不能为空", trigger: "change" }
],
createBy: [
{ required: true, message: "创建人不能为空", trigger: "blur" }
],
createTime: [
{ required: true, message: "创建时间不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询品牌信息列表 */
getList() {
teamInfoList(this.form).then(
res=>{
this.tableData=res.data.rows;
}
)
},
search(){
this.getList()
},
// 多选框选中数据
handleSelectionChange(selection) {
for (let productId of selection) {
this.activityTeamForm.productId=productId.id
this.activityTeamForm.productImage=productId.image
}
console.log(selection)
},
toAdd(){
this.dialogTableVisible=true;
listInfo(this.queryParams).then(response => {
this.infoList = response.data.rows;
this.total = response.data.total;
this.loading = false;
});
skuInfoList(this.queryParams).then(res=>{
this.skuInfoList=res.data.rows;
this.loading = false;
})
},
handleSelection(select){
for (let skuForm of select) {
this.skuForm.sku=skuForm.sku
this.skuForm.price=skuForm.price
this.skuForm.stock=skuForm.stock
}
this.projectSkuList.push(this.skuForm);
console.log(this.projectSkuList)
},
add(){
console.log(this.activityTeamForm)
this.activityTeamForm.endTime=moment(this.activityTeamForm.endTime).format("YYYY-MM-DD HH:mm:ss")
this.activityTeamForm.ruleInfo=this.projectSkuList
addActivityTeamInfo(this.activityTeamForm).then(res=>{
this.$modal.msgSuccess("添加成功");
this.dialogTableVisible=false;
})
}
}
};
</script>