gonghao
/
local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

滚轮查看

This commit is contained in:
龚皓 2024-11-26 16:26:58 +08:00
parent 056c1c95bf
commit 62a7971f7a
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Channel.vue
View File

@ -152,6 +152,21 @@ const filterCameras = () => {
// console.log("filteredCameras>>:", filteredCameras.value); // 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 selectCameraById = (cameraId) => {
const camera = cameras.value.find(c => c.id === cameraId); const camera = cameras.value.find(c => c.id === cameraId);
if (camera && !selectedCameras.value.some(c => c.id === camera.id)) { if (camera && !selectedCameras.value.some(c => c.id === camera.id)) {
@ -175,7 +190,7 @@ const handleSettings = async (cameraId) => {
}; };
const handleSaveResult = ({ success, message }) => { const handleSaveResult = ({ success, message }) => {
console.log('收到子组件保存结果事件:', { success, message }); // console.log('收到子组件保存结果事件:', { success, message });
ElMessage({ ElMessage({
message, message,
@ -517,16 +532,17 @@ onBeforeUnmount(() => {
width: 68vw; width: 68vw;
height: 55vh; height: 55vh;
max-height: 58vh; max-height: 58vh;
overflow-y: scroll; /* overflow-y: scroll; */
scrollbar-width: none; overflow-y: auto;
scrollbar-width:thin;
/* background-color: #ffffff; */ /* background-color: #ffffff; */
background-color: #F1F1F1; background-color: #F1F1F1;
/* background-color: #c71515; */ /* background-color: #c71515; */
} }
.camera-grid::-webkit-scrollbar { /* .camera-grid::-webkit-scrollbar {
display: none; display: none;
} } */
.grid-item { .grid-item {
margin: 1vh; margin: 1vh;