Home Explore Help
Sign In
caimei365
/
caimei365-manager
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

订单备注

zhengjinyi 1 year ago
parent
7aba4748c0
commit
7079a777cd
2 changed files with 633 additions and 388 deletions
Unified View Show Diff Stats
  1. 127 388
      src/main/webapp/WEB-INF/views/modules/order/shopOrderDetail.jsp
  2. 506 0
      src/main/webapp/static/modules/order/order-details.css

+ 127 - 388
src/main/webapp/WEB-INF/views/modules/order/shopOrderDetail.jsp
View File 

@@ -5,394 +5,7 @@
 
 <head>
 
 <head>
 
     <title>订单列表</title>
 
     <title>订单列表</title>
 
     <meta name="decorator" content="default"/>
 
     <meta name="decorator" content="default"/>
 
-    <style type="text/css">
 
-        * {
 
-            margin: 0;
 
-            padding: 0
 
-        }
 
-
 
-        a {
 
-            list-style: none;
 
-            text-decoration: none
 
-        }
 
-
 
-        body {
 
-            background-color: rgb(255, 255, 255)
 
-        }
 
-
 
-        h3 {
 
-            line-height: 20px;
 
-            padding: 20px 0 20px 15px;
 
-            border-bottom: 1px solid #CCCCCC
 
-        }
 
-
 
-        .now-status p {
 
-            padding: 20px
 
-        }
 
-
 
-        .now-status span {
 
-            display: inline-block;
 
-            width: 160px;
 
-            line-height: 35px;
 
-            margin-right: 15px;
 
-            cursor: pointer;
 
-            border: 1px solid #CCCCCC;
 
-            text-align: center;
 
-            border-radius: 5px
 
-        }
 
-
 
-        .buyInfo p {
 
-            padding: 15px 5px 0
 
-        }
 
-
 
-        .buyInfo p label {
 
-            width: 60px;
 
-            display: inline-block
 
-        }
 
-
 
-        .buyInfo p span {
 
-            padding-left: 10px
 
-        }
 
-
 
-        .table th {
 
-            background-color: #CCCCCC
 
-        }
 
-
 
-        .table th, .table td {
 
-            font-weight: normal;
 
-            border: 1px solid #CCCCCC;
 
-            height: 35px;
 
-            text-align: center
 
-        }
 
-
 
-        .table td .div-img {
 
-            box-sizing: border-box
 
-        }
 
-
 
-        .table td .div-img img {
 
-            width: 100px;
 
-            height: 100px;
 
-            vertical-align: middle
 
-        }
 
-
 
-        .table td .div-img span {
 
-        }
 
-
 
-        .div-order span {
 
-            width: 260px;
 
-            display: inline-block;
 
-            margin-right: 50px
 
-        }
 
-
 
-        .text-result p {
 
-            padding-top: 15px
 
-        }
 
-
 
-        .text-cost p {
 
-            padding: 20px 0
 
-        }
 
-
 
-        .moeny-cost p {
 
-            padding: 10px 0 0 0;
 
-            text-align: left
 
-        }
 
-
 
-        .moeny-cost p label {
 
-            display: inline-block
 
-        }
 
-
 
-        .Staging table {
 
-            width: 100%;
 
-            border-collapse: collapse;
 
-            margin-top: 20px
 
-        }
 
-
 
-        .Staging table th, .Staging table td {
 
-            font-weight: normal;
 
-            border: 1px solid #000;
 
-            height: 35px;
 
-            text-align: center;
 
-            width: 10%
 
-        }
 
-
 
-        .change-info {
 
-            position: fixed;
 
-            top: 0%;
 
-            left: 50%;
 
-            transform: translateX(-50%);
 
-            z-index: 999;
 
-            width: 800px;
 
-            background-color: #fff;
 
-            box-shadow: 0px 0px 15px #ccc
 
-        }
 
-
 
-        .item-div label {
 
-            width: 260px;
 
-            text-align: right;
 
-            display: inline-block;
 
-            margin-right: 50px
 
-        }
 
-
 
