outaozhen 6 лет назад
Родитель
Сommit
91fcfb1516
47 измененных файлов с 6876 добавлено и 1298 удалено
  1. 60 134
      css/ZHcldSystem/demo.html
  2. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.eot
  3. 1 0
      css/ZHcldSystem/fonts/ZHcldSystem.svg
  4. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.ttf
  5. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.woff
  6. 1 1152
      css/ZHcldSystem/selection.json
  7. 9 5
      css/ZHcldSystem/style.css
  8. BIN
      css/fonts/ZHcldSystem.eot
  9. 1 0
      css/fonts/ZHcldSystem.svg
  10. BIN
      css/fonts/ZHcldSystem.ttf
  11. BIN
      css/fonts/ZHcldSystem.woff
  12. 66 1
      css/global.css
  13. BIN
      css/zTreeStyle/img/diy/1_close.png
  14. BIN
      css/zTreeStyle/img/diy/1_open.png
  15. BIN
      css/zTreeStyle/img/diy/2.png
  16. BIN
      css/zTreeStyle/img/diy/3.png
  17. BIN
      css/zTreeStyle/img/diy/4.png
  18. BIN
      css/zTreeStyle/img/diy/5.png
  19. BIN
      css/zTreeStyle/img/diy/6.png
  20. BIN
      css/zTreeStyle/img/diy/7.png
  21. BIN
      css/zTreeStyle/img/diy/8.png
  22. BIN
      css/zTreeStyle/img/diy/9.png
  23. BIN
      css/zTreeStyle/img/line_conn.gif
  24. BIN
      css/zTreeStyle/img/loading.gif
  25. BIN
      css/zTreeStyle/img/zTreeStandard.gif
  26. BIN
      css/zTreeStyle/img/zTreeStandard.png
  27. 97 0
      css/zTreeStyle/zTreeStyle.css
  28. BIN
      images/stock/stock01.jpg
  29. 1 2
      invoice-my.html
  30. 133 0
      js/zTree-edit.js
  31. 1985 0
      js/zTree/jquery.ztree.core.js
  32. 644 0
      js/zTree/jquery.ztree.excheck.js
  33. 1196 0
      js/zTree/jquery.ztree.exedit.js
  34. 0 4
      lock-ccount.html
  35. 207 0
      stock-add.html
  36. 208 0
      stock-all.html
  37. 150 0
      stock-article.html
  38. 308 0
      stock-checkout-add.html
  39. 210 0
      stock-checkout-all.html
  40. 272 0
      stock-checkout-approval.html
  41. 238 0
      stock-checkout-record.html
  42. 268 0
      stock-checkout.html
  43. 205 0
      stock-enter-all.html
  44. 205 0
      stock-enter.html
  45. 192 0
      stock-my.html
  46. 63 0
      stock-objects.html
  47. 156 0
      stock-reporting.html

+ 60 - 134
css/ZHcldSystem/demo.html

@@ -9,15 +9,13 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ZHcldSystem <small class="fgc1">(Glyphs:&nbsp;44)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ZHcldSystem <small class="fgc1">(Glyphs:&nbsp;45)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni31">
-                
-                </span>
+                <span class="icon-uni31"></span>
                 <span class="mls"> icon-uni31</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -31,9 +29,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni32">
-                
-                </span>
+                <span class="icon-uni32"></span>
                 <span class="mls"> icon-uni32</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -47,9 +43,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni33">
-                
-                </span>
+                <span class="icon-uni33"></span>
                 <span class="mls"> icon-uni33</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -63,9 +57,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni34">
-                
-                </span>
+                <span class="icon-uni34"></span>
                 <span class="mls"> icon-uni34</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -79,9 +71,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni35">
-                
-                </span>
+                <span class="icon-uni35"></span>
                 <span class="mls"> icon-uni35</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -95,9 +85,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni45">
-                
-                </span>
+                <span class="icon-uni45"></span>
                 <span class="mls"> icon-uni45</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -111,9 +99,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni48">
-                
-                </span>
+                <span class="icon-uni48"></span>
                 <span class="mls"> icon-uni48</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -127,9 +113,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni49">
-                
-                </span>
+                <span class="icon-uni49"></span>
                 <span class="mls"> icon-uni49</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -143,9 +127,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni4A">
-                
-                </span>
+                <span class="icon-uni4A"></span>
                 <span class="mls"> icon-uni4A</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -159,9 +141,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni4C">
-                
-                </span>
+                <span class="icon-uni4C"></span>
                 <span class="mls"> icon-uni4C</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -175,9 +155,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni4E">
-                
-                </span>
+                <span class="icon-uni4E"></span>
                 <span class="mls"> icon-uni4E</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -191,9 +169,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni4F">
-                
-                </span>
+                <span class="icon-uni4F"></span>
                 <span class="mls"> icon-uni4F</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -207,9 +183,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni51">
-                
-                </span>
+                <span class="icon-uni51"></span>
                 <span class="mls"> icon-uni51</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -223,9 +197,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni52">
-                
-                </span>
+                <span class="icon-uni52"></span>
                 <span class="mls"> icon-uni52</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -239,9 +211,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni66">
-                
-                </span>
+                <span class="icon-uni66"></span>
                 <span class="mls"> icon-uni66</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -255,9 +225,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni67">
-                
-                </span>
+                <span class="icon-uni67"></span>
                 <span class="mls"> icon-uni67</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -271,9 +239,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni68">
-                
-                </span>
+                <span class="icon-uni68"></span>
                 <span class="mls"> icon-uni68</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -287,9 +253,7 @@
         </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-uni69">
-                
-                </span>
+                <span class="icon-uni69"></span>
                 <span class="mls"> icon-uni69</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -306,9 +270,7 @@
         <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-key">
-                
-                </span>
+                <span class="icon-key"></span>
                 <span class="mls"> icon-key</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -322,9 +284,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-phone2">
-                
-                </span>
+                <span class="icon-phone2"></span>
                 <span class="mls"> icon-phone2</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -338,9 +298,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-switch">
-                
-                </span>
+                <span class="icon-switch"></span>
                 <span class="mls"> icon-switch</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -354,9 +312,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-calendar">
-                
-                </span>
+                <span class="icon-calendar"></span>
                 <span class="mls"> icon-calendar</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -370,9 +326,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-gears">
-                
-                </span>
+                <span class="icon-gears"></span>
                 <span class="mls"> icon-gears</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -386,9 +340,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-mail-envelope-closed">
-                
-                </span>
+                <span class="icon-mail-envelope-closed"></span>
                 <span class="mls"> icon-mail-envelope-closed</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -402,9 +354,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-book-bookmark">
-                
-                </span>
+                <span class="icon-book-bookmark"></span>
                 <span class="mls"> icon-book-bookmark</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -418,9 +368,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-note-text">
-                
-                </span>
+                <span class="icon-note-text"></span>
                 <span class="mls"> icon-note-text</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -434,9 +382,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-note-checked">
-                
-                </span>
+                <span class="icon-note-checked"></span>
                 <span class="mls"> icon-note-checked</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -450,9 +396,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-inboxes">
