Преглед изворни кода

邮寄物品的页面调整

outaozhen пре 7 година
родитељ
комит
181ad67ad7
4 измењених фајлова са 762 додато и 87 уклоњено
  1. 23 25
      css/sui/global.css
  2. 144 43
      invoiceAdd.html
  3. 571 0
      invoiceAddVersion.html
  4. 24 19
      invoiceBilingDetailsReceive.html

+ 23 - 25
css/sui/global.css

@@ -215,7 +215,7 @@
   white-space: normal !important; 
   margin-left: 1.5rem !important;
   flex-shrink: inherit !important;
-  max-height: 5.5rem !important;
+  max-height: 15.5rem !important;
 }
 .item-inputLeft{
   margin:0 0 0 0.25rem !important;
@@ -248,21 +248,21 @@
   float:left;
 }
 .gw_num{
-  margin:0 0 0 50px;
+  margin-top: 0.3rem !important;
   display:inline-block;
-  border: 1px solid #dbdbdb;
-  width: 105px;
-  height:35px;
-  line-height: 35px;
+  border: 1px solid #f0f0f0;
+  width: 250px;
+  height:38px;
+  line-height: 38px;
   overflow: hidden;
 }
 .gw_num em{
   display: block;
-  height: 35px;
-  width: 35px;
+  height: 38px;
+  width: 38px;
   float: left;
   color: #7A7979;
-  border-right: 1px solid #dbdbdb;
+  border-right: 1px solid #f0f0f0;
   text-align: center;
   cursor: pointer;
   font-style:normal;
@@ -271,22 +271,25 @@
   display: block !important;
   float: left !important;
   text-align: center !important;
-  width: 32px !important;
+  width: 170px !important;
   font-style: normal !important;
   font-size: 14px !important;
-  height:35px !important;
-  line-height: 35px !important;
+  height:38px !important;
+  line-height: 38px !important;
   border: 0 !important;
   padding:0 !important;
 }
 .gw_num em.add{
   float: right;
   border-right: 0;
-  border-left: 1px solid #dbdbdb;
+  border-left: 1px solid #f0f0f0;
 }
 .ml-4{
   margin-left: 1rem;
 }
+.mr-4{
+  margin-right: 0.5rem;
+}
 .colorRed{
   color:#f00;
 }
@@ -305,16 +308,11 @@
 .height7{
   height:12rem;
 }
-/*#in-display{
-  display:inline-block;
+.mail-list dt{
+  font-weight: bold;
 }
-.text-number{
-  margin:0 15px;
-  width:1.35rem;
-  height:1.35rem;
-  text-align: center;
-  display:inline-block;
-  border:1px solid #ddd;
-  border-radius: 5px;
-  font-size: 0.8rem;
-}*/
+.mail-list dd{
+  padding:0;
+  padding-top: 0.3rem;
+  margin:0;
+}

+ 144 - 43
invoiceAdd.html

@@ -47,6 +47,103 @@
                 </a> -->
             </nav>
             <div class="content">
+              <div class="content-block-title">邮寄物品</div>
+              <div class="list-block">
+                <ul>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">软件锁</div>
+                        <div class="item-input"><a href="invoiceAddVersion.html">选择版本</a></div>
+                      </div>
+                    </div>
+                  </li>
+                  <!-- <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">软件锁版本</div>
+                        <div class="item-input"><a href="invoiceAddVersion.html">选择版本</a></div>
+                      </div>
+                    </div>
+                  </li> -->
+                  <!-- <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">软件锁版本</div>
+                        <div class="item-input">广东专业+广东专业(新定额)</div>
+                      </div>
+                    </div>
+                  </li> -->
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">发票</div>
+                        <div class="item-input"><input type="text" value="1" disabled/></div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">合同</div>
+                        <div class="item-input">
+                          <div class="gw_num">
+                            <em class="jian">-</em>
+                            <input type="text" value="1" min="0" class="num"/>
+                            <em class="add">+</em>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">说明书</div>
+                        <div class="item-input">
+                          <div class="gw_num">
+                            <em class="jian">-</em>
+                            <input type="text" value="1" min="0" class="num"/>
+                            <em class="add">+</em>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">汇款账单号</div>
+                        <div class="item-input"></div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <dl class="mail-list">
+                          <dt>本次邮寄物品:</dt>
+                          <dd>软件锁 广东专业+广东专业(新定额) *1 &nbsp;&nbsp;<a class="colRed" href="#" title="移除该物品"><span class="icon icon-remove"></span></a></dd>
+                          <dd>软件锁 广东专业 *1 &nbsp;&nbsp;<a class="colRed" href="#" title="移除该物品"><span class="icon icon-remove"></span></a></dd>
+                          <dd>发票 *1</dd>
+                          <dd>合同 *1 &nbsp;&nbsp;<a class="colRed" href="#" title="移除该物品"><span class="icon icon-remove"></span></a></dd>
+                          <dd>汇款账单号</dd>
+                        </dl>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">备注</div>
+                        <div class="item-input">
+                          <textarea placeholder="备注信息或其他需要邮寄物品请填写在这,写明数量。"></textarea>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
               <div class="list-block">
                 <ul>
                   <li>