-        .item-div input {
 
-            width: 300px;
 
-            line-height: 35px;
 
-            height: 35px;
 
-            box-sizing: border-box;
 
-            border: 1px solid #CCCCCC;
 
-            display: inline-block
 
-        }
 
-
 
-        .item-div select {
 
-            width: 90px;
 
-            height: 35px;
 
-            margin-right: 10px
 
-        }
 
-
 
-        .item-div textarea {
 
-            border: 1px solid #CCCCCC;
 
-            margin-top: 20px;
 
-            width: 300px;
 
-            height: 80px;
 
-            resize: none;
 
-            display: block
 
-        }
 
-
 
-        .layer-status span {
 
-            display: inline-block;
 
-            width: 80px;
 
-            line-height: 35px;
 
-            background-color: #00A6C7;
 
-            text-align: center;
 
-            color: #fff;
 
-            cursor: pointer
 
-        }
 
-
 
-        .layer-status span:nth-of-type(1) {
 
-        }
 
-
 
-        .layer-status span:nth-of-type(2) {
 
-            margin-left: 72px
 
-        }
 
-
 
-        .same-style {
 
-            position: fixed;
 
-            top: 20%;
 
-            left: 50%;
 
-            transform: translateX(-50%);
 
-            width: 500px;
 
-            background-color: #fff;
 
-            z-index: 999;
 
-            box-shadow: 0 0 15px #666
 
-        }
 
-
 
-        .reason-cancel label {
 
-            margin-right: 20px
 
-        }
 
-
 
-        .reason-cancel textarea {
 
-            width: 270px;
 
-            height: 80px;
 
-            resize: none;
 
-            vertical-align: text-top;
 
-            border: 1px solid #CCCCCC
 
-        }
 
-
 
-        .order-details-heading {
 
-            background: #eee
 
-        }
 
-
 
-        .order-details-heading td {
 
-            white-space: nowrap;
 
-            padding: 0 10px
 
-        }
 
-
 
-        .order-rows, .order-details-heading {
 
-            width: 100%;
 
-            border-bottom: 1px solid #ccc;
 
-            border-left: 1px solid #ccc;
 
-            border-right: 1px solid #ccc;
 
-            color: #666;
 
-            padding: 10px;
 
-            line-height: 30px
 
-        }
 
-
 
-        .order-details-heading {
 
-            border-top: 1px solid #ccc
 
-        }
 
-
 
-        .order-details-heading span, .order-rows span {
 
-            margin-right: 80px
 
-        }
 
-
 
-        .order-details-heading span {
 
-            width: 230px;
 
-            margin-right: 0px;
 
-            display: inline-block
 
-        }
 
-
 
-        .order-details-heading span label, .order-rows span label {
 
-            font-weight: bold
 
-        }
 
-
 
-        .order-rows .supplier-img {
 
-            width: 100px
 
-        }
 
-
 
-        .operation-wrapper {
 
-            position: relative
 
-        }
 
-
 
-        .operation-btn {
 
-            cursor: pointer
 
-        }
 
-
 
-        .operation-block {
 
-            background: #fff;
 
-            width: 125px;
 
-            position: absolute;
 
-            left: 826px;
 
-            top: 5px;
 
-            padding: 10px;
 
-            border: 1px solid #666;
 
-            -webkit-border-radius: 5px;
 
-            -moz-border-radius: 5px;
 
-            border-radius: 5px;
 
-            z-index: 100001;
 
-            display: none
 
-        }
 
-
 
-        .operation-block a {
 
-            display: block;
 
-            padding: 3px 0
 
-        }
 
-
 
-        .print-wrapper {
 
-            display: inline-block
 
-        }
 
-
 
-        .supplier-product-name, .supplier-product-alias {
 
-            width: 200px;
 
-            line-height: 20px
 
-        }
 
-
 
-        .supplier-product-info {
 
-            width: 55%;
 
-            display: inline-block;
 
-            position: relative;
 
-            top: 50%;
 
-            transform: translateY(30%)
 
-        }
 
-
 
