|
|
|
|
@ -50,9 +50,9 @@
|
|
|
|
|
<el-form-item label="地址" >
|
|
|
|
|
<el-input v-model="form.position" disabled></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="申请时间" prop="date" >
|
|
|
|
|
<el-input v-model="form.date" disabled></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="申请时间" prop="date" >-->
|
|
|
|
|
<!-- <el-input v-model="form.date" disabled></el-input>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="实验室名称">
|
|
|
|
|
<el-input v-model="form.name" disabled></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
@ -86,7 +86,7 @@
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<!-- checkbox:周次选择-->
|
|
|
|
|
<el-dialog :visible.sync="weekDialog" title="请选择周数" width="400px" :close-on-click-modal="false" >
|
|
|
|
|
<el-dialog :visible.sync="weekDialog" title="请选择周数" width="400px" :close-on-click-modal="false" :before-close="beforeClose" :destroy-on-close="true">
|
|
|
|
|
<week-selection @add="addWeek" @cancel="cancelSelection" ref="weekSelection" ></week-selection>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</el-container>
|
|
|
|
|
@ -99,7 +99,7 @@
|
|
|
|
|
<script>
|
|
|
|
|
import tb_course from "~/components/tb_course";
|
|
|
|
|
import navBar from "~/components/teacher/navBar";
|
|
|
|
|
import weekSelection from "~/components/teacher/weekSelection";
|
|
|
|
|
import weekSelection from "~/components/weekSelection";
|
|
|
|
|
import timeSelect from "~/components/timeSelect";
|
|
|
|
|
import {get, post, stop} from "~/utils";
|
|
|
|
|
import {showDialog, showFail, showSuccess} from "~/utils/dialog";
|
|
|
|
|
@ -146,33 +146,39 @@
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
//表格中每个格子的风格
|
|
|
|
|
cellStyle:function({row, column, rowIndex, columnIndex}){
|
|
|
|
|
cellStyle({row, column, rowIndex, columnIndex}){
|
|
|
|
|
if (column.label!=''){
|
|
|
|
|
return 'cursor:pointer'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//点击格子促发的函数
|
|
|
|
|
cellClick(row, column, cell, event) {
|
|
|
|
|
async cellClick(row, column, cell, event) {
|
|
|
|
|
console.log(row.index)
|
|
|
|
|
this.aWeekValue.push(row.index,column.index)
|
|
|
|
|
//(待写)检索该格子的周数申请信息，被申请的周数使其样式变为disable
|
|
|
|
|
// let position = this.lab.position
|
|
|
|
|
// let rowIndex = row.index
|
|
|
|
|
// let columIndex = column.index
|
|
|
|
|
// var weeks=get('',{position,rowIndex,columIndex}) //发送给实验室的地址，rowIndex，columIndex返回该格子的周数信息:数组
|
|
|
|
|
// var weeks=[6,7,8]
|
|
|
|
|
|
|
|
|
|
// for (let i=0;i<weeks.length;i++){
|
|
|
|
|
// console.log(weeks[i])
|
|
|
|
|
// // this.$refs.weekSelection.$refs.children[weeks[i]].disabled=true
|
|
|
|
|
// }
|
|
|
|
|
// console.log(row.index)
|
|
|
|
|
// console.log(column.index)
|
|
|
|
|
//(待写)检索该格子的周数申请信息，被申请的周数使其样式变为disablevar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (column.label!='') {
|
|
|
|
|
this.weekDialog=true
|
|
|
|
|
this.perTargetValue=event.target //用target对表格进行定位并保存致target对象
|
|
|
|
|
}
|
|
|
|
|
this.aWeekValue.push(row.index,column.index)
|
|
|
|
|
|
|
|
|
|
new Promise((resolve,reject)=> { //使weekDialog打开和调用按顺序执行
|
|
|
|
|
this.weekDialog=true
|
|
|
|
|
resolve('打开了weekDialog')
|
|
|
|
|
}).then((res)=>{
|
|
|
|
|
// console.log(this.$refs.weekSelection)
|
|
|
|
|
var position = this.form.position
|
|
|
|
|
var rowIndex = row.index
|
|
|
|
|
var columnIndex = column.index
|
|
|
|
|
var selectedWeeks=get('',{position,rowIndex,columnIndex}) //发送给实验室的地址，rowIndex，columIndex返回该格子的周数信息:数组
|
|
|
|
|
selectedWeeks=[1,2,3]
|
|
|
|
|
this.$refs.weekSelection.disableList=selectedWeeks
|
|
|
|
|
this.$refs.weekSelection.singleVal=this.$refs.weekSelection.singleVal.filter(x=>!selectedWeeks.includes(x))
|
|
|
|
|
this.$refs.weekSelection.doubleVal=this.$refs.weekSelection.doubleVal.filter(x=>!selectedWeeks.includes(x))
|
|
|
|
|
this.$refs.weekSelection.allVal=this.$refs.weekSelection.allVal.filter(x=>!selectedWeeks.includes(x))
|
|
|
|
|
console.log('aa',this.$refs.weekSelection.singleVal)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//点击表格操作栏申请按钮
|
|
|
|
|
clickLabApply(row){
|
|
|
|
|
@ -199,10 +205,8 @@
|
|
|
|
|
//当选择的课程发生改变触发此函数
|
|
|
|
|
selectChange(){
|
|
|
|
|
console.log('aaaaaa')
|
|
|
|
|
var d=new Date()
|
|
|
|
|
// this.form.position= this.lab.position //实验室地点
|
|
|
|
|
// this.form.name= this.lab.name //实验室名称
|
|
|
|
|
this.form.date=d.getFullYear()+'/'+(d.getMonth()+1)+'/'+d.getDate() //日期
|
|
|
|
|
// this.form.nickname= this.user.nickname //昵称
|
|
|
|
|
// this.form.tel= this.user.tel //电话
|
|
|
|
|
// this.form.class= this.courseOption.class //班级
|
|
|
|
|
@ -210,6 +214,7 @@
|
|
|
|
|
},
|
|
|
|
|
//添加已选择的的周数
|
|
|
|
|
async addWeek() {
|
|
|
|
|
|
|
|
|
|
this.weekDialog=false
|
|
|
|
|
var targetValue = this.$refs.weekSelection.checkedValue
|
|
|
|
|
await showDialog("确认设置此时间段吗？",this)
|
|
|
|
|
@ -295,6 +300,11 @@
|
|
|
|
|
cancelAppy:function () {
|
|
|
|
|
this.formDialog=false
|
|
|
|
|
},
|
|
|
|
|
//周次选择器关闭前的回调
|
|
|
|
|
beforeClose(){
|
|
|
|
|
this.weekDialog=false
|
|
|
|
|
this.aWeekValue=[]
|
|
|
|
|
},
|
|
|
|
|
//跳转到我的申请记录
|
|
|
|
|
toMyRecord(){
|
|
|
|
|
this.$router.push('/teacher/myApplyRecord/'+this.user.u_id) //这里的user.u_id作为是作为路径参数存在
|
|
|
|
|
|
aiyadc
5 years ago