page-ok

@@ -141,7 +141,7 @@ const addressModify = (req, res, next) => {
     let orderCode = req.query.orderCode;
 
     orderDetailModel.orderDetailData(uid, orderCode).then(result => {
-        res.render('address-modify', Object.assign(result, {
+        res.render('order-address-modify', Object.assign(result, {
             pageHeader: headerModel.setNav({
                 navTitle: '修改地址',
                 navBtn: false

@@ -9,17 +9,22 @@
             <label for="phone">联系电话：</label>
             <input name="phone" type="text" value="182****333">
         </div>
-        <div class="form-group">
+        <div class="form-group disable">
             <label for="province">所在省：</label>
-            <input name="province" type="text" value="江苏省">
+            <input name="province" type="text" value="江苏省" class="disable" readonly>
         </div>
         <div class="form-group">
             <label for="area">所在地区：</label>
-            <input name="area" type="text" value="南京市建邺区城区">
+            <input name="area" type="text" value="南京市建邺区城区" readonly>
         </div>
         <div class="form-group">
-            <label for="address">详细地址：</label>
-            <input name="address" type="text" value="嘉陵江东街18号南京国家广告产业园">
+            <label for="address" class="label-address">详细地址：</label>
+            <textarea name="address" type="text" value="" maxlength="255">嘉陵江东街18号南京国家广告产业园12栋17层
+            </textarea>
         </div>
     </div>
+    <div class="tip"><span class="iconfont icon-info"></span>修改地址仅可修改一次，且会影响送货时间，请您谅解！</div>
+    <div class="btn-sure-line">
+        <button id="btnSure" class="btn-sure">确认修改</button>
+    </div>
 </div>
\ No newline at end of file

 require('home/order-address-modify.css');
 require('common.css');
 require('../common');
+
+let btnSure = $('#btnSure');
+
+btnSure.on('click', function() {
+    console.log('ok');
+});

 .address-modify {
+    position: fixed;
+    width: 100%;
+    top: 90px;
+    bottom: 0;
+    background-color: #f0f0f0;
+
+    .icon-info:before {
+        content: "\e61f";
+    }
+
     .tip {
+        color: #aeaeae;
+        font-size: 14px;
+        line-height: 60px;
+        padding-left: 30px;
 
+        .icon-info {
+            margin-right: 5px;
+        }
     }
+
     .form {
+        border-top: 1px solid #e7e7e7;
+        border-bottom: 1px solid #e7e7e7;
+        background-color: #fff;
 
         .form-group {
-            
+            line-height: 80px;
+            border-bottom: 1px solid #e7e7e7;
+            margin-left: 30px;
+        }
+
+        .disable {
+            color: #a2a2a2;
+        }
+
+        .form-group:last-child {
+            border-bottom: none;
+        }
+
+        label {
+            width: 20%;
+        }
+
+        input {
+            width: 77%;
+            line-height: 60px;
+        }
+
+        .label-address {
+            float: left;
         }
 
+        textarea {
+            right: 0;
+            width: 77%;
+            resize: none;
+            padding-top: 22px;
+            height: 120px;
+        }
+    }
+
+    .btn-sure-line {
+        text-align: center;
+        margin-top: 40px;
+
+        .btn-sure {
+            background: #444;
+            color: #fff;
+            padding: 22px 160px;
+            border-radius: 4px;
+        }
     }
-}
\ No newline at end of file
+}