-        .supplier-product-promotionInfo {
 
-            width: 20%;
 
-            display: inline-block;
 
-            position: relative;
 
-            top: 50%;
 
-            transform: translateY(30%)
 
-        }
 
-
 
-        .supplier-product-item {
 
-            margin-bottom: 10px
 
-        }
 
-
 
-        .supplier-product-alias {
 
-            display: inline-block;
 
-            margin-top: 5px
 
-        }
 
-
 
-        .supplier-name {
 
-            display: inline-block;
 
-            vertical-align: middle;
 
-            margin: 0 10px
 
-        }
 
-
 
-        #auditBox {
 
-            padding: 20px;
 
-            line-height: 30px
 
-        }
 
-
 
-        #auditBox p {
 
-            font-size: 16px;
 
-            margin: 0 0 0 0
 
-        }
 
-
 
-        #auditBox .note-div {
 
-            font-size: 16px
 
-        }
 
-
 
-        .downSpan {
 
-            display: block;
 
-            margin-left: 5px;
 
-            margin-bottom: -8px
 
-        }
 
-
 
-        .upSpan {
 
-            display: block;
 
-            margin-left: 5px;
 
-            margin-top: -8px
 
-        }
 
-
 
-        .promotionsName {
 
-            margin: 2px
 
-        }
 
-
 
-        .ladderPrice > span {
 
-            text-decoration: underline;
 
-            color: red
 
-        }
 
-
 
-        .ladderPrice .list {
 
-            display: none;
 
-            position: absolute;
 
-            z-index: 999;
 
-            background: #FFF;
 
-            white-space: nowrap;
 
-            border: 1px solid #EEE;
 
-            padding: 10px 0;
 
-            color: #333
 
-        }
 
-
 
-        .ladderPrice:hover .list {
 
-            display: block
 
-        }
 
-
 
-        .ladderPrice .list span {
 
-            margin: 0 20px;
 
-            width: 60px;
 
-            text-align: center;
 
-            display: inline-block
 
-        }
 
-
 
-        .ladderPrice .list span.price {
 
-            color: red
 
-        }
 
-
 
-        .weishaIcon {
 
-            background: darkorange;
 
-            color: white;
 
-            margin: 0 0px;
 
-            padding: 0 3px;
 
-            font-style: normal;
 
-            font-size: 12px;
 
-            display: inline-block;
 
-            border-radius: 2px
 
-        }
 
-
 
-        .acticer_span {
 
-            display: inline-block;
 
-            width: 14px;
 
-            height: 14px;
 
-            border-radius: 50%;
 
-            box-sizing: border-box;
 
-            border: 1px solid #999999;
 
-            text-align: center;
 
-            color: #333333;
 
-            font-size: 12px;
 
-            line-height: 14px;
 
-            float: none;
 
-            margin-left: 3px;
 
-        }
 
-    </style>
 
+    <link href="${ctxStatic}/modules/order/order-details.css" rel="stylesheet">
 
     <script type="text/javascript" src="${ctxStatic}/QRCode/jquery.qrcode.min.js"></script>
 
     <script type="text/javascript" src="${ctxStatic}/QRCode/jquery.qrcode.min.js"></script>
 
     <script type="text/javascript" src="static/common/clipboard.min.js"></script>
 
     <script type="text/javascript" src="static/common/clipboard.min.js"></script>
 
 </head>
 
 </head>
 
@@ -927,6 +540,117 @@
 
                     </c:forEach>
 
                     </c:forEach>
 
     </div>
 
     </div>
 
 </c:if>
 
 </c:if>
 
+<%-- 订单备注 --%>
 
+<div class="remarks-drawer-content">
 
+    <div class="drawer-btn-main">
 
+        <p>订单备注</p>
 
+        <p class="drawer-close">收起》</p>
 
+        <p class="drawer-opens">展开《</p>
 
+    </div>
 
+    <div class="drawer-content">
 
+        <div class="drawer-content-btn">
 
+            <input id="btnSubmit" class="btn btn-primary" type="submit" value="添加备注">
 
+        </div>
 
+        <div class="drawer-content-none">
 
