From db919a57f38df1250075fe4953ed42283dad1ca1 Mon Sep 17 00:00:00 2001
From: pikachu <1321288662@qq.com>
Date: Mon, 16 Aug 2021 19:54:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9C=A8=E5=B7=B2=E6=9C=89?=
 =?UTF-8?q?=E7=A7=92=E6=9D=80=E5=95=86=E5=93=81=E6=83=85=E5=86=B5=E4=B8=8B?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=96=B0=E7=9A=84=E7=A7=92=E6=9D=80=E5=95=86?=
 =?UTF-8?q?=E5=93=81=20=E6=95=B0=E6=8D=AE=E4=BF=9D=E5=AD=98=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/promotion/seckill/seckillGoods.vue  | 558 +++++++++---------
 1 file changed, 293 insertions(+), 265 deletions(-)

diff --git a/seller/src/views/promotion/seckill/seckillGoods.vue b/seller/src/views/promotion/seckill/seckillGoods.vue
index 29da380c..b85f3982 100644
--- a/seller/src/views/promotion/seckill/seckillGoods.vue
+++ b/seller/src/views/promotion/seckill/seckillGoods.vue
@@ -74,7 +74,7 @@
                   v-if="row.promotionApplyStatus == 'REFUSE'"
                   @click="showReason(row.failReason)"
                   class="reason"
-                  >（拒绝原因）</span
+                >（拒绝原因）</span
                 >
                 <Badge
                   status="error"
@@ -99,7 +99,8 @@
                   size="small"
                   ghost
                   @click="delGoods(index, row)"
-                  >删除</Button
+                >删除
+                </Button
                 >
               </template>
             </Table>
@@ -114,7 +115,8 @@
           :loading="submitLoading"
           v-if="promotionStatus === 'NEW'"
           @click="save"
-          >提交</Button
+        >提交
+        </Button
         >
       </Row>
     </Card>
@@ -126,279 +128,305 @@
   </div>
 </template>
 <script>
