md

src/assets/styles/custom.scss

@@ -493,6 +493,13 @@
   font-weight: 700;
 }
 
+.el-tabs-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+
 .el-table {
 	width: 100%;
 	display: flex;

src/views/emis/emisSettleBill/BillPaybackSumList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <div class="tab-container">
+    <div class="el-tabs-container">
-      <el-tabs slot="pageTabs"   v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick">
+      <el-tabs slot="pageTabs" style="flex:1;"  v-model="activeTab"  @tab-click="handleTabsClick">
         <el-tab-pane label="回款预警汇总" name="payback" >
           <BillPaybackSumQuery  @onSelect="onSelect"> </BillPaybackSumQuery>
         </el-tab-pane>
@@ -50,13 +50,13 @@ export default {
 
     },
     onSelect(item) {
-      console.log("===onSelect===1111=>",item)
+      // console.log("===onSelect===1111=>",item)
      this.queryType=1;
      this.queryInfo=item;
      this.activeTab="warningList";
    },
    onSelectOpenBill(item) {
-      console.log("===onSelect===2222=>",item)
+      // console.log("===onSelect===2222=>",item)
      this.queryType=2;
      this.queryInfo=item;
      this.activeTab="warningList";
@@ -67,13 +67,9 @@ export default {
 </script>
 
 <style scoped>
-.tab-container {
+/* .el-tabs__nav{
-  width: 100%;
-}
-
-.el-tabs__nav{
     display: flex !important;
     flex-wrap: wrap !important;
-}
+} */
 
 </style>

src/views/emis/emisWaybill/recordScanStatistics.vue

@@ -1,33 +1,40 @@
 <template>
   <div class="app-container">
 
-    <el-row :gutter="0" type='flex'>
+    <div class="el-tabs-container">
-	    <el-col :span="24" :xs="24">
+      <el-tabs v-model="activeTab" style="flex:1;">
-          <el-tabs v-model="activeTab" class="center-tabs">
+            <el-tab-pane label="寄件录单统计" name="a1" >
-            <el-tab-pane label="寄件录单统计" name="a1" />
-            <el-tab-pane label="目的网点录单统计" name="a2" />
-            <el-tab-pane label="扫描数据统计" name="a3" />
-            <el-tab-pane label="全部明细统计" name="a4" />
-          </el-tabs>
-
-      </el-col>
-    </el-row>
-
-    <div v-if="activeTab==='a1'">
               <SendStatPanel @onSelect="onSendSelect"></SendStatPanel>
+
+            </el-tab-pane>
+            <el-tab-pane label="目的网点录单统计" name="a2" >
+              <DestStatPanel  @onSelect="onDestSelect"></DestStatPanel>
+            </el-tab-pane>
+            <el-tab-pane label="扫描数据统计" name="a3" >
+              <ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
+            </el-tab-pane>
+
+            <el-tab-pane label="全部明细统计" name="a4" >
+              <ScanDtlAllListPanel></ScanDtlAllListPanel>
+            </el-tab-pane>
+          </el-tabs>
     </div>
 
-    <div v-if="activeTab==='a2'">
+    <!-- <div v-if="activeTab==='a1'">
-        <DestStatPanel  @onSelect="onDestSelect"></DestStatPanel>
+
+    </div> -->
+
+    <!-- <div v-if="activeTab==='a2'">
+
     </div>
 
     <div v-if="activeTab==='a3'">
-        <ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
+
     </div>
 
     <div v-if="activeTab==='a4'">
-        <ScanDtlAllListPanel></ScanDtlAllListPanel>
+
-    </div>
+    </div> -->
 
   </div>
 </template>