From 109b676e771aecdac497251247f056ef1969d15b Mon Sep 17 00:00:00 2001
From: 17031838 <1103813805@qq.com>
Date: Tue, 26 May 2020 23:36:54 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/supManager/check.vue       |  53 ++++-
 .../src/components/supManager/checked.vue     | 104 +++++++++
 .../src/components/supManager/checking.vue    | 104 +++++++++
 .../src/components/supManager/detail.vue      | 220 ++++++++++++++++++
 .../components/supManager/refuseReason.vue    |  55 +++++
 5 files changed, 534 insertions(+), 2 deletions(-)
 create mode 100644 element-vue/src/components/supManager/checked.vue
 create mode 100644 element-vue/src/components/supManager/checking.vue
 create mode 100644 element-vue/src/components/supManager/detail.vue
 create mode 100644 element-vue/src/components/supManager/refuseReason.vue

diff --git a/element-vue/src/components/supManager/check.vue b/element-vue/src/components/supManager/check.vue
index a145da9..8dac39d 100644
--- a/element-vue/src/components/supManager/check.vue
+++ b/element-vue/src/components/supManager/check.vue
@@ -1,12 +1,61 @@
 <template>
     <div>
-        这是审核页面
+        <el-form style="width: 90%;align-content: center;margin:auto;">
+            <!--<el-row style="background:#DEDEBE;border:1.5px solid lightslategrey" >-->
+
+                <!--<el-button type="success" style="width:12%;text-align:center;float:right" icon="el-icon-circle-plus-outline"-->
+                           <!--@click="" >查看审核记录-->
+                <!--</el-button>-->
+            <!--</el-row>-->
+            <el-row>
+                <el-col style="border:1.5px lightslategrey;width:50%;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;">
+
+                        <el-button style="width:100%;text-align:center;float:right;background:#DEDEBE" icon="el-icon-circle-plus-outline"
+                                   @click="changechecking" >待审核</el-button>
+
+                </el-col>
+                <el-col style="border:1.5px lightslategrey;width:50%;border-right-style:solid;border-bottom-style:solid;">
+
+                        <el-button style="width:100%;text-align:center;float:right;background:silver" icon="el-icon-circle-plus-outline"
+                                   @click="changechecked" >已审核</el-button>
+
+                </el-col>
+            </el-row>
+        </el-form >
+            <checking v-if="ischeck" />
+            <checked v-if="!ischeck" />
+
     </div>
 </template>
 
 <script>
+    import checking from "~/components/supManager/checking" ;
+    import checked from "~/components/supManager/checked" ;
     export default {
-        name:'check'
+
+        name:'check',
+        components:{checking,checked},
+        data(){
+            return {
+                "ischeck":true ,
+                "ischeacking": true, //用于弹框显示是否可以被修改
+            }
+        },
+        methods:{
+            changechecking(){
+
+                // 获得数据
+                this.ischeck=true ;
+
+            },
+            changechecked(){
+
+                // 获得数据
+                this.ischeck=false ;
+
+            },
+            // redirect_to_
+    }
     }
 </script>
 
