Bootstrap要更新 alpha6 做一次提交

.idea/workspace.xml

@@ -34,16 +34,6 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="user-info.html" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/user-info.html">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="352">
-              <caret line="34" column="56" selection-start-line="34" selection-start-column="56" selection-end-line="34" selection-end-column="56" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
       <file leaf-file-name="project-management.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/project-management.html">
           <provider selected="true" editor-type-id="text-editor">
@@ -57,6 +47,28 @@
           </provider>
         </entry>
       </file>
+      <file leaf-file-name="login-infoinput.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/login-infoinput.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="-238">
+              <caret line="11" column="9" selection-start-line="11" selection-start-column="9" selection-end-line="11" selection-end-column="9" />
+              <folding>
+                <element signature="n#from#0;n#div#1;n#div#0;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="baobiao.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/baobiao.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="572">
+              <caret line="59" column="32" selection-start-line="59" selection-start-column="32" selection-end-line="59" selection-end-column="32" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file leaf-file-name="gongliaoji.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/gongliaoji.html">
           <provider selected="true" editor-type-id="text-editor">
@@ -69,7 +81,7 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="zaojiashu.html" pinned="false" current-in-tab="true">
+      <file leaf-file-name="zaojiashu.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/zaojiashu.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="399">
@@ -81,11 +93,11 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="user-buy.html" pinned="false" current-in-tab="false">
+      <file leaf-file-name="user-buy.html" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/user-buy.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="550">
-              <caret line="34" column="56" selection-start-line="34" selection-start-column="56" selection-end-line="34" selection-end-column="56" />
+            <state relative-caret-position="770">
+              <caret line="35" column="56" selection-start-line="35" selection-start-column="56" selection-end-line="35" selection-end-column="56" />
               <folding>
                 <element signature="n#div#0;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#div#1;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
@@ -142,7 +154,6 @@
         <option value="$PROJECT_DIR$/index.html" />
         <option value="$PROJECT_DIR$/js/global.js" />
         <option value="$PROJECT_DIR$/login-welcome.html" />
-        <option value="$PROJECT_DIR$/login-infoinput.html" />
         <option value="$PROJECT_DIR$/css/main.css" />
         <option value="$PROJECT_DIR$/zaojiashu.html" />
         <option value="$PROJECT_DIR$/project-management.html" />
@@ -151,6 +162,8 @@
         <option value="$PROJECT_DIR$/user-set.html" />
         <option value="$PROJECT_DIR$/user-buy.html" />
         <option value="$PROJECT_DIR$/user-info.html" />
+        <option value="$PROJECT_DIR$/login-infoinput.html" />
+        <option value="$PROJECT_DIR$/baobiao.html" />
       </list>
     </option>
   </component>
@@ -161,8 +174,8 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="1912" />
-    <option name="y" value="71" />
+    <option name="x" value="424" />
+    <option name="y" value="193" />
     <option name="width" value="1456" />
     <option name="height" value="886" />
   </component>
@@ -280,7 +293,7 @@
     </panes>
   </component>
   <component name="PropertiesComponent">
-    <property name="settings.editor.selected.configurable" value="terminal" />
+    <property name="settings.editor.selected.configurable" value="reference.settingsdialog.IDE.editor.colors.Font" />
     <property name="settings.editor.splitter.proportion" value="0.66111654" />
     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
     <property name="WebServerToolWindowFactoryState" value="false" />
@@ -322,33 +335,33 @@
       <workItem from="1483925651414" duration="1759000" />
       <workItem from="1483949306457" duration="4385000" />
       <workItem from="1484028671732" duration="9073000" />
-      <workItem from="1484097649974" duration="1626000" />
+      <workItem from="1484097649974" duration="6438000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="107606000" />
+    <option name="totallyTimeSpent" value="112418000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="1912" y="71" width="1456" height="886" extended-state="6" />
-    <editor active="true" />
+    <frame x="424" y="193" width="1456" height="886" extended-state="0" />
+    <editor active="false" />
     <layout>
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.17986111" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
     </layout>
   </component>
   <component name="Vcs.Log.UiProperties">
@@ -367,17 +380,6 @@
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/project-management.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-          <folding>
-            <element signature="n#table#0;n#div#0;n#div#0;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#div#3;n#body#0;n#html#0;n#!!top" expanded="false" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/main.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="1782">
@@ -625,13 +627,6 @@
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/index.html" />
-    <entry file="file://$PROJECT_DIR$/login-infoinput.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="436">
-          <caret line="80" column="23" selection-start-line="65" selection-start-column="17" selection-end-line="80" selection-end-column="23" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/login-welcome.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="378">
@@ -673,29 +668,31 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/user-buy.html">
+    <entry file="file://$PROJECT_DIR$/user-info.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="550">
+        <state relative-caret-position="352">
           <caret line="34" column="56" selection-start-line="34" selection-start-column="56" selection-end-line="34" selection-end-column="56" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/gongliaoji.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="436">
+          <caret line="33" column="61" selection-start-line="33" selection-start-column="61" selection-end-line="33" selection-end-column="61" />
           <folding>
-            <element signature="n#div#0;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#div#1;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#0;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#1;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#2;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#3;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#4;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
-            <element signature="n#label#0;n#td#2;n#tr#5;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/user-info.html">
+    <entry file="file://$PROJECT_DIR$/zaojiashu.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="352">
-          <caret line="34" column="56" selection-start-line="34" selection-start-column="56" selection-end-line="34" selection-end-column="56" />
-          <folding />
+        <state relative-caret-position="399">
+          <caret line="30" column="12" selection-start-line="30" selection-start-column="12" selection-end-line="30" selection-end-column="12" />
+          <folding>
+            <element signature="n#table#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+          </folding>
         </state>
       </provider>
     </entry>
@@ -710,22 +707,38 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/gongliaoji.html">
+    <entry file="file://$PROJECT_DIR$/login-infoinput.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="436">
-          <caret line="33" column="61" selection-start-line="33" selection-start-column="61" selection-end-line="33" selection-end-column="61" />
+        <state relative-caret-position="-238">
+          <caret line="11" column="9" selection-start-line="11" selection-start-column="9" selection-end-line="11" selection-end-column="9" />
           <folding>
-            <element signature="n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#from#0;n#div#1;n#div#0;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/zaojiashu.html">
+    <entry file="file://$PROJECT_DIR$/baobiao.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="399">
-          <caret line="30" column="12" selection-start-line="30" selection-start-column="12" selection-end-line="30" selection-end-column="12" />
+        <state relative-caret-position="572">
+          <caret line="59" column="32" selection-start-line="59" selection-start-column="32" selection-end-line="59" selection-end-column="32" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user-buy.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="770">
+          <caret line="35" column="56" selection-start-line="35" selection-start-column="56" selection-end-line="35" selection-end-column="56" />
           <folding>
-            <element signature="n#table#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#div#0;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#div#1;n#div#1;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#0;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#1;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#2;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#3;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#4;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#label#0;n#td#2;n#tr#5;n#tbody#0;n#table#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" expanded="false" />
           </folding>
         </state>
       </provider>

baobiao.html

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>报表-Smartcost</title>
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="css/bootstrap/themes.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+    <div class="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>Warning!</strong> Better check yourself, you're not looking too good.
+            </div>
+        </div> -->
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <div class="navbar-text"><a href="project-management.html">项目管理</a><i class="fa fa-angle-right fa-fw"></i>文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-bug.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav">
+                <li><a href="zaojiashu.html">造价书</a></li>
+                <li><a href="gongliaoji.html">工料机</a></li>
+                <li><a href="baobiao.html" class="active">报表</a></li>
+            </ul>
+        </div>
+        <div class="content">
+            <div class="container-fluid">
+              <div class="row">
+                <div class="col-lg-2 p-0">
+                  <div class="print-list">
+                  <div class="list-tools text-xs-center">
+                    <button class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#addForm"><i class="fa fa-plus-square"></i> 添加报表</button>
+                    <button class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#editForm"><i class="fa fa-cog"></i> 管理报表</button>
+                  </div>
+                    <div class="form-list">
+                      <ul id="treeDemo" class="ztree"></ul>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-10 p-0">
+                  <div class="toolsbar">
+                    <div class="print-toolsbar">
+                      <div class="panel">
+                        <div class="panel-body">
+                          <button class="btn btn-secondary btn-sm" type="button">
+                            <i class="fa fa-print"></i><br>
+                            打印 <span class="tag tag-pill tag-primary">5</span>
+                          </button>
+                        </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+                              <div class="btn-group" role="group">
+                                <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                  纵向
+                                </button>
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+                                  <a class="dropdown-item" href="#">横向</a>
+                                </div>
+                              </div>
+                              <div class="btn-group" role="group">
+                                <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                  A4
+                                </button>
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+                                  <a class="dropdown-item" href="#">A3</a>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            预览设置
+                          </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group">
+                              <button type="button" class="btn btn-secondary btn-sm">-</button>
+                              <a class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="重置默认大小">1000%</a>
+                              <button type="button" class="btn btn-secondary btn-sm">+</button>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            缩放
+                          </div>
+                      </div>
+                      <div class="panel">
+                          <div class="panel-body">
+                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
+                              <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 纸张</button>
+                              <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 格式</button>
+                              <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button>
+                            </div>
+                          </div>
+                          <div class="panel-foot text-muted">
+                            报表设置
+                          </div>
+                      </div>
+                    </div>
+                  </div>
+                    <div class="print-view poj-list">
+                      <div class="pageContainer">
+                        <div class="page">
+                          <img src="img/baobiao.png">
+                        </div>
+                        <div class="page">
+                          <img src="img/baobiao.png">
+                        </div>
+                        <div class="page">
+                          <img src="img/baobiao.png">
+                        </div>
+                        <div class="page">
+                          <img src="img/baobiao.png">
+                        </div>
+                      </div>
+                    </div>
+                </div>
+              </div>
+            </div>
+          </div>
+      </div>
+      <!--弹出纸张-->
+      <div class="modal fade" id="paper" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+                      <h4 class="modal-title">纸张</h4>
+                  </div>
+                  <div class="modal-body">
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                      <a href="" class="btn btn-primary">确定</a>
+                  </div>
+              </div>
+          </div>
+      </div>
+      <!--弹出页面-->
+      <div class="modal fade" id="format" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+                      <h4 class="modal-title">格式</h4>
+                  </div>
+                  <div class="modal-body">
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                      <a href="" class="btn btn-primary">确定</a>
+                  </div>
+              </div>
+          </div>
+      </div>
+      <!--弹出格式-->
+      <div class="modal fade" id="content" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+                      <h4 class="modal-title">内容</h4>
+                  </div>
+                  <div class="modal-body">
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                      <a href="" class="btn btn-primary">确定</a>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <!-- JS. -->
+    <script src="js/jquery/jquery.min.js"></script>
+    <script src="js/tether/tether.min.js"></script>
+    <script src="js/bootstrap/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

