diff --git a/src/api/routine/gw.ts b/src/api/routine/gw.ts
new file mode 100644
index 0000000..b681484
--- /dev/null
+++ b/src/api/routine/gw.ts
@@ -0,0 +1,168 @@
+import { get, post } from "@/utils/request";
+
+// 公文相关API接口
+
+/**
+ * 获取公文列表
+ * @param params 查询参数
+ */
+export function getGwListApi(params: {
+  page: number;
+  pageSize: number;
+  status?: string;
+  keyword?: string;
+  gwType?: string;
+  urgencyLevel?: string;
+  startTime?: string;
+  endTime?: string;
+}) {
+  return get('/api/gw/list', params);
+}
+
+/**
+ * 获取公文详情
+ * @param id 公文ID
+ */
+export function getGwDetailApi(id: string) {
+  return get(`/api/gw/detail/${id}`);
+}
+
+/**
+ * 创建公文
+ * @param data 公文数据
+ */
+export function createGwApi(data: {
+  title: string;
+  gwType: string;
+  urgencyLevel: string;
+  remark?: string;
+  files: any[];
+  approvers: any[];
+  ccUsers: any[];
+}) {
+  return post('/api/gw/create', data);
+}
+
+/**
+ * 更新公文
+ * @param id 公文ID
+ * @param data 更新数据
+ */
+export function updateGwApi(id: string, data: any) {
+  return post(`/api/gw/update/${id}`, data);
+}
+
+/**
+ * 删除公文
+ * @param id 公文ID
+ */
+export function deleteGwApi(id: string) {
+  return post(`/api/gw/delete/${id}`, { id });
+}
+
+/**
+ * 保存草稿
+ * @param data 草稿数据
+ */
+export function saveDraftApi(data: any) {
+  return post('/api/gw/draft', data);
+}
+
+/**
+ * 提交公文
+ * @param data 提交数据
+ */
+export function submitGwApi(data: any) {
+  return post('/api/gw/submit', data);
+}
+
+/**
+ * 保存变更
+ * @param data 变更数据
+ */
+export function saveChangesApi(data: {
+  gwId: string;
+  approvers: any[];
+  ccUsers: any[];
+  operationLogs: any[];
+}) {
+  return post('/api/gw/changes', data);
+}
+
+/**
+ * 搜索用户
+ * @param keyword 搜索关键词
+ */
+export function searchUsersApi(keyword: string) {
+  return get('/api/user/search', { keyword });
+}
+
+/**
+ * 获取审批人列表
+ * @param gwId 公文ID
+ */
+export function getApproversApi(gwId: string) {
+  return get(`/api/gw/approvers/${gwId}`);
+}
+
+/**
+ * 获取抄送人列表
+ * @param gwId 公文ID
+ */
+export function getCCUsersApi(gwId: string) {
+  return get(`/api/gw/cc-users/${gwId}`);
+}
+
+/**
+ * 获取操作记录
+ * @param gwId 公文ID
+ */
+export function getOperationLogsApi(gwId: string) {
+  return get(`/api/gw/logs/${gwId}`);
+}
+
+/**
+ * 文件上传
+ * @param file 文件对象
+ */
+export function uploadFileApi(file: File) {
+  const formData = new FormData();
+  formData.append("file", file);
+  
+  return post('/api/file/upload', formData);
+}
+
+/**
+ * 文件删除
+ * @param fileId 文件ID
+ */
+export function deleteFileApi(fileId: string) {
+  return post(`/api/file/delete/${fileId}`, { fileId });
+}
+
+/**
+ * 获取公文统计信息
+ */
+export function getGwStatsApi() {
+  return get('/api/gw/stats');
+}
+
+/**
+ * 审批公文
+ * @param data 审批数据
+ */
+export function approveGwApi(data: {
+  gwId: string;
+  action: "approve" | "reject";
+  remark?: string;
+}) {
+  return post('/api/gw/approve', data);
+}
+
+/**
+ * 抄送确认
+ * @param gwId 公文ID
+ */
+export function confirmCCApi(gwId: string) {
+  return post(`/api/gw/cc-confirm/${gwId}`);
+}
diff --git a/src/pages.json b/src/pages.json
index 3babb77..027cc14 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -192,6 +192,27 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/routine/gwlz/gwAdd",
+      "style": {
+        "navigationBarTitleText": "公文列表",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/gwlz/index",
+      "style": {
+        "navigationBarTitleText": "公文接收",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/gwlz/gwFlow",
+      "style": {
+        "navigationBarTitleText": "公文流转",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/JiFenPingJia/JiFenPingJia",
       "style": {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index 9bc58f9..96bae89 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -180,9 +180,33 @@ const handleLogout = () => {
 const sections = reactive<Section[]>([
   {
     id: "routine",
-    title: "常规",
+    title: "教学常规",
     permissionKey: "routine", // 整个常规区域的权限编码
     items: [
+      {
+        id: "r2",
+        icon: "jfpj",
+        text: "积分评价",
+        show: true,
+        permissionKey: "routine-jfpj", // 积分评价权限编码
+        path: "/pages/view/routine/JiFenPingJia/JiFenPingJia",
+      },
+      {
+        id: "r3",
+        icon: "gzltj",
+        text: "工作量",
+        show: true,
+        permissionKey: "routine-gzl", // 工作量权限编码
+        path: "/pages/view/routine/GongZuoLiang/index",
+      },
+      {
+        id: "hs4",
+        icon: "cjfx",
+        text: "成绩分析",
+        show: true,
+        permissionKey: "home-cjfx", // 成绩分析权限编码
+        path: "/pages/view/homeSchool/ChengJiFenXi",
+      },
       {
         id: "r1",
         icon: "stack-fill",
@@ -191,30 +215,38 @@ const sections = reactive<Section[]>([
         permissionKey: "routine-jszr", // 教学资源权限编码
         path: "/pages/view/routine/JiaoXueZiYuan/index",
       },
-      {
-        id: "r2",
-        icon: "file-mark-fill",
-        text: "积分评价",
-        show: true,
-        permissionKey: "routine-jfpj", // 积分评价权限编码
-        path: "/pages/view/routine/JiFenPingJia/JiFenPingJia",
-      },
-      {
-        id: "r3",
-        icon: "file-list-3-fil",
-        text: "工作量",
-        show: true,
-        permissionKey: "routine-gzl", // 工作量权限编码
-        path: "/pages/view/routine/GongZuoLiang/index",
-      },
       {
         id: "r4",
-        icon: "file-paper-2-fill",
+        icon: "rzrj",
         text: "任教任职",
         show: true,
         permissionKey: "routine-rzrj", // 任教任职权限编码
         path: "/pages/view/routine/RengJiaoRengZhi/index",
       },
+      {
+        id: "r10",
+        icon: "qdfb",
+        text: "签到发布",
+        show: true,
+        permissionKey: "routine-qdfb", // 签到发布权限编码
+        path: "/pages/view/routine/qd/index",
+      },
+      {
+        id: "r7",
+        icon: "kctb",
+        text: "课程填报",
+        show: true,
+        permissionKey: "routine-kcjs", // 课程介绍权限编码
+        path: "/pages/base/groupTeaching/xkList",
+      },
+      {
+        id: "r6",
+        icon: "kfxc",
+        text: "课服巡查",
+        show: true,
+        permissionKey: "routine-kfxc", // 课服巡查权限编码
+        path: "/pages/view/routine/kefuxuncha/xcXkList",
+      },
       {
         id: "r5",
         icon: "hc-fill",
@@ -223,64 +255,18 @@ const sections = reactive<Section[]>([
         permissionKey: "routine-stxc", // 食堂巡查权限编码
         path: "/pages/view/routine/ShiTangXunCha/index",
       },
-      {
-        id: "r6",
-        icon: "pass-pending-fill",
-        text: "课服巡查",
-        show: true,
-        permissionKey: "routine-kfxc", // 课服巡查权限编码
-        path: "/pages/view/routine/kefuxuncha/xcXkList",
-      },
-      {
-        id: "r7",
-        icon: "file-text-fill-2",
-        text: "课程填报",
-        show: true,
-        permissionKey: "routine-kcjs", // 课程介绍权限编码
-        path: "/pages/base/groupTeaching/xkList",
-      },
-      {
-        id: "r8",
-        icon: "draftfill",
-        text: "选课点名",
-        show: true,
-        permissionKey: "routine-kcdm", // 选课点名权限编码
-        path: "/pages/base/groupTeaching/dmXkList",
-      },
-      {
-        id: "r9",
-        icon: "draftfill",
-        text: "发布接龙",
-        show: true,
-        permissionKey: "routine-bjjl", // 发布接龙权限编码
-        path: "/pages/view/notice/index",
-      },
-      {
-        id: "r10",
-        icon: "draftfill",
-        text: "签到发布",
-        show: true,
-        permissionKey: "routine-qdfb", // 签到发布权限编码
-        path: "/pages/view/routine/qd/index",
-      },
-      {
-        id: "r11",
-        icon: "draftfill",
-        text: "就餐点名",
-        show: true,
-        permissionKey: "routine-jcdm", // 就餐点名权限编码
-        path: "/pages/view/routine/jc/index",
-      },
+
+
     ],
   },
   {
     id: "home-school",
-    title: "家校",
+    title: "家校沟通",
     permissionKey: "home", // 整个家校区域的权限编码
     items: [
       {
         id: "hs1",
-        icon: "file-text-fill",
+        icon: "jskb",
         text: "教师课表",
         show: true,
         permissionKey: "home-jskb", // 教师课表权限编码
@@ -288,7 +274,7 @@ const sections = reactive<Section[]>([
       },
       {
         id: "hs2",
-        icon: "file-text-fill-2",
+        icon: "bjkb",
         text: "班级课表",
         show: true,
         permissionKey: "home-bjkb", // 班级课表权限编码
@@ -296,30 +282,47 @@ const sections = reactive<Section[]>([
       },
       {
         id: "hs3",
-        icon: "file-paper-2-fill",
+        icon: "txl",
         text: "家长通讯录",
         show: true,
         permissionKey: "home-jztxl", // 家长通讯录权限编码
         path: "/pages/view/homeSchool/parentAddressBook/index",
       },
+
       {
-        id: "hs4",
-        icon: "filechart2fil",
-        text: "成绩分析",
+        id: "r8",
+        icon: "xkdm",
+        text: "选课点名",
         show: true,
-        permissionKey: "home-cjfx", // 成绩分析权限编码
-        path: "/pages/view/homeSchool/ChengJiFenXi",
+        permissionKey: "routine-kcdm", // 选课点名权限编码
+        path: "/pages/base/groupTeaching/dmXkList",
+      },
+      {
+        id: "r11",
+        icon: "jcdm",
+        text: "就餐点名",
+        show: true,
+        permissionKey: "routine-jcdm", // 就餐点名权限编码
+        path: "/pages/view/routine/jc/index",
+      },
+      {
+        id: "r9",
+        icon: "jlfb",
+        text: "发布接龙",
+        show: true,
+        permissionKey: "routine-bjjl", // 发布接龙权限编码
+        path: "/pages/view/notice/index",
       },
     ],
   },
   {
     id: "hr",
-    title: "人事",
+    title: "行政办公",
     permissionKey: "personnel", // 整个人事区域的权限编码
     items: [
       {
         id: "hr1",
-        icon: "draftfill",
+        icon: "qjsq",
         text: "请假申请",
         show: true,
         permissionKey: "personnel-qjsq", // 请假申请权限编码
@@ -327,15 +330,23 @@ const sections = reactive<Section[]>([
       },
       {
         id: "hr2",
-        icon: "file-user-fill",
+        icon: "jsda",
         text: "教师档案",
         show: true,
         permissionKey: "personnel-jsda", // 教师档案权限编码
         path: "/pages/view/hr/teacherProfile/index",
       },
+      {
+        id: "r12",
+        icon: "gw",
+        text: "公文流转",
+        show: true,
+        permissionKey: "routine-gwlz", // 公文流转权限编码
+        path: "/pages/view/routine/gwlz/index",
+      },
       {
         id: "hr3",
-        icon: "newspaper-fill",
+        icon: "gz",
         text: "工资条",
         show: true,
         permissionKey: "personnel-gzt", // 工资条权限编码
diff --git a/src/pages/view/hr/jsQj/components/jsQjEdit.vue b/src/pages/view/hr/jsQj/components/jsQjEdit.vue
index 2cb276d..7496dce 100644
--- a/src/pages/view/hr/jsQj/components/jsQjEdit.vue
+++ b/src/pages/view/hr/jsQj/components/jsQjEdit.vue
@@ -36,11 +36,11 @@ const props = withDefaults(defineProps<{
 }>(), {
   data: () => ({
     id: "",
-    qjlx: "事假",
-    qjkstime: "2025-07-07 09:00:00",
-    qjjstime: "2025-07-08 10:00:00",
-    qjsc: "25小时",
-    qjsy: "我有事情",
+    qjlx: "",
+    qjkstime: "",
+    qjjstime: "",
+    qjsc: "",
+    qjsy: "",
     dkfs: 0,
   })
 });
diff --git a/src/pages/view/routine/gwlz/gwAdd.vue b/src/pages/view/routine/gwlz/gwAdd.vue
new file mode 100644
index 0000000..25d215c
--- /dev/null
+++ b/src/pages/view/routine/gwlz/gwAdd.vue
@@ -0,0 +1,389 @@
+<template>
+  <BasicLayout>
+    <view class="px-15 pb-15">
+      <BasicForm @register="register"> </BasicForm>
+    </view>
+    <template #bottom>
+      <view class="flex-row items-center pb-10 pt-5">
+        <u-button text="暂存" class="mx-15" @click="saveDraft" />
+        <u-button text="提交" class="mx-15" type="primary" @click="submit" />
+      </view>
+    </template>
+  </BasicLayout>
+</template>
+
+<script setup lang="ts">
+import { navigateTo } from "@/utils/uniapp";
+import { useForm } from "@/components/BasicForm/hooks/useForm";
+import { findDicTreeByPidApi } from "@/api/system/dic";
+import { useDicStore } from "@/store/modules/dic";
+import { useUserStore } from "@/store/modules/user";
+import { ref, reactive } from "vue";
+
+const { findByPid } = useDicStore();
+const { getJs } = useUserStore();
+
+// 审批人和抄送人列表
+const approvers = ref([]);
+const ccUsers = ref([]);
+
+// 文件列表
+const fileList = ref([]);
+
+// 文件上传处理
+const handleFileUpload = (file) => {
+  fileList.value.push({
+    name: file.name,
+    size: file.size,
+    url: file.url,
+    type: file.type,
+  });
+};
+
+// 文件删除处理
+const handleFileDelete = (index) => {
+  fileList.value.splice(index, 1);
+};
+
+// 搜索审批人
+const searchApprovers = async (keyword) => {
+  try {
+    // 这里调用搜索API
+    const result = await searchUsers(keyword);
+    return result;
+  } catch (error) {
+    console.error("搜索审批人失败:", error);
+    return [];
+  }
+};
+
+// 添加审批人
+const addApprover = (user) => {
+  const order = approvers.value.length + 1;
+  approvers.value.push({
+    ...user,
+    order,
+    status: "pending",
+  });
+};
+
+// 移除审批人
+const removeApprover = (user) => {
+  const index = approvers.value.findIndex(item => item.id === user.id);
+  if (index > -1) {
+    approvers.value.splice(index, 1);
+    // 重新排序
+    approvers.value.forEach((item, idx) => {
+      item.order = idx + 1;
+    });
+  }
+};
+
+// 搜索抄送人
+const searchCCUsers = async (keyword) => {
+  try {
+    // 这里调用搜索API
+    const result = await searchUsers(keyword);
+    return result;
+  } catch (error) {
+    console.error("搜索抄送人失败:", error);
+    return [];
+  }
+};
+
+// 添加抄送人
+const addCCUser = (user) => {
+  ccUsers.value.push({
+    ...user,
+    status: "unread",
+  });
+};
+
+// 移除抄送人
+const removeCCUser = (user) => {
+  const index = ccUsers.value.findIndex(item => item.id === user.id);
+  if (index > -1) {
+    ccUsers.value.splice(index, 1);
+  }
+};
+
+// 搜索用户通用方法
+const searchUsers = async (keyword) => {
+  // 这里应该调用实际的用户搜索API
+  // 暂时返回模拟数据
+  return [
+    { id: "1", userName: "张三", deptName: "教务处" },
+    { id: "2", userName: "李四", deptName: "学生处" },
+  ];
+};
+
+// 表单配置
+const [register, { getValue, setValue, setSchema }] = useForm({
+  schema: [
+    {
+      title: "公文信息",
+    },
+    {
+      field: "title",
+      label: "公文标题",
+      component: "BasicInput",
+      componentProps: {
+        placeholder: "请输入公文标题",
+      },
+      required: true,
+    },
+    {
+      field: "gwType",
+      label: "公文类型",
+      component: "BasicPicker",
+      componentProps: {
+        api: findByPid,
+        param: { pid: "GW_TYPE" }, // 公文类型字典
+        rangeKey: "dictionaryValue",
+        savaKey: "dictionaryCode",
+        placeholder: "请选择公文类型",
+      },
+      required: true,
+    },
+    {
+      field: "urgencyLevel",
+      label: "紧急程度",
+      component: "BasicPicker",
+      componentProps: {
+        api: findByPid,
+        param: { pid: "URGENCY_LEVEL" }, // 紧急程度字典
+        rangeKey: "dictionaryValue",
+        savaKey: "dictionaryCode",
+        placeholder: "请选择紧急程度",
+      },
+      required: true,
+    },
+    {
+      field: "remark",
+      label: "备注",
+      component: "BasicTextarea",
+      componentProps: {
+        placeholder: "请输入备注信息（可选）",
+        rows: 3,
+      },
+    },
+    {
+      title: "文件上传",
+    },
+    {
+      field: "files",
+      label: "附件",
+      component: "BasicUpload",
+      componentProps: {
+        fileList: fileList,
+        multiple: true,
+        accept: "*/*",
+        maxCount: 10,
+        onUpload: handleFileUpload,
+        onDelete: handleFileDelete,
+      },
+    },
+    {
+      title: "审批人设置",
+    },
+    {
+      field: "approverSearch",
+      label: "搜索审批人",
+      component: "BasicSearch",
+      componentProps: {
+        placeholder: "输入姓名或部门搜索",
+        onSearch: searchApprovers,
+        onSelect: addApprover,
+      },
+    },
+    {
+      field: "approvers",
+      label: "已选审批人",
+      component: "BasicList",
+      componentProps: {
+        data: approvers,
+        renderItem: (item) => ({
+          title: item.userName,
+          subtitle: `${item.deptName} - 顺序${item.order}`,
+          rightIcon: "close",
+          onRightIconClick: () => removeApprover(item),
+        }),
+      },
+    },
+    {
+      title: "抄送人设置",
+    },
+    {
+      field: "ccSearch",
+      label: "搜索抄送人",
+      component: "BasicSearch",
+      componentProps: {
+        placeholder: "输入姓名或部门搜索",
+        onSearch: searchCCUsers,
+        onSelect: addCCUser,
+      },
+    },
+    {
+      field: "ccUsers",
+      label: "已选抄送人",
+      component: "BasicList",
+      componentProps: {
+        data: ccUsers,
+        renderItem: (item) => ({
+          title: item.userName,
+          subtitle: item.deptName,
+          rightIcon: "close",
+          onRightIconClick: () => removeCCUser(item),
+        }),
+      },
+    },
+  ],
+});
+
+// 暂存草稿
+const saveDraft = async () => {
+  try {
+    const value = await getValue();
+    if (!validateForm(value)) return;
+    
+    const draftData = {
+      ...value,
+      files: fileList.value,
+      approvers: approvers.value,
+      ccUsers: ccUsers.value,
+      status: "draft",
+      createdBy: getJs.id,
+      createdTime: new Date(),
+    };
+    
+    // 调用保存草稿API
+    await saveDraftApi(draftData);
+    
+    uni.showToast({
+      title: "草稿保存成功",
+      icon: "success",
+    });
+    
+    navigateTo("/pages/view/routine/gwList");
+  } catch (error) {
+    console.error("保存草稿失败:", error);
+    uni.showToast({
+      title: "保存失败",
+      icon: "error",
+    });
+  }
+};
+
+// 提交公文
+const submit = async () => {
+  try {
+    const value = await getValue();
+    if (!validateForm(value)) return;
+    
+    if (approvers.value.length === 0) {
+      uni.showToast({
+        title: "请至少选择一名审批人",
+        icon: "error",
+      });
+      return;
+    }
+    
+    const submitData = {
+      ...value,
+      files: fileList.value,
+      approvers: approvers.value,
+      ccUsers: ccUsers.value,
+      status: "pending",
+      createdBy: getJs.id,
+      createdTime: new Date(),
+    };
+    
+    // 调用提交API
+    await submitGwApi(submitData);
+    
+    uni.showToast({
+      title: "公文提交成功",
+      icon: "success",
+    });
+    
+    navigateTo("/pages/view/routine/gwList");
+  } catch (error) {
+    console.error("提交公文失败:", error);
+    uni.showToast({
+      title: "提交失败",
+      icon: "error",
+    });
+  }
+};
+
+// 表单验证
+const validateForm = (value) => {
+  if (!value.title || value.title.trim() === "") {
+    uni.showToast({
+      title: "请输入公文标题",
+      icon: "error",
+    });
+    return false;
+  }
+  
+  if (!value.gwType) {
+    uni.showToast({
+      title: "请选择公文类型",
+      icon: "error",
+    });
+    return false;
+  }
+  
+  if (!value.urgencyLevel) {
+    uni.showToast({
+      title: "请选择紧急程度",
+      icon: "error",
+    });
+    return false;
+  }
+  
+  return true;
+};
+
+// 模拟API调用
+const saveDraftApi = async (data) => {
+  // 这里应该调用实际的保存草稿API
+  console.log("保存草稿:", data);
+  return Promise.resolve();
+};
+
+const submitGwApi = async (data) => {
+  // 这里应该调用实际的提交公文API
+  console.log("提交公文:", data);
+  return Promise.resolve();
+};
+</script>
+
+<style lang="scss" scoped>
+.approver-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.cc-user-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.file-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+</style>
+
diff --git a/src/pages/view/routine/gwlz/gwFlow.vue b/src/pages/view/routine/gwlz/gwFlow.vue
new file mode 100644
index 0000000..6d3db3e
--- /dev/null
+++ b/src/pages/view/routine/gwlz/gwFlow.vue
@@ -0,0 +1,857 @@
+<template>
+  <BasicLayout>
+    <view class="px-15 pb-15">
+      <!-- 公文基本信息 -->
+      <view class="gw-info-section">
+        <view class="section-title">公文信息</view>
+        <view class="info-item">
+          <text class="label">标题：</text>
+          <text class="value">{{ gwInfo.title }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">编号：</text>
+          <text class="value">{{ gwInfo.gwNo }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">类型：</text>
+          <text class="value">{{ gwInfo.gwType }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">状态：</text>
+          <text class="value status-tag" :class="getStatusClass(gwInfo.status)">
+            {{ getStatusText(gwInfo.status) }}
+          </text>
+        </view>
+        <view class="info-item">
+          <text class="label">创建人：</text>
+          <text class="value">{{ gwInfo.createdBy }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">创建时间：</text>
+          <text class="value">{{ formatTime(gwInfo.createdTime) }}</text>
+        </view>
+      </view>
+
+      <!-- 文件信息 -->
+      <view class="file-section">
+        <view class="section-title">附件</view>
+        <view class="file-list">
+          <view 
+            v-for="(file, index) in gwInfo.files" 
+            :key="index" 
+            class="file-item"
+            @click="previewFile(file)"
+          >
+            <view class="file-icon">📎</view>
+            <view class="file-info">
+              <text class="file-name">{{ file.name }}</text>
+              <text class="file-size">{{ formatFileSize(file.size) }}</text>
+            </view>
+            <view class="file-actions">
+              <u-button 
+                text="预览" 
+                size="mini" 
+                type="primary" 
+                @click.stop="previewFile(file)"
+              />
+              <u-button 
+                text="下载" 
+                size="mini" 
+                @click.stop="downloadFile(file)"
+              />
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 当前处理人 -->
+      <view class="approver-section">
+        <view class="section-title">当前审批人</view>
+        <view class="approver-list">
+          <view 
+            v-for="approver in approvers" 
+            :key="approver.id" 
+            class="approver-item"
+            :class="{ 'removed': approver.isRemoved }"
+          >
+            <view class="approver-info">
+              <text class="order">{{ approver.order }}</text>
+              <text class="name">{{ approver.userName }}</text>
+              <text class="dept">{{ approver.deptName }}</text>
+              <text class="status" :class="getApproverStatusClass(approver.status)">
+                {{ getApproverStatusText(approver.status) }}
+              </text>
+            </view>
+            <view class="approver-actions" v-if="!approver.isRemoved">
+              <u-button 
+                text="移除" 
+                size="mini" 
+                type="error" 
+                @click="removeApprover(approver)"
+              />
+            </view>
+          </view>
+        </view>
+        
+        <!-- 添加审批人 -->
+        <view class="add-approver">
+          <u-button 
+            text="添加审批人" 
+            type="primary" 
+            @click="showAddApproverModal = true"
+          />
+        </view>
+      </view>
+
+      <!-- 抄送人 -->
+      <view class="cc-section">
+        <view class="section-title">抄送人</view>
+        <view class="cc-list">
+          <view 
+            v-for="ccUser in ccUsers" 
+            :key="ccUser.id" 
+            class="cc-item"
+            :class="{ 'removed': ccUser.isRemoved }"
+          >
+            <view class="cc-info">
+              <text class="name">{{ ccUser.userName }}</text>
+              <text class="dept">{{ ccUser.deptName }}</text>
+              <text class="status" :class="getCCStatusClass(ccUser.status)">
+                {{ getCCStatusText(ccUser.status) }}
+              </text>
+            </view>
+            <view class="cc-actions" v-if="!ccUser.isRemoved">
+              <u-button 
+                text="移除" 
+                size="mini" 
+                type="error" 
+                @click="removeCCUser(ccUser)"
+              />
+            </view>
+          </view>
+        </view>
+        
+        <!-- 添加抄送人 -->
+        <view class="add-cc">
+          <u-button 
+            text="添加抄送人" 
+            type="primary" 
+            @click="showAddCCModal = true"
+          />
+        </view>
+      </view>
+
+      <!-- 操作记录 -->
+      <view class="log-section">
+        <view class="section-title">操作记录</view>
+        <view class="log-list">
+          <view 
+            v-for="log in operationLogs" 
+            :key="log.id" 
+            class="log-item"
+          >
+            <view class="log-header">
+              <text class="operator">{{ log.operatorName }}</text>
+              <text class="time">{{ formatTime(log.operationTime) }}</text>
+            </view>
+            <view class="log-content">
+              <text class="type">{{ log.operationType }}</text>
+              <text class="content">{{ log.operationContent }}</text>
+            </view>
+            <view class="log-detail" v-if="log.beforeChange || log.afterChange">
+              <u-button 
+                text="详情" 
+                size="mini" 
+                @click="showLogDetail(log)"
+              />
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 保存变更按钮 -->
+      <view class="save-section">
+        <u-button 
+          text="保存变更" 
+          type="primary" 
+          size="large" 
+          @click="saveChanges"
+        />
+      </view>
+    </view>
+
+    <!-- 添加审批人弹窗 -->
+    <u-popup v-model="showAddApproverModal" mode="bottom">
+      <view class="modal-content">
+        <view class="modal-header">
+          <text class="modal-title">添加审批人</text>
+          <u-button text="关闭" @click="showAddApproverModal = false" />
+        </view>
+        <view class="search-section">
+          <BasicSearch 
+            placeholder="输入姓名或部门搜索"
+            @search="searchApprovers"
+            @select="addApprover"
+          />
+        </view>
+        <view class="position-section">
+          <text class="position-label">插入位置：</text>
+          <u-picker 
+            :columns="[positionOptions]" 
+            @confirm="onPositionConfirm"
+          />
+        </view>
+      </view>
+    </u-popup>
+
+    <!-- 添加抄送人弹窗 -->
+    <u-popup v-model="showAddCCModal" mode="bottom">
+      <view class="modal-content">
+        <view class="modal-header">
+          <text class="modal-title">添加抄送人</text>
+          <u-button text="关闭" @click="showAddCCModal = false" />
+        </view>
+        <view class="search-section">
+          <BasicSearch 
+            placeholder="输入姓名或部门搜索"
+            @search="searchCCUsers"
+            @select="addCCUser"
+          />
+        </view>
+      </view>
+    </u-popup>
+
+    <!-- 操作记录详情弹窗 -->
+    <u-popup v-model="showLogDetailModal" mode="center">
+      <view class="detail-modal">
+        <view class="detail-header">
+          <text class="detail-title">操作详情</text>
+          <u-button text="关闭" @click="showLogDetailModal = false" />
+        </view>
+        <view class="detail-content">
+          <view class="detail-item" v-if="currentLog.beforeChange">
+            <text class="detail-label">变更前：</text>
+            <text class="detail-value">{{ currentLog.beforeChange }}</text>
+          </view>
+          <view class="detail-item" v-if="currentLog.afterChange">
+            <text class="detail-label">变更后：</text>
+            <text class="detail-value">{{ currentLog.afterChange }}</text>
+          </view>
+          <view class="detail-item" v-if="currentLog.remark">
+            <text class="detail-label">备注：</text>
+            <text class="detail-value">{{ currentLog.remark }}</text>
+          </view>
+        </view>
+      </view>
+    </u-popup>
+  </BasicLayout>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import BasicLayout from "@/components/BasicLayout/Layout.vue";
+import BasicSearch from "@/components/BasicSearch/Search.vue";
+import { getGwDetailApi, searchUsersApi, saveChangesApi } from "@/api/routine/gw";
+import dayjs from "dayjs";
+
+// 获取页面参数
+const gwId = ref("");
+
+// 弹窗控制
+const showAddApproverModal = ref(false);
+const showAddCCModal = ref(false);
+const showLogDetailModal = ref(false);
+
+// 数据
+const gwInfo = ref<any>({});
+const approvers = ref<any[]>([]);
+const ccUsers = ref<any[]>([]);
+const operationLogs = ref<any[]>([]);
+const currentLog = ref<any>({});
+const selectedPosition = ref("");
+
+// 位置选项
+const positionOptions = [
+  "在首位",
+  "在第二位之后",
+  "在第三位之后",
+  "在最后"
+];
+
+// 获取公文信息
+const getGwInfo = async () => {
+  try {
+    // 调用获取公文详情API
+    const result = await getGwDetailApi(gwId);
+    gwInfo.value = result;
+    approvers.value = result.approvers || [];
+    ccUsers.value = result.ccUsers || [];
+    operationLogs.value = result.operationLogs || [];
+  } catch (error) {
+    console.error("获取公文信息失败:", error);
+    // 如果API调用失败，使用模拟数据
+    console.log("使用模拟数据");
+    gwInfo.value = mockGwDetail;
+    approvers.value = mockGwDetail.approvers || [];
+    ccUsers.value = mockGwDetail.ccUsers || [];
+    operationLogs.value = mockGwDetail.operationLogs || [];
+  }
+};
+
+// 搜索审批人
+const searchApprovers = async (keyword: string) => {
+  try {
+    const result = await searchUsersApi(keyword);
+    return result;
+  } catch (error) {
+    console.error("搜索审批人失败:", error);
+    return [];
+  }
+};
+
+// 添加审批人
+const addApprover = (user: any) => {
+  const newApprover = {
+    ...user,
+    order: getNextOrder(),
+    status: "pending",
+    isRemoved: false,
+  };
+  
+  approvers.value.push(newApprover);
+  
+  // 记录操作日志
+  addOperationLog({
+    operationType: "新增审批人",
+    operationContent: `新增：${user.userName}（顺序${newApprover.order}）`,
+    beforeChange: "",
+    afterChange: JSON.stringify(newApprover),
+  });
+  
+  showAddApproverModal.value = false;
+};
+
+// 移除审批人
+const removeApprover = (approver: any) => {
+  approver.isRemoved = true;
+  
+  // 记录操作日志
+  addOperationLog({
+    operationType: "移除审批人",
+    operationContent: `移除：${approver.userName}（顺序${approver.order}）`,
+    beforeChange: JSON.stringify(approver),
+    afterChange: "",
+  });
+  
+  // 重新排序
+  reorderApprovers();
+};
+
+// 搜索抄送人
+const searchCCUsers = async (keyword: string) => {
+  try {
+    const result = await searchUsersApi(keyword);
+    return result;
+  } catch (error) {
+    console.error("搜索抄送人失败:", error);
+    return [];
+  }
+};
+
+// 添加抄送人
+const addCCUser = (user: any) => {
+  const newCCUser = {
+    ...user,
+    status: "unread",
+    isRemoved: false,
+  };
+  
+  ccUsers.value.push(newCCUser);
+  
+  // 记录操作日志
+  addOperationLog({
+    operationType: "新增抄送人",
+    operationContent: `新增：${user.userName}`,
+    beforeChange: "",
+    afterChange: JSON.stringify(newCCUser),
+  });
+  
+  showAddCCModal.value = false;
+};
+
+// 移除抄送人
+const removeCCUser = (ccUser: any) => {
+  ccUser.isRemoved = true;
+  
+  // 记录操作日志
+  addOperationLog({
+    operationType: "移除抄送人",
+    operationContent: `移除：${ccUser.userName}`,
+    beforeChange: JSON.stringify(ccUser),
+    afterChange: "",
+  });
+};
+
+// 位置确认
+const onPositionConfirm = (e) => {
+  selectedPosition.value = e.value[0];
+};
+
+// 获取下一个顺序号
+const getNextOrder = () => {
+  const activeApprovers = approvers.value.filter(a => !a.isRemoved);
+  return activeApprovers.length + 1;
+};
+
+// 重新排序审批人
+const reorderApprovers = () => {
+  const activeApprovers = approvers.value.filter(a => !a.isRemoved);
+  activeApprovers.forEach((approver, index) => {
+    approver.order = index + 1;
+  });
+};
+
+// 添加操作日志
+const addOperationLog = (log) => {
+  const newLog = {
+    id: Date.now(),
+    operatorId: "current_user_id", // 当前用户ID
+    operatorName: "当前用户", // 当前用户名
+    operationType: log.operationType,
+    operationContent: log.operationContent,
+    beforeChange: log.beforeChange,
+    afterChange: log.afterChange,
+    operationTime: new Date(),
+    remark: log.remark || "",
+  };
+  
+  operationLogs.value.unshift(newLog);
+};
+
+// 显示操作日志详情
+const showLogDetail = (log) => {
+  currentLog.value = log;
+  showLogDetailModal.value = true;
+};
+
+// 保存变更
+const saveChanges = async () => {
+  try {
+    // 验证至少保留一名有效审批人
+    const activeApprovers = approvers.value.filter(a => !a.isRemoved);
+    if (activeApprovers.length === 0) {
+      uni.showToast({
+        title: "至少保留一名有效审批人",
+        icon: "error",
+      });
+      return;
+    }
+    
+    const changeData = {
+      gwId: gwId,
+      approvers: approvers.value,
+      ccUsers: ccUsers.value,
+      operationLogs: operationLogs.value,
+    };
+    
+    // 调用保存变更API
+    await saveChangesApi(changeData);
+    
+    uni.showToast({
+      title: "变更保存成功",
+      icon: "success",
+    });
+    
+    // 刷新数据
+    await getGwInfo();
+    
+  } catch (error) {
+    console.error("保存变更失败:", error);
+    uni.showToast({
+      title: "保存失败",
+      icon: "error",
+    });
+  }
+};
+
+// 文件预览
+const previewFile = (file) => {
+  // 实现文件预览逻辑
+  console.log("预览文件:", file);
+};
+
+// 文件下载
+const downloadFile = (file) => {
+  // 实现文件下载逻辑
+  console.log("下载文件:", file);
+};
+
+// 格式化时间
+const formatTime = (time) => {
+  return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+};
+
+// 格式化文件大小
+const formatFileSize = (size) => {
+  if (size < 1024) return size + "B";
+  if (size < 1024 * 1024) return (size / 1024).toFixed(2) + "KB";
+  return (size / (1024 * 1024)).toFixed(2) + "MB";
+};
+
+// 获取状态样式类
+const getStatusClass = (status) => {
+  const statusMap = {
+    draft: "status-draft",
+    pending: "status-pending",
+    approved: "status-approved",
+    rejected: "status-rejected",
+  };
+  return statusMap[status] || "status-default";
+};
+
+// 获取状态文本
+const getStatusText = (status) => {
+  const statusMap = {
+    draft: "草稿",
+    pending: "待审批",
+    approved: "已通过",
+    rejected: "已驳回",
+  };
+  return statusMap[status] || "未知";
+};
+
+// 获取审批人状态样式类
+const getApproverStatusClass = (status) => {
+  const statusMap = {
+    pending: "status-pending",
+    approved: "status-approved",
+    rejected: "status-rejected",
+    skipped: "status-skipped",
+  };
+  return statusMap[status] || "status-default";
+};
+
+// 获取审批人状态文本
+const getApproverStatusText = (status) => {
+  const statusMap = {
+    pending: "待审批",
+    approved: "已同意",
+    rejected: "已驳回",
+    skipped: "已跳过",
+  };
+  return statusMap[status] || "未知";
+};
+
+// 获取抄送人状态样式类
+const getCCStatusClass = (status) => {
+  const statusMap = {
+    unread: "status-unread",
+    read: "status-read",
+  };
+  return statusMap[status] || "status-default";
+};
+
+// 获取抄送人状态文本
+const getCCStatusText = (status) => {
+  const statusMap = {
+    unread: "未读",
+    read: "已读",
+  };
+  return statusMap[status] || "未知";
+};
+
+// 模拟数据用于开发测试（当API未实现时使用）
+const mockGwDetail = {
+  id: "1",
+  title: "关于2024年教学工作计划的通知",
+  gwNo: "GW2024001",
+  gwType: "通知",
+  status: "pending",
+  createdBy: "张三",
+  createdTime: new Date(),
+  files: [
+    { name: "教学工作计划.pdf", size: 1024000, url: "file1.pdf" },
+    { name: "附件清单.xlsx", size: 512000, url: "file2.xlsx" },
+  ],
+  approvers: [
+    { id: "1", userName: "李四", deptName: "教务处", order: 1, status: "approved" },
+    { id: "2", userName: "王五", deptName: "学生处", order: 2, status: "pending" },
+  ],
+  ccUsers: [
+    { id: "3", userName: "赵六", deptName: "人事处", status: "read" },
+  ],
+  operationLogs: [
+    {
+      id: "1",
+      operatorName: "张三",
+      operationType: "创建公文",
+      operationContent: "创建公文：关于2024年教学工作计划的通知",
+      operationTime: new Date(),
+    },
+  ],
+};
+
+onMounted(() => {
+  // 获取页面参数
+  const pages = getCurrentPages();
+  const currentPage = pages[pages.length - 1];
+  const options = currentPage.options || currentPage.$page?.options || {};
+  gwId.value = options.id || "";
+  
+  if (gwId.value) {
+    getGwInfo();
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.gw-info-section,
+.file-section,
+.approver-section,
+.cc-section,
+.log-section {
+  margin-bottom: 20px;
+  padding: 15px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 15px;
+  color: #333;
+  border-bottom: 2px solid #007aff;
+  padding-bottom: 5px;
+}
+
+.info-item {
+  display: flex;
+  margin-bottom: 10px;
+  
+  .label {
+    width: 80px;
+    color: #666;
+    font-weight: 500;
+  }
+  
+  .value {
+    flex: 1;
+    color: #333;
+  }
+}
+
+.status-tag {
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  
+  &.status-draft { background: #f0f0f0; color: #666; }
+  &.status-pending { background: #fff7e6; color: #fa8c16; }
+  &.status-approved { background: #f6ffed; color: #52c41a; }
+  &.status-rejected { background: #fff2f0; color: #ff4d4f; }
+}
+
+.file-item {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 10px;
+  
+  .file-icon {
+    margin-right: 10px;
+    font-size: 20px;
+  }
+  
+  .file-info {
+    flex: 1;
+    
+    .file-name {
+      display: block;
+      font-weight: 500;
+      margin-bottom: 2px;
+    }
+    
+    .file-size {
+      font-size: 12px;
+      color: #666;
+    }
+  }
+  
+  .file-actions {
+    display: flex;
+    gap: 5px;
+  }
+}
+
+.approver-item,
+.cc-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 10px;
+  
+  &.removed {
+    opacity: 0.5;
+    background: #f5f5f5;
+  }
+  
+  .approver-info,
+  .cc-info {
+    flex: 1;
+    
+    .order {
+      background: #007aff;
+      color: white;
+      padding: 2px 6px;
+      border-radius: 10px;
+      font-size: 12px;
+      margin-right: 8px;
+    }
+    
+    .name {
+      font-weight: 500;
+      margin-right: 8px;
+    }
+    
+    .dept {
+      color: #666;
+      font-size: 12px;
+      margin-right: 8px;
+    }
+    
+    .status {
+      padding: 2px 6px;
+      border-radius: 4px;
+      font-size: 12px;
+      
+      &.status-pending { background: #fff7e6; color: #fa8c16; }
+      &.status-approved { background: #f6ffed; color: #52c41a; }
+      &.status-rejected { background: #fff2f0; color: #ff4d4f; }
+      &.status-skipped { background: #f0f0f0; color: #666; }
+      &.status-unread { background: #fff7e6; color: #fa8c16; }
+      &.status-read { background: #f6ffed; color: #52c41a; }
+    }
+  }
+}
+
+.add-approver,
+.add-cc {
+  margin-top: 15px;
+  text-align: center;
+}
+
+.log-item {
+  padding: 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 10px;
+  
+  .log-header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    
+    .operator {
+      font-weight: 500;
+      color: #007aff;
+    }
+    
+    .time {
+      font-size: 12px;
+      color: #666;
+    }
+  }
+  
+  .log-content {
+    margin-bottom: 8px;
+    
+    .type {
+      background: #f0f0f0;
+      padding: 2px 6px;
+      border-radius: 4px;
+      font-size: 12px;
+      margin-right: 8px;
+    }
+    
+    .content {
+      color: #333;
+    }
+  }
+}
+
+.save-section {
+  margin-top: 30px;
+  text-align: center;
+}
+
+.modal-content {
+  padding: 20px;
+  
+  .modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    .modal-title {
+      font-size: 16px;
+      font-weight: bold;
+    }
+  }
+  
+  .search-section {
+    margin-bottom: 20px;
+  }
+  
+  .position-section {
+    display: flex;
+    align-items: center;
+    
+    .position-label {
+      margin-right: 10px;
+    }
+  }
+}
+
+.detail-modal {
+  width: 80vw;
+  max-width: 400px;
+  padding: 20px;
+  
+  .detail-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    .detail-title {
+      font-size: 16px;
+      font-weight: bold;
+    }
+  }
+  
+  .detail-content {
+    .detail-item {
+      margin-bottom: 15px;
+      
+      .detail-label {
+        font-weight: 500;
+        color: #666;
+        margin-right: 10px;
+      }
+      
+      .detail-value {
+        color: #333;
+        word-break: break-all;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/view/routine/gwlz/index.vue b/src/pages/view/routine/gwlz/index.vue
new file mode 100644
index 0000000..e7bf84c
--- /dev/null
+++ b/src/pages/view/routine/gwlz/index.vue
@@ -0,0 +1,575 @@
+<template>
+  <BasicLayout>
+    <view class="px-15 pb-15">
+      <!-- 搜索和筛选 -->
+      <view class="search-section">
+        <BasicSearch 
+          placeholder="搜索公文标题或编号"
+          @search="handleSearch"
+        />
+      </view>
+      
+      <!-- 筛选标签 -->
+      <view class="filter-section">
+        <view class="filter-tabs">
+          <view 
+            v-for="tab in filterTabs" 
+            :key="tab.key"
+            class="filter-tab"
+            :class="{ active: activeTab === tab.key }"
+            @click="switchTab(tab.key)"
+          >
+            {{ tab.label }}
+          </view>
+        </view>
+      </view>
+
+      <!-- 公文列表 -->
+      <view class="gw-list">
+        <view 
+          v-for="item in filteredGwList" 
+          :key="item.id"
+          class="gw-item"
+          @click="goToDetail(item)"
+        >
+          <view class="gw-header">
+            <view class="gw-title">{{ item.title }}</view>
+            <view class="gw-status" :class="getStatusClass(item.status)">
+              {{ getStatusText(item.status) }}
+            </view>
+          </view>
+          
+          <view class="gw-info">
+            <view class="info-row">
+              <text class="label">编号：</text>
+              <text class="value">{{ item.gwNo }}</text>
+            </view>
+            <view class="info-row">
+              <text class="label">类型：</text>
+              <text class="value">{{ item.gwType }}</text>
+            </view>
+            <view class="info-row">
+              <text class="label">紧急程度：</text>
+              <text class="value urgency-tag" :class="getUrgencyClass(item.urgencyLevel)">
+                {{ getUrgencyText(item.urgencyLevel) }}
+              </text>
+            </view>
+          </view>
+          
+          <view class="gw-footer">
+            <view class="approver-info">
+              <text class="label">审批进度：</text>
+              <text class="value">{{ getApproverProgress(item) }}</text>
+            </view>
+            <view class="time-info">
+              <text class="label">创建时间：</text>
+              <text class="value">{{ formatTime(item.createdTime) }}</text>
+            </view>
+          </view>
+          
+          <view class="gw-actions">
+            <u-button 
+              text="查看详情" 
+              size="mini" 
+              type="primary" 
+              @click.stop="goToDetail(item)"
+            />
+            <u-button 
+              v-if="item.status === GwStatus.DRAFT"
+              text="编辑" 
+              size="mini" 
+              @click.stop="editGw(item)"
+            />
+            <u-button 
+              v-if="item.status === GwStatus.DRAFT"
+              text="删除" 
+              size="mini" 
+              type="error" 
+              @click.stop="deleteGw(item)"
+            />
+          </view>
+        </view>
+      </view>
+
+      <!-- 空状态 -->
+      <view v-if="filteredGwList.length === 0" class="empty-state">
+        <view class="empty-icon">📄</view>
+        <view class="empty-text">暂无公文数据</view>
+      </view>
+
+      <!-- 加载更多 -->
+      <view v-if="hasMore && filteredGwList.length > 0" class="load-more">
+        <u-button 
+          text="加载更多" 
+          @click="loadMore"
+          :loading="loading"
+        />
+      </view>
+    </view>
+
+    <!-- 底部操作按钮 -->
+    <template #bottom>
+      <view class="flex-row items-center pb-10 pt-5">
+        <u-button 
+          text="新建公文" 
+          class="mx-15" 
+          type="primary" 
+          @click="createNewGw"
+        />
+      </view>
+    </template>
+  </BasicLayout>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import { navigateTo } from "@/utils/uniapp";
+import BasicSearch from "@/components/BasicSearch/Search.vue";
+import BasicLayout from "@/components/BasicLayout/Layout.vue";
+import { getGwListApi, deleteGwApi } from "@/api/routine/gw";
+import { GwStatus, UrgencyLevel, ApproverStatus } from "@/types/gw";
+import type { GwInfo, GwListItem } from "@/types/gw";
+import dayjs from "dayjs";
+
+// 筛选标签
+const filterTabs = [
+  { key: "all", label: "全部" },
+  { key: "draft", label: "草稿" },
+  { key: "pending", label: "待审批" },
+  { key: "approved", label: "已通过" },
+  { key: "rejected", label: "已驳回" },
+];
+
+const activeTab = ref("all");
+const searchKeyword = ref("");
+const gwList = ref<GwListItem[]>([]);
+const loading = ref(false);
+const hasMore = ref(true);
+const page = ref(1);
+const pageSize = 20;
+
+// 筛选后的公文列表
+const filteredGwList = computed(() => {
+  let list = gwList.value;
+  
+  // 按状态筛选
+  if (activeTab.value !== "all") {
+    const statusMap: Record<string, GwStatus> = {
+      draft: GwStatus.DRAFT,
+      pending: GwStatus.PENDING,
+      approved: GwStatus.APPROVED,
+      rejected: GwStatus.REJECTED,
+    };
+    const targetStatus = statusMap[activeTab.value];
+    if (targetStatus) {
+      list = list.filter(item => item.status === targetStatus);
+    }
+  }
+  
+  // 按关键词搜索
+  if (searchKeyword.value) {
+    const keyword = searchKeyword.value.toLowerCase();
+    list = list.filter(item => 
+      item.title.toLowerCase().includes(keyword) ||
+      item.gwNo.toLowerCase().includes(keyword)
+    );
+  }
+  
+  return list;
+});
+
+// 切换筛选标签
+const switchTab = (tabKey: string) => {
+  activeTab.value = tabKey;
+};
+
+// 搜索处理
+const handleSearch = (keyword: string) => {
+  searchKeyword.value = keyword;
+};
+
+// 获取公文列表
+const getGwList = async (isLoadMore = false) => {
+  try {
+    loading.value = true;
+    
+    if (!isLoadMore) {
+      page.value = 1;
+      hasMore.value = true;
+    }
+    
+    // 模拟API调用，实际开发时替换为真实API
+    const statusMap: Record<string, GwStatus> = {
+      draft: GwStatus.DRAFT,
+      pending: GwStatus.PENDING,
+      approved: GwStatus.APPROVED,
+      rejected: GwStatus.REJECTED,
+    };
+    const targetStatus = activeTab.value === "all" ? undefined : statusMap[activeTab.value];
+    
+    // 模拟筛选逻辑
+    let filteredData = mockData;
+    if (targetStatus) {
+      filteredData = mockData.filter(item => item.status === targetStatus);
+    }
+    if (searchKeyword.value) {
+      const keyword = searchKeyword.value.toLowerCase();
+      filteredData = filteredData.filter(item => 
+        item.title.toLowerCase().includes(keyword) ||
+        item.gwNo.toLowerCase().includes(keyword)
+      );
+    }
+    
+    // 模拟分页
+    const startIndex = (page.value - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    const result = {
+      list: filteredData.slice(startIndex, endIndex),
+      hasMore: endIndex < filteredData.length,
+    };
+    
+    if (isLoadMore) {
+      gwList.value.push(...result.list);
+    } else {
+      gwList.value = result.list;
+    }
+    
+    hasMore.value = result.hasMore;
+    page.value++;
+    
+  } catch (error) {
+    console.error("获取公文列表失败:", error);
+    uni.showToast({
+      title: "获取列表失败",
+      icon: "error",
+    });
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 加载更多
+const loadMore = () => {
+  if (!loading.value && hasMore.value) {
+    getGwList(true);
+  }
+};
+
+// 跳转到详情页面
+const goToDetail = (item: GwListItem) => {
+  navigateTo(`/pages/view/routine/gwlz/gwFlow?id=${item.id}`);
+};
+
+// 编辑公文
+const editGw = (item: GwListItem) => {
+  navigateTo(`/pages/view/routine/gwlz?id=${item.id}&mode=edit`);
+};
+
+// 删除公文
+const deleteGw = (item: GwListItem) => {
+  uni.showModal({
+    title: "确认删除",
+    content: `确定要删除公文"${item.title}"吗？`,
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          // 模拟删除API调用
+          await deleteGwApi(item.id);
+          
+          // 从本地列表中移除
+          const index = gwList.value.findIndex(gw => gw.id === item.id);
+          if (index > -1) {
+            gwList.value.splice(index, 1);
+          }
+    
+    uni.showToast({
+            title: "删除成功",
+      icon: "success",
+    });
+    
+  } catch (error) {
+          console.error("删除公文失败:", error);
+    uni.showToast({
+            title: "删除失败",
+      icon: "error",
+    });
+  }
+      }
+    },
+  });
+};
+
+// 新建公文
+const createNewGw = () => {
+  navigateTo("/pages/view/routine/gwlz/gwAdd");
+};
+
+// 获取状态样式类
+const getStatusClass = (status: GwStatus) => {
+  const statusMap: Record<GwStatus, string> = {
+    [GwStatus.DRAFT]: "status-draft",
+    [GwStatus.PENDING]: "status-pending",
+    [GwStatus.APPROVED]: "status-approved",
+    [GwStatus.REJECTED]: "status-rejected",
+  };
+  return statusMap[status] || "status-default";
+};
+
+// 获取状态文本
+const getStatusText = (status: GwStatus) => {
+  const statusMap: Record<GwStatus, string> = {
+    [GwStatus.DRAFT]: "草稿",
+    [GwStatus.PENDING]: "待审批",
+    [GwStatus.APPROVED]: "已通过",
+    [GwStatus.REJECTED]: "已驳回",
+  };
+  return statusMap[status] || "未知";
+};
+
+// 获取紧急程度样式类
+const getUrgencyClass = (urgency: UrgencyLevel) => {
+  const urgencyMap: Record<UrgencyLevel, string> = {
+    [UrgencyLevel.LOW]: "urgency-low",
+    [UrgencyLevel.NORMAL]: "urgency-normal",
+    [UrgencyLevel.HIGH]: "urgency-high",
+    [UrgencyLevel.URGENT]: "urgency-urgent",
+  };
+  return urgencyMap[urgency] || "urgency-normal";
+};
+
+// 获取紧急程度文本
+const getUrgencyText = (urgency: UrgencyLevel) => {
+  const urgencyMap: Record<UrgencyLevel, string> = {
+    [UrgencyLevel.LOW]: "普通",
+    [UrgencyLevel.NORMAL]: "一般",
+    [UrgencyLevel.HIGH]: "紧急",
+    [UrgencyLevel.URGENT]: "特急",
+  };
+  return urgencyMap[urgency] || "一般";
+};
+
+// 获取审批进度
+const getApproverProgress = (item: GwListItem) => {
+  if (!item.approvers || item.approvers.length === 0) {
+    return "无审批人";
+  }
+  
+  const total = item.approvers.length;
+  const approved = item.approvers.filter((a: any) => a.status === ApproverStatus.APPROVED).length;
+  const rejected = item.approvers.filter((a: any) => a.status === ApproverStatus.REJECTED).length;
+  
+  if (rejected > 0) {
+    return `已驳回 (${rejected}/${total})`;
+  }
+  
+  return `${approved}/${total} 已审批`;
+};
+
+// 格式化时间
+const formatTime = (time: string | Date) => {
+  return dayjs(time).format("MM-DD HH:mm");
+};
+
+// 模拟数据用于开发测试
+const mockData: GwListItem[] = [
+  {
+    id: "1",
+    title: "关于2024年教学工作计划的通知",
+    gwNo: "GW2024001",
+    gwType: "通知",
+    urgencyLevel: UrgencyLevel.NORMAL,
+    status: GwStatus.PENDING,
+    createdBy: "admin",
+    createdTime: new Date(),
+    files: [],
+    approvers: [
+      { id: "1", userId: "user1", userName: "审批人1", deptId: "dept1", deptName: "部门1", order: 1, status: ApproverStatus.APPROVED },
+      { id: "2", userId: "user2", userName: "审批人2", deptId: "dept2", deptName: "部门2", order: 2, status: ApproverStatus.PENDING },
+    ],
+    ccUsers: [],
+  },
+  {
+    id: "2",
+    title: "2024年春季学期课程安排",
+    gwNo: "GW2024002",
+    gwType: "安排",
+    urgencyLevel: UrgencyLevel.HIGH,
+    status: GwStatus.APPROVED,
+    createdBy: "admin",
+    createdTime: new Date(Date.now() - 86400000),
+    files: [],
+    approvers: [
+      { id: "3", userId: "user1", userName: "审批人1", deptId: "dept1", deptName: "部门1", order: 1, status: ApproverStatus.APPROVED },
+      { id: "4", userId: "user2", userName: "审批人2", deptId: "dept2", deptName: "部门2", order: 2, status: ApproverStatus.APPROVED },
+    ],
+    ccUsers: [],
+  },
+  {
+    id: "3",
+    title: "学生宿舍管理规定修订稿",
+    gwNo: "GW2024003",
+    gwType: "规定",
+    urgencyLevel: UrgencyLevel.LOW,
+    status: GwStatus.DRAFT,
+    createdBy: "admin",
+    createdTime: new Date(Date.now() - 172800000),
+    files: [],
+    approvers: [],
+    ccUsers: [],
+  },
+];
+
+onMounted(() => {
+  // 使用模拟数据初始化列表
+  gwList.value = mockData;
+});
+</script>
+
+<style lang="scss" scoped>
+.search-section {
+  margin-bottom: 15px;
+}
+
+.filter-section {
+  margin-bottom: 20px;
+  
+  .filter-tabs {
+    display: flex;
+    background: #f5f5f5;
+    border-radius: 8px;
+    padding: 4px;
+    
+    .filter-tab {
+      flex: 1;
+      text-align: center;
+      padding: 8px 12px;
+      border-radius: 6px;
+      font-size: 14px;
+      color: #666;
+      transition: all 0.3s;
+      
+      &.active {
+        background: #007aff;
+        color: white;
+      }
+    }
+  }
+}
+
+.gw-list {
+  .gw-item {
+    background: white;
+    border-radius: 8px;
+    padding: 15px;
+    margin-bottom: 15px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    
+    .gw-header {
+  display: flex;
+  justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 12px;
+      
+      .gw-title {
+        flex: 1;
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+        line-height: 1.4;
+        margin-right: 10px;
+      }
+      
+      .gw-status {
+        padding: 4px 8px;
+        border-radius: 4px;
+        font-size: 12px;
+        white-space: nowrap;
+        
+        &.status-draft { background: #f0f0f0; color: #666; }
+        &.status-pending { background: #fff7e6; color: #fa8c16; }
+        &.status-approved { background: #f6ffed; color: #52c41a; }
+        &.status-rejected { background: #fff2f0; color: #ff4d4f; }
+      }
+    }
+    
+    .gw-info {
+      margin-bottom: 12px;
+      
+      .info-row {
+        display: flex;
+        margin-bottom: 6px;
+        
+        .label {
+          width: 70px;
+          color: #666;
+          font-size: 14px;
+        }
+        
+        .value {
+          flex: 1;
+          color: #333;
+          font-size: 14px;
+        }
+        
+        .urgency-tag {
+          padding: 2px 6px;
+          border-radius: 4px;
+          font-size: 12px;
+          
+          &.urgency-low { background: #f6ffed; color: #52c41a; }
+          &.urgency-normal { background: #f0f0f0; color: #666; }
+          &.urgency-high { background: #fff7e6; color: #fa8c16; }
+          &.urgency-urgent { background: #fff2f0; color: #ff4d4f; }
+        }
+      }
+    }
+    
+    .gw-footer {
+  display: flex;
+  justify-content: space-between;
+      margin-bottom: 15px;
+      font-size: 12px;
+      
+      .approver-info,
+      .time-info {
+        .label {
+          color: #666;
+          margin-right: 5px;
+        }
+        
+        .value {
+          color: #333;
+        }
+      }
+    }
+    
+    .gw-actions {
+  display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+  }
+}
+
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  
+  .empty-icon {
+    font-size: 48px;
+    margin-bottom: 15px;
+    opacity: 0.5;
+  }
+  
+  .empty-text {
+    color: #999;
+    font-size: 14px;
+  }
+}
+
+.load-more {
+  text-align: center;
+  margin-top: 20px;
+}
+</style>
+
diff --git a/src/pages/view/routine/qd/detail.vue b/src/pages/view/routine/qd/detail.vue
index 89fbac1..3b0d1c9 100644
--- a/src/pages/view/routine/qd/detail.vue
+++ b/src/pages/view/routine/qd/detail.vue
@@ -41,15 +41,15 @@
             <text class="stats-title">签到统计</text>
           </view>
           <view class="stats-content">
-            <view class="stat-item">
+            <view class="stat-item" @click="showTeacherList('all')">
               <text class="stat-number">{{ totalCount }}</text>
               <text class="stat-label">总人数</text>
             </view>
-            <view class="stat-item">
+            <view class="stat-item" @click="showTeacherList('signed')">
               <text class="stat-number signed">{{ signedCount }}</text>
               <text class="stat-label">已签到</text>
             </view>
-            <view class="stat-item">
+            <view class="stat-item" @click="showTeacherList('unsigned')">
               <text class="stat-number unsigned">{{ unsignedCount }}</text>
               <text class="stat-label">未签到</text>
             </view>
@@ -93,6 +93,38 @@
         </button>
       </view>
     </template>
+
+    <!-- 签到人员弹窗 -->
+    <uni-popup ref="teacherPopup" type="center" :mask-click="true">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ popupTitle }}</text>
+          <text class="popup-close" @click="closeTeacherPopup">×</text>
+        </view>
+        <scroll-view scroll-y class="popup-body">
+          <view class="popup-teacher-list">
+            <view 
+              v-for="teacher in filteredTeacherList" 
+              :key="teacher.id"
+              class="popup-teacher-item"
+            >
+              <view class="popup-teacher-info">
+                <text class="popup-teacher-name">{{ teacher.jsxm }}</text>
+                <text class="popup-teacher-position">{{ teacher.dzzw || '' }} {{ teacher.qtzw || '' }}</text>
+              </view>
+              <view class="popup-teacher-status">
+                <text class="popup-status-text" :class="getStatusClass(teacher.qdStatus)">
+                  {{ getStatusText(teacher.qdStatus) }}
+                </text>
+                <text v-if="teacher.qdwctime" class="popup-sign-time">
+                  {{ formatTime(teacher.qdwctime) }}
+                </text>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </uni-popup>
   </BasicLayout>
 </template>
 
@@ -127,10 +159,24 @@ interface TeacherInfo {
 const qdId = ref<string>('');
 const qdInfo = ref<QdInfo>({} as QdInfo);
 const teacherList = ref<TeacherInfo[]>([]);
+const teacherPopup = ref();
+const popupTitle = ref('');
+const currentFilter = ref('all');
 
 const totalCount = computed(() => teacherList.value.length);
 const signedCount = computed(() => teacherList.value.filter(t => t.qdStatus === '1').length);
-const unsignedCount = computed(() => totalCount.value - signedCount.value);
+const unsignedCount = computed(() => teacherList.value.filter(t => t.qdStatus === '0').length);
+
+const filteredTeacherList = computed(() => {
+  switch (currentFilter.value) {
+    case 'signed':
+      return teacherList.value.filter(t => t.qdStatus === '1');
+    case 'unsigned':
+      return teacherList.value.filter(t => t.qdStatus === '0');
+    default:
+      return teacherList.value;
+  }
+});
 
 onLoad((options) => {
   if (options && options.id) {
@@ -159,14 +205,39 @@ const loadQdDetail = async () => {
 const loadTeacherList = async () => {
   try {
     const result = await qdzxFindByQdParamsApi({ qdId: qdId.value });
-    if (result.resultCode === 1 && result.result) {
-      teacherList.value = result.result;
+    
+    // 修复数据解析逻辑 - 数据在rows字段中
+    if (result.rows && Array.isArray(result.rows)) {
+      teacherList.value = result.rows;
+    } else {
+      console.log('接口返回异常 - 没有rows字段或不是数组:', result);
+      teacherList.value = [];
     }
   } catch (error) {
     console.error('加载教师列表失败:', error);
+    teacherList.value = [];
   }
 };
 
+const showTeacherList = (filter: string) => {
+  currentFilter.value = filter;
+  switch (filter) {
+    case 'signed':
+      popupTitle.value = `已签到人员 (${signedCount.value}人)`;
+      break;
+    case 'unsigned':
+      popupTitle.value = `未签到人员 (${unsignedCount.value}人)`;
+      break;
+    default:
+      popupTitle.value = `全部人员 (${totalCount.value}人)`;
+  }
+  teacherPopup.value.open();
+};
+
+const closeTeacherPopup = () => {
+  teacherPopup.value.close();
+};
+
 const getStatusClass = (status: string) => {
   switch (status) {
     case 'A':
@@ -330,6 +401,12 @@ const handleBack = () => {
   flex-direction: column;
   align-items: center;
   gap: 8px;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+  
+  &:active {
+    transform: scale(0.95);
+  }
 }
 
 .stat-number {
@@ -427,12 +504,100 @@ const handleBack = () => {
 
 .back-btn {
   width: 100%;
-  padding: 12px;
+  padding: 8px 16px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   border: none;
-  border-radius: 8px;
-  font-size: 16px;
+  border-radius: 6px;
+  font-size: 14px;
   font-weight: 500;
 }
+
+// 弹窗样式
+.popup-content {
+  background: white;
+  border-radius: 16px;
+  width: 90vw;
+  max-width: 400px;
+  max-height: 80vh;
+  overflow: hidden;
+}
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 20px 15px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.popup-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.popup-close {
+  font-size: 24px;
+  color: #999;
+  cursor: pointer;
+  padding: 5px;
+  line-height: 1;
+}
+
+.popup-body {
+  max-height: 60vh;
+}
+
+.popup-teacher-list {
+  padding: 15px 20px;
+}
+
+.popup-teacher-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f5f5f5;
+  
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.popup-teacher-info {
+  flex: 1;
+}
+
+.popup-teacher-name {
+  display: block;
+  font-size: 16px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.popup-teacher-position {
+  font-size: 14px;
+  color: #666;
+}
+
+.popup-teacher-status {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+}
+
+.popup-status-text {
+  font-size: 12px;
+  font-weight: 500;
+  padding: 2px 8px;
+  border-radius: 6px;
+}
+
+.popup-sign-time {
+  font-size: 11px;
+  color: #999;
+}
 </style> 
\ No newline at end of file
diff --git a/src/static/base/home/bjkb.png b/src/static/base/home/bjkb.png
new file mode 100644
index 0000000..647e7b6
Binary files /dev/null and b/src/static/base/home/bjkb.png differ
diff --git a/src/static/base/home/cjfx.png b/src/static/base/home/cjfx.png
new file mode 100644
index 0000000..4a1008f
Binary files /dev/null and b/src/static/base/home/cjfx.png differ
diff --git a/src/static/base/home/gw.png b/src/static/base/home/gw.png
new file mode 100644
index 0000000..cd495e8
Binary files /dev/null and b/src/static/base/home/gw.png differ
diff --git a/src/static/base/home/gz.png b/src/static/base/home/gz.png
new file mode 100644
index 0000000..b4da4fb
Binary files /dev/null and b/src/static/base/home/gz.png differ
diff --git a/src/static/base/home/gzltj.png b/src/static/base/home/gzltj.png
new file mode 100644
index 0000000..f23b53a
Binary files /dev/null and b/src/static/base/home/gzltj.png differ
diff --git a/src/static/base/home/jcdm.png b/src/static/base/home/jcdm.png
new file mode 100644
index 0000000..9506bac
Binary files /dev/null and b/src/static/base/home/jcdm.png differ
diff --git a/src/static/base/home/jfpj.png b/src/static/base/home/jfpj.png
new file mode 100644
index 0000000..18b2e49
Binary files /dev/null and b/src/static/base/home/jfpj.png differ
diff --git a/src/static/base/home/jlfb.png b/src/static/base/home/jlfb.png
new file mode 100644
index 0000000..618bc95
Binary files /dev/null and b/src/static/base/home/jlfb.png differ
diff --git a/src/static/base/home/jsda.png b/src/static/base/home/jsda.png
new file mode 100644
index 0000000..2902bce
Binary files /dev/null and b/src/static/base/home/jsda.png differ
diff --git a/src/static/base/home/jskb.png b/src/static/base/home/jskb.png
new file mode 100644
index 0000000..6a3b785
Binary files /dev/null and b/src/static/base/home/jskb.png differ
diff --git a/src/static/base/home/kctb.png b/src/static/base/home/kctb.png
new file mode 100644
index 0000000..0b92725
Binary files /dev/null and b/src/static/base/home/kctb.png differ
diff --git a/src/static/base/home/kfxc.png b/src/static/base/home/kfxc.png
new file mode 100644
index 0000000..81eac13
Binary files /dev/null and b/src/static/base/home/kfxc.png differ
diff --git a/src/static/base/home/qdfb.png b/src/static/base/home/qdfb.png
new file mode 100644
index 0000000..88657b2
Binary files /dev/null and b/src/static/base/home/qdfb.png differ
diff --git a/src/static/base/home/qjsq.png b/src/static/base/home/qjsq.png
new file mode 100644
index 0000000..efec314
Binary files /dev/null and b/src/static/base/home/qjsq.png differ
diff --git a/src/static/base/home/rzrj.png b/src/static/base/home/rzrj.png
new file mode 100644
index 0000000..95998aa
Binary files /dev/null and b/src/static/base/home/rzrj.png differ
diff --git a/src/static/base/home/txl.png b/src/static/base/home/txl.png
new file mode 100644
index 0000000..40925d2
Binary files /dev/null and b/src/static/base/home/txl.png differ
diff --git a/src/static/base/home/xkdm.png b/src/static/base/home/xkdm.png
new file mode 100644
index 0000000..e9fac1e
Binary files /dev/null and b/src/static/base/home/xkdm.png differ