diff --git a/src/enums/genderEnum.ts b/src/enums/genderEnum.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f1c2dcc3e32ba6cae3ed1a4bcdd74e4d8b78cc43
--- /dev/null
+++ b/src/enums/genderEnum.ts
@@ -0,0 +1,5 @@
+export enum GenderEnum {
+  Female,
+  Male,
+  Secret
+}
diff --git a/src/views/student/practice/group-leader-mark/index.vue b/src/views/student/practice/group-leader-mark/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..01eed355c8569842dc96d59921ee8c2e6872042b
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" @click="handleReloadCurrent"> 刷新</a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+            {
+              label: '查看实习听课记录',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleLectureNoteDesc.bind(null, record),
+            },
+            {
+              label: '查看教育实习教案',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleLessonPlanDesc.bind(null, record),
+            },
+            {
+              label: '查看教研活动总结',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleTeachingStudyDesc.bind(null, record),
+            },
+          ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+
+</template>
+
+<script lang="ts">
+import {defineComponent} from "vue";
+import {BasicColumn, BasicTable, TableAction, useTable} from "/@/components/Table";
+import PageWrapper from "/@/components/Page/src/PageWrapper.vue";
+import {useRouter} from "vue-router";
+import {getGroupNumberPageByGroupId} from "/@/api/student/practice";
+import {GenderEnum} from "/@/enums/genderEnum";
+
+export default defineComponent(
+  {
+    name: "GroupLeaderMark",
+    components: {
+      BasicTable,
+      TableAction,
+    },
+    setup() {
+      const columns: BasicColumn[] = [
+        {
+          title: "id",
+          dataIndex: "userId",
+          ifShow: false,
+        },
+        {
+          title: "姓名",
+          dataIndex: "userName",
+        },
+        {
+          title: "学号",
+          dataIndex: "userCode",
+          sorter: true,
+        },
+        {
+          title: "性别",
+          dataIndex: "gender",
+          sorter: true,
+          customRender({value}) {
+            if (value === GenderEnum.Female) {
+              return "女"
+            } else if (value === GenderEnum.Male) {
+              return "男"
+            } else {
+              return "保密"
+            }
+          }
+        }
+      ]
+
+      const groupId = 1
+
+      const [registerTable, {reload}] = useTable({
+        title: "小组成员",
+        pagination: {pageSize: 10},
+        api: getGroupNumberPageByGroupId,
+        fetchSetting: {
+          pageField: "pageNum",
+          listField: "content",
+        },
+        beforeFetch(params) {
+          return {...params, groupId}
+        },
+        columns,
+        actionColumn: {
+          title: "操作",
+          dataIndex: "action",
+          width: 540,
+          fixed: "right",
+        },
+      })
+      const router = useRouter();
+
+      function handleReloadCurrent() {
+        reload()
+      }
+
+      function handleLectureNoteDesc(record) {
+        router.push({name: "userLectureNoteList", query: record})
+      }
+
+      function handleLessonPlanDesc(record) {
+        router.push({name: "userLessonPlanList", query: record})
+      }
+
+      function handleTeachingStudyDesc(record) {
+        router.push({name: "userTeachingStudyList", query: record})
+      }
+
+      return {
+        registerTable,
+        handleReloadCurrent,
+        handleLectureNoteDesc,
+        handleLessonPlanDesc,
+        handleTeachingStudyDesc
+      }
+    }
+  })
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/student/practice/group-leader-mark/lecture-note-description.vue b/src/views/student/practice/group-leader-mark/lecture-note-description.vue
new file mode 100644
index 0000000000000000000000000000000000000000..af720b36b0f3434fe830a68d6dec81a936ba5976
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/lecture-note-description.vue
@@ -0,0 +1,151 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    title="详情"
+    @register="registerModal"
+    :minHeight="550"
+    width="1000px"
+    :showOkBtn="false"
+    cancelText="关闭"
+    :afterClose="handleModalClose"
+  >
+    <Description @register="registerDesc" :column="2" size="middle"/>
+    <a-button type="primary" v-show="!showForm" @click="showForm=!showForm">编辑小组评价</a-button>
+    <BasicForm v-show="showForm" :model="userData" @register="registerForm" @submit="handleSubmit"/>
+  </BasicModal>
+</template>
+<script lang="ts">
+import {defineComponent, h, ref} from "vue";
+import {DescItem, Description, useDescription} from "/@/components/Description";
+import {BasicModal, useModalInner} from "/@/components/Modal";
+import BasicForm from "/@/components/Form/src/BasicForm.vue";
+import {FormSchema, useForm} from "/@/components/Form";
+import {setLectureNoteRemark} from "/@/api/student/practice";
+
+export default defineComponent({
+  name: "LeaderLectureNoteDescriptionModal",
+  components: {
+    BasicForm,
+    Description,
+    BasicModal,
+  },
+  setup() {
+    const schema: DescItem[] = [
+      {
+        field: "startDate",
+        label: "听课时间",
+        labelMinWidth: 100,
+        contentMinWidth: 200,
+      },
+      {
+        field: "className",
+        label: "听课班级",
+        labelMinWidth: 100,
+      },
+      {
+        field: "lectureContent",
+        label: "听课内容",
+        labelMinWidth: 100,
+        contentMinWidth: 200,
+        span: 2,
+      },
+      {
+        field: "teacherName",
+        label: "任课教师",
+        labelMinWidth: 100,
+        contentMinWidth: 200,
+      },
+      {
+        field: "lectureType",
+        label: "课程类型",
+        labelMinWidth: 100,
+        contentMinWidth: 200,
+      },
+      {
+        field: "teachingProcess",
+        label: "教学过程",
+        span: 2,
+        labelMinWidth: 100,
+      },
+      {
+        field: "experience",
+        label: "听课体会与建议",
+        span: 2,
+        labelMinWidth: 100,
+      },
+      {
+        field: "personalSummary",
+        label: "个人反思与总结",
+        span: 2,
+      },
+      {
+        field: "groupEvaluation",
+        label: "小组评价",
+        span: 2,
+      },
+      {
+        field: "docLink",
+        label: "word文件",
+        render: (val) => {
+          if (val === "") {
+            return "无";
+          }
+          return h("a", {href: val, target: "_blank", text: "点击下载"});
+        },
+      },
+    ];
+    const formSchema: FormSchema[] = [
+      {
+        field: "groupEvaluation",
+        label: "小组评价",
+        component: "InputTextArea",
+        colProps: {span: 24},
+        componentProps: {rows: 4},
+      }
+    ]
+    const userData = ref<any>({});
+    const showForm = ref(false)
+    const [registerModal, {closeModal}] = useModalInner((data) => {
+      userData.value = data;
+    });
+    const [registerDesc] = useDescription({
+      schema,
+      data: userData,
+    });
+    const [registerForm] = useForm({
+      schemas: formSchema,
+      actionColOptions: {
+        span: 24,
+      },
+      labelWidth: 100,
+      labelAlign: "right",
+      showResetButton: false,
+      showSubmitButton: true,
+      submitOnChange: true,
+      submitButtonOptions: {
+        text: "提交",
+      },
+    })
+
+    function handleSubmit(value) {
+      return setLectureNoteRemark(userData.value.userId, userData.value.noteId, value)
+        .then(() => closeModal())
+    }
+
+    function handleModalClose() {
+      showForm.value = false
+      return Promise.resolve(true);
+    }
+
+    return {
+      registerDesc,
+      registerModal,
+      registerForm,
+      handleSubmit,
+      handleModalClose,
+      userData,
+      showForm,
+    };
+  },
+});
+</script>
diff --git a/src/views/student/practice/group-leader-mark/lecture-note-list.vue b/src/views/student/practice/group-leader-mark/lecture-note-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e12852651973e30ad83afc8037f7c7fba88b1cd7
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/lecture-note-list.vue
@@ -0,0 +1,124 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" @click="handleReturn">返回</a-button>
+        <a-button type="primary" @click="handleReloadCurrent"> 刷新</a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+            {
+              label: '详情',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleDesc.bind(null, record),
+            },
+          ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <LectureNoteDescriptionModal @register="registerDescModal"/>
+  </div>
+</template>
+<script lang="ts">
+import {defineComponent} from "vue";
+import {LectureNoteItemModel} from "/@/api/student/model/practice-model";
+import {
+  getLectureNotePageById
+} from "/@/api/student/practice";
+import {BasicColumn, TableAction, useTable} from "/@/components/Table";
+import {BasicTable} from "/@/components/Table";
+import LectureNoteDescriptionModal from "./lecture-note-description.vue";
+import {useModal} from "/@/components/Modal";
+import {useRoute, useRouter} from "vue-router";
+
+export default defineComponent({
+  name: "LeaderPracticeLectureNote",
+  components: {BasicTable, TableAction, LectureNoteDescriptionModal},
+  setup() {
+    const columns: BasicColumn[] = [
+      {
+        title: "Id",
+        dataIndex: "noteId",
+        defaultHidden: true,
+      },
+      {
+        title: "听课时间",
+        dataIndex: "startDate",
+        width: 150,
+        sorter: true,
+      },
+      {
+        title: "听课内容",
+        dataIndex: "lectureContent",
+        width: 150,
+      },
+      {
+        title: "听课班级",
+        dataIndex: "className",
+        width: 150,
+      },
+      {
+        title: "任课教师",
+        dataIndex: "teacherName",
+        width: 150,
+      },
+      {
+        title: "课程类型",
+        dataIndex: "lectureType",
+        width: 150,
+      },
+    ];
+
+    const route = useRoute()
+    const router = useRouter()
+    const {userId,userName} = route.query
+
+    const [registerTable, {reload}] = useTable({
+      title: `${userName}的实习听课记录`,
+      api: getLectureNotePageById,
+      fetchSetting: {
+        pageField: "pageNum",
+        listField: "content",
+      },
+      beforeFetch(params) {
+        return {...params, userId}
+      },
+      columns,
+      rowKey: "noteId",
+      pagination: {pageSize: 10},
+      actionColumn: {
+        title: "操作",
+        dataIndex: "action",
+        width: 240,
+        fixed: "right",
+      },
+    });
+
+    function handleReloadCurrent() {
+      reload();
+    }
+
+    function handleReturn() {
+      router.back()
+    }
+
+    const [registerDescModal, {openModal: openDescModal}] = useModal();
+
+    function handleDesc(note: LectureNoteItemModel) {
+      openDescModal(true, {...note,userId});
+    }
+
+    return {
+      registerTable,
+      handleReloadCurrent,
+      handleReturn,
+      handleDesc,
+      registerDescModal,
+    };
+  },
+});
+</script>
diff --git a/src/views/student/practice/group-leader-mark/lesson-plan-description.vue b/src/views/student/practice/group-leader-mark/lesson-plan-description.vue
new file mode 100644
index 0000000000000000000000000000000000000000..48d0e0abe68a7c04e8c5bbaeb29d274150246afe
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/lesson-plan-description.vue
@@ -0,0 +1,93 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    title="详情"
+    @register="registerModal"
+    :minHeight="550"
+    width="1000px"
+    :showOkBtn="false"
+    cancelText="关闭"
+  >
+    <Description @register="registerDesc" :column="2" size="middle" />
+  </BasicModal>
+</template>
+<script lang="ts">
+  import { defineComponent, h, ref } from "vue";
+  import { DescItem, Description, useDescription } from "/@/components/Description";
+  import { BasicModal, useModalInner } from "/@/components/Modal";
+
+  export default defineComponent({
+    name: "LeaderLessonPlanDescriptionModal",
+    components: {
+      Description,
+      BasicModal,
+    },
+    props: { userData: { type: Object } },
+    setup() {
+      const schema: DescItem[] = [
+        {
+          field: "startDate",
+          label: "听课时间",
+          labelMinWidth: 100,
+          contentMinWidth: 200,
+        },
+        {
+          field: "subjectType",
+          label: "课程类型",
+          labelMinWidth: 100,
+        },
+        {
+          field: "subjectName",
+          label: "课题名称",
+          labelMinWidth: 100,
+          contentMinWidth: 200,
+          span: 2,
+        },
+        {
+          field: "teachingProcess",
+          label: "教学过程",
+          span: 2,
+          labelMinWidth: 100,
+        },
+        {
+          field: "designIdea",
+          label: "课程设计思路",
+          span: 2,
+          labelMinWidth: 100,
+        },
+        {
+          field: "personalSummary",
+          label: "个人反思与总结",
+          span: 2,
+        },
+        {
+          field: "groupEvaluation",
+          label: "小组评价",
+          span: 2,
+        },
+        {
+          field: "docLink",
+          label: "word文件",
+          render: (val) => {
+            if (val === "") {
+              return "无";
+            }
+            return h("a", { href: val, target: "_blank", text: "点击下载" });
+          },
+        },
+      ];
+      const userData = ref({});
+      const [registerModal] = useModalInner((data) => {
+        userData.value = data;
+      });
+      const [registerDesc] = useDescription({
+        schema,
+        data: userData,
+      });
+      return {
+        registerDesc,
+        registerModal,
+      };
+    },
+  });
+</script>
diff --git a/src/views/student/practice/group-leader-mark/lesson-plan-list.vue b/src/views/student/practice/group-leader-mark/lesson-plan-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0e68a40835df35c76201af8d3eb88f08323209dc
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/lesson-plan-list.vue
@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" @click="handleReturn">返回</a-button>
+        <a-button type="primary" @click="handleReloadCurrent"> 刷新</a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+            {
+              label: '详情',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleDesc.bind(null, record),
+            },
+          ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <LessonPlanDescriptionModal @register="registerDescModal"/>
+  </div>
+</template>
+<script lang="ts">
+import {defineComponent} from "vue";
+import {LessonPlanItemModel} from "/@/api/student/model/practice-model";
+import {
+  getLessonPlanPageById,
+} from "/@/api/student/practice";
+import {BasicColumn, TableAction, useTable} from "/@/components/Table";
+import {BasicTable} from "/@/components/Table";
+import LessonPlanDescriptionModal from "./lesson-plan-description.vue";
+import {useModal} from "/@/components/Modal";
+import {useRoute, useRouter} from "vue-router";
+
+export default defineComponent({
+  name: "LeaderPracticeLessonPlan",
+  components: {BasicTable, TableAction, LessonPlanDescriptionModal},
+  setup() {
+    const columns: BasicColumn[] = [
+      {
+        title: "Id",
+        dataIndex: "planId",
+        defaultHidden: true,
+      },
+      {
+        title: "教案撰写时间",
+        dataIndex: "startDate",
+        width: 150,
+        sorter: true,
+      },
+      {
+        title: "课题名称",
+        dataIndex: "subjectName",
+        width: 150,
+      },
+      {
+        title: "课程类型",
+        dataIndex: "subjectType",
+        width: 150,
+      },
+    ];
+
+    const route = useRoute()
+    const router = useRouter()
+    const {userId, userName} = route.query
+
+    const [registerTable, {reload}] = useTable({
+      title: `${userName}的教育实习教案`,
+      api: getLessonPlanPageById,
+      fetchSetting: {
+        pageField: "pageNum",
+        listField: "content",
+      },
+      beforeFetch(params) {
+        return {...params, userId}
+      },
+      columns,
+      rowKey: "planId",
+      pagination: {pageSize: 10},
+      actionColumn: {
+        title: "操作",
+        dataIndex: "action",
+        width: 240,
+        fixed: "right",
+      },
+    });
+
+    function handleReloadCurrent() {
+      reload();
+    }
+
+    function handleReturn() {
+      router.back()
+    }
+
+    const [registerDescModal, {openModal: openDescModal}] = useModal();
+
+    function handleDesc(plan: LessonPlanItemModel) {
+      openDescModal(true, plan);
+    }
+
+    return {
+      registerTable,
+      handleReloadCurrent,
+      handleReturn,
+      handleDesc,
+      registerDescModal,
+    };
+  },
+});
+</script>
diff --git a/src/views/student/practice/group-leader-mark/teaching-study-description.vue b/src/views/student/practice/group-leader-mark/teaching-study-description.vue
new file mode 100644
index 0000000000000000000000000000000000000000..feb454f0d2927e8e6c4ea4800976d9e95823132c
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/teaching-study-description.vue
@@ -0,0 +1,93 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    title="详情"
+    @register="registerModal"
+    :minHeight="550"
+    width="1000px"
+    :showOkBtn="false"
+    cancelText="关闭"
+  >
+    <Description @register="registerDesc" :column="2" size="middle" />
+  </BasicModal>
+</template>
+<script lang="ts">
+  import { defineComponent, h, ref } from "vue";
+  import { DescItem, Description, useDescription } from "/@/components/Description";
+  import { BasicModal, useModalInner } from "/@/components/Modal";
+
+  export default defineComponent({
+    name: "LeaderTeachingStudyDescriptionModal",
+    components: {
+      Description,
+      BasicModal,
+    },
+    props: { userData: { type: Object } },
+    setup() {
+      const schema: DescItem[] = [
+        {
+          field: "startDate",
+          label: "教研开始时间",
+          labelMinWidth: 100,
+          contentMinWidth: 200,
+        },
+        {
+          field: "type",
+          label: "教研方式",
+          labelMinWidth: 100,
+        },
+        {
+          field: "content",
+          label: "教研内容",
+          labelMinWidth: 100,
+          contentMinWidth: 200,
+          span: 2,
+        },
+        {
+          field: "teachingProcess",
+          label: "教研过程",
+          span: 2,
+          labelMinWidth: 100,
+        },
+        {
+          field: "designIdea",
+          label: "教研思路",
+          span: 2,
+          labelMinWidth: 100,
+        },
+        {
+          field: "personalSummary",
+          label: "个人反思与总结",
+          span: 2,
+        },
+        {
+          field: "groupEvaluation",
+          label: "小组评价",
+          span: 2,
+        },
+        {
+          field: "docLink",
+          label: "word文件",
+          render: (val) => {
+            if (val === "") {
+              return "无";
+            }
+            return h("a", { href: val, target: "_blank", text: "点击下载" });
+          },
+        },
+      ];
+      const userData = ref({});
+      const [registerModal] = useModalInner((data) => {
+        userData.value = data;
+      });
+      const [registerDesc] = useDescription({
+        schema,
+        data: userData,
+      });
+      return {
+        registerDesc,
+        registerModal,
+      };
+    },
+  });
+</script>
diff --git a/src/views/student/practice/group-leader-mark/teaching-study-list.vue b/src/views/student/practice/group-leader-mark/teaching-study-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..86f2d4e94494e014f5d6a8fd719f74c565e1eb69
--- /dev/null
+++ b/src/views/student/practice/group-leader-mark/teaching-study-list.vue
@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" @click="handleReturn">返回</a-button>
+        <a-button type="primary" @click="handleReloadCurrent"> 刷新</a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+            {
+              label: '详情',
+              icon: 'ant-design:info-circle-outlined',
+              onClick: handleDesc.bind(null, record),
+            },
+          ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TeachingStudyDescriptionModal @register="registerDescModal"/>
+  </div>
+</template>
+<script lang="ts">
+import {defineComponent} from "vue";
+import {TeachingStudyItemModel} from "/@/api/student/model/practice-model";
+import {
+  getTeachingStudyPageById,
+} from "/@/api/student/practice";
+import {BasicColumn, TableAction, useTable} from "/@/components/Table";
+import {BasicTable} from "/@/components/Table";
+import TeachingStudyDescriptionModal from "./teaching-study-description.vue";
+import {useModal} from "/@/components/Modal";
+import {useRoute, useRouter} from "vue-router";
+
+export default defineComponent({
+  name: "LeaderPracticeLessonPlan",
+  components: {BasicTable, TableAction, TeachingStudyDescriptionModal},
+  setup() {
+    const columns: BasicColumn[] = [
+      {
+        title: "Id",
+        dataIndex: "studyId",
+        defaultHidden: true,
+      },
+      {
+        title: "教研开始时间",
+        dataIndex: "startDate",
+        width: 150,
+        sorter: true,
+      },
+      {
+        title: "教研内容",
+        dataIndex: "content",
+        width: 150,
+      },
+      {
+        title: "教研方式",
+        dataIndex: "type",
+        width: 150,
+      },
+    ];
+
+    const route = useRoute()
+    const router = useRouter()
+    const {userId,userName} = route.query
+
+    const [registerTable, {reload}] = useTable({
+      title: `${userName}的教研活动心得`,
+      api: getTeachingStudyPageById,
+      fetchSetting: {
+        pageField: "pageNum",
+        listField: "content",
+      },
+      beforeFetch(params) {
+        return {...params, userId}
+      },
+      columns,
+      rowKey: "studyId",
+      pagination: {pageSize: 10},
+      actionColumn: {
+        title: "操作",
+        dataIndex: "action",
+        width: 240,
+        fixed: "right",
+      },
+    });
+
+    function handleReloadCurrent() {
+      reload();
+    }
+
+    function handleReturn() {
+      router.back()
+    }
+
+    const [registerDescModal, {openModal: openDescModal}] = useModal();
+
+    function handleDesc(study: TeachingStudyItemModel) {
+      openDescModal(true, study);
+    }
+
+    return {
+      registerTable,
+      handleReloadCurrent,
+      handleReturn,
+      handleDesc,
+      registerDescModal,
+    };
+  },
+});
+</script>