|
|
@@ -615,6 +615,116 @@
|
|
|
</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>
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
function openRemarks(orderId, shopOrderId) {
|
|
|
@@ -655,6 +765,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) {
|
