增加选择门店组件

src/components/StoreDesign/storesManage.vue

@@ -10,7 +10,7 @@
       <div class="content">
         <div>
           <div class="searchInput">
-            <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入搜索内容" v-model="msg.TopicName"
+            <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入搜索内容" v-model="msg.Name"
               size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()">
             </el-input>
             <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
@@ -22,7 +22,7 @@
           </el-table-column>
           <el-table-column prop="Name" label="门店名称" width="499">
           </el-table-column>
-          <el-table-column prop="Name" label="封面图" width="100">
+          <el-table-column label="封面图" width="110">
             <template slot-scope="scope">
               <img :src="getIconLink(scope.row.CoverImg)" style="width:80px;height:80px;"/>
             </template>
@@ -174,7 +174,7 @@
         msg: {
           pageIndex: 1,
           pageSize: 15,
-          TopicName: ""
+          Name: ""
         },
         total: 0,
         storesIsShowAdd: true,

src/components/common/choiceStore.vue

+<template>
+  <div>
+    <el-table :data="dataList" style="width: 100%">
+      <el-table-column prop="Id" label="ID" width="100">
+      </el-table-column>
+      <el-table-column prop="Name" label="名称">
+      </el-table-column>
+      <el-table-column prop="address" label="操作" width="100">
+        <template slot-scope="scope">
+          <el-button @click="getModel(scope.row)" size="mini">选择</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination background @current-change="handleCurrentChange" :page-size="qMsg.pageSize"
+      layout="prev, pager, next" :total="total">
+    </el-pagination>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        dataList: [],
+        total: 0,
+        qMsg: {
+          pageIndex: 1,
+          pageSize: 20,
+          Name: ""
+        }
+      }
+    },
+    methods: {
+      handleCurrentChange(val) {
+        this.qMsg.pageIndex = val;
+        this.getList();
+      },
+      //获取数据
+      getList() {
+        this.apipost("/api/MContent/GetStoresPageList", this.qMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data.pageData;
+            this.total = res.data.data.count;
+          } else {
+            this.Info(res.data.message);
+          }
+        })
+      },
+      //选择
+      getModel(item) {
+        var obj = {
+          Id: item.Id,
+          Name: item.Name,
+          Tel:item.Tel,
+          CoverImg:item.CoverImg
+        }
+        this.$emit('getStore', obj)
+      },
+    },
+    mounted() {
+      this.getList();
+    }
+  }
+
+</script>

src/components/sallCenter/plugin/store.vue

@@ -101,7 +101,7 @@
         <div class="myStore_item" v-for="(item,index) in data.list" flex="box:last cross:center" :key="index">
           <div flex="box:first cross:center">
             <div>
-              <img :src="getIconLink(item.picUrl)" style="width: 120px;height: 120px;margin-right: 20px">
+              <img :src="getIconLink(item.CoverImg)" style="width: 120px;height: 120px;margin-right: 20px">
             </div>
             <div style="line-height: 42px">
               <div v-if="data.showName">{{item.name}}</div>
@@ -165,15 +165,15 @@
             </div>
             <div flex>
               <div style="width: 40px;">ID:</div>
-              <div>{{item.id}}</div>
+              <div>{{item.Id}}</div>
             </div>
             <div flex>
               <div style="width: 40px;">名称:</div>
-              <div>{{item.name}}</div>
+              <div>{{item.Name}}</div>
             </div>
             <div flex>
               <div style="width: 40px;">电话:</div>
-              <div>{{item.mobile}}</div>
+              <div>{{item.Tel}}</div>
             </div>
           </div>
           <el-button size="small" @click="storeDialogVisible = true">添加门店</el-button>
@@ -185,14 +185,20 @@
     <el-dialog title="选择文件" :visible.sync="choicImg" width="1240px">
       <ChooseImg @SelectId="SelectId"></ChooseImg>
     </el-dialog>
+    <!-- 选择门店 -->
+    <el-dialog title="选择门店" :visible.sync="storeDialogVisible" width="960px">
+      <choiceStore @getStore="getStore"></choiceStore>
+    </el-dialog>
   </div>
 </template>
 <script>
   import ChooseImg from "@/components/global/ChooseImg.vue";
+  import choiceStore from "../../common/choiceStore.vue";
   export default {
     props: ["storeData", "index", "dataLeng"],
     components: {
-      ChooseImg
+      ChooseImg,
+      choiceStore
     },
     data() {
       return {
@@ -227,6 +233,10 @@
       deleteStore(index) {
         this.data.list.splice(index, 1);
       },
+      getStore(obj){
+        this.data.list.push(obj);
+        this.storeDialogVisible=false;
+      }
     },
     computed: {