@@ -64,6 +161,24 @@
               <div class="list-block">
                 <ul>
                   <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-input">
+                          <p>发票内容粘贴,自动识别信息</p>
+                          <textarea placeholder="识别填写的顺序:单位 识别码 地址 电话 开户银行 账户" class="textarea-bor"></textarea>
+                          <div class="btn-wrap clearfix">
+                            <a href="#" class="button button-big button-light btn-regular">清空</a>
+                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <div class="list-block">
+                <ul>
+                  <li>
                     <div class="item-content align-top">
                       <div class="item-inner">
                         <div class="item-title label">单位名称</div>
@@ -140,13 +255,9 @@
                   <li>
                     <div class="item-content">
                       <div class="item-inner">
+                        <div class="item-title label">发票类型</div>
                         <div class="item-input">
-                          <p>发票内容粘贴,自动识别信息</p>
-                          <textarea placeholder="识别填写的顺序:单位 识别码 地址 电话 开户银行 账户" class="textarea-bor"></textarea>
-                          <div class="btn-wrap clearfix">
-                            <a href="#" class="button button-big button-light btn-regular">清空</a>
-                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
-                          </div>
+                          <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税专用发票">
                         </div>
                       </div>
                     </div>
@@ -158,9 +269,13 @@
                   <li>
                     <div class="item-content">
                       <div class="item-inner">
-                        <div class="item-title label">发票类型</div>
                         <div class="item-input">
-                          <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税专用发票">
+                          <p>发票内容粘贴,自动识别信息</p>
+                          <textarea placeholder="识别填写的顺序:单位 识别码 地址 电话 开户银行 账户" class="textarea-bor"></textarea>
+                          <div class="btn-wrap clearfix">
+                            <a href="#" class="button button-big button-light btn-regular">清空</a>
+                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -241,24 +356,6 @@
                   </li>
                 </ul>
               </div>
-              <div class="list-block">
-                <ul>
-                  <li>
-                    <div class="item-content">
-                      <div class="item-inner">
-                        <div class="item-input">
-                          <p>发票内容粘贴,自动识别信息</p>
-                          <textarea placeholder="识别填写的顺序:单位 识别码 地址 电话 开户银行 账户" class="textarea-bor"></textarea>
-                          <div class="btn-wrap clearfix">
-                            <a href="#" class="button button-big button-light btn-regular">清空</a>
-                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </div>
               <div class="content-block-title">发票详情</div>
               <div class="list-block">
                 <ul>
@@ -337,20 +434,32 @@
                       </div>
                     </div>
                   </li>
+                </ul>
+              </div>
+              <div class="list-block">
+                <ul>
                   <li>
                     <div class="item-content">
                       <div class="item-inner">
-                        <div class="item-title label">收件人</div>
                         <div class="item-input">
-                          <input type="text" placeholder="">
+                          <p>邮寄地址粘贴,自动识别姓名、电话和地址</p>
+                          <textarea placeholder="识别填写的顺序:地址 电话 姓名" class="textarea-bor"></textarea>
+                          <div class="btn-wrap clearfix">
+                            <a href="#" class="button button-big button-light btn-regular">清空</a>
+                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
+                          </div>
                         </div>
                       </div>
                     </div>
                   </li>
+                </ul>
+              </div>
+              <div class="list-block">
+                <ul>
                   <li>
                     <div class="item-content">
                       <div class="item-inner">
-                        <div class="item-title label">手机/电话</div>
+                        <div class="item-title label">收件人</div>
                         <div class="item-input">
                           <input type="text" placeholder="">
                         </div>
@@ -358,29 +467,21 @@
                     </div>
                   </li>
                   <li>
-                    <div class="item-content align-top">
+                    <div class="item-content">
                       <div class="item-inner">
-                        <div class="item-title label">收件地址</div>
+                        <div class="item-title label">手机/电话</div>
                         <div class="item-input">
-                          <textarea></textarea>
+                          <input type="text" placeholder="">
                         </div>
                       </div>
                     </div>
                   </li>
-                </ul>
-              </div>
-              <div class="list-block">
-                <ul>
                   <li>
-                    <div class="item-content">
+                    <div class="item-content align-top">
                       <div class="item-inner">
+                        <div class="item-title label">收件地址</div>
                         <div class="item-input">
