diff --git a/src/components/form/interface.ts b/src/components/form/interface.ts
index f4a9d3a..96b3517 100644
--- a/src/components/form/interface.ts
+++ b/src/components/form/interface.ts
@@ -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 {
diff --git a/src/components/form/select.tsx b/src/components/form/select.tsx
index 0ceba0f..70de617 100644
--- a/src/components/form/select.tsx
+++ b/src/components/form/select.tsx
@@ -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"]}
diff --git a/src/components/layout/layout.tsx b/src/components/layout/layout.tsx
index 428512d..09eafc7 100644
--- a/src/components/layout/layout.tsx
+++ b/src/components/layout/layout.tsx
@@ -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 = {
diff --git a/src/pages/company/config.tsx b/src/pages/company/config.tsx
index be50977..4b2cc81 100644
--- a/src/pages/company/config.tsx
+++ b/src/pages/company/config.tsx
@@ -40,7 +40,7 @@ export const defaultConfig = [
     rules: [{ required: true, message: "请输入单位邮箱" }],
   },
   {
-    type: FormType.select,
+    type: FormType.select, 
     label: "上级单位",
     name: "p_id",
     value: 0,
diff --git a/src/pages/source/share.tsx b/src/pages/source/share.tsx
new file mode 100644
index 0000000..e6448b7
--- /dev/null
+++ b/src/pages/source/share.tsx
@@ -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
\ No newline at end of file
diff --git a/src/pages/source/source.tsx b/src/pages/source/source.tsx
index 9b50d49..3165230 100644
--- a/src/pages/source/source.tsx
+++ b/src/pages/source/source.tsx
@@ -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>
   );
 };