逻辑完善

src/component/Container/Desktop/FixWindow/index.vue

@@ -165,18 +165,10 @@ export default {
         thumbStyletop: 0,
       },
       widgetFirstClick: {
-        lastX: 0,
-        lastY: 0,
-        clickX: 0,
-        clickY: 0,
-        clientX: 0,
-        clientY: 0,
-        offsetX: 0,
-        offsetY: 0,
+        layerX: 0,
+        layerY: 0,
         screenX: 0,
         screenY: 0,
-        moveX: 0,
-        moveY: 0,
       },
       widgetListIsBottom: false,
       thumbYHeight: "424px",
@@ -305,7 +297,7 @@ export default {
       this.thumbYDisplay = "block";
       this.thumbYHeight = "calc((100vh - 52px) / 2)";
     }
-    window.onresize = (e) => {
+    window.addEventListener("resize", (e) => {
       if (el2.offsetHeight > el3.offsetHeight) {
         this.bottom = "0";
         this.thumbYDisplay = "block";
@@ -313,7 +305,7 @@ export default {
       } else {
         this.thumbYDisplay = "none";
       }
-    };
+    });
   },
   methods: {
     //点击固定窗口
@@ -433,13 +425,21 @@ export default {
       let el = document.querySelector(
         ".v-widget-window .v-window-header-wrapper"
       );
-      this.widgetFirstClick.clientX = e.clientX;
-      this.widgetFirstClick.offsetX = e.offsetX;
+      // console.log(
+      //   this.widgetFirstClick.clientX,
+      //   this.widgetFirstClick.offsetX,
+      //   this.widgetFirstClick.screenX
+      // );
+      // this.widgetFirstClick.clientX = e.clientX;
+      // this.widgetFirstClick.offsetX = e.offsetX;
+      this.widgetFirstClick.layerX = e.layerX;
       this.widgetFirstClick.screenX = document.documentElement.clientWidth;
-      this.widgetFirstClick.clientY = e.clientY;
-      this.widgetFirstClick.offsetY = e.offsetY;
+      // this.widgetFirstClick.clientY = e.clientY;
+      // this.widgetFirstClick.offsetY = e.offsetY;
+      this.widgetFirstClick.layerY = e.layerY;
       this.widgetFirstClick.screenY = document.documentElement.clientHeight;
       el.addEventListener("mousemove", this.mousemoveWidgetHeader);
+      // this.moveEventObj = e.srcElement;
     },
     //移动固定窗口头部
     mousemoveWidgetHeader(e) {
@@ -450,31 +450,29 @@ export default {
       let el2 = document.querySelector(".v-widget-window .v-widget-list");
       el2.style.display = "none";
       // X轴
-      let moveX = 0;
-      moveX = e.clientX - this.widgetFirstClick.offsetX;
+      let moveX = e.pageX - this.widgetFirstClick.layerX;
       if (moveX < 0) {
         moveX = 0;
       }
-      if (moveX > this.widgetFirstClick.screenX - el1.offsetWidth) {
-        moveX = this.widgetFirstClick.screenX - el1.offsetWidth;
+      if (moveX > this.widgetFirstClick.screenX - el1.style.width) {
+        moveX = this.widgetFirstClick.screenX - el1.style.width;
       }
       // Y轴
-      let moveY = 0;
-      moveY = e.clientY - this.widgetFirstClick.offsetY;
+      let moveY = e.pageY - this.widgetFirstClick.layerY;
       if (moveY < 0) {
         moveY = 0;
       }
-      if (moveY > this.widgetFirstClick.screenY - el1.offsetHeight) {
-        moveY = this.widgetFirstClick.screenY - el1.offsetHeight;
+      if (moveY > this.widgetFirstClick.screenY - el1.style.height) {
+        moveY = this.widgetFirstClick.screenY - el1.style.height;
       }
-      el1.style.left = moveX + "px";
-      el1.style.top = moveY + "px";
+      this.left = moveX + "px";
+      this.top = moveY + "px";
       if (!el1.className.includes(" move")) {
         el1.className = el1.className + " move";
       }
       el.addEventListener("mouseleave", this.mouseupWidgetHeader);
     },
-    //鼠标抬起固定窗口头部
+    //鼠标抬起固定窗口头部停止移动
     mouseupWidgetHeader() {
       let el = document.querySelector(
         ".v-widget-window .v-window-header-wrapper"
@@ -482,6 +480,7 @@ export default {
       let el1 = document.querySelector(".v-widget-window .v-widget-list");
       let el2 = document.querySelector(".v-widget-window");
       el.removeEventListener("mousemove", this.mousemoveWidgetHeader);
+      el.addEventListener("mouseleave", this.mouseupWidgetHeader);
       el1.style.display = "flex";
       el2.className = el2.className.replace("move", "");
     },
@@ -497,12 +496,15 @@ export default {
             ""
           );
         }
-        this.fixWindowMessage.display = "none";
-        if (this.fixWindowMessage.zIndex >= this.defaultZIndex) {
+        if (
+          this.fixWindowMessage.zIndex >= this.defaultZIndex &&
+          this.fixWindowMessage.cls === "active-win"
+        ) {
           this.fixWindowMessage.zIndex = this.defaultZIndex - 10;
           this.$bus.emit("changeDefaultZIndex", this.defaultZIndex - 10);
           this.$bus.emit("fixWindowZIndexMax", false);
         }
+        this.fixWindowMessage.display = "none";
       } else {
         this.fixWindowMessage.display = "block";
         this.fixWindowMessage.zIndex = this.defaultZIndex + 10;
@@ -531,15 +533,6 @@ export default {
     //改变固定弹出框的位置
     changeWidgetPosition(obj) {
       this.portalDetail1.detailMessageList = obj.detailMessageList;
-      this.portalDetail1.detailMessageList.forEach((item, index) => {
-        if (item.cls && index !== 0) {
-          if (item.cls.includes(" active")) {
-            item.cls = item.cls.replace(" active", "");
-          } else if (item.cls.includes("active")) {
-            item.cls = item.cls.replace("active", "");
-          }
-        }
-      });
       let detailMessageItem = this.portalDetail1.detailMessageList[obj.index];
       this.top = detailMessageItem.top;
       this.bottom = detailMessageItem.bottom;
@@ -549,15 +542,6 @@ export default {
         ".v-widget-window .v-widget-header-tool-icon.dock"
       );
       el.className = el.className + " active";
-      if (!this.portalDetail1.detailMessageList[0].cls) {
-        this.portalDetail1.detailMessageList[0].cls =
-          this.portalDetail1.detailMessageList[0].cls + "active";
-      } else if (
-        !this.portalDetail1.detailMessageList[0].cls.includes(" active")
-      ) {
-        this.portalDetail1.detailMessageList[0].cls =
-          this.portalDetail1.detailMessageList[0].cls + " active";
-      }
     },
     //点击小钉子
     pinFixWndow() {

src/component/Container/Desktop/NotifyShowall/index.vue

@@ -498,7 +498,17 @@ export default {
     },
     // 点击本页面
     clickNotifyShowall() {
-      if (this.notifyShowAllContant.cls === "deactive-win" || this.notifyShowAllContant.zIndex < this.defaultZIndex) {
+      if (
+        this.notifyShowAllContant.cls === "deactive-win" && (
+        this.notifyShowAllContant.clearAllNotifyData
+          .clearAllNotifyMessageZIndex < this.defaultZIndex && this.notifyShowAllContant.clearAllNotifyData
+          .clearAllNotifyMessageDisplay === 'block')
+      ) {
+        this.notifyShowAllContant.zIndex = this.defaultZIndex + 10;
+        this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 10);
+      }else if (
+        this.notifyShowAllContant.cls === "deactive-win" &&  this.notifyShowAllContant.clearAllNotifyData
+          .clearAllNotifyMessageDisplay === 'none'){
         this.notifyShowAllContant.zIndex = this.defaultZIndex + 10;
         this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 10);
       }
@@ -577,12 +587,17 @@ export default {
     },
     // 显示清除全部信息弹出框
     showClearAllNotifyMessage() {
+      if (this.notifyShowAllContant.zIndex >= this.defaultZIndex) {
+        this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageZIndex =
+          this.defaultZIndex + 10;
+        this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 10);
+      } else {
+        this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageZIndex =
+          this.defaultZIndex + 20;
+        this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 20);
+      }
       this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageDisplay =
         "block";
-      this.notifyShowAllContant.zIndex = this.defaultZIndex + 10;
-      this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageZIndex =
-        this.defaultZIndex + 20;
-      this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 20);
       this.$bus.emit("showOrHiddenNotifyShowallClearAll", true);
       this.$bus.emit("showOrHiddenNotifyShowallClearAll", true);
     },
@@ -591,7 +606,7 @@ export default {
       let el = document.querySelector(
         ".notify-showall-window .v-message-box-window"
       );
-      if(el.className && el.className.includes(' no-shadow')){
+      if (el.className && el.className.includes(" no-shadow")) {
         el.className = el.className.replace(" no-shadow", "");
       }
     },
@@ -606,16 +621,24 @@ export default {
           el.className = el.className.replace(" no-shadow", "");
         }, 500);
       }
-      console.log( this.notifyShowAllContant.clearAllNotifyData
-          .clearAllNotifyMessageZIndex,this.defaultZIndex)
       if (
-        this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageCls < this.defaultZIndex
+        this.notifyShowAllContant.clearAllNotifyData
+          .clearAllNotifyMessageZIndex < this.defaultZIndex &&
+        this.notifyShowAllContant.zIndex < this.defaultZIndex
       ) {
         this.notifyShowAllContant.zIndex = this.defaultZIndex + 10;
         this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageZIndex =
           this.defaultZIndex + 20;
         this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 20);
         this.$bus.emit("showOrHiddenNotifyShowallClearAll", true);
+      } else if (
+        this.notifyShowAllContant.clearAllNotifyData
+          .clearAllNotifyMessageZIndex < this.defaultZIndex &&
+        this.notifyShowAllContant.zIndex >= this.defaultZIndex
+      ) {
+        this.notifyShowAllContant.clearAllNotifyData.clearAllNotifyMessageZIndex =
+          this.defaultZIndex + 10;
+        this.$bus.emit("changeDefaultZIndex", this.defaultZIndex + 10);
       }
     },
     // 取消删除
@@ -649,9 +672,9 @@ export default {
       //     "active-win";
       // }
     },
-    notifyShowAllData(){
-      this.notifyShowAllContant = this.notifyShowAllData
-    }
+    notifyShowAllData() {
+      this.notifyShowAllContant = this.notifyShowAllData;
+    },
   },
   components: {},
   name: "NotifyShowall",

src/component/Container/Desktop/NotifyTrayPanelDetail/index.vue

@@ -9,7 +9,10 @@
       top: 10px;
       left: 10px;
     "
-    :style="{ display: notifyTrayPanelDetailContant.display, zIndex: notifyTrayPanelDetailContant.zIndex }"
+    :style="{
+      display: notifyTrayPanelDetailContant.display,
+      zIndex: notifyTrayPanelDetailContant.zIndex,
+    }"
     :class="notifyTrayPanelDetailContant.cls"
     @click.capture="openNotifyDetail"
   >
