0506 完成教师模块的初步设计

element-vue/src/components/block.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-card shadow="hover" body-style="padding: 50px;">
+    <el-card shadow="hover" body-style="padding: 50px;cursor:pointer" >
         <span>{{name}}</span>
         <slot></slot>
     </el-card>

element-vue/src/components/home.vue

@@ -14,8 +14,8 @@
                 </el-row>
 <!--               用一个循环把所有的功能模块加载出来 -->
                 <el-row :gutter="40" justify="center"  type="flex" align="bottom">
-                    <el-col :span="6" v-for="item in names" :key="item">
-                        <block  :name="item" :style="bodyStyle" ></block>
+                    <el-col :span="6" v-for="item in names" :key="item.name">
+                        <block  :name="item.name" @click.native="item.func" :style="bodyStyle"></block>
                     </el-col>
                 </el-row>
 

element-vue/src/components/teacher/navBar.vue

@@ -8,11 +8,11 @@
                 background-color="#1989fa"
                 text-color="#ffffff"
                 active-text-color="#ffd04b">
-            <el-menu-item index="1" route="index">首页</el-menu-item>
+            <el-menu-item index="1" route="index" @click="$router.push('/teacher')">首页</el-menu-item>
             <el-submenu index="2">
                 <template slot="title">实验室申请</template>
-                <el-menu-item index="2-1" route="book">申请实验室</el-menu-item>
-                <el-menu-item index="2-2" route="myBooking">我的申请记录</el-menu-item>
+                <el-menu-item index="2-1" route="book" @click="$router.push('/teacher/applyLab')">申请实验室</el-menu-item>
+                <el-menu-item index="2-2" route="myBooking" @click="$router.push('/teacher/myApplyRecord')">我的申请记录</el-menu-item>
             </el-submenu>
             <el-menu-item index="3" route="course">课程管理</el-menu-item>
             <el-menu-item index="4" route="schedule" @click="$router.push('/teacher/myCourse')">我的课表</el-menu-item>
@@ -42,6 +42,9 @@
         },
         components:{
             dropDownUser
+        },
+        mounted() {
+
         }
     }
 </script>

element-vue/src/pages/labApplyDetail.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <tb_course :c-click="{}" :c-style="{}"></tb_course>
+    </div>
+
+</template>
+
+<script>
+    import tb_course from "~/components/tb_course";
+    export default {
+        name: "labApplyDetail",
+        components:{
+            tb_course
+        }
+    }
+</script>
+<style scoped>
+
+</style>

element-vue/src/pages/teacher/applyLab.vue

@@ -0,0 +1,74 @@
+<template>
+
+    <div>
+        <el-container>
+            <el-header style="padding: 0">
+                <nav-bar></nav-bar>
+            </el-header>
+            <el-main>
+                <el-header>
+                    <div>
+                        <el-input type="text" style="max-width: 400px;float: left" placeholder="请输入查询关键字" ><el-button slot="append" icon="el-icon-search"></el-button></el-input>
+                        <el-button style="float: right" class="el-button--danger" @click="$router.push('/teacher/myApplyRecord')">我的申请记录</el-button>
+                    </div>
+                </el-header>
+                <el-table :data="tableData" border ref="detailtb" height="500px">
+                    <el-table-column prop="position" label="实验室地点">
+
+                    </el-table-column>
+                    <el-table-column prop="name" label="实验室名称">
+
+                    </el-table-column>
+                    <el-table-column prop="capacity" label="可容纳人数">
+
+                    </el-table-column>
+                    <el-table-column prop="status" label="状态">
+
+                    </el-table-column>
+                    <el-table-column prop="nickname" label="管理员">
+
+                    </el-table-column>
+                    <el-table-column fixed="right"
+                                     label="操作"
+                                     width="212">
+                        <template slot-scope="scope">
+                            <el-button @click="" type="text" size="medium" @click="$router.push('/labApplyDetail')">查看申请详情</el-button>
+                            <el-button @click="" type="text" size="medium">申请</el-button>
+                        </template>>
+
+                    </el-table-column>
+                </el-table>
+            </el-main>
+
+        </el-container>
+
+
+
+    </div>
+</template>
+
+<script>
+    import tb_course from "~/components/tb_course";
+    import navBar from "~/components/teacher/navBar";
+    export default {
+        name: "applyLab",
+        components:{
+            tb_course,
+            navBar
+        },
+        data(){
+                return{
+                    tableData:[{}
+                    ]
+                }
+
+        },
+        mounted() {
+            console.log(this.$refs.detailtb)
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

element-vue/src/pages/teacher/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <home :names="{ name1:'个人中心', name2:'申请实验室' }"user="林大池"></home>
+        <home :names="homePrarms" user="林大池" ></home>
     </div>
 </template>
 
@@ -13,6 +13,20 @@
         components: {
             home
         },
+        data(){
+          return{
+              homePrarms:[
+                  { name:'个人中心',func:()=> {
+                      console.log(this.$router)
+                      this.$router.push('/teacher/personal')
+                      }},
+                {name:'申请实验室' ,func:()=> {
+                        this.$router.push('/teacher/applyLab')}},
+                {name:'我的课表',func:()=> {
+                        this.$router.push('/teacher/myCourse')}}
+                  ]
+          }
+        },
         methods:{
             async backLogin() {
                 await get('lb/user/logout')
@@ -21,6 +35,9 @@
                     this.$router.push('/login')
                 },1000)
             }
+        },
+        mounted() {
+            console.log(this.homePrarms)
         }
     }
 </script>

