update: 优化

src/views/recharge/record.vue

@@ -2,13 +2,13 @@
   <section class="recharge dm-wrap" v-loading="loading">
     <div class="pb22">
       <el-date-picker v-model="dateTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="onSearch"></el-date-picker>
-      <el-select style="width:180px" clearable v-model="listParams.deductType" placeholder="全部扣款类型" @change="onSearch">
-        <el-option v-for="(value, key) in deductTypeList" :key="key" :label="value" :value="key"></el-option>
-      </el-select>
-      <el-select style="width:180px" clearable v-model="listParams.feeType" placeholder="全部记录类型" @change="onSearch">
+      <el-select style="width:180px" clearable v-model="listParams.feeType" placeholder="全部记录类型" @change="onChangeFeeType">
         <el-option label="充值" :value="1"></el-option>
         <el-option label="扣款" :value="2"></el-option>
       </el-select>
+      <el-select v-if="listParams.feeType == 2" style="width:180px" clearable v-model="listParams.deductType" placeholder="全部扣款类型" @change="onSearch">
+        <el-option v-for="(value, key) in deductTypeList" :key="key" :label="value" :value="key"></el-option>
+      </el-select>
     </div>
     <el-table tooltipEffect="dark" :data="tableList" style="width: 100%">
       <el-table-column align="left" prop="timeEnd" label="充值时间">
@@ -70,6 +70,10 @@ export default {
     this.$store.commit('mutations_breadcrumb', [{ name: '企业管理', path: '' }, { name: '计费中心', path: '/recharge' }, { name: '充值记录', path: '' }]); // eslint-disable-line
   },
   methods: {
+    onChangeFeeType() {
+      this.listParams.deductType = '';
+      this.onSearch();
+    },
     onSearch() {
       this.listParams.currentPage = 1;
       this.rechargeRecord();