parent
4bb288cc16
commit
f3b24924f3
|
@ -37,7 +37,7 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="会议时间" prop="mdate">
|
||||
<el-date-picker v-model="form.mdate" type="date" value-format="YYYY-MM-DD" style="width: 100%;" placeholder="请选择会议时间" @change="mdateChange"></el-date-picker>
|
||||
<el-date-picker v-model="form.mdate" type="date" value-format="YYYY-MM-DD" style="width: 100%;" placeholder="请选择会议时间"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
@ -48,8 +48,7 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<div v-for="(item,$index) in timesList" :key="item.value">
|
||||
<div v-if="item.sloted" class="timeBlock slotedTimeBlock" @click="slotMessage">{{ item.label }}</div>
|
||||
<div v-else-if="item.isSelect" class="timeBlock selectedTimeBlock" @click="selectTime($index)">{{ item.label }}</div>
|
||||
<div v-if="item.isSelect" class="timeBlock selectedTimeBlock" @click="selectTime($index)">{{ item.label }}</div>
|
||||
<div v-else class="timeBlock" @click="selectTime($index)">{{ item.label }}</div>
|
||||
</div>
|
||||
</el-row>
|
||||
|
@ -133,54 +132,54 @@ export default {
|
|||
title: [{ required: true, message: "请输入容纳人数", trigger: "blur" }],
|
||||
},
|
||||
timesList:[
|
||||
{value:0,label:'00:00-00:30',isSelect:false,sloted:false},
|
||||
{value:1,label:'00:30-01:00',isSelect:false,sloted:false},
|
||||
{value:2,label:'01:00-01:30',isSelect:false,sloted:false},
|
||||
{value:3,label:'01:30-02:00',isSelect:false,sloted:false},
|
||||
{value:4,label:'02:00-02:30',isSelect:false,sloted:false},
|
||||
{value:5,label:'02:30-03:00',isSelect:false,sloted:false},
|
||||
{value:6,label:'03:00-03:30',isSelect:false,sloted:false},
|
||||
{value:7,label:'03:30-04:00',isSelect:false,sloted:false},
|
||||
{value:8,label:'04:00-04:30',isSelect:false,sloted:false},
|
||||
{value:9,label:'04:30-05:00',isSelect:false,sloted:false},
|
||||
{value:10,label:'05:00-05:30',isSelect:false,sloted:false},
|
||||
{value:11,label:'05:30-06:00',isSelect:false,sloted:false},
|
||||
{value:12,label:'06:00-06:30',isSelect:false,sloted:false},
|
||||
{value:13,label:'06:30-07:00',isSelect:false,sloted:false},
|
||||
{value:14,label:'07:00-07:30',isSelect:false,sloted:false},
|
||||
{value:15,label:'07:30-08:00',isSelect:false,sloted:false},
|
||||
{value:16,label:'08:00-08:30',isSelect:false,sloted:false},
|
||||
{value:17,label:'08:30-09:00',isSelect:false,sloted:false},
|
||||
{value:18,label:'09:00-09:30',isSelect:false,sloted:false},
|
||||
{value:19,label:'09:30-10:00',isSelect:false,sloted:false},
|
||||
{value:20,label:'10:00-10:30',isSelect:false,sloted:false},
|
||||
{value:21,label:'10:30-11:00',isSelect:false,sloted:false},
|
||||
{value:22,label:'11:00-11:30',isSelect:false,sloted:false},
|
||||
{value:23,label:'11:30-12:00',isSelect:false,sloted:false},
|
||||
{value:24,label:'12:00-12:30',isSelect:false,sloted:false},
|
||||
{value:25,label:'12:30-13:00',isSelect:false,sloted:false},
|
||||
{value:26,label:'13:00-13:30',isSelect:false,sloted:false},
|
||||
{value:27,label:'13:30-14:00',isSelect:false,sloted:false},
|
||||
{value:28,label:'14:00-14:30',isSelect:false,sloted:false},
|
||||
{value:29,label:'14:30-15:00',isSelect:false,sloted:false},
|
||||
{value:30,label:'15:00-15:30',isSelect:false,sloted:false},
|
||||
{value:31,label:'15:30-16:00',isSelect:false,sloted:false},
|
||||
{value:32,label:'16:00-16:30',isSelect:false,sloted:false},
|
||||
{value:33,label:'16:30-17:00',isSelect:false,sloted:false},
|
||||
{value:34,label:'17:00-17:30',isSelect:false,sloted:false},
|
||||
{value:35,label:'17:30-18:00',isSelect:false,sloted:false},
|
||||
{value:36,label:'18:00-18:30',isSelect:false,sloted:false},
|
||||
{value:37,label:'18:30-19:00',isSelect:false,sloted:false},
|
||||
{value:38,label:'19:00-19:30',isSelect:false,sloted:false},
|
||||
{value:39,label:'19:30-20:00',isSelect:false,sloted:false},
|
||||
{value:40,label:'20:00-20:30',isSelect:false,sloted:false},
|
||||
{value:41,label:'20:30-21:00',isSelect:false,sloted:false},
|
||||
{value:42,label:'21:00-21:30',isSelect:false,sloted:false},
|
||||
{value:43,label:'21:30-22:00',isSelect:false,sloted:false},
|
||||
{value:44,label:'22:00-22:30',isSelect:false,sloted:false},
|
||||
{value:45,label:'22:30-23:00',isSelect:false,sloted:false},
|
||||
{value:46,label:'23:00-23:30',isSelect:false,sloted:false},
|
||||
{value:47,label:'23:30-24:00',isSelect:false,sloted:false}
|
||||
{value:0,label:'00:00-00:30',isSelect:false},
|
||||
{value:1,label:'00:30-01:00',isSelect:false},
|
||||
{value:2,label:'01:00-01:30',isSelect:false},
|
||||
{value:3,label:'01:30-02:00',isSelect:false},
|
||||
{value:4,label:'02:00-02:30',isSelect:false},
|
||||
{value:5,label:'02:30-03:00',isSelect:false},
|
||||
{value:6,label:'03:00-03:30',isSelect:false},
|
||||
{value:7,label:'03:30-04:00',isSelect:false},
|
||||
{value:8,label:'04:00-04:30',isSelect:false},
|
||||
{value:9,label:'04:30-05:00',isSelect:false},
|
||||
{value:10,label:'05:00-05:30',isSelect:false},
|
||||
{value:11,label:'05:30-06:00',isSelect:false},
|
||||
{value:12,label:'06:00-06:30',isSelect:false},
|
||||
{value:13,label:'06:30-07:00',isSelect:false},
|
||||
{value:14,label:'07:00-07:30',isSelect:false},
|
||||
{value:15,label:'07:30-08:00',isSelect:false},
|
||||
{value:16,label:'08:00-08:30',isSelect:false},
|
||||
{value:17,label:'08:30-09:00',isSelect:false},
|
||||
{value:18,label:'09:00-09:30',isSelect:false},
|
||||
{value:19,label:'09:30-10:00',isSelect:false},
|
||||
{value:20,label:'10:00-10:30',isSelect:false},
|
||||
{value:21,label:'10:30-11:00',isSelect:false},
|
||||
{value:22,label:'11:00-11:30',isSelect:false},
|
||||
{value:23,label:'11:30-12:00',isSelect:false},
|
||||
{value:24,label:'12:00-12:30',isSelect:false},
|
||||
{value:25,label:'12:30-13:00',isSelect:false},
|
||||
{value:26,label:'13:00-13:30',isSelect:false},
|
||||
{value:27,label:'13:30-14:00',isSelect:false},
|
||||
{value:28,label:'14:00-14:30',isSelect:false},
|
||||
{value:29,label:'14:30-15:00',isSelect:false},
|
||||
{value:30,label:'15:00-15:30',isSelect:false},
|
||||
{value:31,label:'15:30-16:00',isSelect:false},
|
||||
{value:32,label:'16:00-16:30',isSelect:false},
|
||||
{value:33,label:'16:30-17:00',isSelect:false},
|
||||
{value:34,label:'17:00-17:30',isSelect:false},
|
||||
{value:35,label:'17:30-18:00',isSelect:false},
|
||||
{value:36,label:'18:00-18:30',isSelect:false},
|
||||
{value:37,label:'18:30-19:00',isSelect:false},
|
||||
{value:38,label:'19:00-19:30',isSelect:false},
|
||||
{value:39,label:'19:30-20:00',isSelect:false},
|
||||
{value:40,label:'20:00-20:30',isSelect:false},
|
||||
{value:41,label:'20:30-21:00',isSelect:false},
|
||||
{value:42,label:'21:00-21:30',isSelect:false},
|
||||
{value:43,label:'21:30-22:00',isSelect:false},
|
||||
{value:44,label:'22:00-22:30',isSelect:false},
|
||||
{value:45,label:'22:30-23:00',isSelect:false},
|
||||
{value:46,label:'23:00-23:30',isSelect:false},
|
||||
{value:47,label:'23:30-24:00',isSelect:false}
|
||||
],
|
||||
mRoomList: [],
|
||||
timeselectList: [],
|
||||
|
@ -226,34 +225,9 @@ export default {
|
|||
if(item.id == that.form.mroom){
|
||||
that.mroomName = item.name;
|
||||
that.bookingTitle = item.name+"预定";
|
||||
if(that.form.mdate!==''&&that.form.mdate!==null){
|
||||
that.getmRoomSlot();
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
mdateChange(){
|
||||
let that = this;
|
||||
if(that.form.mroom!==''&&that.form.mroom!==null){
|
||||
that.getmRoomSlot();
|
||||
}
|
||||
},
|
||||
getmRoomSlot(){
|
||||
let that = this;
|
||||
let form = {};
|
||||
form.page = 0;
|
||||
form.mroom = that.form.mroom;
|
||||
form.mdate = that.form.mdate;
|
||||
that.timesList.forEach(slot=>{
|
||||
slot.sloted = false;
|
||||
})
|
||||
that.$API.ofm.mroomslot.list.req(form).then(res=>{
|
||||
console.log('getmRoomSlot',res);
|
||||
res.forEach(item=>{
|
||||
that.timesList[item.slot].sloted = true;
|
||||
})
|
||||
})
|
||||
},
|
||||
selectTime(index){
|
||||
let that = this;
|
||||
that.form.slots = [];
|
||||
|
@ -310,10 +284,7 @@ export default {
|
|||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query);
|
||||
},
|
||||
slotMessage(){
|
||||
this.$message.warning("该时间段已被预约,不可选择");
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
@ -340,9 +311,5 @@ export default {
|
|||
background-color: #00a870;
|
||||
color: #fff;
|
||||
}
|
||||
.slotedTimeBlock{
|
||||
background-color: #fac275;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
@ -66,7 +66,6 @@
|
|||
</el-container>
|
||||
<el-drawer :title="titleMap[type]" v-model="limitedVisible" :size="'80%'">
|
||||
<bookingDialog
|
||||
v-if="limitedVisible"
|
||||
:type="type"
|
||||
:editId="editId"
|
||||
:bookingIitem="bookingIitem"
|
||||
|
|
Loading…
Reference in New Issue