diff --git a/element-vue/src/components/supManager/addLab.vue b/element-vue/src/components/supManager/addLab.vue
new file mode 100644
index 0000000..d150c8b
--- /dev/null
+++ b/element-vue/src/components/supManager/addLab.vue
@@ -0,0 +1,70 @@
+<template>
+    <el-dialog
+            title="提示"
+            :visible.sync="addLabDialog"
+            width="30%">
+        <el-form :model="form">
+
+            <el-form-item label="位置">
+                <el-input v-model="form.position" placeholder="位置"></el-input>
+            </el-form-item>
+            <el-form-item label="地址">
+                <el-input v-model="form.address" placeholder="地址"></el-input>
+            </el-form-item>          <el-form-item label="地址">
+                <el-input v-model="form.status" placeholder="地址id"></el-input>
+            </el-form-item>
+            <el-form-item label="实验室id">
+                <el-input v-model="form.labId" placeholder="请输入id"></el-input>
+            </el-form-item>
+            <el-form-item label="实验室名称">
+                <el-input v-model="form.name" placeholder="实验室名称"></el-input>
+            </el-form-item>
+            <el-form-item label="状态">
+                <el-input v-model="form.status" placeholder="状态"></el-input>
+            </el-form-item>
+            <el-form-item label="可容量认人数">
+                <el-input v-model="form.compacity" placeholder="输入数量"></el-input>
+            </el-form-item>
+            <el-form-item label="管理员">
+                <el-input v-model="form.manager" placeholder="管理员"></el-input>
+            </el-form-item>
+            <el-form-item label="管理员id">
+                <el-input v-model="form.managerId" placeholder="管理员id"></el-input>
+            </el-form-item>
+
+            <el-button type="success" style="width: 120px;text-align: left" icon="el-icon-circle-plus-outline"
+                       @click="showAddLab">新增
+            </el-button>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script>
+
+    export default {
+        data(){
+            return{
+                addLabDialog:false,
+                form:{
+                    position:'',
+                    address:'',
+                    labId:'',
+                    name:'',
+                    status:'',
+                    compacity:'',
+                    manager:'',
+                    managerId:''
+                },
+            }
+        },
+        methods:{
+            showAddLab(){
+                this.addLabDialog=false
+            }
+        }
+    }
+</script>
+
+<style>
+
+</style> 
\ No newline at end of file
diff --git a/element-vue/src/components/supManager/labManage.vue b/element-vue/src/components/supManager/labManage.vue
new file mode 100644
index 0000000..620bdfd
--- /dev/null
+++ b/element-vue/src/components/supManager/labManage.vue
@@ -0,0 +1,127 @@
+<template>
+    <div>
+        <el-form :model="form" :inline="true">
+            <el-form-item label="类型">
+                <el-input v-model="form.type" placeholder="安卓实验室" ></el-input>
+            </el-form-item>
+            <el-form-item label="位置">
+                <el-input v-model="form.position" placeholder="位置"></el-input>
+            </el-form-item>
+            <el-form-item label="状态">
+                <el-input v-model="form.status" placeholder="状态"></el-input>
+            </el-form-item>
+            <el-input v-model="search" placeholder="输入关键字搜索" suffix-icon="el-icon-search"/>
+            <el-button type="success" style="width: 120px;text-align: left" icon="el-icon-circle-plus-outline"
+                       @click="showAddLab">新增
+            </el-button>
+        </el-form>
+        <el-table
+                :data="tableData"
+                border
+                style="width: 100%">
+            <el-table-column
+                    fixed
+                    prop="name"
+                    label="实验室名称"
+                    width="150">
+            </el-table-column>
+            <el-table-column
+                    prop="address"
+                    label="地点"
+                    width="120">
+            </el-table-column>
+            <el-table-column
+                    prop="status"
+                    label="状态"
+                    width="120">
+            </el-table-column>
+            <el-table-column
+                    prop="week"
+                    label="可申请周次"
+                    width="120">
+            </el-table-column>
+            <el-table-column
+                    prop="manage"
+                    label="管理员"
+                    width="300">
+            </el-table-column>
+
+            <el-table-column
+                    fixed="right"
+                    label="操作"
+                    width="100">
+                <template slot-scope="scope">
+                    <el-button @click="" type="text" size="small">查看申请详情</el-button>
+                    <el-button @click="" type="text" size="small">详细信息</el-button>
+                    <el-button @click="" type="text" size="small">查看</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <add-lab ref="addLab"></add-lab>
+    </div>
+</template>
+
+<script>
+    import addLab from "~/components/supManager/addLab" ;
+    import {get, post} from "~/utils";
+    import {showDialog, showFail, showSuccess} from "~/utils/dialog";
+    export default {
+        components:{addLab},
+        data(){
+            return{
+                edit:"",
+                form:{
+                    type:'',
+                    position:'',
+                    status:'',
+                },
+                search:'',
+                tableData:[
+                ],
+            }
+        },
+        methods:{
+            showAddLab(){
+                console.log(this.$refs.addLab)
+                this.$refs.addLab.addLabDialog=true
+                this.$router.push('/supManager/index/labManager')
+
+            },
+            // 编辑用户
+            // async editLab(item) {
+            //     // 判断是否为编辑模式
+            //     this.edit = !!item
+            //     this.userForm = item ? item : {
+            //         nickname: "",
+            //         tel: "",
+            //         email: "",
+            //         username: "",
+            //         office: "",
+            //         position: ''
+            //     }
+            //     // 弹出编辑框
+            //     this.dialogFormVisible = true
+            // },
+        },
+        computed: {
+            // tableDataComputed() {
+            //     return this.tableData.filter(data => !this.search
+            //         || data.username.toLowerCase().includes(this.search.toLowerCase())
+            //         || data.tel.toLowerCase().includes(this.search.toLowerCase())
+            //         || data.nickname.toLowerCase().includes(this.search.toLowerCase())
+            //         || data.office.toLowerCase().includes(this.search.toLowerCase())
+            //         || data.email.toLowerCase().includes(this.search.toLowerCase())
+            //     )
+            // },
+
+        },
+
+        mounted() {
+            // this.tableData=get('/lb/getall')
+        }
+    }
+</script>
+
+<style>
+
+</style> 
\ No newline at end of file