update:新增按钮

src/pages/Withdrawal/walletAccount/flowRecord.vue

@@ -4,7 +4,7 @@
     <div class="creatRole">
       <el-form>
         <el-form-item label="用户Id">
-          <span>{{user_id}}</span>
+          <span>{{ user_id }}</span>
         </el-form-item>
         <el-form-item label="交易类型">
           <el-select v-model="type" clearable @change="getRecordList">
@@ -38,37 +38,38 @@
         label="可用余额"
         prop="balance"
         align="center"
-      ></el-table-column>
-      <el-table-column
-        label="交易类型"
-        prop="trade_type"
-        align="center"
       >
       <template #default="scope">
-       {{getTradeType(scope.row.trade_type)}}
+        {{"¥ "+scope.row.balance}}
       </template>
       </el-table-column>
+      <el-table-column label="交易类型" prop="trade_type" align="center">
+        <template #default="scope">
+          {{ getTradeType(scope.row.trade_type) }}
+        </template>
+      </el-table-column>
       <el-table-column label="状态" width="200px" prop="status" align="center">
       </el-table-column>
       <el-table-column label="说明" align="center" prop="third_order_desc">
       </el-table-column>
     </el-table>
+    <el-button type="primary" @click="handleBack" style="margin-top:50px;margin-left: 45%;">返回</el-button>
     <page :totalNum="totalNum" @update="update" />
   </el-card>
 </template>
 
 <script>
-  import page from "../../../components/Pagination";
+import page from "../../../components/Pagination";
 import { getRecordList } from "@/service/Withdrawal/withdrawal";
-const tradeType = {1:"充值",2:"提现", 3:"转账"};
+const tradeType = { 1: "充值", 2: "提现", 3: "转账" };
 export default {
   name: "flowRecord",
-  components:{page},
-    data() {
+  components: { page },
+  data() {
     return {
-      user_id:"",
-      wallet_id:"",
-      type:"",
+      user_id: "",
+      wallet_id: "",
+      type: "",
       recordList: [],
       params: {
         page: 1,
@@ -78,8 +79,8 @@ export default {
   },
 
   created() {
-    this.user_id = this.$route.query.user_id
-    this.wallet_id = this.$route.query.wallet_id
+    this.user_id = this.$route.query.user_id;
+    this.wallet_id = this.$route.query.wallet_id;
     this.getRecordList();
   },
 
@@ -90,7 +91,7 @@ export default {
     },
     //获取账户流水列表
     getRecordList() {
-      this.recordList=[];
+      this.recordList = [];
       let { page, page_size } = this.params;
       let { wallet_id, type } = this;
       let params_list = {
@@ -106,8 +107,12 @@ export default {
     },
     // 获取交易类型
     getTradeType(code) {
-return tradeType[code]
+      return tradeType[code];
     },
+    // 返回
+    handleBack() {
+      this.$router.back()
+    }
   },
 };
 </script>
@@ -120,7 +125,4 @@ return tradeType[code]
 .role_management {
   padding: 20px;
 }
-.role_management .el-button {
-  margin: 0 2px;
-}
 </style>
\ No newline at end of file