css/main.css

@@ -1,18 +1,18 @@
 /*building SAAS 0.1*/
 /*bootstrap 初始化*/
-body{
-    font-size:0.9rem
+body {
+    font-size: 0.9rem
 }
 .dropdown-menu {
-    font-size:0.9rem
+    font-size: 0.9rem
 }
 /*自定义css*/
 .header {
-    background:#e1e1e1
+    background: #e1e1e1
 }
 .header .header-logo {
-    background:#ff6501;
-    color:#fff;
+    background: #ff6501;
+    color: #fff;
     float: left;
     padding-top: .25rem;
     padding-bottom: .25rem;
@@ -20,89 +20,100 @@ body{
     font-size: 1.25rem;
     line-height: inherit
 }
+.top-msg{
+  position: fixed;
+  top:0;
+  width:100%;
+  z-index: 999
+}
+.in-1{padding-left:0rem!important}
+.in-2{padding-left:1rem!important}
+.in-3{padding-left:1.5rem!important}
+.in-4{padding-left:2rem!important}
+.in-5{padding-left:2.5rem!important}
+.in-6{padding-left:3rem!important}
 .main {
     position: relative;
     background: #f7f7f9;
 }
 .main-nav {
-    position:absolute;
+    position: absolute;
     text-align: center;
     z-index: 999;
-    padding:2px 0 0 2px
+    padding: 2px 0 0 2px
 }
-.main-nav .nav a{
+.main-nav .nav a {
     display: block;
-    width:28px;
+    width: 28px;
     text-align: center;
     line-height: 18px;
-    color:#999;
-    padding:10px 0;
-    border-right:1px solid #ccc;
+    color: #999;
+    padding: 10px 0;
+    border-right: 1px solid #ccc;
 }
-.main-nav .nav a:hover{
+.main-nav .nav a:hover {
     background: #fff;
-    color:#333;
+    color: #333;
     text-decoration: none;
 }
-.main-nav .nav a.active{
-    border:1px solid #ccc;
-    border-right:1px solid #fff;
+.main-nav .nav a.active {
+    border: 1px solid #ccc;
+    border-right: 1px solid #fff;
     background: #fff;
-    color:#333
+    color: #333
 }
 .content {
-    border-left:1px solid #ccc;
-    margin-left:29px;
+    border-left: 1px solid #ccc;
+    margin-left: 29px;
     background: #fff
 }
-.toolsbar {
+.tools-btn {
     height: 30px;
     line-height: 30px;
 }
-.toolsbar tools-btn.btn:hover {
+.toolsbar .tools-btn.btn:hover {
     background: #f7f7f9;
 }
 .main-side {
-    border-top:1px solid #ccc;
-    border-left:1px solid #ccc;
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
 }
-.top-content,.fluid-content{
+.top-content, .fluid-content {
     overflow: auto;
     border-bottom: 1px solid #ccc;
 }
-.bottom-content {
-}
 .warp-p2 {
-    padding:2px
+    padding: 2px
 }
-.bottom-content .nav{
+.bottom-content .nav {
     background: #f7f7f9;
 }
-.bottom-content .nav-tabs .nav-link,.side-tabs .nav-tabs .nav-link{
+.bottom-content .nav-tabs .nav-link, .side-tabs .nav-tabs .nav-link {
     border-radius: 0;
-    padding:0.2em 0.5em
+    padding: 0.2em 0.5em
 }
 .side-tabs .nav-tabs {
     border-bottom: none;
 }
-.side-tabs .nav-tabs .nav-link{
+.side-tabs .nav-tabs .nav-link {
     border-radius: 0;
-    padding:0em 0.5em
+    padding: 0em 0.5em;
+    line-height: 30px
 }
 .bottom-content .nav-tabs .nav-link.active {
-    border-top:1px solid #f7f7f9
+    border-top: 1px solid #f7f7f9
 }
 .side-tabs .nav-tabs .nav-link.active {
-    border-top:none;
-    background:#ccc
+    border-top: none;
+    background: #ccc
 }
-.side-tabs a.active,.sub-nav a.active {
-    background:#ccc
+.side-tabs a.active, .sub-nav a.active {
+    background: #ccc
 }
 .poj-manage {
-    background:#fff
+    background: #fff
 }
-.slide-sidebar{
+.slide-sidebar {
     border-left: 1px solid #E1E1E1;
     box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1);
     background: none repeat scroll 0% 0% #ffffff;
@@ -110,54 +121,132 @@ body{
     position: absolute;
     right: 0px;
     top: 0;
-    z-index:999;
+    z-index: 999;
     width: 0px;
 }
-
-.new-msg{
-    -webkit-animation:tada 1s infinite .2s ease both;
-    -moz-animation:tada 1s infinite .2s ease both;}
-@-webkit-keyframes tada{
-    0%{-webkit-transform:scale(1)}
-    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
-    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
-    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
-    100%{-webkit-transform:scale(1) rotate(0)}
-}
-@-moz-keyframes tada{
-    0%{-moz-transform:scale(1)}
-    10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
-    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
-    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
-    100%{-moz-transform:scale(1) rotate(0)}
-}
-.has-danger{
-    -webkit-animation:shake 1s .2s ease both;
-    -moz-animation:shake 1s .2s ease both;
-    animation:shake 1s .2s ease both;}
-@-webkit-keyframes shake{
-    0%,100%{-webkit-transform:translateX(0);}
-    10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
-    20%,40%,60%,80%{-webkit-transform:translateX(10px);}
-}
-@-moz-keyframes shake{
-    0%,100%{-moz-transform:translateX(0);}
-    10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
-    20%,40%,60%,80%{-moz-transform:translateX(10px);}
-}
-@keyframes shake{
-    0%,100%{transform:translateX(0);}
-    10%,30%,50%,70%, 90%{transform:translateX(-10px);}
-    20%,40%,60%,80%{transform:translateX(10px);}
+.new-msg {
+    -webkit-animation: tada 1s infinite .2s ease both;
+    -moz-animation: tada 1s infinite .2s ease both;
+}
+@-webkit-keyframes tada {
+    0% {
+        -webkit-transform: scale(1)
+    }
+    10%, 20% {
+        -webkit-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -webkit-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -webkit-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -webkit-transform: scale(1) rotate(0)
+    }
+}
+@-moz-keyframes tada {
+    0% {
+        -moz-transform: scale(1)
+    }
+    10%, 20% {
+        -moz-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -moz-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -moz-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -moz-transform: scale(1) rotate(0)
+    }
+}
+.has-danger {
+    -webkit-animation: shake 1s .2s ease both;
+    -moz-animation: shake 1s .2s ease both;
+    animation: shake 1s .2s ease both;
+}
+@-webkit-keyframes shake {
+    0%, 100% {
+        -webkit-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -webkit-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -webkit-transform: translateX(10px);
+    }
+}
+@-moz-keyframes shake {
+    0%, 100% {
+        -moz-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -moz-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -moz-transform: translateX(10px);
+    }
+}
+@keyframes shake {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(10px);
+    }
 }
 .tab-content {
-    max-height:200px;
+    max-height: 200px;
     overflow: auto;
 }
 .form-signin {
     max-width: 500px;
     margin: 150px auto;
 }
-.poj-list,.side-content{
+.poj-list, .side-content {
     overflow: auto;
-}
+}
+.poj-list span.poj-icon {
+  padding-right:10px;
+  color:#ccc
+}
+.print-toolsbar{
+  padding:5px
+}
+.print-toolsbar .panel {
+  display:inline-block;
+  vertical-align:top;
+  background:#f7f7f9
+}
+.print-toolsbar .panel .panel-foot{
+  text-align: center;
+  font-size: 12px
+}
+.print-list {
+  border-right:1px solid #ccc
+}
+.print-list .form-list {
+  overflow: auto
+}
+.print-list .list-tools{
+  height:50px;
+  padding:10px 0;
+  border-bottom:1px solid #f2f2f2
+}
+.pageContainer {
+  background: #ededed;
+  text-align: center
+}
+.pageContainer .page{
+  border:9px solid transparent;
+  display: inline-block;
+}
+.pageContainer .page img{
+  width:inherit;
+  height: inherit;
+}

gongliaoji.html

@@ -1,124 +1,164 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <title>工料机-Smartcost</title>
-  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
-  <link rel="stylesheet" href="css/bootstrap/themes.css">
-  <link rel="stylesheet" href="css/main.css">
-  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>工料机-Smartcost</title>
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="css/bootstrap/themes.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 </head>
+
 <body>
-<div class="header">
-  <div class="top-msg clearfix">
-    <div class="alert alert-warning mb-0 py-0" role="alert">
-      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-      </button>
-      <strong>Warning!</strong> Better check yourself, you're not looking too good.
-    </div>
-  </div>
-  <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-    <div class="navbar-text"><a href="project-management.html">项目管理</a><i class="fa fa-angle-right fa-fw"></i>文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>
-    <div class="float-lg-right navbar-text pb-0">
-      <div class="dropdown d-inline-block">
-        <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-          陈特
-        </button>
-        <div class="dropdown-menu dropdown-menu-right">
-          <a class="dropdown-item" href="user-info.html">个人信息</a>
-          <a class="dropdown-item" href="user-bug.html">购买</a>
-          <a class="dropdown-item" href="user-set.html">设置</a>
+    <div class="header">
+        <!-- <div class="top-msg clearfix"> -->
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
         </div>
-      </div>
-        <span class="btn btn-link btn-sm new-msg"  >
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-      <button class="btn btn-link btn-sm">
-        注销
-      </button>
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <div class="navbar-text"><a href="project-management.html">项目管理</a><i class="fa fa-angle-right fa-fw"></i>文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-bug.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
+        <nav class="navbar navbar-light p-0">
+            <ul class="nav navbar-nav px-1">
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
+                    <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false">帮助</a>
+                </li>
+            </ul>
+            <form class="form-inline float-xs-right">
+                <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
+            </form>
+        </nav>
     </div>
-  </nav>
-  <nav class="navbar navbar-light p-0">
-    <ul class="nav navbar-nav px-1">
-      <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
-        <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <a class="dropdown-item" href="#">Something else here</a>
-        </div>
-      </li>
-      <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
-        <div class="dropdown-menu" >
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <a class="dropdown-item" href="#">Something else here</a>
+    <div class="main">
+        <div class="main-nav">
+            <ul class="nav">
+                <li><a href="zaojiashu.html">造价书</a></li>
+                <li><a href="gongliaoji.html" class="active">工料机</a></li>
+                <li><a href="baobiao.html">报表</a></li>
+            </ul>
         </div>
-      </li>
-      <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
-        <div class="dropdown-menu" >
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <a class="dropdown-item" href="#">Something else here</a>
-        </div>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="#"  aria-haspopup="true" aria-expanded="false">帮助</a>
-      </li>
-    </ul>
-    <form class="form-inline float-xs-right">
-      <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
-    </form>
-  </nav>
-</div>
-<div class="main">
-  <div class="main-nav">
-    <ul class="nav">
-      <li><a href="zaojiashu.html" >造价书</a></li>
-      <li><a href="gongliaoji.html" class="active">工料机</a></li>
-      <li><a href="baobiao.html">报表</a></li>
-    </ul>
-  </div>
-  <div class="content">
-    <div class="toolsbar px-1">
-      <div class="tools-btn btn-group align-top">
-        <a href="" class="btn btn-sm"><i class="fa fa-arrow-down" aria-hidden="true"></i>下移</a>
-        <a href="" class="btn btn-sm"><i class="fa fa-arrow-up" aria-hidden="true"></i>上移</a>
-        <a href="" class="btn btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
-        <a href="" class="btn btn-sm"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
-        <a href="" class="btn btn-sm"><i class="fa fa-undo" aria-hidden="true"></i></a>
-      </div>
-
-    </div>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="main-content col-lg-12 p-0">
-          <div class="fluid-content">
-            <div class="warp-p2">
-              <table class="table table-sm table-bordered m-0">
-                <thead><tr><th>编码</th><th>名称</th><th>规格型号</th><th>单位</th><th>类型</th><th>人工工种</th><th>调整系数</th><th>总消耗量</th><th>基价单价</th><th>调整基价</th><th>市场单价</th><th>市场价合计</th><th>是否暂估</th><th>供货方式</th><th>甲供数量</th><th>出厂价</th><th>交货方式</th><th>... </th></tr></thead>
-                <tbody><tr><td>00010201</td><td>土石方综合工日</td><td> </td><td>工日</td><td>人</td><td>土石方人工</td><td> </td><td>100.232</td><td>38</td><td> </td><td>38</td><td>市场价合计</td><td>是否暂估</td><td>供货方式</td><td>甲供数量</td><td>出厂价</td><td>交货方式</td><td>... </td></tr></tbody>
-              </table>
+        <div class="content">
+            <div class="toolsbar px-1">
+                <div class="tools-btn btn-group align-top">
+                    <a href="" class="btn btn-sm"><i class="fa fa-arrow-down" aria-hidden="true"></i>下移</a>
+                    <a href="" class="btn btn-sm"><i class="fa fa-arrow-up" aria-hidden="true"></i>上移</a>
+                    <a href="" class="btn btn-sm"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
+                    <a href="" class="btn btn-sm"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
+                    <a href="" class="btn btn-sm"><i class="fa fa-undo" aria-hidden="true"></i></a>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="main-content col-lg-12 p-0">
+                        <div class="fluid-content">
+                            <div class="warp-p2">
+                                <table class="table table-sm table-bordered m-0">
+                                    <thead>
+                                        <tr>
+                                            <th>编码</th>
+                                            <th>名称</th>
+                                            <th>规格型号</th>
+                                            <th>单位</th>
+                                            <th>类型</th>
+                                            <th>人工工种</th>
+                                            <th>调整系数</th>
+                                            <th>总消耗量</th>
+                                            <th>基价单价</th>
+                                            <th>调整基价</th>
+                                            <th>市场单价</th>
+                                            <th>市场价合计</th>
+                                            <th>是否暂估</th>
+                                            <th>供货方式</th>
+                                            <th>甲供数量</th>
+                                            <th>出厂价</th>
+                                            <th>交货方式</th>
+                                            <th>... </th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>00010201</td>
+                                            <td>土石方综合工日</td>
+                                            <td> </td>
+                                            <td>工日</td>
+                                            <td>人</td>
+                                            <td>土石方人工</td>
+                                            <td> </td>
+                                            <td>100.232</td>
+                                            <td>38</td>
+                                            <td> </td>
+                                            <td>38</td>
+                                            <td>市场价合计</td>
+                                            <td>是否暂估</td>
+                                            <td>供货方式</td>
+                                            <td>甲供数量</td>
+                                            <td>出厂价</td>
+                                            <td>交货方式</td>
+                                            <td>... </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
-  </div>
-</div>
-<!-- JS. -->
-<script src="js/jquery/jquery.min.js"></script>
-<script src="js/tether/tether.min.js"></script>
-<script src="js/bootstrap/bootstrap.min.js"></script>
-<script src="js/global.js"></script>
+    <!-- JS. -->
+    <script src="js/jquery/jquery.min.js"></script>
+    <script src="js/tether/tether.min.js"></script>
+    <script src="js/bootstrap/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
 </body>
-<script type="text/javascript">autoFlashHeight();</script>
-</html>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

js/global.js

@@ -9,6 +9,7 @@ function autoFlashHeight(){
     $(".fluid-content").height($(window).height()-headerHeight-toolsbarHeight-1);
     $(".side-content").height($(window).height()-headerHeight );
     $(".poj-list").height($(window).height()-headerHeight-toolsbarHeight);
+    $(".form-list").height($(window).height()-headerHeight-50 );
 };
 $(window).resize(autoFlashHeight);
 /*全局自适应高度结束*/
@@ -38,5 +39,3 @@ $('*[data-toggle=tooltip]').mouseover(function() {
   });
 /*工具提示*/
 });
-
-

login-infoinput.html

@@ -1,99 +1,89 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>用户信息填写-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1">
-          Smartcost
-        </span>
-      <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
-      <div class="float-lg-right navbar-text pb-0">
-        <div class=" d-inline-block">
-          <button class="btn btn-link btn-sm " type="button" >
-            15812644017
-          </button>
-        </div>
-        <span class="btn btn-link btn-sm new-msg">
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-  </div>
-  <div class="container mt-3">
-    <div class="row">
-      <div class="col-lg-8 offset-lg-2">
-        <div class="card newuser-input">
-        <div class="card-block">
-          <h4 class="card-title">在开始使用前，请填写以下信息。</h4>
-          <h6 class="card-subtitle text-muted">详细填写这些信息，可以让我们更好的服务您。</h6>
-        </div>
-          <div class="card-block">
-          <from>
-            <div class="form-group">
-              <input class="form-control" placeholder="你的姓名" required="" autofocus="">
-            </div>
-            <div class="form-group">
-              <input class="form-control" placeholder="企业名称" required="" autofocus="">
-            </div>
-            <div class="form-group">
-              <select class="form-control">
-                <option>请选择企业所在地区</option>
-                <option>广东省</option>
-                <option>北京市</option>
-              </select>
-            </div>
-          </from>
-            <div class="form-group">
-            <a class="btn btn-link" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
-              更多选项
-            </a>
-            </div>
-            <div class="collapse" id="collapseExample">
-               <from>
-                 <div class="form-group">
-                   <select class="form-control">
-                     <option>请选择企业类型</option>
-                     <option>设计</option>
-                     <option>施工</option>
-                   </select>
-                 </div>
-                 <div class="form-group">
-                   <select class="form-control">
-                     <option>请选择企业规模</option>
-                     <option>1-20</option>
-                     <option>20-50</option>
-                     <option>50-100</option>
-                     <option>100+</option>
-                   </select>
-                 </div>
-               </from>
-            </div>
+</head>
 
-            <div class="form-group">
-            <a class="btn btn-primary btn-block" href="login-welcome.html">下一步</a>
-              </div>
+<body>
+    <div class="header">
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
+            <div class="float-lg-right navbar-text pb-0">
+                <div class=" d-inline-block">
+                    <button class="btn btn-link btn-sm " type="button">15812644017</button>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
+    </div>
+    <div class="container mt-3">
+        <div class="row">
+            <div class="col-lg-8 offset-lg-2">
+                <div class="card newuser-input">
+                    <div class="card-block">
+                        <h4 class="card-title">在开始使用前，请填写以下信息。</h4>
+                        <h6 class="card-subtitle text-muted">详细填写这些信息，可以让我们更好的服务您。</h6>
+                    </div>
+                    <div class="card-block">
+                            <div class="form-group">
+                                <input class="form-control" placeholder="你的姓名" required="" autofocus="">
+                            </div>
+                            <div class="form-group">
+                                <input class="form-control" placeholder="企业名称" required="" autofocus="">
+                            </div>
+                            <div class="form-group">
+                                <select class="form-control">
+                                  <option>请选择企业所在地区</option>
+                                  <option>广东省</option>
+                                  <option>北京市</option>
+                                </select>
+                            </div>
+                        <div class="form-group">
+                            <a class="btn btn-link" data-toggle="collapse" href="#moreinfo" aria-expanded="false" aria-controls="moreinfo">更多选项</a>
+                        </div>
+                        <div class="collapse" id="moreinfo">
+                                <div class="form-group">
+                                    <select class="form-control">
+                                     <option>请选择企业类型</option>
+                                     <option>设计</option>
+                                     <option>施工</option>
+                                   </select>
+                                </div>
+                                <div class="form-group">
+                                    <select class="form-control">
+                                     <option>请选择企业规模</option>
+                                     <option>1-20</option>
+                                     <option>20-50</option>
+                                     <option>50-100</option>
+                                     <option>100+</option>
+                                   </select>
+                                </div>
+                        </div>
+                        <div class="form-group">
+                            <a class="btn btn-primary btn-block" href="login-welcome.html">下一步</a>
+                        </div>
+                    </div>
+                </div>
             </div>
-      </div>
-      </div>
+        </div>
     </div>
-  </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-</html>
+</body>
+
+</html>

login-welcome.html

@@ -1,177 +1,297 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>项目管理-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-      <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
-      <div class="float-lg-right navbar-text pb-0">
-        <div class="dropdown d-inline-block">
-          <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-            陈特
-          </button>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="#">我的账户</a>
-            <a class="dropdown-item" href="#">购买</a>
-            <a class="dropdown-item" href="#">设置</a>
-          </div>
-        </div>
-        <span class="btn btn-link btn-sm "  >
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;0
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-    <nav class="navbar navbar-light p-0">
-      <ul class="nav navbar-nav px-1">
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
-          <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
-          <div class="dropdown-menu" >
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
-          <div class="dropdown-menu" >
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#"  aria-haspopup="true" aria-expanded="false">帮助</a>
-        </li>
-      </ul>
-      <form class="form-inline float-xs-right">
-        <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
-      </form>
-    </nav>
-  </div>
-    <div class="main">
-      <div class="poj-manage container-fluid">
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="poj-cate">
-              <input type="text" class="mt-1 mb-1 form-control form-control-sm" placeholder="搜索所有工程">
-              <ul class="nav nav-pills nav-stacked">
-                <li class="nav-item">
-                  <a class="nav-link active" href="#">全部</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">最近使用</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">共享</a>
+</head>
+
+<body>
+    <div class="header">
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">  Smartcost</span>
+            <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="#">我的账户</a>
+                        <a class="dropdown-item" href="#">购买</a>
+                        <a class="dropdown-item" href="#">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm ">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;0
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
+        <nav class="navbar navbar-light p-0">
+            <ul class="nav navbar-nav px-1">
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
+                    <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">协同工作</a>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">归档</a>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link" href="#">回收站</a>
+                    <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false">帮助</a>
                 </li>
-              </ul>
-            </div>
-          </div>
-          <div class="col-lg-10">
-            <div class="toolsbar">
-              <div class="tools-btn btn-group align-top">
-                <a href="" class="btn btn-sm">新建工程</a>
-                <a href="" class="btn btn-sm"><i class="fa fa-folder-o"></i>&nbsp;新建文件夹</a>
-                <a href="" class="btn btn-sm">重命名</a>
-                <a href="" class="btn btn-sm">删除</a>
-                <a href="" class="btn btn-sm">移动到...</a>
-                <a href="" class="btn btn-sm">复制到...</a>
-                <a href="" class="btn btn-sm">共享</a>
-                <a href="" class="btn btn-sm">协同</a>
-              </div>
-            </div>
-            <div class="poj-list">
-              <legend>全部</legend>
-              <table class="table table-hover table-sm">
-                <thead><tr><th width="40"></th><th width="38%"></th><th width="40%">工程名称</th><th width="10%">最近使用</th><th width="10%">创建日期</th></tr></thead>
-                <tbody>
-                <tr><td></td><td><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#">某某某某工厂工厂某某工厂建设某某工厂建设</a></td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">1号生产车间(click)</a></td><td></td><td></td><td></td></tr>
-                <tr><td><i class="fa fa-sort" data-toggle="tooltip" data-placement="top" title="长安拖动"></i></td><td></td><td><a href="zaojiashu.html">建筑工程（click）</a></td><td>2016-01-01</td><td>2016-01-01</td></tr>
-                <tr><td></td><td></td><td><a href="#">机械设备安装工程</a></td><td>2016-01-01</td><td>2016-01-01</td></tr>
-                <tr><td></td><td class="pl-2"><a href="#" class="tree-close" title="展开"><i class="fa fa-plus-square-o  mr-1"></i></a><i class="fa fa-folder-o"></i>&nbsp;<a href="#">2号生产车间</a></td><td>......</td><td></td><td></td></tr>
-                </tbody>
-              </table>
+            </ul>
+            <form class="form-inline float-xs-right">
+                <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
+            </form>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate">
+                        <input type="text" class="mt-1 mb-1 form-control form-control-sm" placeholder="搜索所有工程">
+                        <ul class="nav nav-pills nav-stacked">
+                            <li class="nav-item">
+                                <a class="nav-link active" href="#">全部</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">最近使用</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">共享</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">协同工作</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">归档</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">回收站</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-10">
+                    <div class="toolsbar">
+                        <div class="tools-btn btn-group align-top">
+                            <a href="" class="btn btn-sm">新建工程</a>
+                            <a href="" class="btn btn-sm"><i class="fa fa-folder-o"></i>&nbsp;新建文件夹</a>
+                            <a href="" class="btn btn-sm">重命名</a>
+                            <a href="" class="btn btn-sm">删除</a>
+                            <a href="" class="btn btn-sm">移动到...</a>
+                            <a href="" class="btn btn-sm">复制到...</a>
+                            <a href="" class="btn btn-sm">共享</a>
+                            <a href="" class="btn btn-sm">协同</a>
+                        </div>
+                    </div>
+                    <div class="poj-list">
+                        <legend>全部</legend>
+                        <table class="table table-hover table-sm">
+                            <thead>
+                                <tr>
+                                    <th width="40"></th>
+                                    <th width="38%"></th>
+                                    <th width="40%">工程名称</th>
+                                    <th width="10%">最近使用</th>
+                                    <th width="10%">创建日期</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td></td>
+                                    <td><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td>
+                                    <td></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="pl-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td>
+                                    <td></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="pl-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#">某某某某工厂工厂某某工厂建设某某工厂建设</a></td>
+                                    <td></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="pl-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">1号生产车间(click)</a></td>
+                                    <td></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td><i class="fa fa-sort" data-toggle="tooltip" data-placement="top" title="长安拖动"></i></td>
+                                    <td></td>
+                                    <td><a href="zaojiashu.html">建筑工程（click）</a></td>
+                                    <td>2016-01-01</td>
+                                    <td>2016-01-01</td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td></td>
+                                    <td><a href="#">机械设备安装工程</a></td>
+                                    <td>2016-01-01</td>
+                                    <td>2016-01-01</td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="pl-2"><a href="#" class="tree-close" title="展开"><i class="fa fa-plus-square-o  mr-1"></i></a><i class="fa fa-folder-o"></i>&nbsp;<a href="#">2号生产车间</a></td>
+                                    <td>......</td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-      <div class="slide-sidebar">
-        <div class="side-content">
-          <div class="p-1">
-            <legend>1号生产车间 汇总</legend>
-            <table class="table table-bordered table-hover table-sm">
-              <thead>
-                <tr><th rowspan="2"></th><th rowspan="2">序号</th><th rowspan="2">名称</th><th rowspan="2">金额</th><th colspan="6">其中</th><th rowspan="2">占造价比例（%）</th><th rowspan="2">建筑面积</th><th rowspan="2">单方造价</th></tr>
-                <tr><th>分部分项合计</th><th>措施项目合计</th><th>其他项目合计</th><th>安全文明施工费</th><th>规费</th><th>税金</th></tr>
-              </thead>
-              <tbody>
-              <tr><td>1</td><td>一</td><td>建筑工程</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
-              <tr><td>2</td><td>二</td><td>建筑工程</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
-              <tr><td>3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
-              <tr><td>4</td><td>一</td><td>合计</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td> </td><td> </td><td> </td></tr>
-              </tbody>
-            </table>
-          </div>
+        <div class="slide-sidebar">
+            <div class="side-content">
+                <div class="p-1">
+                    <legend>1号生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">名称</th>
+                                <th rowspan="2">金额</th>
+                                <th colspan="6">其中</th>
+                                <th rowspan="2">占造价比例（%）</th>
+                                <th rowspan="2">建筑面积</th>
+                                <th rowspan="2">单方造价</th>
+                            </tr>
+                            <tr>
+                                <th>分部分项合计</th>
+                                <th>措施项目合计</th>
+                                <th>其他项目合计</th>
+                                <th>安全文明施工费</th>
+                                <th>规费</th>
+                                <th>税金</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>一</td>
+                                <td>建筑工程</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>二</td>
+                                <td>建筑工程</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>一</td>
+                                <td>合计</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  <!--弹出信息-->
-  <div class="modal fade" id="myModal" data-backdrop="static">
-    <div class="modal-dialog modal-lg" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h4 class="modal-title">欢迎使用Smartcost</h4>
-        </div>
-        <div class="modal-body">
-          <p>推送内容在这</p>
-        </div>
-        <div class="modal-footer text-xs-center">
-
-          <a href="project-management.html" class="btn btn-primary btn-lg">开始使用Smartcost</a>
+    <!--弹出信息-->
+    <div class="modal fade" id="myModal" data-backdrop="static">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">欢迎使用Smartcost</h4>
+                </div>
+                <div class="modal-body">
+                    <p>推送内容在这</p>
+                </div>
+                <div class="modal-footer text-xs-center">
+                    <a href="project-management.html" class="btn btn-primary btn-lg">开始使用Smartcost</a>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-  <script type="text/javascript">$('#myModal').modal('show')</script>
-</html>
+</body>
+<script type="text/javascript">
+    $('#myModal').modal('show')
+</script>
+
+</html>

login.html

@@ -1,88 +1,89 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>用户登录-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="container">
-    <form class="form-signin">
-      <h1 class=" text-xs-center">Smartcost</h1>
-      <h4 class="text-xs-center mb-2">用户登录</h4>
-      <div class="form-group">
-        <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
-      </div>
-      <div class="form-group">
-        <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
-      </div>
-      <div class="form-group">
-        <button class="btn btn-primary btn-block" data-toggle="modal" data-target="#ver">登录</button>
-      </div>
-      <div class="pt-1 text-xs-center">
-        <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
-        <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
-      </div>
-    </form>
-    <!--登录错误-->
-    <form class="form-signin login-error">
-      <h1 class=" text-xs-center">Smartcost</h1>
-      <h4 class="text-xs-center mb-2">用户登录</h4>
-      <div class="form-group has-danger">
-        <input  class="form-control form-control-danger" value="1212@qq.com" placeholder="通行账号 邮箱/手机" required="" autofocus="">
-        <div class="form-control-feedback">输入的邮箱/手机无效</div>
-      </div>
-      <div class="form-group has-danger">
-        <input  class="form-control gform-control-danger" value="12313" placeholder="输入密码" required="" type="password">
-        <div class="form-control-feedback">密码错误</div>
-      </div>
-      <div class="form-group">
-        <button class="btn btn-primary btn-block" >登录</button>
-      </div>
-      <div class="pt-1 text-xs-center">
-        <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
-        <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
-      </div>
-    </form>
-  </div>
-  <!--弹出信息-->
-  <div class="modal fade" id="ver" data-backdrop="static">
-    <div class="modal-dialog modal-lg" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h4 class="modal-title">选择登录版本</h4><p class="m-0">进入后，可以在 账户-设置 中修改您的登录习惯。</p>
-        </div>
-        <div class="modal-body">
-
-          <div class="row">
-            <div class="col-sm-6">
-              <div class="card card-block">
-                <h3 class="card-title">重庆版免费版</h3>
-                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
-              </div>
+</head>
+<body>
+    <div class="container">
+        <form class="form-signin">
+            <h1 class=" text-xs-center">Smartcost</h1>
+            <h4 class="text-xs-center mb-2">用户登录</h4>
+            <div class="form-group">
+                <input id="inputEmail" class="form-control " placeholder="通行账号 邮箱/手机" required="" autofocus="">
+            </div>
+            <div class="form-group">
+                <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
+            </div>
+            <div class="form-group">
+                <button class="btn btn-primary btn-block" data-toggle="modal" data-target="#ver">登录</button>
+            </div>
+            <div class="pt-1 text-xs-center">
+                <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
+                <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+            </div>
+        </form>
+        <!--登录错误-->
+        <form class="form-signin login-error">
+            <h1 class=" text-xs-center">Smartcost</h1>
+            <h4 class="text-xs-center mb-2">用户登录</h4>
+            <div class="form-group has-danger">
+                <input class="form-control form-control-danger" value="1212@qq.com" placeholder="通行账号 邮箱/手机" required="" autofocus="">
+                <div class="form-control-feedback">输入的邮箱/手机无效</div>
             </div>
-            <div class="col-sm-6">
-              <div class="card card-block">
-                <h3 class="card-title">广东版免费版</h3>
-                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
-              </div>
+            <div class="form-group has-danger">
+                <input class="form-control gform-control-danger" value="12313" placeholder="输入密码" required="" type="password">
+                <div class="form-control-feedback">密码错误</div>
+            </div>
+            <div class="form-group">
+                <button class="btn btn-primary btn-block">登录</button>
+            </div>
+            <div class="pt-1 text-xs-center">
+                <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
+                <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+            </div>
+        </form>
+    </div>
+    <!--弹出信息-->
+    <div class="modal fade" id="ver" data-backdrop="static">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">选择登录版本</h4>
+                    <p class="m-0">进入后，可以在 账户-设置 中修改您的登录习惯。</p>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-sm-6">
+                            <div class="card card-block">
+                                <h3 class="card-title">重庆版免费版</h3>
+                                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <div class="card card-block">
+                                <h3 class="card-title">广东版免费版</h3>
+                                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                                <a class="btn btn-primary" href="login-infoinput.html">开始使用</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
-  </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-</html>
+</body>
+
+</html>

project-management.html

@@ -1,250 +1,371 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>项目管理-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <div class="top-msg clearfix">
-      <div class="alert alert-warning mb-0 py-0" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-        <strong>Warning!</strong> Better check yourself, you're not looking too good.
-      </div>
-    </div>
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-      <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
-      <div class="float-lg-right navbar-text pb-0">
-        <div class="dropdown d-inline-block">
-          <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-            陈特
-          </button>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="user-info.html">个人信息</a>
-            <a class="dropdown-item" href="user-bug.html">购买</a>
-            <a class="dropdown-item" href="user-set.html">设置</a>
-          </div>
+</head>
+
+<body>
+    <div class="header">
+        <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
         </div>
-        <span class="btn btn-link btn-sm new-msg"  >
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-    <nav class="navbar navbar-light p-0">
-      <ul class="nav navbar-nav px-1">
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
-          <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
-          <div class="dropdown-menu" >
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
-          <div class="dropdown-menu" >
-            <a class="dropdown-item" href="#">Action</a>
-            <a class="dropdown-item" href="#">Another action</a>
-            <a class="dropdown-item" href="#">Something else here</a>
-          </div>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#"  aria-haspopup="true" aria-expanded="false">帮助</a>
-        </li>
-      </ul>
-      <form class="form-inline float-xs-right">
-        <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
-      </form>
-    </nav>
-  </div>
-    <div class="main">
-      <div class="poj-manage container-fluid">
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="poj-cate">
-              <input type="text" class="mt-1 mb-1 form-control form-control-sm" placeholder="搜索所有工程">
-              <ul class="nav nav-pills nav-stacked">
-                <li class="nav-item">
-                  <a class="nav-link active" href="#">全部</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">最近使用</a>
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <!--<div class="navbar-text">文件夹<i class="fa fa-angle-right fa-fw"></i>建设项目<i class="fa fa-angle-right fa-fw"></i>单项工程<i class="fa fa-angle-right fa-fw"></i>单位工程</div>-->
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-bug.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
+        <nav class="navbar navbar-light p-0">
+            <ul class="nav navbar-nav px-1">
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">文件</a>
+                    <div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">共享</a>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">协同工作</a>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">工具</a>
+                    <div class="dropdown-menu">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                    </div>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link" href="#">归档</a>
+                    <a class="nav-link" href="#" aria-haspopup="true" aria-expanded="false">帮助</a>
                 </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="#">回收站</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-          <div class="col-lg-10">
-            <div class="toolsbar">
-              <div class="tools-btn btn-group align-top">
-                <a data-toggle="modal" data-target="#addPoj" class="btn btn-sm">新建工程</a>
-                <a data-toggle="modal" data-target="#addFolder" class="btn btn-sm"><i class="fa fa-folder-o"></i>&nbsp;新建文件夹</a>
-                <a href="" class="btn btn-sm">重命名</a>
-                <a href="" class="btn btn-sm">删除</a>
-                <a href="" class="btn btn-sm">移动到...</a>
-                <a href="" class="btn btn-sm">复制到...</a>
-                <a href="" class="btn btn-sm">共享</a>
-                <a href="" class="btn btn-sm">协同</a>
-              </div>
-            </div>
-            <div class="poj-list">
-              <legend>全部</legend>
-              <table class="table table-hover table-sm">
-                <thead><tr><th width="40"></th><th width="38%"></th><th width="40%">工程名称</th><th width="10%">最近使用</th><th width="10%">创建日期</th></tr></thead>
-                <tbody>
-                <tr><td></td><td><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#">某某某某工厂工厂某某工厂建设某某工厂建设</a></td><td></td><td></td><td></td></tr>
-                <tr><td></td><td class="pl-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">1号生产车间(click)</a></td><td></td><td></td><td></td></tr>
-                <tr><td><i class="fa fa-sort" data-toggle="tooltip" data-placement="top" title="长安拖动"></i></td><td></td><td><a href="zaojiashu.html">建筑工程（click）</a></td><td>2016-01-01</td><td>2016-01-01</td></tr>
-                <tr><td></td><td></td><td><a href="#">机械设备安装工程</a></td><td>2016-01-01</td><td>2016-01-01</td></tr>
-                <tr><td></td><td class="pl-2"><a href="#" class="tree-close" title="展开"><i class="fa fa-plus-square-o  mr-1"></i></a><i class="fa fa-folder-o"></i>&nbsp;<a href="#">2号生产车间</a></td><td>......</td><td></td><td></td></tr>
-                </tbody>
-              </table>
+            </ul>
+            <form class="form-inline float-xs-right">
+                <input class="form-control form-control-sm" style="margin:4px 4px 0 0" type="text" placeholder="告诉我你想做什么">
+            </form>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate">
+                        <input type="text" class="mt-1 mb-1 form-control form-control-sm" placeholder="搜索所有工程">
+                        <ul class="nav nav-pills nav-stacked">
+                            <li class="nav-item">
+                                <a class="nav-link active" href="#">全部</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">最近使用</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">共享</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">协同工作</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">归档</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#">回收站</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-10">
+                    <div class="toolsbar">
+                        <div class="tools-btn btn-group align-top">
+                            <a data-toggle="modal" data-target="#addPoj" class="btn btn-sm">新建工程</a>
+                            <a data-toggle="modal" data-target="#addFolder" class="btn btn-sm"><i class="fa fa-folder-o"></i>&nbsp;新建文件夹</a>
+                            <a href="" class="btn btn-sm">重命名</a>
+                            <a href="" class="btn btn-sm">删除</a>
+                            <a href="" class="btn btn-sm">移动到...</a>
+                            <a href="" class="btn btn-sm">复制到...</a>
+                            <a href="" class="btn btn-sm">共享</a>
+                            <a href="" class="btn btn-sm">协同</a>
+                        </div>
+                    </div>
+                    <div class="poj-list">
+                        <legend>全部</legend>
+                        <table class="table table-hover table-sm">
+                            <thead>
+                                <tr>
+                                    <th width="40"></th>
+                                    <th width="78%">工程列表</th>
+                                    <th width="10%">最近使用</th>
+                                    <th width="10%">创建日期</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                  <tr>
+                                      <td></td>
+                                      <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td>
+                                      <td></td>
+                                      <td></td>
+                                  </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;XX项目文件夹</td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-4"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#">某某某某工厂工厂某某工厂建设某某工厂建设</a></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-5"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o mr-1"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">左1号生产车间(click)</a></td>
+                                    <td></td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td><i class="fa fa-sort" data-toggle="tooltip" data-placement="top" title="长安拖动"></i></td>
+                                    <td class="in-6"><span class="in-3 poj-icon">└</span><a href="zaojiashu.html">建筑工程（click）</a></td>
+                                    <td>2016-01-01</td>
+                                    <td>2016-01-01</td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-6"><span class="in-3 poj-icon">└</span><a href="#">机械设备安装工程</a></td>
+                                    <td>2016-01-01</td>
+                                    <td>2016-01-01</td>
+                                </tr>
+                                <tr>
+                                    <td></td>
+                                    <td class="in-5"><a href="#" class="tree-close" title="展开"><i class="fa fa-plus-square-o  mr-1"></i></a><i class="fa fa-folder-o"></i>&nbsp;<a href="#">2号生产车间</a></td>
+                                    <td>......</td>
+                                    <td>......</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-      <div class="slide-sidebar">
-        <div class="side-content">
-          <div class="p-1">
-            <legend>1号生产车间 汇总</legend>
-            <table class="table table-bordered table-hover table-sm">
-              <thead>
-                <tr><th rowspan="2"></th><th rowspan="2">序号</th><th rowspan="2">名称</th><th rowspan="2">金额</th><th colspan="6">其中</th><th rowspan="2">占造价比例（%）</th><th rowspan="2">建筑面积</th><th rowspan="2">单方造价</th></tr>
-                <tr><th>分部分项合计</th><th>措施项目合计</th><th>其他项目合计</th><th>安全文明施工费</th><th>规费</th><th>税金</th></tr>
-              </thead>
-              <tbody>
-              <tr><td>1</td><td>一</td><td>建筑工程</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
-              <tr><td>2</td><td>二</td><td>建筑工程</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
-              <tr><td>3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
-              <tr><td>4</td><td>一</td><td>合计</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td> </td><td> </td><td> </td></tr>
-              </tbody>
-            </table>
-          </div>
+        <div class="slide-sidebar">
+            <div class="side-content">
+                <div class="p-1">
+                    <legend>1号生产车间 汇总</legend>
+                    <table class="table table-bordered table-hover table-sm">
+                        <thead>
+                            <tr>
+                                <th rowspan="2"></th>
+                                <th rowspan="2">序号</th>
+                                <th rowspan="2">名称</th>
+                                <th rowspan="2">金额</th>
+                                <th colspan="6">其中</th>
+                                <th rowspan="2">占造价比例（%）</th>
+                                <th rowspan="2">建筑面积</th>
+                                <th rowspan="2">单方造价</th>
+                            </tr>
+                            <tr>
+                                <th>分部分项合计</th>
+                                <th>措施项目合计</th>
+                                <th>其他项目合计</th>
+                                <th>安全文明施工费</th>
+                                <th>规费</th>
+                                <th>税金</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td>一</td>
+                                <td>建筑工程</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                            </tr>
+                            <tr>
+                                <td>2</td>
+                                <td>二</td>
+                                <td>建筑工程</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                            </tr>
+                            <tr>
+                                <td>3</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td>4</td>
+                                <td>一</td>
+                                <td>合计</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td>0</td>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  <!--弹出新建工程-->
-  <div class="modal fade" id="addPoj" data-backdrop="static">
-    <div class="modal-dialog" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-          </button>
-          <h4 class="modal-title">新建工程</h4>
-        </div>
-        <div class="modal-body">
-          <form>
-            <div class="form-group">
-              <label >建设项目</label>
-              <input type="text" class="form-control" placeholder="输入建设项目名称">
-            </div>
-            <div class="form-group">
-              <label >单项工程</label>
-              <input type="text" class="form-control" placeholder="输入单项工程名称">
+    <!--弹出新建工程-->
+    <div class="modal fade" id="addPoj" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                    <h4 class="modal-title">新建工程</h4>
+                </div>
+                <div class="modal-body">
+                    <form>
+                    <div class="collapse" id="moreinfo">
+                        <div class="form-group">
+                            <label>建设项目</label>
+                            <input type="text" class="form-control" placeholder="输入建设项目名称">
+                        </div>
+                        <div class="form-group">
+                            <label>单项工程</label>
+                            <input type="text" class="form-control" placeholder="输入单项工程名称">
+                        </div>
+                      </div>
+                        <div class="form-group">
+                            <label>单位工程</label>
+                            <input type="text" class="form-control" placeholder="输入单位工程名称">
+                        </div>
+                        <div class="form-group" >
+                            <label class="custom-control custom-checkbox">
+                              <input type="checkbox" class="custom-control-input" href="#moreinfo" data-toggle="collapse" data-parent="#moreinfo" aria-expanded="false" aria-controls="moreinfo">
+                              <span class="custom-control-indicator" ></span>
+                              <span class="custom-control-description">建立 <b>建设项目</b> 和 <b>单项工程</b> 文件夹</span>
+                            </label>
+                        </div>
+                        <div class="form-group">
+                            <label>计价方式</label>
+                            <div>
+                                <label class="custom-control custom-radio">
+                                  <input id="radio1" name="radio" type="radio" class="custom-control-input">
+                                  <span class="custom-control-indicator"></span>
+                                  <span class="custom-control-description">清单计价</span>
+                                </label>
+                                <label class="custom-control custom-radio">
+                                  <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                                  <span class="custom-control-indicator"></span>
+                                  <span class="custom-control-description">定额计价</span>
+                                </label>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
             </div>
-            <div class="form-group">
-              <label >单位工程</label>
-              <input type="text" class="form-control" placeholder="输入单位工程名称">
-            </div>
-            <div class="form-group">
-              <label class="custom-control custom-checkbox">
-                <input type="checkbox" class="custom-control-input">
-                <span class="custom-control-indicator"></span>
-                <span class="custom-control-description">建立 <b>建设项目</b> 和 <b>单项工程</b> 文件夹</span>
-              </label>
-            </div>
-            <div class="form-group">
-              <label>计价方式</label>
-              <div>
-                <label class="custom-control custom-radio">
-                  <input id="radio1" name="radio" type="radio" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">清单计价</span>
-                </label>
-                <label class="custom-control custom-radio">
-                  <input id="radio2" name="radio" type="radio" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">定额计价</span>
-                </label>
-              </div>
-            </div>
-          </form>
         </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-          <a href="project-management.html" class="btn btn-primary">确定</a>
-        </div>
-      </div>
     </div>
-  </div>
-  <!--弹出新建文件夹-->
-  <div class="modal fade" id="addFolder" data-backdrop="static">
-    <div class="modal-dialog" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+    <!--弹出新建文件夹-->
+    <div class="modal fade" id="addFolder" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
-          <h4 class="modal-title">新建文件夹</h4>
-        </div>
-        <div class="modal-body">
-          <form>
-            <div class="form-group">
-              <label >文件夹</label>
-              <input type="text" class="form-control" placeholder="输入文件夹名称">
-              <span class="form-text text-muted">Smartcost为你提供了灵活的工程管理功能，如：</span>
-              <span class="form-text text-muted">当你想汇总多个 <b>单位工程</b> 时，只需把它们都放在一个文件夹即可。</span>
+                    <h4 class="modal-title">新建文件夹</h4>
+                </div>
+                <div class="modal-body">
+                    <form>
+                        <div class="form-group">
+                            <label>文件夹</label>
+                            <input type="text" class="form-control" placeholder="输入文件夹名称">
+                            <span class="form-text text-muted">Smartcost为你提供了灵活的工程管理功能，如：</span>
+                            <span class="form-text text-muted">当你想汇总多个 <b>单位工程</b> 时，只需把它们都放在一个文件夹即可。</span>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="project-management.html" class="btn btn-primary">确定</a>
+                </div>
             </div>
-          </form>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-          <a href="project-management.html" class="btn btn-primary">确定</a>
         </div>
-      </div>
     </div>
-  </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-  <script type="text/javascript">autoFlashHeight();</script>
-</html>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

user-buy.html

@@ -1,182 +1,259 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>购买-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <div class="top-msg clearfix">
-      <div class="alert alert-warning mb-0 py-0" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-        <strong>Warning!</strong> Better check yourself, you're not looking too good.
-      </div>
+</head>
+
+<body>
+    <div class="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-buy.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
     </div>
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-      <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
-      <div class="float-lg-right navbar-text pb-0">
-        <div class="dropdown d-inline-block">
-          <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-            陈特
-          </button>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="user-info.html">个人信息</a>
-            <a class="dropdown-item" href="user-buy.html">购买</a>
-            <a class="dropdown-item" href="user-set.html">设置</a>
-          </div>
-        </div>
-        <span class="btn btn-link btn-sm new-msg">
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-  </div>
     <div class="main">
-      <div class="poj-manage container-fluid">
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="poj-cate mt-2">
-              <ul class="nav nav-pills nav-stacked">
-                <li class="nav-item">
-                  <a class="nav-link" href="user-info.html">个人信息</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link active" href="user-buy.html">购买</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="user-set.html">设置</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-          <div class="col-lg-10 side-content">
-           <div class="col-lg-12 mb-3 mt-2">
-             <legend mt-2 >购买企业版</legend>
-                 <div class="card card-block mb-3">
-                   <h3 class="card-title">Smartcost 企业版</h3>
-                   <p class="card-text">简介</p>
-                   <a class="btn btn-primary" href="#">了解企业版</a>
-                 </div>
-             <legend>购买地区版本</legend>
-             <div class="row mt-2 mb-3">
-               <div class="col-sm-6">
-                 <div class="card card-block">
-                   <h3 class="card-title">重庆专业版 ￥9800.00</h3>
-                   <p class="card-text">版本内容</p>
-                   <a class="btn btn-primary" href="#">立即购买</a>
-                 </div>
-               </div>
-               <div class="col-sm-6">
-                 <div class="card card-block">
-                   <h3 class="card-title">重庆专业版 ￥9800.00</h3>
-                   <p class="card-text">版本内容</p>
-                   <a class="btn btn-primary" href="#">立即购买</a>
-                 </div>
-               </div>
-             </div>
-            <legend>
-              <h5 class="float-lg-right">
-                <i class="fa fa-shopping-cart" aria-hidden="true"></i> 6 项功能 <span  class="text-danger">优惠价￥999.00</span> <del>原价￥1399.00</del>  一年
-              </h5>
-              购买增值服务</legend>
-              <table class="table table-hover">
-                <thead><th>功能</th><th>免费版</th><th>专业版</th><th width="200">选购</th><th width="130">到期</th></thead>
-                <tbody>
-                <tr><th>功能1</th><td></td><td><h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td>2018-01-10</td></tr>
-                <tr><th>功能2</th><td></td><td><h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td></td></tr>
-                <tr><th>功能4</th><td></td><td></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td></td></tr>
-                <tr><th>功能5</th><td></td><td></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td></td></tr>
-                <tr><th>功能6</th><td></td><td></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td></td></tr>
-                <tr><th>功能7</th><td></td><td><h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td><td><label class="custom-control custom-checkbox">
-                  <input type="checkbox" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">添加购物车</span>
-                </label></td><td></td></tr>
-                <tr><th>功能8</th><td></td><td><h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td><td>您已购买专业版</td><td></td></tr>
-                </tbody>
-              </table>
-              <legend>账单</legend>
-              <table class="table table-sm">
-                <tbody>
-                <tr><th class="">清单</th><td class="text-lg-right">
-                  <ul class="list-unstyled">
-                    <li>功能1 ￥200.00</li>
-                    <li>功能2 ￥200.00</li>
-                    <li>功能3 ￥200.00</li>
-                    <li>功能6 ￥200.00</li>
-                    <li>功能7 ￥200.00</li>
-                    <li>功能8 ￥200.00</li>
-                  </ul>
-                </td></tr>
-                <tr><th class="">周期</th><td class="text-lg-right">
-                  <div class="row">
-                    <div class="col-lg-4 push-lg-8">
-                    <label class="custom-control custom-radio">
-                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
-                      <span class="custom-control-indicator"></span>
-                      <span class="custom-control-description">年付（最高7折）</span>
-                    </label>
-                    <label class="custom-control custom-radio">
-                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
-                      <span class="custom-control-indicator"></span>
-                      <span class="custom-control-description">月付</span>
-                    </label>
-                  </div>
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate mt-2">
+                        <ul class="nav nav-pills nav-stacked">
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-info.html">个人信息</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-buy.html">购买</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-set.html">设置</a>
+                            </li>
+                        </ul>
                     </div>
-                  <div class="row">
-                  <div class="col-lg-2 push-lg-10">
-                    <select class="form-control "><option>一年（9折）</option><option>三年（8折）</option><option>五年（7折）</option></select>
-                  </div>
+                </div>
+                <div class="col-lg-10 side-content">
+                    <div class="col-lg-12 mb-3 mt-2">
+                        <legend mt-2>购买企业版</legend>
+                        <div class="card card-block mb-3">
+                            <h3 class="card-title">Smartcost 企业版</h3>
+                            <p class="card-text">简介</p>
+                            <a class="btn btn-primary" href="#">了解企业版</a>
+                        </div>
+                        <legend>购买地区版本</legend>
+                        <div class="row mt-2 mb-3">
+                            <div class="col-sm-6">
+                                <div class="card card-block">
+                                    <h3 class="card-title">重庆专业版 ￥9800.00</h3>
+                                    <p class="card-text">版本内容</p>
+                                    <a class="btn btn-primary" href="#">立即购买</a>
+                                </div>
+                            </div>
+                            <div class="col-sm-6">
+                                <div class="card card-block">
+                                    <h3 class="card-title">重庆专业版 ￥9800.00</h3>
+                                    <p class="card-text">版本内容</p>
+                                    <a class="btn btn-primary" href="#">立即购买</a>
+                                </div>
+                            </div>
+                        </div>
+                        <legend>
+                            <h5 class="float-lg-right">
+                              <i class="fa fa-shopping-cart" aria-hidden="true"></i> 6 项功能 <span  class="text-danger">优惠价￥999.00</span> <del>原价￥1399.00</del>  一年
+                            </h5>
+                            购买增值服务
+                        </legend>
+                        <table class="table table-hover">
+                            <thead>
+                                <th>功能</th>
+                                <th>免费版</th>
+                                <th>专业版</th>
+                                <th width="200">选购</th>
+                                <th width="130">到期</th>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <th>功能1</th>
+                                    <td></td>
+                                    <td>
+                                        <h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td>
+                                    <td>
+                                      <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input">
+                                        <span class="custom-control-indicator"></span>
+                                        <span class="custom-control-description">添加购物车</span>
+                                      </label>
+                                    </td>
+                                    <td>2018-01-10</td>
+                                </tr>
+                                <tr>
+                                    <th>功能2</th>
+                                    <td></td>
+                                    <td>
+                                        <h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td>
+                                    <td>
+                                      <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input">
+                                        <span class="custom-control-indicator"></span>
+                                        <span class="custom-control-description">添加购物车</span>
+                                      </label>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <th>功能4</th>
+                                    <td></td>
+                                    <td></td>
+                                    <td>
+                                      <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input">
+                                        <span class="custom-control-indicator"></span>
+                                        <span class="custom-control-description">添加购物车</span>
+                                      </label>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <th>功能5</th>
+                                    <td></td>
+                                    <td></td>
+                                    <td>
+                                      <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input">
+                                        <span class="custom-control-indicator"></span>
+                                        <span class="custom-control-description">添加购物车</span>
+                                      </label>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <th>功能6</th>
+                                    <td></td>
+                                    <td></td>
+                                    <td>
+                                      <label class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input">
+                                        <span class="custom-control-indicator"></span>
+                                        <span class="custom-control-description">添加购物车</span>
+                                      </label>
+                                    </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <th>功能7</th>
+                                    <td></td>
+                                    <td>
+                                        <h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td>
+                                        <td>
+                                          <label class="custom-control custom-checkbox">
+                                            <input type="checkbox" class="custom-control-input">
+                                            <span class="custom-control-indicator"></span>
+                                            <span class="custom-control-description">添加购物车</span>
+                                          </label>
+                                        </td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <th>功能8</th>
+                                    <td></td>
+                                    <td>
+                                        <h5 class="text-success"><i class="fa fa-check-square" aria-hidden="true"></i></h5></td>
+                                    <td>您已购买专业版</td>
+                                    <td></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <legend>账单</legend>
+                        <table class="table table-sm">
+                            <tbody>
+                                <tr>
+                                    <th class="">清单</th>
+                                    <td class="text-lg-right">
+                                        <ul class="list-unstyled">
+                                            <li>功能1 ￥200.00</li>
+                                            <li>功能2 ￥200.00</li>
+                                            <li>功能3 ￥200.00</li>
+                                            <li>功能6 ￥200.00</li>
+                                            <li>功能7 ￥200.00</li>
+                                            <li>功能8 ￥200.00</li>
+                                        </ul>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th class="">周期</th>
+                                    <td class="text-lg-right">
+                                        <div class="row">
+                                            <div class="col-lg-4 push-lg-8">
+                                                <label class="custom-control custom-radio">
+                                                  <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                                                  <span class="custom-control-indicator"></span>
+                                                  <span class="custom-control-description">年付（最高7折）</span>
+                                                </label>
+                                                <label class="custom-control custom-radio">
+                                                  <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                                                  <span class="custom-control-indicator"></span>
+                                                  <span class="custom-control-description">月付</span>
+                                                </label>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-lg-2 push-lg-10">
+                                                <select class="form-control "><option>一年（9折）</option><option>三年（8折）</option><option>五年（7折）</option></select>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th class="">总价</th>
+                                    <td class="text-lg-right">
+                                        <h4><span  class="text-danger">优惠价￥999.00</span> <del>原价￥1399.00</del></h4></td>
+                                </tr>
+                                <tr>
+                                    <th></th>
+                                    <td class="text-lg-right"><button class="btn btn-primary">立即支付</button></td>
+                                </tr>
+                            </tbody>
+                        </table>
                     </div>
-                </td></tr>
-                <tr><th class="">总价</th><td class="text-lg-right"><h4><span  class="text-danger">优惠价￥999.00</span> <del>原价￥1399.00</del></h4></td></tr>
-                <tr><th></th><td class="text-lg-right"><button class="btn btn-primary">立即支付</button></td></tr>
-                </tbody>
-              </table>
-          </div>
-          </div>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-  <script type="text/javascript">autoFlashHeight();</script>
-</html>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

user-info.html

@@ -1,127 +1,126 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>个人信息-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <div class="top-msg clearfix">
-      <div class="alert alert-warning mb-0 py-0" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-        <strong>Warning!</strong> Better check yourself, you're not looking too good.
-      </div>
+</head>
+
+<body>
+    <div class="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-buy.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
     </div>
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-      <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
-      <div class="float-lg-right navbar-text pb-0">
-        <div class="dropdown d-inline-block">
-          <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-            陈特
-          </button>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="user-info.html">个人信息</a>
-            <a class="dropdown-item" href="user-buy.html">购买</a>
-            <a class="dropdown-item" href="user-set.html">设置</a>
-          </div>
-        </div>
-        <span class="btn btn-link btn-sm new-msg">
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-  </div>
     <div class="main">
-      <div class="poj-manage container-fluid mt-2">
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="poj-cate">
-              <ul class="nav nav-pills nav-stacked">
-                <li class="nav-item">
-                  <a class="nav-link active" href="user-info.html">个人信息</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="user-buy.html">购买</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="user-set.html">设置</a>
-                </li>
-              </ul>
+        <div class="poj-manage container-fluid mt-2">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate">
+                        <ul class="nav nav-pills nav-stacked">
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-info.html">个人信息</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-buy.html">购买</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-set.html">设置</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-10">
+                    <div class="col-lg-4">
+                        <legend class="mb-2">我的账户</legend>
+                        <from>
+                            <div class="form-group">
+                                <label class="form-control-label">通行账号</label>
+                                <p class="form-control-static mb-0">15812644017 / 914630468@qq.com <a href="http://sso.smartcost.com.cn" target="_blank">纵横通行账号</a></p>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">您的姓名</label>
+                                <input class="form-control" value="陈特" placeholder="输入您的姓名" required="" autofocus="">
+                            </div>
+                            <div class="form-group has-danger">
+                                <label class="form-control-label">您的姓名</label>
+                                <input class="form-control orm-control-danger" value="" placeholder="输入您的姓名" required="" autofocus="">
+                                <div class="form-control-feedback">您得填上姓名</div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业名称</label>
+                                <input class="form-control" value="珠海纵横创新软件有限公司" placeholder="输入您的企业名称" required="" autofocus="">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业所在地区</label>
+                                <select class="form-control">
+                                  <option>广东省</option>
+                                  <option>北京市</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业类型</label>
+                                <select class="form-control">
+                                  <label>企业类型</label>
+                                  <option>设计</option>
+                                  <option>施工</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">企业规模</label>
+                                <select class="form-control">
+                                  <option>1-20</option>
+                                  <option>20-50</option>
+                                  <option>50-100</option>
+                                  <option>100+</option>
+                                </select>
+                            </div>
+                            <div class="form-group mt-3">
+                                <button class="btn btn-primary">确认</button>
+                            </div>
+                        </from>
+                    </div>
+                </div>
             </div>
-          </div>
-          <div class="col-lg-10">
-           <div class="col-lg-4">
-             <legend class="mb-2">我的账户</legend>
-            <from>
-              <div class="form-group">
-                <label class="form-control-label">通行账号</label>
-                <p class="form-control-static mb-0">15812644017 / 914630468@qq.com <a href="http://sso.smartcost.com.cn" target="_blank">纵横通行账号</a></p>
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">您的姓名</label>
-                <input class="form-control" value="陈特" placeholder="输入您的姓名" required="" autofocus="">
-              </div>
-              <div class="form-group has-danger">
-                <label class="form-control-label">您的姓名</label>
-                <input class="form-control orm-control-danger" value="" placeholder="输入您的姓名" required="" autofocus="">
-                <div class="form-control-feedback">您得填上姓名</div>
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">企业名称</label>
-                <input class="form-control" value="珠海纵横创新软件有限公司" placeholder="输入您的企业名称" required="" autofocus="">
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">企业所在地区</label>
-                <select class="form-control">
-                  <option>广东省</option>
-                  <option>北京市</option>
-                </select>
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">企业类型</label>
-                <select class="form-control">
-                  <label>企业类型</label>
-                  <option>设计</option>
-                  <option>施工</option>
-                </select>
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">企业规模</label>
-                <select class="form-control">
-                  <option>1-20</option>
-                  <option>20-50</option>
-                  <option>50-100</option>
-                  <option>100+</option>
-                </select>
-              </div>
-              <div class="form-group mt-3">
-                <button class="btn btn-primary">确认</button>
-              </div>
-            </from>
-             </div>
-          </div>
         </div>
-      </div>
     </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-  <script type="text/javascript">autoFlashHeight();</script>
-</html>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

user-set.html

@@ -1,108 +1,107 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>设置-Smartcost</title>
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" >
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="css/bootstrap/themes.css">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
-  </head>
-  <body>
-  <div class="header">
-    <div class="top-msg clearfix">
-      <div class="alert alert-warning mb-0 py-0" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-        <strong>Warning!</strong> Better check yourself, you're not looking too good.
-      </div>
+</head>
+
+<body>
+    <div class="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning mb-0 py-0" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <strong>注意！</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-light bg-faded p-0 ">
+            <span class="header-logo px-1">Smartcost</span>
+            <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
+            <div class="float-lg-right navbar-text pb-0">
+                <div class="dropdown d-inline-block">
+                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">陈特</button>
+                    <div class="dropdown-menu dropdown-menu-right">
+                        <a class="dropdown-item" href="user-info.html">个人信息</a>
+                        <a class="dropdown-item" href="user-buy.html">购买</a>
+                        <a class="dropdown-item" href="user-set.html">设置</a>
+                    </div>
+                </div>
+                <span class="btn btn-link btn-sm new-msg">
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                </span>
+                <button class="btn btn-link btn-sm">注销</button>
+            </div>
+        </nav>
     </div>
-    <nav class="navbar navbar-light bg-faded p-0 ">
-        <span class="header-logo px-1" >
-          Smartcost
-        </span>
-      <div class="navbar-text"><a href="project-management.html">项目管理</a></div>
-      <div class="float-lg-right navbar-text pb-0">
-        <div class="dropdown d-inline-block">
-          <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
-            陈特
-          </button>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="user-info.html">个人信息</a>
-            <a class="dropdown-item" href="user-buy.html">购买</a>
-            <a class="dropdown-item" href="user-set.html">设置</a>
-          </div>
-        </div>
-        <span class="btn btn-link btn-sm new-msg">
-          <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
-        </span>
-        <button class="btn btn-link btn-sm">
-          注销
-        </button>
-      </div>
-    </nav>
-  </div>
     <div class="main">
-      <div class="poj-manage container-fluid mt-2">
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="poj-cate">
-              <ul class="nav nav-pills nav-stacked">
-                <li class="nav-item">
-                  <a class="nav-link" href="user-info.html">个人信息</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link" href="user-buy.html">购买</a>
-                </li>
-                <li class="nav-item">
-                  <a class="nav-link active" href="user-set.html">设置</a>
-                </li>
-              </ul>
+        <div class="poj-manage container-fluid mt-2">
+            <div class="row">
+                <div class="col-lg-2">
+                    <div class="poj-cate">
+                        <ul class="nav nav-pills nav-stacked">
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-info.html">个人信息</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="user-buy.html">购买</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="user-set.html">设置</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-10">
+                    <div class="col-lg-4">
+                        <legend class="mb-2">设置</legend>
+                        <from>
+                            <div class="form-group">
+                                <label class="form-control-label">登录时选择版本</label>
+                                <div>
+                                    <label class="custom-control custom-radio">
+                                      <input id="radio1" name="radio" type="radio" class="custom-control-input">
+                                      <span class="custom-control-indicator"></span>
+                                      <span class="custom-control-description">每次询问</span>
+                                    </label>
+                                    <label class="custom-control custom-radio">
+                                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                                      <span class="custom-control-indicator"></span>
+                                      <span class="custom-control-description">指定版本</span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">指定版本</label>
+                                <select class="form-control">
+                                  <option>广东版</option>
+                                  <option>重庆版</option>
+                                </select>
+                            </div>
+                            <div class="form-group mt-3">
+                                <button class="btn btn-primary">确认</button>
+                            </div>
+                        </from>
+                    </div>
+                </div>
             </div>
-          </div>
-          <div class="col-lg-10">
-           <div class="col-lg-4">
-             <legend class="mb-2">设置</legend>
-            <from>
-              <div class="form-group">
-                <label class="form-control-label">登录时选择版本</label>
-                <div>
-                <label class="custom-control custom-radio">
-                  <input id="radio1" name="radio" type="radio" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">每次询问</span>
-                </label>
-                <label class="custom-control custom-radio">
-                  <input id="radio2" name="radio" type="radio" class="custom-control-input">
-                  <span class="custom-control-indicator"></span>
-                  <span class="custom-control-description">指定版本</span>
-                </label>
-                  </div>
-              </div>
-              <div class="form-group">
-                <label class="form-control-label">指定版本</label>
-                <select class="form-control">
-                  <option>广东版</option>
-                  <option>重庆版</option>
-                </select>
-              </div>
-              <div class="form-group mt-3">
-                <button class="btn btn-primary">确认</button>
-              </div>
-            </from>
-             </div>
-          </div>
         </div>
-      </div>
     </div>
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
-  </body>
-  <script type="text/javascript">autoFlashHeight();</script>
-</html>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>