From 296fdfb165a3641f2dec1424ddfc595a58b88028 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Tue, 4 Nov 2025 16:42:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=9A=E8=AE=AE=E5=AE=A4=E9=A2=84?=
 =?UTF-8?q?=E5=AE=9A=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ofm/booking_form.vue | 163 +++++++++++++++++++++------------
 src/views/ofm/mroombooking.vue |   3 +-
 2 files changed, 105 insertions(+), 61 deletions(-)

diff --git a/src/views/ofm/booking_form.vue b/src/views/ofm/booking_form.vue
index 5431b353..4624e470 100644
--- a/src/views/ofm/booking_form.vue
+++ b/src/views/ofm/booking_form.vue
@@ -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="请选择会议日期" :readonly="mode === 'show'"></el-date-picker>
+              <el-date-picker v-model="form.mdate" type="date" value-format="YYYY-MM-DD" style="width: 100%;" placeholder="请选择会议日期" :readonly="mode === 'show'" @change="mdateChange"></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -45,7 +45,7 @@
               <el-input v-model="form.note" clearable placeholder="备注"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="24">
+          <!-- <el-col :span="24">
             <el-form-item label="会议时间段" prop="slots" required v-if="mode != 'show'">
               <div v-for="(item,$index) in timesList" :key="item.value">
                 <div v-if="item.isSelect" class="timeBlock selectedTimeBlock" @click="selectTime($index)">{{ item.label }}</div>
@@ -55,7 +55,14 @@
               <el-form-item label="会议时间段" prop="slots" required v-else>
                  <span v-for="item in form.time_ranges" :key="item">{{ item }};</span>
               </el-form-item>
-          </el-col>
+          </el-col> -->
+        </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-else class="timeBlock" @click="selectTime($index)">{{ item.label }}</div>
+          </div>
         </el-row>
       </el-form>
       <el-footer>
@@ -127,54 +134,54 @@ export default {
         title: [{ required: true, message: "请输入容纳人数", trigger: "blur" }],
       },
       timesList:[
-        {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}
+         {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}
       ],
       mRoomList: [],
       timeselectList: [],
@@ -183,7 +190,8 @@ export default {
   mounted() {
     let that = this;
     that.getmRoomList();
-    if (that.t_id){
+    console.log("that.editId",that.editId);
+    if (that.editId){
       that.getTid();
     }
     else {
@@ -205,24 +213,48 @@ export default {
     },
     getTid (){
 			var that = this;
-		    if (that.t_id) {
-				that.$API.ofm.mroombooking.item.req(that.t_id).then(res=>{
+      if (that.editId) {
+        that.handleEidt(that.editId);
+        that.$API.ofm.mroombooking.item.req(that.editId).then(res=>{
           that.form = res;
-					if(res.ticket_.state_.type == 1 && res.create_by == that.$TOOL.data.get("USER_INFO").id ) {
-            that.handleEidt(that.t_id);
-						that.$emit("changeMode", "edit");
-					}else{
-						that.$emit("changeMode", "show");
-					}
+          if(res.ticket_.state_.type == 1 && res.create_by == that.$TOOL.data.get("USER_INFO").id ) {
+            that.$emit("changeMode", "edit");
+          }else{
+            that.$emit("changeMode", "show");
+          }
         })
 			}
 		},
+    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=>{
+          res.forEach(item=>{
+           that.timesList[item.slot].sloted = true;
+          })
+      })
+    },
+     mdateChange(){
+      let that = this;
+      if(that.form.mroom!==''&&that.form.mroom!==null){
+        that.getmRoomSlot();
+      }
+    },
     mRoomChange(){
       let that = this;
       that.mRoomList.forEach(item=>{
         if(item.id == that.form.mroom){
           that.mroomName = item.name;
           that.bookingTitle = item.name+"预定";
+           if(that.form.mdate!==''&&that.form.mdate!==null){
+            that.getmRoomSlot();
+          }
         }
       })
     },
@@ -254,7 +286,14 @@ export default {
         })
       })
     },
+    //搜索
+    handleQuery() {
+      this.$refs.table.queryData(this.query);
     },
+    slotMessage(){
+      this.$message.warning("该时间段已被预约，不可选择");
+    },
+  },
     
 };
 </script>
@@ -281,5 +320,9 @@ export default {
     background-color: #00a870;
     color: #fff;
 }
+.slotedTimeBlock{
+  background-color: #fac275;
+  color: #fff;
+}
 </style>
 
diff --git a/src/views/ofm/mroombooking.vue b/src/views/ofm/mroombooking.vue
index 207cec7d..a87a4a7b 100644
--- a/src/views/ofm/mroombooking.vue
+++ b/src/views/ofm/mroombooking.vue
@@ -75,10 +75,11 @@
   </el-container>
   <el-drawer title="会议室预定" v-model="limitedVisible" :size="'80%'" destroy-on-close>
     <bookingDialog 
+      v-model="limitedVisible"
       :mode="mode" 
       :editId="editId"
       :bookingIitem="bookingIitem"
-      @changeMode="(mode)=>{this.mode=mode;console.log('mode',mode)}"
+      @changeMode="(mode)=>{this.mode=mode;}"
       @success="handleSuccess" 
       @closed="handleCancel"
     ></bookingDialog>