浏览代码

修改框架结构,增加产品软件锁库页

outaozhen 5 年之前
父节点
当前提交
5cf99f0eac
共有 8 个文件被更改,包括 148 次插入4254 次删除
  1. 3 2129
      public/index.html
  2. 1 2105
      public/sub_index.html
  3. 2 2
      src/product/index.js
  4. 25 0
      src/product/lock-ccount.js
  5. 41 0
      src/product/lock-client.js
  6. 0 0
      src/product/product.css
  7. 3 2
      src/product/product.js
  8. 73 16
      src/product/submenu/index.js

文件差异内容过多而无法显示
+ 3 - 2129
public/index.html


文件差异内容过多而无法显示
+ 1 - 2105
public/sub_index.html


+ 2 - 2
src/product/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Product from './product';
+import Lockclient from './lock-client';
 
-ReactDOM.render(<Product />, document.getElementById('root'));
+ReactDOM.render(<Lockclient />, document.getElementById('root'));

+ 25 - 0
src/product/lock-ccount.js

@@ -0,0 +1,25 @@
+import React, { Component } from 'react';
+import { Provider } from 'react-redux';
+import store from './store';
+import Submenu from './submenu';
+// import Content from './content';
+
+//import './product.css';
+
+class Hr extends Component {
+  render() {
+    //console.log(this.props.store);
+    return (
+      <Provider store={store}>
+        <Submenu />
+        {/* <Content /> */}
+      </Provider>
+        
+     
+    );
+  }
+}
+
+export default Hr;
+
+

+ 41 - 0
src/product/lock-client.js

@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import { Provider } from 'react-redux';
+import store from './store';
+import Submenu from './submenu';
+// import Content from './content';
+
+//import './product.css';
+
+class Hr extends Component {
+  render() {
+    //console.log(this.props.store);
+    return (
+      <Provider store={store}>
+        <Submenu />
+        <div className="page-content-wrapper">
+        	<header class="page-header" role="banner">
+        		<div class="hidden-md-down dropdown-icon-menu position-relative">
+        			<a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="隐藏侧栏">
+     						<i class="ni ni-menu"></i>
+     					</a>
+     					<ul>
+	              <li>
+	                <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="迷你侧栏">
+	     								<i class="ni ni-minify-nav"></i>
+	     							</a>
+	              </li>
+	            </ul>
+        		</div>
+        	</header>
+        </div>
+        {/* <Content /> */}
+      </Provider>
+        
+     
+    );
+  }
+}
+
+export default Hr;
+
+

+ 0 - 0
src/product/product.css


+ 3 - 2
src/product/product.js

@@ -6,12 +6,13 @@ import Submenu from './submenu';
 
 //import './product.css';
 
-class Hr extends Component {
+class submenu extends Component {
   render() {
     //console.log(this.props.store);
     return (
       <Provider store={store}>
         <Submenu />
+        <div className="page-content-wrapper">Hello workbench2323 react!!!!</div>
         {/* <Content /> */}
       </Provider>
         
@@ -20,6 +21,6 @@ class Hr extends Component {
   }
 }
 
-export default Hr;
+export default submenu;
 
 

+ 73 - 16
src/product/submenu/index.js

@@ -5,30 +5,87 @@ import { BrowserRouter, Route,Link } from 'react-router-dom';
 
 class Submenu extends PureComponent {
 
-    
-
-
     render() {
        // const { inputValue, handleInputFocus,handleInputChange, menu, list } = this.props;
         return (
+          <aside class="page-sidebar">
+            <div class="page-logo">
+              <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
+                <div class="icon-stack fa-2x">
+                  <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
+                  <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
+                  <i class="fal fa-box icon-stack-1x opacity-100 color-white"></i>
+                </div>
+                <span class="page-logo-text mr-1">产品</span>
+                <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
+                <i class="ni ni-my-apps d-inline-block ml-1 fs-lg color-primary-300"></i>
+              </a>
+            </div>
             <nav id="js-primary-nav" class="primary-nav" role="navigation">
-            <ul id="js-nav-menu" class="nav-menu">
-                <li class="active">
-                <a href="contact.html" title="联系人" data-filter-tags="联系人">
-                    <i class="fal fa-address-book"></i>
-                    <span class="nav-link-text">联系人</span>
-                    </a>
+              <ul id="js-nav-menu" class="nav-menu">
+                <li class="active open">
+                  <a href="#" title="软件锁" data-filter-tags="软件锁" class="waves-effect waves-themed">
+                    <i class="fal fa-magic "></i>
+                    <span class="nav-link-text">软件锁</span>
+                  </a>
+                  <ul>
+                    <li class="active">
+                      <a href="lock-client.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                          <span class="nav-link-text">公共锁库</span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="lock-ccount.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                          <span class="nav-link-text">使用统计</span>
+                      </a>
+                    </li>
+                  </ul>
                 </li>
                 <li class="">
-                <a href="company.html" title="公司" data-filter-tags="公司">
-                    <i class="fal fa-building "></i>
-                    <span class="nav-link-text">公司</span>
-                    </a>
+                  <a href="#" title="Application Intel" data-filter-tags="application intel">
+                    <i class="fal fa-cloud "></i>
+                    <span class="nav-link-text">云版管理</span>
+                  </a>
+                  <ul>
+                    <li>
+                      <a href="intel_analytics_dashboard.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                        <span class="nav-link-text">养护云版</span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="intel_marketing_dashboard.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                        <span class="nav-link-text">建筑云版</span>
+                      </a>
+                    </li>
+                  </ul>
                 </li>
-            </ul>
-            <div class="filter-message js-filter-message bg-success-600"></div>
+              </ul>
+              <div class="filter-message js-filter-message bg-success-600"></div>
             </nav>
-
+            <div class="nav-footer shadow-top">
+              <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
+                <i class="ni ni-chevron-right"></i>
+                <i class="ni ni-chevron-right"></i>
+              </a>
+              <ul class="list-table m-auto nav-footer-buttons">
+                <li>
+                  <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Chat logs">
+                    <i class="fal fa-comments"></i>
+                    </a>
+                </li>
+                <li>
+                  <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Support Chat">
+                    <i class="fal fa-life-ring"></i>
+                  </a>
+                </li>
+                <li>
+                  <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" data-original-title="Make a call">
+                    <i class="fal fa-phone"></i>
+                  </a>
+                </li>
+              </ul>
+            </div>
+          </aside>
             // <div>
             //     <BrowserRouter>
             //     <div>