From d92ca6fdca6e7dae8c9ff4596e2ad3519f9843c6 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期一, 07 八月 2023 17:38:11 +0800
Subject: [PATCH] 利用率走势界面的样式调整，利用率分段分析界面绘制，接口调取，渲染，功能的完成，定时任务加日志展示详情的处理

---
 src/views/mdc/base/modules/openRateTrendAnalysis/openRateTrendAnalysisMain.vue |  137 +++++++++++++++++++++++++++++++--------------
 1 files changed, 93 insertions(+), 44 deletions(-)

diff --git a/src/views/mdc/base/modules/openRateTrendAnalysis/openRateTrendAnalysisMain.vue b/src/views/mdc/base/modules/openRateTrendAnalysis/openRateTrendAnalysisMain.vue
index c671ece..a8c7da6 100644
--- a/src/views/mdc/base/modules/openRateTrendAnalysis/openRateTrendAnalysisMain.vue
+++ b/src/views/mdc/base/modules/openRateTrendAnalysis/openRateTrendAnalysisMain.vue
@@ -17,10 +17,10 @@
           </a-form>
         </div>
         <div id="DeviceList">
-          <div class="openRateTrendDg" style="width: 100%;height: 40%;overflow: scroll">
-            <div id="Efficiency" class="container" style="margin-top: 20px;width: 100%;height: 300px">
-              <div class="table2" style="width: 100%;height: 300px">
-                <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" style="white-space: nowrap;width: 100%;height: 300px;text-align: center;">
+          <div class="openRateTrendDg">
+            <div id="Efficiency" class="container" style="margin-top: 20px;">
+              <div class="table2">
+                <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" style="white-space: nowrap;text-align: center;">
                   <thead>
                   <tr class="thead fixed equipname">
                     <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">璁惧缂栧彿</th>
@@ -370,17 +370,66 @@
   }
 </script>
 <style scoped>
-  /*.table2{*/
-    /*width: 100%;*/
+  .dataContent {
+    white-space: nowrap;
+    /*margin: 0;*/
+    /*border: none;*/
+    border-collapse: separate;
+    border-spacing: 0;
+    /*table-layout: fixed;*/
+    border: 1px solid #ccc;
+    /*border: 1px solid #ccc;*/
+    width: 100%;
     /*height: 100%;*/
-    /*overflow: auto;*/
+    /*overflow: hidden;*/
+    /*overflow-y: auto;*/
+    text-align: center;
+  }
+
+  /*.dataContent .fixed th {*/
+  /*width: 50px;*/
   /*}*/
-  tr th {
-    height: 50px!important;
+
+  .dataContent .thead th {
+    background-color: #fafafa;
+    text-align: center;
+    height: 30px;
+    padding: 5px;
   }
-  tr td{
-    height: 50px!important;
+
+  .dataContent .notfixed th {
+    /*width: auto;*/
   }
+
+  .dataContent tr td {
+    height: 35px;
+  }
+
+  .dataContent .mathData td {
+    padding: 10px;
+    /*display: none;*/
+  }
+
+  .dataContent .mathData .td {
+    /*background-color: #ff9bd2;*/
+    display: inline-block;
+    padding: 10px;
+  }
+
+  .dataContent .mathData .tdd {
+    /*display: none;*/
+  }
+  .table2{
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+  }
+  /*tr th {*/
+  /*height: 50px!important;*/
+  /*}*/
+  /*tr td{*/
+  /*height: 50px!important;*/
+  /*}*/
   .table2 thead tr th:first-child,
   .table tbody tr .tdgu{
     position: sticky;
@@ -456,36 +505,36 @@
     left: 700px;
   }
 
-  /*@media screen and (min-width: 1920px){*/
-    /*#Efficiency{*/
-      /*height: 687px!important;*/
-      /*overflow: scroll;*/
-    /*}*/
-  /*}*/
-  /*@media screen and (min-width: 1680px) and (max-width: 1920px){*/
-    /*#Efficiency{*/
-      /*height: 687px!important;*/
-      /*overflow: scroll;*/
-    /*}*/
-  /*}*/
-  /*@media screen and (min-width: 1400px) and (max-width: 1680px){*/
-    /*#Efficiency{*/
-      /*height: 540px!important;*/
-      /*overflow: scroll;*/
-    /*}*/
-  /*}*/
-  /*@media screen and (min-width: 1280px) and (max-width: 1400px){*/
-    /*#Efficiency{*/
-      /*height: 440px!important;*/
-      /*overflow: scroll;*/
-    /*}*/
-  /*}*/
-  /*@media screen and (max-width: 1280px){*/
-    /*#Efficiency{*/
-      /*height: 440px!important;*/
-      /*overflow: scroll;*/
-    /*}*/
-  /*}*/
+  @media screen and (min-width: 1920px){
+    #Efficiency{
+      height: 337px!important;
+      overflow: scroll;
+    }
+  }
+  @media screen and (min-width: 1680px) and (max-width: 1920px){
+    #Efficiency{
+      height: 337px!important;
+      overflow: scroll;
+    }
+  }
+  @media screen and (min-width: 1400px) and (max-width: 1680px){
+    #Efficiency{
+      height: 190px!important;
+      overflow: scroll;
+    }
+  }
+  @media screen and (min-width: 1280px) and (max-width: 1400px){
+    #Efficiency{
+      height: 90px!important;
+      overflow: scroll;
+    }
+  }
+  @media screen and (max-width: 1280px){
+    #Efficiency{
+      height: 90px!important;
+      overflow: scroll;
+    }
+  }
   #Efficiency .table_guding1{
     position: absolute;
     overflow: hidden;
@@ -495,9 +544,9 @@
     overflow-x: scroll;
     width: 500px;
   }
- /deep/ .ant-card{
-   height: 100%!important;
- }
+  /deep/ .ant-card{
+    height: 100%!important;
+  }
   /deep/ .ant-card .ant-card-body{
     height: 100%!important;
   }

--
Gitblit v1.9.3