Merge branch 'dev' of http://git.ycjcjy.com/jgz/admin into dev

src/pages/rotationChart/introduction/edit/index.jsx

@@ -1,68 +1,110 @@
-import { addRegulation, getRegulationList, getRegulationById } from '@/services/regulation';
-import { PageContainer, ProForm, ProFormTextArea } from '@ant-design/pro-components';
-import { Card, Col, message, Row, Space } from 'antd';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import { useEffect, useRef, useState } from 'react';
-import { queryTable } from '@/utils/request';
+import { addRegulation, getRegulationList } from "@/services/regulation";
+import {
+  PageContainer,
+  ProForm,
+  ProFormTextArea,
+} from "@ant-design/pro-components";
+import { Card, Col, Button, Row, Space, Typography } from "antd";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { useEffect, useRef, useState } from "react";
+import Wangeditor from "@/components/Wangeditor";
 
+const { Title } = Typography;
 export default (props) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const id = searchParams.get("id");
+  const [data, setData] = useState({});
+  const [isEdit, setIsEdit] = useState(false);
+  const [loading,setLoading] = useState(false)
   const formRef = useRef();
-  const idRef = useRef();
   const navigate = useNavigate();
 
   useEffect(() => {
+    getRegulationData()
+  }, []);
+
+  const getRegulationData =()=>{
+    setLoading(true)
     getRegulationList({ type: `station` }).then((res) => {
-      formRef.current.setFieldsValue(res.records[0]);
-      idRef.current = res.records[0].id;
+      setData(res.records[0]);
+      setLoading(false)
+      // formRef.current.setFieldsValue(res.records[0]);
+      // console.log('tt', res)
     });
-  }, []);
+  }
+  useEffect(() => {
+    if (isEdit) {
+      formRef.current.setFieldsValue(data);
+    }
+  }, [isEdit]);
 
   const onFinish = async (values) => {
-    //修改
-    const id = idRef.current;
-    console.log('id', id)
-    addRegulation({ ...values, id }).then((res) => {
-      navigate(-1);
-      return false;
-    })
+    //添加,修改
+    addRegulation({ ...values, id: data.id }).then((res) => {
+      // message.success('成功');
+      getRegulationData()
+      setIsEdit(false);
+    });
+    return false;
   };
 
   return (
     <PageContainer>
-      <Card>
-        <ProForm
-          formRef={formRef}
-          layout={'horizontal'}
-          labelCol={{ span: 8 }}
-          wrapperCol={{ span: 16 }}
-          onFinish={onFinish}
-          submitter={{
-            searchConfig: {
-              resetText: '返回',
-            },
-            onReset: () => navigate(-1),
-            render: (props, doms) => {
-              return (
-                <Row>
-                  <Col span={8} offset={11}>
-                    <Space>{doms}</Space>
-                  </Col>
-                </Row>
-              );
-            },
-          }}
-        >
-          <ProFormTextArea
-            label="发布内容"
-            placeholder="请输入发布内容"
-            rules={[{ required: true, message: '请输入发布内容' }]}
-            allowClear={false}
-            width={750}
-            name="detail"
-            request={queryTable(getRegulationList)}
-          />
-        </ProForm>
+      <Card
+        title={
+          <Button  type="primary" onClick={() => setIsEdit(!isEdit)}>
+            {isEdit ? "取消编辑" : "编辑"}
+          </Button>
+        }
+        loading={loading}
+      >
+        {!isEdit ? (
+          <>
+            {/* <Title level={2} style={{ marginBottom: "2em" }}>
+              {data.title}
+            </Title> */}
+            <div dangerouslySetInnerHTML={{ __html: data?.detail }}></div>
+          </>
+        ) : (
+          <ProForm
+            formRef={formRef}
+            layout={"horizontal"}
+            labelCol={{ span: 4 }}
+            wrapperCol={{ span: 16 }}
+            onFinish={onFinish}
+            submitter={{
+              searchConfig: {
+                resetText: "返回",
+              },
+              resetButtonProps: {
+                style: {
+                  // 隐藏重置按钮
+                  display: "none",
+                },
+              },
+              // onReset: () => navigate(-1),
+              render: (props, doms) => {
+                return (
+                  <Row>
+                    <Col span={8} offset={6}>
+                      <Space>{doms}</Space>
+                    </Col>
+                  </Row>
+                );
+              },
+            }}
+          >
+            <ProForm.Item
+              name="detail"
+              label="发布内容"
+              placeholder="请输入发布内容"
+              rules={[{ required: true, message: "请输入发布内容" }]}
+            >
+              <Wangeditor></Wangeditor>
+            </ProForm.Item>
+          </ProForm>
+        )}
       </Card>
     </PageContainer>
-  )
-}
+  );
+};