搜索接口对接

src/components/Header.vue

@@ -35,7 +35,7 @@ onMounted(() => {
   starttimeInterval();
 
   // 获取天气信息
-  getWeatherInfo();
+  // getWeatherInfo();
 });
 
 // 获取当前年月日计算属性

src/components/left.vue

@@ -103,24 +103,25 @@
         <el-input v-model="searchData" placeholder="请输入大楼名称、教室名称" />
         <el-button type="primary" :icon="Search" @click="searchHandel" />
       </div>
-
       <div class="content" style="height: 100%; overflow: hidden">
         <div class="table">
           <div class="dropdown-container">
-            <el-dropdown trigger="click" @click="clickdropdown">
+            <el-dropdown trigger="click" @command="clickBuildingsropdown" >
               <span class="dropdown-name">
                 全部大楼
                 <Edit style="width: 1em; height: 1em; margin-right: 8px" />
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item>一号大楼</el-dropdown-item>
+                  <!-- <el-dropdown-item>一号大楼</el-dropdown-item>
                   <el-dropdown-item>二号大楼</el-dropdown-item>
-                  <el-dropdown-item>三号大楼</el-dropdown-item>
+                  <el-dropdown-item>三号大楼</el-dropdown-item> -->
+                  <el-dropdown-item :command="item.gis_building_code" v-for="(item,index) in buildings" :key="index">{{ item.building_name }}</el-dropdown-item>
+                  
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
-            <el-dropdown trigger="click">
+            <el-dropdown trigger="click" @command="clickCategoryTypedropdown">
               <span class="dropdown-name">
                 全部类型
                 <el-icon>
@@ -129,13 +130,12 @@
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item>一号大楼</el-dropdown-item>
-                  <el-dropdown-item>二号大楼</el-dropdown-item>
-                  <el-dropdown-item>三号大楼</el-dropdown-item>
+                  <el-dropdown-item :command="item.category" v-for="(item,index) in categoryType" :key="index">{{ item.category }}</el-dropdown-item>
+
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
-            <el-dropdown trigger="click">
+            <el-dropdown trigger="click" @command="clickLeafsdropdown">
               <span class="dropdown-name">
                 全部楼层
                 <el-icon>
@@ -144,13 +144,12 @@
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item>一号大楼</el-dropdown-item>
-                  <el-dropdown-item>二号大楼</el-dropdown-item>
-                  <el-dropdown-item>三号大楼</el-dropdown-item>
+                  <el-dropdown-item :command="item.leaf" v-for="(item,index) in leafs" :key="index">{{ item.leaf_name }}</el-dropdown-item>
+
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
-            <el-dropdown trigger="click">
+            <el-dropdown trigger="click" @command="clickStatusesdropdown">
               <span class="dropdown-name">
                 全部状态
                 <el-icon>
@@ -159,9 +158,8 @@
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item>一号大楼</el-dropdown-item>
-                  <el-dropdown-item>二号大楼</el-dropdown-item>
-                  <el-dropdown-item>三号大楼</el-dropdown-item>
+                  <el-dropdown-item  :command="item.status_code" v-for="(item,index) in statuses" :key="index">{{ item.status_name }}</el-dropdown-item>
+
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
@@ -188,8 +186,6 @@
               <div class="class-status-btn-container">
                 <div class="left-class-status">
                   <div>{{ item.class }}</div>
-                  <!-- <div>{{ item?.status }}</div> -->
-                  <!-- <el-tag effect="Plain">Tag 1</el-tag> -->
                 </div>
                 <div class="right-btn" @click.prevent="handleRoom(item)">
                   查看
@@ -304,7 +300,7 @@ import {
 } from "element-plus";
 import { Search, ArrowDown } from "@element-plus/icons-vue";
 
-import { getClass } from "../request/api";
+import { getClass,classSelections,queryClassroom } from "../request/api";
 import CircleProgress from "./CircleProgress.vue";
 import { callUIInteraction } from "../webrtcVideo";
 
@@ -468,6 +464,8 @@ export default {
     onMounted(() => {
       getClassData();
       start();
+      // 获取教师下拉选择数据
+      getClassSelections()
     });
 
     onBeforeUnmount(() => {
@@ -533,12 +531,57 @@ export default {
       }, 5000);
     };
 
+
+    // 获取教师下拉选择
+    let buildings =ref({})
+    let categoryType =ref({})
+    let leafs =ref({})
+    let statuses =ref({})
+    const getClassSelections = async()=>{
+      let res = await classSelections();
+      console.log("教师下拉选择",res.data);
+      if(res.code==200){
+        buildings.value=res.data.buildings
+        categoryType.value=res.data.categoryType
+        leafs.value=res.data.leafs
+        statuses.value=res.data.statuses
+      }
+    }
+    const clickBuildingsropdown =(e)=>{
+      console.log("e",e);
+      gisBuildingCode.value=e
+      searchHandel()
+    }
+    const clickCategoryTypedropdown =(e)=>{
+      console.log("e",e);
+      category.value=e
+      searchHandel()
+    }
+    const clickLeafsdropdown =(e)=>{
+      console.log("e",e);
+      gisLeaf.value=e
+      searchHandel()
+    }
+    const clickStatusesdropdown =(e)=>{
+      console.log("e",e);
+      statusCode.value=e
+      searchHandel()
+    }
+
     // 搜索
     let searchData = ref("");
-    const searchHandel = () => {
-      console.log("搜索", searchData.value);
+    let category =ref("")
+    let gisBuildingCode =ref("")
+    let gisLeaf =ref("")
+    let statusCode =ref("")
+    const searchHandel = async() => {
+      let res =await  queryClassroom({category: category.value,gisBuildingCode:gisBuildingCode.value,statusCode:statusCode.value,gisLeaf:gisLeaf.value})
+      console.log("搜索",res.data);
+      classRoom.value = res.data;
+      
     };
 
+
     const leftimg = ref("./img/");
     const frame = ref("./img/frame.png");
     return {
@@ -562,6 +605,20 @@ export default {
       ElIcon,
       searchData,
       searchHandel,
+      getClassSelections,
+      buildings,
+      categoryType,
+      leafs,
+      statuses,
+      clickCategoryTypedropdown,
+      clickBuildingsropdown,
+      clickLeafsdropdown,
+      clickStatusesdropdown,
+      start,
+      category,
+      gisBuildingCode,
+      gisLeaf,
+      statusCode
     };
   },
 };
@@ -586,4 +643,8 @@ export default {
 .el-popper.is-light {
   border-radius: 10px;
 }
+input[aria-hidden=true]{
+    display: none !important;
+}
+
 </style>

src/components/right.vue

@@ -51,7 +51,7 @@
             <!-- <img :src="'src/assets/img/' + item.icon + '.png'" alt=""> -->
           </CircleProgress>
 
-          <div class="text">{{ item.text }}</div>
+          <div class="text">{{ item?.text }}</div>
 
           <!-- <el-tooltip placement="bottom">
                         <template    #content> multiple lines<br />second line </template>