feats

src/components/Page/index.jsx

@@ -7,7 +7,22 @@ const pageStyle = {
   margin: '24px',
   minHeight: 'calc(100% - 48px)',
 }
-const { Title } = Typography;
+const titleStyle = {
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  paddingBottom: '12px',
+}
+
+const Title = (props) => {
+
+  return (
+    <div style={titleStyle}>
+      <Typography.Title level={3} style={{fontWeight: 400, flex: 'none'}}>{props.children}</Typography.Title>
+      <div style={{flex: 'none'}}>{props.extra}</div>
+    </div>
+  )
+}
 
 export default (props) => {
   const { meta = {} } = useRoute() || {};
@@ -16,7 +31,7 @@ export default (props) => {
 
   return (
     <div style={style}>
-      { title && !meta.noLayout && <Title level={4} style={{ paddingBottom: '12px' }}>{ title }</Title> }
+      { title && !meta.noLayout && <Title extra={props.extra}>{ title }</Title> }
       {props.children}
     </div>
   )

src/pages/checkStand/index.jsx

@@ -0,0 +1,74 @@
+import React from 'react';
+import { Button, Card } from 'antd';
+import Page from '@/components/Page';
+import Wangeditor from '@/components/Wangeditor';
+import { getTaCheckStandById, putTaCheckStand } from '@/service/tacheckstand';
+
+export default (props) => {
+
+  const [loading, setLoading] = React.useState(false);
+  const [editable, setEditAble] = React.useState(false);
+  const [detail, setDetail] = React.useState(false);
+
+  const onChange = (e) => {
+    setDetail({
+      ...detail || {},
+      content: e,
+    })
+  }
+
+  const onSubmit = (e) => {
+    setLoading(true);
+    putTaCheckStand(1, detail).then(() => {
+      setLoading(false);
+      setEditAble(false);
+    }).catch(() => {
+      setLoading(false);
+    })
+  }
+
+  React.useEffect(() => {
+    setLoading(true);
+    getTaCheckStandById(1).then((res) => {
+      setDetail(res);
+      setLoading(false);
+    }).catch(() => {
+      setLoading(false);
+    })
+  }, []);
+
+  return (
+    <Page>
+      <Card loading={loading} extra={(
+        editable ? <Button type="primary" onClick={onSubmit}>提交</Button>
+          : <Button type="primary" onClick={() => setEditAble(true)}>编辑</Button>
+      )}>
+      {
+        editable ? (
+          <Wangeditor
+            value={detail?.content}
+            toolbarConfig={{
+              toolbarKeys: [
+                'headerSelect',
+                'blockquote',
+                '|',
+                'bold',
+                'underline',
+                'italic',
+                'color',
+                'fontSize',
+                '|',
+                'bulletedList',
+                'numberedList',
+              ]
+            }}
+            onChange={onChange}
+          />
+        ) : (
+          <div dangerouslySetInnerHTML={{__html: detail?.content}}></div>
+        )
+      }
+      </Card>
+    </Page>
+  )
+}

src/routes/routes.jsx

@@ -10,6 +10,7 @@ import {
   BranchesOutlined,
   NodeIndexOutlined,
   NotificationOutlined,
+  ScheduleOutlined
 } from '@ant-design/icons';
 import { Outlet } from 'react-router-dom';
 import AuthLayout from "@/layouts/AuthLayout";
@@ -34,6 +35,7 @@ import IssueTypeEdit from "@/pages/issueType/edit";
 import QuestionList from "@/pages/question/list";
 import IssueList from '@/pages/issue';
 import Notice from '@/pages/notice';
+import CheckStand from '@/pages/checkStand';
 
 /**
  * meta 用来扩展自定义数据数据
@@ -152,6 +154,15 @@ export const authRoutes = [
           // permission: 'form',
         },
       },
+      {
+        path: "checkStand",
+        element: <CheckStand />,
+        meta: {
+          title: '测评标准',
+          icon: <ScheduleOutlined />,
+          // permission: 'form',
+        },
+      },
     ]
   },
   {
@@ -222,25 +233,6 @@ export const authRoutes = [
       },
     ]
   },
-
-  // {
-  //   path: "form",
-  //   element: <BasicForm />,
-  //   meta: {
-  //     title: '表单',
-  //     icon: <AppstoreOutlined />,
-  //     permission: 'form',
-  //   },
-  // },
-  // {
-  //   path: "table",
-  //   element: <BasicTable />,
-  //   meta: {
-  //     title: '表格',
-  //     icon: <ContainerOutlined />,
-  //     permission: 'table',
-  //   },
-  // },
 ];
 
 export const defaultRoutes = [

src/service/tacheckstand.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request';
+
+/*
+ * 分页查询
+ */
+export const getTaCheckStand = (params) => request('/api/taCheckStand', { params });
+
+/*
+ * 新增数据
+ */
+export const postTaCheckStand = (data) => request('/api/taCheckStand', { data, method: 'post' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTaCheckStandById = (id) => request(`/api/taCheckStand/${id}`);
+
+/*
+ * 更新数据
+ */
+export const putTaCheckStand = (id, data) => request(`/api/taCheckStand/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteTaCheckStand = (id) => request(`/api/taCheckStand/${id}`, { method: 'delete' });