储藏室页面部分结构

src/views/system/house/components/components/houseItem.vue

@@ -15,7 +15,7 @@ const props = defineProps<{
   unit: any;
   fIdx: number;
 }>();
-
+const router = useRouter();
 const checked = ref([]);
 // 菜单
 const menuList = ref([
@@ -29,6 +29,19 @@ const contextMenu = ref();
 // 点击事件
 const handleSelect = (val) => {
   console.log('你选择了：', val);
+  switch (val) {
+    case 'edit':
+      break;
+    case 'money':
+      break;
+    case 'main':
+      router.push({
+        path: '/house/houseDetails'
+      });
+      break;
+    case 'delete':
+      break;
+  }
 };
 function handleClick(house: any) {
   checked.value = checked.value.includes(house.id) ? checked.value.filter((item) => item !== house.id) : checked.value.concat(house.id);

src/views/system/house/components/unit.vue

@@ -51,6 +51,9 @@ $primary_color: #1978fe;
     color: rgba(102, 102, 102, 1);
     .rightActions {
       color: $primary_color;
+      span {
+        cursor: pointer;
+      }
     }
   }
   .UnitBody {