From adae7524c986a758dd61bc5d0c23f6b922e299c7 Mon Sep 17 00:00:00 2001
From: Lius <Lius2225@163.com>
Date: 星期四, 25 一月 2024 17:06:35 +0800
Subject: [PATCH] 加班管理添加字段

---
 src/views/WorkshopSignage.vue |   53 ++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/src/views/WorkshopSignage.vue b/src/views/WorkshopSignage.vue
index 53d8115..c9209c4 100644
--- a/src/views/WorkshopSignage.vue
+++ b/src/views/WorkshopSignage.vue
@@ -2,7 +2,7 @@
   <dv-full-screen-container class="full-screen-container">
     <header class="page-header" :style="{height: pageHeaderHeight+'px'}">
       {{ workshopDetails.workshopName }}
-      <div class="header-left" v-has="'home:saveDevicePositionAndSize'">
+      <div class="header-left" v-has="'home:saveDevicePositionAndSize'" v-if="!isFullScreen">
         <a-space>
           <span v-if="!isSwitchChecked">寮�鍚姛鑳�</span>
           <span v-else>鍏抽棴鍔熻兘</span>
@@ -36,7 +36,8 @@
           :y="item.coordinateTop"
           v-on:resizing="resize($event, index)"
           v-on:dragging="resize($event, index)"
-          :parentLimitation="true"
+          :parentLimitation="parentLimitation"
+          :parentH="parentH"
           :minw="70"
           :minh="70"
           :isDraggable="isDraggable"
@@ -103,15 +104,12 @@
     data() {
       return {
         pageHeaderHeight: 80,// 椤靛ご楂樺害
-        taskBarHeight: window.screen.height - window.screen.availHeight,// 灞忓箷搴曢儴浠诲姟鏍忛珮搴�
-        utilsBarHeight: window.outerHeight - window.innerHeight,// 娴忚鍣ㄥ伐鍏锋爮楂樺害
-        normalPageHeight: 0,
-        fullScreenPageHeight: 0,
         workshopDetails: {}, //  杞﹂棿璇︾粏淇℃伅,
         isDraggable: false, // 鏄惁寮�鍚嫋鎷�
         isResizable: false, // 鏄惁寮�鍚缉鏀�
         isSwitchChecked: false, // 鏄惁寮�鍚姛鑳�
         timingAcquisition: null, // 瀹氭椂鍒锋柊鏄惁寮�鍚�
+        parentH: 5000,//鐖剁骇楂樺害
         deviceList: [
           // {
           //   equipmentId: '123213213123232',// 璁惧ID
@@ -145,7 +143,10 @@
             value: 22,
             color: '#FF0000'
           }
-        ]// 璁惧鐘舵�佹寚绀虹伅鍒楄〃锛�
+        ],// 璁惧鐘舵�佹寚绀虹伅鍒楄〃锛�
+        windowHeight: null,// 褰撳墠娴忚鍣ㄥ彲瑙嗗尯鍩熼珮搴︼紙锛堜笉鍖呮嫭宸ュ叿鏍忋�佷功绛俱�佸簳閮ㄤ换鍔℃爮锛夛紝杩涘叆椤甸潰鏃惰绠椾竴娆★紝闄ら潪閲嶆柊鍔犺浇椤甸潰鍚﹀垯娴忚鍣ㄥ彲瑙嗗尯鍩熼珮搴﹀垯涓嶅彂鐢熸敼鍙�
+        isFullScreen: false,// 杩涘叆鐪嬫澘椤甸潰鏃舵槸鍚︿负鍏ㄥ睆妯″紡锛屼笉鍖呮嫭姝e父妯″紡杩涘叆鍚庡垏鎹负鍏ㄥ睆妯″紡
+        parentLimitation: false// 鎷栨嫿鍖哄煙鏄惁闄愬埗鍦ㄧ埗鍏冪礌鍖哄煙鍐�
       }
     },
     watch: {
@@ -189,7 +190,10 @@
           this.$refs.deviceContainerRef.style.backgroundImage = `url(${this.getImgView(
             this.workshopDetails.backgroundImage
           )})`
-          this.$refs.deviceContainerRef.style.height = this.normalPageHeight
+
+          this.$refs.deviceContainerRef.style.height = (this.windowHeight - this.pageHeaderHeight) + 'px'
+          this.parentH = this.windowHeight - this.pageHeaderHeight
+          this.parentLimitation = true // 鍦ㄧ埗鍏冪礌楂樺害璁剧疆鍚庡啀璁剧疆闄愬埗鎷栨嫿鍖哄煙锛屼笉杩欐牱鏈夋鐜囧鑷寸埗鍏冪礌楂樺害鏈缃氨闄愬埗鎷栨嫿
         })
       },
 