+            <p>暂无备注信息,有需要请您前往添加订单备注。</p>
 
+        </div>
 
+        <div class="drawer-content-mains">
 
+            <div class="drawer-list">
 
+                <div class="drawer-list-title">
 
+                    <span>赵智捷：2023-07-05 14:59</span>
 
+                </div>
 
+                <div class="drawer-list-text">
 
+                    <span>备注内容：</span>
 
+                    申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>图片</span>
 
+                </div>
 
+                <div class="drawer-list-image">
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>文件</span>
 
+                </div>
 
+                <div class="drawer-list-file">
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                </div>
 
+            </div>
 
+            <div class="drawer-list">
 
+                <div class="drawer-list-title">
 
+                    <span>赵智捷：2023-07-05 14:59</span>
 
+                </div>
 
+                <div class="drawer-list-text">
 
+                    <span>备注内容：</span>
 
+                    申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>图片</span>
 
+                </div>
 
+                <div class="drawer-list-image">
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>文件</span>
 
+                </div>
 
+                <div class="drawer-list-file">
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                </div>
 
+            </div>
 
+            <div class="drawer-list">
 
+                <div class="drawer-list-title">
 
+                    <span>赵智捷：2023-07-05 14:59</span>
 
+                </div>
 
+                <div class="drawer-list-text">
 
+                    <span>备注内容：</span>
 
+                    申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63申请付款1260 一盒63
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>图片</span>
 
+                </div>
 
+                <div class="drawer-list-image">
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                    <a href="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg">
 
+                        <img src="https://img.caimei365.com/group1/M00/00/41/rB-lF2LU3D2AODh6AAKqLkQtdyk410.jpg" alt="">
 
+                    </a>
 
+                </div>
 
+                <div class="drawer-list-title">
 
+                    <span>文件</span>
 
+                </div>
 
+                <div class="drawer-list-file">
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                  <p>奥斯卡级大叔大叔极度恐慌.pdf</p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
 <script type="text/javascript">
 
 <script type="text/javascript">
 
     (function () {
 
     (function () {
 
 
 
@@ -948,6 +672,21 @@
 
                 self.remove();
 
                 self.remove();
 
             }
 
             }
 
         })
 
         })
 
+        // 备注抽屉显隐
 
+        $('.drawer-opens').click(function() {
 
+            $('.remarks-drawer-content').animate({
 
+                'right': '0px'
 
+            }, 300);
 
+            $(this).hide()
 
+            $('.drawer-close').show()
 
+        });
 
