修复 编辑商品看不到课程列表的问题

src/App.vue

 <template>
   <div id="app">
-    <router-view />
+    <router-view/>
   </div>
 </template>
 
 <script>
-import menu from "./util/menuList";
-export default {
+  import menu from "./util/menuList";
+
+  export default {
     name: "App",
     data() {
       return {};
@@ -74,83 +75,90 @@ export default {
         this.$store.dispatch("setMenu", menuList);
       }
     }
-};
+  };
 </script>
 
 <style lang="less">
-#app {
+  #app {
     height: 100%;
-}
+  }
 
-html, body {
+  html, body {
     height: 100%;
     margin: 0;
     padding: 0;
-}
+  }
 
-.el-collapse-item__arrow {
+  .el-collapse-item__arrow {
     margin-left: 0;
-}
+  }
 
-.fl {
+  .fl {
     float: left;
-}
+  }
 
-.fr {
+  .fr {
     float: right;
-}
+  }
 
-.clearfix {
+  .clearfix {
     *zoom: 1;
-}
+  }
 
-.clearfix:after {
+  .clearfix:after {
     content: "";
     display: block;
     height: 0;
     visibility: hidden;
     clear: both;
-}
+  }
 
-.page-div {
+  .page-div {
     padding-top: 20px;
-}
+  }
 
-.cell-link {
+  .cell-link {
     /*color: #409EFF;*/
     text-decoration: underline;
     cursor: pointer;
     user-select: none;
-}
+  }
 
-.el-table {
+  .el-table {
     /*padding: 0 20px;*/
-}
+  }
 
-@gutterSize: 10px;
+  @gutterSize: 10px;
 
