格式

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

@@ -3,32 +3,59 @@ import { connect } from "react-redux";
 import { Card } from "@douyinfe/semi-ui";
 import "../style.less";
 
-const NvrHeader = (props) =>{
+const NvrHeader = (props) => {
-    const { dispatch, actions, user, loading } = props
+  const { dispatch, actions, user, loading } = props;
-    return(
+  return (
-        <>
+    <>
-        <div className="NvrHeader">
+      <div className="NvrHeader">
-            <div style={{fontSize:22+'px',paddingTop:15+'px',marginLeft:21+'px'}}>NVR管理</div>
+        <div
-            <div style={{fontSize:14+'px',paddingTop:18+'px',marginLeft:20+'px'}}>对NVR（网络硬盘录像机）设备节点的管理</div>
+          style={{
-            <div style={{fontSize:14+'px',marginTop:28+'px',marginLeft:21+'px',width:89+'px',height:32+'px',lineHeight:32+'px',textAlign:'center',backgroundColor:"#D9EAFF",color:'#1859C1',cursor:'pointer'}}>
+            fontSize: 22 + "px",
-                添加NVR
+            paddingTop: 15 + "px",
-            </div>
+            marginLeft: 21 + "px",
+          }}
+        >
+          NVR管理
         </div>
-        <Card title="筛选条件" headerLine={false}></Card>
+        <div
-        </>
+          style={{
-        
+            fontSize: 14 + "px",
-    )
+            paddingTop: 18 + "px",
-}
+            marginLeft: 20 + "px",
-
+          }}
+        >
+          对NVR（网络硬盘录像机）设备节点的管理
+        </div>
+        <div
+          style={{
+            fontSize: 14 + "px",
+            marginTop: 28 + "px",
+            marginLeft: 21 + "px",
+            width: 89 + "px",
+            height: 32 + "px",
+            lineHeight: 32 + "px",
+            textAlign: "center",
+            backgroundColor: "#D9EAFF",
+            color: "#1859C1",
+            cursor: "pointer",
+          }}
+        >
+          添加NVR
+        </div>
+      </div>
+      <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);