满额活动指定商品功能

manager/src/views/promotions/full-discount/full-discount-detail.vue

@@ -158,7 +158,11 @@
               style="width: 100%"
               v-if="form.scopeType == 'PORTION_GOODS'"
             >
-              <Table border :columns="columns" :data="form.promotionGoodsList">
+             <div style="display: flex; margin-bottom: 10px" v-if="form.promotionStatus == 'NEW'">
+                <Button type="primary" @click="openSkuList">选择商品</Button>
+                <Button type="error" ghost style="margin-left: 10px" @click="delSelectGoods">批量删除</Button>
+              </div>
+              <Table border :columns="columns" @on-selection-change="changeSelect" :data="form.promotionGoodsList">
                 <template slot-scope="{ row }" slot="goodsName">
                   <div>
                     <a class="mr_10" @click="linkTo(row.goodsId, row.skuId)">{{
@@ -204,6 +208,8 @@
         </FormItem>
       </Form>
     </Card>
+    <sku-select ref="skuSelect" @selectedGoodsData="selectedGoodsData"></sku-select>
+
   </div>
 </template>
 
@@ -211,11 +217,16 @@
 import { getPlatformCouponList, getFullDiscountById, newFullDiscount, editFullDiscount,} from "@/api/promotion";
 import { getGoodsSkuData } from "@/api/goods";
 import { regular } from "@/utils";
+import skuSelect from "@/components/lili-dialog";
+
+
 import vueQr from "vue-qr";
 export default {
   name: "add-full-discount",
   components: {
     "vue-qr": vueQr,
+    skuSelect,
+
   },
   data() {
     const checkPrice = (rule, value, callback) => {
@@ -322,6 +333,20 @@ export default {
     this.getGiftList();
   },
   methods: {
+
+    changeSelect (e) {
+      // 已选商品批量选择
+      this.selectedGoods = e;
+    },
+    openSkuList () {
+      // 显示商品选择器
+      this.$refs.skuSelect.open("goods");
+      let data = JSON.parse(JSON.stringify(this.form.promotionGoodsList));
+      data.forEach((e) => {
+        e.id = e.skuId;
+      });
+      this.$refs.skuSelect.goodsData = data;
+    },
     getDetail() {
       // 获取活动详情
       getFullDiscountById(this.id).then((res) => {
@@ -447,6 +472,14 @@ export default {
         }
       });
     },
+    closeCurrentPage () {
+      this.$store.commit("removeTag", "full-cut-detail");
+      this.$store.commit("removeTag", "promotions/full-discount");
+      localStorage.storeOpenedList = JSON.stringify(
+        this.$store.state.app.storeOpenedList
+      );
+      this.$router.go(-1);
+    },
     changeSelect (e) {
       // 已选商品批量选择
       this.selectedGoods = e;