1

src/components/education/addCourseCard.vue

@@ -23,20 +23,20 @@
                   <img v-else :src="msg.CouponIco" alt="">
                 </div>
               </el-form-item>
-              <el-form-item label="微店铺">
-                <el-select size="small" v-model="msg.SmallShopId" :filter-method="ChangeListName" filterable
-                           placeholder="请选择">
-                  <el-option label="不限" :value="0"></el-option>
-                  <el-option v-for="item in SmallShopData" :key="item.Id" :label="item.Name" :value="item.Id">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="赞羊用户专用">
-                <el-radio-group v-model="msg.IsZanYangUse">
-                  <el-radio :label="0">否</el-radio>
-                  <el-radio :label="1">是</el-radio>
-                </el-radio-group>
-              </el-form-item>
+<!--              <el-form-item label="微店铺">-->
+<!--                <el-select size="small" v-model="msg.SmallShopId" :filter-method="ChangeListName" filterable-->
+<!--                           placeholder="请选择">-->
+<!--                  <el-option label="不限" :value="0"></el-option>-->
+<!--                  <el-option v-for="item in SmallShopData" :key="item.Id" :label="item.Name" :value="item.Id">-->
+<!--                  </el-option>-->
+<!--                </el-select>-->
+<!--              </el-form-item>-->
+<!--              <el-form-item label="赞羊用户专用">-->
+<!--                <el-radio-group v-model="msg.IsZanYangUse">-->
+<!--                  <el-radio :label="0">否</el-radio>-->
+<!--                  <el-radio :label="1">是</el-radio>-->
+<!--                </el-radio-group>-->
+<!--              </el-form-item>-->
 
               <el-form-item label="加入领券中心">
 

src/components/offlineService/offlineIndex.vue

+<style>
+  .offlineIndex {
+    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;
+  }
+
+  .offlineIndex .mainLeftMenu {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    color: #fff;
+  }
+
+  .offlineIndex .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;
+  }
+
+  .offlineIndex .asideInner {
+    background: rgba(0, 0, 0, 0.15);
+    padding: 6px 6px;
+    width: 100%;
+    border-radius: 3px;
+    font-weight: bold;
+  }
+
+  .offlineIndex .F_Logo {
+    height: 60px;
+    background: #464d54;
+    color: #f2f2f2;
+    cursor: pointer;
+    font-weight: bold;
+    text-align: center;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+  }
+
+  .offlineIndex .mainRightContent {
+    width: 100%;
+    height: 100%;
+    background-color: #f3f3f3;
+  }
+
+  .offlineIndex .mainRightTop {
+    width: 100%;
+    height: 60px;
+    background: #fff;
+    display: flex;
+    justify-content: space-between;
+    color: #909399;
+  }
+
+  .offlineIndex .mainRightLeft {
+    width: 110px;
+    height: 60px;
+    line-height: 62px;
+    text-align: center;
+    margin-left: 30px;
+    cursor: pointer;
+    position: relative;
+    top: -2px;
+  }
+
+  .offlineIndex .marinRightList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    width: 300px;
+    float: right;
+  }
+
+  .offlineIndex .marinRightList ul {
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+  }
+
+  .offlineIndex .marinRightList ul li {
+    display: block;
+    list-style-type: none;
+    cursor: pointer;
+    color: #909399;
+    outline: none;
+    border: none;
+  }
+
+  .offlineIndex .main_routerPage {
+    padding: 20px;
+    overflow-y: scroll;
+  }
+  .offlineIndex .FsettingUU{
+    position: fixed;
+    width: 200px;
+    height: 100%;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    overflow: auto;
+    z-index: 5;
+    background-color: rgb(84, 92, 100);
+  }
+  .offlineIndex .FsettingUU .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;
+  }
+  .offlineIndex .FsettingUU .menu_item i {
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px;
+    vertical-align: middle;
+    color:#909399;
+  }
+  .offlineIndex .menu_item:hover{
+    background-color: rgba(67,74,80,0);
+  }
+  .offlineIndex .F_Logo:hover{
+    background-color: #30353a;
+    color:#fff;
+  }
+  .offlineIndex .Fchecked{
+    color:rgb(255, 208, 75)!important;
+  }
+  .offlineIndex .Fchecked i{
+    color:rgb(255, 208, 75)!important;
+  }
+</style>
+<template>
+  <div class="offlineIndex">
+    <div class="mainLeftMenu">
+      <div class="leftMenu1">
+        <div class="F_Logo">
+          <div class="asideInner" @click="CommonJump('mallIndex')">{{currentUser.MallName}}
+          </div>
+        </div>
+        <ul class="FsettingUU">
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/offlineSetup'}"  @click="isChecked='/offlineSetup',CommonJump('offlineSetup')">
+            <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,
+        ERPEmpId:0,
+      };
+    },
+    created() {
+      this.currentUser = this.getLocalStorage();
+      this.ERPEmpId =  this.currentUser.ERPEmpId
+      this.isChecked=this.$route.path;
+      if(this.$route.query.FIndex){
+        this.CommonJump('offlineSetup');
+        this.isChecked='/offlineSetup'
+      }
+    },
+    methods: {
+    },
+    mounted() {
+      this.Height = document.documentElement.clientHeight - 60;
+      //监听浏览器窗口变化　
+      window.onresize = () => {
+        this.Height = document.documentElement.clientHeight - 60
+      }
+    }
+  };
+
+</script>

src/components/offlineService/offlineSetup.vue

+<template>
+<div> 1212</div>
+</template>
+
+<script>
+    export default {
+        name: "offlineSetup"
+    }
+</script>
+
+<style scoped>
+
+</style>

src/components/sallCenter/pluginCenter.vue

@@ -132,6 +132,15 @@
             </div>
           </div>
         </div>
+        <div flex="dir:left box:first" class="plugin-item" @click="goDiyCenter('offlineIndex')">
+          <div style="margin-right: 12px;background:rgb(51, 153, 255);height:50px;"><img src="../../assets/img/sallCenter/circle.png" style="width: 50px; height: 50px; display: block;"></div>
+          <div>
+            <div class="display-name">线下服务</div>
+            <div flex="box:last">
+              <div class="name">Below-the-Line</div>
+            </div>
+          </div>
+        </div>
 
     </div>
     <div style="display:none">

src/router/index.js

@@ -333,6 +333,20 @@ export default new Router({
          }
       ]
     },
+    {
+      path: '/offlineIndex', //线下服务
+      name: 'offlineIndex',
+      component: resolve => require(['@/components/offlineService/offlineIndex'], resolve),
+      children: [
+        //线下基本设置
+        {
+          path: '/offlineSetup',
+          name: 'offlineSetup',
+          component: resolve => require(['@/components/offlineService/offlineSetup'], resolve),
+        }
+      ]
+    },
+
     {
       path: '/mall',
       name: 'mall',