页面修改

src/components/sallCenter/plugin/tradeActivity.vue

+<style>
+   
+
+</style>
+<template>
+  <div :class="{'active':tradeActivityData.isCked}">
+ 
+    <div class="diy-component-options" v-if="tradeActivityData.isCked">
+      <el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button>
+      <el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)"
+        style="right: -25px; top: 0;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)"
+        style="right: -25px; top: 30px;"></el-button>
+    </div>
+    <div class="diy-tradeActivity-preview">
+      <div class="diy-link" flex="cross:center">
+        <div flex="dir:left cross:center">
+          <div class="title" style="text-align: left">
+            活动编号：{{data.ActivityIds}}
+          </div>
+          <div class="title" style="text-align: left">
+            默认活动编号： {{data.DefaultActivityId}}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="diy-tradeActivity-edit">
+      <el-form label-width="100px" @submit.native.prevent>
+        <el-form-item label="活动编号(多个逗号分隔)">
+          <el-input size="small" v-model="data.ActivityIds"></el-input>
+        </el-form-item>
+        <el-form-item label="默认活动编号">
+          <el-input size="small" v-model="data.DefaultActivityId"></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+ 
+  export default {
+    props: ["tradeActivityData", "index", "dataLeng"],
+    components: {
+ 
+    },
+    data() {
+      return {
+        choicImg: false,
+        isShowLink: false,
+        data: this.tradeActivityData.data,
+      };
+    },
+    watch: {
+      tradeActivityData(newVal, oldVal) {
+        this.data = this.tradeActivityData.data;
+      },
+    },
+    created() {
+
+    },
+    methods: {
+      //向父组件传值 并调用排序
+      resetSord(IsUp) {
+        this.$emit('getSord', this.index, IsUp);
+      },
+      //点击触发父组件删除
+      delPlugin() {
+        this.$emit('comDelPlugin', this.index);
+      },
+    },
+    computed: {
+
+    },
+    mounted() {
+
+    }
+  };
+
+</script>

src/components/sallCenter/templateEdit.vue

@@ -323,6 +323,8 @@
                   @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></miaiactivityCustom>
                 <tradeCustom v-if="item.Id == 'tradePavilionCustom'" :cusData="item" @getSord="getSord"
                   @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></tradeCustom>
+                <tradeActivity v-if="item.Id == 'tradeActivity'" :tradeActivityData="item" @getSord="getSord"
+                  @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></tradeActivity>
               </div>
             </div>
           </div>
@@ -446,6 +448,7 @@
   import ChooseImg from "@/components/global/ChooseImg.vue";
   import Posts from "./plugin/posts.vue"; //贴子插件
   import tradeCustom from "./plugin/tradeCustom.vue" //自定义首店
+  import tradeActivity from "./plugin/tradeActivity.vue" //首店活动
   export default {
     data() {
       return {
@@ -523,7 +526,8 @@
       miaiactivitytype,
       miaiactivityCustom,
       Posts, //帖子
-      tradeCustom
+      tradeCustom,
+      tradeActivity
     },
     methods: {
       //选择图片
@@ -1625,16 +1629,21 @@
                 catStyle: 1,
                 listStyle: 5, //列表样式[5-瀑布流,-1-卡片模式]
                 backgroundColor: "#fff", //背景颜色
-                // PaddingTop: 0, //上边距
-                // PaddingBottom: 0, //下边距
-                // PaddingLeft: 0, //左边距
-                // PaddingRight: 0, //右边距
-                // SearchFilletPX: 0, //组件圆角
                 list: [], //自定义列表
                 catList: [], //分类列表
               },
             };
-            this.dataList.push(PPPlusObj);
+            //首店活动
+          case "tradeActivity":
+            let tradeActivityObj = {
+              Id: "tradeActivity",
+              isCked: false,
+              data: {
+                ActivityIds: "", //活动编号[多个逗号分割]
+                DefaultActivityId: "", //默认选中活动
+              },
+            };
+            this.dataList.push(tradeActivityObj);
             break;
         }
       },