|
|
@@ -5,394 +5,7 @@
|
|
|
<head>
|
|
|
<title>订单列表</title>
|
|
|
<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="static/common/clipboard.min.js"></script>
|
|
|
</head>
|
|
|
@@ -927,6 +540,117 @@
|
|
|
</c:forEach>
|
|
|
</div>
|
|
|
</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">
|
|
|
(function () {
|
|
|
|
|
|
@@ -948,6 +672,21 @@
|
|
|
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) {
|
