feat: --

package.json

@@ -32,6 +32,7 @@
     "css-minimizer-webpack-plugin": "^3.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
+    "echarts-for-react": "^3.0.2",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-webpack-plugin": "^3.1.1",

pnpm-lock.yaml

@@ -92,6 +92,9 @@ dependencies:
   dotenv-expand:
     specifier: ^5.1.0
     version: 5.1.0
+  echarts-for-react:
+    specifier: ^3.0.2
+    version: 3.0.2(echarts@5.5.1)(react@18.3.1)
   eslint:
     specifier: ^8.3.0
     version: 8.57.1
@@ -5885,6 +5888,25 @@ packages:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: false
 
+  /echarts-for-react@3.0.2(echarts@5.5.1)(react@18.3.1):
+    resolution: {integrity: sha512-DRwIiTzx8JfwPOVgGttDytBqdp5VzCSyMRIxubgU/g2n9y3VLUmF2FK7Icmg/sNVkv4+rktmrLN9w22U2yy3fA==}
+    peerDependencies:
+      echarts: ^3.0.0 || ^4.0.0 || ^5.0.0
+      react: ^15.0.0 || >=16.0.0
+    dependencies:
+      echarts: 5.5.1
+      fast-deep-equal: 3.1.3
+      react: 18.3.1
+      size-sensor: 1.0.2
+    dev: false
+
+  /echarts@5.5.1:
+    resolution: {integrity: sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.6.0
+    dev: false
+
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: false
@@ -11488,6 +11510,10 @@ packages:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: false
 
+  /size-sensor@1.0.2:
+    resolution: {integrity: sha512-2NCmWxY7A9pYKGXNBfteo4hy14gWu47rg5692peVMst6lQLPKrVjhY+UTEsPI5ceFRJSl3gVgMYaUi/hKuaiKw==}
+    dev: false
+
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -12183,6 +12209,10 @@ packages:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: false
 
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
     dev: false
@@ -13025,3 +13055,9 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: false
+
+  /zrender@5.6.0:
+    resolution: {integrity: sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false

src/App.scss

@@ -57,6 +57,10 @@ body {
   -webkit-line-clamp: 2;
 }
 
+.line-3 {
+  -webkit-line-clamp: 3;
+}
+
 .w100 {
   width: 100%;
 }
@@ -182,3 +186,8 @@ body {
 .ant-pro-card .ant-pro-card-body {
   padding-inline: 0;
 }
+
+.empty-text {
+  color: rgba(36, 36, 36, 0.5);
+  font-size: 12px;
+}

src/components/FormPageFooter/index.tsx

@@ -1,16 +1,17 @@
 import { Button, message } from "antd";
 import "./index.scss";
-import { FC, memo, useCallback, useState } from "react";
+import { FC, memo, ReactNode, useCallback, useState } from "react";
 
 export interface FormPageFooterProps {
   disabled?: boolean;
   showSubmit?: boolean;
+  children?: ReactNode;
   onSubmit?(): void;
   onCancel?(): void;
 }
 
 export const FormPageFooter: FC<FormPageFooterProps> = memo(
-  ({ onSubmit, onCancel, disabled, showSubmit = true }) => {
+  ({ onSubmit, onCancel, disabled, children, showSubmit = true }) => {
     const [loading, setLoading] = useState(false);
 
     const handleClick = useCallback(async () => {
@@ -34,20 +35,24 @@ export const FormPageFooter: FC<FormPageFooterProps> = memo(
     return (
       <div className="form-page-footer">
         <div className="form-page-footer-container">
-          {showSubmit && (
-            <Button
-              size="large"
-              disabled={disabled}
-              loading={loading}
-              type="primary"
-              onClick={handleClick}
-            >
-              提交
-            </Button>
+          {children || (
+            <>
+              {showSubmit && (
+                <Button
+                  size="large"
+                  disabled={disabled}
+                  loading={loading}
+                  type="primary"
+                  onClick={handleClick}
+                >
+                  提交
+                </Button>
+              )}
+              <Button size="large" onClick={handleCancel}>
+                取消
+              </Button>
+            </>
           )}
-          <Button size="large" onClick={handleCancel}>
-            取消
-          </Button>
         </div>
       </div>
     );

src/components/PageContainer/index.scss

@@ -11,5 +11,11 @@
     h3 {
       font-size: 20px;
     }
+    &__left {
+      display: flex;
+      align-items: center;
+      gap: 30px;
+      line-height: 24px;
+    }
   }
 }

src/components/PageContainer/index.tsx

@@ -1,8 +1,12 @@
 import { CSSProperties, FC, ReactNode } from "react";
+import Icon from "@ant-design/icons";
+import { ReactComponent as backIcon } from "@/assets/icons/back.svg";
+import { useNavigate } from "react-router-dom";
 import "./index.scss";
 
 export interface PageContainerProps {
   title: string;
+  showBack?: boolean;
   style?: CSSProperties;
   headerSlot?: ReactNode;
   children?: ReactNode;
@@ -13,11 +17,36 @@ export const PageContainer: FC<PageContainerProps> = ({
   style,
   headerSlot,
   children,
+  showBack,
 }) => {
+  const navigate = useNavigate();
+
+  const handleBack = () => {
+    if (window.history.state && window.history.state.idx > 0) {
+      navigate(-1);
+    } else {
+      navigate("/management/index");
+    }
+  };
+
   return (
     <div className="page-container" style={style}>
       <div className="page-container-header">
-        <h3>{title}</h3>
+        <div className="page-container-header__left">
+          {showBack && (
+            <Icon
+              component={backIcon}
+              style={{
+                color: "#4284FF",
+                fontSize: 24,
+                cursor: "pointer",
+              }}
+              onClick={handleBack}
+            />
+          )}
+
+          <h3>{title}</h3>
+        </div>
 
         {headerSlot}
       </div>

src/constants.ts

@@ -0,0 +1,65 @@
+/**
+ * 发布状态
+ */
+export enum PUBLISH_ENUM {
+  PENDING = 0,
+  PUBLISHED = 1,
+  ENDED = 2,
+}
+
+export const PUBLISH_STATUS_MAP = {
+  [PUBLISH_ENUM.PENDING]: {
+    label: "待发布",
+    color: "#FF5858",
+  },
+  [PUBLISH_ENUM.PUBLISHED]: {
+    label: "已发布",
+    color: "#242424",
+  },
+  [PUBLISH_ENUM.ENDED]: {
+    label: "已结束",
+    color: "#6BC6FF",
+  },
+};
+
+/**
+ * 考核单状态
+ */
+export enum ASSESSMENT_ENUM {
+  PENDING = 0,
+  RETURN = 1,
+  FAIL = 2,
+}
+
+export const ASSESSMENT_STATUS_MAP = {
+  [ASSESSMENT_ENUM.PENDING]: {
+    label: "待填报",
+    color: "#4284ff",
+  },
+  [ASSESSMENT_ENUM.RETURN]: {
+    label: "已退回",
+    color: "#E6A23C",
+  },
+  [ASSESSMENT_ENUM.FAIL]: {
+    label: "未通过",
+    color: "#FF5858",
+  },
+};
+
+/**
+ * 初始化指标
+ */
+export const DEFAULT_INDEX_ITEM = {
+  level: "",
+  name: "",
+  type: "",
+  num: null,
+};
+
+/**
+ * 初始化加分项
+ */
+export const DEFAULT_BONUS_ITEM = {
+  name: "",
+  num: null,
+};

src/hooks/index.ts

@@ -0,0 +1,52 @@
+import { useCallback, useEffect, useState } from "react";
+
+export const useHashQuery = <T>(
+  key: string,
+  defaultValue: T
+): [T, (value: T) => void] => {
+  const parseHashQuery = (): URLSearchParams => {
+    const hash = window.location.hash.startsWith("#")
+      ? window.location.hash.slice(1)
+      : "";
+    const queryIndex = hash.indexOf("?");
+    return new URLSearchParams(
+      queryIndex !== -1 ? hash.slice(queryIndex + 1) : ""
+    );
+  };
+
+  const setHashQuery = (params: URLSearchParams) => {
+    const hash = window.location.hash.split("?")[0];
+    window.location.hash = `${hash}?${params.toString()}`;
+  };
+
+  const getValue = useCallback(() => {
+    const params = parseHashQuery();
+    const value = params.get(key);
+    return value ? (JSON.parse(value) as T) : defaultValue;
+  }, [defaultValue, key]);
+
+  const [state, setState] = useState<T>(getValue);
+
+  const setQuery = useCallback(
+    (value: T) => {
+      const params = parseHashQuery();
+      params.set(key, JSON.stringify(value));
+      setHashQuery(params);
+      setState(value);
+    },
+    [key]
+  );
+
+  useEffect(() => {
+    const onHashChange = () => {
+      setState(getValue());
+    };
+
+    window.addEventListener("hashchange", onHashChange);
+    return () => {
+      window.removeEventListener("hashchange", onHashChange);
+    };
+  }, [key, getValue]);
+
+  return [state, setQuery];
+};

src/pages/Assessment/Index/components/Sidebar/index.tsx

@@ -6,6 +6,13 @@ import { DageTreeActions } from "@dage/pc-components";
 import { PlusOutlined } from "@ant-design/icons";
 import style from "../../index.module.scss";
 
+export interface SidebarProps {
+  /**
+   * 勾选模式
+   */
+  checkable?: boolean;
+}
+
 const treeData: TreeDataNode[] = [
   {
     title: "parent 1",
@@ -31,7 +38,7 @@ const treeData: TreeDataNode[] = [
 
 let key = 0;
 
-export const Sidebar: FC = () => {
+export const Sidebar: FC<SidebarProps> = ({ checkable }) => {
   const navigate = useNavigate();
 
   const handleAddNode = async (item: DataNode) => {
@@ -55,16 +62,21 @@ export const Sidebar: FC = () => {
       <div className={style.sidebarHeader}>
         <h4>指标列表</h4>
 
-        <Button
-          type="primary"
-          icon={<PlusOutlined />}
-          onClick={() => navigate("/assessment/index/create")}
-        >
-          新增指标
-        </Button>
+        {!checkable && (
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={() => navigate("/assessment/index/create")}
+          >
+            新增指标
+          </Button>
+        )}
       </div>
 
-      <DageTreeActions treeData={treeData} onAdd={handleAddNode} />
+      <DageTreeActions
+        treeData={treeData}
+        onAdd={checkable ? undefined : handleAddNode}
+      />
     </div>
   );
 };

src/pages/AssessmentDetail/IndexDetail/index.module.scss

@@ -0,0 +1,15 @@
+.header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  > div {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+}
+
+.table {
+  margin: 20px -25px 0;
+}

src/pages/AssessmentDetail/IndexDetail/index.tsx

@@ -0,0 +1,120 @@
+import { FormPageFooter, PageContainer } from "@/components";
+import { Button, Form, InputNumber, Radio, Table, Tag } from "antd";
+import { FC, useRef } from "react";
+import classNames from "classnames";
+import style from "./index.module.scss";
+import { DageTableActions } from "@dage/pc-components";
+
+const IndexDetailPage: FC = () => {
+  // 判断是否为考核填报进入
+  const isReportDetail = useRef(window.location.hash.indexOf("form") > -1);
+  // 判断是否为考核评定进入
+  const isEvalutionDetail = useRef(
+    window.location.hash.indexOf("evaluation") > -1
+  );
+
+  return (
+    <PageContainer title="考核标题" showBack>
+      {isEvalutionDetail.current && (
+        <Form>
+          <Form.Item label="评定得分">
+            <InputNumber
+              className="w450"
+              min={0}
+              max={50}
+              precision={1}
+              placeholder="请输入0~50的数字，支持小数点后一位"
+            />
+          </Form.Item>
+        </Form>
+      )}
+
+      <div className={style.header}>
+        <div>
+          <Tag>选填</Tag>
+          <h3>这是一段资料名称 | zip,jpg,png</h3>
+        </div>
+        <Button type="primary" ghost>
+          下载模板
+        </Button>
+        {isReportDetail.current && <Button>上传附件</Button>}
+      </div>
+
+      <div className={style.table}>
+        <Table
+          className={classNames("cus-table")}
+          rowKey="id"
+          dataSource={[
+            {
+              id: 1,
+              name: "hello",
+            },
+          ]}
+          columns={[
+            {
+              title: "附件名称",
+              align: "center",
+              dataIndex: "name",
+            },
+            {
+              title: "责任部门",
+              align: "center",
+              dataIndex: "department",
+            },
+            {
+              title: "上传用户",
+              align: "center",
+              dataIndex: "user",
+            },
+            {
+              title: "上传时间",
+              align: "center",
+              dataIndex: "create_time",
+            },
+            {
+              title: "评定结果",
+              align: "center",
+              render: () =>
+                isEvalutionDetail.current ? (
+                  <Radio.Group
+                    options={[
+                      {
+                        label: "合格",
+                        value: 1,
+                      },
+                      {
+                        label: "不合格",
+                        value: 0,
+                      },
+                    ]}
+                  />
+                ) : (
+                  "合格"
+                ),
+            },
+            {
+              title: "评定意见",
+              align: "center",
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "操作",
+              align: "center",
+              render: () => (
+                <DageTableActions
+                  showEdit={false}
+                  showDelete={isReportDetail.current}
+                  renderBefore={<Button type="link">下载</Button>}
+                />
+              ),
+            },
+          ]}
+        />
+      </div>
+
+      <FormPageFooter />
+    </PageContainer>
+  );
+};
+
+export default IndexDetailPage;

src/pages/AssessmentDetail/components/EvaluationModal/index.tsx

@@ -0,0 +1,78 @@
+import { FC } from "react";
+import { Form, Input, InputNumber, Modal, ModalProps } from "antd";
+import style from "@/components/AddIndexModal/index.module.scss";
+
+export interface EvaluationModalProps extends Omit<ModalProps, "onOk"> {
+  onCancel?: () => void;
+  onOk?: (val: any) => void;
+}
+
+const { TextArea } = Input;
+
+export const EvaluationModal: FC<EvaluationModalProps> = ({
+  open,
+  onOk,
+  onCancel,
+  ...rest
+}) => {
+  const [form] = Form.useForm<any>();
+
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel?.();
+  };
+
+  const handleConfirm = () => {
+    form.submit();
+  };
+
+  const handleSubmit = async (values: any) => {
+    onOk?.(values);
+    handleCancel();
+  };
+
+  return (
+    <Modal
+      className={style.modal}
+      title="附加项评定"
+      okText="提交"
+      cancelText="取消"
+      open={open}
+      width={640}
+      okButtonProps={{
+        disabled: false,
+      }}
+      onOk={handleConfirm}
+      onCancel={handleCancel}
+      {...rest}
+    >
+      <Form
+        labelCol={{ span: 4, offset: 2 }}
+        form={form}
+        onFinish={handleSubmit}
+      >
+        <Form.Item
+          label="评定得分"
+          name="checkedKeys"
+          required
+          rules={[{ required: true, message: "请输入 " }]}
+        >
+          <InputNumber
+            className="w100"
+            min={0}
+            max={50}
+            precision={1}
+            placeholder="请输入0~50的数字，支持小数点后一位"
+          />
+        </Form.Item>
+        <Form.Item label="评定意见">
+          <TextArea
+            rows={4}
+            maxLength={200}
+            placeholder="请输入内容，不超过200字"
+          />
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+};

src/pages/AssessmentDetail/components/IndexAssessment/index.tsx

@@ -0,0 +1,169 @@
+import { FC } from "react";
+import { Button, Form, Input, Select, Table } from "antd";
+import { useNavigate } from "react-router-dom";
+
+export interface IndexAssessmentProps {
+  isReportDetail?: boolean;
+  isEvalutionDetail?: boolean;
+}
+
+export const IndexAssessment: FC<IndexAssessmentProps> = ({
+  isReportDetail,
+  isEvalutionDetail,
+}) => {
+  const navigate = useNavigate();
+
+  return (
+    <>
+      <Form layout="inline">
+        <Form.Item label="搜索">
+          <Input className="w220" placeholder="请输入指标名称" />
+        </Form.Item>
+        <Form.Item label="上传状态">
+          <div className="w160">
+            <Select placeholder="请选择" />
+          </div>
+        </Form.Item>
+        <Form.Item label="责任部门">
+          <div className="w160">
+            <Select placeholder="请选择" />
+          </div>
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary">查询</Button>
+        </Form.Item>
+      </Form>
+
+      <div style={{ margin: "20px -25px" }}>
+        <Table
+          className="cus-table"
+          rowKey="id"
+          scroll={{
+            x: true,
+          }}
+          dataSource={[
+            {
+              id: 1,
+              name: "综合管理与基础设施",
+              description:
+                "消息一出，瞬间引爆互联网，分分钟登顶Hacker News。假如这次发现为真，那么我们就能实现无损的能量传输，全球的能耗问题将从源头上解决，人类能利用电能获得巨大的力量。",
+            },
+          ]}
+          columns={[
+            {
+              title: "序号",
+              align: "center",
+              minWidth: 80,
+              render: (val, record, index) => index,
+            },
+            {
+              title: "标题",
+              dataIndex: "name",
+              align: "center",
+              minWidth: 200,
+            },
+            {
+              title: "说明",
+              minWidth: 300,
+              align: "center",
+              render: (val) => (
+                <p className="limit-line line-2">{val.description}</p>
+              ),
+            },
+            {
+              title: "分值",
+              align: "center",
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "资料上传 ",
+              align: "center",
+              render: () => (
+                <Button
+                  type="link"
+                  onClick={() =>
+                    navigate(
+                      isReportDetail
+                        ? // 考核填报
+                          "/management/form/detail/index"
+                        : isEvalutionDetail
+                        ? // 考核评定
+                          "/management/evaluation/detail/index"
+                        : // 考核管理
+                          "/management/index/detail/index"
+                    )
+                  }
+                >
+                  查看
+                </Button>
+              ),
+            },
+            {
+              title: "上传状态",
+              align: "center",
+              minWidth: 120,
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "打分点",
+              align: "center",
+              minWidth: 100,
+              render: (val) => "是",
+            },
+            {
+              title: "责任部门",
+              align: "center",
+              minWidth: 120,
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "自评得分",
+              dataIndex: "rate",
+              align: "center",
+              minWidth: 120,
+            },
+            {
+              title: "自评人",
+              align: "center",
+              minWidth: 100,
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "评定得分",
+              dataIndex: "rates",
+              align: "center",
+              minWidth: 120,
+            },
+            {
+              title: "评定人",
+              align: "center",
+              minWidth: 100,
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "评定意见",
+              align: "center",
+              minWidth: 120,
+              render: (val) => <p className="empty-text">（空）</p>,
+            },
+            {
+              title: "操作",
+              align: "center",
+              hidden: !isEvalutionDetail,
+              render: () => (
+                <Button
+                  type="link"
+                  onClick={() =>
+                    navigate("/management/evaluation/detail/submit")
+                  }
+                >
+                  评定
+                </Button>
+              ),
+            },
+          ]}
+        />
+      </div>
+    </>
+  );
+};

src/pages/AssessmentDetail/components/OverallAssessment/index.module.scss

@@ -8,3 +8,16 @@
     }
   }
 }
+
+.fileUploadHeader {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 20px;
+
+  > div {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+}

src/pages/AssessmentDetail/components/OverallAssessment/index.tsx

@@ -1,9 +1,23 @@
-import { Form } from "antd";
-import { FC } from "react";
+import { Button, Form, Input, Table, Tag } from "antd";
+import { FC, useState } from "react";
 import classNames from "classnames";
+import { DageTableActions } from "@dage/pc-components";
+import { EvaluationModal } from "../EvaluationModal";
 import style from "./index.module.scss";
 
-export const OverallAssessment: FC = () => {
+export interface OverallAssessmentProps {
+  isReportDetail?: boolean;
+  isEvalutionDetail?: boolean;
+}
+
+const { TextArea } = Input;
+
+export const OverallAssessment: FC<OverallAssessmentProps> = ({
+  isReportDetail,
+  isEvalutionDetail,
+}) => {
+  const [modalVisible, setModelVisible] = useState(false);
+
   return (
     <Form
       labelCol={{ offset: 1, span: 3 }}
@@ -27,18 +41,217 @@ export const OverallAssessment: FC = () => {
         </p>
       </Form.Item>
 
-      <Form.Item label="评定意见">
-        <p>
-          1、
-          工作中具有独立思考、不断创新的能力。对工作有高度的事业心和责任感，积极主动工作，认真履行自己的职责。
-          2、
-          该同志工作态度端正，对工作有高度的事业心和责任感，政治立场坚定，方向明确，忠诚并献身于党和人民的教育事业，治学严谨，热爱学生，以身作则，为人师表。
-          3、
-          该同志遵纪守法，具有良好的社会公德和家庭美德，有高尚的职业道德，关爱学生，面向全体学生，注重学生的全面发展，认真履行教师职务职责，有强烈的服务意识。
-          4、
-          该同志政治立场坚定，教育思想端正，专业知识及基本功扎实过硬，具有很强的表达能力，善于做思想政治工作。严格遵守学校的作息时间和工作纪律，全身心地投入工作。
-        </p>
+      {!isReportDetail && (
+        <>
+          <Form.Item label="考核进度">
+            <Table
+              pagination={false}
+              className="cus-table"
+              columns={[
+                {
+                  title: "部门名称",
+                  dataIndex: "name",
+                  align: "center",
+                },
+                {
+                  title: "部门考核状态",
+                  dataIndex: "type",
+                  align: "center",
+                },
+              ]}
+            />
+          </Form.Item>
+
+          <Form.Item label="评定意见">
+            {isEvalutionDetail ? (
+              <TextArea
+                rows={6}
+                placeholder="请输入文字，不超过1000字"
+                maxLength={1000}
+              />
+            ) : (
+              <p>
+                1、
+                工作中具有独立思考、不断创新的能力。对工作有高度的事业心和责任感，积极主动工作，认真履行自己的职责。
+                2、
+                该同志工作态度端正，对工作有高度的事业心和责任感，政治立场坚定，方向明确，忠诚并献身于党和人民的教育事业，治学严谨，热爱学生，以身作则，为人师表。
+                3、
+                该同志遵纪守法，具有良好的社会公德和家庭美德，有高尚的职业道德，关爱学生，面向全体学生，注重学生的全面发展，认真履行教师职务职责，有强烈的服务意识。
+                4、
+                该同志政治立场坚定，教育思想端正，专业知识及基本功扎实过硬，具有很强的表达能力，善于做思想政治工作。严格遵守学校的作息时间和工作纪律，全身心地投入工作。
+              </p>
+            )}
+          </Form.Item>
+        </>
+      )}
+
+      <Form.Item label="资料上传">
+        <div className={style.fileUploadHeader}>
+          <div>
+            <Tag>选填</Tag>
+            <h3>这是一段资料名称 | zip,jpg,png</h3>
+          </div>
+          <Button type="primary" ghost>
+            下载模板
+          </Button>
+        </div>
+
+        <Table
+          rowKey="id"
+          className="cus-table"
+          pagination={false}
+          dataSource={[
+            {
+              id: 1,
+              editor: "郑文钧",
+              create_time: "2024-09-22 22:10:08",
+            },
+          ]}
+          columns={[
+            {
+              title: "附件名称",
+              dataIndex: "file",
+              align: "center",
+            },
+            {
+              title: "责任部门",
+              dataIndex: "department",
+              align: "center",
+            },
+            {
+              title: "上传用户",
+              dataIndex: "user",
+              align: "center",
+            },
+            {
+              title: "编辑时间",
+              dataIndex: "create_time",
+              align: "center",
+            },
+            {
+              title: "操作",
+              align: "center",
+              render: () => (
+                <DageTableActions
+                  renderBefore={
+                    <Button size="small" type="link">
+                      下载
+                    </Button>
+                  }
+                  showDelete={isReportDetail}
+                  showEdit={false}
+                />
+              ),
+            },
+          ]}
+        />
       </Form.Item>
+
+      {!isReportDetail && (
+        <Form.Item label="附加项">
+          <Table
+            rowKey="id"
+            className="cus-table"
+            pagination={false}
+            dataSource={[
+              {
+                id: 1,
+                editor: "郑文钧",
+                create_time: "2024-09-22 22:10:08",
+              },
+            ]}
+            columns={[
+              {
+                title: "加分项名称",
+                dataIndex: "file",
+                align: "center",
+              },
+              {
+                title: "指标分值",
+                dataIndex: "department",
+                align: "center",
+              },
+              {
+                title: "评定得分",
+                dataIndex: "user",
+                align: "center",
+              },
+              {
+                title: "评定人",
+                dataIndex: "create_time",
+                align: "center",
+              },
+              {
+                title: "评定意见",
+                dataIndex: "create_time",
+                align: "center",
+              },
+              {
+                title: "操作",
+                align: "center",
+                hidden: !isEvalutionDetail,
+                render: () => <Button type="link">评定</Button>,
+              },
+            ]}
+          />
+
+          <Table
+            rowKey="id"
+            style={{ marginTop: 20 }}
+            className="cus-table"
+            pagination={false}
+            dataSource={[
+              {
+                id: 1,
+                editor: "郑文钧",
+                create_time: "2024-09-22 22:10:08",
+              },
+            ]}
+            columns={[
+              {
+                title: "减分项名称",
+                dataIndex: "file",
+                align: "center",
+              },
+              {
+                title: "可扣分值",
+                dataIndex: "department",
+                align: "center",
+              },
+              {
+                title: "评定得分",
+                dataIndex: "user",
+                align: "center",
+              },
+              {
+                title: "评定人",
+                dataIndex: "create_time",
+                align: "center",
+              },
+              {
+                title: "评定意见",
+                dataIndex: "create_time",
+                align: "center",
+              },
+              {
+                title: "操作",
+                align: "center",
+                hidden: !isEvalutionDetail,
+                render: () => (
+                  <Button type="link" onClick={() => setModelVisible(true)}>
+                    评定
+                  </Button>
+                ),
+              },
+            ]}
+          />
+        </Form.Item>
+      )}
+
+      <EvaluationModal
+        open={modalVisible}
+        onCancel={() => setModelVisible(false)}
+      />
     </Form>
   );
 };

src/pages/AssessmentDetail/index.tsx

@@ -1,10 +1,21 @@
-import { FC } from "react";
-import { Tabs } from "antd";
-import { PageContainer } from "@/components";
+import { FC, useRef } from "react";
+import { Button, Tabs, Tag } from "antd";
+import { FormPageFooter, PageContainer } from "@/components";
 import { OverallAssessment } from "./components/OverallAssessment";
+import { IndexAssessment } from "./components/IndexAssessment";
 import style from "./index.module.scss";
+import { useHashQuery } from "@/hooks";
+import { ASSESSMENT_STATUS_MAP } from "@/constants";
 
 const AssessmentDetailPage: FC = () => {
+  // 判断是否为考核填报进入
+  const isReportDetail = useRef(window.location.hash.indexOf("form") > -1);
+  // 判断是否为考核评定进入
+  const isEvalutionDetail = useRef(
+    window.location.hash.indexOf("evaluation") > -1
+  );
+  const [tab, setTab] = useHashQuery("tab", "1");
+
   return (
     <>
       <PageContainer
@@ -15,6 +26,13 @@ const AssessmentDetailPage: FC = () => {
           padding: "0 25px",
           boxShadow: "0px 0px 10px 0px rgba(0,0,0,0.05)",
         }}
+        headerSlot={
+          <div style={{ flex: 1 }}>
+            <Tag color={ASSESSMENT_STATUS_MAP[0].color}>
+              {ASSESSMENT_STATUS_MAP[0].label}
+            </Tag>
+          </div>
+        }
       >
         <div className={style.topContent}>
           <div className={style.topContentLeft}>
@@ -36,10 +54,10 @@ const AssessmentDetailPage: FC = () => {
           </div>
         </div>
       </PageContainer>
-
       <div className={style.pane}>
         <Tabs
           size="large"
+          defaultActiveKey={tab}
           tabBarGutter={60}
           className={style.tabs}
           indicator={{
@@ -49,15 +67,51 @@ const AssessmentDetailPage: FC = () => {
             {
               key: "1",
               label: "总体考核",
-              children: <OverallAssessment />,
+              children: (
+                <OverallAssessment
+                  isReportDetail={isReportDetail.current}
+                  isEvalutionDetail={isEvalutionDetail.current}
+                />
+              ),
             },
             {
               key: "2",
               label: "指标考核",
+              children: (
+                <IndexAssessment
+                  isReportDetail={isReportDetail.current}
+                  isEvalutionDetail={isEvalutionDetail.current}
+                />
+              ),
             },
           ]}
+          onChange={(v) => setTab(v)}
         />
       </div>
+
+      {isReportDetail.current && (
+        <FormPageFooter>
+          <Button size="large" type="primary">
+            提交
+          </Button>
+          <Button size="large">保存并关闭</Button>
+        </FormPageFooter>
+      )}
+
+      {isEvalutionDetail.current && (
+        <FormPageFooter>
+          <Button size="large" type="primary">
+            完成评定
+          </Button>
+          <Button size="large" type="primary" ghost>
+            保存
+          </Button>
+          <Button size="large" danger style={{ width: 160 }}>
+            退回不合格的资料
+          </Button>
+          <Button size="large">关闭</Button>
+        </FormPageFooter>
+      )}
     </>
   );
 };

src/pages/Management/Evaluation/index.tsx

@@ -0,0 +1,120 @@
+import classNames from "classnames";
+import { useState } from "react";
+import { Button, Form, Input, Select, Table } from "antd";
+import { useNavigate } from "react-router-dom";
+import { PageContainer } from "@/components";
+import { PUBLISH_STATUS_MAP, PUBLISH_ENUM } from "../../../constants";
+import style from "../Form/index.module.scss";
+
+const ManagementEvaluationPage = () => {
+  const navigate = useNavigate();
+  const [list] = useState([
+    {
+      id: 1,
+      name: "模板名称",
+      a: "定级评估",
+      description: "模板说明",
+      b: "",
+      c: PUBLISH_ENUM.PENDING,
+      d: "",
+      e: "",
+      f: "2024-09-24 16:50:30",
+      g: "钱韵澄",
+    },
+  ]);
+
+  return (
+    <PageContainer title="考核评定">
+      <div className={style.filter}>
+        <Form layout="inline" className="inline-form">
+          <Form.Item label="搜索">
+            <Input placeholder="请输入考核名称" className="w160" />
+          </Form.Item>
+          <Form.Item label="考核类别">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item label="发布状态">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary">查询</Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      <div className={style.table}>
+        <Table
+          className={classNames("cus-table large")}
+          dataSource={list}
+          rowKey="id"
+          scroll={{ x: "max-content" }}
+          columns={[
+            {
+              title: "名称",
+              dataIndex: "name",
+              key: "name",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "类别",
+              dataIndex: "a",
+              key: "a",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "说明",
+              dataIndex: "description",
+              key: "description",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "考核周期",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "发布状态",
+              key: "c",
+              align: "center",
+              minWidth: 100,
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <p style={{ color: PUBLISH_STATUS_MAP[item.c].color }}>
+                    {PUBLISH_STATUS_MAP[item.c].label}
+                  </p>
+                );
+              },
+            },
+            {
+              title: "操作",
+              key: "h",
+              align: "center",
+              fixed: "right",
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <Button
+                    type="link"
+                    onClick={() => navigate("/management/evaluation/detail")}
+                  >
+                    查看
+                  </Button>
+                );
+              },
+            },
+          ]}
+        />
+      </div>
+    </PageContainer>
+  );
+};
+
+export default ManagementEvaluationPage;

src/pages/Management/Files/index.module.scss

@@ -0,0 +1,7 @@
+.table {
+  margin: 20px -25px;
+}
+
+.button {
+  padding: 0 7px;
+}

src/pages/Management/Files/index.tsx

@@ -0,0 +1,128 @@
+import classNames from "classnames";
+import { useState } from "react";
+import { Button, Form, Input, Select, Table } from "antd";
+import { PageContainer } from "@/components";
+import style from "./index.module.scss";
+import { PUBLISH_ENUM } from "../../../constants";
+
+const ManagementReportPage = () => {
+  const [list] = useState([
+    {
+      id: 1,
+      name: "模板名称",
+      a: "定级评估",
+      description: "模板说明",
+      b: "",
+      c: PUBLISH_ENUM.PENDING,
+      d: "",
+      e: "",
+      f: "2024-09-24 16:50:30",
+      g: "钱韵澄",
+    },
+  ]);
+
+  return (
+    <PageContainer title="附件管理">
+      <div className={style.filter}>
+        <Form layout="inline" className="inline-form">
+          <Form.Item label="搜索">
+            <Input placeholder="请输入考核名称" className="w160" />
+          </Form.Item>
+          <Form.Item label="归档状态">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary">查询</Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      <div className={style.table}>
+        <Table
+          className={classNames("cus-table large")}
+          dataSource={list}
+          rowKey="id"
+          scroll={{ x: "max-content" }}
+          columns={[
+            {
+              title: "资料名称",
+              dataIndex: "name",
+              key: "name",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "关联考核",
+              dataIndex: "a",
+              key: "a",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "考核周期",
+              dataIndex: "description",
+              key: "description",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "关联指标",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "附件名称",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "责任部门",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "上传用户",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "归档状态",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "操作",
+              key: "h",
+              align: "center",
+              fixed: "right",
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <>
+                    <Button type="link">下载</Button>
+                    <Button type="text" size="small">
+                      归档
+                    </Button>
+                  </>
+                );
+              },
+            },
+          ]}
+        />
+      </div>
+    </PageContainer>
+  );
+};
+
+export default ManagementReportPage;

src/pages/Management/Form/index.module.scss

@@ -0,0 +1,7 @@
+.table {
+  margin: 20px -25px;
+}
+
+.button {
+  padding: 0 7px;
+}

src/pages/Management/Form/index.tsx

@@ -0,0 +1,139 @@
+import classNames from "classnames";
+import { useState } from "react";
+import { Button, Form, Input, Select, Table } from "antd";
+import { useNavigate } from "react-router-dom";
+import { PageContainer } from "@/components";
+import style from "./index.module.scss";
+import { PUBLISH_STATUS_MAP, PUBLISH_ENUM } from "../../../constants";
+
+const ManagementReportPage = () => {
+  const navigate = useNavigate();
+  const [list] = useState([
+    {
+      id: 1,
+      name: "模板名称",
+      a: "定级评估",
+      description: "模板说明",
+      b: "",
+      c: PUBLISH_ENUM.PENDING,
+      d: "",
+      e: "",
+      f: "2024-09-24 16:50:30",
+      g: "钱韵澄",
+    },
+  ]);
+
+  return (
+    <PageContainer title="考核填报">
+      <div className={style.filter}>
+        <Form layout="inline" className="inline-form">
+          <Form.Item label="搜索">
+            <Input placeholder="请输入考核名称" className="w160" />
+          </Form.Item>
+          <Form.Item label="考核类别">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item label="发布状态">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item label="自评状态">
+            <div className="w160">
+              <Select />
+            </div>
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary">查询</Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      <div className={style.table}>
+        <Table
+          className={classNames("cus-table large")}
+          dataSource={list}
+          rowKey="id"
+          scroll={{ x: "max-content" }}
+          columns={[
+            {
+              title: "名称",
+              dataIndex: "name",
+              key: "name",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "类别",
+              dataIndex: "a",
+              key: "a",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "说明",
+              dataIndex: "description",
+              key: "description",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "考核周期",
+              dataIndex: "b",
+              key: "b",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "发布状态",
+              key: "c",
+              align: "center",
+              minWidth: 100,
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <p style={{ color: PUBLISH_STATUS_MAP[item.c].color }}>
+                    {PUBLISH_STATUS_MAP[item.c].label}
+                  </p>
+                );
+              },
+            },
+            {
+              title: "责任部门",
+              key: "d",
+              align: "center",
+            },
+            {
+              title: "填报状态",
+              key: "e",
+              align: "center",
+              minWidth: 100,
+              render: (item: (typeof list)[0]) => {
+                return item.e || "/";
+              },
+            },
+            {
+              title: "操作",
+              key: "h",
+              align: "center",
+              fixed: "right",
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <Button
+                    type="link"
+                    onClick={() => navigate("/management/form/detail")}
+                  >
+                    查看
+                  </Button>
+                );
+              },
+            },
+          ]}
+        />
+      </div>
+    </PageContainer>
+  );
+};
+
+export default ManagementReportPage;

src/pages/Management/Index/CreateOrEdit/index.tsx

@@ -7,7 +7,7 @@ import {
 import { useNavigate } from "react-router-dom";
 import { uniqueId } from "lodash";
 import { FileTemplateTable, FormPageFooter, PageContainer } from "@/components";
-import { DEFAULT_BONUS_ITEM } from "../../constants";
+import { DEFAULT_BONUS_ITEM } from "../../../../constants";
 import { TableBonusType } from "../../types";
 import style from "./index.module.scss";
 

src/pages/Management/Index/index.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from "react-router-dom";
 import { PageContainer } from "@/components";
 import { DageTableActions } from "@dage/pc-components";
 import style from "./index.module.scss";
-import { PUBLISH_STATUS_MAP, PUBLISH_TYPE } from "../constants";
+import { PUBLISH_STATUS_MAP, PUBLISH_ENUM } from "../../../constants";
 
 const ManagementIndexPage = () => {
   const navigate = useNavigate();
@@ -17,7 +17,7 @@ const ManagementIndexPage = () => {
       a: "定级评估",
       description: "模板说明",
       b: "",
-      c: PUBLISH_TYPE.PENDINIG,
+      c: PUBLISH_ENUM.PENDING,
       d: "",
       e: "",
       f: "2024-09-24 16:50:30",

src/pages/Management/constants.ts

@@ -1,38 +0,0 @@
-export enum PUBLISH_TYPE {
-  PENDINIG = 0,
-  PUBLISHED = 1,
-  ENDED = 2,
-}
-
-export const PUBLISH_STATUS_MAP = {
-  [PUBLISH_TYPE.PENDINIG]: {
-    label: "待发布",
-    color: "#FF5858",
-  },
-  [PUBLISH_TYPE.PUBLISHED]: {
-    label: "已发布",
-    color: "#242424",
-  },
-  [PUBLISH_TYPE.ENDED]: {
-    label: "已结束",
-    color: "#6BC6FF",
-  },
-};
-
-/**
- * 初始化指标
- */
-export const DEFAULT_INDEX_ITEM = {
-  level: "",
-  name: "",
-  type: "",
-  num: null,
-};
-
-/**
- * 初始化加分项
- */
-export const DEFAULT_BONUS_ITEM = {
-  name: "",
-  num: null,
-};

src/pages/Performance/Form/index.tsx

@@ -0,0 +1,94 @@
+import classNames from "classnames";
+import { useState } from "react";
+import { Button, Form, Input, Table } from "antd";
+import { DageTableActions } from "@dage/pc-components";
+import { PageContainer } from "@/components";
+import style from "../../Management/Form/index.module.scss";
+
+const ManagementEvaluationPage = () => {
+  const [list] = useState([
+    {
+      id: 1,
+      name: "模板名称",
+      a: "定级评估",
+      description: "模板说明",
+      b: "",
+      c: "",
+      d: "",
+      e: "",
+      f: "2024-09-24 16:50:30",
+      g: "钱韵澄",
+    },
+  ]);
+
+  return (
+    <PageContainer title="考核评定">
+      <div className={style.filter}>
+        <Form layout="inline" className="inline-form">
+          <Form.Item label="搜索">
+            <Input placeholder="请输入报告标题" className="w160" />
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary">查询</Button>
+          </Form.Item>
+          <Form.Item>
+            <Button type="primary" ghost>
+              生成报告
+            </Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      <div className={style.table}>
+        <Table
+          className={classNames("cus-table large")}
+          dataSource={list}
+          rowKey="id"
+          scroll={{ x: "max-content" }}
+          columns={[
+            {
+              title: "报告标题",
+              dataIndex: "name",
+              key: "name",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "编辑时间",
+              dataIndex: "a",
+              key: "a",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "编辑人",
+              dataIndex: "description",
+              key: "description",
+              align: "center",
+              minWidth: 100,
+            },
+            {
+              title: "操作",
+              key: "h",
+              align: "center",
+              fixed: "right",
+              render: (item: (typeof list)[0]) => {
+                return (
+                  <DageTableActions
+                    renderBefore={
+                      <Button size="small" type="link">
+                        导出
+                      </Button>
+                    }
+                  />
+                );
+              },
+            },
+          ]}
+        />
+      </div>
+    </PageContainer>
+  );
+};
+
+export default ManagementEvaluationPage;

src/pages/Performance/Report/components/Container/index.module.scss

@@ -0,0 +1,10 @@
+.tabs {
+  flex: 1;
+
+  :global {
+    .ant-tabs-content,
+    .ant-tabs-tabpane {
+      height: 100%;
+    }
+  }
+}

src/pages/Performance/Report/components/Container/index.tsx

@@ -0,0 +1,99 @@
+import { Tabs } from "antd";
+import { FC } from "react";
+import ReactECharts from "echarts-for-react";
+import style from "./index.module.scss";
+
+export const Container: FC = () => {
+  return (
+    <Tabs
+      className={style.tabs}
+      items={[
+        {
+          label: "按时间",
+          key: "0",
+          children: (
+            <ReactECharts
+              style={{ height: "100%" }}
+              option={{
+                tooltip: {
+                  trigger: "axis",
+                  axisPointer: {
+                    type: "shadow",
+                    label: {
+                      show: true,
+                    },
+                  },
+                },
+                calculable: true,
+                xAxis: [
+                  {
+                    type: "category",
+                    data: ["a", "b", "c"],
+                  },
+                ],
+                yAxis: [
+                  {
+                    type: "value",
+                    name: "评定得分",
+                  },
+                ],
+                dataZoom: [
+                  {
+                    show: true,
+                    start: 50,
+                    end: 100,
+                  },
+                  {
+                    type: "inside",
+                    start: 0,
+                    end: 100,
+                  },
+                  {
+                    show: true,
+                    yAxisIndex: 0,
+                    filterMode: "empty",
+                    width: 30,
+                    height: "80%",
+                    showDataShadow: false,
+                    left: "93%",
+                  },
+                ],
+                series: [
+                  {
+                    name: "评定得分",
+                    type: "bar",
+                    data: [20, 40, 50],
+                    markLine: {
+                      symbol: "none",
+                      silent: true,
+                      label: {
+                        position: "end",
+                        color: "red",
+                        fontSize: 14,
+                        formatter: "预警值 700",
+                      },
+                      data: [
+                        {
+                          silent: true,
+                          lineStyle: {
+                            type: "solid",
+                            color: "red",
+                          },
+                          yAxis: 40,
+                        },
+                      ],
+                    },
+                  },
+                ],
+              }}
+            />
+          ),
+        },
+        {
+          label: "按部门",
+          key: "1",
+        },
+      ]}
+    />
+  );
+};

src/pages/Performance/Report/index.tsx

@@ -0,0 +1,31 @@
+import { Button } from "antd";
+import { PageContainer } from "@/components";
+import { Sidebar } from "@/pages/Assessment/Index/components/Sidebar";
+import { Container } from "./components/Container";
+import style from "@/pages/Assessment/Index/index.module.scss";
+
+const ManagementReportPage = () => {
+  return (
+    <PageContainer
+      title="指标分析"
+      headerSlot={
+        <div className={style.pageTools}>
+          <Button type="primary" size="large">
+            定级评估指标
+          </Button>
+          <Button type="primary" ghost size="large">
+            运行评估指标
+          </Button>
+        </div>
+      }
+    >
+      <div className={style.page}>
+        <Sidebar checkable />
+
+        <Container />
+      </div>
+    </PageContainer>
+  );
+};
+
+export default ManagementReportPage;

src/router/index.tsx

@@ -3,7 +3,8 @@ import Icon from "@ant-design/icons";
 import { DageRouteItem } from "./types";
 import { ReactComponent as SettingIcon } from "@/assets/icons/systems.svg";
 import { ReactComponent as AssessmentIcon } from "@/assets/icons/icon_check.svg";
-import { ReactComponent as managementIcon } from "@/assets/icons/icon_management.svg";
+import { ReactComponent as ManagementIcon } from "@/assets/icons/icon_management.svg";
+import { ReactComponent as PerfomanceIcon } from "@/assets/icons/icon_achievements.svg";
 
 export const DEFAULT_MENU: DageRouteItem[] = [
   {
@@ -47,7 +48,7 @@ export const DEFAULT_MENU: DageRouteItem[] = [
   {
     path: "/management",
     title: "考核管理",
-    icon: <Icon component={managementIcon} />,
+    icon: <Icon component={ManagementIcon} />,
     redirect: "/management/index",
     children: [
       {
@@ -88,8 +89,95 @@ export const DEFAULT_MENU: DageRouteItem[] = [
             title: "考核详情",
             Component: React.lazy(() => import("../pages/AssessmentDetail")),
           },
+          {
+            hide: true,
+            path: "/management/index/detail/index",
+            title: "考核指标详情",
+            Component: React.lazy(
+              () => import("../pages/AssessmentDetail/IndexDetail")
+            ),
+          },
+        ],
+      },
+      {
+        path: "/management/form",
+        title: "考核填报",
+        Component: React.lazy(() => import("../pages/Management/Form")),
+        children: [
+          {
+            hide: true,
+            meta: {
+              custom: true,
+            },
+            path: "/management/form/detail",
+            title: "考核详情",
+            Component: React.lazy(() => import("../pages/AssessmentDetail")),
+          },
+          {
+            hide: true,
+            path: "/management/form/detail/index",
+            title: "考核指标详情",
+            Component: React.lazy(
+              () => import("../pages/AssessmentDetail/IndexDetail")
+            ),
+          },
+        ],
+      },
+      {
+        path: "/management/evaluation",
+        title: "考核评定",
+        Component: React.lazy(() => import("../pages/Management/Evaluation")),
+        children: [
+          {
+            hide: true,
+            meta: {
+              custom: true,
+            },
+            path: "/management/evaluation/detail",
+            title: "考核详情",
+            Component: React.lazy(() => import("../pages/AssessmentDetail")),
+          },
+          {
+            hide: true,
+            path: "/management/evaluation/detail/index",
+            title: "考核指标详情",
+            Component: React.lazy(
+              () => import("../pages/AssessmentDetail/IndexDetail")
+            ),
+          },
+          {
+            hide: true,
+            path: "/management/evaluation/detail/submit",
+            title: "考核指标详情",
+            Component: React.lazy(
+              () => import("../pages/AssessmentDetail/IndexDetail")
+            ),
+          },
         ],
       },
+      {
+        path: "/management/files",
+        title: "附件管理",
+        Component: React.lazy(() => import("../pages/Management/Files")),
+      },
+    ],
+  },
+  {
+    path: "perfomance",
+    title: "绩效分析",
+    redirect: "/perfomance/report",
+    icon: <Icon component={PerfomanceIcon} />,
+    children: [
+      {
+        path: "/perfomance/report",
+        title: "指标分析",
+        Component: React.lazy(() => import("../pages/Performance/Report")),
+      },
+      {
+        path: "/perfomance/form",
+        title: "考核报告",
+        Component: React.lazy(() => import("../pages/Performance/Form")),
+      },
     ],
   },
 ];