commit message

manager/src/views/promotion/seckill/addSeckill.scss

@@ -0,0 +1,264 @@
+/*选择商品品类*/
+.content-goods-publish {
+  padding: 15px;
+  margin: 0 auto;
+  text-align: center;
+  border: 1px solid #ddd;
+  background: none repeat 0 0 #fff;
+  height: 100%;
+  margin-bottom: 20px;
+
+  /*商品品类*/
+  .goods-category {
+    text-align: left;
+    padding: 10px;
+    background: #fafafa;
+    border: 1px solid #e6e6e6;
+
+    ul {
+      padding: 8px 4px 8px 8px;
+      list-style: none;
+      width: 300px;
+      background: none repeat 0 0 #fff;
+      border: 1px solid #e6e6e6;
+      display: inline-block;
+      letter-spacing: normal;
+      margin-right: 15px;
+      vertical-align: top;
+      word-spacing: normal;
+
+      li {
+        line-height: 20px;
+        padding: 5px;
+        cursor: pointer;
+        color: #333;
+        font-size: 12px;
+        display: flex;
+        flex-wrap: nowrap;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+  }
+
+  /** 当前品类被选中的样式 */
+  .activeClass {
+    background-color: #d9edf7;
+    border: 1px solid #bce8f1;
+    color: #3a87ad;
+  }
+
+  /*!*当前选择的商品品类文字*!*/
+  .current-goods-category {
+    text-align: left;
+    padding: 10px;
+    width: 100%;
+    border: 1px solid #fbeed5;
+    color: #c09853;
+    background-color: #fcf8e3;
+    margin: 10px auto;
+    padding: 8px 35px 8px 14px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    font-size: 12px;
+    font-weight: bold;
+  }
+}
+
+/*编辑基本信息*/
+.el-form {
+  padding-bottom: 80px;
+
+  .el-form-item {
+    width: 100%;
+    color: gray;
+    text-align: left;
+  }
+}
+
+getGoodsCategoryLevelList
+
+/*平铺*/
+div.base-info-item>div {
+  margin-left: 5%;
+}
+
+div.base-info-item {
+
+  h4 {
+    margin-bottom: 10px;
+    padding: 0 10px;
+    border: 1px solid #ddd;
+    background-color: #f8f8f8;
+    font-weight: bold;
+    color: #333;
+    font-size: 14px;
+    line-height: 40px;
+    text-align: left;
+  }
+
+  .form-item-view {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding-left: 80px;
+
+    .shop-category-text {
+      font-size: 12px;
+    }
+  }
+
+  .item-goods-properts-row {
+    display: flex;
+    flex-direction: row;
+    word-break: break-all;
+    white-space: normal;
+    width: 300px;
+    height: 100px;
+  }
+
+  .item-goods-properts {
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+  }
+
+  .form-item {
+    display: flex;
+    align-items: center;
+  }
+
+
+  /** 审核信息-拒绝原因 */
+  .auth-info {
+    color: red;
+  }
+
+  .el-form-item {
+    width: 30%;
+    min-width: 300px;
+  }
+
+  .goods-name-width {
+    width: 50%;
+    min-width: 300px;
+  }
+
+  .el-form-item__content {
+    margin-left: 120px;
+    text-align: left;
+  }
+
+  p.goods-group-manager {
+    padding-left: 7.5%;
+    text-align: left;
+    color: #999;
+    font-size: 13px;
+  }
+
+  /*teatarea*/
+  /deep/ .el-textarea {
+    width: 150%;
+  }
+
+  .seo-text {
+    width: 150%;
+  }
+}
+
+/*折叠面板*/
+.el-collapse-item {
+  /deep/ .el-collapse-item__header {
+    text-align: left;
+    background-color: #f8f8f8;
+    padding: 0 10px;
+    font-weight: bold;
+    color: #333;
+    font-size: 14px;
+  }
+
+  .el-form-item {
+    margin-left: 5%;
+    width: 25%;
+  }
+
+  /deep/ .el-form-item__content {
+    margin-left: 120px;
+    text-align: left;
+  }
+
+  p.goods-group-manager {
+    padding-left: 12%;
+    text-align: left;
+    color: #999;
+  }
+
+  /deep/ .el-collapse-item__content {
+    padding: 10px 0;
+    text-align: left;
+  }
+}
+
+/*商品描述*/
+.goods-intro {
+  line-height: 40;
+}
+
+/** 底部步骤 */
+.footer {
+  width: 88.7%;
+  padding: 10px;
+  background-color: #ffc;
+  position: fixed;
+  bottom: 0px;
+  left: 10%;
+  text-align: center;
+  z-index: 9999;
+}
+
+/*图片上传组件第一张图设置封面*/
+.goods-images {
+  /deep/ li.el-upload-list__item:first-child {
+    position: relative;
+  }
+
+  /deep/ li.el-upload-list__item:first-child:after {
+    content: "封";
+    color: #fff;
+    font-weight: bold;
+    font-size: 12px;
+    position: absolute;
+    left: -15px;
+    top: -6px;
+    width: 40px;
+    height: 24px;
+    padding-top: 6px;
+    background: #13ce66;
+    text-align: center;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+  }
+}
+
+.el-form-item__label {
+  word-break: break-all;
+}
+
+.step-view {
+  width: 33%;
+  height: 40px;
+  font-size: 19px;
+  text-align: center;
+  display: flex;
+  background-color: #fff;
+  justify-content: center;
+  align-items: center;
+}
+
+.page {
+  margin-top: 2vh;
+  margin-bottom: 5vh;
+}

manager/src/views/promotion/seckill/addSeckill.vue

@@ -0,0 +1,222 @@
+<template>
+  <div>
+    <Card>
+      <Form ref="form" :model="form" :label-width="120" :rules="formRule">
+        <div class="base-info-item">
+          <h4>基本信息</h4>
+          <div class="form-item-view">
+            <FormItem label="活动名称" prop="promotionName">
+              <Input
+                type="text"
+                v-model="form.promotionName"
+                placeholder="请填写活动名称"
+                clearable
+                :disabled="form.promotionStatus != 'NEW'"
+                style="width: 260px"
+              />
+            </FormItem>
+            <FormItem label="报名截止时间" prop="applyEndTime">
+              <DatePicker
+                type="datetime"
+                v-model="form.applyEndTime"
+                format="yyyy-MM-dd HH:mm:ss"
+                placeholder="请选择"
+                clearable
+                :disabled="form.promotionStatus != 'NEW'"
+                style="width: 200px"
+              >
+              </DatePicker>
+            </FormItem>
+            <FormItem label="活动开始时间" prop="startTime">
+              <DatePicker
+                type="datetime"
+                v-model="form.startTime"
+                :disabled="form.promotionStatus != 'NEW'"
+                format="yyyy-MM-dd"
+                placeholder="请选择"
+                clearable
+                style="width: 200px"
+              >
+              </DatePicker>
+            </FormItem>
+            <FormItem label="抢购时间段" prop="seckillPeriod">
+              <Tag
+                v-for="item in form.seckillPeriod"
+                :key="item"
+                :name="item"
+                closable
+                style="marrgin-left: 10px"
+                @on-close="removePeriodTime"
+                >{{ item >= 10 ? item : "0" + item }}:00</Tag
+              >
+              <InputNumber
+                :max="23"
+                :min="0"
+                v-model="periodTime"
+                v-show="showAddPeriod"
+                @on-blur="addPeriodTime"
+              ></InputNumber>
+              <Button
+                type="default"
+                @click="addPeriod"
+                v-if="form.promotionStatus == 'NEW'"
+                >添加时间段</Button
+              >
+            </FormItem>
+            <FormItem label="申请规则" prop="seckillRule">
+              <Input
+                type="text"
+                v-model="form.seckillRule"
+                placeholder="申请规则"
+                clearable
+                :disabled="form.promotionStatus != 'NEW'"
+                style="width: 260px"
+              />
+            </FormItem>
+          </div>
+          <div class="foot-btn">
+            <Button @click="closeCurrentPage" style="margin-right: 5px">返回</Button>
+            <Button
+              type="primary"
+              :loading="submitLoading"
+              v-if="form.promotionStatus == 'NEW'"
+              @click="handleSubmit"
+              >提交</Button
+            >
+          </div>
+        </div>
+      </Form>
+    </Card>
+  </div>
+</template>
+
+<script>
+import { saveSeckill, updateSeckill, seckillDetail } from "@/api/promotion";
+
+export default {
+  name: "addSeckill",
+  data() {
+    return {
+      maxHeight: "240px",
+      modalType: 0,
+      /** 当前状态/模式 默认发布商品0 编辑商品1 编辑草稿箱商品2 */
+      currentStatus: 0,
+      categoryId: 0,
+      form: {
+        /** 活动名称 */
+        promotionName: "",
+        /** 报名截止时间 */
+        applyEndTime: "",
+        /** 活动开始时间 */
+        startTime: "",
+        /** 抢购时间段 */
+        seckillPeriod: [],
+        /** 申请规则 */
+        seckillRule: "",
+        promotionStatus: "NEW",
+      },
+      id: this.$route.query.id,
+      periodTime: null,
+      showAddPeriod: false,
+      submitLoading: false, // 添加或编辑提交状态
+
+      formRule: {
+        promotionName: [{ required: true, message: "请填写活动名称" }],
+        applyEndTime: [{ required: true, message: "请填写报名截止时间" }],
+        seckillPeriod: [{ required: true, message: "请填写抢购时间段" }],
+        startTime: [{ required: true, message: "请填写活动开始时间" }],
+        seckillRule: [{ required: true, message: "请输入申请规则" }],
+      },
+    };
+  },
+  mounted() {
+    // 如果id不为空则查询信息
+    if (this.id) {
+      this.getData();
+      this.modalType = 1;
+    }
+  },
+  methods: {
+    // 关闭当前页面
+    closeCurrentPage() {
+      this.$store.commit("removeTag", "manager-seckill-add");
+      localStorage.pageOpenedList = JSON.stringify(this.$store.state.app.pageOpenedList);
+      this.$router.go(-1);
+    },
+    getData() {
+      seckillDetail(this.id).then((res) => {
+        if (res.success) {
+          let data = res.result;
+          data.seckillPeriod = res.result.hours.split(",");
+          this.form = data;
+        }
+      });
+    },
+    addPeriod() {
+      this.addPeriodTime();
+      this.showAddPeriod = true;
+    },
+    addPeriodTime() {
+      this.showAddPeriod = false;
+      if (
+        this.periodTime !== null &&
+        !this.form.seckillPeriod.includes(this.periodTime)
+      ) {
+        this.form.seckillPeriod.push(this.periodTime);
+      }
+    },
+    removePeriodTime(event, name) {
+      this.form.seckillPeriod = this.form.seckillPeriod.filter((i) => i !== name);
+    },
+    handleSelectLink(item, index) {
+      // 调起选择链接弹窗
+      if (item) this.selectedNav = item;
+      this.$refs.liliDialog.open('link')
+    },
+    changeScope(val) {
+      if (val === "PORTION_GOODS") {
+        this.handleSelectLink();
+      }
+    },
+    /** 保存平台优惠券 */
+    handleSubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          this.form.hours = this.form.seckillPeriod.toString();
+          if (this.modalType === 0) {
+            // 添加 避免编辑后传入id等数据 记得删除
+            delete this.form.id;
+            saveSeckill(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res && res.success) {
+                this.$Message.success("限时抢购活动添加成功");
+                this.closeCurrentPage();
+              }
+            });
+          } else {
+            delete this.form.createTime;
+            delete this.form.updateTime;
+            delete this.form.endTime;
+            // 编辑
+            updateSeckill(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res && res.success) {
+                this.$Message.success("限时抢购活动修改成功");
+                this.closeCurrentPage();
+              }
+            });
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "addSeckill.scss";
+.ivu-form-item{
+  margin-bottom: 30px;
+}
+</style>

manager/src/views/promotion/seckill/seckill.vue

@@ -0,0 +1,318 @@
+<template>
+  <div class="seckill">
+    <Card>
+      <Row>
+        <Form
+          ref="searchForm"
+          :model="searchForm"
+          inline
+          :label-width="70"
+          class="search-form"
+        >
+          <Form-item label="活动名称" prop="promotionName">
+            <Input
+              type="text"
+              v-model="searchForm.promotionName"
+              placeholder="请输入活动名称"
+              clearable
+              style="width: 200px"
+            />
+          </Form-item>
+          <Form-item label="活动状态" prop="promotionStatus">
+            <Select
+              v-model="searchForm.promotionStatus"
+              placeholder="请选择"
+              clearable
+              style="width: 200px"
+            >
+              <Option value="NEW">未开始</Option>
+              <Option value="START">已开始/上架</Option>
+              <Option value="END">已结束/下架</Option>
+              <Option value="CLOSE">紧急关闭/作废</Option>
+            </Select>
+          </Form-item>
+          <Form-item label="活动时间">
+            <DatePicker
+              v-model="selectDate"
+              type="daterange"
+              clearable
+              placeholder="选择起始时间"
+              style="width: 200px"
+            ></DatePicker>
+          </Form-item>
+
+          <Button
+            @click="handleSearch"
+            type="primary"
+            icon="ios-search"
+            class="search-btn"
+            >搜索</Button
+          >
+        </Form>
+      </Row>
+      <Row class="operation padding-row">
+        <Button type="primary" @click="add">添加活动</Button>
+      </Row>
+      <Row>
+        <Table
+          :loading="loading"
+          border
+          :columns="columns"
+          :data="data"
+          ref="table"
+          class="page"
+        >
+          <template slot-scope="{ row }" slot="action">
+            <Button
+              type="info"
+              size="small"
+              class="mr_5"
+              v-if="row.promotionStatus == 'NEW'"
+              @click="edit(row)"
+              >编辑</Button
+            >
+            &nbsp;
+            <Button
+              type="info"
+              size="small"
+              class="mr_5"
+              v-else
+              @click="manage(row)"
+              >查看</Button
+            >
+            &nbsp;
+            <Button
+              type="primary"
+              size="small"
+              class="mr_5"
+              v-if="row.promotionStatus == 'NEW'"
+              @click="manage(row)"
+              >管理</Button
+            >
+            &nbsp;
+            <!-- <Button type="success" size="small" class="mr_5" v-if="row.promotionStatus == 'NEW' || row.promotionStatus == 'END'" @click="upper(row)">上架</Button>   -->
+            <Button
+              type="error"
+              size="small"
+              v-if="
+                row.promotionStatus == 'START' || row.promotionStatus == 'NEW'
+              "
+              class="mr_5"
+              @click="off(row)"
+              >下架</Button
+            >
+            &nbsp;
+            <Button
+              type="error"
+              size="small"
+              v-if="row.promotionStatus == 'CLOSE'"
+              ghost
+              @click="expire(row)"
+              >删除</Button
+            >
+          </template>
+        </Table>
+      </Row>
+      <Row type="flex" justify="end" class="page">
+        <Page
+          :current="searchForm.pageNumber + 1"
+          :total="total"
+          :page-size="searchForm.pageSize"
+          @on-change="changePage"
+          @on-page-size-change="changePageSize"
+          :page-size-opts="[10, 20, 50]"
+          size="small"
+          show-total
+          show-elevator
+          show-sizer
+        ></Page>
+      </Row>
+    </Card>
+  </div>
+</template>
+
+<script>
+import { getSeckillList, delSeckill, closeSeckill } from "@/api/promotion";
+export default {
+  name: "seckill",
+  data() {
+    return {
+      loading: true, // 表单加载状态
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 0, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "startTime",
+        order: "desc", // 默认排序方式
+      },
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      columns: [
+        {
+          title: "活动名称",
+          key: "promotionName",
+          minWidth: 130,
+          tooltip: true,
+        },
+
+        {
+          title: "开始时间",
+          key: "startTime",
+          width: 180,
+        },
+        {
+          title: "申请截止时间",
+          key: "applyEndTime",
+          width: 180,
+        },
+
+        {
+          title: "活动状态",
+          key: "promotionStatus",
+          width: 100,
+          render: (h, params) => {
+            if (params.row.promotionStatus == "NEW") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "新建",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "START") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "success",
+                    text: "开始",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "END") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "结束",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "CLOSE") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "废弃",
+                  },
+                }),
+              ]);
+            }
+          },
+        },
+
+        {
+          title: "申请规则",
+          key: "seckillRule",
+          minWidth: 120,
+          tooltip: true,
+        },
+        {
+          title: "操作",
+          slot: "action",
+          align: "center",
+          width: 250,
+        },
+      ],
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    changePage(v) {
+      this.searchForm.pageNumber = v - 1;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize(v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    handleSearch() {
+      this.searchForm.pageNumber = 0;
+      this.searchForm.pageSize = 10;
+      this.getDataList();
+    },
+    add() {
+      // 添加
+      this.$router.push({ name: "manager-seckill-add" });
+    },
+    edit(v) {
+      // 编辑
+      this.$router.push({ name: "manager-seckill-add", query: { id: v.id } });
+    },
+    manage(v) {
+      // 管理
+      this.$router.push({ name: "seckill-goods", query: { id: v.id } });
+    },
+
+    off(v) {
+      // 下架
+      this.$Modal.confirm({
+        title: "提示",
+        content: "您确定要下架该活动吗？",
+        onOk: () => {
+          closeSeckill(v.id).then((res) => {
+            if (res.success) {
+              this.$Message.success("下架成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+    expire(v) {
+      // 作废
+      this.$Modal.confirm({
+        title: "提示",
+        content: "您确定要作废该活动吗？",
+        onOk: () => {
+          delSeckill(v.id).then((res) => {
+            if (res.success) {
+              this.$Message.success("作废成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+    getDataList() {
+      this.loading = true;
+      if (this.selectDate && this.selectDate[0] && this.selectDate[1]) {
+        this.searchForm.startTime = this.selectDate[0].getTime();
+        this.searchForm.endTime = this.selectDate[1].getTime();
+      } else {
+        this.searchForm.startTime = null;
+        this.searchForm.endTime = null;
+      }
+      // 带多条件搜索参数获取表单数据
+      getSeckillList(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss">
+@import "@/styles/table-common.scss";
+</style>

manager/src/views/promotion/seckill/seckillGoods.vue

@@ -0,0 +1,479 @@
+<template>
+  <div class="seckill-goods">
+    <Card>
+      <Table border :columns="columns" :data="data">
+        <template slot-scope="{ row }" slot="applyEndTime">
+          {{ unixDate(row.applyEndTime) }}
+        </template>
+        <template slot-scope="{ row }" slot="hours">
+          <Tag v-for="item in unixHours(row.hours)" :key="item">{{ item }}</Tag>
+        </template>
+      </Table>
+
+      <Row class="operation">
+        <Button @click="auditAll">批量审核</Button>
+        <Button
+          type="dashed"
+          @click="
+            () => {
+              openTip = !openTip;
+            }
+          "
+        >{{ openTip ? "关闭提示" : "开启提示" }}
+        </Button
+        >
+      </Row>
+      <Row v-show="openTip">
+        <Alert show-icon>
+          已选择 <span class="select-count">{{ selectCount }}</span> 项
+          <a class="select-clear" @click="clearSelectAll">清空</a>
+        </Alert>
+      </Row>
+      <Row class="operation">
+        <Table
+          :loading="loading"
+          border
+          :columns="goodsColumns"
+          :data="goodsList"
+          ref="table"
+          sortable="custom"
+          @on-selection-change="changeSelect"
+        >
+          <template slot-scope="{ row }" slot="originalPrice">
+            <div>{{ row.originalPrice | unitPrice("￥") }}</div>
+          </template>
+
+          <template slot-scope="{ row }" slot="quantity">
+            <div>{{ row.quantity }}</div>
+          </template>
+
+          <template slot-scope="{ row }" slot="price">
+            <div>{{ row.price | unitPrice("￥") }}</div>
+          </template>
+
+          <template slot-scope="{ row }" slot="promotionApplyStatus">
+            <Badge
+              status="success"
+              v-if="row.promotionApplyStatus == 'PASS'"
+              :text="promotionApplyStatus(row.promotionApplyStatus)"
+            />
+            <Badge
+              status="blue"
+              v-if="row.promotionApplyStatus == 'APPLY'"
+              :text="promotionApplyStatus(row.promotionApplyStatus)"
+            />
+            <Badge
+              status="error"
+              v-if="row.promotionApplyStatus == 'REFUSE'"
+              :text="promotionApplyStatus(row.promotionApplyStatus)"
+            />
+            <span
+              v-if="row.promotionApplyStatus == 'REFUSE'"
+              @click="showReason(row.failReason)"
+              class="reason"
+            >（拒绝原因）</span
+            >
+          </template>
+          <template slot-scope="{ row }" slot="time">
+            <Tag>{{ row.timeLine + ":00" }}</Tag>
+          </template>
+          <template slot-scope="{ row }" slot="QRCode">
+            <img
+              v-if="row.QRCode"
+              :src="row.QRCode || '../../../assets/lili.png'"
+              width="50px"
+              height="50px"
+              alt=""
+            />
+          </template>
+          <template slot-scope="{ row }" slot="action">
+            <Button
+              type="success"
+              size="small"
+              style="margin-right: 10px"
+              :disabled="row.promotionApplyStatus != 'APPLY'"
+              @click="pass(row)"
+            >通过
+            </Button
+            >
+            <Button
+              type="error"
+              size="small"
+              :disabled="row.promotionApplyStatus != 'APPLY'"
+              @click="refuse(row)"
+            >拒绝
+            </Button
+            >
+          </template>
+        </Table>
+      </Row>
+      <Row type="flex" justify="end" class="page">
+        <Page
+          :current="searchForm.pageNumber + 1"
+          :total="total"
+          :page-size="searchForm.pageSize"
+          @on-change="changePage"
+          @on-page-size-change="changePageSize"
+          :page-size-opts="[10, 20, 50]"
+          size="small"
+          show-total
+          show-elevator
+          show-sizer
+        ></Page>
+      </Row>
+    </Card>
+    <Modal v-model="showModal" title="审核商品">
+      <Form ref="form" :model="params" :rules="rules">
+        <FormItem label="审核状态">
+          <RadioGroup v-model="params.applyStatus">
+            <Radio label="PASS">通过</Radio>
+            <Radio label="REFUSE">拒绝</Radio>
+          </RadioGroup>
+        </FormItem>
+        <FormItem
+          label="拒绝原因"
+          prop="failReason"
+          v-if="params.applyStatus == 'REFUSE'"
+        >
+          <Input
+            type="textarea"
+            v-model="params.failReason"
+            maxlength="50"
+            style="width: 260px"
+            show-word-limit
+          />
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button size="small" @click="showModal = false">取消</Button>
+        <Button
+          size="small"
+          type="primary"
+          :loading="submitLoading"
+          @click="sureAudit"
+        >确定
+        </Button
+        >
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+  import {
+    seckillGoodsList,
+    seckillDetail,
+    auditApplySeckill,
+  } from "@/api/promotion.js";
+
+  export default {
+    data() {
+      return {
+        promotionStatus: "",
+        showModal: false,
+        openTip: true,
+        loading: false, // 表单加载状态
+        submitLoading: false,
+        searchForm: {
+          // 搜索框初始化对象
+          pageNumber: 0, // 当前页数
+          pageSize: 100, // 页面大小
+        },
+        total: 0,
+        selectList: [], // 多选数据
+        selectCount: 0, // 多选计数
+        data: [], // 表单数据
+        columns: [
+          {
+            title: "活动名称",
+            key: "promotionName",
+            minWidth: 120,
+          },
+          {
+            title: "活动开始时间",
+            key: "startTime",
+          },
+          {
+            title: "报名截止时间",
+            slot: "applyEndTime",
+          },
+          {
+            title: "时间场次",
+            slot: "hours",
+          },
+          {
+            title: "活动状态",
+            key: "promotionStatus",
+            minWidth: 80,
+            sortable: false,
+            render: (h, params) => {
+              if (params.row.promotionStatus == "NEW") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "新建",
+                    },
+                  }),
+                ]);
+              } else if (params.row.promotionStatus == "START") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "success",
+                      text: "开始",
+                    },
+                  }),
+                ]);
+              } else if (params.row.promotionStatus == "END") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "结束",
+                    },
+                  }),
+                ]);
+              } else if (params.row.promotionStatus == "CLOSE") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "废弃",
+                    },
+                  }),
+                ]);
+              }
+            },
+          },
+        ],
+        goodsColumns: [
+          {type: "selection", width: 60, align: "center"},
+          {
+            title: "商品名称",
+            key: "goodsName",
+            minWidth: 120,
+            tooltip: true
+          },
+          {
+            title: "商品价格",
+            slot: "originalPrice",
+            width: 110,
+          },
+          {
+            title: "库存",
+            slot: "quantity",
+            minWidth: 30,
+            width: 90
+          },
+          {
+            title: "活动价格",
+            slot: "price",
+            width: 100,
+          },
+          {
+            title: "商家名称",
+            key: "storeName",
+            minWidth: 100,
+            tooltip: true
+
+          },
+          {
+            title: "活动场次",
+            width: 100,
+            slot: "time",
+          },
+          {
+            title: "状态",
+            slot: "promotionApplyStatus",
+            minWidth: 30,
+            width: 90,
+          },
+
+          {
+            title: "操作",
+            slot: "action",
+            width: 150,
+            align: "center",
+          },
+        ],
+        goodsList: [],
+        params: {
+          seckillId: this.$route.query.id,
+          applyStatus: "PASS",
+          failReason: "",
+          ids: "",
+        },
+        rules: {
+          failReason: [{required: true, message: "请输入拒绝原因"}],
+        },
+      };
+    },
+    methods: {
+      init() {
+        this.getSeckillMsg();
+      },
+
+      changePage(v) {
+        this.searchForm.pageNumber = v - 1;
+        this.getDataList();
+        this.clearSelectAll();
+      },
+
+      changePageSize(v) {
+        this.searchForm.pageSize = v;
+        this.getDataList();
+      },
+
+      clearSelectAll() {
+        this.$refs.table.selectAll(false);
+      },
+
+      changeSelect(e) {
+        // 获取选择数据
+        this.selectList = e;
+        this.selectCount = e.length;
+        let ids = [];
+        this.selectList.forEach((item) => {
+          ids.push(e.id);
+        });
+        this.params.ids = ids.toString();
+      },
+
+      getDataList() {
+        // 获取商品详情
+        this.loading = true;
+        this.searchForm.seckillId = this.$route.query.id;
+        seckillGoodsList(this.searchForm).then((res) => {
+          this.loading = false;
+          if (res.success && res.result) {
+            this.goodsList = res.result.records;
+            this.total = res.result.total;
+          }
+        });
+      },
+
+      getSeckillMsg() {
+        // 获取活动详情
+        seckillDetail(this.$route.query.id).then((res) => {
+          if (res.success && res.result) {
+            this.data = [];
+            this.data.push(res.result);
+            this.promotionStatus = res.result.promotionStatus;
+            this.getDataList();
+          }
+        });
+      },
+      delGoods(index) {
+        // 删除商品
+        this.goodsList.list.splice(index, 1);
+      },
+
+      unixDate(time) {
+        // 处理报名截止时间
+        return this.$options.filters.unixToDate(new Date(time) / 1000);
+      },
+      unixHours(item) {
+        // 处理小时场次
+        let hourArr = item.split(",");
+        for (let i = 0; i < hourArr.length; i++) {
+          hourArr[i] += ":00";
+        }
+        return hourArr;
+      },
+      promotionApplyStatus(key) {
+        switch (key) {
+          case "APPLY":
+            return "申请";
+            break;
+          case "PASS":
+            return "通过";
+            break;
+          case "REFUSE":
+            return "拒绝";
+            break;
+        }
+      },
+      pass(row) {
+        // 通过
+        let params = {
+          seckillId: this.$route.query.id,
+          applyStatus: "PASS",
+          failReason: "",
+          ids: row.id,
+        };
+        auditApplySeckill(params).then((res) => {
+          if (res && res.success) {
+            this.$Message.success("已通过该商品审核");
+            this.getDataList();
+          }
+        });
+      },
+      refuse(row) {
+        // 拒绝
+        this.params.applyStatus = "REFUSE";
+        this.selectList.push(row);
+        this.showModal = true;
+      },
+      auditAll() {
+        // 批量审核
+        if (this.selectCount <= 0) {
+          this.$Message.warning("您还未选择要审核的商品");
+          return;
+        }
+        this.showModal = true;
+      },
+      sureAudit() {
+        this.selectCount = this.selectList.length;
+        // 批量审核
+        if (this.selectCount <= 0) {
+          this.$Message.warning("您还未选择要审核的商品");
+          return;
+        }
+        this.params.ids = this.selectList
+          .filter((i) => i.promotionApplyStatus === "APPLY")
+          .map((i) => i.id);
+        if (this.params.ids.length <= 0) {
+          this.$Message.warning("当前没有可审核的商品");
+          return;
+        }
+        if (
+          this.params.applyStatus == "REFUSE" &&
+          this.params.failReason === ""
+        ) {
+          this.$Message.warning("审核拒绝理由不能为空");
+          return;
+        }
+        this.submitLoading = true;
+        auditApplySeckill(this.params).then((res) => {
+          this.submitLoading = false;
+          if (res.success) {
+            this.showModal = false;
+            this.$Message.success("审核成功");
+            this.selectList = [];
+            this.getDataList();
+          }
+        });
+      },
+      showReason(reason) {
+        this.$Modal.info({
+          title: "拒绝原因",
+          content: reason,
+        });
+      },
+    },
+    mounted() {
+      this.init();
+    },
+  };
+</script>
+<style lang="scss" scoped>
+  .operation {
+    margin: 10px 0;
+  }
+
+  .reason {
+    cursor: pointer;
+    color: #2d8cf0;
+    font-size: 12px;
+  }
+</style>