From 15407640275ec99962433ae83fbcc1b4141dfe8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98mahaoran=E2=80=99?= <2570310046@qq.com>
Date: Sun, 24 Nov 2024 09:44:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=BC=E5=9B=A2=E5=88=97=E8=A1=A8=EF=BC=8C?=
 =?UTF-8?q?=E6=8B=BC=E5=9B=A2=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                       |   1 +
 src/api/marketing/team.js          |  95 ++++++++++++++
 src/views/marketing/team/index.vue | 202 +++++++++++++++++++++++++++++
 3 files changed, 298 insertions(+)
 create mode 100644 src/api/marketing/team.js
 create mode 100644 src/views/marketing/team/index.vue

diff --git a/package.json b/package.json
index 6a46cc5..159f511 100644
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/src/api/marketing/team.js b/src/api/marketing/team.js
new file mode 100644
index 0000000..3d90eb3
--- /dev/null
+++ b/src/api/marketing/team.js
@@ -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
+//   })
+// }
diff --git a/src/views/marketing/team/index.vue b/src/views/marketing/team/index.vue
new file mode 100644
index 0000000..1b45207
--- /dev/null
+++ b/src/views/marketing/team/index.vue
@@ -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>