图表修改

src/components/pages/PaymentManagement/SystemReconciliation.vue

@@ -9,17 +9,17 @@
       </a-select>
       <a-button type="primary" @click="init">查询</a-button>
     </div>
-    <div style="width: 100%;border: 1px solid #dddddd;margin-bottom: 20px">
+    <div class="chart">
       <div id="rechargeLine" :style="{width: '100%', height: '300px'}"></div>
     </div>
-    <div style="width: 100%;scroll;position: relative;border: 1px solid #dddddd;margin-bottom: 20px">
+    <div class="chart" style="width: 100%;scroll;position: relative;border: 1px solid #dddddd;margin-bottom: 20px">
       <div id="subsidyList" :style="{width: '100%', height: '300px'}"></div>
       <a-select placeholder="津贴类型" v-model="sceneType" style="width: 120px;position: absolute;right: 10%;top: 0;" @change="changeSceneType">
         <a-select-option value="MEAL">餐补</a-select-option>
         <a-select-option value="TRAVEL">交通补贴</a-select-option>
       </a-select>
     </div>
-    <div style="width: 100%;overflow-x:scroll;border: 1px solid #dddddd;margin-bottom: 20px">
+    <div class="chart">
       <div id="consumeLine" :style="{width: '100%', height: '300px'}"></div>
     </div>
   </div>
@@ -362,6 +362,7 @@ export default {
 }
 .searchBox button{
   margin-left: 10px;
+  margin-bottom: 20px
 }
 .SystemReconciliationContent{
   border: 1px solid #f6f6f6;
@@ -411,4 +412,11 @@ export default {
   display: inline-block;
   text-align: right;
 }
+.chart{
+  width: 100%;
+  border: 1px solid #dddddd;
+  margin-bottom: 20px;
+  padding: 20px 20px 30px 20px;
+  box-sizing: border-box;
+}
 </style>