优化

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

@@ -1,6 +1,6 @@
 @media screen and (min-width:768px) {
     .crumbs {font-size: 16px;color: #22272e}
-    .userinfo {padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+    .userinfo {padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
     .info {height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;font-size: 16px;color: #22272e;overflow: hidden}
     .comback {width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;color: #FF5B00;}
     .userinfo .user p {display: inline-block;color: #627386;margin: 15px 45px 15px 0px;}
@@ -13,7 +13,7 @@
     .protitle {color: #22272e;font-size: 16px;padding: 15px;float: left;}
     .price-right {float: right;padding: 15px;color: #22272e;}
     .red {color: #f94b4b;}
-    .product {background: #fff;padding: 10px 15px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+    .product {background: #fff;padding: 10px 15px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
     .product-title {border-bottom: solid 1px #e2e7ef;height: 54px;line-height: 54px}
     .product-title li {display: inline-block;list-style: none;color: #627386;width: 15%;text-align: center;}
     .product-title li:nth-child(1) {width: 40%;text-align: left}
@@ -36,7 +36,7 @@
     .red {color: #f94b4b;}
     .none {color: #333333;}
     .order-info {margin-top: 20px;}
-    .order-info .content {background: #fff;padding: 15px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+    .order-info .content {background: #fff;padding: 15px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
     .order-info .vouch-list{ width: 100%;height: auto;box-sizing: border-box;padding: 16px 0; border-bottom: 1px solid #E2E7EF;}
     .order-info .refund-item-p{width: 100%;line-height: 30px;font-size: 14px;color: #666666;float: left;}
     .order-info .refund-item-imgs{width: 100%;height: auto;margin: 5px 0;float: left;}
@@ -48,11 +48,11 @@
     .order-item p.none{width: 100%;}
     .sett-re {margin-top: 20px}
     .sett-re .title{color: #22272e;font-size: 16px;padding: 15px}
-    .sett-re .payShopRecord {background: #fff;height: auto;line-height: 72px;padding-left: 15px;color: #22272e;padding:20px;}
+    .sett-re .payShopRecord {background: #fff;height: auto;line-height: 72px;padding-left: 15px;color: #22272e;padding:20px;border-radius: 8px;}
     .sett-re .payShopRecord div{width: 100%;height: 40px;float: left;}
     .sett-re .payShopRecord p {display: inline-block;margin-right: 15px;line-height: 40px;float: left;}
     .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 {width: 100%;height: 76px;box-sizing: border-box;float: left;padding: 20px;background-color: #FFFFFF;margin-top: 20px;border-radius: 8px;}
     .section-botton .inner .btn {width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;line-height: 36px;color: #FF5B00;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;}
@@ -85,7 +85,7 @@
     .protitle {color: #22272e;font-size: 3.4vw;padding: 4vw;float: left}
     .price-right {float: right;padding: 4vw;color: #22272e}
     .red {color: #f94b4b;}
-    .product {background: #fff;padding: 0 4vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);position: relative;height: 45vw}
+    .product {background: #fff;padding: 0 4vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);position: relative;height:auto;}
     .product-title {height: 5.3vw;line-height: 5.3vw;position: relative;width: 100%}
     .product-title li {display: inline-block;list-style: none;color: #627386;position: relative;top: 20vw;width: 24%;text-align: center}
     .product-title li:nth-child(1) {width: 100%;text-align: left;top: 0}

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

@@ -153,7 +153,7 @@
                             <el-button @click="history.go(-1)" round>返回</el-button>
                             <el-button
                                     v-if="[11,12,21,22,31,32].indexOf(order.status)!=-1"
-                                    type="primary"
+                                    type="success"
                                     style="margin: 0 10px;"
                                     round
                                     @click="handeleDropdown(1,order.shopOrderId)">
@@ -161,7 +161,7 @@
                             </el-button>
                             <el-button
                                     v-if="[2,3].indexOf(order.sendOutStatus) !== -1"
-                                    type="primary"
+                                    type="success"
                                     style="margin: 0 10px;"
                                     round
                                     @click="handeleDropdown(2,order.shopOrderId)">

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

@@ -171,7 +171,7 @@
                                 </div>
                             </div>
                             <div class="order-botton" style="text-align: right">
-                               <el-button type="primary" style="margin: 0 10px;" @click="handleDetail(order.shopOrderId)" round>查看详情</el-button>
+                               <el-button type="success" style="margin: 0 10px;" @click="handleDetail(order.shopOrderId)" round>查看详情</el-button>
                                <el-dropdown class="dropdown" trigger="click" placement="top">
                                    <el-button type="primary" round>操作</el-button>
                                    <el-dropdown-menu slot="dropdown">