p35z7urxv
/
pqa2fspn3
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

申请

Browse Source
master
17031838 5 years ago
parent 2a623e570a
commit 109b676e77
5 changed files with 534 additions and 2 deletions
Show Stats Download Patch File Download Diff File

53
element-vue/src/components/supManager/check.vue
Unescape View File

@ -1,12 +1,61 @@
<template> <template>
<div> <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> </div>
</template> </template>
<script> <script>
import checking from "~/components/supManager/checking" ;
import checked from "~/components/supManager/checked" ;
export default { 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> </script>

104
element-vue/src/components/supManager/checked.vue
Unescape View File

@ -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>

104
element-vue/src/components/supManager/checking.vue
Unescape View File

@ -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>

220
element-vue/src/components/supManager/detail.vue
Unescape View File

@ -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>

55
element-vue/src/components/supManager/refuseReason.vue
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save