资产表单修改

src/layout/components/Sidebar/index.vue

@@ -32,7 +32,9 @@ import variables from "@/assets/styles/variables.module.scss";
 import useAppStore from "@/store/modules/app";
 import useSettingsStore from "@/store/modules/settings";
 import usePermissionStore from "@/store/modules/permission";
-
+import { getCurrentInstance } from "vue";
+import cache from "@/utils/cache";
+const proxy = getCurrentInstance();
 const route = useRoute();
 const appStore = useAppStore();
 const settingsStore = useSettingsStore();
@@ -65,17 +67,22 @@ const getMenuTextColor = computed(() => {
 });
 
 const activeMenu = computed(() => {
-  const parentName = route.query.parentName;
-
   const { meta, path } = route;
-  if (parentName) {
+  // Use the cache utility directly
-    return parentName;
+  const cachedActiveMenu = cache.local.get("activeMenu");
+  if (extractprefix(path) && cachedActiveMenu) {
+    return cachedActiveMenu;
   }
-  if (meta.activeMenu) {
+  if (meta?.activeMenu) {
     return meta.activeMenu;
   }
   return path;
 });
+const extractprefix = (str) => {
+  const pattern = /(.+?)(-info|-add|-edit)/;
+  const match = str.match(pattern);
+  return match ? match[1] : null;
+};
 </script>
 
 <style lang="scss" scoped>

src/main.js

@@ -5,7 +5,7 @@ import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import locale from 'element-plus/es/locale/lang/zh-cn'
-
+import { setActiveMenu } from '@/utils/common.js'
 import '@/assets/styles/index.scss' // global css
 
 import App from './App'
@@ -52,7 +52,7 @@ app.config.globalProperties.handleTree = handleTree
 app.config.globalProperties.addDateRange = addDateRange
 app.config.globalProperties.selectDictLabel = selectDictLabel
 app.config.globalProperties.selectDictLabels = selectDictLabels
-
+app.config.globalProperties.setActiveMenu = setActiveMenu
 // 全局组件挂载
 app.component('DictTag', DictTag)
 app.component('Pagination', Pagination)

src/plugins/cache.js

@@ -1,10 +1,12 @@
 const sessionCache = {
   set (key, value) {
+    console.log(1)
     if (!sessionStorage) {
       return
     }
     if (key != null && value != null) {
       sessionStorage.setItem(key, value)
+      console.log(1);
     }
   },
   get (key) {

src/utils/cache.js

@@ -0,0 +1,58 @@
+/**
+ * 缓存工具类
+ */
+class Cache {
+  /**
+   * 本地缓存类
+   */
+  local = {
+    set(key, value) {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    },
+    get(key) {
+      const value = window.localStorage.getItem(key);
+      if (value) {
+        try {
+          return JSON.parse(value);
+        } catch (error) {
+          return value;
+        }
+      }
+      return null;
+    },
+    remove(key) {
+      window.localStorage.removeItem(key);
+    },
+    clear() {
+      window.localStorage.clear();
+    }
+  };
+
+  /**
+   * 会话缓存类
+   */
+  session = {
+    set(key, value) {
+      window.sessionStorage.setItem(key, JSON.stringify(value));
+    },
+    get(key) {
+      const value = window.sessionStorage.getItem(key);
+      if (value) {
+        try {
+          return JSON.parse(value);
+        } catch (error) {
+          return value;
+        }
+      }
+      return null;
+    },
+    remove(key) {
+      window.sessionStorage.removeItem(key);
+    },
+    clear() {
+      window.sessionStorage.clear();
+    }
+  };
+}
+
+export default new Cache(); 

src/utils/common.js

@@ -0,0 +1,10 @@
+import router from "@/router";
+import cache  from "@/plugins/cache.js";
+/**
+ * 处理如 新增-修改-详情页面设置菜单选中高亮项
+ * @param {*} path
+ */
+export function setActiveMenu(path) {
+  const currentPath = path ? path : router.currentRoute.value.path;
+  cache.local.set("activeMenu", currentPath);
+}

src/views/assetsManage2/dzyjZC/index.vue

@@ -330,7 +330,7 @@ import {
   schema,
 } from "@/api/auditPagesApi/index";
 import myPagination from "@/views/components/Pagination/index.vue";
-
+const { proxy } = getCurrentInstance();
 const router = useRouter();
 const route = useRoute();
 
@@ -504,8 +504,9 @@ const submitFileForm = () => {
 
 // 新增资产
 const handleAdd = () => {
+  proxy.setActiveMenu("/assetsManage2/dzyjZC");
   router.push({
-    path: "/assetsManage2/dzyjZCinfo",
+    path: "/assetsManage2/dzyjZC-info",
     query: {
       pageType: "add",
       type: 3,
@@ -517,25 +518,25 @@ const handleAdd = () => {
 // 查看详情
 const goInfo = (row, id) => {
   if (id === 1) {
+    proxy.setActiveMenu("/assetsManage2/dzyjZC");
     router.push({
-      path: "/assetsManage2/dzyjZCinfo",
+      path: "/assetsManage2/dzyjZC-info",
       query: {
         pageType: "look",
         type: 3,
         id: row.id,
         queryData: formInline,
-        parentName: "/assetsManage2/dzyjZC",
       },
     });
   } else if (id === 2) {
+    proxy.setActiveMenu("/assetsManage2/dzyjZC");
     router.push({
-      path: "/assetsManage2/dzyjZCinfo",
+      path: "/assetsManage2/dzyjZC-info",
       query: {
         pageType: "change",
         type: 3,
         id: row.id,
         queryData: formInline,
-        parentName: "/assetsManage2/dzyjZC",
       },
     });
   } else if (id === 3) {

src/views/assetsManage2/gzhZC/index.vue

@@ -588,8 +588,9 @@ const submitFileForm = () => {
 
 // 新增资产
 const handleAdd = () => {
+  proxy.setActiveMenu("/assetsManage2/gzhZC");
   router.push({
-    path: "/assetsManage2/gzhZCinfo",
+    path: "/assetsManage2/gzhZC-info",
     query: {
       pageType: "add",
       type: 2,
@@ -600,9 +601,10 @@ const handleAdd = () => {
 
 // 查看详情
 const goInfo = (row, id) => {
+  proxy.setActiveMenu("/assetsManage2/gzhZC");
   if (id === 1) {
     router.push({
-      path: "/assetsManage2/gzhZCinfo",
+      path: "/assetsManage2/gzhZC-info",
       query: {
         pageType: "look",
         type: 2,
@@ -612,8 +614,9 @@ const goInfo = (row, id) => {
       },
     });
   } else if (id === 2) {
+    proxy.setActiveMenu("/assetsManage2/gzhZC");
     router.push({
-      path: "/assetsManage2/gzhZCinfo",
+      path: "/assetsManage2/gzhZC-info",
       query: {
         pageType: "change",
         type: 2,

src/views/assetsManage2/webZC-info/index.vue

@@ -4747,7 +4747,7 @@ onMounted(async () => {
     isMore.value = true;
     await nextTick();
     // const backBtn = document.querySelector(".back-btn");
-    backBtn.querySelector("button").disabled = false;
+    // backBtn.querySelector("button").disabled = false;
     const inputElements = document.querySelectorAll(".el-input__inner");
     const textareaInputElements = document.querySelectorAll(
       ".el-textarea__inner"

src/views/assetsManage2/webZC/index.vue

@@ -527,8 +527,9 @@ const submitFileForm = () => {
 
 // 新增资产
 const handleAdd = () => {
+  proxy.setActiveMenu("/assetsManage2/webZC");
   router.push({
-    path: "/assetsManage2/webZCinfo",
+    path: "/assetsManage2/webZC-info",
     query: {
       pageType: "add",
       type: 0,
@@ -536,23 +537,23 @@ const handleAdd = () => {
     },
   });
 };
-
 // 查看详情
 const goInfo = (row, id) => {
   if (id === 1) {
+    proxy.setActiveMenu("/assetsManage2/webZC");
     router.push({
-      path: "/assetsManage2/webZCinfo",
+      path: "/assetsManage2/webZC-info",
       query: {
         pageType: "look",
         type: 0,
         id: row.id,
         queryData: formInline,
-        parentName: "/assetsManage2/webZC",
       },
     });
   } else if (id === 2) {
+    proxy.setActiveMenu("/assetsManage2/webZC");
     router.push({
-      path: "/assetsManage2/webZCinfo",
+      path: "/assetsManage2/webZC-info",
       query: {
         pageType: "change",
         type: 0,

src/views/assetsManage2/xcxZC/index.vue

@@ -414,7 +414,7 @@ import {
   deleteMiniPrograms,
   schema,
 } from "@/api/auditPagesApi/index";
-
+const { proxy } = getCurrentInstance();
 const router = useRouter();
 const route = useRoute();
 const size = ref('default')
@@ -539,8 +539,9 @@ function submitFileForm() {
 }
 
 function handleAdd() {
+  proxy.setActiveMenu("/assetsManage2/xcxZC");
   router.push({
-    path: "/assetsManage2/xcxZCinfo",
+    path: "/assetsManage2/xcxZC-info",
     query: {
       pageType: "add",
       type: 1,
@@ -550,27 +551,26 @@ function handleAdd() {
 }
 
 function goInfo(row, id) {
-  console.log(formInline.value,'row')
+  proxy.setActiveMenu("/assetsManage2/xcxZC");
   if (id === 1) {
     router.push({
-      path: "/assetsManage2/xcxZCinfo",
+      path: "/assetsManage2/xcxZC-info",
       query: {
         pageType: "look",
         type: 1,
         id: row.id,
         queryData: formInline.value,
-        parentName: "/assetsManage2/xcxZC",
       },
     });
   } else if (id === 2) {
+    proxy.setActiveMenu("/assetsManage2/xcxZC");
     router.push({
-      path: "/assetsManage2/xcxZCinfo",
+      path: "/assetsManage2/xcxZC-info",
       query: {
         pageType: "change",
         type: 1,
         id: row.id,
         queryData: formInline.value,
-        parentName: "/assetsManage2/xcxZC",
       },
     });
   } else if (id === 3) {

src/views/assetsManage2/ydyyxtZC/index.vue

@@ -236,7 +236,7 @@ import { Download, Upload, Plus } from '@element-plus/icons-vue'
 import myPagination from "@/views/components/Pagination/index.vue"
 import { getToken } from "@/utils/auth"
 import { assetAppList, deleteAssetApp, schema } from "@/api/auditPagesApi/index"
-
+const { proxy } = getCurrentInstance();
 const router = useRouter()
 const route = useRoute()
 
@@ -397,21 +397,22 @@ const submitFileForm = () => {
 
 // 新增资产
 const handleAdd = () => {
+  proxy.setActiveMenu("/assetsManage2/ydyyxtZC");
   router.push({
-    path: "/assetsManage2/ydyyxtZCinfo",
+    path: "/assetsManage2/ydyyxtZC-info",
     query: {
       pageType: "add",
       type: 4,
-      parentName: "/assetsManage2/ydyyxtZC",
     }
   })
 }
 
 // 查看详情
 const goInfo = (row, id) => {
+  proxy.setActiveMenu("/assetsManage2/ydyyxtZC");
   if (id == 1) {
     router.push({
-      path: "/assetsManage2/ydyyxtZCinfo",
+      path: "/assetsManage2/ydyyxtZC-info",
       query: {
         pageType: "look",
         type: 4,
@@ -422,7 +423,7 @@ const goInfo = (row, id) => {
     })
   } else if (id == 2) {
     router.push({
-      path: "/assetsManage2/ydyyxtZCinfo",
+      path: "/assetsManage2/ydyyxtZC-info",
       query: {
         pageType: "change",
         type: 4,