修改

src/components/busManagement/AreaandType.vue

@@ -4,19 +4,18 @@
         text-align: right;
         margin-bottom:25px;
     }
+    .AreaTypeTable td, .AreaTypeTable th{
+        text-align: center!important;
+    }
 </style>
 <template>
   <div class="flexOne AreaandType">
-    <div class="query-box">
-      <ul class="user_time_picker">
-        <li>
-          <input type="button" class="normalBtn" @click="addAreaData()" :value="$t('pub.addBtn')">
-        </li>
-      </ul>
+    <div class="BusAddArea">
+          <input type="button" class="normalBtn" @click="addAreaData()" value="新增地区">
     </div>
-    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loadingArea">
+    <table class="singeRowTable AreaTypeTable" border="0" cellspacing="0" cellpadding="0" v-loading="loadingArea">
       <tr>
-          <th colspan="4">地区</th>
+          <th style="border-bottom:1px solid #d1d1d1;" colspan="4">地区</th>
       </tr>
       <tr>
         <th width="400">地区</th>
@@ -46,11 +45,11 @@
     ></el-pagination>
     
     <div class="BusAddArea">
-        <input type="button" class="normalBtn" @click="addBusData()" :value="$t('pub.addBtn')">
+        <input type="button" class="normalBtn" @click="addBusData()" value="新增车辆类型">
     </div>
-    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loadingBus">
+    <table class="singeRowTable AreaTypeTable" border="0" cellspacing="0" cellpadding="0" v-loading="loadingBus">
       <tr>
-          <th colspan="4">车辆类型</th>
+          <th style="border-bottom:1px solid #d1d1d1;" colspan="4">车辆类型</th>
       </tr>
       <tr>
         <th width="400">车辆类型</th>
@@ -151,13 +150,13 @@ export default {
       Areamsg: {
         Type:1,
         pageIndex:1,
-        pageSize:15
+        pageSize:5
       },
       //车辆类型
       BusTypeMsg:{
         Type:2,
         pageIndex:1,
-        pageSize:15
+        pageSize:5
       },
       AreaDataList:[],
       BusTypeDataList:[],