轮巡建单样式修改

src/app/share/batch-orders/batch-orders.component.html

@@ -21,7 +21,7 @@
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let data of listOfData;let index=index;">
+        <tr *ngFor="let data of listOfData;let index=index;" (click)="selectedListData(data.id)">
           <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
           <td>{{index+(pageIndex-1)*10+1}}</td>
           <td>{{data.createDept.dept}}</td>

src/app/share/batch-orders/batch-orders.component.less

@@ -74,9 +74,9 @@
     }
   }
   .pagination {
-    margin-top: 14px;
     position: absolute;
     right: 5px;
+    bottom: 24px;
   }
   .detail {
     width: 1000px;
@@ -116,7 +116,9 @@
       width: 960px;
       border: 1px solid #e5e9ed;
       border-radius: 5px;
-      overflow: hidden;
+      max-height: 462px;
+      overflow: auto;
+
 
       .tab {
         width: 100%;
@@ -469,7 +471,7 @@
       justify-content: center;
       align-items: center;
       width: 60%;
-      margin: 48px auto 0;
+      margin: 16px auto 0;
 
       .btn {
         margin: 9px;

src/app/share/batch-orders/batch-orders.component.ts

@@ -35,7 +35,7 @@ export class BatchOrdersComponent implements OnInit {
     private fb: FormBuilder,
     private mainService: MainService,
     private tool: ToolService,
-    private message: NzMessageService,
+    private message: NzMessageService
   ) {}
   // 初始化表单
   initForm() {
@@ -45,6 +45,11 @@ export class BatchOrdersComponent implements OnInit {
       endDepartment: [null, [Validators.required]],
     });
   }
+  //表格整行选中
+  selectedListData(id) {
+    this.mapOfCheckedId[id] = !this.mapOfCheckedId[id];
+    this.refreshStatus();
+  }
   // 关闭批量建单设置弹窗
   closeHandler() {
     this.close.emit("false");
@@ -285,23 +290,25 @@ export class BatchOrdersComponent implements OnInit {
   }
   confirmDel() {
     this.loading3 = true;
-    this.mainService.simplePost("rmvData", "orderPlanRule",this.coopId.split(',')).subscribe((data) => {
-      this.loading3 = false;
-      this.delModal = false;
-      if (data.status == 200) {
-        if (
-          this.listOfData.length == 1 &&
-          this.pageIndex == Math.ceil(this.listLength / this.pageSize)
-        ) {
-          this.listLength--;
-          this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+    this.mainService
+      .simplePost("rmvData", "orderPlanRule", this.coopId.split(","))
+      .subscribe((data) => {
+        this.loading3 = false;
+        this.delModal = false;
+        if (data.status == 200) {
+          if (
+            this.listOfData.length == 1 &&
+            this.pageIndex == Math.ceil(this.listLength / this.pageSize)
+          ) {
+            this.listLength--;
+            this.pageIndex = Math.ceil(this.listLength / this.pageSize);
+          }
+          this.message.success("删除成功");
+          this.getList(1);
+        } else {
+          this.message.error("删除失败");
         }
-        this.message.success('删除成功');
-        this.getList(1);
-      } else {
-        this.message.error('删除失败');
-      }
-    });
+      });
   }
   ngOnInit() {
     console.log(this.selectedBatchOrder);