2

EheMall.Web/Areas/Admin/Views/TheaterManage/TheaterSeat.cshtml

@@ -106,7 +106,9 @@
             background: #fff;
             border: 1px solid #d1d1d1;
         }
-
+        .seat_menu .normalBtn {
+            margin-right:0;  
+        }
         .normalBtn {
             color: #fff;
             padding: 0 15px;
@@ -242,8 +244,8 @@
         </div>
     </div>
     <div style="width:100%;text-align: center;">
-        行<input type="text" class="seats_input" id="row_input" value="15" />
-        列<input type="text" class="seats_input" id="col_input" value="15" />
+        行<input type="text" class="seats_input" id="row_input" value="25" />
+        列<input type="text" class="seats_input" id="col_input" value="25" />
         <input type="button" class="normalBtn" data-bind="click: InitSeat" value="生成座位">
         <input type="button" class="normalBtn" data-bind="click: getSeat" value="获取座位">
         <input type="button" class="normalBtn" id="selectArea" value="选择区域">
@@ -297,7 +299,6 @@
                             };
                             dataRow.ColumnArray.push(dataColumn);
                         }
-                        console.log(dataRow, 'dataRowwwwwww');
                         SeatData.push(dataRow);
                     }
                 }
@@ -329,8 +330,6 @@
                         SeatData.replace(SeatData()[i], dataRow);
                     }
                 }
-                //console.log(JSON.stringify(SeatData()),'SeatData');
-                console.log(SeatData(), 'SeatData');
                 $(".SelectType").unbind();
                 $(".SelectType").bind("change", function () {
                     var _index = $(this).index() + 1;
@@ -349,6 +348,10 @@
                 SeatData.replace(SeatData());
             };
 
+            self.reSeat = function () {
+                //console.log(SeatData(),'sssss');
+            }
+
             /**
              * 用做ko更新数组某一项数据时的克隆，无需重新清空并绑定整个列表
              * */
@@ -435,7 +438,7 @@
                 $(".seat_menu").css({ "display": 'none' });
             };
             //第一次初始化 无数据默认生成
-            //self.InitSeat();
+            self.InitSeat();
         }
         ko.applyBindings(new MyViewModel());
 
@@ -460,8 +463,8 @@
             $(".seats-container").mousedown(function (event) {
                 if (isSetSeat == true) {
                     flag = true;
-                    moveSelected.style.top = event.pageY + 'px';
-                    moveSelected.style.left = event.pageX + 'px';
+                    moveSelected.style.top = event.pageY - $(document).scrollTop() + 'px';
+                    moveSelected.style.left = event.pageX - $(document).scrollLeft() + 'px';
                     oldLeft = event.pageX;
                     oldTop = event.pageY;
                     event.preventDefault();  // 阻止默认行为
@@ -469,32 +472,35 @@
                 }
             });
             // 鼠标移动时计算遮罩的位置，宽 高
-            $(".seats-container").mousemove(function (event) {
-                if (!flag) return;//只有开启了拖拽，才进行mouseover操作
-                if (event.buttons == 1) {
-                    if (event.pageX < oldLeft) {//向左拖
-                        moveSelected.style.left = event.pageX + 'px';
-                        moveSelected.style.width = (oldLeft - event.pageX) + 'px';
+            $(".seats-container").mousemove(function (ev) {
+                //if (!flag) return;//只有开启了拖拽，才进行mouseover操作
+                var _offTopPage = $(document).scrollTop();
+
+                if (ev.buttons == 1) {
+                    if (ev.pageX < oldLeft) {//向左拖
+                        moveSelected.style.left = ev.pageX + 'px';
+                        moveSelected.style.width = (oldLeft - ev.pageX) + 'px';
                     } else {
-                        moveSelected.style.width = (event.pageX - oldLeft) + 'px';
+                        moveSelected.style.width = (ev.pageX - oldLeft) + 'px';
                     }
-                    if (event.pageY < oldTop) {//向上
-                        moveSelected.style.top = event.pageY + 'px';
-                        moveSelected.style.height = (oldTop - event.pageY) + 'px';
+                    if (ev.pageY < oldTop) {//向上
+                        moveSelected.style.top = ev.pageY - _offTopPage + 'px';
+                        moveSelected.style.height = (oldTop - ev.pageY) + 'px';
                     } else {
-                        moveSelected.style.height = (event.pageY - oldTop) + 'px';
+                        moveSelected.style.height = (ev.pageY - oldTop) + 'px';
                     }
-                    event.preventDefault();  // 阻止默认行为
-                    event.stopPropagation(); // 阻止事件冒泡
+                    ev.preventDefault();  // 阻止默认行为
+                    ev.stopPropagation(); // 阻止事件冒泡
                     $(".seat_menu").css({ "display": 'none' });
-                } else if (event.buttons == 2) {
+                } else if (ev.buttons == 2) {
                     $(".seats-container").on('contextmenu', function (e) {
                         //-------------禁用系统的右键功能-----------
                         $(document).bind('contextmenu', function (e) {
                             return false;
                         });
+                        var _left = event.pageX;
                         var _offTop = $(document).scrollTop();
-                        $(".seat_menu").css({ "left": event.pageX, "top": event.pageY - _offTop, "display": 'block' });
+                        $(".seat_menu").css({ "left": _left, "top": ev.pageY - _offTop, "display": 'block' });
                     });
                 }
             });
@@ -533,10 +539,10 @@
                     let top = $(blockList[i]).offset().top;
                     let bottom = $(blockList[i]).height() + top;
                     //判断每个块是否被遮罩盖住（即选中）
-                    let leftFlag = moveSelected.style.left.split('px')[0] <= left && left <= moveSelected.style.right.split('px')[0];
-                    let rightFlag = moveSelected.style.left.split('px')[0] <= right && right <= moveSelected.style.right.split('px')[0];
-                    let topFlag = moveSelected.style.top.split('px')[0] <= top && top <= moveSelected.style.bottom.split('px')[0];
-                    let bottomFlag = moveSelected.style.top.split('px')[0] <= bottom && bottom <= moveSelected.style.bottom.split('px')[0];
+                    let leftFlag = Number(moveSelected.style.left.split('px')[0]) + $(document).scrollLeft() <= left && left <= Number(moveSelected.style.right.split('px')[0]) + $(document).scrollLeft();
+                    let rightFlag = Number(moveSelected.style.left.split('px')[0]) + $(document).scrollLeft() <= right && right <= Number(moveSelected.style.right.split('px')[0]) + $(document).scrollLeft();
+                    let topFlag = Number(moveSelected.style.top.split('px')[0]) + $(document).scrollTop() <= top && top <= Number(moveSelected.style.bottom.split('px')[0]) + $(document).scrollTop();
+                    let bottomFlag = Number(moveSelected.style.top.split('px')[0]) + $(document).scrollTop() <= bottom && bottom <= Number(moveSelected.style.bottom.split('px')[0]) + $(document).scrollTop();
                     if ((leftFlag || rightFlag) && (topFlag || bottomFlag)) {
                         selectedList.push(blockList[i]);
                         $(blockList[i]).addClass('seled');