仪器筛选条件

jeecgboot-vue3/src/views/demo/main-home/components/instrumentSharing/index.vue

@@ -4,8 +4,8 @@
       <div class="item">
         <div class="left">仪器类别</div>
         <div class="right">
-          <div>通用</div>
+          <div :class=" allIndex === 1 ? 'avtive' : ''" @click="searchByKeywords(0)">通用</div>
-          <div>专用</div>
+          <div :class=" allIndex === 2 ? 'avtive' : ''" @click="searchByKeywords(1)">专用</div>
         </div>
       </div>
       <div class="item">
@@ -181,6 +181,12 @@
       },
     });
   }
+  const allIndex = ref(0)
+  const searchByKeywords = (type) => {
+    allIndex.value = type + 1
+    page.value.type = type;
+    getindexcompEvent();
+  }
 </script>
 
 <style scoped lang="less">