diff --git a/element-vue/src/components/supManager/checked.vue b/element-vue/src/components/supManager/checked.vue
new file mode 100644
index 0000000..b6e951a
--- /dev/null
+++ b/element-vue/src/components/supManager/checked.vue
@@ -0,0 +1,104 @@
+<template>
+    <div style="">
+
+
+
+        <el-table
+                :data="tableData"
+                border
+                :cell-style="tableRowStyle"
+                :header-cell-style="tableHeaderColor"
+                style="width: 90%;align-content: center;margin:auto;"
+
+
+        >
+            <el-table-column
+                    prop="nickname"
+                    label="姓名"
+
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="name"
+                    label="实验室名称"
+
+            >
+            </el-table-column>
+
+            <el-table-column
+                    prop="address"
+                    label="地点"
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="use"
+                    label="用途"
+            >
+            </el-table-column>
+
+
+            <el-table-column
+                    prop="reason"
+                    label="理由"
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="detail"
+                    label="详情"
+            >
+                <template slot-scope="scope">
+                    <el-button  @click="showdetail()" style="background:#66FFFF;width: 100%;height: 100%" size="small">详情</el-button>
+                </template>
+            </el-table-column>
+            <el-table-column
+                    label="操作"
+
+                    width="300px"
+            >
+                <template slot-scope="scope">
+                    <el-button  @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>
+                    <el-button  @click=""  style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>
+
+                </template>
+            </el-table-column>
+        </el-table>
+        <detail ref="detail"></detail>
+    </div>
+</template>
+
+<script>
+    import detail from "~/components/supManager/detail" ;
+    export default {
+        name:'checked',
+        components:{detail},
+        data(){
+            return {
+                tableData:[
+                    {nickname:"小姚" ,name:"安卓实验室" ,address:"509",use:"安卓课",reason:"故障",detail:"详情"}
+                ],
+            }
+        },
+        methods:{
+            tableRowStyle({row,column,rowIndex,columnIndex} ) {
+                return 'background:#66FFFF;text-align:center'
+
+            },
+            tableHeaderColor({ row, column, rowIndex, columnIndex }) {
+                if (rowIndex === 0) {
+                    return 'background:#66FFFF;text-align:center'
+                }
+            },
+            showdetail(){
+                this.$refs.detail.detailbyid=true
+                // this.$router.push('/supManager/index/labManager')
+
+            },
+
+        }
+
+    }
+</script>
+
+<style>
+
+</style> 
\ No newline at end of file
diff --git a/element-vue/src/components/supManager/checking.vue b/element-vue/src/components/supManager/checking.vue
new file mode 100644
index 0000000..f6061c9
--- /dev/null
+++ b/element-vue/src/components/supManager/checking.vue
@@ -0,0 +1,104 @@
+<template>
+    <div style="">
+
+
+
+            <el-table
+                    :data="tableData"
+                    border
+                    :cell-style="tableRowStyle"
+                    :header-cell-style="tableHeaderColor"
+                    style="width: 90%;align-content: center;margin:auto"
+
+
+            >
+                <el-table-column
+                        prop="nickname"
+                        label="姓名"
+
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="name"
+                        label="实验室名称"
+
+                >
+                </el-table-column>
+
+                <el-table-column
+                        prop="address"
+                        label="地点"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="use"
+                        label="用途"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="week"
+                        label="周次"
+                >
+                </el-table-column>
+                <el-table-column
+                        prop="detail"
+                        label="详情"
+                >
+                    <template slot-scope="scope">
+                    <el-button  @click="showdetail()" style="background:#DEDEBE;width: 100%;height: 100%" size="small">详情</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        label="操作"
+
+                        width="300px"
+                >
+                    <template slot-scope="scope">
+                        <el-button  @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>
+                        <el-button  @click=""  style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>
+
+                    </template>
+                </el-table-column>
+            </el-table>
+        <detail ref="detail"></detail>
+    </div>
+
+</template>
+
+<script>
+    import detail from "~/components/supManager/detail" ;
+    export default {
+
+        name:'checking',
+        components:{detail},
+        data(){
+          return {
+              tableData:[
+                  {nickname:"小姚" ,name:"安卓实验室" ,address:"509",use:"安卓课",week:"1-8",detail:"详情"}
+              ],
+          }
+        },
+        methods:{
+            tableRowStyle({row,column,rowIndex,columnIndex} ) {
+                return 'background:#DEDEBE;text-align:center'
+
+            },
+            tableHeaderColor({ row, column, rowIndex, columnIndex }) {
+                if (rowIndex === 0) {
+                    return 'background: #DEDEBE;text-align:center'
+                }
+            },
+            showdetail(){
+                this.$refs.detail.detailbyid=true
+                // this.$router.push('/supManager/index/labManager')
+                this.$refs.detail.operator_id = true
+            },
+        }
+
+
+    }
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/element-vue/src/components/supManager/detail.vue b/element-vue/src/components/supManager/detail.vue
new file mode 100644
index 0000000..374e744
--- /dev/null
+++ b/element-vue/src/components/supManager/detail.vue
@@ -0,0 +1,220 @@
+<template>
+    <el-dialog
+            :visible.sync="detailbyid"
+    >
+
+        <div >
+            <el-form :model="form" >
+
+                <el-form-item label="申请时间" label-width="100px" >
+                    <el-input  disabled v-model="form.applytime"></el-input>
+                </el-form-item>
+                <el-form-item label="姓名"label-width="100px" >
+                    <el-input  disabled v-model="form.nickname" ></el-input>
+                </el-form-item>
+                <el-form-item label="手机号"label-width="100px" >
+                    <el-input  disabled v-model="form.phone" ></el-input>
+                </el-form-item>
+                <el-form-item label="地址"label-width="100px" >
+                    <el-input  disabled v-model="form.address"></el-input>
+                </el-form-item>
+                <el-form-item label="实验室名称"label-width="100px" >
+                    <el-input  disabled v-model="form.name" ></el-input>
+                </el-form-item>
+                <el-form-item label="用途" label-width="100px">
+                    <el-input  disabled v-model="form.use" ></el-input>
+                </el-form-item>
+                <el-form-item label="课程名称" label-width="100px">
+                    <el-input  disabled v-model="form.classname" ></el-input>
+                </el-form-item>
+                <el-form-item label="使用班级"label-width="100px" >
+                    <el-input  disabled v-model="form.class" ></el-input>
+                </el-form-item>
+                <el-form-item label="人数"label-width="100px" >
+                    <el-input  disabled v-model="form.population"></el-input>
+                </el-form-item>
+                <el-form-item label="申请时间段"label-width="100px" >
+                    <el-input  disabled v-model="form.time" ></el-input>
+                </el-form-item>
+                <el-form-item label="备注"label-width="100px" >
+                    <el-input  disabled v-model="form.commit"></el-input>
+                </el-form-item>
+
+
+                <el-form-item>
+                         <template slot-scope="scope">
+                        <el-button style="background:#DEDEBE"
+                                   @click="" >同意</el-button>
+                        <el-button style="background:silver"
+                                   @click="showrefuse()" >拒绝</el-button>
+                    </template>
+                </el-form-item>
+
+            </el-form>
+
+
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="手机号" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.phone" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="地址" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.address" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="实验室名称" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.name" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="用途" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.use" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="课程名称" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.classname" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="使用班级" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:20% ;" >-->
+                        <!--<el-form-item  :label="form.class" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:12.5% ;" >-->
+                        <!--<el-form-item  label="人数" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:12.5% ;" >-->
+                        <!--<el-form-item  :label="form.population" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="申请时间段" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.time" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row>-->
+                    <!--<el-col style="width:45%" >-->
+                        <!--<el-form-item label="备注" style="border: darkorange solid 1px;" >-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col style="width:45% ;" >-->
+                        <!--<el-form-item  :label="form.commit" style="border: darkorange solid 1px;">-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+                <!--<el-row v-if="operator_id">-->
+                    <!--<el-col style="border:1.5px lightslategrey;width:50%;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;">-->
+
+                        <!--<el-button style="width:100%;text-align:center;float:right;background:#DEDEBE"-->
+                                   <!--@click="" >同意</el-button>-->
+
+                    <!--</el-col>-->
+                    <!--<el-col style="border:1.5px lightslategrey;width:50%;border-right-style:solid;border-bottom-style:solid;">-->
+
+                        <!--<el-button style="width:100%;text-align:center;float:right;background:silver" icon="el-icon-circle-plus-outline"-->
+                                   <!--@click="" >拒绝</el-button>-->
+
+                    <!--</el-col>-->
+                <!--</el-row>-->
+
+
+        </div>
+        <refuse-reason  ref="refuseReason"/>
+    </el-dialog>
+</template>
+
+<script>
+    import refuseReason  from "~/components/supManager/refuseReason" ;
+
+    export default {
+        components: {refuseReason},
+        data() {
+            return {
+                detailbyid: false,
+                operator_id:false,
+                form:{
+                    applytime:"2019-02-03" ,
+                    nickname:"小姚",
+                    phone:"123456789",
+                    address:"5-212",
+                    name:"window实验室",
+                    use:"教学",
+                    classname:"数据结构",
+                    class:"17软件6班",
+                    population:20,
+                    time:"1-16周",
+                    commit:"无",
+
+                }
+            }
+        },
+        methods: {
+            showAddLab() {
+                this.detailbyid = false
+            },
+            textalign(){
+                return "text-align:center"
+            },
+            showrefuse(){
+
+                this.$refs.refuseReason.isshowrefuse=true
+                // this.$router.push('/supManager/index/labManager')
+
+            },
+        }
+
+    }
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/element-vue/src/components/supManager/refuseReason.vue b/element-vue/src/components/supManager/refuseReason.vue
new file mode 100644
index 0000000..845e2ab
--- /dev/null
+++ b/element-vue/src/components/supManager/refuseReason.vue
@@ -0,0 +1,55 @@
+<template>
+    <div>
+        <el-dialog
+                :visible.sync="isshowrefuse"
+                style="height: 50%"
+                width="30%"
+                append-to-body="true"
+                >
+            <el-form :model="form" >
+                <span>拒绝理由:</span>
+                <el-form-item >
+                    <el-input   v-model="form.refuse" placeholder="请输入拒绝理由" style="width: 100%"type="textarea"
+                                :autosize="{ minRows: 4, maxRows: 6}"></el-input>
+                </el-form-item>
+
+                <el-form-item style="left:25%;position: relative;">
+                    <template slot-scope="scope" >
+                        <el-button style="background:#DEDEBE;margin: 20px"
+                                   @click="" >确定</el-button>
+                        <el-button style="background:silver"
+                                   @click="" >取消</el-button>
+                    </template>
+                </el-form-item>
+
+                <!--<el-form-item  >-->
+                    <!--<el-button  @click="" style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">允许</el-button>-->
+                    <!--<el-button  @click=""  style="border: #B9B9FF solid 1px ;border-style: solid;border-width: 1.2px;background:#DEDEBE" size="small">拒绝</el-button>-->
+                <!--</el-form-item>-->
+
+            </el-form>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script>
+    import {get} from "~/utils";
+
+    export default {
+        data() {
+            return {
+                isshowrefuse: false,
+                refuse_reason:"",
+                form:{
+                    refuse:""
+                }
+            }
+
+        },
+    }
+</script>
+
+<style>
+
+</style>