Inicio Explorar Axuda
Rexistro Iniciar sesión
bzd_lxf
/
pm
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

add websocket 插件 显示页面修改

bzd_lxf hai 5 meses
pai
1d05695c9e
achega
ba807c8de8
Modificáronse 2 ficheiros con 106 adicións e 210 borrados
Unificar vista Mostrar estatísticas de Diff
  1. 100 210
      pm_ui/index.html
  2. 6 0
      pm_ui/package.json

+ 100 - 210
pm_ui/index.html
Ver ficheiro 

@@ -1,215 +1,105 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
 
 
-<head>
 
-  <meta charset="utf-8">
 
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-  <meta name="renderer" content="webkit">
 
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
-  <link rel="icon" href="/favicon.ico">
 
-  <title>IBMS管理系统</title>
 
-  <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 
-  <style>
 
-    html,
 
-    body,
 
-    #app {
 
-      height: 100%;
 
-      margin: 0px;
 
-      padding: 0px;
 
-    }
 
-
 
-    .chromeframe {
 
-      margin: 0.2em 0;
 
-      background: #ccc;
 
-      color: #000;
 
-      padding: 0.2em 0;
 
-    }
 
-
 
-    #loader-wrapper {
 
-      position: fixed;
 
-      top: 0;
 
-      left: 0;
 
-      width: 100%;
 
-      height: 100%;
 
-      z-index: 999999;
 
-    }
 
-
 
-    #loader {
 
-      display: block;
 
-      position: relative;
 
-      left: 50%;
 
-      top: 50%;
 
-      width: 150px;
 
-      height: 150px;
 
-      margin: -75px 0 0 -75px;
 
-      border-radius: 50%;
 
-      border: 3px solid transparent;
 
-      border-top-color: #FFF;
 
-      -webkit-animation: spin 2s linear infinite;
 
-      -ms-animation: spin 2s linear infinite;
 
-      -moz-animation: spin 2s linear infinite;
 
-      -o-animation: spin 2s linear infinite;
 
-      animation: spin 2s linear infinite;
 
-      z-index: 1001;
 
-    }
 
-
 
-    #loader:before {
 
-      content: "";
 
-      position: absolute;
 
-      top: 5px;
 
-      left: 5px;
 
-      right: 5px;
 
-      bottom: 5px;
 
-      border-radius: 50%;
 
-      border: 3px solid transparent;
 
-      border-top-color: #FFF;
 
-      -webkit-animation: spin 3s linear infinite;
 
-      -moz-animation: spin 3s linear infinite;
 
-      -o-animation: spin 3s linear infinite;
 
-      -ms-animation: spin 3s linear infinite;
 
-      animation: spin 3s linear infinite;
 
-    }
 
-
 
-    #loader:after {
 
-      content: "";
 
-      position: absolute;
 
-      top: 15px;
 
-      left: 15px;
 
-      right: 15px;
 
-      bottom: 15px;
 
-      border-radius: 50%;
 
-      border: 3px solid transparent;
 
-      border-top-color: #FFF;
 
-      -moz-animation: spin 1.5s linear infinite;
 
-      -o-animation: spin 1.5s linear infinite;
 
-      -ms-animation: spin 1.5s linear infinite;
 
-      -webkit-animation: spin 1.5s linear infinite;
 
-      animation: spin 1.5s linear infinite;
 
-    }
 
-
 
-
 
-    @-webkit-keyframes spin {
 
-      0% {
 
-        -webkit-transform: rotate(0deg);
 
-        -ms-transform: rotate(0deg);
 
-        transform: rotate(0deg);
 
-      }
 
-
 
-      100% {
 
-        -webkit-transform: rotate(360deg);
 
-        -ms-transform: rotate(360deg);
 
-        transform: rotate(360deg);
 
-      }
 
-    }
 
-
 
-    @keyframes spin {
 
-      0% {
 
-        -webkit-transform: rotate(0deg);
 
-        -ms-transform: rotate(0deg);
 
-        transform: rotate(0deg);
 
-      }
 
-
 
-      100% {
 
-        -webkit-transform: rotate(360deg);
 
-        -ms-transform: rotate(360deg);
 
-        transform: rotate(360deg);
 
-      }
 
-    }
 