element-vue/src/pages/teacher/myApplyRecord.vue

@@ -0,0 +1,61 @@
+<template>
+    <div>
+        <el-container>
+            <el-header style="padding: 0">
+                <nav-bar></nav-bar>
+            </el-header>
+            <el-main>
+                <el-header>
+                    <div>
+                        <el-input type="text" style="max-width: 400px;float: left" placeholder="请输入查询关键字" ><el-button slot="append" icon="el-icon-search"></el-button></el-input>
+                    </div>
+                </el-header>
+                <el-table :data="tableData" border ref="mar" height="500px">
+                    <el-table-column prop="position" label="实验室地点">
+
+                    </el-table-column>
+                    <el-table-column prop="name" label="实验室名称">
+
+                    </el-table-column>
+                    <el-table-column prop="class" label="授课班级">
+
+                    </el-table-column>
+                    <el-table-column prop="population" label="人数">
+
+                    </el-table-column>
+                    <el-table-column prop="course_name" label="课程名称">
+                    </el-table-column>
+                </el-table>
+            </el-main>
+
+        </el-container>
+
+
+
+    </div>
+</template>
+
+<script>
+    import tb_course from "~/components/tb_course";
+    import navBar from "~/components/teacher/navBar";
+    export default {
+        name: "myApplyRecord",
+        components: {
+            tb_course,
+            navBar
+        },
+        data() {
+            return {
+                tableData: [
+                ]
+            }
+        },
+        mounted() {
+            console.log(this.$refs.mar)
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

element-vue/src/pages/teacher/personal.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <el-container>
-            <el-header><nav-bar ></nav-bar></el-header>
+            <el-header style="padding: 0"><nav-bar ></nav-bar></el-header>
         </el-container>
         <el-container>
             <el-aside width="300px">

element-vue/src/router.js

@@ -11,6 +11,9 @@ import login from "~/pages/login";
 import empty from "~/components/empty";
 import myCourse from "~/pages/teacher/myCourse";
 import tb_course from "~/components/tb_course";
+import labApplyDetail from "~/pages/labApplyDetail";
+import applyLab from "~/pages/teacher/applyLab";
+import myApplyRecord from "~/pages/teacher/myApplyRecord";
 
 // 要告诉 vue 使用 vueRouter
 Vue.use(VueRouter);
@@ -40,6 +43,14 @@ const routes = [
             {
                 path:'myCourse',
                 component:myCourse
+            },
+            {
+                path:'applyLab',
+                component:applyLab
+            },
+            {
+                path:'myApplyRecord',
+                component:myApplyRecord
             }
         ]
     },
@@ -62,6 +73,10 @@ const routes = [
     {
         path:'/tbCourse',
         component:tb_course
+    },
+    {
+        path:'/labApplyDetail',
+        component:labApplyDetail
     }
 ]