+        $('.drawer-close').click(function() {
 
+            $('.remarks-drawer-content').animate({
 
+                'right': '-580px'
 
+            }, 300);
 
+            $(this).hide()
 
+            $('.drawer-opens').show()
 
+        });
 
     })();
 
     })();
 
 
 
     function operation(shopOrderID) {
 
     function operation(shopOrderID) {

+ 506 - 0
src/main/webapp/static/modules/order/order-details.css
View File 

@@ -0,0 +1,506 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0
 
+}
 
+
 
+a {
 
+    list-style: none;
 
+    text-decoration: none
 
+}
 
+
 
+body {
 
+    background-color: rgb(255, 255, 255)
 
+}
 
+
 
+h3 {
 
+    line-height: 20px;
 
+    padding: 20px 0 20px 15px;
 
+    border-bottom: 1px solid #CCCCCC
 
+}
 
+
 
+.now-status p {
 
+    padding: 20px
 
+}
 
+
 
+.now-status span {
 
+    display: inline-block;
 
+    width: 160px;
 
+    line-height: 35px;
 
+    margin-right: 15px;
 
+    cursor: pointer;
 
+    border: 1px solid #CCCCCC;
 
+    text-align: center;
 
+    border-radius: 5px
 
+}
 
+
 
+.buyInfo p {
 
+    padding: 15px 5px 0
 
+}
 
+
 
+.buyInfo p label {
 
+    width: 60px;
 
+    display: inline-block
 
+}
 
+
 
+.buyInfo p span {
 
+    padding-left: 10px
 
+}
 
+
 
+.table th {
 
+    background-color: #CCCCCC
 
+}
 
+
 
+.table th, .table td {
 
+    font-weight: normal;
 
+    border: 1px solid #CCCCCC;
 
+    height: 35px;
 
+    text-align: center
 
+}
 
+
 
+.table td .div-img {
 
+    box-sizing: border-box
 
+}
 
+
 
+.table td .div-img img {
 
+    width: 100px;
 
+    height: 100px;
 
+    vertical-align: middle
 
+}
 
+
 
+.table td .div-img span {
 
+}
 
+
 
+.div-order span {
 
+    width: 260px;
 
+    display: inline-block;
 
+    margin-right: 50px
 
+}
 
+
 
+.text-result p {
 
+    padding-top: 15px
 
+}
 
+
 
+.text-cost p {
 
+    padding: 20px 0
 
+}
 
+
 
+.moeny-cost p {
 
+    padding: 10px 0 0 0;
 
+    text-align: left
 
+}
 
+
 
+.moeny-cost p label {
 
+    display: inline-block
 
+}
 
+
 
+.Staging table {
 
+    width: 100%;
 
+    border-collapse: collapse;
 
+    margin-top: 20px
 
+}
 
+
 
+.Staging table th, .Staging table td {
 
+    font-weight: normal;
 
+    border: 1px solid #000;
 
+    height: 35px;
 
+    text-align: center;
 
+    width: 10%
 
+}
 
+
 
+.change-info {
 
+    position: fixed;
 
+    top: 0%;
 
+    left: 50%;
 
+    transform: translateX(-50%);
 
+    z-index: 999;
 
+    width: 800px;
 
+    background-color: #fff;
 
+    box-shadow: 0px 0px 15px #ccc
 
+}
 
+
 
+.item-div label {
 
+    width: 260px;
 
+    text-align: right;
 
+    display: inline-block;
 
+    margin-right: 50px
 
+}
 
+
 
+.item-div input {
 
+    width: 300px;
 
+    line-height: 35px;
 
+    height: 35px;
 
+    box-sizing: border-box;
 
+    border: 1px solid #CCCCCC;
 
+    display: inline-block
 
+}
 
+
 
+.item-div select {
 
+    width: 90px;
 
+    height: 35px;
 
+    margin-right: 10px
 
+}
 
+
 
+.item-div textarea {
 
+    border: 1px solid #CCCCCC;
 
+    margin-top: 20px;
 
+    width: 300px;
 
+    height: 80px;
 
+    resize: none;
 
+    display: block
 
+}
 
+
 
+.layer-status span {
 
+    display: inline-block;
 
+    width: 80px;
 
+    line-height: 35px;
 
+    background-color: #00A6C7;
 
+    text-align: center;
 
+    color: #fff;
 
+    cursor: pointer
 
+}
 
+
 
+.layer-status span:nth-of-type(1) {
 
+}
 
+
 
+.layer-status span:nth-of-type(2) {
 
+    margin-left: 72px
 
+}
 
+
 
+.same-style {
 
+    position: fixed;
 
+    top: 20%;
 
+    left: 50%;
 
+    transform: translateX(-50%);
 
+    width: 500px;
 
+    background-color: #fff;
 
+    z-index: 999;
 
+    box-shadow: 0 0 15px #666
 
+}
 
+
 
+.reason-cancel label {
 
+    margin-right: 20px
 
+}
 
+
 
+.reason-cancel textarea {
 
+    width: 270px;
 
+    height: 80px;
 
+    resize: none;
 
+    vertical-align: text-top;
 
+    border: 1px solid #CCCCCC
 
+}
 
+
 
+.order-details-heading {
 
+    background: #eee
 
+}
 
+
 
+.order-details-heading td {
 
+    white-space: nowrap;
 
+    padding: 0 10px
 
+}
 
+
 
+.order-rows, .order-details-heading {
 
+    width: 100%;
 
+    border-bottom: 1px solid #ccc;
 
+    border-left: 1px solid #ccc;
 
+    border-right: 1px solid #ccc;
 
+    color: #666;
 
+    padding: 10px;
 
+    line-height: 30px
 
+}
 
+
 
+.order-details-heading {
 
+    border-top: 1px solid #ccc
 
+}
 
+
 
+.order-details-heading span, .order-rows span {
 
+    margin-right: 80px
 
+}
 
+
 
+.order-details-heading span {
 
+    width: 230px;
 
+    margin-right: 0px;
 
+    display: inline-block
 
+}
 
+
 
+.order-details-heading span label, .order-rows span label {
 
+    font-weight: bold
 
+}
 
+
 
+.order-rows .supplier-img {
 
+    width: 100px
 
+}
 
+
 
+.operation-wrapper {
 
+    position: relative
 
+}
 
+
 
+.operation-btn {
 
+    cursor: pointer
 
+}
 
+
 
+.operation-block {
 
+    background: #fff;
 
+    width: 125px;
 
+    position: absolute;
 
+    left: 826px;
 
+    top: 5px;
 
+    padding: 10px;
 
+    border: 1px solid #666;
 
+    -webkit-border-radius: 5px;
 
+    -moz-border-radius: 5px;
 
+    border-radius: 5px;
 
+    z-index: 100001;
 
+    display: none
 
+}
 
+
 
+.operation-block a {
 
+    display: block;
 
+    padding: 3px 0
 
+}
 
+
 
+.print-wrapper {
 
+    display: inline-block
 
+}
 
+
 
+.supplier-product-name, .supplier-product-alias {
 
+    width: 200px;
 
+    line-height: 20px
 
+}
 
+
 
+.supplier-product-info {
 
+    width: 55%;
 
+    display: inline-block;
 
+    position: relative;
 
+    top: 50%;
 
+    transform: translateY(30%)
 
+}
 
+
 
+.supplier-product-promotionInfo {
 
+    width: 20%;
 
+    display: inline-block;
 
+    position: relative;
 
+    top: 50%;
 
+    transform: translateY(30%)
 
+}
 
+
 
+.supplier-product-item {
 
+    margin-bottom: 10px
 
+}
 
+
 
+.supplier-product-alias {
 
+    display: inline-block;
 
+    margin-top: 5px
 
+}
 
+
 
+.supplier-name {
 
+    display: inline-block;
 
+    vertical-align: middle;
 
+    margin: 0 10px
 
+}
 
+
 
+#auditBox {
 
+    padding: 20px;
 
+    line-height: 30px
 
+}
 
