33 lines
815 B
TypeScript
33 lines
815 B
TypeScript
import { inject, observer } from "mobx-react";
|
|
import BTable from "@/components/b_table";
|
|
import { useEffect } from "react";
|
|
import { Store } from "antd/lib/form/interface";
|
|
import { columns, defaultConfig } from "./user_config";
|
|
import "./user.less";
|
|
|
|
const User = (props: Store) => {
|
|
const { usrStore } = props;
|
|
// 获取列表数据
|
|
useEffect(() => {
|
|
usrStore.getlist();
|
|
}, [usrStore]);
|
|
|
|
return (
|
|
<div className="contentBox">
|
|
<BTable
|
|
store={usrStore}
|
|
scroll={{ x: "max-content" }}
|
|
columns={columns}
|
|
btnText="添加人员"
|
|
dataSource={usrStore.list}
|
|
deleteCallback={(record) => {
|
|
usrStore.deleteItem(record);
|
|
}}
|
|
config={defaultConfig}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default inject("usrStore")(observer(User));
|