diff --git a/ruoyi-ui/src/assets/styles/index.scss b/ruoyi-ui/src/assets/styles/index.scss
index 7b9f52ba1..079573b9a 100644
--- a/ruoyi-ui/src/assets/styles/index.scss
+++ b/ruoyi-ui/src/assets/styles/index.scss
@@ -206,6 +206,10 @@ aside {
 .flex {
   display: flex;
 
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
   &.center {
     align-items: center;
     justify-content: center;
diff --git a/ruoyi-ui/src/views/benyi/checkinstatisticsclass/index.vue b/ruoyi-ui/src/views/benyi/checkinstatisticsclass/index.vue
index e03bde19c..54eed0bc4 100644
--- a/ruoyi-ui/src/views/benyi/checkinstatisticsclass/index.vue
+++ b/ruoyi-ui/src/views/benyi/checkinstatisticsclass/index.vue
@@ -182,11 +182,13 @@ export default {
       }
       listChildCheck(this.queryParams).then((response) => {
         // console.log(response.rows);
-        this.bjmc = response.rows[0].bjmc;
-        this.childcount = response.rows.length - 1;
-        this.jsmc = response.rows[0].zbjsmc;
+        const {rows = []} = response;
+        const first = (rows && rows[0]) || {};
+        this.bjmc = first.bjmc || '';
+        this.childcount = rows.length > 0 ? rows.length - 1 : 0;
+        this.jsmc = first.zbjsmc || '';
         //  this.tableData = response.rows;
-        response.rows.forEach((res) => {
+        rows.forEach((res) => {
           this.tableData.push({
             name: res.name,
             zj: this.avg([
diff --git a/ruoyi-ui/src/views/benyi/microcoursestudy/index.vue b/ruoyi-ui/src/views/benyi/microcoursestudy/index.vue
index ba9575778..d4aaea2e2 100644
--- a/ruoyi-ui/src/views/benyi/microcoursestudy/index.vue
+++ b/ruoyi-ui/src/views/benyi/microcoursestudy/index.vue
@@ -38,7 +38,9 @@
               @click="prints"
               >打印</el-button
             >
-            <div class="pad-left" v-html="note" ref="printMe"></div>
+            <div class="pad-left" ref="printMe">
+              <div v-html="note"></div>
+            </div>
           </div>
         </el-card>
       </el-col>
@@ -61,7 +63,7 @@ export default {
       title: "微型课程",
       title1: "概论",
       //目的
-      note: "微 型 课 程     王东异  主编",
+      note: "微型课程 — 王东异 <span style='font-size: 14px'>主编</span>",
       // 树状显示类型
       treeOptions: [],
       // 树结构
@@ -120,6 +122,9 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.app-container, .el-row {
+  height: 100%;
+}
 .text {
   font-size: 14px;
 }
@@ -174,6 +179,6 @@ div {
 }
 .tree {
   overflow:auto;
-  max-height: 600px;
+  height: calc(100% - 52px);
 }
 </style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/benyi_train/video_study/index.vue b/ruoyi-ui/src/views/benyi_train/video_study/index.vue
index 528dd2662..97b69c29f 100644
--- a/ruoyi-ui/src/views/benyi_train/video_study/index.vue
+++ b/ruoyi-ui/src/views/benyi_train/video_study/index.vue
@@ -2,8 +2,18 @@
   <div class="app-container" @contextmenu.prevent="">
     <el-form :model="queryParams" ref="queryForm" label-width="70px">
       <el-row :gutter="10">
-        <el-col :xs="24" :ms="12" :md="5">
-          <el-form-item label="视频类别" prop="type">
+        <el-col>
+          <el-form-item style="margin-bottom: 5px" label="视频类型" prop="type">
+            <div class="flex wrap btns">
+              <el-button 
+                v-for="ele in optionTypes" 
+                size="mini"
+                :key="ele.id"
+                :type="ele.id === type ? 'primary' : ''"
+                @click="changeType(ele)">{{ele.name}}</el-button>
+            </div>
+          </el-form-item>
+          <!-- <el-form-item label="视频类别" prop="type">
             <el-cascader
               placeholder="请选择视频类别"
               ref="example"
@@ -13,7 +23,7 @@
               clearable
               @change="exampleChange"
             ></el-cascader>
-          </el-form-item>
+          </el-form-item> -->
           <!-- 博士要求注释掉，不需要该过滤条件 2020-05-30 zlp -->
           <!-- <el-form-item label="讲师姓名" prop="lecturer">
         <el-select v-model="queryParams.lecturer" filterable placeholder="请选择讲师">
@@ -35,7 +45,7 @@
         />
       </el-form-item>-->
         </el-col>
-        <el-col :xs="24" :ms="12" :md="6">
+        <!-- <el-col :xs="24" :ms="12" :md="6">
           <el-form-item class="no-margin">
             <el-button
               type="primary"
@@ -48,6 +58,19 @@
               >重置</el-button
             >
           </el-form-item>
+        </el-col> -->
+        <el-col>
+          <el-form-item  style="margin-bottom: 5px" label="详细分类" prop="type">
+            <div class="flex wrap btns">
+              <el-button 
+                v-for="ele in getVideoTypes"
+                round
+                size="mini"
+                :key="ele.id"
+                :type="ele.id === ancestors ? 'primary' : ''"
+                @click="changeTypeDetail(ele)">{{ele.name}}</el-button>
+            </div>
+          </el-form-item>
         </el-col>
       </el-row>
     </el-form>
@@ -135,10 +158,24 @@ export default {
         pageNum: 1,
         pageSize: 8,
       },
+      type: 1,
+      ancestors: '',
+      videoTypes: []
     };
   },
+  computed: {
+    getVideoTypes(){
+      let arr = [];
+      for(let ele of this.optionTypes) {
+        if (ele.id === this.type) {
+          arr = ele.children;
+        }
+      }
+      return arr;
+    }
+  },
   created() {
-    this.getList();
+    // this.getList();
     listAllLecturer().then((response) => {
       //console.log(response.lecturer);
       this.lecturerOptions = response.lecturer;
@@ -148,12 +185,22 @@ export default {
       this.optionTypes = this.handleTree(response.data, "id", "pid");
       //第二步移除children为0的数组，也就是将children为0 设置为undefined
       this.optionTypes = this.getTreeData(this.optionTypes);
+      console.log(this.optionTypes)
     });
   },
-  // mounted() {
-  //   this.$watermark.set("测试专用");
-  // },
+  mounted() {
+    this.handleQuery();
+  },
   methods: {
+    changeType(btn) {
+      this.type = btn.id;
+      this.ancestors = '';
+      this.handleQuery(btn);
+    },
+    changeTypeDetail(btn) {
+      this.ancestors = (this.ancestors && btn.id === this.ancestors) ? '' : btn.id;
+      this.handleQuery(btn);
+    },
     exampleChange(e) {
       // console.log(e);
       // 目的是选择之后将下拉界面收起
@@ -209,11 +256,13 @@ export default {
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      if (this.queryParams.type == null) {
-        this.queryParams.type = "";
-      } else {
-        this.queryParams.type = this.queryParams.type.toString();
-      }
+      // if (this.queryParams.type == null) {
+      //   this.queryParams.type = "";
+      // } else {
+      //   // this.queryParams.type = this.queryParams.type.toString();
+      //   this.queryParams.type = ancestors;
+      // }
+      this.queryParams.type = [this.type, this.ancestors].join(',');
       //console.log(this.queryParams.type);
       this.queryParams.pageNum = 1;
       this.getList();
@@ -227,7 +276,7 @@ export default {
 };
 </script>
 
-<style>
+<style lang="scss">
 .time {
   line-height: 12px;
   font-size: 12px;
@@ -265,6 +314,12 @@ export default {
   margin: 0 !important;
 }
 
+.btns {
+  .el-button {
+    margin: 2px;
+  }
+}
+
 @media (max-width: 768.98px) {
   .el-cascader-node__label {
     max-width: 200px;
diff --git a/ruoyi-ui/src/views/login.vue b/ruoyi-ui/src/views/login.vue
index 5e6295570..e639ed12c 100644
--- a/ruoyi-ui/src/views/login.vue
+++ b/ruoyi-ui/src/views/login.vue
@@ -49,6 +49,7 @@
     <!--  底部  -->
     <div class="el-login-footer">
       <span>Copyright © 2018-2019 benyiedu.com All Rights Reserved.</span>
+      <p>技术服务：<svg-icon icon-class="wechat"/> 18633313157</p>
     </div>
   </div>
 </template>
@@ -190,7 +191,7 @@ export default {
 }
 .el-login-footer {
   height: 40px;
-  line-height: 40px;
+  line-height: 15px;
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -199,5 +200,8 @@ export default {
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;
+  p {
+    opacity: .8;
+  }
 }
 </style>
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index b14adb873..70dff57cd 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -33,8 +33,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8083`,
-        //target: `http://120.53.14.147:9990/`,
+        // target: `http://localhost:8083`,
+        target: `http://120.53.14.147:9990/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''