增加邮寄快速填写

css/sui/global.css

@@ -248,18 +248,18 @@
   float:left;
 }
 .gw_num{
-  margin:0 0 0 15px;
+  margin:0 0 0 50px;
   display:inline-block;
   border: 1px solid #dbdbdb;
-  width: 90px;
-  height:26px;
-  line-height: 26px;
+  width: 105px;
+  height:35px;
+  line-height: 35px;
   overflow: hidden;
 }
 .gw_num em{
   display: block;
-  height: 26px;
-  width: 26px;
+  height: 35px;
+  width: 35px;
   float: left;
   color: #7A7979;
   border-right: 1px solid #dbdbdb;
@@ -274,9 +274,10 @@
   width: 32px !important;
   font-style: normal !important;
   font-size: 14px !important;
-  height:24px !important;
-  line-height: 24px !important;
+  height:35px !important;
+  line-height: 35px !important;
   border: 0 !important;
+  padding:0 !important;
 }
 .gw_num em.add{
   float: right;
@@ -289,6 +290,18 @@
 .colorRed{
   color:#f00;
 }
+.textarea-bor{
+  border:1px solid #ddd !important;
+  border-radius: 3px !important;
+  padding:0.5rem !important;
+}
+.btn-wrap{
+  padding:1rem 0 1rem 0;
+  float:right;
+}
+.btn-wrap .btn-regular{
+  float:left;
+}
 /*#in-display{
   display:inline-block;
 }

invoiceAdd.html

@@ -291,6 +291,29 @@
                       </div>
                     </div>
                   </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">广东，珠海，香洲，银桦路8号深圳发展银行大厦24D，18620025102刘飞</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>
                   <li>
                     <div class="item-content align-top">
                       <div class="item-inner">
@@ -302,14 +325,14 @@
                             <div class="item-inner">
                               <div class="item-subtitle">
                                 <span class="item-input-title">软件锁</span>
-                                <div class="gw_num">
-                                  <em class="jian">-</em>
-                                  <input type="text" value="1" class="num"/>
-                                  <em class="add">+</em>
-                                </div>
                               </div>
                             </div>
                           </label>
+                          <div class="gw_num">
+                            <em class="jian">-</em>
+                            <input type="text" value="1" class="num"/>
+                            <em class="add">+</em>
+                          </div>
                           <label class="label-checkbox item-content">
                             <input type="checkbox" name="my-checkbox" checked disabled>
                             <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
@@ -323,28 +346,28 @@
                             <div class="item-inner">
                               <div class="item-subtitle">
                                 <span class="item-input-title">合同</span>
-                                <div class="gw_num">
-                                  <em class="jian">-</em>
-                                  <input type="text" value="1" class="num"/>
-                                  <em class="add">+</em>
-                                </div>
                               </div>
                             </div>
                           </label>
+                          <div class="gw_num">
+                            <em class="jian">-</em>
+                            <input type="text" value="1" class="num"/>
+                            <em class="add">+</em>
+                          </div>
                           <label class="label-checkbox item-content">
                             <input type="checkbox" name="my-checkbox">
                             <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                             <div class="item-inner">
                               <div class="item-subtitle">
                                 <span class="item-input-title">说明书</span>
-                                <div class="gw_num">
-                                  <em class="jian">-</em>
-                                  <input type="text" value="1" class="num"/>
-                                  <em class="add">+</em>
-                                </div>
                               </div>
                             </div>
                           </label>
+                          <div class="gw_num">
+                            <em class="jian">-</em>
+                            <input type="text" value="1" class="num"/>
+                            <em class="add">+</em>
+                          </div>
                           <label class="label-checkbox item-content">
                             <input type="checkbox" name="my-checkbox">
                             <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
@@ -365,6 +388,7 @@
                   </li>
                 </ul>
               </div>
+              
               <div class="content-block">
                 <div class="row">
                   <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>