29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import BTable from "@/components/b_table";
|
|
import { UserDataType } from "@/model/userModel";
|
|
import { Store } from "antd/es/form/interface";
|
|
import { ColumnsType } from "antd/lib/table";
|
|
import dayjs from "dayjs";
|
|
import { inject, observer } from "mobx-react";
|
|
import { useEffect } from "react";
|
|
|
|
const GloryPlaque = (props: Store) => {
|
|
const { gpStore } = props;
|
|
useEffect(() => {
|
|
gpStore.getlist();
|
|
}, [gpStore]);
|
|
const columns: ColumnsType<UserDataType> = [
|
|
{ title: "申请人", dataIndex: "user_name" },
|
|
{ title: "申请人手机号", dataIndex: "tel" },
|
|
{ title: "悬挂地址", dataIndex: "address" },
|
|
{ title: "申请时间", dataIndex: "created_at",render:(created_at)=>(<span>{dayjs(created_at).format("YYYY-MM-DD")}</span>) },
|
|
{ title: "申请原因", dataIndex: "abbr",render: (abbr) => <span>{abbr===2?'更换':'悬挂'}</span> },
|
|
{ title: "申请描述", dataIndex: "desc" },
|
|
];
|
|
return (
|
|
<div>
|
|
<BTable store={gpStore} columns={columns} dataSource={gpStore.list} />
|
|
</div>
|
|
);
|
|
};
|
|
export default inject("gpStore")(observer(GloryPlaque));
|