aiyadc
5 years ago
commit
0323574b37
@ -0,0 +1,133 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
:visible.sync="addLabDialog"
|
||||
width="48%">
|
||||
<div style="width: 100%;height: 120% ">
|
||||
<el-form :model="form">
|
||||
<el-row>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="位置" style="">
|
||||
<el-input v-model="form.position" placeholder="位置" class="position" style="width:70%;border-style: outset "></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col style="width:45% ;">
|
||||
<el-form-item label="地址" style="">
|
||||
<el-input v-model="form.status" placeholder="地址id" style="width:60% ;left:10%;border-style: outset" ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="实验室id" style="">
|
||||
<el-input v-model="form.labId" placeholder="请输入id" style="width:70%;left: -5%;border-style: outset"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="实验室名称" style="">
|
||||
<el-select v-model="form.name" style="border-style: outset;width: 60%;left: 3%" >
|
||||
<el-option value="509"></el-option>
|
||||
<el-option value="2"></el-option>
|
||||
<el-option value="3"></el-option>
|
||||
<el-option value="4"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="状态"style="">
|
||||
<el-select v-model="form.status" style="border-style: outset;" >
|
||||
<el-option label="可预约" value="0"></el-option>
|
||||
<el-option label="不可预约" value="1"></el-option>
|
||||
<el-option label="故障" value="2"></el-option>
|
||||
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="可容量认人数"style="">
|
||||
<el-input v-model="form.capacity" placeholder="输入数量" style="width:60%;border-style: outset"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="管理员"style="">
|
||||
<el-input v-model="form.manager" placeholder="管理员" style="width:70%;left: -1%;;border-style: outset"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col style="width:45%">
|
||||
<el-form-item label="管理员id"style="">
|
||||
<el-input v-model="form.managerId" placeholder="管理员id" style="width:60%;left:6%;border-style: outset"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="可申请时间段"style="">
|
||||
<el-input v-model="form.managerId" placeholder="点击编辑" style="width:80%" @focus="detailTime"></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>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog :visible="setLabTimeDialog" >
|
||||
<set-lab-time ref="setLabTime"></set-lab-time>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancleSetTime">取 消</el-button>
|
||||
<el-button type="primary" @click="setTime">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import setLabTime from "~/components/supManager/setLabTime";
|
||||
export default {
|
||||
name:"addLab",
|
||||
components:{
|
||||
setLabTime
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
setLabTimeDialog:false,
|
||||
addLabDialog:false,
|
||||
form:{
|
||||
position:'',
|
||||
address:'',
|
||||
labId:'',
|
||||
name:'509',
|
||||
status:'0',
|
||||
capacity:'',
|
||||
manager:'',
|
||||
managerId:'',
|
||||
schedule:[] //可申请时间段值
|
||||
},
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
showAddLab(){
|
||||
this.addLabDialog=false
|
||||
},
|
||||
detailTime(){
|
||||
this.setLabTimeDialog=true
|
||||
this.form.schedule=[]
|
||||
},
|
||||
cancleSetTime(){
|
||||
this.setLabTimeDialog=false
|
||||
this.$refs.setLabTime.allWeeksValue=[]
|
||||
},
|
||||
setTime(){
|
||||
this.setLabTimeDialog=false
|
||||
var st=this.$refs.setLabTime
|
||||
this.form.schedule.push(st.form.year,st.form.semester,st.allWeeksValue)
|
||||
console.log(this.form.schedule)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
这是审核页面
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:'check'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,218 @@
|
||||
<template>
|
||||
<div style="width: 100%" >
|
||||
<el-form :model="form" :inline="true">
|
||||
<el-form-item label="类型" style="width: 20% ">
|
||||
<el-select v-model="form.type" style="border-style: outset;" >
|
||||
<el-option label="安卓实验室" value="0"></el-option>
|
||||
<el-option label="window实验室" value="1"></el-option>
|
||||
<el-option label="ios实验室" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="位置" style="width: 20% ;">
|
||||
<el-select v-model="form.position" style="border-style: outset;" >
|
||||
<el-option label="旭日楼" value="0"></el-option>
|
||||
<el-option label="电子楼" value="1"></el-option>
|
||||
<el-option label="实训楼" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" style="width: 20%">
|
||||
<el-select v-model="form.status" style="border-style: outset;" >
|
||||
<el-option label="可预约" value="0"></el-option>
|
||||
<el-option label="不可预约" value="1"></el-option>
|
||||
<el-option label="故障" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item >
|
||||
<el-input v-model="search" placeholder="输入关键字搜索" suffix-icon="el-icon-search" style="width: 20%;border-style: outset;"/>
|
||||
<el-button type="success" style="width: 6%;text-align: left" icon="el-icon-circle-plus-outline"
|
||||
@click="showAddLab" >新增
|
||||
</el-button>
|
||||
<el-button type="success" style="width: 8%;text-align: left" icon="el-icon-circle-plus-outline" @click="showAddLab" >批量操作
|
||||
</el-button>
|
||||
</el-form>
|
||||
<el-form :model="time" :inline="true" style="width: 100%">
|
||||
<span style="width: 10% ;:-20px">可预约时间段:
|
||||
</span>
|
||||
<el-form-item label="学年" style="width: 20% ;">
|
||||
<el-select v-model="time.year" style="border-style: outset;" >
|
||||
<el-option label="2017-2018" value="0"></el-option>
|
||||
<el-option label="2018-2019" value="1"></el-option>
|
||||
<el-option label="2019-2020" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="学期" style="width: 20%">
|
||||
<el-select v-model="time.semester" style="border-style: outset;" >
|
||||
<el-option label="第一学期" value="0"></el-option>
|
||||
<el-option label="第二学期" value="1"></el-option>
|
||||
</el-select>
|
||||
</el-form-item >
|
||||
<el-form-item label="周次" style="width: 5%">
|
||||
</el-form-item >
|
||||
<el-select v-model="time.day1" style="border-style: outset;;width:5%" >
|
||||
|
||||
<el-option label="1" value="0"></el-option>
|
||||
<el-option label="2" value="1"></el-option>
|
||||
<el-option label="3" value="0"></el-option>
|
||||
<el-option label="4" value="1"></el-option>
|
||||
<el-option label="5" value="0"></el-option>
|
||||
<el-option label="6" value="1"></el-option>
|
||||
<el-option label="7" value="0"></el-option>
|
||||
|
||||
</el-select>
|
||||
|
||||
<span>至</span>
|
||||
<el-select v-model="time.day2" style="border-style: outset;;width: 5%" >
|
||||
|
||||
<el-option label="1" value="0"></el-option>
|
||||
<el-option label="2" value="1"></el-option>
|
||||
<el-option label="3" value="0"></el-option>
|
||||
<el-option label="4" value="1"></el-option>
|
||||
<el-option label="5" value="0"></el-option>
|
||||
<el-option label="6" value="1"></el-option>
|
||||
<el-option label="7" value="0"></el-option>
|
||||
|
||||
</el-select>
|
||||
<el-form-item label="星期几" style="width: 5%">
|
||||
|
||||
</el-form-item >
|
||||
|
||||
<el-select v-model="time.day1" style="border-style: outset;;width: 10%" >
|
||||
|
||||
<el-option label="星期一" value="0"></el-option>
|
||||
<el-option label="星期二" value="1"></el-option>
|
||||
<el-option label="星期三" value="0"></el-option>
|
||||
<el-option label="星期四" value="1"></el-option>
|
||||
<el-option label="星期五" value="0"></el-option>
|
||||
<el-option label="星期六" value="1"></el-option>
|
||||
<el-option label="星期七" value="0"></el-option>
|
||||
|
||||
</el-select>
|
||||
|
||||
<el-button type="success" style="width: 6%;text-align: left" icon="el-icon-circle-plus-outline"
|
||||
@click="showAddLab" >检索
|
||||
</el-button>
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
:data="tableData"
|
||||
border
|
||||
>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="实验室名称"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地点"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="status"
|
||||
label="状态"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="week"
|
||||
label="可申请周次"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="manage"
|
||||
label="管理员"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
|
||||
width="300px"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="" style="border: lightpink solid 1px " size="small">查看申请详情</el-button>
|
||||
<el-button @click="" size="small">详细信息</el-button>
|
||||
<el-button @click="" 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:'0',
|
||||
position:'0',
|
||||
status:'0',
|
||||
},
|
||||
time:{
|
||||
year:'0',
|
||||
week:'0',
|
||||
day1:"0",
|
||||
day2:"16",
|
||||
semester:'0'
|
||||
},
|
||||
|
||||
search:'',
|
||||
tableData:[
|
||||
{ name:"aaaa" , address:"509"}
|
||||
],
|
||||
}
|
||||
},
|
||||
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('/url')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in new issue