修改

src/components/common/choiceActive.vue

+<style>
+    .choiceActiveImg{
+        width:40px;
+        height:40px;
+    }
+</style>
+<template>
+  <div>
+    <el-input size="mini" v-model="msg.Name" placeholder="根据名称搜索" :clearable="true" @clear="msg.pageIndex=1,getList()"
+      @keyup.enter.native="msg.pageIndex=1,getList()">
+      <el-button slot="append" @click="msg.pageIndex=1,getList()">搜索</el-button>
+    </el-input>
+    <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
+      @selection-change="handleSelectionChange">
+      <template v-if="isSingle">
+        <el-table-column width="50px" label="">
+          <template slot-scope="scope">
+            <el-radio v-model="scope.row.IsChecked" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;
+            </el-radio>
+          </template>
+        </el-table-column>
+      </template>
+      <template v-else>
+        <el-table-column type="selection" width="50px">
+        </el-table-column>
+      </template>
+      <el-table-column label="编号" width="80px">
+        <template slot-scope="scope">{{ scope.row.Id }}</template>
+      </el-table-column>
+      <el-table-column prop="TypeName" label="类型名称">
+      </el-table-column>
+      <el-table-column prop="CoverImage" label="封面图">
+        <template slot-scope="scope">
+          <div class="choiceActiveImg" :style="{backgroundImage:'url(' + scope.row.CoverImage + ')',backgroundSize:'cover'}">
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+      layout="prev, pager, next" :total="total">
+    </el-pagination>
+  </div>
+</template>
+<script>
+  export default {
+    props: ['ckGoods', "isSingle", "IsGetSpec"],
+    data() {
+      return {
+        dataList: [],
+        msg: {
+          pageIndex: 1,
+          pageSize: 10,
+          TypeName: '',
+        },
+        total: 0,
+        selectRow: [],
+      };
+    },
+    created() {
+      if (this.IsGetSpec) {
+        this.msg.IsGetSpec = this.IsGetSpec;
+      }
+    },
+    methods: {
+      //获取所有菜单
+      getList() {
+        this.apipost("/api/Trade/GetCommerceActivityTypePage", this.msg, res => {
+          console.log(res, 'res');
+          if (res.data.resultCode == 1) {
+            this.total = res.data.data.count;
+            var tempArray = res.data.data.pageData;
+            if (tempArray && tempArray.length > 0) {
+              tempArray.forEach(item => {
+                item.IsChecked = false;
+              });
+            }
+            this.dataList = JSON.parse(JSON.stringify(tempArray));
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      handleSelectionChange(val) {
+        this.selectRow = JSON.parse(JSON.stringify(val));
+      },
+      getTemplateRow(index, row) {
+        this.selectRow = [];
+        if (this.dataList && this.dataList.length > 0) {
+          this.dataList.forEach(item => {
+            if (item.ID != row.ID) {
+              item.IsChecked = false;
+            }
+          })
+        }
+        this.selectRow.push(JSON.parse(JSON.stringify(row)));
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //父组件调用方法
+      getChoicedGoods() {
+        return this.selectRow;
+      },
+      //清空多选方法
+      toggleSelection(rows) {
+        if (rows) {
+          rows.forEach(row => {
+            this.$refs.multipleTable.toggleRowSelection(row);
+          });
+        } else {
+          this.$refs.multipleTable.clearSelection();
+        }
+      },
+    },
+    mounted() {
+      this.getList();
+    }
+  };
+
+</script>

src/components/sallCenter/templateEdit.vue

@@ -300,6 +300,8 @@
                   :index="index" :dataLeng="dataList.length"></navPage>
                 <miaiuser v-if="item.Id=='miaiuser'" :pData="item" @getSord="getSord" @comDelPlugin="comDelPlugin"
                   :index="index" :dataLeng="dataList.length"></miaiuser>
+                <miaiactivitytype v-if="item.Id=='miaiactivitytype'" :mData="item" @getSord="getSord" @comDelPlugin="comDelPlugin"
+                  :index="index" :dataLeng="dataList.length"></miaiactivitytype>
               </div>
             </div>
           </div>
@@ -416,6 +418,7 @@
   import storeGoods from "../sallCenter/plugin/storeGoods"
   import navPage from "../sallCenter/plugin/nav-page"
   import miaiuser from "../sallCenter/plugin/miaiuser"
+  import miaiactivitytype from "../sallCenter/plugin/miaiactivitytype"
 
   import ChooseImg from "@/components/global/ChooseImg.vue";
   export default {
@@ -493,7 +496,8 @@
       storeGoods,
       educationteacher,
       navPage,
-      miaiuser
+      miaiuser,
+      miaiactivitytype
     },
     methods: {
       //选择图片
@@ -1509,6 +1513,24 @@
             }
             this.dataList.push(miaiuserData);
             break;
+          //相亲活动
+          case 'miaiactivitytype':
+            let miaiactivityData = {
+              Id:'miaiactivitytype',
+              isCked:false,
+              data: {
+                listStyle:1,
+                backgroundColor:'',
+                PaddingTop:0,
+                PaddingBottom:0,
+                PaddingLeft:0,
+                PaddingRight:0,
+                SearchFilletPX:0,
+                list:[]
+              }
+            }
+            this.dataList.push(miaiactivityData);
+            break;
         }
       },
       //给子组件调用 重新排序上移下移
@@ -1563,7 +1585,7 @@
               Id: res.data.data
             });
             this.GetData();
-            location.reload();
+            // location.reload();
             this.Success(res.data.message);
           } else {
             this.Info(res.data.message);