yh-pub 1.0.0 → 1.0.2

package/layout/main/components/console/console.vue

@@ -1,205 +1,205 @@
-<template>
-  <div
-    class="console"
-    ref="tongs_console">
-    <el-tabs :model-value="activeIndex">
-      <el-tab-pane
-        name="1"
-        label="AGV日志">
-        <div class="console_cell">
-          <div
-            class="panel"
-            ref="agvLogs">
-            <div
-              v-for="info in agvLogs"
-              class="info">
-              [{{ info.time }}] - {{ info.msg }}
-            </div>
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane
-        name="2"
-        label="RGV日志">
-        <div class="console_cell">
-          <div
-            class="panel"
-            ref="rgvLogs">
-            <div
-              v-for="info in rgvLogs"
-              class="info">
-              [{{ info.time }}] - {{ info.msg }}
-            </div>
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane
-        name="3"
-        label="堆垛机日志">
-        <div class="console_cell">
-          <div
-            class="panel"
-            ref="stackerLogs">
-            <div
-              v-for="info in stackerLogs"
-              class="info">
-              [{{ info.time }}] - {{ info.msg }}
-            </div>
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane
-        name="4"
-        label="控制台日志">
-        <div class="console_cell">
-          <div
-            class="panel"
-            ref="consoles">
-            <div
-              v-for="info in consoles"
-              class="info">
-              [{{ info.time }}] - {{ info.msg }}
-            </div>
-          </div>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import config from "@/config";
-import { getToken } from "@/libs/util";
-import LogConsole from "./console.vue";
-
-const baseUrl = process.env.NODE_ENV === "development" ? config.baseUrl.dev : config.baseUrl.pro;
-
-export default {
-  name: "console",
-  components: {},
-  props: {
-    code: String,
-    desc: String,
-    src: String,
-  },
-  data() {
-    return {
-      activeIndex: "1",
-      websocketPath: baseUrl.replace("http", "ws") + "/consoleSocket",
-      websocket: "",
-      agvLogs: [],
-      rgvLogs: [],
-      stackerLogs: [],
-      consoles: [],
-      pageDestroyed: false,
-    };
-  },
-  methods: {
-    initWebsocket() {
-      let token = getToken();
-      if (typeof WebSocket === "undefined") {
-        this.$message.info("您的浏览器不支持WebSocket");
-      } else if (token) {
-        let self = this;
-        if (!window.websocket) {
-          window.agvLogs = [];
-          let websocketPath = this.websocketPath + "?$_TOKEN=" + token;
-
-          window.initWebSocket = function () {
-            // 实例化websocket
-            window.websocket = new WebSocket(websocketPath);
-            // 监听websocket的连接
-            window.websocket.onopen = () => {
-              console.log("(" + this.websocketPath + ") websocket连接成功");
-            };
-            // 监听websocket的错误信息
-            window.websocket.onerror = () => {
-              console.log("(" + this.websocketPath + ") websocket连接错误");
-            };
-            // 监听websocket的消息
-            window.websocket.onmessage = (res) => {
-              console.info("接收到消息", res);
-              let data = {};
-              eval("data=" + res.data);
-              if (data) {
-                data.time = data.time ? data.time.substring(11) : "";
-
-                if (data.type == "3" || data.type == "4") {
-                  window.agvLogs.push(data);
-                } else if (data.type == "5") {
-                  window.rgvLogs.push(data);
-                } else if (data.type == "7") {
-                  window.stackerLogs.push(data);
-                } else {
-                  window.consoles.push(data);
-                }
-              }
-
-              self.scrollTop();
-            };
-            // 监听websocket关闭
-            window.websocket.onclose = () => {
-              console.log("websocket关闭，尝试重新连接websocket");
-              window.setTimeout(() => {
-                window.initWebSocket();
-              }, 5000);
-            };
-          };
-          window.initWebSocket();
-        }
-      }
-
-      this.agvLogs = window.agvLogs;
-      this.rgvLogs = window.rgvLogs;
-      this.stackerLogs = window.stackerLogs;
-      this.consoles = window.consoles;
-    },
-    scrollTop() {
-      this.$nextTick(() => {
-        let div = this.$refs["agvLogs"];
-        if (div) div.scrollTop = div.scrollHeight;
-        div = this.$refs["rgvLogs"];
-        if (div) div.scrollTop = div.scrollHeight;
-        div = this.$refs["stackerLogs"];
-        if (div) div.scrollTop = div.scrollHeight;
-        div = this.$refs["consoles"];
-        if (div) div.scrollTop = div.scrollHeight;
-      });
-    },
-  },
-  mounted() {
-    this.initWebsocket();
-  },
-  beforeDestroy() {
-    if (window.websocket) {
-      console.info("关闭了websocket");
-      window.websocket.close();
-    }
-  },
-};
-</script>
-<style>
-.console {
-  color: #ffffff;
-  width: 100%;
-  height: 100%;
-  min-height: 800px;
-}
-.console .console_cell {
-  border-right: 1px #ffffff solid;
-  height: calc(100% - 5px);
-  background-color: #303030;
-}
-.console .panel {
-  min-height: 500px;
-  height: calc(100% - 55px);
-  padding: 10px;
-  overflow: auto;
-}
-.console .info {
-  font-size: 13px;
-  line-height: 18px;
-  color: #ffffff;
-}
-</style>
-@/libs/util
+<template>
+  <div
+    class="console"
+    ref="tongs_console">
+    <el-tabs :model-value="activeIndex">
+      <el-tab-pane
+        name="1"
+        label="AGV日志">
+        <div class="console_cell">
+          <div
+            class="panel"
+            ref="agvLogs">
+            <div
+              v-for="info in agvLogs"
+              class="info">
+              [{{ info.time }}] - {{ info.msg }}
+            </div>
+          </div>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane
+        name="2"
+        label="RGV日志">
+        <div class="console_cell">
+          <div
+            class="panel"
+            ref="rgvLogs">
+            <div
+              v-for="info in rgvLogs"
+              class="info">
+              [{{ info.time }}] - {{ info.msg }}
+            </div>
+          </div>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane
+        name="3"
+        label="堆垛机日志">
+        <div class="console_cell">
+          <div
+            class="panel"
+            ref="stackerLogs">
+            <div
+              v-for="info in stackerLogs"
+              class="info">
+              [{{ info.time }}] - {{ info.msg }}
+            </div>
+          </div>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane
+        name="4"
+        label="控制台日志">
+        <div class="console_cell">
+          <div
+            class="panel"
+            ref="consoles">
+            <div
+              v-for="info in consoles"
+              class="info">
+              [{{ info.time }}] - {{ info.msg }}
+            </div>
+          </div>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import config from "@/config";
+import { getToken } from "@/libs/util";
+import LogConsole from "./console.vue";
+
+const baseUrl = process.env.NODE_ENV === "development" ? config.baseUrl.dev : config.baseUrl.pro;
+
+export default {
+  name: "console",
+  components: {},
+  props: {
+    code: String,
+    desc: String,
+    src: String,
+  },
+  data() {
+    return {
+      activeIndex: "1",
+      websocketPath: baseUrl.replace("http", "ws") + "/consoleSocket",
+      websocket: "",
+      agvLogs: [],
+      rgvLogs: [],
+      stackerLogs: [],
+      consoles: [],
+      pageDestroyed: false,
+    };
+  },
+  methods: {
+    initWebsocket() {
+      let token = getToken();
+      if (typeof WebSocket === "undefined") {
+        this.$message.info("您的浏览器不支持WebSocket");
+      } else if (token) {
+        let self = this;
+        if (!window.websocket) {
+          window.agvLogs = [];
+          let websocketPath = this.websocketPath + "?$_TOKEN=" + token;
+
+          window.initWebSocket = function () {
+            // 实例化websocket
+            window.websocket = new WebSocket(websocketPath);
+            // 监听websocket的连接
+            window.websocket.onopen = () => {
+              console.log("(" + this.websocketPath + ") websocket连接成功");
+            };
+            // 监听websocket的错误信息
+            window.websocket.onerror = () => {
+              console.log("(" + this.websocketPath + ") websocket连接错误");
+            };
+            // 监听websocket的消息
+            window.websocket.onmessage = (res) => {
+              console.info("接收到消息", res);
+              let data = {};
+              eval("data=" + res.data);
+              if (data) {
+                data.time = data.time ? data.time.substring(11) : "";
+
+                if (data.type == "3" || data.type == "4") {
+                  window.agvLogs.push(data);
+                } else if (data.type == "5") {
+                  window.rgvLogs.push(data);
+                } else if (data.type == "7") {
+                  window.stackerLogs.push(data);
+                } else {
+                  window.consoles.push(data);
+                }
+              }
+
+              self.scrollTop();
+            };
+            // 监听websocket关闭
+            window.websocket.onclose = () => {
+              console.log("websocket关闭，尝试重新连接websocket");
+              window.setTimeout(() => {
+                window.initWebSocket();
+              }, 5000);
+            };
+          };
+          window.initWebSocket();
+        }
+      }
+
+      this.agvLogs = window.agvLogs;
+      this.rgvLogs = window.rgvLogs;
+      this.stackerLogs = window.stackerLogs;
+      this.consoles = window.consoles;
+    },
+    scrollTop() {
+      this.$nextTick(() => {
+        let div = this.$refs["agvLogs"];
+        if (div) div.scrollTop = div.scrollHeight;
+        div = this.$refs["rgvLogs"];
+        if (div) div.scrollTop = div.scrollHeight;
+        div = this.$refs["stackerLogs"];
+        if (div) div.scrollTop = div.scrollHeight;
+        div = this.$refs["consoles"];
+        if (div) div.scrollTop = div.scrollHeight;
+      });
+    },
+  },
+  mounted() {
+    this.initWebsocket();
+  },
+  beforeDestroy() {
+    if (window.websocket) {
+      console.info("关闭了websocket");
+      window.websocket.close();
+    }
+  },
+};
+</script>
+<style>
+.console {
+  color: #ffffff;
+  width: 100%;
+  height: 100%;
+  min-height: 800px;
+}
+.console .console_cell {
+  border-right: 1px #ffffff solid;
+  height: calc(100% - 5px);
+  background-color: #303030;
+}
+.console .panel {
+  min-height: 500px;
+  height: calc(100% - 55px);
+  padding: 10px;
+  overflow: auto;
+}
+.console .info {
+  font-size: 13px;
+  line-height: 18px;
+  color: #ffffff;
+}
+</style>
+@/libs/util