-                          <p>邮寄地址粘贴,自动识别姓名、电话和地址</p>
-                          <textarea placeholder="识别填写的顺序:地址 电话 姓名" class="textarea-bor"></textarea>
-                          <div class="btn-wrap clearfix">
-                            <a href="#" class="button button-big button-light btn-regular">清空</a>
-                            <!-- <a href="#" class="button button-big button-fill button-success btn-regular ml-4">智能填写</a> -->
-                          </div>
+                          <textarea></textarea>
                         </div>
                       </div>
                     </div>

+ 571 - 0
invoiceAddVersion.html

@@ -0,0 +1,571 @@
+<!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="invoiceAdd.html"></a>
+            <h1 class="title holidayTBg">请选择版本</h1>
+          </header>
+            <nav class="bar bar-tab">
+              <a href="invoiceAdd.html" class="tab-item external button button-fill button-none">
+                <span class="tab-label">提交</span>
+              </a>
+            </nav>
+            <div class="content">
+              <div class="list-block">
+                <ul>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国标准</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国招投标</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国三算</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国项目专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东项目专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东招投标</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东三算</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东简装</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">江西养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广西养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">浙江养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">安徽养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">海南养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">山东养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">甘肃养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">重庆养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">四川养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国算量</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东算量</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">标后预算</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">固化清单纯净版</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">定额排版</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">港口水工</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">计量支付PAY2000</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国多用户专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东多用户专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国清单编制</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">内蒙标后预算定额</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">计量支付专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">结算决算-0号台账分解</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">计量支付计量台账</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">结算决算-全功能</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">结算决算-计量台账</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">结算决算-资金计划</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">浙江养护多用户</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">N合一</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东业主专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">福建专业</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">固化清单全功能</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">河南养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">新疆养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">内蒙养护</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">贵州标后预算</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国专业(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国项目专业(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国招投标(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国三算(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">全国标准(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东专业(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东简装(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东项目专业(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东招投标(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东三算(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">广东业主专业(新定额)</div>
+                      </div>
+                    </label>
+                  </li>
+                  <li>
+                    <label class="label-checkbox item-content">
+                      <input type="checkbox" name="my-radio">
+                      <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
+                      <div class="item-inner">
+                        <div class="item-subtitle">重庆养护(营改增)</div>
+                      </div>
+                    </label>
+                  </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>

+ 24 - 19
invoiceBilingDetailsReceive.html

@@ -48,12 +48,26 @@
             </nav>
             <div class="bar bar-header-secondary barBig">
               <div class="row" style="overflow: inherit;">
-                <div class="col-50"><a href="invoiceBiling.html" class="button button-big button-block button-fill button-danger">取消</a></div>
-                <div class="col-50"><a href="" class="button button-big button-block button-fill button-success">确定收款</a></div>
+                <!-- <div class="col-50"><a href="invoiceBiling.html" class="button button-big button-block button-fill button-light">返回</a></div>
+                <div class="col-50"><a href="" class="button button-big button-block button-fill button-success">确定收款</a></div> -->
+                <div class="col-100"><a href="" class="button button-big button-block button-success">确定收款</a></div>
+                <!-- <div class="col-100"><a href="" class="button button-big button-block button-success button-fill">确定收款</a></div> -->
               </div>
             </div>
             <div class="content">
               <div class="content-block pLR-n">
+                <div class="content-block-title">单位名称(<b style="color:#f00;">必填</b>)</div>
+                <div class="list-block">
+                  <ul>
+                    <li class="item-content">
+                      <div class="item-inner">
+                        <div class="card-content">
+                          <textarea class="myinput" placeholder="请输入开票单位名称"></textarea>
+                        </div>
+                      </div>
+                    </li>
+                  </ul>
+                </div>
                 <div class="list-block">
                   <ul>
                     <li class="item-content">
@@ -86,37 +100,28 @@
                         <div class="item-after">2016-04-11</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="card-content">
-                          <div class="card-content-inner card-content-inner-lnot">
-                              广发银行珠海分行柠溪支行
-                          </div>
-                        </div>
+                        <div class="item-title">收款银行</div>
+                        <div class="item-after">广发银行珠海分行柠溪支行广发银行珠海分行柠溪支行广发银行珠海分行柠溪支行</div>
                       </div>
                     </li>
                   </ul>
-                </div>
-                <div class="content-block-title">单位名称</div>
+                </div><!-- 
+                <div class="content-block-title">收款银行</div>
                 <div class="list-block">
                   <ul>
                     <li class="item-content">
                       <div class="item-inner">
                         <div class="card-content">
-                          <textarea class="myinput" placeholder="请输入开票单位名称"></textarea>
-                          <!-- <div class="card-content-inner card-content-inner-lnot">
-                              
-                          </div> -->
+                          <div class="card-content-inner card-content-inner-lnot">
+                              广发银行珠海分行柠溪支行
+                          </div>
                         </div>
                       </div>
                     </li>
                   </ul>
-                </div>
+                </div> -->
               </div>
             </div>
         </div>