【机构】-订单列表H5

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

@@ -125,8 +125,15 @@ li{list-style:none}
 .header-search .search-time .line{height:11.2vw;line-height:11.2vw;color:#627386}
 .header-button{text-align:center;padding-bottom:2.6vw}
 .header-button .btn-server{display:inline-block;width:35.3vw;height:11.2vw;line-height:11.2vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;font-size:3.6vw;color:#e15616}
-
-
+.user-main.order{box-sizing:border-box;width:100%;background:#FFF;margin-bottom:1.5vw;padding:2vw 3.2vw 4vw 3.2vw;font-size:3.2vw;color:#627386;line-height:7vw}
+.user-main.order .order-title{position:relative;height:16vw}
+.user-main.order .order-title .title-name:nth-of-type(1){padding-left:11.6vw;color:#e15616;font-size:3.5vw;line-height:9vw}
+.user-main.order .order-title .bag{position:absolute;left:0;top:2.6vw;width:9.6vw;height:4.2vw;line-height:4.2vw;text-align:center;color:#FFF;background-image:linear-gradient(90deg,#ffb427 0%,#f58e4d 100%);border-radius:2px}
+.user-main.order .order-title .state{position:absolute;right:0;bottom:0;color:#e15616}
+.user-main.order .order-title .title-time span,.user-main.order .order-content span{color:#22272e}
+.user-main.order .order-item p{display:inline-block;width:49%}
+.user-main.order .order-botton{text-align:right;margin-top:2vw}
+.user-main.order .order-botton .btn{display:inline-block;width:22.4vw;height:9.5vw;line-height:9.5vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;color:#e15616;font-size:3.4vw;margin-left:2.6vw}
 
 
 }

src/main/resources/templates/user-center/order/list.html

@@ -77,26 +77,26 @@
                                 </div>
                                 <div class="title-type" v-if="order.secondHandOrderFlag == 1"></div>
                                 <div class="title-time">
-                                    <p>{{order.orderTime}}</p>
+                                    <p>下单时间：<span>{{order.orderTime}}</span></p>
                                 </div>
                             </div>
                             <div class="order-content">
                                 <div class="order-item">
-                                    <p>税费: <span>￥{{order.expensesOfTaxation | NumFormat}}</span> </p>
-                                    <p v-if="order.freePostFlag == '0'">运费:<span>包邮</span> </p>
-                                    <p v-if="order.freePostFlag == '-1'">运费:<span>到付</span> </p>
-                                    <p v-if="order.freePostFlag == '1'">运费:<span>￥{{order.freight | NumFormat}}</span> </p>
-                                    <p v-if="order.discountFee!=0">经理折扣:<span>￥{{order.discountFee | NumFormat}}</span> </p>
-                                    <p>促销满减:<span>￥{{order.payTotalFee | NumFormat}}</span> </p>
-                                    <p>赠品数:10</p>
+                                    <p>税费：<span>￥{{order.expensesOfTaxation | NumFormat}}</span> </p>
+                                    <p v-if="order.freePostFlag == '0'">运费：<span>包邮</span> </p>
+                                    <p v-if="order.freePostFlag == '-1'">运费：<span>到付</span> </p>
+                                    <p v-if="order.freePostFlag == '1'">运费：<span>￥{{order.freight | NumFormat}}</span> </p>
+                                    <p v-if="order.discountFee!=0">经理折扣：<span>￥{{order.discountFee | NumFormat}}</span> </p>
+                                    <p>促销满减：<span>￥{{order.payTotalFee | NumFormat}}</span> </p>
+                                    <p>赠品数：10</p>
                                 </div>
                                 <div class="order-item">
-                                    <p>订单总额:<span class="red">￥{{order.payTotalFee | NumFormat}}</span> </p>
+                                    <p>订单总额：<span class="red">￥{{order.payTotalFee | NumFormat}}</span> </p>
                                 </div>
                                 <div class="order-item">
-                                    <p>应付总额:<span class="red">￥{{order.payableAmount | NumFormat}}</span> </p>
-                                    <p>已支付:<span class="red">￥{{order.receiptAmount | NumFormat}}</span> </p>
-                                    <p>待付金额:<span class="red">￥{{order.pendingPayments | NumFormat}}</span> </p>
+                                    <p>应付总额：<span class="red">￥{{order.payableAmount | NumFormat}}</span> </p>
+                                    <p>已支付：<span class="red">￥{{order.receiptAmount | NumFormat}}</span> </p>
+                                    <p>待付金额：<span class="red">￥{{order.pendingPayments | NumFormat}}</span> </p>
                                 </div>
                                 <div class="order-botton">
                                     <a class="btn primary" href="javascript: void(0);" v-if="['11','12','13','21','22','23','111'].indexOf(order.status)!=-1" @click="hanldPayOrderFn(order,order.orderID)">支付订单</a>