fix(tofix(2))
This commit is contained in:
parent
3c81498378
commit
dba87a4e99
|
@ -30,7 +30,8 @@ export interface FormDatas {
|
||||||
selectList?: Array<selectItem>
|
selectList?: Array<selectItem>
|
||||||
checkboxData?: Array<any>,
|
checkboxData?: Array<any>,
|
||||||
radioData?: Array<any>,
|
radioData?: Array<any>,
|
||||||
rules: Array<rules>
|
rules: Array<rules>,
|
||||||
|
model: "multiple" | "tags" | undefined
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface SimpleFormData {
|
export interface SimpleFormData {
|
||||||
|
|
|
@ -21,7 +21,7 @@ export const FormSelect = (v: FormDatas) => {
|
||||||
name={v.name}
|
name={v.name}
|
||||||
rules={v.rules}
|
rules={v.rules}
|
||||||
>
|
>
|
||||||
<Select placeholder="" mode="multiple">
|
<Select placeholder="" mode={v.model}>
|
||||||
{list?.map((item: any, index) => {
|
{list?.map((item: any, index) => {
|
||||||
return <Option key={index} value={item.identity}>
|
return <Option key={index} value={item.identity}>
|
||||||
{item[v.keys ?? "name"]}
|
{item[v.keys ?? "name"]}
|
||||||
|
|
|
@ -41,6 +41,7 @@ const LayOut = (props: Store) => {
|
||||||
display: "flex",
|
display: "flex",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
justifyContent: "space-between",
|
justifyContent: "space-between",
|
||||||
|
padding:"25px"
|
||||||
};
|
};
|
||||||
const logoStyle = { width: 60, color: "white" };
|
const logoStyle = { width: 60, color: "white" };
|
||||||
const contentstyle = {
|
const contentstyle = {
|
||||||
|
|
|
@ -40,7 +40,7 @@ export const defaultConfig = [
|
||||||
rules: [{ required: true, message: "请输入单位邮箱" }],
|
rules: [{ required: true, message: "请输入单位邮箱" }],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: FormType.select,
|
type: FormType.select,
|
||||||
label: "上级单位",
|
label: "上级单位",
|
||||||
name: "p_id",
|
name: "p_id",
|
||||||
value: 0,
|
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,
|
Form,
|
||||||
Input,
|
Input,
|
||||||
message,
|
message,
|
||||||
|
Modal,
|
||||||
PaginationProps,
|
PaginationProps,
|
||||||
Popconfirm,
|
Popconfirm,
|
||||||
Space,
|
Space,
|
||||||
Table,
|
Table,
|
||||||
|
Timeline,
|
||||||
Typography,
|
Typography,
|
||||||
} from "antd";
|
} from "antd";
|
||||||
import { Store } from "antd/lib/form/interface";
|
import { Store } from "antd/lib/form/interface";
|
||||||
|
@ -18,6 +20,7 @@ import "./source.less";
|
||||||
import { DataType } from "@/util/model/interface";
|
import { DataType } from "@/util/model/interface";
|
||||||
import Upload from "./upload";
|
import Upload from "./upload";
|
||||||
import toExcel from "@/util/xmsx";
|
import toExcel from "@/util/xmsx";
|
||||||
|
import Share from "./share";
|
||||||
const Source = (props: Store) => {
|
const Source = (props: Store) => {
|
||||||
const { sourceStore } = props;
|
const { sourceStore } = props;
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
|
@ -31,6 +34,8 @@ const Source = (props: Store) => {
|
||||||
const [rowKeys, setRowKeys] = useState<any[]>([]);
|
const [rowKeys, setRowKeys] = useState<any[]>([]);
|
||||||
const isEditing = (record) => record.key === editingKey;
|
const isEditing = (record) => record.key === editingKey;
|
||||||
const [open, setOpen] = useState<boolean>(false);
|
const [open, setOpen] = useState<boolean>(false);
|
||||||
|
const [shareOpen, setShareOpen] = useState<boolean>(false);
|
||||||
|
|
||||||
const edit = (record: any) => {
|
const edit = (record: any) => {
|
||||||
form.setFieldsValue({ ...record });
|
form.setFieldsValue({ ...record });
|
||||||
setEditingKey(record.key);
|
setEditingKey(record.key);
|
||||||
|
@ -141,6 +146,9 @@ const Source = (props: Store) => {
|
||||||
<Typography.Link onClick={() => setOpen(true)}>
|
<Typography.Link onClick={() => setOpen(true)}>
|
||||||
查看事件
|
查看事件
|
||||||
</Typography.Link>
|
</Typography.Link>
|
||||||
|
<Typography.Link onClick={() => setShareOpen(true)}>
|
||||||
|
分享
|
||||||
|
</Typography.Link>
|
||||||
</Space>
|
</Space>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
@ -238,16 +246,76 @@ const Source = (props: Store) => {
|
||||||
|
|
||||||
<Drawer
|
<Drawer
|
||||||
closable
|
closable
|
||||||
title="事件详情"
|
title="事件"
|
||||||
placement="right"
|
placement="right"
|
||||||
open={open}
|
open={open}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
onClose={() => setOpen(false)}
|
onClose={() => setOpen(false)}
|
||||||
>
|
>
|
||||||
<p>Some contents...</p>
|
<Timeline
|
||||||
<p>Some contents...</p>
|
items={[
|
||||||
<p>Some contents...</p>
|
{
|
||||||
|
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>
|
</Drawer>
|
||||||
|
<Modal
|
||||||
|
open={shareOpen}
|
||||||
|
title="分享"
|
||||||
|
onOk={() => { }}
|
||||||
|
onCancel={() => { setShareOpen(false) }}
|
||||||
|
>
|
||||||
|
<Share />
|
||||||
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue