uni-app猜歌游戏管理后台用户管理和提现管理功能缺失信息显示

发布于 1周前 作者 eggper 来自 Uni-App

uni-app猜歌游戏管理后台用户管理和提现管理功能缺失信息显示

求教各位大神,猜歌游戏管理后台:“用户管理”处缺失 “支付宝账号”显示,“提现管理”处缺失“真实姓名”和“支付宝账号”显示,谁有遇到过吗,都是怎么解决的?各位大神支支招,谢谢了


3 回复

好的,感谢大大

针对您提到的uni-app猜歌游戏管理后台中用户管理和提现管理功能缺失信息显示的问题,这里提供一个简化的代码示例,展示如何在管理后台中集成这些功能并显示相关信息。由于篇幅限制,代码将侧重于关键逻辑和展示部分。

用户管理功能

假设我们有一个用户列表页面,用于显示所有用户的基本信息。

<!-- user-list.vue -->
<template>
  <view>
    <button @click="fetchUsers">刷新用户列表</button>
    <view v-for="user in users" :key="user.id">
      <text>{{ user.name }} - {{ user.email }}</text>
    </view>
    <view v-if="loading">加载中...</view>
    <view v-if="error">{{ error }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      users: [],
      loading: false,
      error: ''
    };
  },
  methods: {
    async fetchUsers() {
      this.loading = true;
      this.error = '';
      try {
        const response = await uni.request({
          url: 'https://your-backend-api/users',
          method: 'GET'
        });
        this.users = response.data;
      } catch (err) {
        this.error = '加载用户列表失败';
      } finally {
        this.loading = false;
      }
    }
  },
  mounted() {
    this.fetchUsers();
  }
};
</script>

提现管理功能

对于提现管理,我们假设有一个提现请求列表页面,显示所有待处理的提现请求。

<!-- withdrawal-list.vue -->
<template>
  <view>
    <button @click="fetchWithdrawals">刷新提现列表</button>
    <view v-for="withdrawal in withdrawals" :key="withdrawal.id">
      <text>{{ withdrawal.user.name }} - {{ withdrawal.amount }}元 - {{ withdrawal.status }}</text>
    </view>
    <view v-if="loading">加载中...</view>
    <view v-if="error">{{ error }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      withdrawals: [],
      loading: false,
      error: ''
    };
  },
  methods: {
    async fetchWithdrawals() {
      this.loading = true;
      this.error = '';
      try {
        const response = await uni.request({
          url: 'https://your-backend-api/withdrawals',
          method: 'GET'
        });
        this.withdrawals = response.data;
      } catch (err) {
        this.error = '加载提现列表失败';
      } finally {
        this.loading = false;
      }
    }
  },
  mounted() {
    this.fetchWithdrawals();
  }
};
</script>

以上代码示例展示了如何在uni-app中实现用户管理和提现管理的基本信息展示功能。实际应用中,您可能需要根据具体需求调整API接口、数据处理逻辑以及页面布局。同时,确保后端API能够提供必要的数据支持,并且处理好数据安全和权限验证等问题。

回到顶部