增加发票打印

css/sui/global.css

@@ -286,6 +286,9 @@
 .ml-4{
   margin-left: 1rem;
 }
+.colorRed{
+  color:#f00;
+}
 /*#in-display{
   display:inline-block;
 }

invoiceAdd.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="list-block">

invoiceAggregate.html

@@ -36,10 +36,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external active" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="list-block">

invoiceAggregateMonth.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external active" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block-title">2017年</div>

invoiceApproval.html

@@ -36,10 +36,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block tabTitleBox">

invoiceApprovalDetail.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceApprovalDetail1.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="list-block">

invoiceApprovalDetail2.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="list-block">

invoiceBiling.html

@@ -36,10 +36,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block tabTitleBox">

invoiceBilingDetailsReceive.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceBilingMy.html

@@ -40,10 +40,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block tabTitleBox">

invoiceBilingMyDetail.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block pLR-n">

invoiceBilingMyDetailReceive.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block pLR-n">

invoiceBilingMyDetailsInvdetail.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="list-block">

invoiceBilingRecord.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block pLR-n">

invoiceMy.html

@@ -38,10 +38,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block tabTitleBox">

invoiceMyDetails.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceMyDetails1.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceMyDetails2.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block pLR-n">

invoiceMyDetails3.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceMyDetailsForm.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceMyDetailsReturn.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">

invoiceMyExpress.html

@@ -37,10 +37,14 @@
                     <!-- <span class="icon icon-menu"></span> -->
                     <span class="tab-label">发票审批</span>
                 </a>
-                <a class="tab-item external" href="invoiceAggregate.html">
+                <a class="tab-item external" href="invoicePrint.html">
                     <!-- <span class="icon icon-menu"></span> -->
-                    <span class="tab-label">汇总</span>
+                    <span class="tab-label">发票打印</span>
                 </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
             </nav>
             <div class="content">
               <div class="content-block-title">申请邮寄信息</div>

invoicePrint.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="stylesheet" href="css/sui/sm.css">
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
+    <link rel="stylesheet" href="css/sui/global.css">
+    <link rel="stylesheet" href="css/AirDate/datepicker.min.css">
+    
+  </head>
+  <body>
+    <div class="page-group">
+        <div class="page page-current">
+          <header class="bar bar-nav">
+            <h1 class="title holidayTBg">发票打印</h1>
+          </header>
+            <nav class="bar bar-tab">
+                <a class="tab-item external" href="invoiceMy.html">
+                    <!-- <span class="icon icon-edit"></span> -->
+                    <span class="tab-label">我的发票</span>
+                </a>
+                <a class="tab-item external" href="invoiceBilingMy.html">
+                    <!-- <span class="icon icon-me"></span> -->
+                    <span class="tab-label">我的收款</span>
+                    <span class="badge">2</span>
+                </a>
+                <a class="tab-item external" href="invoiceApproval.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票审批</span>
+                </a>
+                <a class="tab-item external active" href="invoicePrint.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票打印</span>
+                </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
+            </nav>
+            <div class="content">
+              <div class="content-block tabTitleBox">
+                <div class="buttons-row">
+                  <a href="#tab1" class="tab-link active button tabBtnBig">待打印</a>
+                  <a href="#tab2" class="tab-link button tabBtnBig">已打印</a>
+                </div>
+              </div>
+              <div class="tabs">
+                <div id="tab1" class="tab active">
+                  <div class="content-block pLR-n">
+                    <div class="list-block media-list">
+                      <ul>
+                        <li>
+                          <a href="invoicePrintDetail.html" class="item-link item-content">
+                            <div class="item-inner">
+                              <div class="item-title-row">
+                                <div class="item-title">开票金额【￥3000.00】</div>
+                              </div>
+                              <div class="item-subtitle">珠海纵横创新软件有限公司</div>
+                              <div class="item-text">提交开票：总部陈特 2017-05-22</div>
+                            </div>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="list-block media-list">
+                      <ul>
+                        <li>
+                          <a href="invoicePrintDetail.html" class="item-link item-content">
+                            <div class="item-inner">
+                              <div class="item-title-row">
+                                <div class="item-title">开票金额【￥4000.00】</div>
+                              </div>
+                              <div class="item-subtitle">珠海纵横创新软件有限公司</div>
+                              <div class="item-text">提交开票：总部陈特 2017-05-22</div>
+                            </div>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+                <div id="tab2" class="tab">
+                  <div class="list-block media-list">
+                    <ul>
+                      <li>
+                        <a href="invoicePrintDetail1.html" class="item-link item-content">
+                          <div class="item-inner">
+                            <div class="item-title-row">
+                              <div class="item-title">开票金额【￥3000.00】</div>
+                              <!-- <div class="item-after"></div> -->
+                            </div>
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
+                          </div>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="list-block media-list">
+                    <ul>
+                      <li>
+                        <a href="invoicePrintDetail1.html" class="item-link item-content">
+                          <div class="item-inner">
+                            <div class="item-title-row">
+                              <div class="item-title">开票金额【￥3000.00】专</div>
+                              <!-- <div class="item-after">退回</div> -->
+                            </div>
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
+                          </div>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="list-block media-list">
+                    <ul>
+                      <li>
+                        <a href="invoicePrintDetail1.html" class="item-link item-content">
+                          <div class="item-inner">
+                            <div class="item-title-row">
+                              <div class="item-title">开票金额【￥3000.00】</div>
+                              <!-- <div class="item-after">终止</div> -->
+                            </div>
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
+                          </div>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+    </div>
+
+        <script src="js/jquery-1.7.1.min.js"></script>
+        <script type="text/javascript">$.noConflict();</script>
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/global.js'></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
+  </body>
+</html>

invoicePrintDetail.html

@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="stylesheet" href="css/sui/sm.css">
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
+    <link rel="stylesheet" href="css/sui/global.css">
+    <link rel="stylesheet" href="css/AirDate/datepicker.min.css">
+    
+  </head>
+  <body>
+    <div class="page-group">
+        <div class="page page-current">
+          <header class="bar bar-nav">
+            <a class="icon icon-left pull-left" href="invoicePrint.html"></a>
+            <h1 class="title holidayTBg">发票打印</h1>
+          </header>
+            <nav class="bar bar-tab">
+                <a class="tab-item external" href="invoiceMy.html">
+                    <!-- <span class="icon icon-edit"></span> -->
+                    <span class="tab-label">我的发票</span>
+                </a>
+                <a class="tab-item external" href="invoiceBilingMy.html">
+                    <!-- <span class="icon icon-me"></span> -->
+                    <span class="tab-label">我的收款</span>
+                    <span class="badge">2</span>
+                </a>
+                <a class="tab-item external" href="invoiceApproval.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票审批</span>
+                </a>
+                <a class="tab-item external active" href="invoicePrint.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票打印</span>
+                </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
+            </nav>
+            <div class="bar bar-header-secondary barBig">
+              <div class="row" style="overflow: inherit;">
+                <div class="col-100"><a href="" class="button button-big button-block button-fill button-success button-end">打印发票</a></div>
+              </div>
+            </div>
+            <div class="content">
+              <div class="list-block">
+                <ul>
+                  <li class="item-content align-top">
+                    <div class="item-inner">
+                      <div class="item-title label"><b class="colorRed">*</b> No.</div>
+                      <div class="item-input">
+                        <input type="number" class="myinput">
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票流水号</div>
+                      <div class="item-after">#F20160316001</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">提交时间</div>
+                      <div class="item-after">2016-03-01</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">所在办事处</div>
+                      <div class="item-after">广东办（刘飞）</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">备注</div>
+                      <div class="item-after"></div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票金额</div>
+                      <div class="item-after"><b>￥20000.00</b></div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票内容</div>
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">增值税普通发票</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">单位名称</div>
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">纳税人识别码</div>
+                      <div class="item-after">1212123123123</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册电话</div>
+                      <div class="item-after">0756-34324</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册地址</div>
+                      <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开户银行</div>
+                      <div class="item-after">广发银行</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">银行账户</div>
+                      <div class="item-after">234324234</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">增值税专用发票</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">单位名称</div>
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">纳税人识别码</div>
+                      <div class="item-after">1212123123123</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册电话</div>
+                      <div class="item-after">0756-34324</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title">注册地址</div>
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
+                      </div>
+                    </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开户银行</div>
+                      <div class="item-after">广发银行</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">银行账户</div>
+                      <div class="item-after">234324234</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">邮寄信息</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件人</div>
+                      <div class="item-after">陈工</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件人手机/电话</div>
+                      <div class="item-after">12345678901</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件地址</div>
+                      <div class="item-after">广东省珠海市XXX路XXX号</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">邮寄物品</div>
+                      <div class="item-after">合同x1、锁套装x1</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">审批流程</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">广东办-刘飞</div>
+                      <div class="item-after">创建  2016-11-10</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">广东办-刘飞</div>
+                      <div class="item-after">提交审批  2016-11-10</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【退回】审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【终止】审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+        </div>
+    </div>
+
+        <script src="js/jquery-1.7.1.min.js"></script>
+        <script type="text/javascript">$.noConflict();</script>
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/global.js'></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
+  </body>
+</html>

invoicePrintDetail1.html

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="stylesheet" href="css/sui/sm.css">
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
+    <link rel="stylesheet" href="css/sui/global.css">
+    <link rel="stylesheet" href="css/AirDate/datepicker.min.css">
+    
+  </head>
+  <body>
+    <div class="page-group">
+        <div class="page page-current">
+          <header class="bar bar-nav">
+            <a class="icon icon-left pull-left" href="invoicePrint.html"></a>
+            <h1 class="title holidayTBg">发票打印</h1>
+          </header>
+            <nav class="bar bar-tab">
+                <a class="tab-item external" href="invoiceMy.html">
+                    <!-- <span class="icon icon-edit"></span> -->
+                    <span class="tab-label">我的发票</span>
+                </a>
+                <a class="tab-item external" href="invoiceBilingMy.html">
+                    <!-- <span class="icon icon-me"></span> -->
+                    <span class="tab-label">我的收款</span>
+                    <span class="badge">2</span>
+                </a>
+                <a class="tab-item external" href="invoiceApproval.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票审批</span>
+                </a>
+                <a class="tab-item external active" href="invoicePrint.html">
+                    <!-- <span class="icon icon-menu"></span> -->
+                    <span class="tab-label">发票打印</span>
+                </a>
+                <!-- <a class="tab-item external" href="invoiceAggregate.html">
+                    <span class="icon icon-menu"></span>
+                    <span class="tab-label">汇总</span>
+                </a> -->
+            </nav>
+            <div class="content">
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">快递信息</div>
+                      <div class="item-after">EMS快递：31532525</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票流水号</div>
+                      <div class="item-after">#F20160316001</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">提交时间</div>
+                      <div class="item-after">2016-03-01</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">所在办事处</div>
+                      <div class="item-after">广东办（刘飞）</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">备注</div>
+                      <div class="item-after"></div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票金额</div>
+                      <div class="item-after"><b>￥20000.00</b></div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开票内容</div>
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">增值税普通发票</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">单位名称</div>
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">纳税人识别码</div>
+                      <div class="item-after">1212123123123</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册电话</div>
+                      <div class="item-after">0756-34324</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册地址</div>
+                      <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开户银行</div>
+                      <div class="item-after">广发银行</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">银行账户</div>
+                      <div class="item-after">234324234</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">增值税专用发票</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">单位名称</div>
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">纳税人识别码</div>
+                      <div class="item-after">1212123123123</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">注册电话</div>
+                      <div class="item-after">0756-34324</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title">注册地址</div>
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
+                      </div>
+                    </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">开户银行</div>
+                      <div class="item-after">广发银行</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">银行账户</div>
+                      <div class="item-after">234324234</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">邮寄信息</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件人</div>
+                      <div class="item-after">陈工</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件人手机/电话</div>
+                      <div class="item-after">12345678901</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">收件地址</div>
+                      <div class="item-after">广东省珠海市XXX路XXX号</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">邮寄物品</div>
+                      <div class="item-after">合同x1、锁套装x1</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="content-block-title">审批流程</div>
+              <div class="list-block">
+                <ul>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">广东办-刘飞</div>
+                      <div class="item-after">创建  2016-11-10</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">广东办-刘飞</div>
+                      <div class="item-after">提交审批  2016-11-10</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【退回】审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                  <li class="item-content">
+                    <div class="item-inner">
+                      <div class="item-title">总部-张少珊</div>
+                      <div class="item-after">【终止】审批意见文本 2016-11-11</div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+        </div>
+    </div>
+
+        <script src="js/jquery-1.7.1.min.js"></script>
+        <script type="text/javascript">$.noConflict();</script>
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
+        <script type='text/javascript' src='js/sui/global.js'></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
+  </body>
+</html>