利用率走势界面的样式调整，利用率分段分析界面绘制，接口调取，渲染，功能的完成，定时任务加日志展示详情的处理

zhuzhuanzhuan

2023-08-07 d92ca6fdca6e7dae8c9ff4596e2ad3519f9843c6

 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;
  }