package/layout/main/components/error-store/error-store.vue

@@ -1,72 +1,72 @@
-<template>
-  <el-badge
-    class="error-store"
-    :value="countComputed"
-    @click="openErrorLoggerPage">
-    <i class="iconfont icon-error"></i>
-  </el-badge>
-</template>
-
-<script>
-export default {
-  name: "ErrorStore",
-  props: {
-    count: {
-      type: Number,
-      default: 0,
-    },
-    hasRead: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      startDebug: false,
-    };
-  },
-  computed: {
-    countComputed() {
-      return this.hasRead ? 0 : this.count;
-    },
-  },
-  methods: {
-    openErrorLoggerPage() {
-      let url = "system/startDebug";
-      if (!this.startDebug) {
-        this.startDebug = true;
-      } else {
-        url = "system/stopDebug";
-        this.startDebug = false;
-      }
-      this.axios
-        .request({
-          url: url,
-          params: {},
-          method: "post",
-        })
-        .then((res) => {
-          this.$message.info(res.data.msg);
-        })
-        .catch((res) => {
-          // this.$message.error(res.data.msg);
-        });
-    },
-  },
-};
-</script>
-
-<style lang="less">
-.error-store {
-  margin-right: 12px;
-  height: 32px;
-  line-height: 32px;
-  border: 0;
-  .ivu-badge-dot {
-    top: 20px;
-  }
-  .ivu-btn.ivu-btn-text {
-    padding: 2px 1px 6px;
-  }
-}
-</style>
+<template>
+  <el-badge
+    class="error-store"
+    :value="countComputed"
+    @click="openErrorLoggerPage">
+    <i class="iconfont icon-error"></i>
+  </el-badge>
+</template>
+
+<script>
+export default {
+  name: "ErrorStore",
+  props: {
+    count: {
+      type: Number,
+      default: 0,
+    },
+    hasRead: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      startDebug: false,
+    };
+  },
+  computed: {
+    countComputed() {
+      return this.hasRead ? 0 : this.count;
+    },
+  },
+  methods: {
+    openErrorLoggerPage() {
+      let url = "system/startDebug";
+      if (!this.startDebug) {
+        this.startDebug = true;
+      } else {
+        url = "system/stopDebug";
+        this.startDebug = false;
+      }
+      this.axios
+        .request({
+          url: url,
+          params: {},
+          method: "post",
+        })
+        .then((res) => {
+          this.$message.info(res.data.msg);
+        })
+        .catch((res) => {
+          // this.$message.error(res.data.msg);
+        });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.error-store {
+  margin-right: 12px;
+  height: 32px;
+  line-height: 32px;
+  border: 0;
+  .ivu-badge-dot {
+    top: 20px;
+  }
+  .ivu-btn.ivu-btn-text {
+    padding: 2px 1px 6px;
+  }
+}
+</style>

package/layout/main/components/error-store/index.js

@@ -1,2 +1,2 @@
-import ErrorStore from './error-store.vue'
-export default ErrorStore
+import ErrorStore from './error-store.vue'
+export default ErrorStore

package/layout/main/components/fullscreen/fullscreen.vue

@@ -1,57 +1,57 @@
-<template>
-  <div
-    v-if="showFullScreenBtn"
-    class="full-screen-btn-con"
-    @click.native="handleChange"
-  >
-    <el-tooltip :content="ct('退出全屏')" placement="bottom">
-      <i v-show="isFullscreen" class="iconfont icon-fullscreen-exit"></i>
-    </el-tooltip>
-    <el-tooltip :content="ct('全屏')" placement="bottom">
-      <i v-show="!isFullscreen" class="iconfont icon-fullscreen"></i>
-    </el-tooltip>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import { ct } from "yh-i18n";
-const showFullScreenBtn = ref(window.navigator.userAgent.indexOf("MSIE") < 0);
-const emits = defineEmits(["change"]);
-
-const isFullscreen = ref(false);
-function handleFullscreen() {
-  let main = document.body;
-  let flag = document.fullscreenElement !== null;
-  if (flag) {
-    document.exitFullscreen();
-    isFullscreen.value = false;
-  } else {
-    main.requestFullscreen();
-    isFullscreen.value = true;
-  }
-  emits("change", isFullscreen.value);
-}
-function handleChange() {
-  handleFullscreen();
-}
-onMounted(() => {
-  isFullscreen.value = document.fullscreenElement !== null;
-  emits("change", isFullscreen.value);
-});
-</script>
-
-<style lang="less">
-.full-screen-btn-con {
-  width: var(--header-size);
-  height: 32px;
-  line-height: 32px;
-  border: 0;
-  text-align: center;
-  cursor: pointer;
-  i {
-    font-size: 30px;
-    color: var(--el-color-white);
-  }
-}
-</style>
+<template>
+  <div
+    v-if="showFullScreenBtn"
+    class="full-screen-btn-con"
+    @click.native="handleChange"
+  >
+    <el-tooltip :content="ct('退出全屏')" placement="bottom">
+      <i v-show="isFullscreen" class="iconfont icon-fullscreen-exit"></i>
+    </el-tooltip>
+    <el-tooltip :content="ct('全屏')" placement="bottom">
+      <i v-show="!isFullscreen" class="iconfont icon-fullscreen"></i>
+    </el-tooltip>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { ct } from "yh-i18n";
+const showFullScreenBtn = ref(window.navigator.userAgent.indexOf("MSIE") < 0);
+const emits = defineEmits(["change"]);
+
+const isFullscreen = ref(false);
+function handleFullscreen() {
+  let main = document.body;
+  let flag = document.fullscreenElement !== null;
+  if (flag) {
+    document.exitFullscreen();
+    isFullscreen.value = false;
+  } else {
+    main.requestFullscreen();
+    isFullscreen.value = true;
+  }
+  emits("change", isFullscreen.value);
+}
+function handleChange() {
+  handleFullscreen();
+}
+onMounted(() => {
+  isFullscreen.value = document.fullscreenElement !== null;
+  emits("change", isFullscreen.value);
+});
+</script>
+
+<style lang="less">
+.full-screen-btn-con {
+  width: var(--header-size);
+  height: 32px;
+  line-height: 32px;
+  border: 0;
+  text-align: center;
+  cursor: pointer;
+  i {
+    font-size: 30px;
+    color: var(--el-color-white);
+  }
+}
+</style>

package/layout/main/components/fullscreen/index.js

@@ -1,2 +1,2 @@
-import Fullscreen from './fullscreen.vue'
-export default Fullscreen
+import Fullscreen from './fullscreen.vue'
+export default Fullscreen