增加

src/components/pintuan/pintuanSet.vue

+<style>
+  .pintuanSet .custom_Header {
+    padding: 0 20px;
+    height: 56px;
+    line-height: 56px;
+    background-color: #fff;
+    margin-bottom: 15px;
+    width: 100%;
+  }
+
+  .pintuan_Cont {
+    padding: 20px 0 10px 0;
+  }
+
+  .pintuanSet .red {
+    padding: 0 25px;
+    display: inline-block;
+    color: red;
+  }
+
+  .pintuanSet .block-box {
+    color: #ffffff;
+    cursor: pointer;
+    display: inline-block;
+    margin-right: 25px;
+    height: 280px;
+    width: 300px;
+    border: 1px solid #D4D4D4;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+    position: relative;
+  }
+
+  .block-box .Cubeselect {
+    display: none;
+  }
+
+  .imgCube_chooseBtn {
+    position: absolute;
+    height: 30px;
+    width: 80px;
+    padding: 0 !important;
+    text-align: center;
+    background-color: #409EFF;
+    top: 50%;
+    left: 0;
+    right: 0;
+    margin: -15px auto 0 !important;
+    z-index: 10;
+    display: none;
+  }
+
+  .block-box:hover .imgCube_chooseBtn {
+    display: block;
+  }
+
+  .active .imgCube_chooseBtn {
+    display: none !important;
+  }
+
+  .active .opacity {
+    display: none !important;
+  }
+
+  .imgCube .opacity {
+    position: absolute;
+    height: 250px;
+    width: 280px;
+    bottom: 0;
+    left: 10px;
+    z-index: 5;
+    background-color: rgba(0, 0, 0, .3);
+    display: none;
+  }
+
+  .cube_blockImg {
+    width: 280px;
+    height: 250px;
+    position: absolute;
+    bottom: 0px;
+    left: 10px;
+  }
+
+  .active .Cubeselect {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 80px;
+    width: 80px;
+    display: block;
+    z-index: 10;
+  }
+
+</style>
+<template>
+  <div class="pintuanSet">
+    <div class="custom_Header">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="基本设置" name="1"></el-tab-pane>
+        <el-tab-pane label="轮播图" name="2"></el-tab-pane>
+        <el-tab-pane label="拼团广告" name="3"></el-tab-pane>
+      </el-tabs>
+    </div>
+    <div class="pintuan_Cont">
+      <!-- 基本设置 -->
+      <template v-if="checkIndex==1">
+        <div class="app-setting">
+          <el-form label-width="180px">
+            <el-card class="box-card" style="margin-bottom:10px;">
+              <div slot="header" class="clearfix">
+                <span>购买设置</span>
+              </div>
+              <el-form-item label="是否开启分销" size="mini">
+                <el-switch v-model="msg.is_share" active-color="#409EFF" :active-value="1" :inactive-value="0">
+                </el-switch>
+                <span class="red">注：必须在“<el-button type="text" @click="CommonJump('baseSet')">分销中心=>基础设置</el-button>
+                  ”中开启，才能使用</span>
+              </el-form-item>
+              <el-form-item label="是否开启区域允许购买" size="mini">
+                <el-switch v-model="msg.is_territorial_limitation" active-color="#409EFF" :active-value="1"
+                  :inactive-value="0">
+                </el-switch>
+                <span class="red">注：必须在“<el-button type="text">系统管理=>区域允许购买</el-button>”中开启，才能使用</span>
+              </el-form-item>
+              <el-form-item label="支付方式" size="mini">
+                <el-tooltip class="item" effect="dark" content="默认支持线上支付；若三个都不勾选，则视为勾选线上支付" placement="top">
+                  <i class="topelzk elzk el-tooltip el-icon-info"></i>
+                </el-tooltip>
+                <el-checkbox-group v-model="msg.payment_type" style="display:inline-block;margin-left:10px;">
+                  <el-checkbox :label="0">线上支付</el-checkbox>
+                  <el-checkbox :label="1">货到付款</el-checkbox>
+                  <el-checkbox :label="2">余额支付</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+              <el-form-item label="发货方式" size="mini">
+                <el-tooltip class="item" effect="dark" content="自提需要设置门店，如果您还未设置门店请保存本页后设置门店" placement="top">
+                  <i class="topelzk elzk el-tooltip el-icon-info"></i>
+                </el-tooltip>
+                <el-checkbox-group v-model="msg.send_type" style="display:inline-block;margin-left:10px;">
+                  <el-checkbox :label="0">快递配送</el-checkbox>
+                  <el-checkbox :label="1">到店自提</el-checkbox>
+                  <el-checkbox :label="2">同城配送</el-checkbox>
+                </el-checkbox-group>
+                <div style="color: rgb(204, 204, 204);">
+                  注：手机端显示排序（1.快递配送 2.到店自提 3.同城配送）
+                </div>
+              </el-form-item>
+
+            </el-card>
+            <el-card class="box-card" style="margin-bottom:10px;">
+              <div slot="header" class="clearfix">
+                <span>优惠叠加设置</span>
+              </div>
+              <el-form-item label="优惠券" size="mini">
+                <el-switch v-model="msg.is_coupon" active-color="#409EFF" :active-value="1" :inactive-value="0">
+                </el-switch>
+              </el-form-item>
+              <el-form-item label="超级会员卡" size="mini">
+                <el-switch v-model="msg.svip_status" active-color="#409EFF" :active-value="1" :inactive-value="0">
+                </el-switch>
+                <span class="red">注：必须在“<el-button type="text">插件中心=>超级会员卡</el-button>”中开启，才能使用</span>
+              </el-form-item>
+              <el-form-item label="会员价" size="mini">
+                <el-switch v-model="msg.is_member_price" active-color="#409EFF" :active-value="1" :inactive-value="0">
+                </el-switch>
+              </el-form-item>
+              <el-form-item label="积分抵扣" size="mini">
+                <el-switch v-model="msg.is_integral" active-color="#409EFF" :active-value="1" :inactive-value="0">
+                </el-switch>
+              </el-form-item>
+
+            </el-card>
+            <el-card class="box-card">
+              <div slot="header" class="clearfix">
+                <span>拼团规则设置</span>
+              </div>
+              <el-form-item label="活动规则" size="mini">
+                <UE style="width:750px;" :defaultMsg="msg.new_rules" ref="ue"></UE>
+              </el-form-item>
+            </el-card>
+          </el-form>
+        </div>
+      </template>
+      <!-- 轮播图 -->
+      <template v-if="checkIndex==2">
+
+      </template>
+      <!-- 拼团广告 -->
+      <template v-if="checkIndex==3">
+        <el-form label-width="150px">
+          <el-form-item label="拼团广告状态" size="mini">
+            <el-switch v-model="msg.is_advertisement" active-color="#409EFF" :active-value="1" :inactive-value="0">
+            </el-switch>
+          </el-form-item>
+          <el-form-item label="样式选择" size="mini">
+            <div class="block-box" v-for="(item,index) in styleList" :key="index" :class="isActive==item.Id?'active':''"
+              @click="getStyleType(item.Id,item.Style)">
+              <img src="../../assets/img/storeDesign/select.png" class="Cubeselect" alt="" />
+              <div class="opacity"></div>
+              <el-button class="imgCube_chooseBtn" type="primary">启用该样式</el-button>
+              <img :src="item.ImgUrl" class="cube_blockImg" alt="">
+            </div>
+          </el-form-item>
+          <el-form-item label="板块设置">
+              <!-- <el-row style="margin-bottom:15px;" v-for="(subItem,subIndex) in addMsg.MagicDataList" :key="subIndex">
+                <el-col :span="4">
+                  <el-tooltip class="item" effect="dark" :content="'建议尺寸：'+subItem.size" placement="top">
+                    <el-button size="mini" @click="choicImg=true,commonIndex=subIndex">选择图片</el-button>
+                  </el-tooltip>
+                  <div class="customize-share-title">
+                    <div class="zk_pic_box" style="width:80px;height:80px;" flex="main:center cross:center"
+                      :style="{backgroundImage:'url(' + getIconLink(subItem.ImgUrl) + ')'}">
+                      <i v-if="subItem.ImgUrl==''" class="el-icon-picture-outline"></i>
+                    </div>
+                  </div>
+                </el-col>
+                <el-col :span="10">
+                  <div style="display:flex;" flex="box:last">
+                    <el-input type="text" v-model="subItem.Link" :disabled="true" size="small">
+                    </el-input>
+                    <div>
+                      <el-button size="mini" @click="isShowLink=true,commonIndex=subIndex">选择链接</el-button>
+                    </div>
+                  </div>
+                </el-col>
+              </el-row> -->
+          </el-form-item>
+
+        </el-form>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+  import UE from '@/components/global/UE.vue'
+  export default {
+    data() {
+      return {
+        activeName: '1',
+        checkIndex: 1,
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 350,
+        },
+        isActive: -1,
+        msg: {
+          is_share: 0, //是否开启分销
+          is_territorial_limitation: 0, //是否开启区域允许购买
+          payment_type: [0, 1], //支付方式
+          send_type: [0, 2], //发货方式
+          is_coupon: 1, //优惠券
+          svip_status: 1, //超级会员卡
+          is_member_price: 1, //会员价
+          is_integral: 1, //积分抵扣
+          new_rules: '', //活动规则
+
+          is_advertisement: 1, //拼团广告状态
+          advertisement: {
+            "list": [{
+              "pic_url": "https://cdnimg.iotweixin.com/uploads/mall1285/20200628/169f6e411ba6a62a4bc7a6fc37f04961.jpg",
+              "link_url": "/plugins/pt/index/index",
+              "open_type": "navigate",
+              "style": "width:750rpx;height:360rpx;top:0;left:0;",
+              "width": "750rpx",
+              "height": "360rpx",
+              "top": "0",
+              "left": "0"
+            }],
+            "current_style_id": 1,
+            "style": 0,
+            "type": 0,
+            "value": [{
+              "width": "100%",
+              "height": "auto",
+              "left": 0,
+              "top": 0,
+              "zIndex": 11,
+              "link": {
+                "id": 1,
+                "open_type": "navigate",
+                "value": "/plugins/pt/index/index",
+                "new_link_url": "",
+                "icon": "",
+                "name": ""
+              },
+              "pic_url": "https://cdnimg.iotweixin.com/uploads/mall1285/20200628/169f6e411ba6a62a4bc7a6fc37f04961.jpg"
+            }]
+          },
+        },
+        //样式选择枚举
+        styleList: [{
+          Id: 0,
+          size: ['750*360'],
+          Style: 1,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-1.png'
+        }, {
+          Id: 1,
+          size: ['300*360', '450*360'],
+          Style: 2,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-2.png'
+        }, {
+          Id: 2,
+          size: ['300*360', '450*180', '450*180'],
+          Style: 3,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-3.png'
+        }, {
+          Id: 3,
+          size: ['300*360', '450*180', '225*180', '225*180'],
+          Style: 4,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube1-4.png'
+        }, {
+          Id: 4,
+          size: ['375*240', '375*240'],
+          Style: 2,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-1.png'
+        }, {
+          Id: 5,
+          size: ['250*240', '250*240', '250*240'],
+          Style: 3,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-2.png'
+        }, {
+          Id: 6,
+          size: ['188*188', '188*188', '188*188', '188*188'],
+          Style: 4,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube2-3.png'
+        }, {
+          Id: 7,
+          size: ['375*186', '375*186', '375*186', '375*186'],
+          Style: 4,
+          ImgUrl: this.domainManager().ImageUrl + '/Static/cube3-1.png'
+        }],
+      };
+    },
+    created() {},
+    components: {
+      UE
+    },
+    methods: {
+      //切换
+      handleClick(tab) {
+        this.checkIndex = tab.name;
+      },
+      //点击选择广告
+      getStyleType() {
+
+      }
+    },
+    mounted() {}
+  };
+
+</script>

