热量分析

src/views/Report/HeatAnalysisPage.vue

@@ -40,10 +40,15 @@
                   @click="postHeatAnalysisFun"
                   >历史查询</el-button
                 >
+                <el-button type="primary" v-print="printObj">打印</el-button>
+                <el-button type="primary" @click="exportTableToExcel"
+                  >导出</el-button
+                >
               </div>
             </th>
           </tr>
         </table>
+        <div class="overflowBlock">
           <table
             cellpadding="0"
             cellspacing="1"
@@ -69,7 +74,9 @@
                   <tr>
                     <th>预测室外平均温度(℃)</th>
                     <td>
-                    {{ predictionTemp.avgTemp ? predictionTemp.avgTemp : "-" }}
+                      {{
+                        predictionTemp.avgTemp ? predictionTemp.avgTemp : "-"
+                      }}
                     </td>
                   </tr>
                   <tr>
@@ -322,26 +329,6 @@
               </tr>
             </template>
           </table>
-        <div class="printHidden">
-          <div class="btngrounp">
-            <el-button
-              type="primary"
-              style="margin: 15px 0 0 0"
-              v-print="printObj"
-              >打印</el-button
-            >
-            <!--<el-button
-              type="primary"
-              style="margin: 15px 0 0 10px"
-              >打印预览</el-button
-             -->
-            <el-button
-              type="primary"
-              @click="exportTableToExcel"
-              style="margin: 15px 0 0 10px"
-              >导出</el-button
-            >
-          </div>
         </div>
       </el-card>
     </div>
@@ -877,12 +864,11 @@ onUnmounted(() => {});
 </script>
 <style lang="less" scoped>
 .contentBlock {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: #ffffff;
+}
+.overflowBlock {
+  width: 100%;
+  height: 68vh;
   overflow: auto;
 }
 table {
@@ -930,4 +916,14 @@ table td {
     height: auto !important;
   }
 }
+@media (min-width: 1700px) {
+  .overflowBlock {
+    height: 74vh;
+  }
+}
+@media (min-width: 2560px) {
+  .overflowBlock {
+    height: 100%;
+  }
+}
 </style>
\ No newline at end of file