From 67c41bd4d9894a9324825a0253d96d0c81be37ca Mon Sep 17 00:00:00 2001
From: deartibers <947466799@qq.com>
Date: Wed, 27 Apr 2022 10:19:08 +0800
Subject: [PATCH] =?UTF-8?q?nvr=E5=A4=B4=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nvrModal.jsx                   |  0
 .../equipmentWarehouse/containers/nvr.jsx     | 83 +++++++++++--------
 .../src/sections/equipmentWarehouse/index.js  |  2 +-
 .../{warehouse-item.jsx => nav-item.jsx}      |  0
 .../sections/equipmentWarehouse/style.less    |  5 ++
 5 files changed, 55 insertions(+), 35 deletions(-)
 create mode 100644 code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx
 rename code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/{warehouse-item.jsx => nav-item.jsx} (100%)

diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx
index 3a06fd0..54620e4 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx
@@ -4,42 +4,57 @@ import { Spin, Card } from '@douyinfe/semi-ui';
 import '../style.less'
 const { Meta } = Card;
 
-const Example = (props) => {
-    const { dispatch, actions, user, loading } = props
-
-    useEffect(() => {
-        // ACTION 示例
-        dispatch(actions.example.getMembers(user.orgId))
-    }, [])
-
-    return (
-        <Spin tip="biubiubiu~" spinning={loading}>
-            <div id='example'>
-                <p>STYLE EXAMPLE</p>
+
+const NvrHeader = () =>{
+    return(
+        <div className="NvrHeader">
+            <div style={{fontSize:22+'px',paddingTop:15+'px',marginLeft:21+'px'}}>NVR管理</div>
+            <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>
-            <Card
-                style={{ maxWidth: 300 }}
-                cover={
-                    <img
-                        alt="example"
-                        src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/card-cover-docs-demo2.jpeg"
-                    />
-                }
-            >
-                <Meta title="组件示例" />
-            </Card>
-        </Spin>
+        </div>
     )
 }
 
-function mapStateToProps (state) {
-    const { auth, global, members } = state;
-    return {
-        loading: members.isRequesting,
-        user: auth.user,
-        actions: global.actions,
-        members: members.data
-    };
-}
+// const Example = (props) => {
+//     const { dispatch, actions, user, loading } = props
+
+//     useEffect(() => {
+//         // ACTION 示例
+//         dispatch(actions.example.getMembers(user.orgId))
+//     }, [])
+
+//     return (
+//         <Spin tip="biubiubiu~" spinning={loading}>
+//             <div id='example'>
+//                 <p>STYLE EXAMPLE</p>
+//             </div>
+//             <Card
+//                 style={{ maxWidth: 300 }}
+//                 cover={
+//                     <img
+//                         alt="example"
+//                         src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/card-cover-docs-demo2.jpeg"
+//                     />
+//                 }
+//             >
+//                 <Meta title="组件示例" />
+//             </Card>
+//         </Spin>
+//     )
+// }
+
+// function mapStateToProps (state) {
+//     const { auth, global, members } = state;
+//     return {
+//         loading: members.isRequesting,
+//         user: auth.user,
+//         actions: global.actions,
+//         members: members.data
+//     };
+// }
+
+// export default connect(mapStateToProps)(NvrHeader);
 
-export default connect(mapStateToProps)(Example);
+export default connect()(NvrHeader);
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/index.js b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/index.js
index 08c20e7..c46e714 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/index.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/index.js
@@ -3,7 +3,7 @@
 import reducers from './reducers';
 import routes from './routes';
 import actions from './actions';
-import { getNavItem } from './warehouse-item';
+import { getNavItem } from './nav-item';
 
 export default {
     key: 'equipmentWarehouse',
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/warehouse-item.jsx b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/nav-item.jsx
similarity index 100%
rename from code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/warehouse-item.jsx
rename to code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/nav-item.jsx
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/style.less b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/style.less
index e69de29..f9e54b1 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/style.less
+++ b/code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/style.less
@@ -0,0 +1,5 @@
+.NvrHeader{
+  background-image: url(../../../assets/images/background/nvr_banner.png);
+  height: 171px;
+  background-size:100% 100%;
+}
\ No newline at end of file