@@ -276,7 +280,6 @@
       openDetail(item) {
         if (!this.isSwitchChecked) {
           if (item.equipmentStatus == 0) {
-            // this.$message.warn("璁惧澶勪簬鍏虫満鐘舵�侊紒");
             this.$message.warning('璁惧澶勪簬鍏虫満鐘舵�侊紒')
             return false
           }
@@ -288,11 +291,17 @@
           //   setTimeout( this.$refs.equmentDetaiModel.initData(item.equipmentId),0)
           // },1000*10)
         }
+      },
+
+      /**
+       * 娴忚鍣ㄥ昂瀵稿彂鐢熸敼鍙樻椂瑙﹀彂
+       */
+      handleWindowSizeChange() {
+        this.isFullScreen = !this.isFullScreen
+        if (!this.isFullScreen) location.reload() // 濡傛灉涓哄叏灞忔ā寮忥紝鍒欏湪鍒囨崲妯″紡鏃堕噸鏂板姞杞介〉闈互閲嶆柊鑾峰彇娴忚鍣ㄥ彲瑙嗗尯鍩熼珮搴�
       }
     },
     created() {
-      if (this.utilsBarHeight > 0) this.normalPageHeight = `calc(100% - ${this.pageHeaderHeight}px - ${this.taskBarHeight}px - ${this.utilsBarHeight}px)`
-      else this.normalPageHeight = `calc(100% - ${this.pageHeaderHeight}px - ${this.taskBarHeight}px - 87px)`
       if (this.$route.params.id) {
         this.getDeviceListByApi(this.$route.params.id)
         this.getWorkshopDetailsByApi(this.$route.params.id)
@@ -301,6 +310,16 @@
     mounted() {
       // 绂佹鐢ㄦ埛閫変腑鍐呭
       document.onselectstart = () => false
+
+      this.windowHeight =
+        window.innerHeight ||
+        document.documentElement.clientHeight ||
+        document.body.clientHeight
+
+      // 鍒ゆ柇娴忚鍣ㄥ彲瑙嗗尯鍩熼珮搴︽槸鍚︾瓑浜庡垎杈ㄧ巼锛岃嫢鐩哥瓑鍒欒〃绀鸿繘鍏ユ椂娴忚鍣ㄤ负鍏ㄥ睆妯″紡
+      if (this.windowHeight === screen.height) this.isFullScreen = true
+
+      window.addEventListener('resize', this.handleWindowSizeChange)
     },
     beforeDestroy() {
       // 纭繚閿�姣佸畾鏃跺櫒銆佷簨浠跺強鍥炴敹璧勬簮
@@ -324,7 +343,7 @@
       .header-left {
         width: 450px;
         position: absolute;
-        left: 0px;
+        left: 0;
         top: 35px;
         display: flex;
         justify-content: space-evenly;
@@ -343,10 +362,6 @@
         justify-content: space-between;
 
         .single-status-info {
-          /*width: 70px;*/
-          /*display: flex;*/
-          /*align-items: center;*/
-          /*justify-content: space-between;*/
 
           .status-square {
             width: 14px;
@@ -360,8 +375,6 @@
 
     .content-container {
       width: 100%;
-      /*height: calc(100% - 200px);*/
-      /*height: 100%;*/
       background-repeat: no-repeat;
       background-size: 100% 100%;
 
@@ -383,7 +396,9 @@
           width: 100%;
           height: 100%;
           display: flex;
-          align-items: end;
+          -webkit-align-items: flex-end;
+          -moz-align-items: flex-end;
+          -ms-align-items: flex-end;
 
           .status-image {
             background-size: 100% 100%;

--
Gitblit v1.9.3