```feat(user-index): 添加用户列表视图组件

```

src/api/system/user.js

@@ -10,6 +10,16 @@ export function listUser(query) {
   })
 }
 
+
+// 用户充值
+export function userRecharge(data) {
+  return request({
+    url: '/system/user/alipay/recharge',
+    method: 'post',
+    params: data
+  })
+}
+
 // 查询用户详细
 export function getUser(userId) {
   return request({

src/views/recharge/user/index.vue

@@ -168,6 +168,8 @@
               <span>{{ parseTime(scope.row.createTime) }}</span>
             </template>
           </el-table-column>
+          <el-table-column v-if="columns[7].visible" key="userBalance" align="center" label="余额"
+                           prop="userBalance" width="120"/>
           <el-table-column
             align="center"
             class-name="small-padding fixed-width"
@@ -369,7 +371,8 @@ import {
   getUser,
   listUser,
   resetUserPwd,
-  updateUser
+  updateUser ,
+  userRecharge,
 } from "@/api/system/user";
 import {getToken} from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
@@ -449,7 +452,8 @@ export default {
         {key: 3, label: `部门`, visible: true},
         {key: 4, label: `手机号码`, visible: true},
         {key: 5, label: `状态`, visible: true},
-        {key: 6, label: `创建时间`, visible: true}
+        {key: 6, label: `创建时间`, visible: true},
+        {key: 7, label: `余额`, visible: true}
       ],
       // 表单校验
       rules: {