-
 
-
 
-    #loader-wrapper .loader-section {
 
-      position: fixed;
 
-      top: 0;
 
-      width: 51%;
 
-      height: 100%;
 
-      background: #7171C6;
 
-      z-index: 1000;
 
-      -webkit-transform: translateX(0);
 
-      -ms-transform: translateX(0);
 
-      transform: translateX(0);
 
-    }
 
-
 
-    #loader-wrapper .loader-section.section-left {
 
-      left: 0;
 
-    }
 
-
 
-    #loader-wrapper .loader-section.section-right {
 
-      right: 0;
 
-    }
 
-
 
-
 
-    .loaded #loader-wrapper .loader-section.section-left {
 
-      -webkit-transform: translateX(-100%);
 
-      -ms-transform: translateX(-100%);
 
-      transform: translateX(-100%);
 
-      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
-      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
-    }
 
-
 
-    .loaded #loader-wrapper .loader-section.section-right {
 
-      -webkit-transform: translateX(100%);
 
-      -ms-transform: translateX(100%);
 
-      transform: translateX(100%);
 
-      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
-      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 
-    }
 
-
 
-    .loaded #loader {
 
-      opacity: 0;
 
-      -webkit-transition: all 0.3s ease-out;
 
-      transition: all 0.3s ease-out;
 
-    }
 
-
 
-    .loaded #loader-wrapper {
 
-      visibility: hidden;
 
-      -webkit-transform: translateY(-100%);
 
-      -ms-transform: translateY(-100%);
 
-      transform: translateY(-100%);
 
-      -webkit-transition: all 0.3s 1s ease-out;
 
-      transition: all 0.3s 1s ease-out;
 
-    }
 
-
 
-    .no-js #loader-wrapper {
 
-      display: none;
 
-    }
 
-
 
-    .no-js h1 {
 
-      color: #222222;
 
-    }
 
-
 
-    #loader-wrapper .load_title {
 
-      font-family: 'Open Sans';
 
-      color: #FFF;
 
-      font-size: 19px;
 
-      width: 100%;
 
-      text-align: center;
 
-      z-index: 9999999999999;
 
-      position: absolute;
 
-      top: 60%;
 
-      opacity: 1;
 
-      line-height: 30px;
 
-    }
 
-
 
-    #loader-wrapper .load_title span {
 
-      font-weight: normal;
 
-      font-style: italic;
 
-      font-size: 13px;
 
-      color: #FFF;
 
-      opacity: 0.5;
 
-    }
 
-  </style>
 
-</head>
 
-
 
-<body>
 
-  <div id="app">
 
-    <div id="loader-wrapper">
 
-      <div id="loader"></div>
 
-      <div class="loader-section section-left"></div>
 
-      <div class="loader-section section-right"></div>
 
-      <div class="load_title">正在加载系统资源，请耐心等待</div>
 
-    </div>
 
-  </div>
 
-  <script type="module" src="/src/main.js"></script>
 
-</body>
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <meta name="renderer" content="webkit">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
+        <link rel="icon" href="/favicon.ico">
 
+        <title>IBMS管理系统</title>
 
+        <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 
+        <style>
 
+            html,
 
+            body,
 
+            #app {
 
+                height: 100%;
 
+                margin: 0px;
 
+                padding: 0px;
 
+                /*background-color: #2c3e50;*/
 
+            }
 
+
 
+            .chromeframe {
 
+                margin: 0.2em 0;
 
+                background: #ccc;
 
+                color: #000;
 
+                padding: 0.2em 0;
 
+            }
 
+
 
+            #loader-wrapper {
 
+                position: fixed;
 
+                top: 0;
 
+                left: 0;
 
+                width: 100%;
 
+                height: 100%;
 
+                background-color: #2c3e50;
 
+                z-index: 999999;
 
+                display: flex;
 
+                justify-content: center;
 
+                align-items: center;
 
+                flex-direction: column;
 
+            }
 
+
 
+            #loader {
 
+                display: block;
 
