滚轮查看

src/components/Channel.vue

@@ -152,6 +152,21 @@ const filterCameras = () => {
   // console.log("filteredCameras>>:", filteredCameras.value);
 };
 
+
+// 名称+ID查询
+// const filterCameras = () => {
+//   const keyword = searchKeyword.value.trim().toLowerCase();
+//   if (!keyword) {
+//     filteredCameras.value = [...cameras.value];
+//   } else {
+//     filteredCameras.value = cameras.value.filter(camera => {
+//       const idMatch = camera.id.toString().toLowerCase().includes(keyword);
+//       const nameMatch = camera.name.toLowerCase().includes(keyword);
+//       return idMatch || nameMatch;
+//     });
+//   }
+// };
+
 const selectCameraById = (cameraId) => {
   const camera = cameras.value.find(c => c.id === cameraId);
   if (camera && !selectedCameras.value.some(c => c.id === camera.id)) {
@@ -175,7 +190,7 @@ const handleSettings = async (cameraId) => {
 };
 
 const handleSaveResult = ({ success, message }) => {
-  console.log('收到子组件保存结果事件:', { success, message });
+  // console.log('收到子组件保存结果事件:', { success, message });
 
   ElMessage({
     message,
@@ -517,16 +532,17 @@ onBeforeUnmount(() => {
   width: 68vw;
   height: 55vh;
   max-height: 58vh;
-  overflow-y: scroll;
-  scrollbar-width: none;
+  /* overflow-y: scroll; */
+  overflow-y: auto;
+  scrollbar-width:thin;
   /* background-color: #ffffff; */
   background-color: #F1F1F1;
   /* background-color: #c71515; */
 }
 
-.camera-grid::-webkit-scrollbar {
+/* .camera-grid::-webkit-scrollbar {
   display: none;
-}
+} */
 
 .grid-item {
   margin: 1vh;