@@ -142,6 +145,16 @@
       </div>
       <div class="v-trap-focus-indicator"></div>
     </div>
+    <div class="v-window-resizable">
+      <div class="handler v-window-resizable-nw"></div>
+      <div class="handler v-window-resizable-ne"></div>
+      <div class="handler v-window-resizable-sw"></div>
+      <div class="handler v-window-resizable-se"></div>
+      <div class="handler v-window-resizable-n"></div>
+      <div class="handler v-window-resizable-s"></div>
+      <div class="handler v-window-resizable-w"></div>
+      <div class="handler v-window-resizable-e"></div>
+    </div>
   </div>
 </template>
 
@@ -151,7 +164,7 @@ export default {
   mounted() {
     this.$bus.on("openNotifyDetail", this.openNotifyDetail);
     this.$bus.on("closeNotifyDetail", this.closeNotifyDetail);
-    this.notifyTrayPanelDetailContant = this.notifyTrayPanelDetailData
+    this.notifyTrayPanelDetailContant = this.notifyTrayPanelDetailData;
   },
   data() {
     return {
@@ -195,9 +208,9 @@ export default {
     //     this.notifyTrayPanelDetailContant.cls = "active-win";
     //   }
     // },
-    notifyTrayPanelDetailData(){
-      this.notifyTrayPanelDetailContant = this.notifyTrayPanelDetailData
-    }
+    notifyTrayPanelDetailData() {
+      this.notifyTrayPanelDetailContant = this.notifyTrayPanelDetailData;
+    },
   },
 };
 </script>

src/component/Container/Desktop/PortaSelectPosition/index.vue

@@ -185,6 +185,15 @@ export default {
         );
         if (this.portalDetail.display === "none") {
           this.portalDetail.display = "block";
+          if (!this.portalDetail.detailMessageList[0].cls) {
+            this.portalDetail.detailMessageList[0].cls =
+              this.portalDetail.detailMessageList[0].cls + "active";
+          } else if (
+            !this.portalDetail.detailMessageList[0].cls.includes(" active")
+          ) {
+            this.portalDetail.detailMessageList[0].cls =
+              this.portalDetail.detailMessageList[0].cls + " active";
+          }
           let fn = (e)=>{
               let el = document.querySelector('.v-widget-header-tool-icon.dock')
               if(e.srcElement !== el){

src/component/Container/Desktop/PortalSelectDialogWindow/index.vue

@@ -7,6 +7,7 @@
         class="v-menu v-menu-icon-menu"
         style="height: auto; width: auto; left: 0px; top: 0px; z-index: 15000"
         :style="{ display: portalDetail.display }"
+        @click.capture="clickMenuSelectWidget"
       >
         <div tabindex="0" class="v-trap-focus-indicator"></div>
         <div class="v-trap-focus-body">
@@ -87,10 +88,13 @@ export default {
     };
   },
   methods: {
+    // 点击本页面
+    clickMenuSelectWidget(){
+      this.portalDetail.display = "block";
+      window.addEventListener("click", this.hiddenSelectWidgetItem,true);
+    },
     // 点击选择框的每一项
     clickMenuItem(detailMessageIndex) {
-      window.addEventListener("click", this.hiddenSelectWidgetItem,true);
-      this.display = "block";
       let cls = this.portalDetail.detailMessageList[detailMessageIndex].cls;
       if (cls.includes("v-menu-item-select-selected selected")) {
         this.portalDetail.detailMessageList[detailMessageIndex].cls = "active";

src/component/Container/Desktop/Shortcut/index.vue

@@ -9,9 +9,7 @@
           tabindex="0"
           v-for="detailMessage in shortcutDetail.detailMessageList"
           :key="detailMessage.id"
-          @click="
-            clickShortcutItem(detailMessage.id)
-          "
+          @click="clickShortcutItem(detailMessage.id)"
         >
           <div
             class="image"
@@ -19,8 +17,9 @@
           >
             <div class="sds-application-notify-badge-num-wrap">
               <div
+                id="ext-gen50"
                 class="sds-application-notify-badge-num"
-                style="opacity: 0"
+                v-if="detailMessage.unReadyMessage.length"
               ></div>
             </div>
           </div>
@@ -53,6 +52,7 @@ export default {
             zIndex: 9050,
             iconRestore: "none",
             iconMaximize: "block",
+            unReadyMessage: [1],
           },
           {
             id: 0,
@@ -67,6 +67,7 @@ export default {
             zIndex: 9050,
             iconRestore: "none",
             iconMaximize: "block",
+            unReadyMessage: [1],
           },
           {
             id: 12,
@@ -81,6 +82,7 @@ export default {
             zIndex: 9050,
             iconRestore: "none",
             iconMaximize: "block",
+            unReadyMessage: [],
           },
           {
             id: 1,
@@ -95,6 +97,7 @@ export default {
             zIndex: 9050,
             iconRestore: "none",
             iconMaximize: "block",
+            unReadyMessage: [],
           },
         ],
       },

src/component/Container/DesktopAppView/AppViewItem/index.vue

@@ -208,6 +208,14 @@
           </div>
         </div>
       </div>
+      <div class="x-resizable-handle x-resizable-handle-north x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-south x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-east x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-west x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-northeast x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-northwest x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-southeast x-unselectable x-window-handle"></div>
+      <div class="x-resizable-handle x-resizable-handle-southwest x-unselectable x-window-handle"></div>
     </div>
   </div>
 </template>

src/component/Container/DesktopAppView/index.vue

@@ -14,6 +14,7 @@
               size="16"
               placeholder="搜索"
               class="search-field-input"
+              v-model="keyword"
               @click.stop="searchInputFocus"
               @input="searchAppView"
             />
@@ -31,7 +32,7 @@
         <div class="sds-app-panel">
           <div
             class="v-ps ps ps--active-y"
-            v-if="desktopAppViewDetail.detailMessageList"
+            v-if="desktopAppViewDetail.detailMessageList.length"
           >
             <div class="app-layout-wrapper" style="width: 74%; height: 100%">
               <div
@@ -43,9 +44,7 @@
                   class="launch-icon app-item-icon"
                   v-for="detailMessage in desktopAppViewDetail.detailMessageList"
                   :key="detailMessage.id"
-                  @click.stop="
-                    clickAppViewItem(detailMessage.id)
-                  "
+                  @click.stop="clickAppViewItem(detailMessage.id)"
                 >
                   <div
                     class="image"
@@ -54,8 +53,9 @@
                     }"
                   >
                     <div
+                      id="ext-gen50"
                       class="sds-application-notify-badge-num"
-                      style="opacity: 0"
+                      v-if= "detailMessage.unReadyMessage.length"
                     ></div>
                   </div>
                   <div class="text">{{ detailMessage.title }}</div>
@@ -77,18 +77,19 @@
 <script>
 import AppViewItem from "./AppViewItem";
 export default {
-  props: ["defaultZIndex","appViewData"],
+  props: ["defaultZIndex", "appViewData"],
   data() {
     return {
       desktopAppViewDetail: {
         detailMessageList: [],
       },
       display: "none",
+      keyword: "",
     };
   },
   mounted() {
     this.$bus.on("showAppView", this.showAppView);
-    this.desktopAppViewDetail.detailMessageList = this.appViewData
+    this.desktopAppViewDetail.detailMessageList = this.appViewData;
   },
   methods: {
     // 显示appView页面
@@ -96,28 +97,34 @@ export default {
       this.display = "block";
       this.$bus.emit("hiddenOrShowOtherWindow", true);
       window.addEventListener("click", this.WindowClick);
-      // this.$bus.emit("hiddenDialogWindow");
-      // this.$bus.emit("closeUserAbout");
-
     },
     // 搜索框聚焦
     searchInputFocus(e) {
       if (
         !e.srcElement.parentElement.className.includes(" search-field-focused")
       ) {
-        e.srcElement.parentElement.className = e.srcElement.parentElement.className + " search-field-focused"
+        e.srcElement.parentElement.className =
+          e.srcElement.parentElement.className + " search-field-focused";
       }
     },
-    // 搜索
-    searchAppView(){
+    // 输入关键字搜索
+    searchAppView() {
+      let appViewData = JSON.parse(JSON.stringify(this.appViewData));
+      this.desktopAppViewDetail.detailMessageList = appViewData.filter(
+        (item) => {
+          return item.title.includes(this.keyword);
+        }
+      );
     },
     // 点击页面关闭本页面
     WindowClick() {
-      let el = document.querySelector('.search-field-focused')
+      let el = document.querySelector(".search-field-focused");
       if (el) {
-        el.className = el.className.replace(' search-field-focused','') 
+        el.className = el.className.replace(" search-field-focused", "");
       }
+      this.keyword = "";
       this.display = "none";
+      this.desktopAppViewDetail.detailMessageList = this.appViewData;
       this.$bus.emit("hiddenOrShowOtherWindow", false);
       window.removeEventListener("click", this.WindowClick);
       this.$bus.emit("showDialogWindow");
@@ -125,14 +132,9 @@ export default {
     // 点击appViewItem
     clickAppViewItem(id) {
       this.$bus.emit("clickAppViewItem", id);
-      this.WindowClick()
+      this.WindowClick();
     },
   },
-  watch:{
-    appViewData(){
-     this.desktopAppViewDetail.detailMessageList = this.appViewData
-    }
-  },
   components: {
     AppViewItem,
   },

src/component/Container/index.vue

@@ -49,6 +49,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1]
         },
         {
           id: 1,
@@ -63,6 +64,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1],
         },
         {
           id: 2,
@@ -77,6 +79,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 3,
@@ -92,6 +95,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1]
         },
         {
           id: 4,
@@ -108,6 +112,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 5,
@@ -122,6 +127,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 6,
@@ -137,6 +143,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1]
         },
         {
           id: 7,
@@ -152,6 +159,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 8,
@@ -167,6 +175,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 9,
@@ -182,6 +191,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 10,
@@ -197,6 +207,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 11,
@@ -211,6 +222,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 12,
@@ -225,6 +237,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 13,
@@ -240,6 +253,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 14,
@@ -254,6 +268,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 15,
@@ -269,6 +284,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 16,
@@ -283,6 +299,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 17,
@@ -298,6 +315,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 18,
@@ -312,6 +330,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1,2]
         },
         {
           id: 19,
@@ -327,6 +346,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 20,
@@ -342,6 +362,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 21,
@@ -357,6 +378,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 22,
@@ -372,6 +394,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 23,
@@ -386,6 +409,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 24,
@@ -401,6 +425,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1,2,3]
         },
         {
           id: 25,
@@ -416,6 +441,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 26,
@@ -431,6 +457,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 27,
@@ -444,6 +471,7 @@ export default {
           titleImgUrl:
             "../../../../public/image/DesktopAppView/documentViewer.png",
           zIndex: "9050",
+          unReadyMessage:[]
         },
         {
           id: 28,
@@ -458,6 +486,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 29,
@@ -473,6 +502,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[]
         },
         {
           id: 30,
@@ -487,6 +517,7 @@ export default {
           zIndex: 9050,
           iconRestore: "none",
           iconMaximize: "block",
+          unReadyMessage:[1]
         },
       ],
       userSettingData: {
@@ -709,6 +740,8 @@ export default {
         this.fixWindowData.cls = "deactive-win";
         this.notifySettingData.cls = "deactive-win";
         this.searchInputData.cls = "deactive-win";
+        this.notifyShowAllData.clearAllNotifyData.clearAllNotifyMessageCls =
+          "deactive-win";
         this.appViewData.forEach((item) => {
           if (item.cls === "active-win") {
             item.cls = "deactive-win";