+
 
+#auditBox p {
 
+    font-size: 16px;
 
+    margin: 0 0 0 0
 
+}
 
+
 
+#auditBox .note-div {
 
+    font-size: 16px
 
+}
 
+
 
+.downSpan {
 
+    display: block;
 
+    margin-left: 5px;
 
+    margin-bottom: -8px
 
+}
 
+
 
+.upSpan {
 
+    display: block;
 
+    margin-left: 5px;
 
+    margin-top: -8px
 
+}
 
+
 
+.promotionsName {
 
+    margin: 2px
 
+}
 
+
 
+.ladderPrice > span {
 
+    text-decoration: underline;
 
+    color: red
 
+}
 
+
 
+.ladderPrice .list {
 
+    display: none;
 
+    position: absolute;
 
+    z-index: 999;
 
+    background: #FFF;
 
+    white-space: nowrap;
 
+    border: 1px solid #EEE;
 
+    padding: 10px 0;
 
+    color: #333
 
+}
 
+
 
+.ladderPrice:hover .list {
 
+    display: block
 
+}
 
+
 
+.ladderPrice .list span {
 
+    margin: 0 20px;
 
+    width: 60px;
 
+    text-align: center;
 
+    display: inline-block
 
+}
 
+
 
+.ladderPrice .list span.price {
 
+    color: red
 
+}
 
+
 
+.weishaIcon {
 
+    background: darkorange;
 
+    color: white;
 
+    margin: 0 0px;
 
+    padding: 0 3px;
 
+    font-style: normal;
 
+    font-size: 12px;
 
+    display: inline-block;
 
+    border-radius: 2px
 
+}
 
