style

src/App.vue

@@ -338,4 +338,7 @@ textarea {
 .el-autocomplete-suggestion-data-entry {
     width: auto !important;
 }
+.el-tabs__nav-wrap::after {
+  background: transparent !important;
+}
 </style>

src/views/dataReport_manage/statistic/abnormalRenewal.vue

@@ -1,19 +1,25 @@
 <template>
     <div class="statistic-container" ref="reference">
         <div style="margin-bottom:20px;">
-            <el-button 
-                v-for="item in filterDaysOptions" 
-                :key="item.value"
-                type="primary"
-                :plain="actFilterDay!==item.value"
-                @click="actFilterDay=item.value;getTableData()"
-            >{{item.label}}</el-button>
+
+            <el-radio-group v-model="actFilterDay" @input="val => { actFilterDay=val;getTableData() }">
+                <el-radio-button 
+                    :label="item.value" 
+                    v-for="item in filterDaysOptions" 
+                    :key="item.value"
+                >{{item.label}}</el-radio-button>
+            </el-radio-group>
         </div>
 
         <div class="frequency-cont" style="position: relative;">
-			<ul class="frequency-ul">
-				<li v-for="tab in staticTabs" :key="tab" :class="{act: tab=== default_tab}" @click="changeTabHandle(tab)">{{ tab }}</li>
-			</ul>
+            <el-tabs v-model="default_tab" @tab-click="item =>{changeTabHandle(item.name)}" style="margin-right:20px">
+                <el-tab-pane 
+                    v-for="tab in staticTabs" 
+                    :key="tab" 
+                    :label="tab" 
+                    :name="tab"
+                />
+            </el-tabs>
 			<date-picker
                 v-model="select_date"
                 type="date" 
@@ -181,4 +187,11 @@ export default {
     height: calc(100vh - 180px);
     position: relative;
 }
+</style>
+<style lang="scss">
+.statistic-container{
+    .el-tabs__header {
+        margin-bottom: 0 !important;
+    }
+}    
 </style>

src/views/dataReport_manage/statistic/mixin.js

@@ -64,7 +64,6 @@ export default {
     },
 		/* 切换顶部tab */
 		changeTabHandle(tab) {
-			if(tab === this.default_tab) return
 			$('.table-body-wrapper')[0].scrollTop = 0;
 			this.default_tab = tab;