页面修改

src/components/Share/shareCategory.vue

@@ -16,11 +16,10 @@
             @click="msg.pageIndex=1,getList()"> </span>
         </div>
         <br>
-        <el-button @click="saveSort()" size="small" type="primary">保存排序</el-button>
         <div v-loading="loading" flex="dir:left box:mean" class="cat-list" style="margin-top:20px;">
           <el-card class="card-item-box" shadow="never">
             <div slot="header" class="clearfix">
-              <span>一级分类</span>
+              <span>一级分类</span> <el-button @click="saveSort()" size="small" type="primary" style="float:right">保存排序</el-button>
             </div>
             <draggable flex v-model="dataFirst">
               <div @click="getChild(item,index)" v-for="(item,index) in dataFirst"
@@ -53,7 +52,7 @@
           </el-card>
           <el-card class="card-item-box" shadow="never">
             <div slot="header" class="clearfix">
-              <span>二级分类</span>
+              <span>二级分类</span><el-button @click="saveSort()" size="small" type="primary" style="float:right">保存排序</el-button>
             </div>
             <draggable flex v-model="dataSecond">
               <div @click="getSecond(item,index)" v-for="(item,index) in dataSecond"
@@ -86,7 +85,7 @@
           </el-card>
           <el-card class="card-item-box" shadow="never">
             <div slot="header" class="clearfix">
-              <span>三级分类</span>
+              <span>三级分类</span><el-button @click="saveSort()" size="small" type="primary" style="float:right">保存排序</el-button>
             </div>
             <draggable flex v-model="dataThird">
               <div @click="getThird(index)" v-for="(item,index) in dataThird"

src/components/sallCenter/templateEdit.vue

@@ -280,6 +280,8 @@
                   @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></imageText>
                 <topic v-if="item.Id=='topic'" :topicData="item" @getSord="getSord" @comDelPlugin="comDelPlugin"
                   :index="index" :dataLeng="dataList.length"></topic>
+                <shopinfo v-if="item.Id=='shop-info'" :shopinfoData="item" @getSord="getSord" @comDelPlugin="comDelPlugin"
+                  :index="index" :dataLeng="dataList.length"></shopinfo>
               </div>
             </div>
           </div>
@@ -386,6 +388,7 @@
   import quickNav from "../sallCenter/plugin/quick-nav.vue"
   import imageText from "../sallCenter/plugin/image-text.vue"
   import topic from "../sallCenter/plugin/topic.vue"
+  import shopinfo from "../sallCenter/plugin/shopinfo.vue"
 
   import ChooseImg from "@/components/global/ChooseImg.vue";
   export default {
@@ -453,12 +456,13 @@
       quickNav,
       imageText,
       topic,
+      shopinfo,
       ChooseImg
     },
     methods: {
       //选择图片
       SelectId(msg) {
-        this.bgMsg.data.backgroundPicUrl =this.getIconLink(msg.url);
+        this.bgMsg.data.backgroundPicUrl = this.getIconLink(msg.url);
         this.choicImg = false;
       },
       choose(num, position) {
@@ -469,7 +473,7 @@
       SetBgInfo() {
         var isExists = false;
         var existsIndex = 0;
-        this.dataList.forEach((item,index) => {
+        this.dataList.forEach((item, index) => {
           if (item.Id == "background") {
             isExists = true;
             existsIndex = index;
@@ -518,7 +522,6 @@
         this.apipost("/api/Tenant/GetPlugInList", {}, res => {
           if (res.data.resultCode == 1) {
             this.allComponents = res.data.data;
-
           } else {
             this.Info(res.data.message);
           }
@@ -1235,6 +1238,21 @@
             }
             this.dataList.push(quickObj);
             break;
+            //门店用户信息
+          case 'shop-info':
+            let shopInfoObj = {
+              Id: 'shop-info',
+              isCked: false,
+              data: {
+                headImg: "", //头像
+                headName: "赞羊小店", //用户信息
+                headInfo: "赞美生活,样样满意", //用户介绍
+                backgroundPicUrl: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/shopinfo.jpg', //背景图片
+                backgroundColor: '#ffffff', //背景颜色         
+              }
+            };
+            this.dataList.push(shopInfoObj);
+            break;
         }
       },
       //给子组件调用 重新排序上移下移