-                
-                </span>
+                <span class="icon-inboxes"></span>
                 <span class="mls"> icon-inboxes</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -466,9 +410,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-folder-search">
-                
-                </span>
+                <span class="icon-folder-search"></span>
                 <span class="mls"> icon-folder-search</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -482,9 +424,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-package">
-                
-                </span>
+                <span class="icon-package"></span>
                 <span class="mls"> icon-package</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -498,9 +438,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-barometer">
-                
-                </span>
+                <span class="icon-barometer"></span>
                 <span class="mls"> icon-barometer</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -514,9 +452,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-usb">
-                
-                </span>
+                <span class="icon-usb"></span>
                 <span class="mls"> icon-usb</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -530,9 +466,7 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-certificate">
-                
-                </span>
+                <span class="icon-certificate"></span>
                 <span class="mls"> icon-certificate</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -544,14 +478,26 @@
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
         </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shop"></span>
+                <span class="mls"> icon-shop</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="73" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x73;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
         <div class="glyph fs3">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-check">
-                
-                </span>
+                <span class="icon-check"></span>
                 <span class="mls"> icon-check</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -565,9 +511,7 @@
         </div>
         <div class="glyph fs3">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-cross">
-                
-                </span>
+                <span class="icon-cross"></span>
                 <span class="mls"> icon-cross</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -584,9 +528,7 @@
         <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-chevron-down">
-                
-                </span>
+                <span class="icon-chevron-down"></span>
                 <span class="mls"> icon-chevron-down</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -600,9 +542,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-chevron-left">
-                
-                </span>
+                <span class="icon-chevron-left"></span>
                 <span class="mls"> icon-chevron-left</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -616,9 +556,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-chevron-right">
-                
-                </span>
+                <span class="icon-chevron-right"></span>
                 <span class="mls"> icon-chevron-right</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -632,9 +570,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-chevron-up">
-                
-                </span>
+                <span class="icon-chevron-up"></span>
                 <span class="mls"> icon-chevron-up</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -648,9 +584,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-bell">
-                
-                </span>
+                <span class="icon-bell"></span>
                 <span class="mls"> icon-bell</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -664,9 +598,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-book">
-                
-                </span>
+                <span class="icon-book"></span>
                 <span class="mls"> icon-book</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -680,9 +612,7 @@
         </div>
         <div class="glyph fs4">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-lab-flask">
-                
-                </span>
+                <span class="icon-lab-flask"></span>
                 <span class="mls"> icon-lab-flask</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -699,9 +629,7 @@
         <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
         <div class="glyph fs5">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-cny">
-                
-                </span>
+                <span class="icon-cny"></span>
                 <span class="mls"> icon-cny</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -715,9 +643,7 @@
         </div>
         <div class="glyph fs5">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-th-large">
-                
-                </span>
+                <span class="icon-th-large"></span>
                 <span class="mls"> icon-th-large</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
@@ -741,7 +667,7 @@
         </label>
         <input id="testText" type="text" class="phl size1of1 mvl"
         placeholder="Type some text to test..." value=""/>
-        <div id="testDrive" class="icon-">&nbsp;
+        <div id="testDrive" class="icon-" style="font-family: ZHcldSystem">&nbsp;
         </div>
     </div>
     <!--<![endif]-->

BIN
css/ZHcldSystem/fonts/ZHcldSystem.eot


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
css/ZHcldSystem/fonts/ZHcldSystem.svg


BIN
css/ZHcldSystem/fonts/ZHcldSystem.ttf


BIN
css/ZHcldSystem/fonts/ZHcldSystem.woff


Разница между файлами не показана из-за своего большого размера
+ 1 - 1152
css/ZHcldSystem/selection.json


+ 9 - 5
css/ZHcldSystem/style.css

