样式优化

src/app/views/disinfection-supply/disinfection-supply.component.less

@@ -369,6 +369,7 @@
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
+                padding: 0 20px;
               }
             }
           }
@@ -388,52 +389,35 @@
                 background-color: #02374E;
               }
               .item_name{
-                flex: 1;
+                flex: 56;
+                width: 56%;
                 font-size: 21px;
                 font-weight: 400;
                 color: #B3ECFD;
-                display: flex;
-                justify-content: center;
-                align-items: center;
+                padding: 0 20px;
+                line-height: 80px;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
-                // word-break: break-all;
-                // text-overflow: ellipsis;
-                // overflow: hidden;
-                // display: -webkit-box;
-                // -webkit-box-orient: vertical;
-                // -webkit-line-clamp: 2; /* 这里是超出几行省略 */
               }
               .item_description{
-                flex: 1;
+                flex: 44;
+                width: 44%;
                 font-size: 17px;
                 font-weight: 300;
                 color: #FFFFFF;
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
-                align-items: center;
+                padding: 0 20px;
                 .item_orderInfo{
-                  width: 100%;
                   display: flex;
-                  justify-content: center;
                   align-items: center;
                 }
                 .item_remarks{
-                  width: 100%;
-                  display: flex;
-                  justify-content: center;
-                  align-items: center;
                   overflow: hidden;
                   text-overflow: ellipsis;
                   white-space: nowrap;
-                  // word-break: break-all;
-                  // text-overflow: ellipsis;
-                  // overflow: hidden;
-                  // display: -webkit-box;
-                  // -webkit-box-orient: vertical;
-                  // -webkit-line-clamp: 2; /* 这里是超出几行省略 */
                 }
               }
             }

src/app/views/disinfection-supply/disinfection-supply.component.ts

@@ -21,8 +21,8 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
   ) { }
 
   tasktype = null; //任务类型
-  refreshTime: number = 60; //刷新时间
-  screenCuttingTime: number = 10; //切屏时间
+  refreshTime: number = 6000; //刷新时间
+  screenCuttingTime: number = 1000; //切屏时间
 
   taskTypeName:string = '';
   buildings: any[] = [];
@@ -33,14 +33,25 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
   isMask: boolean = true;
   mySwiper:Swiper;
   timer = null;
+  resizeTimer = null;
   activeIndex: number = 0;
 
   ngOnDestroy(){
     clearTimeout(this.timer);
+    clearTimeout(this.resizeTimer);
     this.mySwiper.destroy();
+    window.onresize = null;
   }
 
   ngOnInit() {
+    let _this = this;
+    window.onresize = function(){
+      clearTimeout(_this.resizeTimer);
+      _this.resizeTimer = setTimeout(() => {
+        !_this.isMask && _this.getList();
+      }, 200);
+    }
+
     this.hosId = this.tool.getCurrentHospital().id;
 
     this.onSearchOtherTaskTypeSubject.pipe(debounceTime(500)).subscribe((v) => {
@@ -127,17 +138,20 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
           }));
           console.log(buildings);
           let oItemH = 80;
+          let oItemW = 464;
           let oBodyH = window.innerHeight - 289;
+          let oBodyW = window.innerWidth - 46;
           let n = Math.floor(oBodyH / oItemH); //有效个数
+          let n_width = Math.floor(oBodyW / oItemW); //有效个数
           if(buildings.length){
             let arr = [];
             buildings.forEach(v => {
               let item = chunk(v.departments, n).map(vv => ({id: v.id, name: v.name, departments: vv}));
               arr.push(item);
             })
-            arr = chunk((arr as any).flat(), 4);
+            arr = chunk((arr as any).flat(), n_width);
             let m = arr[arr.length - 1].length;
-            for (let index = 0; index < 4 - m; index++) {
+            for (let index = 0; index < n_width - m; index++) {
               arr[arr.length - 1].push({});
             }
             this.buildings = arr;