From bb654cea7b1666d5b3c04dbd81a074a5a502cc67 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期五, 31 五月 2024 09:36:40 +0800
Subject: [PATCH] 1、登录页实现登录窗口响应式布局，同时限制最大最小宽高 2、除设备级看板其余看板中点击技术状态以及报修故障图表后打开对应弹窗，并实现与接口联动 3、设备级看板点击保养计划按钮后打开对应弹窗并实现与后端数据联调 4、优化设备级看板折线图样式，将Y轴移至左侧，删除右侧Y轴，设置数据值在图标上的显示

---
 src/components/layouts/UserLayout.vue |   50 +++++++++++++++++++++++++++-----------------------
 1 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/components/layouts/UserLayout.vue b/src/components/layouts/UserLayout.vue
index 6896523..0bd8d97 100644
--- a/src/components/layouts/UserLayout.vue
+++ b/src/components/layouts/UserLayout.vue
@@ -2,24 +2,24 @@
   <div id="userLayout" :class="['user-layout-wrapper', device]">
     <div class="container">
       <!--<div class="top">-->
-        <!--<div class="header">-->
-          <!--<a href="/">-->
-            <!--<img src="~@/assets/lxzn_white.png" class="logo" alt="logo">-->
-            <!--<span class="title">MDC鏅烘収杞﹂棿</span>-->
-          <!--</a>-->
-        <!--</div>-->
-        <!--&lt;!&ndash;<div class="desc">&ndash;&gt;-->
-          <!--&lt;!&ndash;Jeecg Boot 鏄腑鍥芥渶鍏峰奖鍝嶅姏鐨� 浼佷笟绾� 浣庝唬鐮佸钩鍙�&ndash;&gt;-->
-        <!--&lt;!&ndash;</div>&ndash;&gt;-->
+      <!--<div class="header">-->
+      <!--<a href="/">-->
+      <!--<img src="~@/assets/lxzn_white.png" class="logo" alt="logo">-->
+      <!--<span class="title">MDC鏅烘収杞﹂棿</span>-->
+      <!--</a>-->
+      <!--</div>-->
+      <!--&lt;!&ndash;<div class="desc">&ndash;&gt;-->
+      <!--&lt;!&ndash;Jeecg Boot 鏄腑鍥芥渶鍏峰奖鍝嶅姏鐨� 浼佷笟绾� 浣庝唬鐮佸钩鍙�&ndash;&gt;-->
+      <!--&lt;!&ndash;</div>&ndash;&gt;-->
       <!--</div>-->
 
       <route-view></route-view>
 
       <div class="footer">
         <!--<div class="links">-->
-          <!--<a href="http://doc.jeecg.com" target="_blank">甯姪</a>-->
-          <!--<a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">闅愮</a>-->
-          <!--<a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">鏉℃</a>-->
+        <!--<a href="http://doc.jeecg.com" target="_blank">甯姪</a>-->
+        <!--<a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">闅愮</a>-->
+        <!--<a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">鏉℃</a>-->
         <!--</div>-->
         <div class="copyright">
           <!--Copyright &copy; 2019 <a href="http://www.jeecg.com" target="_blank">JEECG寮�婧愮ぞ鍖�</a> 鍑哄搧-->
@@ -31,22 +31,22 @@
 </template>
 
 <script>
-  import RouteView from "@/components/layouts/RouteView"
+  import RouteView from '@/components/layouts/RouteView'
   import { mixinDevice } from '@/utils/mixin.js'
 
   export default {
-    name: "UserLayout",
+    name: 'UserLayout',
     components: { RouteView },
     mixins: [mixinDevice],
-    data () {
+    data() {
       return {}
     },
-    mounted () {
+    mounted() {
       document.body.classList.add('userLayout')
     },
-    beforeDestroy () {
+    beforeDestroy() {
       document.body.classList.remove('userLayout')
-    },
+    }
   }
 </script>
 
@@ -70,9 +70,6 @@
       background-size: 100%;
       /*padding: 110px 0 144px;*/
       position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
 
       a {
         text-decoration: none;
@@ -83,7 +80,6 @@
         position: absolute;
         top: 50px;
         left: 50px;
-
 
         .header {
           height: 44px;
@@ -125,8 +121,16 @@
 
       .main {
         background-color: #fff;
-        width: 1100px;
+        width: 57%;
+        max-width: 2000px;
+        overflow: auto;
+        min-width: 800px;
+        max-height: 75%;
         border-radius: 10px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
       }
 
       .footer {

--
Gitblit v1.9.3