src/components/pintuanMain.vue

+<style>
+  .pintuanMain {
+    height: 100%;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    min-width: 0;
+    font-size: 14px;
+  }
+
+  .pintuanMain .mainLeftMenu {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    color: #fff;
+  }
+
+  .pintuanMain .leftMenu1 {
+    background: #444444;
+    cursor: pointer;
+    width: 200px;
+    height: 100%;
+    overflow-y: auto;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .pintuanMain .asideInner {
+    background: rgba(0, 0, 0, 0.15);
+    padding: 6px 6px;
+    width: 100%;
+    border-radius: 3px;
+    font-weight: bold;
+  }
+
+  .pintuanMain .F_Logo {
+    height: 60px;
+    background: #464d54;
+    color: #f2f2f2;
+    cursor: pointer;
+    font-weight: bold;
+    text-align: center;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+  }
+
+  .pintuanMain .mainRightContent {
+    width: 100%;
+    height: 100%;
+    background-color: #f3f3f3;
+  }
+
+  .pintuanMain .mainRightTop {
+    width: 100%;
+    height: 60px;
+    background: #fff;
+    display: flex;
+    justify-content: space-between;
+    color: #909399;
+  }
+
+  .pintuanMain .mainRightLeft {
+    width: 110px;
+    height: 60px;
+    line-height: 62px;
+    text-align: center;
+    margin-left: 30px;
+    cursor: pointer;
+    position: relative;
+    top: -2px;
+  }
+
+  .pintuanMain .marinRightList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    width: 300px;
+    float: right;
+  }
+
+  .pintuanMain .marinRightList ul {
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+  }
+
+  .pintuanMain .marinRightList ul li {
+    display: block;
+    list-style-type: none;
+    cursor: pointer;
+    color: #909399;
+    outline: none;
+    border: none;
+  }
+
+  .pintuanMain .main_routerPage {
+    padding: 20px;
+    overflow-y: scroll;
+  }
+  .pintuanMain .pintuanSetUU{
+    position: fixed;
+    width: 200px;
+    height: 100%;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    overflow: auto;
+    z-index: 5;
+    background-color: rgb(84, 92, 100);
+}
+.pintuanMain .pintuanSetUU .menu_item{
+    font-size: 14px;
+    color: #303133;
+    padding: 0 20px;
+    cursor: pointer;
+    -webkit-transition: border-color .3s,background-color .3s,color .3s;
+    transition: border-color .3s,background-color .3s,color .3s;
+    box-sizing: border-box;
+    height:56px;
+    line-height: 56px;
+    list-style: none;
+    white-space: nowrap;
+    color:#fff;
+    display: flex;
+    align-items: center;
+}
+.pintuanMain .pintuanSetUU .menu_item i {
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px;
+    vertical-align: middle;
+    color:#909399;
+}
+.pintuanMain .menu_item:hover{
+    background-color: rgba(67,74,80);
+}
+.pintuanMain .F_Logo:hover{
+    background-color: #30353a;
+    color:#fff;
+}
+.pintuanMain .Fchecked{
+    color:rgb(255, 208, 75)!important;
+}
+.pintuanMain .Fchecked i{
+    color:rgb(255, 208, 75)!important;
+}
+</style>
+<template>
+  <div class="pintuanMain">
+    <div class="mainLeftMenu">
+      <div class="leftMenu1">
+        <div class="F_Logo">
+          <div class="asideInner" @click="CommonJump('mallIndex')">{{currentUser.MallName}}
+          </div>
+        </div>
+        <ul class="pintuanSetUU">
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/pintuanSet'}"  @click="isChecked='/pintuanSet',CommonJump('pintuanSet')">
+              <i class="el-icon-menu"></i><span>拼团设置</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/pintuanMsg'}" @click="isChecked='/pintuanMsg',CommonJump('pintuanMsg')">
+              <i class="el-icon-menu"></i><span>消息通知</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/AppletPublishing'}" @click="isChecked='/AppletPublishing',CommonJump('AppletPublishing')">
+              <i class="el-icon-menu"></i><span>拼团活动</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked==4}" @click="isChecked=4">
+              <i class="el-icon-menu"></i><span>活动数据</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="mainRightContent">
+      <div class="mainRightTop">
+        <div class="mainRightLeft">微信小程序</div>
+        <div class="marinRightList">
+          <ul>
+            <li style="display:none">缓存</li>
+            <li style="display:none"> title="教程管理">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  教程管理<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item>操作教程</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+            <li :title="currentUser.MallName">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  {{currentUser.MallName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item disabled>{{currentUser.MallName}}</el-dropdown-item>
+                  <el-dropdown-item disabled>{{currentUser.Account}}({{currentUser.MobilePhone}})</el-dropdown-item>
+                  <el-dropdown-item @click.native="CommonJump('index')">返回系统</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="main_routerPage" :style="{height: Height+'px'}">
+        <router-view />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        currentUser: {},
+        isChecked:'',
+        Height:0
+      };
+    },
+    created() {
+      this.currentUser = this.getLocalStorage();
+      this.isChecked=this.$route.path;
+      if(this.$route.query.FIndex){
+        this.CommonJump('pintuanSet');
+        this.isChecked='/pintuanSet'
+      }
+    },
+    methods: {
+    },
+    mounted() {
+      this.Height = document.documentElement.clientHeight - 60;
+      //监听浏览器窗口变化　
+      window.onresize = () => {
+        this.Height = document.documentElement.clientHeight - 60
+      }
+    }
+  };
+
+</script>

