1

wankeda

2026-03-12 ababb6ad4189ec943009c0245db6f43396bb36ab

 WMS/WIDESEA_WMSClient/src/views/Index.vue

@@ -31,6 +31,10 @@
          </div> -->
        </div>
        <div class="header-info">
          <!--消息管理-->
          <div class="h-link" @click="showDraw">
            <a><i class="el-icon-message-solid"></i></a>
          </div>
          <div class="h-link">
            <a href="javascript:void(0)" @click="to(item)" v-for="(item, index) in links.filter((c) => {
              return c.icon;
@@ -91,7 +95,8 @@
              <component :is="Component" :key="$route.name"
                v-if="!$route.meta || ($route.meta && !$route.meta.hasOwnProperty('keepAlive'))" />
            </keep-alive>
            <component :is="Component" :key="$route.name" v-if="$route.meta && $route.meta.hasOwnProperty('keepAlive')" />
            <component :is="Component" :key="$route.name"
              v-if="$route.meta && $route.meta.hasOwnProperty('keepAlive')" />
          </router-view>
        </el-scrollbar>
      </div>
@@ -107,8 +112,11 @@
      </div>
    </el-drawer>

    <el-drawer title="消息列表" v-model="messageModel" direction="rtl" destroy-on-close>
      <Message :list="messageList"></Message>
    <el-drawer title="货位预警" v-model="messageModel" direction="rtl" destroy-on-close>
      <el-alert  v-for="item in messageList" :title="item" type="warning" description="该仓库货位占有率已达到80%或以上，请及时清理货位"
        closable="false" 
        show-icon>
      </el-alert>
    </el-drawer>
  </div>
</template>
@@ -131,6 +139,7 @@
  watch,
  onMounted,
  getCurrentInstance,
  h,
} from "vue";
import { useRouter, useRoute } from "vue-router";
import store from "../store/index";
@@ -150,6 +159,7 @@
      otherTabs: true,
      menuLeft: 0,
      menuTop: 0,
      drawer: false,
      //  contextMenuVisible: false, // 右键关闭显/隐
    };
  },
@@ -611,6 +621,18 @@
        });
      });
    },
    showDraw() {
      http.post("/api/LocationInfo/LocationWarning", {}, true).then((result) => {
        if (!result.status) {
          this.$Message.$error(x.message);
        } else {
          console.log(result.data)
          this.messageList = result.data
          this.messageModel = true
          console.log(this.messageList)
        }
      });
    },
  },

  /**
@@ -713,4 +735,14 @@
  transition: 0s width ease-in-out, 0s padding-left ease-in-out,
    0s padding-right ease-in-out;
}

/* 货位预警抽屉弹窗的全局层级保障 */
.el-drawer {
  z-index: 9999 !important;
}

/* 抽屉的蒙层也需要对应提高层级 */
.el-drawer__mask {
  z-index: 9998 !important;
}
</style>