用户管理v1.1

src/api/AppControllerApi.js

@@ -1,6 +1,4 @@
 
-
-
 import request from '@/utils/request'
 
 /**
@@ -10,10 +8,8 @@ import request from '@/utils/request'
 */
 export const getAppControllerList = (params) => request({
   url: '/admin/app', params
-
 })
 
-
 /**
 * 保存应用管理
 * @param {*} data
@@ -27,35 +23,31 @@ export const saveAppController = (data) => request({
 
 /**
 * 应用管理详情
-* @param {*} 
+* @param {*}
 * @returns
 */
 export const detailsAppController = (id) => request({
   url: `admin/app/${id}`,
-
-  method: 'get',
+  method: 'get'
 })
 
 /**
 * 修改应用管理
-* @param {*} 
+* @param {*}
 * @returns
 */
 export const ChangeAppController = (data, id) => request({
   url: `admin/app/${id}`,
-
   method: 'put',
   data
 })
 
 /**
 * 删除应用管理
-* @param {*} 
+* @param {*}
 * @returns
 */
 export const DeleteAppController = (id) => request({
   url: `admin/app/${id}`,
-  method: 'delete',
+  method: 'delete'
 })
-
-

src/api/signup.js

@@ -1,21 +0,0 @@
-import request from '@/utils/request'
-
-/**
-* 注册账号
-* @param {*} data
-* @returns
-*/
-export const signUp = (data) => request({
-  url: '/admin/signup',
-  method: 'post',
-  data
-})
-
-/**
- * 获取验证码
- * @param {*} params
- * @returns
- */
-export const getCaptcha = (params) => request({
-  url: '/admin/captcha', params
-})

src/api/user.js

@@ -6,4 +6,33 @@ export function login(data) {
     method: 'post',
     data
   })
-}
+}
+
+/**
+* 用户列表
+* @param {*} data
+* @returns
+*/
+export const getUserList = (params) => request({
+  url: '/admin/user', params
+})
+
+/**
+* 注册账号
+* @param {*} data
+* @returns
+*/
+export const signUp = (data) => request({
+  url: '/admin/signup',
+  method: 'post',
+  data
+})
+
+/**
+ * 获取验证码
+ * @param {*} params
+ * @returns
+ */
+export const getCaptcha = (params) => request({
+  url: '/admin/captcha', params
+})

src/router/index.js

@@ -138,6 +138,22 @@ export const constantRoutes = [
     ]
   },
 
+  // 用户管理
+
+  {
+    path: '/userManage',
+    component: Layout,
+    meta: { title: '用户管理', icon: 'form' },
+    children: [
+      {
+        path: 'userManage',
+        name: '',
+        component: () => import('@/views/userManage/index'),
+        meta: { title: '用户管理', icon: 'appconfig' }
+      }
+    ]
+  },
+
   {
     path: '/login',
     component: () => import('@/views/login/index'),

src/views/gameManage/index.vue

@@ -167,6 +167,7 @@ export default {
 
     // 生成二维码
     qrcode(val) {
+      // eslint-disable-next-line no-unused-vars
       const qrcode = new QRCode('qrcode', {
         width: 200,
         height: 200, // 高度

src/views/login/forgotPassword.vue

@@ -64,7 +64,7 @@
   </div>
 </template>
 <script>
-import { getCaptcha, signUp } from '@/api/signup'
+import { getCaptcha, signUp } from '@/api/user'
 import md5 from 'js-md5'
 export default {
   name: 'Login',

src/views/login/register.vue

@@ -108,7 +108,7 @@
   </div>
 </template>
 <script>
-import { getCaptcha, signUp } from '@/api/signup'
+import { getCaptcha, signUp } from '@/api/user'
 import md5 from 'js-md5'
 export default {
   name: 'Login',

src/views/userManage/index.vue

@@ -0,0 +1,98 @@
+<template>
+  <div class="body">
+    <el-card class="box-card" shadow="never">
+      用户名：
+      <el-input v-model="userName" style="width: 200px; margin-right: 20px" />
+      手机号：
+      <el-input v-model="phone" style="width: 200px; margin-right: 20px" />
+      <div style="float:right">
+        <el-button type="primary" @click="onSearch">查询</el-button>
+        <el-button @click="onReset">重置</el-button>
+      </div>
+    </el-card>
+    <el-table stripe :data="tableData" border style="width: 100%">
+      <el-table-column prop="userName" label="用户名" />
+      <el-table-column prop="phone" label="手机号" />
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button type="text" style="color:red" @click="toogleUser(scope.row.userId)">{{ scope.row.status==1?'禁用':'启用' }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      v-show="WxTotal!==0"
+      style="float:right; margin:20px 0"
+      :total="WxTotal"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      :page-sizes="[pageSize, 20, 35,40,50,80,100]"
+      layout="total, prev, pager, next, sizes"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+<script>
+import {
+  getUserList
+} from '@/api/user'
+
+export default {
+  data() {
+    return {
+      tableData: [],
+      userName: undefined,
+      phone: undefined,
+      pageSize: 10,
+      currentPage: 1,
+      WxTotal: 0 // 条目总数
+    }
+  },
+  mounted() {
+    this.onSearch()
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.changePagination()
+    },
+    // 改变页码
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.changePagination()
+    },
+    // 改变分页组件重新查询数据
+    changePagination() {
+      getUserList({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }).then((res) => {
+        this.tableData = res.data.records
+      })
+    },
+    onSearch() {
+      getUserList({
+        userName: this.userName,
+        phone: this.phone,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }).then((res) => {
+        this.tableData = res.data.records
+        this.WxTotal = res.data.total
+        this.pageSize = res.data.size
+      })
+    },
+    onReset() {
+      this.userName = undefined
+      this.phone = undefined
+      this.currentPage = 1
+      this.pageSize = 10
+      this.onSearch()
+    },
+    toogleUser(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+