fix(tofix(2))
This commit is contained in:
parent
3c81498378
commit
dba87a4e99
|
@ -30,7 +30,8 @@ export interface FormDatas {
|
|||
selectList?: Array<selectItem>
|
||||
checkboxData?: Array<any>,
|
||||
radioData?: Array<any>,
|
||||
rules: Array<rules>
|
||||
rules: Array<rules>,
|
||||
model: "multiple" | "tags" | undefined
|
||||
}
|
||||
|
||||
export interface SimpleFormData {
|
||||
|
|
|
@ -21,7 +21,7 @@ export const FormSelect = (v: FormDatas) => {
|
|||
name={v.name}
|
||||
rules={v.rules}
|
||||
>
|
||||
<Select placeholder="" mode="multiple">
|
||||
<Select placeholder="" mode={v.model}>
|
||||
{list?.map((item: any, index) => {
|
||||
return <Option key={index} value={item.identity}>
|
||||
{item[v.keys ?? "name"]}
|
||||
|
|
|
@ -41,6 +41,7 @@ const LayOut = (props: Store) => {
|
|||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "space-between",
|
||||
padding:"25px"
|
||||
};
|
||||
const logoStyle = { width: 60, color: "white" };
|
||||
const contentstyle = {
|
||||
|
|
|
@ -40,7 +40,7 @@ export const defaultConfig = [
|
|||
rules: [{ required: true, message: "请输入单位邮箱" }],
|
||||
},
|
||||
{
|
||||
type: FormType.select,
|
||||
type: FormType.select,
|
||||
label: "上级单位",
|
||||
name: "p_id",
|
||||
value: 0,
|
||||
|
|
|
@ -0,0 +1,44 @@
|
|||
import { FormType } from "@/components/form/interface";
|
||||
import SimpleForm from "@/components/form/simple_form"
|
||||
import { CompanyConfig } from "@/service/user_config";
|
||||
import { FormInstance } from "antd";
|
||||
import React from "react";
|
||||
|
||||
const Share = () => {
|
||||
const formRef = React.useRef<FormInstance>(null);
|
||||
const config: any = [
|
||||
{
|
||||
type: FormType.cehckbox,
|
||||
label: "分享类型",
|
||||
name: "share_type",
|
||||
value: [],
|
||||
selectList: [{ data_name: "事件", identity: 1 }, { data_name: "属性", identity: 2 }],
|
||||
rules: [{ required: true, message: "请选择默认数据" }],
|
||||
},
|
||||
{
|
||||
type: FormType.treeSelect,
|
||||
label: "分享至",
|
||||
name: "company_identity",
|
||||
value: 0,
|
||||
selectUrl: CompanyConfig.LIST,
|
||||
keys: "name",
|
||||
rules: [{ required: true, message: "单位不能为空" }],
|
||||
},
|
||||
]
|
||||
return (
|
||||
<SimpleForm
|
||||
formName={"user_form"}
|
||||
formRef={formRef}
|
||||
colProps={25}
|
||||
onFinish={() => {
|
||||
formRef.current?.getFieldsValue()
|
||||
}}
|
||||
createCallback={() => {
|
||||
|
||||
}}
|
||||
formDatas={config}
|
||||
></SimpleForm>
|
||||
)
|
||||
}
|
||||
|
||||
export default Share
|
|
@ -6,10 +6,12 @@ import {
|
|||
Form,
|
||||
Input,
|
||||
message,
|
||||
Modal,
|
||||
PaginationProps,
|
||||
Popconfirm,
|
||||
Space,
|
||||
Table,
|
||||
Timeline,
|
||||
Typography,
|
||||
} from "antd";
|
||||
import { Store } from "antd/lib/form/interface";
|
||||
|
@ -18,6 +20,7 @@ import "./source.less";
|
|||
import { DataType } from "@/util/model/interface";
|
||||
import Upload from "./upload";
|
||||
import toExcel from "@/util/xmsx";
|
||||
import Share from "./share";
|
||||
const Source = (props: Store) => {
|
||||
const { sourceStore } = props;
|
||||
const [form] = Form.useForm();
|
||||
|
@ -31,6 +34,8 @@ const Source = (props: Store) => {
|
|||
const [rowKeys, setRowKeys] = useState<any[]>([]);
|
||||
const isEditing = (record) => record.key === editingKey;
|
||||
const [open, setOpen] = useState<boolean>(false);
|
||||
const [shareOpen, setShareOpen] = useState<boolean>(false);
|
||||
|
||||
const edit = (record: any) => {
|
||||
form.setFieldsValue({ ...record });
|
||||
setEditingKey(record.key);
|
||||
|
@ -141,6 +146,9 @@ const Source = (props: Store) => {
|
|||
<Typography.Link onClick={() => setOpen(true)}>
|
||||
查看事件
|
||||
</Typography.Link>
|
||||
<Typography.Link onClick={() => setShareOpen(true)}>
|
||||
分享
|
||||
</Typography.Link>
|
||||
</Space>
|
||||
);
|
||||
},
|
||||
|
@ -238,16 +246,76 @@ const Source = (props: Store) => {
|
|||
|
||||
<Drawer
|
||||
closable
|
||||
title="事件详情"
|
||||
title="事件"
|
||||
placement="right"
|
||||
open={open}
|
||||
loading={loading}
|
||||
onClose={() => setOpen(false)}
|
||||
>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
<Timeline
|
||||
items={[
|
||||
{
|
||||
children: <div>
|
||||
<p>事件名称: 防洪治理</p>
|
||||
<p>事件角色: 负责人</p>
|
||||
<p>事件影响: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件处理: 描述</p>
|
||||
|
||||
<p>处理结果:搞得好</p>
|
||||
<p>事件描述: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件地点: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件开始时间: 2025-02-12</p>
|
||||
</div>,
|
||||
},
|
||||
{
|
||||
children: <div>
|
||||
<p>事件名称: 民众安抚</p>
|
||||
<p>事件角色: 负责人</p>
|
||||
<p>事件影响: 影响很大哟</p>
|
||||
<p>事件处理: 描述</p>
|
||||
<p>处理结果:搞得好</p>
|
||||
<p>事件描述: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件地点: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件结束时间: 2025-03-12</p>
|
||||
</div>,
|
||||
},
|
||||
{
|
||||
children: <div>
|
||||
<p>事件名称: 民众安抚</p>
|
||||
<p>事件角色: 负责人</p>
|
||||
<p>事件影响: 影响很大哟</p>
|
||||
<p>事件处理: 描述</p>
|
||||
<p>处理结果:搞得好</p>
|
||||
<p>事件描述: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件地点: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件开始时间: 2025-02-12</p>
|
||||
<p>事件结束时间: 2025-03-12</p>
|
||||
</div>,
|
||||
},
|
||||
{
|
||||
children: <div>
|
||||
<p>事件名称: 民众安抚</p>
|
||||
<p>事件角色: 负责人</p>
|
||||
<p>事件影响: 影响很大哟</p>
|
||||
<p>事件处理: 描述</p>
|
||||
<p>处理结果:搞得好</p>
|
||||
<p>事件描述: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件地点: 为解决洪水灾害,兄弟们大胆往前冲</p>
|
||||
<p>事件开始时间: 2025-02-12</p>
|
||||
<p>事件结束时间: 2025-03-12</p>
|
||||
</div>,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</Drawer>
|
||||
<Modal
|
||||
open={shareOpen}
|
||||
title="分享"
|
||||
onOk={() => { }}
|
||||
onCancel={() => { setShareOpen(false) }}
|
||||
>
|
||||
<Share />
|
||||
</Modal>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue