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/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue | 35 +++++------------------------------ 1 files changed, 5 insertions(+), 30 deletions(-) diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue index b7d8c93..71d216f 100644 --- a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue +++ b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue @@ -124,42 +124,38 @@ .equipment_box img{ width: 45%; } + + .containerequip{ + overflow: auto; + } + @media screen and (min-width: 1920px){ .containerequip{ height: 640px!important; - overflow: scroll; } } @media screen and (min-width: 1680px) and (max-width: 1920px){ .containerequip{ height: 640px!important; - overflow: scroll; } } @media screen and (min-width: 1400px) and (max-width: 1680px){ .containerequip{ height: 493px!important; - overflow: scroll; } } @media screen and (min-width: 1280px) and (max-width: 1400px){ .containerequip{ height: 493px!important; - overflow: scroll; } } @media screen and (max-width: 1280px){ .containerequip{ height: 394px!important; - overflow: scroll; } } .container_content { width: 100%; - /*display: flex;*/ - /*flex-wrap: wrap;*/ - /*justify-content: space-between;*/ - /*align-items: center;*/ position: relative; } @@ -168,34 +164,13 @@ display: inline-block; text-align: center; margin-bottom: 5%; - /*float: left;*/ } .container_content .contnet p { padding-top: 5%; } - /*.container_content .contnet img {*/ - /*padding: 5%;*/ - /*}*/ - /**/ - .addclass { - /*float: left;*/ - /*position: absolute;*/ - /*top: 0;*/ - /*left: 0;*/ - } - - .noaddclass { - /*float: left;*/ - } - - /*.addclass .content_equipment img {*/ - /*border-bottom: 2px solid #e957ff;*/ - /*!*padding-bottom: 8%;*!*/ - /*}*/ .addclass p { border-bottom: 2px solid #e957ff; - /*padding-bottom: 8%;*/ } </style> \ No newline at end of file -- Gitblit v1.9.3