钱包预收明细和收支明细页面独立

src/views/Letter/Wallet/ExpenditureDetails.vue

@@ -7,14 +7,14 @@
                 返回
             </el-button>
             <div class="amount-money">
-                <span>收入：￥{{ pageResult.sumAmountSR || 0 }}</span>
-                <span>支出：￥{{ pageResult.sumAmountZC || 0 }}</span>
+                <span >收入：￥{{ pageResult.sumAmountSR || 0 }}</span>
+                <span >支出：￥{{ pageResult.sumAmountZC || 0 }}</span>
             </div>
         </div>
         <div class="content">
             <el-form :inline="true" :model="formQuery" class="demo-form-inline" size="small" style="margin: 15px 0;">
                 <el-row>
-                    <el-col :span="6">
+                    <el-col :span="6" >
                         <el-form-item label="收支状态:">
                             <el-radio-group v-model="formQuery.incomeAndExpensesType" @input="getMoneyAttrType">
                                 <el-radio v-for="val in incomeAndExpensesTypeoptions" :key="val.dictValue"
@@ -27,14 +27,15 @@
                     <el-col :span="6">
                         <el-form-item label="业务板块:">
                             <el-radio-group v-model="formQuery.businessSegmentsType" @input="getbusinessSegmentsTypeType">
-                                <el-radio v-for="val in  businessSegmentsSZTypeoptions" :key="val.dictValue"
-                                    :label="val.dictValue">{{ val.dictTag
+                                <el-radio
+                                    v-for="val in  businessSegmentsSZTypeoptions"
+                                    :key="val.dictValue" :label="val.dictValue">{{ val.dictTag
                                     }}</el-radio>
                             </el-radio-group>
                         </el-form-item>
                     </el-col>
-
-                    <el-col :span="6">
+                
+                    <el-col :span="6" >
                         <el-form-item label="交易类型:">
                             <el-select v-model="formQuery.transactionType" size="small" clearable placeholder="请选择">
                                 <el-option v-for="item in moneyAttrTypeoptions" :key="item.dictValue"
@@ -78,7 +79,7 @@
                     <el-table-column prop="licenseNo" label="车牌号" align="center"></el-table-column>
                     <el-table-column prop="businessSegmentsType" label="业务板块" align="center">
                         <template slot-scope="scope">
-                            <span>{{ screenType('businessSegmentsSZType',
+                            <span>{{ screenType( 'businessSegmentsSZType',
                                 scope.row.businessSegmentsType) }}</span>
                         </template>
                     </el-table-column>
@@ -295,7 +296,7 @@ export default {
         this.getDicType("incomeAndExpensesType"); //收支类型
         this.getDicType("moneyAttrType"); //交易类型
         this.getDicType("businessSegmentsSZType"); // 收支业务板块
-
+    
     },
     // 方法函数
     methods: {
@@ -407,7 +408,7 @@ export default {
             }
         },
         getbusinessSegmentsTypeType(val) {
-            if (val == 2) {
+            if ( val == 2) {
                 this.formQuery.transactionType = '4'
                 this.formQuery.incomeAndExpensesType = '1'
             }
@@ -497,25 +498,24 @@ export default {
                 spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             });
-
-            this.$api.letter.findMyIncomeAndExpensesByUserId({ ...this.formQuery, userId: this.userId }).then((res) => {
-                if (res.code == '200') {
-                    this.pageResult = res.data;
-                    this.tableData = res.data.data.content
-                    this.formQuery.pageNum = res.data.data.pageNum,
-                        this.formQuery.pageSize = res.data.data.pageSize,
-                        this.formQuery.totalSize = res.data.data.totalSize,
+           
+                this.$api.letter.findMyIncomeAndExpensesByUserId({ ...this.formQuery, userId: this.userId }).then((res) => {
+                    if (res.code == '200') {
+                        this.pageResult = res.data;
+                        this.tableData = res.data.data.content
+                        this.formQuery.pageNum = res.data.data.pageNum,
+                            this.formQuery.pageSize = res.data.data.pageSize,
+                            this.formQuery.totalSize = res.data.data.totalSize,
+                            loading.close();
+                    } else {
                         loading.close();
-                } else {
-                    loading.close();
-                    this.tableData = []
-                    this.$message({
-                        type: 'error',
-                        message: res.msg,
-                    });
-                }
-            });
-
+                        this.tableData = []
+                        this.$message({
+                            type: 'error',
+                            message: res.msg,
+                        });
+                    }
+                });
 
         },
         back() {
@@ -675,6 +675,5 @@ export default {
     font-size: 28px;
     color: #229805;
     margin: 0 0 30px 0;
-}
-</style>
+}</style>