09/11 10:17

老师列表结束  学生列表开始

src/views/studentManager/studentList.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="scss">
+</style>

src/views/teacherManager/teacherDetail/components/leaveRecord.vue

@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <!-- 头部展示 -->
+    <div class="headWrap">
+      <div class="left">
+        <div class="headItem">
+          <p>本月请假:<span>12345</span></p>
+        </div>
+        <div class="headItem">
+          <p>大课次数:<span>12345</span></p>
+        </div>
+        <div class="headItem">
+          <p>小课次数:<span>12345</span></p>
+        </div>
+      </div>
+      <div class="right">
+      </div>
+    </div>
+    <!-- 搜索标题 -->
+    <el-form :inline="true"
+             class="searchForm"
+             v-model="searchForm">
+      <el-form-item>
+        <el-select v-model="searchForm.name"
+                   placeholder="课程类型">
+          <el-option label="哈哈哈"
+                     value="1"></el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <!-- 查询 -->
+    <div class="searchWrap">
+      <p>查询条件:</p>
+      <div class="searchItem"
+           @click="closeSearch(item)"
+           v-for="(item,index) in searchLsit">
+        {{ item.key }}
+        <i class="el-icon-close"></i>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <div class="tableWrap">
+      <el-table :data='tableList'>
+        <el-table-column align='center'
+                         label="请假时间">
+        </el-table-column>
+        <el-table-column align='center'
+                         label="请假类型">
+        </el-table-column>
+        <el-table-column align='center'
+                         label="请假说明">
+        </el-table-column>
+        <el-table-column align='center'
+                         label="统计">
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      searchForm: {
+        name: ''
+      },
+      searchLsit: [],
+      tableList: []
+    }
+  }
+}
+</script>
+<style lang="scss">
+</style>

src/views/teacherManager/teacherDetail/components/teacherRecord.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class='tr-cotainer'>
+    <!-- 搜索标题 -->
+    <el-form :inline="true"
+             class="searchForm"
+             v-model="searchForm">
+      <el-form-item>
+        <el-select v-model="searchForm.name"
+                   placeholder="课程类型">
+          <el-option label="哈哈哈"
+                     value="1"></el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <!-- 查询 -->
+    <div class="searchWrap">
+      <p>查询条件:</p>
+      <div class="searchItem"
+           @click="closeSearch(item)"
+           v-for="(item,index) in searchLsit">
+        {{ item.key }}
+        <i class="el-icon-close"></i>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <div class="tableWrap">
+      <div class="tableWrap">
+        <el-table :data='tableList'>
+          <el-table-column align='center'
+                           label="上课时间">
+          </el-table-column>
+          <el-table-column align='center'
+                           label="课程类型">
+          </el-table-column>
+          <el-table-column align='center'
+                           label="课程名称">
+          </el-table-column>
+          <el-table-column align='center'
+                           label="备注">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      searchForm: {
+        name: ''
+      },
+      searchLsit: [],
+      tableList: []
+    }
+  }
+}
+</script>
+<style lang="scss" scope>
+.tr-cotainer {
+  margin-top: 20px;
+}
+</style>

src/views/teacherManager/teacherDetail/index.vue

@@ -15,10 +15,11 @@
         </el-tab-pane>
         <el-tab-pane label="上课记录"
                      name="3">
-
+          <teacherRecord />
         </el-tab-pane>
         <el-tab-pane label="请假记录"
                      name="4">
+          <leaveRecord />
         </el-tab-pane>
         <el-tab-pane label="财务详情"
                      name="5">
@@ -28,13 +29,14 @@
   </div>
 </template>
 <script>
-
+import teacherRecord from '@/views/teacherManager/teacherDetail/components/teacherRecord'
+import leaveRecord from '@/views/teacherManager/teacherDetail/components/leaveRecord'
 export default {
-  components: {},
+  components: { teacherRecord, leaveRecord },
   name: 'teacherDetail',
   data () {
     return {
-      activeName: '2'
+      activeName: '3'
     }
   },
   methods: {

src/views/teacherManager/teacherList.vue

@@ -86,6 +86,7 @@ export default {
         name: ''
       },
       searchLsit: [],
+      tableList: [],
       rules: {
         // 分页规则
         limit: 10, // 限制显示条数
@@ -94,6 +95,9 @@ export default {
         page_size: [10, 20, 40, 50] // 选择限制显示条数
       },
     }
+  },
+  methods: {
+    getList () { }
   }
 }
 </script>

src/views/vipClass/resetClasss.vue

@@ -63,7 +63,8 @@ export default {
       searchLsit: [],
       searchForm: {
         name: ''
-      }
+      },
+      tableList: []
     }
   }
 }