主题设置

code/VideoAccess-VCMP/web/client/src/index.less

@@ -1,5 +1,5 @@
 // webpack （vite 用 alias 兼容了）
-@import '~@douyinfe/semi-ui/dist/css/semi.min.css';
+// @import '~@douyinfe/semi-ui/dist/css/semi.min.css';
 @import '~perfect-scrollbar/css/perfect-scrollbar.css';
 @import '~nprogress/nprogress.css';
 

code/VideoAccess-VCMP/web/client/src/layout/components/sider/index.jsx

@@ -3,6 +3,7 @@ import PerfectScrollbar from 'perfect-scrollbar';
 import { connect } from 'react-redux';
 import { Nav } from '@douyinfe/semi-ui';
 import { push } from 'react-router-redux';
+import { useLocation } from 'react-router';
 
 let scrollbar = null
 const homePath = '/equipmentWarehouse/nvr'
@@ -45,7 +46,6 @@ const Sider = props => {
             }
          }
       }
-      console.log(nextItems)
       setItems(nextItems)
 
       const { selectedKeys, openKeys } = initKeys(
@@ -74,9 +74,9 @@ const Sider = props => {
          dispatch(push(homePath))
       }
    }, [])
-
+   let routeSelectedKey = [useLocation().pathname.split('/')[1]]//没有子目录的
+   let routeSelectedKeys = [useLocation().pathname.split('/')[2]]//有子目录的
    useEffect(()=>{
-       console.log(1)
        let pathname_ = pathname == '/' ? homePath : pathname
       const initKeys = (items, lastKeys) => {
          for (let it of items) {
@@ -93,15 +93,13 @@ const Sider = props => {
             }
          }
          return lastKeys
-         return {
-            selectedKeys: [],
-            openKeys: []
       }
+   
+   if(routeSelectedKeys[0]){
+      setSelectedKeys(routeSelectedKeys)
    }
-    const lastSelectedKeys = localStorage.getItem('vcmp_selected_sider')
+   else{
-    console.log(lastSelectedKeys)
+      setSelectedKeys(routeSelectedKey)
-    if (lastSelectedKeys) {
-       setSelectedKeys(JSON.parse(lastSelectedKeys))
    }
     const lastOpenKeys = localStorage.getItem('vcmp_open_sider')
     if (lastOpenKeys) {
@@ -114,7 +112,6 @@ const Sider = props => {
          scrollbar.update();
       }
    })
-console.log(selectedKeys,openKeys)
    return (
       <div id={'page-slider'} style={{ height: clientHeight, position: 'relative' }}>
          <Nav

code/VideoAccess-VCMP/web/package.json

@@ -48,9 +48,11 @@
    },
    "dependencies": {
       "@douyinfe/semi-ui": "^2.8.0",
+      "@douyinfe/semi-webpack-plugin": "^2.13.0",
       "@fs/attachment": "^1.0.0",
       "@peace/components": "0.0.35",
       "@peace/utils": "^0.0.48",
+      "@semi-bot/semi-theme-fsiot": "0.0.1",
       "@vitejs/plugin-react": "^1.3.1",
       "@vitejs/plugin-react-refresh": "^1.3.6",
       "args": "^5.0.1",

code/VideoAccess-VCMP/web/webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const webpack = require('webpack');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-
+const SemiWebpackPlugin = require('@douyinfe/semi-webpack-plugin').default;
 const PATHS = {
    app: path.join(__dirname, 'client/src'),
    build: path.join(__dirname, 'client/build')
@@ -35,6 +35,12 @@ module.exports = {
       new BundleAnalyzerPlugin({
          analyzerPort: 8000,
       }),
+      new SemiWebpackPlugin({
+         theme: {
+            name: '@semi-bot/semi-theme-fsiot',
+            include: '~@semi-bot/semi-theme-fsiot/scss/local.scss'
+        }
+      }),
    ],
    module: {
       rules: [{