+                position: relative;
 
+                width: 100px;
 
+                height: 100px;
 
+                border: 8px solid rgba(255, 255, 255, 0.2);
 
+                border-top-color: #fff;
 
+                border-radius: 50%;
 
+                animation: spin 1.5s linear infinite;
 
+            }
 
+
 
+            @keyframes spin {
 
+                0% {
 
+                    transform: rotate(0deg);
 
+                }
 
+
 
+                100% {
 
+                    transform: rotate(360deg);
 
+                }
 
+            }
 
+
 
+            #loader-wrapper .load_title {
 
+                font-family: 'Arial', sans-serif;
 
+                color: #fff;
 
+                font-size: 18px;
 
+                margin-top: 20px;
 
+                text-align: center;
 
+                opacity: 0.9;
 
+            }
 
+
 
+            #loader-wrapper .load_title span {
 
+                font-size: 14px;
 
+                color: #ddd;
 
+                opacity: 0.7;
 
+            }
 
+
 
+            .loaded #loader-wrapper {
 
+                visibility: hidden;
 
+                opacity: 0;
 
+                transition: all 0.5s ease-out;
 
+            }
 
+
 
+            .no-js #loader-wrapper {
 
+                display: none;
 
+            }
 
+
 
+            .no-js h1 {
 
+                color: #222222;
 
+            }
 
+        </style>
 
+    </head>
 
+
 
+    <body>
 
+        <div id="app">
 
+            <div id="loader-wrapper">
 
+                <div id="loader"></div>
 
+                <div class="load_title">正在加载系统资源，请耐心等待</div>
 
+            </div>
 
+        </div>
 
+        <script type="module" src="/src/main.js"></script>
 
+    </body>
 
 
 
 </html>
 
 </html>

+ 6 - 0
pm_ui/package.json
Ver ficheiro 

@@ -17,6 +17,7 @@
 
   },
 
   },
 
   "dependencies": {
 
   "dependencies": {
 
     "@element-plus/icons-vue": "2.3.1",
 
     "@element-plus/icons-vue": "2.3.1",
 
+    "@stomp/stompjs": "^7.1.1",
 
     "@vueup/vue-quill": "1.2.0",
 
     "@vueup/vue-quill": "1.2.0",
 
     "@vueuse/core": "10.11.0",
 
     "@vueuse/core": "10.11.0",
 
     "axios": "0.28.1",
 
     "axios": "0.28.1",
 
@@ -31,6 +32,7 @@
 
     "nprogress": "0.2.0",
 
     "nprogress": "0.2.0",
 
     "pinia": "2.1.7",
 
     "pinia": "2.1.7",
 
     "splitpanes": "3.1.5",
 
     "splitpanes": "3.1.5",
 
+    "vant": "^4.9.19",
 
     "vue": "3.4.31",
 
     "vue": "3.4.31",
 
     "vue-cropper": "1.1.1",
 
     "vue-cropper": "1.1.1",
 
     "vue-router": "4.4.0",
 
     "vue-router": "4.4.0",
 
@@ -38,11 +40,15 @@
 
   },
 
   },
 
   "devDependencies": {
 
   "devDependencies": {
 
     "@vitejs/plugin-vue": "5.0.5",
 
     "@vitejs/plugin-vue": "5.0.5",
 
+    "address": "^2.0.3",
 
     "sass": "1.77.5",
 
     "sass": "1.77.5",
 
     "unplugin-auto-import": "0.17.6",
 
     "unplugin-auto-import": "0.17.6",
 
     "unplugin-vue-setup-extend-plus": "1.0.1",
 
     "unplugin-vue-setup-extend-plus": "1.0.1",
 
     "vite": "5.3.2",
 
     "vite": "5.3.2",
 
     "vite-plugin-compression": "0.5.1",
 
     "vite-plugin-compression": "0.5.1",
 
     "vite-plugin-svg-icons": "2.0.1"
 
     "vite-plugin-svg-icons": "2.0.1"
 
+  },
 
+  "overrides": {
 
+    "quill": "2.0.2"
 
   }
 
   }
 
 }
 
 }