backend/src/app/routes/pc-home/pc-home.component.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
// 网络请求
import { HttpService } from '../../share/http/http';

@Component({
  selector: 'app-pc-home',
  templateUrl: './pc-home.component.html',
  styleUrls: ['./pc-home.component.less']
})
export class PcHomeComponent implements OnInit {

  // 筛选表单
  searchForm!: FormGroup;

  // 数据列表
  listData: Array<any> = [];
  // 页码
  page: any = {
    page: 1, size: 20
  };

  constructor(private fb: FormBuilder, private http: HttpService) { }

  ngOnInit(): void {
    // 筛选表单
    this.searchForm = this.fb.group({
      userName: [""],
      email: [""],
      super: [""],
    })

    // 获取所有用户
    this.getData();
  }

  // 重置筛选
  reset() {
    this.searchForm.reset()
    this.getData();
  }

  //筛选
  search() {
    console.log(this.searchForm.value);
  }

  // 获取用户数据
  getData() {
    console.log('获取用户数据');
    this.http.get("/api/admin/alluser", {...this.page}).then((res: any) => {
      if (res.code === 1) {
        this.listData = res.data
      }
    })
  }

  // 设置为超级管理员
  setSuper(id: any) {
    this.http.get("/api/admin/super", { id: id }).then((res: any) => {
      if (res.code === 1) {
        this.getData()
      }
    })
  }

  // 设置为普通会员
  setOrdinary(id: any) {
    this.http.get("/api/admin/unsuper", { id: id }).then((res: any) => {
      if (res.code === 1) {
        this.getData()
      }
    })
  }

}