src/components/sallCenter/pluginCenter.vue

@@ -30,6 +30,30 @@
 .plugin-item:hover .display-name {
     color: #409EFF;
 }
+.plugin-icon-bg{
+    background: rgb(250, 163, 34);
+    border-radius: 10px;
+    font-size: 0;
+    display: inline-block;
+}
+.plugin-icon{
+    width:50px;
+    height:50px;
+}
+.plugin-name{
+    font-size: 14px;
+    margin-bottom: 4px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.plugin-desc{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #999999;
+    font-size: 12px;
+}
 </style>
 <template>
     <div class="pluginCenter">
@@ -68,6 +92,24 @@
                 </div>
             </div>
         </div>
+        <div flex="cross:center" style="margin-top:20px;">
+            <h3 class="plugin_ListTitle">营销工具</h3>
+        </div>
+        <div flex="dir:left" class="plugin-list el-row">
+            <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12 el-col-md-8 el-col-lg-6 el-col-xl-4" @click="goDiyCenter('pintuanMain')">
+                <div flex="dir:left box:first" class="plugin-item">
+                    <div style="padding-right: 12px;">
+                        <div class="plugin-icon-bg">
+                            <img src="../../assets/img/sallCenter/pintuan.png" style="width: 50px; height: 50px; display: block;"></div> 
+                        </div>
+                        <div>
+                            <div class="plugin-name">拼团</div> 
+                            <div flex="box:last"><div class="plugin-desc">邀请朋友一起拼团购买</div> 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 <script>

src/router/index.js

@@ -790,6 +790,25 @@ export default new Router({
 
       ]
     },
+    {
+      path: '/pintuanMain',
+      name: 'pintuanMain',
+      component: resolve => require(['@/components/pintuanMain'], resolve),
+      children: [
+        //拼团 拼团设置
+        {
+          path: '/pintuanSet',
+          name: 'pintuanSet',
+          component: resolve => require(['@/components/pintuan/pintuanSet'], resolve),
+        },
+        //拼团 消息通知
+        {
+          path: '/pintuanMsg',
+          name: 'pintuanMsg',
+          component: resolve => require(['@/components/pintuan/pintuanMsg'], resolve),
+        }
+      ]
+    }
 
   ]
 })