大屏bug修改

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-    "target": "http://192.168.4.241",
+    "target": "http://192.168.3.108",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

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

@@ -115,56 +115,59 @@
   </div>
 </div>
 <!-- 详情 -->
-<div class="detail" *ngIf="detailModel">
-  <div class="detail_head">
-    <h2>详细信息</h2>
-    <img (click)="closeDetail()" src="./../../../assets/images/screen/close.png" alt="">
-  </div>
-  <div class="detail_body">
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">楼栋：</div>
-        <div class="detail_body_title_content">{{order[3]}}</div>
-      </div>
+<div class="mask" *ngIf="detailModel">
+  <div class="detail">
+    <div class="detail_head">
+      <h2>详细信息</h2>
+      <img (click)="closeDetail()" src="./../../../assets/images/screen/close.png" alt="">
     </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">科室：</div>
-        <div class="detail_body_title_content">{{order[6]}}</div>
+    <div class="detail_body">
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">楼栋：</div>
+          <div class="detail_body_title_content">{{order[3]}}</div>
+        </div>
       </div>
-    </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">配送人员：</div>
-        <div class="detail_body_title_content">{{order[8]}}</div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">科室：</div>
+          <div class="detail_body_title_content">{{order[6]}}</div>
+        </div>
       </div>
-    </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">工单号：</div>
-        <div class="detail_body_title_content">{{order[11]}}</div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">配送人员：</div>
+          <div class="detail_body_title_content">{{order[8]}}</div>
+        </div>
       </div>
-    </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">任务类型：</div>
-        <div class="detail_body_title_content">{{taskTypeName}}</div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">工单号：</div>
+          <div class="detail_body_title_content">{{order[11]}}</div>
+        </div>
       </div>
-    </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">工单状态：</div>
-        <div class="detail_body_title_content">{{order[7]}}</div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">任务类型：</div>
+          <div class="detail_body_title_content">{{taskTypeName}}</div>
+        </div>
       </div>
-    </div>
-    <div class="detail_body_item">
-      <div class="detail_body_left">
-        <div class="detail_body_title">备注信息：</div>
-        <div class="detail_body_title_content">{{order[13]}}</div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">工单状态：</div>
+          <div class="detail_body_title_content">{{order[7]}}</div>
+        </div>
+      </div>
+      <div class="detail_body_item">
+        <div class="detail_body_left">
+          <div class="detail_body_title">备注信息：</div>
+          <div class="detail_body_title_content">{{order[13]}}</div>
+        </div>
       </div>
     </div>
-  </div>
-  <div class="detail_foot">
-    <div class="detail_btn" (click)="closeDetail()">知道了</div>
+    <div class="detail_foot">
+      <div class="detail_btn" (click)="closeDetail()">知道了</div>
+    </div>
   </div>
 </div>
+

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

@@ -436,7 +436,7 @@
 
   // 详情
   .detail{
-    position: fixed;
+    position: absolute;
     left: 50%;
     top: 50%;
     z-index: 9999;

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

@@ -131,12 +131,13 @@ export class DisinfectionSupplyComponent implements OnInit, OnDestroy {
             _this.activeIndex = swiper.realIndex;
           },
           click: function(swiper, event){
-            console.log(swiper, event.target)
             const id = (event as any).target.getAttribute('data-id');
             const screentIndex = (event as any).target.getAttribute('data-screentIndex');
             const buildingIndex = (event as any).target.getAttribute('data-buildingIndex');
-            let department = _this.buildings[screentIndex][buildingIndex].departments.find(v => v.id == id);
-            _this.toDetail(department);
+            if(id !== null && screentIndex !== null && buildingIndex !== null){
+              let department = _this.buildings[screentIndex][buildingIndex].departments.find(v => v.id == id);
+              _this.toDetail(department);
+            }
           }
         },
       });