滚动列表没有建模的按钮灰质

src/assets/css/left.scss

@@ -488,7 +488,7 @@
                         border-radius: 2px;
                         background: #0082D3;
                         cursor: pointer;
-
+                        
 
 
 
@@ -501,6 +501,10 @@
                         font-weight: 400;
                         line-height: normal;
                     }
+                    .disable-btn{
+                        background: #888;
+                        cursor: not-allowed; 
+                    }
                 }
 
                 .item-content {

src/components/home.vue

@@ -1,6 +1,7 @@
 <template>
   <!-- <div class="container" > -->
   <Header />
+  <!-- <div @click="isShowLeftAndRight =!isShowLeftAndRight" style="position:fixed;top:10px;left:10px;width:50px;height:50px;background-color:red;z-index:99999"></div> -->
   <img class="bg-shadow" :src="bgShadow" alt="" srcset="">
   <div v-show="isShowLeftAndRight">
     <Left ref="childRef" @childMethod="childMethod" :isShow="isShowLeftAndRight"></Left>

src/components/left.vue

@@ -235,7 +235,7 @@
 								paddingTop: '10px',
 							}"
 							v-if="classRoomList.length > 0 && isShhow && isShow">
-							<vue-auto-scroll :steep="0.5" scrollDirection="top" :isRoller="true" :rollerScrollDistance="50">
+							<vue-auto-scroll :steep="0.5" scrollDirection="top" :isRoller="true" :data="classRoomList" :rollerScrollDistance="50">
 								<div class="li" v-for="(item, index) in classRoomList" :key="index">
 									<div class="list-item">
 										<div class="class-status-btn-container">
@@ -245,9 +245,10 @@
 												</div>
 												<Tag :text="item.status_code"></Tag>
 											</div>
-											<div class="right-btn" @click.prevent="handleRoom(item)">查看</div>
-										</div>
+											<div class="right-btn" :class="{'disable-btn':(item.building_name !='1号教学楼')}"  @click.prevent="handleRoom(item)">查看</div>
+										</div> 
 
+										
 										<div class="item-content">
 											<div class="item-content-left">
 												<div class="position" :title="item.location">位置：{{ item.location }}</div>
@@ -603,27 +604,9 @@ export default {
 		let classInfo = ref({});
 		const handleRoom = function (item) {
 			//查看前隐藏
-			// let a1 = document.getElementById("popoverRef");
-			// a1.style.display = "none";
-
-			// emit("childMethod");
-
-			// console.log("kankanitem", item);
-			// setTimeout(() => {
-			//   roomVisible.value = true;
-			//   classInfo.value = item;
-
-			//   classInfo.value.online =
-			//     classInfo.value.status == "在用" ? true : false;
-			// }, 2400);
-
-			// mousemoveHandler(1000, 60);
-
-			// let meg = item;
-
-			// // let a2 =`roomName=${item.class}`
-
-			// console.log("meg是多少", meg);
+			if(item.building_name !='1号教学楼'){
+				return
+			}
 			//发消息给UE
 			let data = {
 				MainServiceName: "JiaoShiShiNei",
@@ -790,7 +773,7 @@ export default {
 		};
 		let classRoomList = ref([]);
 		const getClassRoomList = async () => {
-			isShhow.value = false;
+			// isShhow.value = false;
 			let res = await queryClassroom({
 				classRoomName: searchData.value,
 				category: category.value,
@@ -798,12 +781,12 @@ export default {
 				statusCode: statusCode.value,
 				gisLeaf: gisLeaf.value,
 			});
-			// classRoomList.value = [];
-			// setTimeout(() => {
+			classRoomList.value = [];
+			setTimeout(() => {
 			classRoomList.value = res.data;
-			isShhow.value = true;
+			// isShhow.value = true;
 			// scrollRef.value.reset()
-			// }, 0);
+			}, 0);
 		};
 		let deviceDialog = ref(true);
 		const showDeviceDialog = () => {