+
 
+.acticer_span {
 
+    display: inline-block;
 
+    width: 14px;
 
+    height: 14px;
 
+    border-radius: 50%;
 
+    box-sizing: border-box;
 
+    border: 1px solid #999999;
 
+    text-align: center;
 
+    color: #333333;
 
+    font-size: 12px;
 
+    line-height: 14px;
 
+    float: none;
 
+    margin-left: 3px;
 
+}
 
+/*订单备注抽屉*/
 
+.remarks-drawer-content{
 
+    width: 640px;
 
+    height: 100%;
 
+    overflow-y: hidden;
 
+    box-sizing: border-box;
 
+    padding: 0 0 0 60px;
 
+    position: fixed;
 
+    right: -580px;
 
+    top: 0;
 
+    z-index: 100000;
 
+}
 
+.remarks-drawer-content .drawer-btn-main{
 
+    width: 60px;
 
+    height: 80px;
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 0;
 
+    box-sizing: border-box;
 
+    background: #45aeea;
 
+    border-radius: 10px 0 0 10px;
 
+    padding: 15px 0;
 
+    color: #FFFFFF;
 
+    cursor: pointer;
 
+}
 
+.remarks-drawer-content .drawer-btn-main p{
 
+    font-size: 12px;
 
+    line-height: 20px;
 
+    text-align: center;
 
+}
 
+.remarks-drawer-content .drawer-btn-main .drawer-close{
 
+    display: none;
 
+}
 
+.remarks-drawer-content .drawer-content{
 
+    width: 100%;
 
+    height: 100%;
 
+    background: #FFFFFF;
 
+    box-sizing: border-box;
 
+    padding: 20px;
 
+    border: 1px solid #e1e1e1;
 
+    overflow-y: scroll;
 
+}
 
+.drawer-content .drawer-content-btn{
 
+    width: 100%;
 
+    height: 30px;
 
+    float: left;
 
+    text-align: right;
 
+}
 
+.drawer-content .drawer-content-none{
 
+    width: 100%;
 
+    height: 100px;
 
+    line-height: 200px;
 
+    color: #999999;
 
+    float: left;
 
+    text-align: center;
 
+    display: none;
 
+}
 
+.drawer-content .drawer-content-mains{
 
+    width: 100%;
 
+    min-height: 600px;
 
+    float: left;
 
+}
 
+.drawer-list{
 
+    width: 100%;
 
+    height: auto;
 
+    box-sizing: border-box;
 
+    padding: 5px 0;
 
+    border-bottom: 1px dashed #e1e1e1;
 
+    float: left;
 
+}
 
+.drawer-list .drawer-list-title{
 
+    width: 100%;
 
+    float: left;
 
+    line-height: 28px;
 
+    font-size: 14px;
 
+    font-weight: bold;
 
+    color: #333333;
 
+}
 
+.drawer-list .drawer-list-title span{
 
+    color: #333333;
 
+}
 
+.drawer-list .drawer-list-text{
 
+    width: 100%;
 
+    float: left;
 
+    height: auto;
 
+    line-height: 28px;
 
+    font-size: 14px;
 
+    color: #999999;
 
+}
 
+.drawer-list .drawer-list-text span{
 
+    color: #333333;
 
+}
 
+.drawer-list .drawer-list-image{
 
+    width: 100%;
 
+    height: auto;
 
+    float: left;
 
+    box-sizing: border-box;
 
+    padding: 10px 0;
 
+}
 
+.drawer-list .drawer-list-image a{
 
+    display: block;
 
+    width: 100px;
 
+    height: 100px;
 
+    float: left;
 
+    margin: 5px;
 
+}
 
+.drawer-list .drawer-list-image a img{
 
+    display: block;
 
+    width: 100px;
 
+    height: 100px;
 
+}
 
+.drawer-list .drawer-list-file{
 
+    width: 100%;
 
+    height: auto;
 
+    float: left;
 
+}
 
+.drawer-list .drawer-list-file p{
 
+    line-height: 40px;
 
+    color: #666666;
 
+}