燕山石化溯源三维电子沙盘-【前端】-Web
1
WX
2023-09-08 5a4c6108b5c30d22d41d614c6212711607920c92
src/views/menus.vue
@@ -62,12 +62,14 @@
    const setMenuClick = (res) => {
      if (checkMenuFlag.value && checkMenuFlag.value == res.id) {
        checkMenuFlag.value = null;
        if (childMenuOptions.value != null) {
          if (childMenuOptions.value[0] == res.id[0]) {
            childMenuOptions.value = null;
            emit("menusData", { id: null, isActive: false });
            menuTool.clearLeftTools(res);
          }
          if (checkMenuChildFlag.value != null) {
            if (checkMenuChildFlag.value[0] == res.id[0]) {
              checkMenuChildFlag.value = null;
@@ -78,10 +80,19 @@
        }
        res.isActive = false;
      } else {
        if (childMenuOptions.value != null) {
          menuTool.clearLeftTools({ id: childMenuOptions.value });
          emit("menusData", { id: null, isActive: false });
          childMenuOptions.value = null;
          if (checkMenuChildFlag.value != null) {
            menuTool.clearLeftTools({ id: checkMenuChildFlag.value });
            checkMenuChildFlag.value = null;
          }
        }
        // menuTool.thematicTools(res);
        checkMenuFlag.value = res.id;
        res.isActive = true;
        // menuTool.thematicTools(res);
      }
      emit("menusData", res);
    };
@@ -225,15 +236,15 @@
            // padding: 0 12px;
          }
          .menus_btn_c_list_chlid_list:hover {
            background: rgba(0, 6, 80, 0.4);
            background: rgba(49, 180, 255, 0.4);
          }
        }
      }
      .menus_btn_c_list:hover {
        background: rgba(0, 6, 80, 0.4);
        background: rgba(49, 180, 255, 0.4);
      }
      .child_Menu_Options {
        background: rgba(0, 6, 80, 0.4);
        background: rgba(49, 180, 255, 0.4);
      }
    }
  }