update...

潘钊
1 parent 5efff68d
Showing 4 changed files with 49 additions and 2 deletions
src/main/resources/static/assets/css/main.css
src/main/resources/static/assets/icon/trash.png
src/main/resources/static/assets/icon/trash_open.png
src/main/resources/static/pages/b_p_manager/b_p_main.html
@@ -65,6 +65,7 @@ input::-webkit-input-placeholder {
 .ct-cont-body {
     width: 100%;
     height: calc(100% - 110px);
+    position: relative;
 }
  
 .ct-cont-body .left-tabs {
@@ -823,4 +824,28 @@ table tr th, table tr td{
  
 .signal_gps{
     color: #9e9e9e;
+}
+
+.trash_wrap{
+    position: absolute;
+    width: 180px;
+    height: 180px;
+    background: rgba(255, 255, 255, 0.53);
+    z-index: 9;
+    top: -380px;
+    left: calc(50% - 100px);
+    background-image: url(/assets/icon/trash.png);
+    background-repeat: no-repeat;
+    background-position: 38px 38px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
+    transition: top .7s;
+}
+
+.trash_wrap.show{
+    top: -90px;
+}
+
+.trash_wrap.show.open{
+    background-image: url(/assets/icon/trash_open.png);
+    background-position: 20px 20px;
 }
 \ No newline at end of file
+<div class="trash_wrap" ></div>
 <div id="b_p_manager_main_wrap" style="position: relative;height: 100%;">
     <div class="drag_tip"></div>
     <div class="berth_card_list"></div>
@@ -121,13 +122,35 @@
                     this.addEventListener('dragover', handleDragOver, false);
                     this.addEventListener('drop', handleDrop, false);
                     this.addEventListener('dragleave', handleDragLeave, false);
+                    this.addEventListener('dragend', handleDragEnd, false);
                 });
             };
  
+            //垃圾桶
+            var trashWrap=$('.trash_wrap');
+            trashWrap[0].addEventListener('dragover', function (e) {
+                e.preventDefault();
+                $(this).addClass('open');
+                return true;
+            }, false);
+            trashWrap[0].addEventListener('dragleave', function () {
+                $(this).removeClass('open');
+            },false);
+            trashWrap[0].addEventListener('drop', function () {
+                var s = $(drag_e).data('id');
+                alert(s + '丢垃圾桶');
+            },false);
+
+
+            //泊位拖拽
             var drag_e;
             var handleDragStart = function (e) {
-                //e.dataTransfer.setData('nbbm',$(this).data('nbbm'));
                 drag_e = this;
+                trashWrap.addClass('show');
+            };
+
+            var handleDragEnd = function () {
+                trashWrap.removeClass('show open');
             };
  
             //允许落下
@@ -157,7 +180,6 @@
                 //泊位交换
                 var s = $(drag_e).data('id');
                 var d = $(this).data('id');
-
                 gb_common.$post('/car_park_real/real_change', {s:s, d:d}, function (rs) {
                     render_bus(rs.list);
                 });