效能报告表格

src/views/sf/dwxnpgbg.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 10:16:47
- * @LastEditTime: 2021-11-30 10:59:11
+ * @LastEditTime: 2021-11-30 11:27:59
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \刑侦二期(1)\founder_vue\src\views\sf\xnpgbg.vue
 -->
 <template>
-  <div style=" width: 1200px; margin:0 auto;">
+  <div style=" width: 1200px; margin:0 auto;margin-bottom:70px;">
     <div class="min">
       <el-form :inline="true" 
         :model="cxFormData" 
@@ -52,7 +52,7 @@
           <el-button icon="el-icon-download" @click="print">导出报告</el-button>
         </div>
       </div>
-        <div style="padding: 0 40px;">
+        <div style="padding: 0 40px;margin-bottom:10px;">
           <div class="title">单位效能评估报告</div>
           <!-- 柱状图 -->
               <div class="htitle">
@@ -60,7 +60,7 @@
               </div>
               <div class="Info">{{ headerInfo1 }}</div>
               <div class="echars">
-                  <div id="barMain" style="width: 100%; height: 400px"></div>
+                  <div id="barMain" style="width: 100%; height: 500px"></div>
               </div>
               <div style="margin-top: 20px">
                 <el-table
@@ -92,7 +92,7 @@
             </div>
             <div class="Info"> {{ headerInfo2 }} </div>
             <div class="echars">
-                <div id="lineMain" style="width: 100%; height: 400px"></div>
+                <div id="lineMain" style="width: 100%; height: 500px"></div>
             </div>
             <div style="margin-top: 20px">
               <el-table
@@ -274,6 +274,10 @@ export default {
                 type: "shadow",
               },
             },
+            grid: {
+              bottom: "0.5%",
+              containLabel: true,
+            },
             xAxis: [
               {
                 type: "category",
@@ -342,6 +346,10 @@ export default {
                 text: "系统使用情况分析",
             },
             color: ["#0061F7"],
+            grid: {
+              bottom: "0.5%",
+              containLabel: true,
+            },
             xAxis: {
                 type: "category",
                 data: hData,
@@ -603,7 +611,7 @@ export default {
   margin: 20px;
 }
 .echars {
-  height: 400px;
+  height: 500px;
   //   background: pink;
 }
 .demo-form-inline{

src/views/sf/grxnpgbg.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-29 17:12:15
- * @LastEditTime: 2021-11-30 11:07:44
+ * @LastEditTime: 2021-11-30 11:26:37
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\sf\grxnpgbg.vue
 -->
 <template>
-  <div  style=" width: 1200px; margin:0 auto;">
+  <div  style=" width: 1200px; margin:0 auto;margin-bottom:70px;">
     <div class="min">
     <el-form :inline="true" 
         :model="cxFormData" 
@@ -61,7 +61,7 @@
             </div>
             <div class="Info">{{ headerInfo1 }}</div>
             <div class="echars">
-                <div id="barMain" style="width: 100%; height: 400px"></div>
+                <div id="barMain" style="width: 100%; height: 500px"></div>
             </div>
             <div style="margin-top: 20px">
             <el-table
@@ -93,7 +93,7 @@
             </div>
             <div class="Info"> {{ headerInfo2 }} </div>
             <div class="echars">
-                <div id="lineMain" style="width: 100%; height: 400px"></div>
+                <div id="lineMain" style="width: 100%; height: 500px"></div>
             </div>
             <div style="margin-top: 20px">
             <el-table
@@ -305,6 +305,10 @@ export default {
                 type: "shadow",
               },
             },
+            grid: {
+              bottom: "0.5%",
+              containLabel: true,
+            },
             xAxis: [
               {
                 type: "category",
@@ -373,6 +377,10 @@ export default {
                 text: "系统使用情况分析",
             },
             color: ["#0061F7"],
+            grid: {
+              bottom: "0.5%",
+              containLabel: true,
+            },
             xAxis: {
                 type: "category",
                 data: hData,
@@ -650,7 +658,7 @@ export default {
   margin: 20px;
 }
 .echars {
-  height: 400px;
+  height: 500px;
   //   background: pink;
 }
 .demo-form-inline{