nvr banner

code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx

@@ -4,61 +4,61 @@ import { Card } from "@douyinfe/semi-ui";
 import "../style.less";
 
 const NvrHeader = (props) => {
-  const { dispatch, actions, user, loading } = props;
+    const { dispatch, actions, user, loading } = props;
-  return (
+    return (
-    <>
+        <>
-      {/* <div className="NvrHeader"> */}
+            {/* <div className="NvrHeader"> */}
-        <video id='nvrBanner' autoPlay loop muted>
+            <video id='nvrBanner' autoPlay loop muted style={{ width: '100%' }}>
-            <source src='../../../../assets/images/background/nvr_banner.mp4' type='video/mp4'/>
+                <source src='/assets/video/nvr_banner.mp4' type='video/mp4' />
-            <div
+                <div
-            style={{
+                    style={{
-                fontSize: 22 + "px",
+                        fontSize: 22 + "px",
-                paddingTop: 15 + "px",
+                        paddingTop: 15 + "px",
-                marginLeft: 21 + "px",
+                        marginLeft: 21 + "px",
-            }}
+                    }}
-            >
+                >
-            NVR管理
+                    NVR管理
-            </div>
+                </div>
-            <div
+                <div
-            style={{
+                    style={{
-                fontSize: 14 + "px",
+                        fontSize: 14 + "px",
-                paddingTop: 18 + "px",
+                        paddingTop: 18 + "px",
-                marginLeft: 20 + "px",
+                        marginLeft: 20 + "px",
-            }}
+                    }}
-            >
+                >
-            对NVR（网络硬盘录像机）设备节点的管理
+                    对NVR（网络硬盘录像机）设备节点的管理
-            </div>
+                </div>
-            <div
+                <div
-            style={{
+                    style={{
-                fontSize: 14 + "px",
+                        fontSize: 14 + "px",
-                marginTop: 28 + "px",
+                        marginTop: 28 + "px",
-                marginLeft: 21 + "px",
+                        marginLeft: 21 + "px",
-                width: 89 + "px",
+                        width: 89 + "px",
-                height: 32 + "px",
+                        height: 32 + "px",
-                lineHeight: 32 + "px",
+                        lineHeight: 32 + "px",
-                textAlign: "center",
+                        textAlign: "center",
-                backgroundColor: "#D9EAFF",
+                        backgroundColor: "#D9EAFF",
-                color: "#1859C1",
+                        color: "#1859C1",
-                cursor: "pointer",
+                        cursor: "pointer",
-            }}
+                    }}
-            >
+                >
-            添加NVR
+                    添加NVR
-            </div>
+                </div>
-        </video>
+            </video>
-      {/* </div> */}
+            {/* </div> */}
-      <Card title="筛选条件" headerLine={false}></Card>
+            <Card title="筛选条件" headerLine={false}></Card>
-    </>
+        </>
-  );
+    );
 };
 
-function mapStateToProps(state) {
+function mapStateToProps (state) {
-  const { auth, global, members } = state;
+    const { auth, global, members } = state;
-  return {
+    return {
-    loading: members.isRequesting,
+        loading: members.isRequesting,
-    user: auth.user,
+        user: auth.user,
-    actions: global.actions,
+        actions: global.actions,
-    members: members.data,
+        members: members.data,
-  };
+    };
 }
 
 export default connect(mapStateToProps)(NvrHeader);