注册样式有优化

src/main/resources/static/css/supplier-center/order/detail.css

@@ -38,6 +38,10 @@
     .sett-re div:nth-child(2) {background: #fff;height: 72px;line-height: 72px;padding-left: 15px;color: #22272e}
     .sett-re div:nth-child(2) p {display: inline-block;margin-right: 15px}
     .NoText{color: #627386}
+    .section-botton {width: 100%;height: 76px;box-sizing: border-box;float: left;padding: 20px;background-color: #FFFFFF;margin-top: 20px}
+    .section-botton .inner .btn {width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;line-height: 36px;color: #e15616;display: inline-block;margin-right: 16px;float: right;}
+    .section-botton.fiexd {position: fixed;bottom: 0;right: 0;}
+    .section-botton.fiexd .inner {width: 1184px;margin: 0 auto;z-index: 9999;}
 }
 
 

src/main/resources/static/css/user-center/order/detail.css

@@ -163,7 +163,7 @@ li{list-style:none}
     .section-invoice p{font-size:3.4vw;color:#627386;line-height:5vw;padding:1.6vw 0}
     .section-invoice p span{color:#22272e}
     .section-invoice .tit p{font-size:3.7vw;color:#22272e}
-    .price-total{padding:3vw;text-align:right;color:#22272e;font-size:3.4vw}
+    .price-total{padding:3vw;text-align:right;color:#22272e;font-size:3.4vw;float: left;}
     .price-total span{color:#f94b4b}
     .payment-transfer{color:#22272e}
     .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
@@ -173,8 +173,9 @@ li{list-style:none}
     .payment-transfer .label>p .red{color:#e15616}
     .record-title,.record-empty{width:100%;box-sizing:border-box;font-size:3.4vw;margin-top:1.5vw;padding:3.2vw;background:#FFF;color:#22272e}
     .record-title span{color:#f94b4b}
-    .section-botton{margin-top:1.5vw}
-    .section-botton .btn{display:block;width:93.4vw;height:11.2vw;line-height:11.2vw;font-size:3.7vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:1px solid #e15616;margin:0 auto 2.6vw auto;color:#e15616}
+    .section-botton{margin-top:1.5vw;padding: 2.7vw;background: #fff}
+    .section-botton .inner{overflow: hidden}
+    .section-botton .btn{display:inline-block;width:22.4vw;height:11.2vw;line-height:11.2vw;font-size:3.7vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:1px solid #e15616;margin:0 2.7vw 0 auto;color:#e15616;float: right;}
     .section-botton .primary{color:#FFF;Background:#e15616}
     .section-botton .btn.primary.confirm{line-height: 4.5vw;}
 

src/main/resources/static/js/supplier-center/order/detail.js

@@ -6,9 +6,19 @@ var seeDetail = new Vue({
         userInfo:{},
         order:{},
         orderList:[],
-        payShopRecord:[]
+        payShopRecord:[],
+        isFiexd:true
     },
     methods:{
+        delivery:function (orderID) {//发货
+            window.location.href='/supplier/order/delivery.html?shopOrderID='+orderID;
+        },
+        record:function (shopOrderID) {//发货记录
+            window.location.href = '/supplier/order/delivery_record.html?shopOrderID='+shopOrderID;
+        },
+        Checklist:function (shopOrderID) {//售货清单
+             window.open('/supplier/order/sales.html?shopOrderID='+shopOrderID)
+        },
         seeshopDetails:function () {
         var _this=this;
             SupplierApi.shopOrderDetails({shopOrderId:_this.shopID},function (res) {//列表初始化
@@ -36,5 +46,15 @@ var seeDetail = new Vue({
         if(isPC){
             _self.open=true;
         }
+         $(window).scroll(function (event) {
+            var supportPageOffset = window.pageXOffset !== undefined; // 判断是否支持pageXOffset
+            var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat"); // 判断渲染模式是不是标准模式
+            var scrollHeight = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
+            if(scrollHeight<100){
+                _self.isFiexd = true
+            }else{
+                _self.isFiexd = false
+            }
+        });
     },
 })

src/main/resources/templates/supplier-center/order/detail.html

@@ -98,7 +98,7 @@
                     </div>
                     <div class="sett-re">
                         <div>结算记录</div>
-                        <div  v-if="payShopRecord !=''">
+                        <div class="shadow" v-if="payShopRecord !=''">
                              <div v-for="pay in payShopRecord">
                                  <p>{{pay.status}}.结算时间：{{pay.payTime}}</p>
                                  <p>结算金额：¥{{pay.payAmount}}</p>
@@ -108,6 +108,14 @@
                             <p class="NoText">暂无结算记录</p>
                          </div>
                     </div>
+                     <div class="section-botton shadow" :class="isFiexd ? 'fiexd' : 'float'">
+                            <div class="inner">
+                             <a class="btn" href="javascript: void(0);" v-if="order.sendOutStatus!=3" :value="order.shopOrderID" @click="delivery(order.shopOrderID)">发货</a>
+                             <a class="btn" href="javascript: void(0);" @click="record(order.shopOrderID)">发货记录</a>
+                             <a class="btn" href="javascript: void(0);" @click="Checklist(order.shopOrderID)" target="_blank">售货清单</a>
+                            </div>
+                        </div>
+
                 </div>
             </div>
         </div>