账号管理 - 业务逻辑

1 功能分析

1 查询 + 重置 --> 没有问题  [ 找到属于这部分内容的代码 ]

2 新增 + 导入 --> [ 搞懂新增单独的组件页面 ]

3 批量操作 --> [ 结合执法仪管理 ]

4 修改密码等多个功能连接

2 代码分析 — import 部分

import React,{ createRef } from 'react'
import {connect} from 'dva'
import ___ from '@/utils/i18n'
import { Select } from 'antd'
import moment from 'moment'
import md5 from 'js-md5'

import ProTable from '@ant-design/pro-table';
import ProProvider from '@ant-design/pro-provider';
import ExcelBar from '@/components/Excel/Bar'
import PageHeaderWrapper from '@/components/PageHeaderWrapper'
import UnitTree from '@/components/SearchForm/UnitTree'
import CreatePlatForm from './components/CreatePlatformForm'
import OnlinePlatformAccount from './components/OnlinePlatformAccount'

import Icon from '@ant-design/icons'
import {Menu, Divider, Dropdown, Button, Modal, message, Form, Input, DatePicker} from 'antd'
import {PlusOutlined, ImportOutlined} from '@ant-design/icons'
import { query } from '@/services/userApi'

UI 组件相关

1 Ref 相关使用 -- ProComponents
----------------------------------------------------------------------------------
  import React from 'react'

  class XX extends React.Component {
    ref = React.createRef()   // 1 创建 Ref
	hh = () => ref.current.reload()   // 2 刷新列表数据的方法 -- 还有很多方法

	render() {
	  return (
	    <div>
	      <ProTable actionRef={this.ref} />   // 用于触发刷新操作等, 许多组件标签内部, 需要传入这个
	      <ProDescriptions actionRef={ref} />   // 函数式组件
	      <ProDescriptions actionRef={(ref) => (this.ref = ref)} />   // class
	    </div>
	  )
	}
  }

  ### 文档 --> ProComponents -> ActionRef
----------------------------------------------------------------------------------


2 Ref 相关使用 (表单域) -- Ant Design
----------------------------------------------------------------------------------
  1 函数式组件
    const [form] = Form.useForm()
    form.setFieldsValue()

  2 class 组件
    formRef = React.createRef()
    this.formRef.current.setFieldsValue()
----------------------------------------------------------------------------------

文档怪异行为 — 临时记录

文档 --> const ref = useRef<ActionType>()   // 真的不是很懂
实际 --> const ref = React.createRef()

自我理解

组件标签的 API, 说白了就是, 组件通信 --> 作用就是 --> 在使用组件的时候, 传入需要的参数