-import {
-  seckillGoodsList,
-  seckillDetail,
-  setSeckillGoods,
-  delSeckillGoods
-} from "@/api/promotion.js";
-import skuSelect from "@/views/lili-dialog";
-export default {
-  components: {
-    skuSelect,
-  },
-  data() {
-    return {
-      promotionStatus: "", // 活动状态
-      loading: false, // 表单加载状态
-      searchForm: {
-        // 搜索框初始化对象
-        pageNumber: 0, // 当前页数
-        pageSize: 1000, // 页面大小
-      },
-      tabIndex: 0, // 选择商品的下标
-      submitLoading: false, // 添加或编辑提交状态
-      selectList: [], // 多选数据
-      selectCount: 0, // 多选计数
-      data: [{}], // 表单数据
-      columns: [
-        {
-          title: "活动名称",
-          key: "promotionName",
-          minWidth: 120,
-        },
-        {
-          title: "活动开始时间",
-          key: "startTime",
-        },
-        {
-          title: "报名截止时间",
-          slot: "applyEndTime",
-        },
-        {
-          title: "时间场次",
-          slot: "hours",
-        },
-      ],
-      goodsColumns: [
-        {
-          title: "商品名称",
-          key: "goodsName",
-          minWidth: 120,
-        },
-        {
-          title: "商品价格",
-          slot: "originalPrice",
-          minWidth: 50,
-        },
-        {
-          title: "库存",
-          slot: "quantity",
-          minWidth: 40,
-        },
-        {
-          title: "活动价格",
-          slot: "price",
-          minWidth: 50,
-        },
-        {
-          title: "状态",
-          slot: "promotionApplyStatus",
-          minWidth: 30,
-        },
-        {
-          title: "操作",
-          slot: "action",
-          minWidth: 50,
-        },
-      ],
-      goodsList: [] // 商品列表
-    };
-  },
-  methods: {
-    // 关闭当前页面
-    closeCurrentPage() {
-      this.$store.commit("removeTag", "seckill-goods");
-      localStorage.storeOpenedList = JSON.stringify(
-        this.$store.state.app.storeOpenedList
-      );
-      this.$router.go(-1);
-    },
-    // 提交秒杀商品
-    save() {
+  import {
+    seckillGoodsList,
+    seckillDetail,
+    setSeckillGoods,
+    delSeckillGoods
+  } from "@/api/promotion.js";
+  import skuSelect from "@/views/lili-dialog";
 
-      let list = JSON.parse(JSON.stringify(this.goodsList));
-      let params = {
-        seckillId: this.$route.query.id,
-        applyVos: [],
+  export default {
+    components: {
+      skuSelect,
+    },
+    data() {
+      return {
+        promotionStatus: "", // 活动状态
+        loading: false, // 表单加载状态
+        searchForm: {
+          // 搜索框初始化对象
+          pageNumber: 0, // 当前页数
+          pageSize: 1000, // 页面大小
+        },
+        tabIndex: 0, // 选择商品的下标
+        submitLoading: false, // 添加或编辑提交状态
+        selectList: [], // 多选数据
+        selectCount: 0, // 多选计数
+        data: [{}], // 表单数据
+        columns: [
+          {
+            title: "活动名称",
+            key: "promotionName",
+            minWidth: 120,
+          },
+          {
+            title: "活动开始时间",
+            key: "startTime",
+          },
+          {
+            title: "报名截止时间",
+            slot: "applyEndTime",
+          },
+          {
+            title: "时间场次",
+            slot: "hours",
+          },
+        ],
+        goodsColumns: [
+          {
+            title: "商品名称",
+            key: "goodsName",
+            minWidth: 120,
+          },
+          {
+            title: "商品价格",
+            slot: "originalPrice",
+            minWidth: 50,
+          },
+          {
+            title: "库存",
+            slot: "quantity",
+            minWidth: 40,
+          },
+          {
+            title: "活动价格",
+            slot: "price",
+            minWidth: 50,
+          },
+          {
+            title: "状态",
+            slot: "promotionApplyStatus",
+            minWidth: 30,
+          },
+          {
+            title: "操作",
+            slot: "action",
+            minWidth: 50,
+          },
+        ],
+        goodsList: [] // 商品列表
       };
-      list.forEach((e, index) => {
-        e.list.forEach((i) => {
-          // if(e.id) delete e.id
-          params.applyVos.push(i);
-        });
-      });
-      this.submitLoading = true;
-      setSeckillGoods(params).then((res) => {
-        this.submitLoading = false;
-        if (res && res.success) {
-          this.$Message.success("提交活动商品成功");
-          this.closeCurrentPage();
-        }
-      });
-    },
-    // 初始化数据
-    init() {
-      this.getSeckillMsg();
-    },
-    // 清除选中状态 
-    clearSelectAll() {
-      this.$refs.table.selectAll(false);
-    },
-    // 获取选择数据
-    changeSelect(e) {
-      this.selectList = e;
-      this.selectCount = e.length;
     },
+    methods: {
+      // 关闭当前页面
+      closeCurrentPage() {
+        this.$store.commit("removeTag", "seckill-goods");
+        localStorage.storeOpenedList = JSON.stringify(
+          this.$store.state.app.storeOpenedList
+        );
+        this.$router.go(-1);
+      },
+      // 提交秒杀商品
+      save() {
 
-    getDataList() {
-      // 获取商品详情
-      this.loading = true;
-      this.searchForm.seckillId = this.$route.query.id;
-      // 处理过的时间 为‘1:00’
-      let hours = this.unixHours(this.data[0].hours);
-      hours.forEach((e) => {
-        this.goodsList.push({
-          hour: e,
-          list: [],
-        });
-      });
-      seckillGoodsList(this.searchForm).then((res) => {
-        this.loading = false;
-        if (res.success && res.result) {
-          let data = res.result.records;
-          // 未处理时间 为'1'
-          let noFilterhours = this.data[0].hours.split(",");
-          if (data.length) {
-            noFilterhours.forEach((e, index) => {
-              data.forEach((i) => {
-                if (i.timeLine == e) {
-                  this.goodsList[index].list.push(i);
-                }
-              });
-            });
-          }
-        }
-      });
-    },
+        let list = JSON.parse(JSON.stringify(this.goodsList));
 
-    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, row) {
-      // 删除商品
-      if (row.promotionApplyStatus === 'PASS') {
-        const params = {
-          seckillId: row.seckillId,
-          id: row.id
-        }
-        delSeckillGoods(params).then(res => {
-          if (res.success) {
-            this.goodsList[this.tabIndex].list.splice(index, 1);
-            this.$Message.success("删除成功！");
-          }
-        })
-      } else {
-        this.goodsList[this.tabIndex].list.splice(index, 1);
-        this.$Message.success("删除成功！");
-      }
-    },
-    selectedGoodsData(item) {
-      // 选择器添加商品
-      let list = [];
-      console.log(item);
-      item.forEach((e) => {
-        list.push({
-          goodsName: e.goodsName,
-          price: e.price,
-          originalPrice: e.price,
-          promotionApplyStatus: e.promotionApplyStatus || '',
-          quantity: e.quantity,
+        console.warn(list)
+        let params = {
           seckillId: this.$route.query.id,
-          storeId: e.storeId,
-          storeName: e.storeName,
-          skuId: e.id,
-          timeLine: this.data[0].hours.split(",")[this.tabIndex],
-
+          applyVos: [],
+        };
+        list.forEach((e, index) => {
+          e.list.forEach((i) => {
+            // if(e.id) delete e.id
+            params.applyVos.push(i);
+          });
         });
-      });
+        this.submitLoading = true;
 
-      this.goodsList[this.tabIndex].list = list;
-      this.$nextTick(()=> {
-        this.$forceUpdate()
-      })
-    },
-    openSkuList() { // 显示商品选择器
-      this.$refs.skuSelect.open("goods");
-      let data = JSON.parse(JSON.stringify(this.goodsList[this.tabIndex].list))
-      data.forEach(e => {
-        e.id = e.skuId
-      })
-      this.$refs.skuSelect.goodsData = data;
-    },
-    unixDate(time) {
-      // 处理报名截止时间
-      return this.$options.filters.unixToDate(new Date(time) / 1000);
-    },
-    unixHours(item) {
-      if (item) {
-        // 处理小时场次
-        let hourArr = item.split(",");
-        for (let i = 0; i < hourArr.length; i++) {
-          hourArr[i] += ":00";
+        console.log(list)
+
+        setSeckillGoods(params).then((res) => {
+          this.submitLoading = false;
+          if (res && res.success) {
+            this.$Message.success("提交活动商品成功");
+            this.closeCurrentPage();
+          }
+        });
+      },
+      // 初始化数据
+      init() {
+        this.getSeckillMsg();
+      },
+      // 清除选中状态
+      clearSelectAll() {
+        this.$refs.table.selectAll(false);
+      },
+      // 获取选择数据
+      changeSelect(e) {
+        this.selectList = e;
+        this.selectCount = e.length;
+      },
+
+      getDataList() {
+        // 获取商品详情
+        this.loading = true;
+        this.searchForm.seckillId = this.$route.query.id;
+        // 处理过的时间 为‘1:00’
+        let hours = this.unixHours(this.data[0].hours);
+        hours.forEach((e) => {
+          this.goodsList.push({
+            hour: e,
+            list: [],
+          });
+        });
+        seckillGoodsList(this.searchForm).then((res) => {
+          this.loading = false;
+          if (res.success && res.result) {
+            let data = res.result.records;
+            // 未处理时间 为'1'
+            let noFilterhours = this.data[0].hours.split(",");
+            if (data.length) {
+              noFilterhours.forEach((e, index) => {
+                data.forEach((i) => {
+                  if (i.timeLine == e) {
+                    this.goodsList[index].list.push(i);
+                  }
+                });
+              });
+            }
+          }
+        });
+      },
+
+      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, row) {
+        // 删除商品
+        if (row.promotionApplyStatus === 'PASS') {
+          const params = {
+            seckillId: row.seckillId,
+            id: row.id
+          }
+          delSeckillGoods(params).then(res => {
+            if (res.success) {
+              this.goodsList[this.tabIndex].list.splice(index, 1);
+              this.$Message.success("删除成功！");
+            }
+          })
+        } else {
+          this.goodsList[this.tabIndex].list.splice(index, 1);
+          this.$Message.success("删除成功！");
         }
-        return hourArr;
+      },
+      selectedGoodsData(item) {
+        // 选择器添加商品
+        item.forEach((e) => {
+          if(this.goodsList[this.tabIndex].list.length == 0){
+            this.goodsList[this.tabIndex].list.push({
+              goodsName: e.goodsName,
+              price: e.price,
+              originalPrice: e.price,
+              promotionApplyStatus: e.promotionApplyStatus || '',
+              quantity: e.quantity,
+              seckillId: this.$route.query.id,
+              storeId: e.storeId,
+              storeName: e.storeName,
+              skuId: e.id,
+              timeLine: this.data[0].hours.split(",")[this.tabIndex],
+            });
+          }else{
+            this.goodsList[this.tabIndex].list.forEach(goods => {
+              if (e.id != goods.skuId) {
+                this.goodsList[this.tabIndex].list.push(
+                  {
+                    goodsName: e.goodsName,
+                    price: e.price,
+                    originalPrice: e.price,
+                    promotionApplyStatus: e.promotionApplyStatus || '',
+                    quantity: e.quantity,
+                    seckillId: this.$route.query.id,
+                    storeId: e.storeId,
+                    storeName: e.storeName,
+                    skuId: e.id,
+                    timeLine: this.data[0].hours.split(",")[this.tabIndex],
+                  }
+                )
+              }
+            })
+          }
+
+        })
+
+
+        this.$nextTick(() => {
+          this.$forceUpdate()
+        })
+      },
+      openSkuList() { // 显示商品选择器
+        this.$refs.skuSelect.open("goods");
+        let data = JSON.parse(JSON.stringify(this.goodsList[this.tabIndex].list))
+        data.forEach(e => {
+          e.id = e.skuId
+        })
+        this.$refs.skuSelect.goodsData = data;
+      },
+      unixDate(time) {
+        // 处理报名截止时间
+        return this.$options.filters.unixToDate(new Date(time) / 1000);
+      },
+      unixHours(item) {
+        if (item) {
+          // 处理小时场次
+          let hourArr = item.split(",");
+          for (let i = 0; i < hourArr.length; i++) {
+            hourArr[i] += ":00";
+          }
+          return hourArr;
+        }
+        return [];
+      },
+      // 格式化申请状态
+      promotionApplyStatus(key) {
+        switch (key) {
+          case "APPLY":
+            return "申请";
+          case "PASS":
+            return "通过";
+          case "REFUSE":
+            return "拒绝";
+          default:
+            return "未申请";
+        }
+      },
+      // 展示审核拒绝原因
+      showReason(reason) {
+        this.$Modal.info({
+          title: "拒绝原因",
+          content: reason,
+        });
+      },
+    },
+    mounted() {
+      this.init();
+    },
+    // 如果是从详情页返回列表页，修改列表页keepAlive为true，确保不刷新页面
+    beforeRouteLeave(to, from, next) {
+      if (to.name === 'seckill') {
+        to.meta.keepAlive = true
       }
-      return [];
-    },
-    // 格式化申请状态
-    promotionApplyStatus(key) {
-      switch (key) {
-        case "APPLY":
-          return "申请";
-        case "PASS":
-          return "通过";
-        case "REFUSE":
-          return "拒绝";
-        default:
-          return "未申请";
-      }
-    },
-    // 展示审核拒绝原因
-    showReason(reason) {
-      this.$Modal.info({
-        title: "拒绝原因",
-        content: reason,
-      });
-    },
-  },
-  mounted() {
-    this.init();
-  },
-  // 如果是从详情页返回列表页，修改列表页keepAlive为true，确保不刷新页面
-  beforeRouteLeave(to, from, next){
-    if(to.name === 'seckill') {
-      to.meta.keepAlive = true
+      next()
     }
-    next()
-  }
-};
+  };
 </script>
 <style lang="scss" scoped>
-.operation {
-  margin: 10px 0;
-}
-.reason {
-  cursor: pointer;
-  color: #2d8cf0;
-  font-size: 12px;
-}
+  .operation {
+    margin: 10px 0;
+  }
+
+  .reason {
+    cursor: pointer;
+    color: #2d8cf0;
+    font-size: 12px;
+  }
 </style>