@@ -1,12 +1,13 @@
 @font-face {
   font-family: 'ZHcldSystem';
-  src:  url('fonts/ZHcldSystem.eot?x90u1c');
-  src:  url('fonts/ZHcldSystem.eot?x90u1c#iefix') format('embedded-opentype'),
-    url('fonts/ZHcldSystem.ttf?x90u1c') format('truetype'),
-    url('fonts/ZHcldSystem.woff?x90u1c') format('woff'),
-    url('fonts/ZHcldSystem.svg?x90u1c#ZHcldSystem') format('svg');
+  src:  url('fonts/ZHcldSystem.eot?wjafxl');
+  src:  url('fonts/ZHcldSystem.eot?wjafxl#iefix') format('embedded-opentype'),
+    url('fonts/ZHcldSystem.ttf?wjafxl') format('truetype'),
+    url('fonts/ZHcldSystem.woff?wjafxl') format('woff'),
+    url('fonts/ZHcldSystem.svg?wjafxl#ZHcldSystem') format('svg');
   font-weight: normal;
   font-style: normal;
+  font-display: block;
 }
 
 [class^="icon-"], [class*=" icon-"] {
@@ -123,6 +124,9 @@
 .icon-certificate:before {
   content: "\6d";
 }
+.icon-shop:before {
+  content: "\73";
+}
 .icon-check:before {
   content: "\6a";
 }

BIN
css/fonts/ZHcldSystem.eot


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
css/fonts/ZHcldSystem.svg


BIN
css/fonts/ZHcldSystem.ttf


BIN
css/fonts/ZHcldSystem.woff


+ 66 - 1
css/global.css

@@ -1897,7 +1897,10 @@ a.new-ribbon:before{
 .adminContent{
   margin:0 0 0 160px;
   overflow-y:auto;
-  padding:0 15px 0 0
+  padding:0 15px 0 0;
+}
+.adminContentS{
+  margin: 0 0 0 145px;
 }
 .borad-menu{
   text-align:center;
@@ -3531,6 +3534,9 @@ legend .search{
 .sideMnav li:hover{
   background-color: #F7F7F7
 }
+.sideMnavBnone li:hover{
+  background-color:#fff;
+}
 .sideSnav span.icon-:after {
   content: "c"
 }
@@ -3918,4 +3924,63 @@ td div.dlLev3{
   width:60px;
   height:26px;
   line-height: 26px;
+}
+.subMenu li.stockTitle{
+  color: #fff;
+  background: #5E5C91;
+  margin: 0 0 5px 0;
+  padding: 5px 10px 5px 0;
+  text-align: right;
+}
+.borad-menu a.stock{
+  background: #5E5C91;
+}
+.saeaList .stockdemandForm{
+  position: relative;
+  padding: 20px 20px 0px;
+  border: 1px solid #cdcdcd;
+  background: #f6f6f6;
+}
+.stockdemandForm .stockLabel{
+  margin: 0 15px 0 0;
+  width: 60px;
+  height: 20px;
+  line-height: 25px;
+}
+.stockdemandForm .cateList{
+  height: 25px;
+  margin: 0 0 20px 0;
+}
+.stockdemandForm .cateList li {
+  padding: 0 10px 0 0;
+  margin: 0 10px 0 0;
+  border-right: 1px solid #CDCDCD;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+}
+.stockdemandForm .cateList li:after{
+  border-right: none;
+}
+.stockdemandForm .stockdemandBtn{
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+}
+.stocktableInput{
+  width: 150px;
+}
+.stockContent{
+  margin: 0 0 0 210px;
+}
+.btnMarginL{
+  margin-left: 20px;
+}
+.stock-invoice{
+  color: #fff;
+  vertical-align: top;
+  margin-left: 5px;
+  background: #955251;
+  padding: 0 3px;
+  font-size: 10px;
 }

BIN
css/zTreeStyle/img/diy/1_close.png


BIN
css/zTreeStyle/img/diy/1_open.png


BIN
css/zTreeStyle/img/diy/2.png


BIN
css/zTreeStyle/img/diy/3.png


BIN
css/zTreeStyle/img/diy/4.png


BIN
css/zTreeStyle/img/diy/5.png


BIN
css/zTreeStyle/img/diy/6.png


BIN
css/zTreeStyle/img/diy/7.png


BIN
css/zTreeStyle/img/diy/8.png


BIN
css/zTreeStyle/img/diy/9.png


BIN
css/zTreeStyle/img/line_conn.gif


BIN
css/zTreeStyle/img/loading.gif


BIN
css/zTreeStyle/img/zTreeStandard.gif


BIN
css/zTreeStyle/img/zTreeStandard.png


+ 97 - 0
css/zTreeStyle/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/

BIN
images/stock/stock01.jpg


+ 1 - 2
invoice-my.html

@@ -394,8 +394,7 @@
 				<div class="modal-footer">
 					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
 				</div>
-			</div>
-		</div>
+			</div></div>
 	</div>
 	<!--弹出发票详情-->
 	<!--弹出收款-->

+ 133 - 0
js/zTree-edit.js

@@ -0,0 +1,133 @@
+<!--
+        var setting = {
+            view: {
+                addHoverDom: addHoverDom,
+                removeHoverDom: removeHoverDom,
+                selectedMulti: false
+            },
+            edit: {
+                enable: true,
+                editNameSelectAll: true,
+                showRemoveBtn: showRemoveBtn,
+                showRenameBtn: showRenameBtn
+            },
+            data: {
+                simpleData: {
+                    enable: true
+                }
+            },
+            callback: {
+                beforeDrag: beforeDrag,
+                beforeEditName: beforeEditName,
+                beforeRemove: beforeRemove,
+                beforeRename: beforeRename,
+                onRemove: onRemove,
+                onRename: onRename
+            }
+        };
+
+        var zNodes =[
+            { id:1, pId:0, name:"全部", open:true},
+            { id:11, pId:1, name:"彩页", open:true},
+            { id:111, pId:11, name:"广东彩页"},
+            { id:112, pId:11, name:"计量支付"},
+            { id:12, pId:1, name:"手提袋", open:true},
+            { id:13, pId:1, name:"手册", open:true},
+            { id:131, pId:13, name:"广东用户手册"},
+            { id:132, pId:13, name:"全国用户手册"},
+            { id:14, pId:1, name:"包装盒", open:true},
+            { id:15, pId:1, name:"信封", open:true}
+        ];
+        var log, className = "dark";
+        function beforeDrag(treeId, treeNodes) {
+            return false;
+        }
+        function beforeEditName(treeId, treeNode) {
+            className = (className === "dark" ? "":"dark");
+            showLog("[ "+getTime()+" beforeEditName ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+            zTree.selectNode(treeNode);
+            setTimeout(function() {
+                if (confirm("进入节点 -- " + treeNode.name + " 的编辑状态吗?")) {
+                    setTimeout(function() {
+                        zTree.editName(treeNode);
+                    }, 0);
+                }
+            }, 0);
+            return false;
+        }
+        function beforeRemove(treeId, treeNode) {
+            className = (className === "dark" ? "":"dark");
+            showLog("[ "+getTime()+" beforeRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+            zTree.selectNode(treeNode);
+            return confirm("确认删除 节点 -- " + treeNode.name + " 吗?");
+        }
+        function onRemove(e, treeId, treeNode) {
+            showLog("[ "+getTime()+" onRemove ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name);
+        }
+        function beforeRename(treeId, treeNode, newName, isCancel) {
+            className = (className === "dark" ? "":"dark");
+            showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" beforeRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+            if (newName.length == 0) {
+                setTimeout(function() {
+                    var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+                    zTree.cancelEditName();
+                    alert("节点名称不能为空.");
+                }, 0);
+                return false;
+            }
+            return true;
+        }
+        function onRename(e, treeId, treeNode, isCancel) {
+            showLog((isCancel ? "<span style='color:red'>":"") + "[ "+getTime()+" onRename ]&nbsp;&nbsp;&nbsp;&nbsp; " + treeNode.name + (isCancel ? "</span>":""));
+        }
+        function showRemoveBtn(treeId, treeNode) {
+            return !treeNode.isFirstNode;
+        }
+        function showRenameBtn(treeId, treeNode) {
+            return !treeNode.isLastNode;
+        }
+        function showLog(str) {
+            if (!log) log = $("#log");
+            log.append("<li class='"+className+"'>"+str+"</li>");
+            if(log.children("li").length > 8) {
+                log.get(0).removeChild(log.children("li")[0]);
+            }
+        }
+        function getTime() {
+            var now= new Date(),
+            h=now.getHours(),
+            m=now.getMinutes(),
+            s=now.getSeconds(),
+            ms=now.getMilliseconds();
+            return (h+":"+m+":"+s+ " " +ms);
+        }
+
+        var newCount = 1;
+        function addHoverDom(treeId, treeNode) {
+            var sObj = $("#" + treeNode.tId + "_span");
+            if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
+            var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
+                + "' title='add node' onfocus='this.blur();'></span>";
+            sObj.after(addStr);
+            var btn = $("#addBtn_"+treeNode.tId);
+            if (btn) btn.bind("click", function(){
+                var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+                zTree.addNodes(treeNode, {id:(100 + newCount), pId:treeNode.id, name:"new node" + (newCount++)});
+                return false;
+            });
+        };
+        function removeHoverDom(treeId, treeNode) {
+            $("#addBtn_"+treeNode.tId).unbind().remove();
+        };
+        function selectAll() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo");
+            zTree.setting.edit.editNameSelectAll =  $("#selectAll").attr("checked");
+        }
+        
+        $(document).ready(function(){
+            $.fn.zTree.init($("#treeDemo"), setting, zNodes);
+            $("#selectAll").bind("click", selectAll);
+        });
+        //-->

Разница между файлами не показана из-за своего большого размера
+ 1985 - 0
js/zTree/jquery.ztree.core.js


+ 644 - 0
js/zTree/jquery.ztree.excheck.js

@@ -0,0 +1,644 @@
+/*
+ * JQuery zTree excheck v3.5.36
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2018-06-26
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			event.srcEvent = srcEvent;
+			tools.apply(setting.callback.onCheck, [event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checked = data.nodeChecked(setting, n);
+		checked = data.nodeChecked(setting, n, checked);
+		n.checkedOld = checked;
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && checked) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var nodeChecked = data.nodeChecked(setting, node);
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !nodeChecked;
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (nodeChecked === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
+        data.nodeChecked(setting, node, checked);
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+				if (callbackFlag) {
+					this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(this.setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var checked = (checked !== false);
+			var children = data.nodeChildren(setting, data.getRoot(this.setting));
+			return data.getTreeCheckedNodes(this.setting, children, checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+      var children = data.nodeChildren(setting, data.getRoot(this.setting));
+			return data.getTreeChangeCheckedNodes(this.setting, children);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !this.setting.check.enable) return;
+			var nObj = $$(node, this.setting);
+			if (nObj.get(0) && tools.uCanDo(this.setting)) {
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checked = data.nodeChecked(setting, node),
+			r = {
+				checked: checked,
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (checked ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				var node = nodes[i];
+        var children = data.nodeChildren(setting, node);
+        var nodeChecked = data.nodeChecked(setting, node);
+				if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked == checked) {
+					results.push(node);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, children, checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				var node = nodes[i];
+        var children = data.nodeChildren(setting, node);
+        var nodeChecked = data.nodeChecked(setting, node);
+				if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked != node.checkedOld) {
+					results.push(node);
+				}
+				data.getTreeChangeCheckedNodes(setting, children, results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var chkFlag = -1;
+			var children = data.nodeChildren(setting, node);
+			if (children) {
+				for (var i = 0, l = children.length; i < l; i++) {
+					var cNode = children[i];
+          var nodeChecked = data.nodeChecked(setting, cNode);
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (nodeChecked) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (nodeChecked) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId);
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+      var nodeChecked = data.nodeChecked(setting, node);
+      data.nodeChecked(setting, node, !nodeChecked);
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			r = consts.radio;
+      var nodeChecked = data.nodeChecked(setting, node);
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (nodeChecked) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+              var pNodeChecked = data.nodeChecked(setting, pNode);
+							if (pNodeChecked && pNode != node) {
+                data.nodeChecked(setting, pNode, false);
+								checkedList.splice(i, 1);
+
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+								if (pNode.parentTId != node.parentTId) {
+									view.repairParentChkClassWithSelf(setting, pNode);
+								}
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+            var children = data.nodeChildren(setting, parentNode);
+						for (i = 0, l = children.length; i < l; i++) {
+							pNode = children[i];
+              var pNodeChecked = data.nodeChecked(setting, pNode);
+							if (pNodeChecked && pNode != node) {
+								data.nodeChecked(setting, pNode, false);
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+        var children = data.nodeChildren(setting, node);
+				if (nodeChecked && (!children || children.length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!nodeChecked && (!children || children.length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+      var nodeChecked = data.nodeChecked(setting, node);
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = nodeChecked ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (nodeChecked ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var root = data.getRoot(setting);
+				var children = data.nodeChildren(setting, root);
+				for (var i = 0, l = children.length; i<l ; i++) {
+					var node = children[i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+            data.nodeChecked(setting, node, checked);
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+      var children = data.nodeChildren(setting, node);
+			if (children && children.length > 0) {
+				view.repairParentChkClass(setting, children[0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+      if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+      var children = data.nodeChildren(setting, node);
+      if (children && inherit) {
+				for (var i = 0, l = children.length; i < l; i++) {
+					var sNode = children[i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+            obj.attr('class', view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+        data.nodeChecked(setting, node, value);
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+          var pNodes = data.nodeChildren(setting, node.getParentNode());
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+					  var pNode = pNodes[i];
+            var nodeChecked = data.nodeChecked(setting, pNode);
+						if ((pNode.nocheck !== true && pNode.chkDisabled !== true && nodeChecked)
+						|| ((pNode.nocheck === true || pNode.chkDisabled === true) && pNode.check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+      var children = data.nodeChildren(setting, node);
+			if (children) {
+				for (var i = 0, l = children.length; i < l; i++) {
+					var sNode = children[i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+          data.nodeChecked(setting, node, value);
+					if (!hasDisable) node.check_Child_State = (children && children.length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.nodeChecked = function(setting, node, newChecked) {
+    if (!node) {
+      return false;
+    }
+    var key = setting.data.key.checked;
+    if (typeof newChecked !== 'undefined') {
+      if (typeof newChecked === "string") {
+        newChecked = tools.eqs(newChecked, "true");
+      }
+      newChecked = !!newChecked;
+      node[key] = newChecked;
+    }
+    return node[key];
+  };
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode, index) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);

Разница между файлами не показана из-за своего большого размера
+ 1196 - 0
js/zTree/jquery.ztree.exedit.js


+ 0 - 4
lock-ccount.html

@@ -9,9 +9,6 @@
 	<link rel=stylesheet href=css/global.css>
 	<script src=js/jquery-1.7.1.min.js></script>
 	<script src=js/global.js></script>
-	<link href="css/datepicker.min.css" rel="stylesheet" type="text/css">
-	<script src="js/datepicker.min.js"></script>
-	<script src="js/datepicker.zh.js"></script>
 </head>
 <body>
 	<div class="mainLayout">
@@ -41,7 +38,6 @@
 			</div>
 	  		<div class="lockDatabase fL">
 					<div style="margin:5px 5px 50px 5px">
-					<select><option>总部</option><option>广东办</option></select>
 		  			<table class="table table-bordered table-condensed table-hover">
 							<thead>
 							<tr>

+ 207 - 0
stock-add.html

@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html" class="selected">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>填写物品申请信息</legend>
+				<div class="">
+					<div class="saeaList">
+						<div class="stockdemandForm">
+							<p class="fR"><a class="button stockdemandBtn">查询</a></p>
+							<div class="clearfix">
+								<label class="fL stockLabel">所在办事处</label>
+								<select class="fL"><option>请选择</option><option>广东办</option><option>总部</option></select>
+							</div>
+							<div class="clearfix">
+								<label class="fL stockLabel">物品名称</label>
+								<input type="text" class="" id="" placeholder="请输入物品名称">
+							</div>
+							<div class="clearfix">
+								<label class="fL stockLabel">产品分类</label>
+								<div>
+									<ul class="cateList">
+										<li><select><option>请选择</option><option>彩页</option><option>包装盒</option><option>信封</option></select></li>
+										<li><select><option>请选择</option><option>广东彩页</option><option>计量支付</option></select></li>
+									</ul>
+								</div>
+							</div>
+						</div>
+						<p style="margin-bottom:30px"></p>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC">选择</th>
+									<th class="taC">图片</th>
+									<th class="taC">物品名称</th>
+									<th class="taC">物品分类</th>
+									<th class="taC">当前库存</th>
+									<th class="taC">申请数量</th>
+								</tr>
+								<tr>
+									<td><input class="" type="checkbox" id="" value="option1"></td>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>手提袋</td>
+									<td>手提袋</td>
+									<td>1500</td>
+									<td><input class="stocktableInput" type="text" placeholder="230"></td>
+								</tr>
+								<tr>
+									<td><input class="" type="checkbox" id="" value="option2"></td>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>包装盒</td>
+									<td>包装盒</td>
+									<td>2315</td>
+									<td><input class="stocktableInput" type="text" placeholder="150"></td>
+								</tr>
+							</tbody>
+						</table>
+						<div class="demandPage clearfix">
+							<ul class="pagination fL">
+								<li><a href="#">&lt;</a></li>
+								<li><a href="#">1</a></li>
+								<li class="active"><a href="#">2</a></li>
+								<li><a href="#">3</a></li>
+								<li><a href="#">4</a></li>
+								<li><a href="#">5</a></li>
+								<li><a href="#">&gt;</a></li>
+							</ul>
+				  	</div>
+				  	<p style="margin-bottom:30px"></p>
+				  	<blockquote><p class="colGray">暂时没有选择申请的物品</p></blockquote>
+				  	<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC" colspan="5">已选择的物品</th>
+								</tr>
+								<tr>
+									<th class="taC">图片</th>
+									<th class="taC">物品名称</th>
+									<th class="taC">物品分类</th>
+									<th class="taC">数量</th>
+									<th class="taC">操作</th>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>手提袋</td>
+									<td>手提袋</td>
+									<td>1500</td>
+									<td><a data-toggle="modal" href="#stockdel">删除</a></td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>包装盒</td>
+									<td>包装盒</td>
+									<td>2315</td>
+									<td><a data-toggle="modal" href="#stockdel">删除</a></td>
+								</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC" width="150">物品申请备注</th><td><textarea style="width:550px"></textarea></td>
+								</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="4" class="taC">邮寄信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>是否邮寄</th><td colspan="3">
+									<label class="radio inline"><input type="radio">是</label>
+									<label class="radio inline"><input type="radio">否</label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>收件人</th><td><input type="text" placeholder="必填"></td>
+									<th class="taC" width="150"><span class="colRed">*</span>收件人手机/电话</th><td><input type="text" placeholder="必填"></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>收件地址</th><td colspan="3"><input type="text" class="span6" placeholder="必填"></td>
+								</tr>
+								<tr>
+									<td colspan="4">
+									<div class="checkbox">
+										<label>
+											备注<br><textarea class="span8" placeholder="备注信息或其他。"></textarea>
+										</label>
+									</div></td>
+								</tr>
+							</tbody>
+						</table>
+						<p class="taR"  style="margin:20px 0"><a class="button" href="#"style="width:200px">提交申请</a></p>
+						<p style="margin-bottom:50px"></p>
+					</div>
+					<div class="saeaList">
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!--弹出删除-->
+	<div class="modal hide fade" id="stockdel">
+		<div class="modal-dialog ">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>是否删除该物品选择</h3>
+				</div>
+				<div class="modal-body">
+					删除该物品申请!
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">是的</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--删除-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 208 - 0
stock-all.html

@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html" class="selected">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>
+					已申请物品
+				</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<a class="now" href="#">所有</a>
+							<a href="#" title="审批通过">审批通过</a>
+							<a href="#" title="终止">终止</a>
+						</li>
+						<li>
+							<div class="search">
+								<div class="input-append">
+									<input class="span3" placeholder="物品单号" type="text">
+									<button class="btn btn-small" type="button">搜索</button>
+								</div>
+							</div></li>
+					</ul>
+				</div>
+				<div class="saeaList">
+					<table class="table table-hover">
+						<tbody>
+						<tr class="thead"><th>物品单号</th><th>物品名称</th><th>状态</th><th>处理</th></tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+							<td>手提袋(230)、手册(150)</td>
+							<td><span class="colGreen">审批通过</span></td>
+							<td>李明珠  2018-07-06  13:20:20</td>
+						</tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062355</a></td>
+							<td>包装盒(130)</td>
+							<td><span class="colRed">终止</span></td>
+							<td>李明珠  2018-07-03  13:20:20</td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+						  		<!--翻页-->
+				<div class="demandPage">
+					<ul class="pagination fL">
+						<li><a href="#">&lt;</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">&gt;</a></li>
+					</ul>
+			  	</div>
+			</div>
+		</div>
+	</div>
+
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 150 - 0
stock-article.html

@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html" class="selected">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent adminContentS autoHeight">
+				<div class="librarySide">
+					<div class="sideMnav sideMnavBnone">
+						<ul class="navLeve0 autoHeight" style="width:190px; height: 937px;">
+							<div class="zTreeDemoBackground left">
+								<ul id="treeDemo" class="ztree"></ul>
+							</div>
+						</ul>
+					</div>
+				</div>
+				<div class="libraryContent stockContent autoHeight">
+					<legend>
+						物品库存
+					</legend>
+					<div class="demandCate">
+						<ul class="cateList">
+							<li>
+								<select><option>办事处</option><option>广东办</option></select>
+							</li>
+							<li>
+								<div class="search">
+									<div class="input-append">
+										<input class="span3" placeholder="物品名称" type="text">
+										<button class="btn btn-small" type="button">搜索</button>
+									</div>
+								</div></li>
+						</ul>
+					</div>
+					<div class="saeaList">
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC">图片</th>
+									<th class="taC">物品名称</th>
+									<th class="taC">物品分类</th>
+									<th class="taC">单位</th>
+									<th class="taC">当前库存</th>
+								</tr>
+								<tr class="warning">
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>全国用户手册</td>
+									<td>手册</td>
+									<td>本</td>
+									<td><b class="colRed">100</b><a href="stock-enter.html" class="button btnMarginL">补充库存</a></td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>手提袋</td>
+									<td>手提袋</td>
+									<td>个</td>
+									<td>1500</td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>包装盒</td>
+									<td>包装盒</td>
+									<td>个</td>
+									<td>2315</td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>信封</td>
+									<td>信封</td>
+									<td>个</td>
+									<td>3201</td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>全国彩页</td>
+									<td>彩页</td>
+									<td>张</td>
+									<td>3560</td>
+								</tr>
+							</tbody>
+						</table>
+						<div class="demandPage clearfix">
+							<ul class="pagination fL">
+								<li><a href="#">&lt;</a></li>
+								<li><a href="#">1</a></li>
+								<li class="active"><a href="#">2</a></li>
+								<li><a href="#">3</a></li>
+								<li><a href="#">4</a></li>
+								<li><a href="#">5</a></li>
+								<li><a href="#">&gt;</a></li>
+							</ul>
+					 	</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.core.js"></script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.excheck.js"></script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.exedit.js"></script>
+<script type="text/javascript" src="js/zTree-edit.js"></script>
+</body>

+ 308 - 0
stock-checkout-add.html

@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html" class="selected">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>添加出库记录</legend>
+				<div class="">
+					<div class="saeaList">
+						<div class="stockdemandForm">
+							<p class="fR"><a class="button stockdemandBtn">查询</a></p>
+							<div class="clearfix">
+								<label class="fL stockLabel">所在办事处</label>
+								<select class="fL"><option>请选择</option><option>广东办</option><option>总部</option></select>
+							</div>
+							<div class="clearfix">
+								<label class="fL stockLabel">物品名称</label>
+								<input type="text" class="" id="" placeholder="请输入物品名称">
+							</div>
+							<div class="clearfix">
+								<label class="fL stockLabel">产品分类</label>
+								<div>
+									<ul class="cateList">
+										<li><select><option>请选择</option><option>彩页</option><option>包装盒</option><option>信封</option></select></li>
+										<li><select><option>请选择</option><option>广东彩页</option><option>计量支付</option></select></li>
+									</ul>
+								</div>
+							</div>
+						</div>
+						<p style="margin-bottom:30px"></p>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC">选择</th>
+									<th class="taC">图片</th>
+									<th class="taC">物品名称</th>
+									<th class="taC">物品分类</th>
+									<th class="taC">当前库存</th>
+									<th class="taC">申请数量</th>
+								</tr>
+								<tr>
+									<td><input class="" type="checkbox" id="" value="option1"></td>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>手提袋</td>
+									<td>手提袋</td>
+									<td>1500</td>
+									<td><input class="stocktableInput" type="text" placeholder="230"></td>
+								</tr>
+								<tr>
+									<td><input class="" type="checkbox" id="" value="option2"></td>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>包装盒</td>
+									<td>包装盒</td>
+									<td>2315</td>
+									<td><input class="stocktableInput" type="text" placeholder="150"></td>
+								</tr>
+							</tbody>
+						</table>
+						<div class="demandPage clearfix">
+							<ul class="pagination fL">
+								<li><a href="#">&lt;</a></li>
+								<li><a href="#">1</a></li>
+								<li class="active"><a href="#">2</a></li>
+								<li><a href="#">3</a></li>
+								<li><a href="#">4</a></li>
+								<li><a href="#">5</a></li>
+								<li><a href="#">&gt;</a></li>
+							</ul>
+				  	</div>
+				  	<p style="margin-bottom:30px"></p>
+				  	<blockquote><p class="colGray">暂时没有选择申请的物品</p></blockquote>
+				  	<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC" colspan="5">已选择的物品</th>
+								</tr>
+								<tr>
+									<th class="taC">图片</th>
+									<th class="taC">物品名称</th>
+									<th class="taC">物品分类</th>
+									<th class="taC">数量</th>
+									<th class="taC">操作</th>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>手提袋</td>
+									<td>手提袋</td>
+									<td>1500</td>
+									<td><a data-toggle="modal" href="#stockdel">删除</a></td>
+								</tr>
+								<tr>
+									<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+									<td>包装盒</td>
+									<td>包装盒</td>
+									<td>2315</td>
+									<td><a data-toggle="modal" href="#stockdel">删除</a></td>
+								</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th class="taC" width="150">物品申请备注</th><td><textarea style="width:550px"></textarea></td>
+								</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="4" class="taC">邮寄信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>是否邮寄</th><td colspan="3">
+									<label class="radio inline"><input type="radio">是</label>
+									<label class="radio inline"><input type="radio">否</label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>收件人</th><td><input type="text" placeholder="必填"></td>
+									<th class="taC" width="150"><span class="colRed">*</span>收件人手机/电话</th><td><input type="text" placeholder="必填"></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed">*</span>收件地址</th><td colspan="3"><input type="text" class="span6" placeholder="必填"></td>
+								</tr>
+								<tr>
+									<td colspan="4">
+									<div class="checkbox">
+										<label>
+											备注<br><textarea class="span8" placeholder="备注信息或其他。"></textarea>
+										</label>
+									</div></td>
+								</tr>
+							</tbody>
+						</table>
+						<p class="taR"  style="margin:20px 0"><a class="button btn-gray" href="#" style="width:200px">取消</a><a class="button" href="#"style="width:200px">确认添加</a></p>
+						<p style="margin-bottom:50px"></p>
+					</div>
+					<div class="saeaList">
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出删除-->
+	<div class="modal hide fade" id="stockdel">
+		<div class="modal-dialog ">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>是否删除该物品选择</h3>
+				</div>
+				<div class="modal-body">
+					删除该物品申请!
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">是的</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--删除-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 210 - 0
stock-checkout-all.html

@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html" class="selected">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>
+					物品出库
+				</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<a class="now" href="#">所有</a>
+							<a href="#" title="待出库">待出库</a>
+							<a href="#" title="出库完成">出库完成</a>
+						</li>
+						<li>
+							<div class="search">
+								<div class="input-append">
+									<input class="span3" placeholder="物品单号" type="text">
+									<button class="btn btn-small" type="button">搜索</button>
+								</div>
+							</div></li>
+					</ul>
+				</div>
+				<div class="saeaList">
+					<table class="table table-hover">
+						<tbody>
+						<tr class="thead"><th>物品单号</th><th>物品名称</th><th>提交</th><th>出库时间</th><th>操作</th></tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+							<td>手提袋(230)、手册(150)</td>
+							<td>广东办刘飞 2018-07-06 12:20:20</td>
+							<td></td>
+							<td><a href="stock-checkout-approval.html">去审批</a></td>
+						</tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062355</a></td>
+							<td>包装盒(130)</td>
+							<td>四川办全冰 2018-07-06 12:20:20</td>
+							<td>2018-07-06 13:20:20</td>
+							<td></td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+						  		<!--翻页-->
+				<div class="demandPage">
+					<ul class="pagination fL">
+						<li><a href="#">&lt;</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">&gt;</a></li>
+					</ul>
+			  	</div>
+			</div>
+		</div>
+	</div>
+
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 272 - 0
stock-checkout-approval.html

@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html" class="selected">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend>审批出库物品</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr>
+										<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+										<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">申请人</th><td colspan="3">广东办刘飞</td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">物品申请备注</th><td colspan="3"></td>
+									</tr>
+									</tbody>
+								</table>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+										<tr>
+											<th class="taC">图片</th>
+											<th class="taC">物品名称</th>
+											<th class="taC">物品分类</th>
+											<th class="taC">单位</th>
+											<th class="taC">数量</th>
+											<th class="taC">调整数量</th>
+										</tr>
+										<tr>
+											<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+											<td>全国用户手册</td>
+											<td>手册</td>
+											<td>本</td>
+											<td>100</td>
+											<td><input class="stocktableInput" type="text" placeholder="230"></td>
+										</tr>
+										<tr>
+											<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+											<td>手提袋</td>
+											<td>手提袋</td>
+											<td>个</td>
+											<td>1500</td>
+											<td><input class="stocktableInput" type="text" placeholder="1600"></td>
+										</tr>
+										<tr>
+											<td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+											<td>包装盒</td>
+											<td>包装盒</td>
+											<td>个</td>
+											<td>230</td>
+											<td><input class="stocktableInput" type="text" placeholder="230"></td>
+										</tr>
+									</tbody>
+								</table>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr>
+										<th colspan="4" class="taC">申请邮寄信息</th>
+									</tr>
+									<tr>
+										<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+										<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">备注</th><td colspan="3"></td>
+									</tr>
+									</tbody>
+								</table>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr>
+										<th colspan="2" class="taC">实际邮寄信息</th>
+									</tr>
+									<tr>
+										<th class="taC" width="150">快递公司</th><td><select><option>顺丰速运</option><option>圆通速运</option></select></td>
+									</tr>
+									<tr>
+										<th class="taC" width="150">快递单号</th><td><input type="text" placeholder="请正确填写单号,方便跟踪查询。"></td>
+									</tr>
+									</tbody>
+								</table>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+										<tr><th width="60%" class="taC">审批流程</th><th class="taC">物品审批</th></tr>
+										<tr><td>
+											<blockquote>
+												<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+											</blockquote>
+											<blockquote>
+												<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+											</blockquote>
+											<blockquote>
+												<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+											</blockquote>
+											<blockquote>
+												<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+											</blockquote>
+										</td><td>
+											<textarea rows="5" style="width:98%" placeholder="在这写下您的审批意见,选填。"></textarea>
+											<div class="invoButton clearfix">
+												<a href="" class="buttonUndone" data-placement="top" data-toggle="ctooltip" data-original-title="终止物品申请">终止</a>
+												<a href="" class="buttonDone" data-placement="top" data-toggle="ctooltip" data-original-title="完成后自动跳转下一个物品申请">同意</a>
+											</div></td></tr>
+									</tbody>
+								</table>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 238 - 0
stock-checkout-record.html

@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html" class="selected">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>
+					最近添加出库记录
+				</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<a class="now" href="#">所有</a>
+						</li>
+						<li>
+							<div class="search">
+								<div class="input-append">
+									<input class="span3" placeholder="物品单号" type="text">
+									<button class="btn btn-small" type="button">搜索</button>
+								</div>
+							</div></li>
+					</ul>
+				</div>
+				<div class="saeaList">
+					<table class="table table-hover">
+						<tbody>
+						<tr class="thead"><th>物品单号</th><th>物品名称</th><th>添加人</th><th>操作</th></tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+							<td>手提袋(230)、手册(150)</td>
+							<td>广东办刘飞 2018-07-06 12:20:20</td>
+							<td><a href="#cancel" data-toggle="modal">作废</a></td>
+						</tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062358</a></td>
+							<td>包装盒(18)</td>
+							<td>广东办刘飞 2018-07-06 12:20:20</td>
+							<td><a href="#cancel" data-toggle="modal">作废</a></td>
+						</tr>
+						<tr>
+							<td><a href="#stocktail" data-toggle="modal">#CK201807062032</a></td>
+							<td>包装盒(13)</td>
+							<td>广东办冯娟 2018-07-06 12:20:20</td>
+							<td></td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+						  		<!--翻页-->
+				<div class="demandPage">
+					<ul class="pagination fL">
+						<li><a href="#">&lt;</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">&gt;</a></li>
+					</ul>
+			  	</div>
+			</div>
+		</div>
+	</div>
+
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出作废-->
+	<div class="modal hide fade" id="cancel">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>作废出库单</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="100">作废原因</th>
+								<td><textarea rows="5" style="width:98%"></textarea></td>
+							</tr>
+						</tbody>					
+					</table>
+					<div class="alert alert-erro" style="margin:0">作废后,出库产生的库存变化将还原</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--作废-->
+
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 268 - 0
stock-checkout.html

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html" class="selected">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-menu">
+						<a href="stock-checkout-add.html" class="stock">添加出库记录</a>
+					</div>
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend><div class="fR"><a href="stock-checkout-all.html">查看更多</a></div>待出库物品</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品单号</th><th class="taC">物品</th><th class="taC">提交</th><th class="taC">上一位审批</th><th class="taC">操作</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+										<td>手提袋(230)、手册(150)</td>
+										<td>广东办刘飞  2018-07-06  12:20:20</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="stock-checkout-approval.html">去审批</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+										<td>包装盒(180)</td>
+										<td>四川办全冰 2018-07-06 12:20:20</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="stock-checkout-approval.html">去审批</a></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有待出库物品</p></blockquote>
+							</div>
+							<div class="clearfix">
+								<legend><div class="fR"><a href="stock-checkout-all.html">查看更多</a></div>最近出库完成</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品单号</th><th class="taC">物品</th><th class="taC">提交</th><th class="taC">完成审批</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+										<td>手提袋(230)、手册(150)</td>
+										<td>广东办刘飞  2018-07-06  12:20:20</td>
+										<td>同意  李明珠  2018-07-06  13:20:20</td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+										<td>包装盒(180)</td>
+										<td>四川办全冰 2018-07-06 12:20:20</td>
+										<td>同意  李明珠  2018-07-06  13:20:20</td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062352<span class="stock-invoice">票</span></a></td>
+										<td>计量支付彩页(2)</td>
+										<td>四川办全冰 2018-07-06 12:20:20</td>
+										<td>同意  李明珠  2018-07-06  13:20:20</td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有出库完成物品</p></blockquote>
+							</div>
+							<div class="clearfix">
+								<legend><div class="fR"><a href="stock-checkout-record.html">查看更多</a></div>最近添加出库记录</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品单号</th><th class="taC">物品</th><th class="taC">添加人</th><th class="taC">操作</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062360</a></td>
+										<td>手提袋(20)、手册(15)</td>
+										<td>广东办刘飞  2018-07-06  12:20:20</td>
+										<td><a href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062358</a></td>
+										<td>包装盒(18)</td>
+										<td>广东办刘飞 2018-07-06 12:20:20</td>
+										<td><a href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062032</a></td>
+										<td>包装盒(13)</td>
+										<td>广东办冯娟 2018-07-06 12:20:20</td>
+										<td></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有最近添加出库记录</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出作废-->
+	<div class="modal hide fade" id="cancel">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>作废出库单</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="100">作废原因</th>
+								<td><textarea rows="5" style="width:98%"></textarea></td>
+							</tr>
+						</tbody>					
+					</table>
+					<div class="alert alert-erro" style="margin:0">作废后,出库产生的库存变化将还原</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--作废-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 205 - 0
stock-enter-all.html

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html" class="selected">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-menu">
+						<a href="#stockenter" data-toggle="modal" class="stock">添加入库记录</a>
+					</div>
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend><div class="fR"><a href="#">查看更多</a></div>最近入库记录</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品入库单号</th><th class="taC">物品</th><th class="taC">单价</th><th class="taC">金额</th><th class="taC">提交</th><th class="taC">操作</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062356</a></td>
+										<td>手提袋(230)</td>
+										<td>¥0.1</td>
+										<td>¥23.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062355</a></td>
+										<td>手册(150)</td>
+										<td>¥0.1</td>
+										<td>¥15.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062354</a></td>
+										<td>包装盒(180)</td>
+										<td>¥0.1</td>
+										<td>¥18.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有待出库物品</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品入库单号</th><td>#RK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">添加人</th><td colspan="3">总部(李明珠)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th><td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<th class="taC">物品名称</th><td>手提袋</td>
+							</tr>
+							<tr>
+								<th class="taC">物品分类</th><td>手提袋</td>
+								<th class="taC">单位</th><td>个</td>
+							</tr>
+							<tr>
+								<th class="taC">单价</th><td>¥0.1</td>
+								<th class="taC">数量</th><td>230</td>
+							</tr>
+							<tr>
+								<th class="taC">金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥23.00</b></td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出(添加入库记录)-->
+	<div class="modal hide fade" id="stockenter">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>添加入库记录</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="150">物品名称</th><td><select><option>请选择</option><option>手提袋</option><option selected>包装盒</option></select></td>
+								<th class="taC" width="150">物品图片</th><td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">物品单价</th><td>¥0.1</td>
+								<th class="taC" width="150">物品数量</th><td>230</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">物品金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥23.00</b></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">备注</th><td colspan="3"><textarea style="width:550px"></textarea></td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出作废-->
+	<div class="modal hide fade" id="cancel">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>作废入库单</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="100">作废原因</th>
+								<td><textarea rows="5" style="width:98%"></textarea></td>
+							</tr>
+						</tbody>					
+					</table>
+					<div class="alert alert-erro" style="margin:0">作废后,入库产生的库存变化将还原</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--作废-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 205 - 0
stock-enter.html

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html" class="selected">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-menu">
+						<a href="#stockenter" data-toggle="modal" class="stock">添加入库记录</a>
+					</div>
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend><div class="fR"><a href="#">查看更多</a></div>最近入库记录</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品入库单号</th><th class="taC">物品</th><th class="taC">单价</th><th class="taC">金额</th><th class="taC">提交</th><th class="taC">操作</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062356</a></td>
+										<td>手提袋(230)</td>
+										<td>¥0.1</td>
+										<td>¥23.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062355</a></td>
+										<td>手册(150)</td>
+										<td>¥0.1</td>
+										<td>¥15.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#RK201807062354</a></td>
+										<td>包装盒(180)</td>
+										<td>¥0.1</td>
+										<td>¥18.00</td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+										<td><a class="button btn-block" href="#cancel" data-toggle="modal">作废</a></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有待出库物品</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品入库单号</th><td>#RK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">添加人</th><td colspan="3">总部(李明珠)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th><td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<th class="taC">物品名称</th><td>手提袋</td>
+							</tr>
+							<tr>
+								<th class="taC">物品分类</th><td>手提袋</td>
+								<th class="taC">单位</th><td>个</td>
+							</tr>
+							<tr>
+								<th class="taC">单价</th><td>¥0.1</td>
+								<th class="taC">数量</th><td>230</td>
+							</tr>
+							<tr>
+								<th class="taC">金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥23.00</b></td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出(添加入库记录)-->
+	<div class="modal hide fade" id="stockenter">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>添加入库记录</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="150">物品名称</th><td><select><option>请选择</option><option>手提袋</option><option selected>包装盒</option></select></td>
+								<th class="taC" width="150">物品图片</th><td><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">物品单价</th><td>¥0.1</td>
+								<th class="taC" width="150">物品数量</th><td>230</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">物品金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥23.00</b></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">备注</th><td colspan="3"><textarea style="width:550px"></textarea></td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+
+	<!--弹出作废-->
+	<div class="modal hide fade" id="cancel">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>作废入库单</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC" width="100">作废原因</th>
+								<td><textarea rows="5" style="width:98%"></textarea></td>
+							</tr>
+						</tbody>					
+					</table>
+					<div class="alert alert-erro" style="margin:0">作废后,入库产生的库存变化将还原</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button">确定</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--作废-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 192 - 0
stock-my.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html" class="selected">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-menu">
+						<a href="stock-add.html" class="stock">申请物品</a>
+					</div>
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend><div class="fR"><a href="stock-all.html">查看更多</a></div>最近申请物品</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">物品单号</th><th class="taC">物品名称</th><th class="taC">状态</th><th class="taC">处理</th></tr>
+									<tr>
+										<td><a href="#stocktail" data-toggle="modal">#CK201807062356</a></td>
+										<td>手提袋(230)、手册(150)</td>
+										<td><span class="colGreen">审批通过</span></td>
+										<td>李明珠  2018-07-06  13:20:20</td>
+									</tr>
+									<tr>
+										<td><a href="#">#CK201807062355</a></td>
+										<td>包装盒(130)</td>
+										<td><span class="colRed">终止</span></td>
+										<td>李明珠  2018-07-03  13:20:20</td>
+									</tr>
+									<tr>
+										<td><a href="#">#CK201807062352</a><span class="stock-invoice">票</span></td>
+										<td>计量支付彩页(2)</td>
+										<td><span class="colGreen">审批通过</span></td>
+										<td>李明珠  2018-06-18  13:20:20</td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有最近申请的物品</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 63 - 0
stock-objects.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+	<style type="text/css">
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
+	</style>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html" class="selected">物品管理</a></li>
+						<li><a href="stock-reporting.html">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent adminContentS autoHeight">
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.core.js"></script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.excheck.js"></script>
+<script type="text/javascript" src="js/zTree/jquery.ztree.exedit.js"></script>
+<script type="text/javascript" src="js/zTree-edit.js"></script>
+</body>

+ 156 - 0
stock-reporting.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="库存管理"><a href="#" class="icon- selected">s</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="stockTitle">物品管理</li>
+						<li><a href="stock-my.html">我的物品</a></li>
+						<li><a href="stock-article.html">物品库存</a></li>
+						<li><a href="stock-checkout.html">物品出库</a></li>
+						<li><a href="stock-enter.html">物品入库</a></li>
+						<li class="topLine"><a href="stock-objects.html">物品管理</a></li>
+						<li><a href="stock-reporting.html" class="selected">物品报表</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			</div>
+		</div>
+	</div>
+	<!--弹出(物品详情)-->
+	<div class="modal hide fade" id="stocktail">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>物品单详情</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th class="taC" width="150">物品单号</th><td>#CK201807062356</td>
+							<th class="taC" width="150">提交时间</th><td>2018-07-06  12:20:20</td>
+						</tr>
+						<th class="taC" width="150">申请人</th><td colspan="3">广东办(刘飞)</td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">备注</th><td colspan="3"></td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th class="taC">图片</th>
+								<th class="taC">物品名称</th>
+								<th class="taC">物品分类</th>
+								<th class="taC">单位</th>
+								<th class="taC">数量</th>
+								<th class="taC">调整数量</th>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>手提袋</td>
+								<td>手提袋</td>
+								<td>个</td>
+								<td>230</td>
+								<td><input style="width:100px;" type="text" placeholder="230"></td>
+							</tr>
+							<tr>
+								<td style="text-align: center;"><img src="images/stock/stock01.jpg" width="60" height="33"></td>
+								<td>全国用户手册</td>
+								<td>手册</td>
+								<td>本</td>
+								<td>150</td>
+								<td><input style="width:100px;" type="text" placeholder="150"></td>
+							</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">申请邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">收件人</th><td>广东办刘飞</td>
+							<th class="taC" width="150">收件人手机/电话</th><td>12345678901</td>
+						</tr>
+						<tr>
+							<th class="taC">收件地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
+						</tr>
+						<tr>
+							<th class="taC">邮寄物品</th><td colspan="3">手提袋(230)、手册(150)</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tbody>
+						<tr>
+							<th colspan="4" class="taC">实际邮寄信息</th>
+						</tr>
+						<tr>
+							<th class="taC" width="150">快递公司</th><td>顺丰快递</td>
+							<th class="taC" width="150">快递单号</th><td>01239812382398</td>
+						</tr>
+						</tbody>
+					</table>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" >审批流程</th></tr>
+						<tr><td>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:03:11</span>&nbsp;广东办-刘飞&nbsp;创建</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-10 11:15:23</span>&nbsp;广东办-刘飞&nbsp;提交审批</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colGreen">同意</span> 审批意见文本</p>
+									</blockquote>
+									<blockquote>
+										<p><span class="colGray">2016-11-11 09:54:01</span>&nbsp;总部-李明珠&nbsp;<span class="colRed">终止</span> 审批意见文本</p>
+									</blockquote>
+								</td></tr>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+	<!--弹出物品详情-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>