-.admin-refresh {
+  .admin-refresh {
     .section-search {
-    padding: @gutterSize;
+      margin-bottom: 10px;
+      padding: @gutterSize @gutterSize 0 @gutterSize;
       background-color: #fff;
       border-bottom: solid 1px #ebeef5;
+
       &.search-single {
         font-size: 0; // 去掉空隙
         /*.el-form-item__content {
           font-size: 0; // 去掉空隙
         }*/
+
         .el-form-item {
           margin-bottom: 0;
         }
       }
-    .el-form--inline {
+
+      .el-form--inline, &.el-form--inline {
         .el-form-item {
           margin-right: 0;
+          margin-bottom: @gutterSize;
+
           & + .el-form-item {
-          margin-left: 10px;
+            margin-left: @gutterSize;
           }
         }
       }
+
       .search-btn-wrapper {
         display: flex;
       }
@@ -159,21 +167,24 @@ html, body {
     .page-div {
       padding: 0;
     }
+
     .el-pagination {
       padding: @gutterSize 0;
       background-color: #fff;
       border-bottom: solid 1px #ebeef5;
     }
-}
+  }
 
   // cascader 支持多行
   .refresh-cascader-multi {
     &.width-480 .el-cascader-menu {
       max-width: 480px;
     }
+
     &.width-520 .el-cascader-menu {
       max-width: 520px;
     }
+
     &.width-560 .el-cascader-menu {
       max-width: 560px;
     }
@@ -181,11 +192,13 @@ html, body {
     .el-cascader-menu {
       .el-cascader-menu__wrap {
         height: 360px;
+
         ul {
           li {
             padding: 5px 20px 5px 20px;
             height: auto;
             line-height: 24px;
+
             .el-cascader-node__label {
               white-space: normal;
             }
@@ -200,24 +213,30 @@ html, body {
     &.width-320 {
       max-width: 320px;
     }
+
     &.width-360 {
       max-width: 360px;
     }
+
     &.width-400 {
       max-width: 400px;
     }
+
     &.width-480 {
       max-width: 480px;
     }
+
     &.width-520 {
       max-width: 520px;
     }
+
     &.width-560 {
       max-width: 560px;
     }
 
     .el-select-dropdown__wrap {
       max-height: 360px;
+
       ul {
         li {
           padding: 5px 20px 5px 20px;
@@ -240,20 +259,21 @@ html, body {
     }
   }
 
-.el-table {
+  .el-table {
     .f-c > div {
       display: flex !important;
       flex-flow: row;
       justify-content: flex-start;
       align-items: center;
     }
+
     .avatar {
       width: 50px;
       margin-right: 8px;
       border-radius: 50%;
       height: 50px;
     }
-}
+  }
 
   .update-time {
     margin-top: -12px;

src/components/autoClass/index.vue

@@ -148,7 +148,7 @@
     height: 50px;
   }
   .user{
-    height: 100%;
+    /*height: 100%;*/
     overflow: auto;
     padding: 20px 0;
     .btn-content{

src/components/class/userList.vue

@@ -1257,7 +1257,7 @@
     height: 50px;
   }
   .user{
-    height: 100%;
+    /*height: 100%;*/
     overflow: auto;
     padding: 20px 0;
     .btn-content{

src/components/oldUser/index.vue

@@ -131,7 +131,7 @@
     height: 50px;
   }
   .user{
-    height: 100%;
+    /*height: 100%;*/
     overflow: auto;
     padding: 20px 0;
     .btn-content{

src/components/shop/dialog.vue

@@ -23,26 +23,11 @@
           <el-col :span="12">
             <el-form-item label="商品类型" required>
               <el-select v-model="form.goods_type" @change="goodsChange" placeholder="请选择">
-                <el-option
-                  :label="'普通商品'"
-                  :value="1">
-                </el-option>
-                <el-option
-                  :label="'团购商品'"
-                  :value="2">
-                </el-option>
-                <el-option
-                  :label="'续课商品'"
-                  :value="3">
-                </el-option>
-                <el-option
-                  :label="'优惠券商品'"
-                  :value="4">
-                </el-option>
-                <el-option
-                  :label="'实物商品'"
-                  :value="5">
-                </el-option>
+                <el-option :label="'普通商品'" :value="1"></el-option>
+                <el-option :label="'团购商品'" :value="2"></el-option>
+                <el-option :label="'续课商品'" :value="3"></el-option>
+                <el-option :label="'优惠券商品'" :value="4"></el-option>
+                <el-option :label="'实物商品'" :value="5"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -56,14 +41,8 @@
           <el-col :span="12" v-if="form.goods_type === 4">
             <el-form-item label="课程类型" required>
               <el-select v-model="form.course_type" placeholder="请选择">
-                <el-option
-                  :label="'日课'"
-                  :value="1">
-                </el-option>
-                <el-option
-                  :label="'月课'"
-                  :value="0">
-                </el-option>
+                <el-option :label="'日课'" :value="1"></el-option>
+                <el-option :label="'月课'" :value="0"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -654,7 +633,7 @@
       },
       initDialog() {
         switch (this.dialogObj.type) {
-          case 0:
+          case 0: // 添加商品
             this.loading = false;
             this.goOn_goods_Id.after_goods_id = '';
             this.goodsYou = [];
@@ -690,7 +669,7 @@
                 after_goods_id: 0
               },
               is_into_periods: '0'
-            },
+            };
             this.getLessonList();
             console.log(this.form.course_type)
             if (this.form.goods_type == 1 || this.form.goods_type == 2) {
@@ -713,8 +692,8 @@
               });
             }
             break;
-          case 1:
-          case 2:
+          case 1: // 编辑商品
+          case 2: // 查看商品
             this.goOn_goods_Id.after_goods_id = '';
             this.goOn_goods_Id.before_goods_id = '';
             this.goodsYou = [];
@@ -750,6 +729,7 @@
               },
               is_into_periods: '0'
             };
+            this.getLessonList();
             getGoodsDetailApi(this.dialogObj.id).then(res => {
               this.loading = false;
               let share_desc = JSON.parse(res.share_desc);

src/components/shop/index.vue

 <template>
-  <div class="user">
-    <el-form ref="searchFrom" size="small" :model="searchFrom" label-width="100px" class="search-form" inline>
+  <div class="admin-refresh">
+    <el-form ref="searchFrom" size="small" :model="searchFrom" label-width="100px" class="section-search" inline>
           <el-form-item label="商品名称">
             <el-input v-model="searchFrom.name"></el-input>
           </el-form-item>
@@ -42,7 +42,7 @@
       <el-tab-pane label="优惠券商品" name="4"></el-tab-pane>
       <el-tab-pane label="实物商品" name="5"></el-tab-pane>
     </el-tabs>
-    <el-tabs v-model="searchFrom.status" type="card" style="background: white;padding-top: 10px" @tab-click="getGoods">
+    <el-tabs v-model="searchFrom.status" type="card" style="background: white;" @tab-click="getGoods">
       <el-tab-pane label="上架" name="1"></el-tab-pane>
       <el-tab-pane label="编辑中" name="0"></el-tab-pane>
       <el-tab-pane label="下架" name="2"></el-tab-pane>
@@ -520,9 +520,9 @@
 <style scoped lang="less">
   @import "../../util/public";
   .user{
-    height: 100%;
-    overflow: auto;
-    padding: 20px 0;
+    /*height: 100%;*/
+    /*overflow: auto;*/
+    /*padding: 20px 0;*/
     .btn-content{
       text-align: center;
     }