diff --git a/code/VideoAccess-VCMP/web/client/src/index.less b/code/VideoAccess-VCMP/web/client/src/index.less
index a4b488c..967c98a 100644
--- a/code/VideoAccess-VCMP/web/client/src/index.less
+++ b/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';
 
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/components/sider/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/components/sider/index.jsx
index f2412d5..5a4f317 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/components/sider/index.jsx
+++ b/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,16 +93,14 @@ const Sider = props => {
             }
          }
          return lastKeys
-         return {
-            selectedKeys: [],
-            openKeys: []
-         }
       }
-    const lastSelectedKeys = localStorage.getItem('vcmp_selected_sider')
-    console.log(lastSelectedKeys)
-    if (lastSelectedKeys) {
-       setSelectedKeys(JSON.parse(lastSelectedKeys))
-    }
+   
+   if(routeSelectedKeys[0]){
+      setSelectedKeys(routeSelectedKeys)
+   }
+   else{
+      setSelectedKeys(routeSelectedKey)
+   }
     const lastOpenKeys = localStorage.getItem('vcmp_open_sider')
     if (lastOpenKeys) {
        setOpenKeys(JSON.parse(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
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx
index 3fe6226..82815b2 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx
@@ -24,9 +24,7 @@ function SideSheets (props) {
     const { equipmentWarehouse } = actions;
     const [clickStyle, setclickStyle] = useState();
     const [nvrDetails, setNvrDetails] = useState({ station: [] });
-    const [highStandard, setHighStandard] = useState(true);
-    const [solid, setSolid] = useState("solid");
-    const [light, setLight] = useState("light");
+    const [highStandard, setHighStandard] = useState(false);
     const list = ["项目名称", "关联结构物", "关联测点", "关联监测因素"];
     const information = {
         nvr: [
@@ -141,7 +139,6 @@ function SideSheets (props) {
             )
         ).then((res) => {
             setNvrDetails(res.payload.data);
-            console.log(res.payload.data);
             projectScrollbar = new PerfectScrollbar("#project_information", {
                 suppressScrollX: true,
             });
@@ -265,6 +262,7 @@ function SideSheets (props) {
                             ? (cameraSetup ? information.camera : information.nvr).map(
                                 (item, index) => {
                                     let str = [];
+                                    let high = nvrDetails.gbCamera ? nvrDetails.gbCamera.playUrl ? nvrDetails.gbCamera.playUrl.liveUrl ? nvrDetails.gbCamera.playUrl.liveUrl.hd : "" : "" : ""
                                     if (index > 0) {
                                         str.push(
                                             <img
@@ -290,7 +288,7 @@ function SideSheets (props) {
                                         >
                                             {item.name}
                                             {cameraSetup ? (
-                                                index == 1 ? (
+                                                index == 1 && high ? (
                                                     <div
                                                         style={{
                                                             display: "inline-block",
@@ -298,17 +296,13 @@ function SideSheets (props) {
                                                             marginRight: 20,
                                                         }}
                                                     >
-                                                        <Button style={{ marginRight: 20 }} theme={solid} onClick={() => {
+                                                        <Button style={{ marginRight: 20 }} theme={highStandard ? "solid" : "light"} onClick={() => {
                                                             setHighStandard(true)
-                                                            setSolid("solid")
-                                                            setLight("light")
                                                         }}>
                                                             高清
                                                         </Button>
-                                                        <Button theme={light} onClick={() => {
+                                                        <Button theme={highStandard ? "light" : "solid"} onClick={() => {
                                                             setHighStandard(false)
-                                                            setSolid("light")
-                                                            setLight("solid")
                                                         }}>标清</Button>
                                                     </div>
                                                 ) : (
@@ -393,107 +387,109 @@ function SideSheets (props) {
                                         });
                                     }
                                     //接入信息/复制直播地址
-                                    let broadcast=nvrDetails.gbCamera?nvrDetails.gbCamera.playUrl?nvrDetails.gbCamera.playUrl.liveUrl:"":""
-                                    console.log(broadcast)
+                                    let broadcast = nvrDetails.gbCamera ? nvrDetails.gbCamera.playUrl ? nvrDetails.gbCamera.playUrl.liveUrl ? nvrDetails.gbCamera.playUrl.liveUrl[highStandard ? "hd" : "sd"] : "" : "" : ""
                                     if (index == 1) {
-                                        (cameraSetup ? item.liveBroadcast : item.access).map(
-                                            (item, index) => {
-                                                if (cameraSetup) {
-                                                    nvrDetails.videoUrl ? nvrDetails.videoUrl.liveUrl ?
-                                                        str.push(
-                                                            <div
-                                                                key={"liveBroadcast" + index}
-                                                                style={{
-                                                                    width: 120,
-                                                                    height: 130,
-                                                                    display: "inline-block",
-                                                                    borderRadius: 4,
-                                                                    border: "1px solid #D9D9D9",
-                                                                    margin: "20px 0 0 40px",
-                                                                    textAlign: "center",
-                                                                    color: clickStyle == item.name ? "white" : "",
-                                                                    background:
-                                                                        clickStyle == item.name ? "#1859C1" : "",
-                                                                }}
-                                                                onClick={() => {
-                                                                    if (highStandard) {
-                                                                        copy(nvrDetails.videoUrl.liveUrl.hd[item.key]);
-                                                                    } else {
-                                                                        copy(nvrDetails.videoUrl.liveUrl.sd[item.key]);
-                                                                    }
-
-                                                                    setclickStyle(item.name);
-                                                                }}
-                                                            >
-                                                                <img
-                                                                    src={`/assets/images/background/${clickStyle == item.name
-                                                                        ? "sewage_camera2"
-                                                                        : "sewage_camera1"
-                                                                        }.png`}
-                                                                    style={{ margin: "20px 0 8px 0" }}
-                                                                />
-                                                                <div>
-                                                                    {item.name}
-                                                                    <img
-                                                                        src={`/assets/images/background/${clickStyle == item.name
-                                                                            ? "copy2"
-                                                                            : "copy1"
-                                                                            }.png`}
-                                                                        style={{
-                                                                            paddingBottom: 10,
-                                                                            display: "inline-block",
-                                                                            width: 10,
-                                                                            height: 20,
-                                                                        }}
-                                                                    />
-                                                                </div>
-                                                            </div>
-                                                        ) : "" : "";
-                                                } else {
+                                        if (cameraSetup) {
+                                            if (broadcast) {
+                                                for (let key in broadcast) {
                                                     str.push(
                                                         <div
-                                                            key={"access" + index}
+                                                            key={key}
                                                             style={{
-                                                                width: "50%",
+                                                                width: 120,
+                                                                height: 130,
                                                                 display: "inline-block",
-                                                                marginTop: 20,
+                                                                borderRadius: 4,
+                                                                border: "1px solid #D9D9D9",
+                                                                margin: "20px 0 0 40px",
+                                                                textAlign: "center",
+                                                                color: clickStyle == key ? "white" : "",
+                                                                background:
+                                                                    clickStyle == key ? "#1859C1" : "",
+                                                            }}
+                                                            onClick={() => {
+                                                                copy(broadcast[key] ? broadcast[key] : "无相关地址");
+                                                                setclickStyle(key);
                                                             }}
                                                         >
-                                                            <span
-                                                                style={{
-                                                                    width: 150,
-                                                                    display: "inline-block",
-                                                                    textAlign: "right",
-                                                                    fontWeight: "400",
-                                                                    color: "rgba(0, 0, 0, 0.45)",
-                                                                }}
-                                                            >
-                                                                {item.name}
-                                                            </span>
-                                                            <span
-                                                                style={{
-                                                                    fontWeight: "400",
-                                                                    color: " #34383E",
-                                                                }}
-                                                            >
-                                                                {item.difference == "difference" ? nvrDetails[item.key] : nvrDetails.accessInfo ? nvrDetails.accessInfo[item.key] : ""}
-                                                            </span>
+                                                            <img
+                                                                src={`/assets/images/background/${clickStyle == key
+                                                                    ? "sewage_camera2"
+                                                                    : "sewage_camera1"
+                                                                    }.png`}
+                                                                style={{ margin: "20px 0 8px 0" }}
+                                                            />
+                                                            <div>
+                                                                {key}
+                                                                <img
+                                                                    src={`/assets/images/background/${clickStyle == key
+                                                                        ? "copy2"
+                                                                        : "copy1"
+                                                                        }.png`}
+                                                                    style={{
+                                                                        paddingBottom: 10,
+                                                                        display: "inline-block",
+                                                                        width: 10,
+                                                                        height: 20,
+                                                                    }}
+                                                                />
+                                                            </div>
                                                         </div>
-                                                    );
+                                                    )
+
                                                 }
-                                                return str;
+                                            } else {
+
+                                                str.push(<div style={{ width: "100%", lineHeight: "120px", textAlign: "center", color: "rgba(151, 151, 151, .5)" }}>无相关信息</div>)
                                             }
-                                        );
+
+
+                                        } else {
+                                            item.access.map((item, index) => {
+                                                str.push(
+                                                    <div
+                                                        key={"access" + index}
+                                                        style={{
+                                                            width: "50%",
+                                                            display: "inline-block",
+                                                            marginTop: 20,
+                                                        }}
+                                                    >
+                                                        <span
+                                                            style={{
+                                                                width: 150,
+                                                                display: "inline-block",
+                                                                textAlign: "right",
+                                                                fontWeight: "400",
+                                                                color: "rgba(0, 0, 0, 0.45)",
+                                                            }}
+                                                        >
+                                                            {item.name}
+                                                        </span>
+                                                        <span
+                                                            style={{
+                                                                fontWeight: "400",
+                                                                color: " #34383E",
+                                                            }}
+                                                        >
+                                                            {item.difference == "difference" ? nvrDetails[item.key] : nvrDetails.accessInfo ? nvrDetails.accessInfo[item.key] : ""}
+                                                        </span>
+                                                    </div>
+                                                );
+                                                return str;
+                                            })
+
+                                        }
                                     }
                                     //摄像头信息/复制回收地址
+                                    let recovery = nvrDetails.gbCamera ? nvrDetails.gbCamera.playUrl ? nvrDetails.gbCamera.playUrl.replayUrl : "" : ""
                                     if (index == 2) {
-                                        (cameraSetup ? item.recovery : nvrDetails.camera ? nvrDetails.camera : []).map(
-                                            (item, index) => {
-                                                if (cameraSetup) {
-                                                    nvrDetails.videoUrl?nvrDetails.videoUrl.replayUrl?
+                                        if (cameraSetup) {
+                                            if (recovery) {
+                                                for (let key in recovery) {
                                                     str.push(
                                                         <div
-                                                            key={"liveBroadcast" + index}
+                                                            key={key}
                                                             style={{
                                                                 width: 120,
                                                                 height: 130,
@@ -502,27 +498,27 @@ function SideSheets (props) {
                                                                 border: "1px solid #D9D9D9",
                                                                 margin: "20px 0 0 40px",
                                                                 textAlign: "center",
-                                                                color: clickStyle == item.name ? "white" : "",
+                                                                color: clickStyle == key ? "white" : "",
                                                                 background:
-                                                                    clickStyle == item.name ? "#1859C1" : "",
+                                                                    clickStyle == key ? "#1859C1" : "",
                                                             }}
                                                             onClick={() => {
-                                                                copy(nvrDetails.videoUrl.replayUrl[item.key]);
+                                                                copy(recovery[key] ? recovery[key] : "无相关地址");
                                                                 // alert("复制成功");
-                                                                setclickStyle(item.name);
+                                                                setclickStyle(key);
                                                             }}
                                                         >
                                                             <img
-                                                                src={`/assets/images/background/${clickStyle == item.name
+                                                                src={`/assets/images/background/${clickStyle == key
                                                                     ? "store2"
                                                                     : "store1"
                                                                     }.png`}
                                                                 style={{ margin: "20px 0 8px 0" }}
                                                             />
                                                             <div>
-                                                                {item.name}
+                                                                {`${key}`}
                                                                 <img
-                                                                    src={`/assets/images/background/${clickStyle == item.name
+                                                                    src={`/assets/images/background/${clickStyle == key
                                                                         ? "copy2"
                                                                         : "copy1"
                                                                         }.png`}
@@ -535,8 +531,17 @@ function SideSheets (props) {
                                                                 />
                                                             </div>
                                                         </div>
-                                                    ):"":"";
-                                                } else {
+                                                    )
+                                                }
+                                            } else {
+                                                str.push(<div style={{ width: "100%", lineHeight: "120px", textAlign: "center", color: "rgba(151, 151, 151, .5)" }}>无相关信息</div>)
+                                            }
+
+
+                                        } else {
+                                            let nvrCamera = nvrDetails.camera ? nvrDetails.camera : []                                       
+                                            if (nvrCamera.length > 0) {
+                                                nvrCamera.map((item, index) => {
                                                     str.push(
                                                         <div
                                                             key={"access" + index}
@@ -577,12 +582,13 @@ function SideSheets (props) {
                                                             </p>
                                                         </div>
                                                     );
-                                                }
-                                                return str;
+                                                    return str;
+                                                })
+                                            } else {
+                                                str.push(<div style={{ width: "100%", lineHeight: "120px", textAlign: "center", color: "rgba(151, 151, 151, .5)" }}>无相关信息</div>)
                                             }
-                                        );
+                                        }
                                     }
-
                                     return str;
                                 }
                             )
diff --git a/code/VideoAccess-VCMP/web/package.json b/code/VideoAccess-VCMP/web/package.json
index f8ea592..49195d3 100644
--- a/code/VideoAccess-VCMP/web/package.json
+++ b/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",
diff --git a/code/VideoAccess-VCMP/web/webpack.config.js b/code/VideoAccess-VCMP/web/webpack.config.js
index 7bba81f..770f2ba 100644
--- a/code/VideoAccess-VCMP/web/webpack.config.js
+++ b/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: [{