diff --git a/src/api/base/server.ts b/src/api/base/server.ts
index 04b3e26..aff6ee0 100644
--- a/src/api/base/server.ts
+++ b/src/api/base/server.ts
@@ -261,6 +261,76 @@ export const jsFindPageJfApi = async (params: any) => {
   return await get("/api/js/findPageJf", params);
 };
 
+// 教师积分类型汇总
+export const jfSummaryByJfTypeApi = async (params: any) => {
+  return await get("/api/jf/summaryByJfType", params);
+};
+
+// 顶级类型及下级可加分结构
+export const jfTypeStructureApi = async (params: any) => {
+  return await get("/api/jf/typeStructure", params);
+};
+
+// 顶级类型下的积分结构（按类型节点汇总）
+export const jfScoreStructureApi = async (params: any) => {
+  return await get("/api/jf/scoreStructure", params);
+};
+
+// 查询积分记录列表
+export const jfFindPageApi = async (params: any) => {
+  return await get("/api/jf/findPage", params);
+};
+
+// 积分申请（走审批流程）
+export const jfSqApi = async (params: any) => {
+  return await post("/api/jf/sq", params);
+};
+
+// 积分待办/已办列表
+export const jfFindUserTodosPageApi = async (params: any) => {
+  return await get("/api/jf/findUserTodosPage", params);
+};
+
+// 保存积分记录（新增/修改）
+export const jfSaveApi = async (params: any) => {
+  return await post("/api/jf/save", params);
+};
+
+// 积分审批-同意/驳回
+export const jfSpApi = async (params: any) => {
+  return await post("/api/jf/sp", params);
+};
+
+// 积分审批-转办
+export const jfTransferApi = async (params: any) => {
+  return await post("/api/jf/transfer", params);
+};
+
+// 积分审批-终止
+export const jfStopApi = async (params: any) => {
+  return await post("/api/jf/stop", params);
+};
+
+// 积分审批-重新提交
+export const jfReSubmitApi = async (params: any) => {
+  return await post("/api/jf/reSubmit", params);
+};
+
+// 积分审批-流程详情
+export const jfFlowByIdApi = async (params: any) => {
+  return await get("/api/jf/flowById", params);
+};
+
+// 查询积分项目列表（树形结构）
+export const jfTypeFindPageApi = async (params: any) => {
+  return await get("/api/jfType/findPage", params);
+};
+
+// 查询积分规则列表
+export const jfRuleFindPageApi = async (params: any) => {
+  return await get("/api/jfRule/findPage", params);
+};
+
 // 检查项查询
 export const inspectItemFindAllApi = async (params: any) => {
   return await get("/api/inspectItem/findAlls", params);
diff --git a/src/api/base/srApi.ts b/src/api/base/srApi.ts
index d7871c6..e854534 100644
--- a/src/api/base/srApi.ts
+++ b/src/api/base/srApi.ts
@@ -24,3 +24,11 @@ export const srFindPageApi = async (params: any) => {
   return await get("/api/srTsRecord/findPage", params);
 };
 
+/**
+ * 通过记录ID获取贺卡详情
+ * @param params { recordId: 记录ID, receiverId: 接收人ID }
+ */
+export const srGetCardDetailByRecordApi = async (params: { recordId: string; receiverId?: string }) => {
+  return await get("/api/srTsRecord/getCardDetailByRecord", params);
+};
+
diff --git a/src/api/base/zwApi.ts b/src/api/base/zwApi.ts
index 9f348bd..3eff0a1 100644
--- a/src/api/base/zwApi.ts
+++ b/src/api/base/zwApi.ts
@@ -47,6 +47,14 @@ export const findAllZw = () => {
 
 
 
+
+
+
+
+
+
+
+
 
 
 
diff --git a/src/pages.json b/src/pages.json
index e6561b6..b174847 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -711,7 +711,7 @@
       }
     },
     {
-      "path": "pages/view/routine/JiFenPingJia/JiFenPingJia",
+      "path": "pages/view/routine/JiFenPingJia/jfself/JiFenPingJia",
       "style": {
         "navigationBarTitleText": "积分评价",
         "enablePullDownRefresh": false
@@ -791,12 +791,40 @@
       }
     },
     {
-      "path": "pages/view/routine/JiFenPingJia/detail",
+      "path": "pages/view/routine/JiFenPingJia/jfself/apply",
       "style": {
         "navigationBarTitleText": "评价详情",
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/routine/JiFenPingJia/jfself/MyScoreDetail",
+      "style": {
+        "navigationBarTitleText": "积分详情",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/JiFenPingJia/jfself/IntegralApply",
+      "style": {
+        "navigationBarTitleText": "积分申请",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/JiFenPingJia/jfsp/index",
+      "style": {
+        "navigationBarTitleText": "积分审批",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/JiFenPingJia/jfsp/JfFlow",
+      "style": {
+        "navigationBarTitleText": "积分审批",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/kefuxuncha/xcXkList",
       "style": {
@@ -958,20 +986,7 @@
         "enablePullDownRefresh": false
       }
     },
-    {
-      "path": "pages/view/routine/JiFenPingJia/PersonalHonor",
-      "style": {
-        "navigationBarTitleText": "个人荣誉",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/view/routine/JiFenPingJia/PublicClassAwards",
-      "style": {
-        "navigationBarTitleText": "公开课获奖",
-        "enablePullDownRefresh": false
-      }
-    },
+
     {
       "path": "pages/view/hr/teacherProfile/RecordMaterials",
       "style": {
@@ -1081,19 +1096,29 @@
     {
       "path": "pages/view/routine/sr/envelope",
       "style": {
-        "navigationStyle": "custom",
         "navigationBarTitleText": "生日祝福",
-        "enablePullDownRefresh": false,
-        "backgroundColor": "#ff9a9e"
+        "enablePullDownRefresh": false
       }
     },
     {
       "path": "pages/view/routine/sr/card",
       "style": {
-        "navigationStyle": "custom",
         "navigationBarTitleText": "生日祝福",
-        "enablePullDownRefresh": false,
-        "backgroundColor": "#ff9a9e"
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/sr/list",
+      "style": {
+        "navigationBarTitleText": "生日清单",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/sr/viewCard",
+      "style": {
+        "navigationBarTitleText": "生日祝福",
+        "enablePullDownRefresh": false
       }
     },
     {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index 1f4534d..8913020 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -385,6 +385,7 @@ const sections = reactive<Section[]>([
     title: "功能应用",
     permissionKey: "gnyycommon", // 整个功能区域的权限编码
     items: [
+
       {
         id: "gnyy1",
         icon: "kctb",
@@ -641,6 +642,40 @@ const sections = reactive<Section[]>([
             permissionKey: "routine-tzfb",
             path: "/pages/view/routine/tz/index",
           },
+          {
+            id: "xxfb-srqd",
+            icon: "srqd",
+            text: "生日清单",
+            show: true,
+            permissionKey: "routine-srqd",
+            path: "/pages/view/routine/sr/list",
+          },
+        ],
+      },
+      {
+        id: "routine-jf",
+        icon: "jfpj",
+        text: "业绩积分",
+        show: true,
+        permissionKey: "routine-jf",
+        isFolder: true,
+        folderItems: [
+          {
+            id: "routine-jf-pj",
+            icon: "jfpj",
+            text: "积分评价",
+            show: true,
+            permissionKey: "routine-jfpj",
+            path: "/pages/view/routine/JiFenPingJia/jfself/JiFenPingJia",
+          },
+          {
+            id: "routine-jf-sp",
+            icon: "gw",
+            text: "积分审批",
+            show: true,
+            permissionKey: "routine-jfsp",
+            path: "/pages/view/routine/JiFenPingJia/jfsp/index",
+          },
         ],
       },
     ],
@@ -650,14 +685,6 @@ const sections = reactive<Section[]>([
     title: "教学常规",
     permissionKey: "routine", // 整个常规区域的权限编码
     items: [
-      {
-        id: "r2",
-        icon: "jfpj",
-        text: "积分评价",
-        show: true,
-        permissionKey: "routine-jfpj", // 积分评价权限编码
-        path: "/pages/view/routine/JiFenPingJia/JiFenPingJia",
-      },
       {
         id: "r3",
         icon: "gzltj",
diff --git a/src/pages/view/routine/JiFenPingJia/PersonalHonor.vue b/src/pages/view/routine/JiFenPingJia/PersonalHonor.vue
deleted file mode 100644
index 5620542..0000000
--- a/src/pages/view/routine/JiFenPingJia/PersonalHonor.vue
+++ /dev/null
@@ -1,357 +0,0 @@
-<template>
-  <BasicLayout>
-    <view class="p-15">
-      <view v-if="education.xl.length > 0">
-        <template v-for="(item, index) in education.xl" :key="index">
-          <view class="po-re mb-15">
-            <BasicForm
-              v-model="item.value"
-              :schema="getSchemaForIndex(index)"
-              :index="index"
-              :key="`form-${index}-${forceUpdateKey}`"
-              :formsProps="{ labelWidth: 100 }"
-            />
-            <view
-              @click="deleteMemberFamily(index, item.value)"
-              class="delete-icon"
-            >
-              <BasicIcon type="clear" size="30" />
-            </view>
-          </view>
-        </template>
-      </view>
-      <view
-        class="flex-row items-center justify-center pb-10 pt-5"
-        style="border: 1px solid #e8e8e8"
-        @click="addEducation"
-      >
-        <uni-icons type="plus" size="16" color="#447ADE"></uni-icons>
-        <view class="ml-5 cor-447ADE">新增</view>
-      </view>
-    </view>
-    <template #bottom>
-      <view class="flex-row items-center pb-10 pt-5">
-        <u-button
-          text="提交"
-          class="mx-15"
-          type="primary"
-          @click="submit"
-        />
-      </view>
-    </template>
-  </BasicLayout>
-</template>
-
-<script lang="ts" setup>
-import { showToast } from "@/utils/uniapp";
-import { cloneDeep, map } from "lodash";
-import { fractionRuleApi } from "@/api/base/server";
-import { useUserStore } from "@/store/modules/user";
-
-const { getJs, getUser } = useUserStore();
-
-// 主数据
-const education = reactive<any>({
-  xl: [{ value: {} }],
-});
-
-// 荣誉类别数据缓存
-const honorCategories = ref<any[]>([]);
-
-// 每个表单项对应的获奖级别数据
-const awardLevelsMap = reactive<Record<number, any>>({});
-
-// 强制重新渲染的键
-const forceUpdateKey = ref(0);
-
-// 基础表单配置
-const baseSchema = [
-  {
-    field: "rymc",
-    label: "荣誉名称",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hilb_id",
-    label: "荣誉类别",
-    component: "BasicPicker",
-    componentProps: {
-      api: fractionRuleApi,
-      rangeKey: "inspectStandard",
-      savaKey: "id",
-      ok: (selectedIndex: number, form: any, list: any, attrs: any) => {
-        const selectedCategory = list[selectedIndex];
-        const formIndex = attrs.index;
-
-        // 更新当前表单项的获奖级别选项
-        updateAwardLevels(formIndex, selectedCategory);
-
-        // 清空已选择的获奖级别（如果之前有选择的话）
-        if (education.xl[formIndex].value.hjjbId) {
-          education.xl[formIndex].value.hjjbId = "";
-        }
-        // 强制重新渲染
-        forceUpdateKey.value++;
-      },
-    },
-  },
-  {
-    field: "hjjbId",
-    label: "获奖级别",
-    component: "BasicPicker",
-    componentProps: {
-      range: [],
-      rangeKey: "name",
-      savaKey: "id",
-      open: (value: any, attrs: any, model: any) => {
-        const formIndex = attrs.index;
-        // 检查是否已选择荣誉类别
-        if (!model?.hilb_id) {
-          showToast({
-            title: "请先选择荣誉类别",
-            icon: "none",
-          });
-          return false;
-        }
-
-        // 检查是否有对应的获奖级别数据
-        const awardLevels = awardLevelsMap[formIndex] || [];
-
-        if (awardLevels.length === 0) {
-          showToast({
-            title: "该荣誉类别暂无获奖级别数据",
-            icon: "none",
-          });
-          return false;
-        }
-
-        return true;
-      },
-    },
-  },
-  {
-    field: "bjdw",
-    label: "颁奖单位",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hjtime",
-    label: "获奖时间",
-    component: "BasicDateTimes",
-    componentProps: {},
-  },
-  {
-    field: "jf",
-    label: "积分",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hjfjId",
-    label: "上传证书",
-    component: "BasicUpload",
-    itemProps: {
-      labelPosition: "top",
-    },
-    componentProps: {},
-  },
-];
-
-// 为每个表单项生成动态的schema
-const getSchemaForIndex = (index: number) => {
-  const schema = cloneDeep(baseSchema);
-
-  // 更新获奖级别的选项数据
-  const hjjbField = schema.find((item) => item.field === "hjjbId");
-  if (hjjbField) {
-    hjjbField.componentProps.range = awardLevelsMap[index] || [];
-  }
-
-  return schema;
-};
-
-// 更新指定表单项的获奖级别选项
-const updateAwardLevels = (formIndex: number, category: any) => {
-  if (category?.ruleItemList && category.ruleItemList.length > 0) {
-    awardLevelsMap[formIndex] = category.ruleItemList;
-  } else {
-    awardLevelsMap[formIndex] = [];
-  }
-};
-
-// 初始化荣誉类别数据
-const initHonorCategories = async () => {
-  try {
-    const result = await fractionRuleApi();
-    honorCategories.value = result.result || result || [];
-  } catch (error) {
-    console.error("获取荣誉类别数据失败:", error);
-  }
-};
-
-// 初始化回显数据
-const initEchoData = async () => {
-  await initHonorCategories();
-
-  // 为每个已有数据的表单项初始化获奖级别选项
-  education.xl.forEach((formItem: any, index: number) => {
-    if (formItem.value?.hilb_id) {
-      const category = honorCategories.value.find(
-        (cat: any) => cat.id === formItem.value.hilb_id
-      );
-
-      if (category) {
-        // 更新获奖级别选项
-        updateAwardLevels(index, category);
-      } else {
-        console.log(`未找到荣誉类别 ID: ${formItem.value.hilb_id}`);
-      }
-    } else {
-      console.log(`表单项 ${index} 没有荣誉类别 ID`);
-    }
-  });
-
-  // 强制重新渲染以确保获奖级别能正确显示
-  forceUpdateKey.value++;
-};
-
-// 添加新的教育项
-function addEducation() {
-  const newIndex = education.xl.length;
-  education.xl.push({ value: {} });
-
-  // 为新项初始化空的获奖级别选项
-  awardLevelsMap[newIndex] = [];
-}
-
-// 删除教育项
-function deleteMemberFamily(index: number, item: any) {
-  // 删除对应的获奖级别数据
-  delete awardLevelsMap[index];
-
-  // 重新整理awardLevelsMap的键值
-  const newAwardLevelsMap: Record<number, any[]> = {};
-  education.xl.forEach((_: any, i: number) => {
-    if (i < index) {
-      newAwardLevelsMap[i] = awardLevelsMap[i] || [];
-    } else if (i > index) {
-      newAwardLevelsMap[i - 1] = awardLevelsMap[i] || [];
-    }
-  });
-
-  // 删除表单项
-  education.xl.splice(index, 1);
-
-  // 更新awardLevelsMap
-  Object.keys(awardLevelsMap).forEach(
-    (key: string) => delete awardLevelsMap[Number(key)]
-  );
-  Object.assign(awardLevelsMap, newAwardLevelsMap);
-}
-
-// 提交数据
-async function submit() {
-  try {
-    // 验证表单数据
-    const grRyList = map(education.xl, (item) => {
-      return { ...item.value, hjlxId: "GRRY" };
-    });
-
-    if (grRyList.length === 0) {
-      showToast({
-        title: "请至少添加一条荣誉记录",
-        icon: "none",
-      });
-      return;
-    }
-
-    // 验证必填字段
-    for (let i = 0; i < grRyList.length; i++) {
-      const item = grRyList[i];
-      if (!item.rymc) {
-        showToast({
-          title: `第${i + 1}条记录：请填写荣誉名称`,
-          icon: "none",
-        });
-        return;
-      }
-      if (!item.hilb_id) {
-        showToast({
-          title: `第${i + 1}条记录：请选择荣誉类别`,
-          icon: "none",
-        });
-        return;
-      }
-      if (!item.hjjbId) {
-        showToast({
-          title: `第${i + 1}条记录：请选择获奖级别`,
-          icon: "none",
-        });
-        return;
-      }
-      if (!item.bjdw) {
-        showToast({
-          title: `第${i + 1}条记录：请填写颁奖单位`,
-          icon: "none",
-        });
-        return;
-      }
-      if (!item.hjtime) {
-        showToast({
-          title: `第${i + 1}条记录：请选择获奖时间`,
-          icon: "none",
-        });
-        return;
-      }
-      if (!item.jf) {
-        showToast({
-          title: `第${i + 1}条记录：请填写积分`,
-          icon: "none",
-        });
-        return;
-      }
-    }
-
-    // 构建提交参数
-    const params = {
-      id: null, // 新增申请
-      jsId: getJs.id,
-      jsName: getJs.jsxm,
-      grRyList: grRyList,
-      // 积分申请相关字段
-      inspectStandard: "个人荣誉申请",
-      scoreType: "1", // 加分
-      examineTime: new Date(),
-      remark: "个人荣誉积分申请",
-    };
-
-    uni.showLoading({ title: "提交中..." });
-
-
-  } catch (error) {
-    console.error("提交积分申请失败:", error);
-    showToast({ 
-      title: "提交失败，请稍后重试", 
-      icon: "none" 
-    });
-  } finally {
-    uni.hideLoading();
-  }
-}
-
-// 页面加载时初始化
-onMounted(() => {
-  initHonorCategories();
-});
-</script>
-
-<style>
-.delete-icon {
-  position: absolute;
-  right: -13px;
-  top: -14px;
-  z-index: 1;
-}
-</style>
diff --git a/src/pages/view/routine/JiFenPingJia/PublicClassAwards.vue b/src/pages/view/routine/JiFenPingJia/PublicClassAwards.vue
deleted file mode 100644
index 2e59764..0000000
--- a/src/pages/view/routine/JiFenPingJia/PublicClassAwards.vue
+++ /dev/null
@@ -1,284 +0,0 @@
-<template>
-  <BasicLayout>
-    <view class="p-15">
-      <view v-if="education.xl.length > 0">
-        <template v-for="(item, index) in education.xl" :key="index">
-          <view class="po-re mb-15">
-            <BasicForm
-              v-model="item.value"
-              :schema="getSchemaForIndex(index)"
-              :index="index"
-              :key="`form-${index}-${forceUpdateKey}`"
-              :formsProps="{ labelWidth: 100 }"
-            />
-            <view
-              @click="deleteMemberFamily(index, item.value)"
-              class="delete-icon"
-            >
-              <BasicIcon type="clear" size="30" />
-            </view>
-          </view>
-        </template>
-      </view>
-      <view
-        class="flex-row items-center justify-center pb-10 pt-5"
-        style="border: 1px solid #e8e8e8"
-        @click="addEducation"
-      >
-        <uni-icons type="plus" size="16" color="#447ADE"></uni-icons>
-        <view class="ml-5 cor-447ADE">新增</view>
-      </view>
-    </view>
-    <template #bottom>
-      <view class="flex-row items-center pb-10 pt-5">
-        <u-button text="提交" class="mx-15" type="primary" @click="submit" />
-      </view>
-    </template>
-  </BasicLayout>
-</template>
-
-<script lang="ts" setup>
-import { fractionRuleApi1 } from "@/api/base/server";
-import { showToast } from "@/utils/uniapp";
-import { cloneDeep, map } from "lodash";
-
-// 主数据
-const education = reactive<any>({
-  xl: [{ value: {} }],
-});
-
-// 荣誉类别数据缓存
-const honorCategories = ref<any[]>([]);
-
-// 每个表单项对应的获奖级别数据
-const awardLevelsMap = reactive<Record<number, any>>({});
-
-// 强制重新渲染的键
-const forceUpdateKey = ref(0);
-
-// 基础表单配置
-const baseSchema = [
-  {
-    field: "rymc",
-    label: "荣誉名称",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hilb_id",
-    label: "荣誉类别",
-    component: "BasicPicker",
-    componentProps: {
-      api: fractionRuleApi1,
-      rangeKey: "inspectStandard",
-      savaKey: "id",
-      ok: (selectedIndex: number, form: any, list: any, attrs: any) => {
-        const selectedCategory = list[selectedIndex];
-        const formIndex = attrs.index;
-
-        // 更新当前表单项的获奖级别选项
-        updateAwardLevels(formIndex, selectedCategory);
-
-        // 清空已选择的获奖级别（如果之前有选择的话）
-        if (education.xl[formIndex].value.xm) {
-          education.xl[formIndex].value.xm = "";
-        }
-
-        // 强制重新渲染
-        forceUpdateKey.value++;
-      },
-    },
-  },
-  {
-    field: "xm",
-    label: "获奖级别",
-    component: "BasicPicker",
-    componentProps: {
-      range: [],
-      rangeKey: "name",
-      savaKey: "id",
-      open: (value: any, attrs: any, model: any) => {
-        const formIndex = attrs.index;
-
-        // 检查是否已选择荣誉类别
-        if (!model?.hilb_id) {
-          showToast({
-            title: "请先选择荣誉类别",
-            icon: "none",
-          });
-          return false;
-        }
-
-        // 检查是否有对应的获奖级别数据
-        const awardLevels = awardLevelsMap[formIndex] || [];
-
-        if (awardLevels.length === 0) {
-          showToast({
-            title: "该荣誉类别暂无获奖级别数据",
-            icon: "none",
-          });
-          return false;
-        }
-
-        return true;
-      },
-    },
-  },
-  {
-    field: "bjdw",
-    label: "颁奖单位",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hjtime",
-    label: "获奖时间",
-    component: "BasicDateTimes",
-    componentProps: {},
-  },
-  {
-    field: "jf",
-    label: "积分",
-    component: "BasicInput",
-    componentProps: {},
-  },
-  {
-    field: "hjfjId",
-    label: "上传证书",
-    component: "BasicUpload",
-    required: true,
-    itemProps: {
-      labelPosition: "top",
-    },
-    componentProps: {},
-  },
-];
-
-// 为每个表单项生成动态的schema
-const getSchemaForIndex = (index: number) => {
-  const schema = cloneDeep(baseSchema);
-
-  // 更新获奖级别的选项数据
-  const hjjbField = schema.find((item) => item.field === "xm");
-  if (hjjbField) {
-    hjjbField.componentProps.range = awardLevelsMap[index] || [];
-  }
-
-  return schema;
-};
-
-// 更新指定表单项的获奖级别选项
-const updateAwardLevels = (formIndex: number, category: any) => {
-  if (category?.ruleItemList && category.ruleItemList.length > 0) {
-    awardLevelsMap[formIndex] = category.ruleItemList;
-  } else {
-    awardLevelsMap[formIndex] = [];
-  }
-};
-
-// 初始化荣誉类别数据
-const initHonorCategories = async () => {
-  try {
-    const result = await fractionRuleApi1();
-    honorCategories.value = result.result || result || [];
-  } catch (error) {
-    console.error("获取荣誉类别数据失败:", error);
-  }
-};
-
-// 初始化回显数据
-const initEchoData = async () => {
-  await initHonorCategories();
-
-  // 为每个已有数据的表单项初始化获奖级别选项
-  education.xl.forEach((formItem: any, index: number) => {
-    if (formItem.value?.hilb_id) {
-      const category = honorCategories.value.find(
-        (cat: any) => cat.id === formItem.value.hilb_id
-      );
-
-      if (category) {
-        // 更新获奖级别选项
-        updateAwardLevels(index, category);
-      } else {
-        console.log(`未找到荣誉类别 ID: ${formItem.value.hilb_id}`);
-      }
-    }
-  });
-
-  // 强制重新渲染以确保获奖级别能正确显示
-  forceUpdateKey.value++;
-};
-
-// 添加新的教育项
-function addEducation() {
-  const newIndex = education.xl.length;
-  education.xl.push({ value: {} });
-
-  // 为新项初始化空的获奖级别选项
-  awardLevelsMap[newIndex] = [];
-}
-
-// 删除教育项
-function deleteMemberFamily(index: number, item: any) {
-  // 删除对应的获奖级别数据
-  delete awardLevelsMap[index];
-
-  // 重新整理awardLevelsMap的键值
-  const newAwardLevelsMap: Record<number, any[]> = {};
-  education.xl.forEach((_: any, i: number) => {
-    if (i < index) {
-      newAwardLevelsMap[i] = awardLevelsMap[i] || [];
-    } else if (i > index) {
-      newAwardLevelsMap[i - 1] = awardLevelsMap[i] || [];
-    }
-  });
-
-  // 删除表单项
-  education.xl.splice(index, 1);
-
-  // 更新awardLevelsMap
-  Object.keys(awardLevelsMap).forEach(
-    (key: string) => delete awardLevelsMap[Number(key)]
-  );
-  Object.assign(awardLevelsMap, newAwardLevelsMap);
-}
-
-// 提交数据
-function submit() {
-  const gkkRyList = map(education.xl, (item) => {
-    return { ...item.value, hjlxId: "GKKHJQK" };
-  });
-}
-
-// // 初始化数据
-// const { getFile, setFile } = useDataStore();
-
-// // 处理回显数据
-// if (getFile.gkkRyList && getFile.gkkRyList.length > 0) {
-//   education.xl = map(getFile.gkkRyList, (item) => {
-//     return { value: item };
-//   });
-// }
-
-// 页面加载时初始化
-onMounted(() => {
-  // if (getFile.gkkRyList && getFile.gkkRyList.length > 0) {
-  //   // 有回显数据时，延迟初始化确保数据正确加载
-  //   nextTick(() => {
-  //     initEchoData();
-  //   });
-  // } else {
-  //   // 无回显数据时，只需要初始化荣誉类别
-  //   initHonorCategories();
-  // }
-});
-</script>
-<style>
-.delete-icon {
-  position: absolute;
-  right: -13px;
-  top: -14px;
-  z-index: 1;
-}
-</style>
diff --git a/src/pages/view/routine/JiFenPingJia/detail.vue b/src/pages/view/routine/JiFenPingJia/detail.vue
deleted file mode 100644
index 575cf00..0000000
--- a/src/pages/view/routine/JiFenPingJia/detail.vue
+++ /dev/null
@@ -1,426 +0,0 @@
-<template>
-  <view class="detail-container">
-    <view class="content-wrapper">
-      <!-- 评分标准 -->
-      <view class="form-section">
-        <view class="section-title">评分标准</view>
-        <view class="standard-text">
-          1.一二年级考核语文、数学两个学科。平行班教学质量评价差距均在2分内的，按一...
-        </view>
-      </view>
-
-      <!-- 考核评价 -->
-      <view class="detail-item">
-        <text class="detail-label">考核评价</text>
-        <text class="detail-value">{{ detailData.evaluationType }}</text>
-      </view>
-
-      <!-- 积分类型 -->
-      <view class="detail-item">
-        <text class="detail-label">积分类型</text>
-        <text class="detail-value">{{ detailData.scoreType }}</text>
-      </view>
-
-      <!-- 积分分值 -->
-      <view class="detail-item">
-        <text class="detail-label">积分分值</text>
-        <text class="detail-value">{{ detailData.scoreValue }}</text>
-      </view>
-
-      <!-- 考核处室 -->
-      <view class="detail-item">
-        <text class="detail-label">考核处室</text>
-        <text class="detail-value">{{ detailData.department }}</text>
-      </view>
-
-      <!-- 考核时间 -->
-      <view class="detail-item">
-        <text class="detail-label">考核时间</text>
-        <text class="detail-value">{{ detailData.evaluationDate }}</text>
-      </view>
-
-      <!-- 考核打分 -->
-      <view class="detail-item">
-        <text class="detail-label">考核打分</text>
-        <text class="detail-value">{{ detailData.score }}</text>
-      </view>
-
-      <!-- 证明材料 -->
-      <view class="detail-item file-section" v-if="detailData.files && detailData.files.length > 0">
-        <text class="detail-label">证明材料</text>
-        <view class="file-list">
-          <view
-            class="file-item"
-            v-for="(file, index) in detailData.files"
-            :key="index"
-            @click="handlePreviewFile(file)"
-          >
-            <uni-icons type="paperplane" size="16" color="#409eff" />
-            <text class="file-name">{{ file.name }}</text>
-          </view>
-        </view>
-      </view>
-
-      <!-- 返回按钮 -->
-      <view class="bottom-actions">
-        <button class="mobile-btn" @click="goBack">返回</button>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted } from "vue";
-import { onLoad } from "@dcloudio/uni-app";
-import { imagUrl } from "@/utils";
-import { getByUserIdAndInspectItemIdApi } from "@/api/base/server";
-import { 
-  isVideo, 
-  isImage, 
-  canPreview, 
-  previewFile, 
-  previewVideo, 
-  previewImage, 
-  downloadFile 
-} from "@/utils/filePreview";
-
-interface DetailData {
-  evaluationType: string;
-  scoreType: string;
-  scoreValue: number | string;
-  department: string;
-  evaluationDate: string;
-  score: number | string;
-  files: Array<{ name: string; url: string; resSuf?: string }>;
-}
-
-// 详情数据
-const detailData = ref<DetailData>({
-  evaluationType: "",
-  scoreType: "",
-  scoreValue: 0,
-  department: "",
-  evaluationDate: "",
-  score: 0,
-  files: [],
-});
-
-// 页面参数
-const pageParams = ref({
-  inspectItemId: '',
-  userId: ''
-});
-
-// 获取详情数据
-const loadDetailData = async () => {
-  try {
-    const { inspectItemId, userId } = pageParams.value;
-    
-    console.log('页面参数:', pageParams.value);
-    
-    if (!inspectItemId || !userId) {
-      console.error('缺少必要参数');
-      uni.showToast({
-        title: '参数错误',
-        icon: 'none'
-      });
-      return;
-    }
-    
-    // 调用API获取详情数据
-    const res = await getByUserIdAndInspectItemIdApi({
-      userId: userId,
-      inspectItemId: inspectItemId
-    });
-    
-    console.log('API返回数据:', res);
-    
-    if (res && res.resultCode === 1 && res.result) {
-      const data = res.result;
-      
-      // 处理返回的数据结构
-      detailData.value = {
-        evaluationType: data.evaluations?.[0]?.itemName || "考核评价",
-        scoreType: data.evaluations?.[0]?.scoreType === "1" ? "加分" : "扣分",
-        scoreValue: data.evaluations?.[0]?.score || 0,
-        department: data.evaluations?.[0]?.departmentName || "教科处",
-        evaluationDate: data.evaluations?.[0]?.examineTime || "",
-        score: data.score || 0,
-        files: data.evaluations?.[0]?.pic ? [
-          {
-            name: "证明材料",
-            url: data.evaluations[0].pic,
-            resSuf: data.evaluations[0].pic.split(".").pop()?.toLowerCase() || ""
-          }
-        ] : []
-      };
-      
-      console.log('处理后的详情数据:', detailData.value);
-    } else {
-      console.warn('API返回数据为空或格式不正确');
-      uni.showToast({
-        title: '未获取到详情数据',
-        icon: 'none'
-      });
-    }
-    
-  } catch (error) {
-    console.error('获取详情数据失败:', error);
-    uni.showToast({
-      title: '获取数据失败',
-      icon: 'none'
-    });
-  }
-};
-
-// 返回上一页
-const goBack = () => {
-  uni.navigateBack();
-};
-
-// 文件预览处理（参考教学资源的预览方式）
-const handlePreviewFile = (file: { name: string; url: string; resSuf?: string }) => {
-  const fileUrl = imagUrl(file.url);
-  const fileName = file.name;
-  const fileExt = file.resSuf || file.name.split(".").pop()?.toLowerCase() || "";
-  
-  console.log('预览文件:', {
-    name: fileName,
-    url: fileUrl,
-    ext: fileExt
-  });
-  
-  // 根据文件类型进行预览
-  if (isVideo(fileExt)) {
-    // 视频预览
-    previewVideo(fileUrl, fileName)
-      .then(() => {
-        console.log('视频预览成功');
-      })
-      .catch((error) => {
-        console.error('视频预览失败:', error);
-        // 预览失败时尝试下载
-        handleDownloadFile(file);
-      });
-  } else if (isImage(fileExt)) {
-    // 图片预览
-    previewImage(fileUrl)
-      .then(() => {
-        console.log('图片预览成功');
-      })
-      .catch((error) => {
-        console.error('图片预览失败:', error);
-        handleDownloadFile(file);
-      });
-  } else if (canPreview(fileExt)) {
-    // 可预览文件
-    previewFile(fileUrl, fileName, fileExt)
-      .then(() => {
-        console.log('文件预览成功');
-      })
-      .catch((error) => {
-        console.error('文件预览失败:', error);
-        handleDownloadFile(file);
-      });
-  } else {
-    // 不可预览文件，直接下载
-    handleDownloadFile(file);
-  }
-};
-
-// 文件下载处理
-const handleDownloadFile = (file: { name: string; url: string }) => {
-  const fileUrl = imagUrl(file.url);
-  const fileName = file.name;
-  
-  uni.showModal({
-    title: "提示",
-    content: `是否下载文件: ${fileName}?`,
-    success: (res) => {
-      if (res.confirm) {
-        downloadFile(fileUrl, fileName)
-          .then(() => {
-            uni.showToast({
-              title: "下载成功",
-              icon: "success",
-            });
-          })
-          .catch((error) => {
-            console.error('下载失败:', error);
-            uni.showToast({
-              title: "下载失败",
-              icon: "none",
-            });
-          });
-      }
-    },
-  });
-};
-
-onMounted(() => {
-  // onLoad会自动执行，不需要在这里调用
-});
-
-// 调用onLoad生命周期
-onLoad((options) => {
-  console.log('onLoad被调用，参数:', options);
-  
-  // 从URL获取inspectItemId
-  const inspectItemId = options.inspectItemId || '';
-  
-  // 从缓存获取教师ID
-  let userId = '';
-  const userDataStr = uni.getStorageSync('app-user');
-  if (userDataStr) {
-    try {
-      const userData = typeof userDataStr === 'string' ? JSON.parse(userDataStr) : userDataStr;
-      if (userData && userData.jsData && userData.jsData.id) {
-        userId = userData.jsData.id;
-        console.log('从缓存获取到教师ID:', userId);
-      }
-    } catch (error) {
-      console.error('解析用户数据失败:', error);
-    }
-  }
-  
-  // 设置页面参数
-  pageParams.value = {
-    inspectItemId: inspectItemId,
-    userId: userId
-  };
-  
-  console.log('最终页面参数:', pageParams.value);
-  
-  // 加载详情数据
-  loadDetailData();
-});
-</script>
-
-<style scoped lang="scss">
-.detail-container {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-}
-
-.content-wrapper {
-  padding: 30rpx 30rpx 40rpx;
-}
-
-.form-section {
-  background-color: #ffffff;
-  border-radius: 16rpx;
-  padding: 30rpx;
-  margin-bottom: 20rpx;
-
-  .section-title {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #333;
-    margin-bottom: 20rpx;
-  }
-
-  .standard-text {
-    font-size: 28rpx;
-    color: #666;
-    line-height: 1.6;
-  }
-}
-
-.detail-item {
-  display: flex;
-  align-items: center;
-  background-color: #ffffff;
-  border-radius: 16rpx;
-  padding: 30rpx;
-  margin-bottom: 20rpx;
-
-  .detail-label {
-    font-size: 28rpx;
-    color: #333;
-    width: 160rpx;
-    flex-shrink: 0;
-  }
-
-  .detail-value {
-    flex: 1;
-    font-size: 28rpx;
-    color: #333;
-    text-align: right;
-  }
-}
-
-.file-section {
-  flex-direction: column;
-  align-items: flex-start;
-
-  .detail-label {
-    margin-bottom: 20rpx;
-  }
-
-  .file-list {
-    width: 100%;
-
-    .file-item {
-      display: flex;
-      align-items: center;
-      padding: 15rpx 20rpx;
-      background-color: #f5f5f5;
-      border-radius: 8rpx;
-      margin-bottom: 10rpx;
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:hover {
-        background-color: #e6f7ff;
-      }
-
-      &:active {
-        transform: translateY(1px);
-        background-color: #d4f1ff;
-      }
-
-      uni-icons {
-        margin-right: 10rpx;
-      }
-
-      .file-name {
-        font-size: 26rpx;
-        color: #333;
-        flex: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}
-
-.bottom-actions {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 20rpx 30rpx;
-  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
-  background-color: #ffffff;
-  border-top: 1rpx solid #eee;
-
-  .mobile-btn {
-    width: 100%;
-    height: 88rpx;
-    background-color: #409eff;
-    color: #ffffff;
-    font-size: 32rpx;
-    font-weight: bold;
-    border-radius: 44rpx;
-    border: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:active {
-      background-color: #337ecc;
-    }
-  }
-}
-</style>
diff --git a/src/pages/view/routine/JiFenPingJia/jfself/IntegralApply.vue b/src/pages/view/routine/JiFenPingJia/jfself/IntegralApply.vue
new file mode 100644
index 0000000..665a42e
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfself/IntegralApply.vue
@@ -0,0 +1,1491 @@
+<template>
+  <BasicLayout>
+    <scroll-view scroll-y class="form-scroll">
+      <view class="form-container">
+        <!-- 积分标准区域 -->
+        <view class="section">
+          <view class="section-title">
+            <view class="title-line"></view>
+            <text class="title-text">积分标准</text>
+          </view>
+          
+      <BasicForm
+        v-model="formData"
+        :schema="formSchema"
+        :formsProps="{ labelWidth: 100 }"
+        :key="formSchemaKey"
+      >
+        <template #ruleStandard>
+          <view class="node-field">
+            <view class="field-label-title">检查标准</view>
+            <text v-if="formData.ruleStandard" class="field-value">{{ formData.ruleStandard }}</text>
+            <text v-else class="field-value placeholder-text">选择积分项目后自动显示</text>
+          </view>
+        </template>
+        <template #scoreConfig>
+          <view class="node-field">
+            <view class="field-label-title">业绩积分</view>
+            <view v-if="formData.scoreConfig" class="score-config-wrapper">
+              <view 
+                v-for="(category, catIdx) in formatScoreConfig(formData.scoreConfig)" 
+                :key="catIdx" 
+                class="score-config-category"
+              >
+                <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                  <view class="table-header">
+                    <view class="table-cell header-cell">级别</view>
+                    <view class="table-cell header-cell">分值</view>
+                  </view>
+                  <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                    <view class="table-cell">{{ row.level }}</view>
+                    <view class="table-cell score-cell">{{ row.scores }}</view>
+                  </view>
+                </view>
+                <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                <view v-else class="score-config-table">
+                  <view class="table-header">
+                    <view class="table-cell header-cell">级别</view>
+                    <view class="table-cell header-cell">一等奖</view>
+                    <view class="table-cell header-cell">二等奖</view>
+                    <view class="table-cell header-cell">三等奖</view>
+                  </view>
+                  <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                    <view class="table-cell">{{ row.level }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view v-else class="score-config-placeholder">
+              <text class="placeholder-text">选择积分项目后自动显示</text>
+            </view>
+          </view>
+        </template>
+      </BasicForm>
+        </view>
+        
+        <!-- 获奖情况区域 -->
+        <view class="section">
+          <view class="section-title">
+            <view class="title-line"></view>
+            <text class="title-text">获奖情况</text>
+          </view>
+          
+          <BasicForm
+            v-model="formData"
+            :schema="assessmentSchema"
+            :formsProps="{ labelWidth: 100 }"
+            :key="assessmentSchemaKey"
+          >
+            <template #certificate>
+              <view class="certificate-upload-section">
+                <text class="certificate-label">
+                  <text class="required-asterisk">*</text>证书上传
+                </text>
+                <view class="attachment-list">
+                  <view
+                    v-for="(att, index) in formData.attachments"
+                    :key="index"
+                    class="attachment-item"
+                  >
+                    <uni-icons
+                      :type="getAttachmentIcon(att.type)"
+                      size="20"
+                      color="#666"
+                      class="attachment-icon"
+                    ></uni-icons>
+                    <text class="attachment-name" @click="previewAttachment(att)">{{
+                      att.name
+                    }}</text>
+                    <uni-icons
+                      type="closeempty"
+                      size="18"
+                      color="#999"
+                      class="remove-icon"
+                      @click="removeAttachment(index)"
+                    ></uni-icons>
+                  </view>
+                </view>
+                <view class="add-attachment-placeholder" @click="addCertificate">
+                  <view class="add-icon">
+                    <uni-icons type="plusempty" size="20" color="#ccc"></uni-icons>
+                  </view>
+                  <text class="placeholder-text">添加证书文件</text>
+                </view>
+              </view>
+            </template>
+          </BasicForm>
+        </view>
+      </view>
+    </scroll-view>
+    
+    <!-- 固定在底部的提交按钮 -->
+    <view class="fixed-bottom">
+      <button class="submit-btn" @click="handleSubmit" :disabled="submitting">
+        {{ submitting ? '提交中...' : '提交' }}
+      </button>
+    </view>
+  </BasicLayout>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, watch, nextTick } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { 
+  jfTypeFindPageApi, 
+  jfRuleFindPageApi, 
+  jfSqApi,
+  jfTypeStructureApi
+} from "@/api/base/server";
+import { useUserStore } from "@/store/modules/user";
+import { showToast } from "@/utils/uniapp";
+import dayjs from "dayjs";
+import { attachmentUpload } from "@/api/system/upload";
+import { imagUrl } from "@/utils";
+
+const { getJs, getUser } = useUserStore();
+
+// 表单数据
+const formData = reactive<any>({
+  jfTypeId: '',
+  jfRuleId: '',
+  jsId: '',
+  jsmx: '',
+  rymc: '',
+  hjlx: '',
+  bjdw: '',
+  hjtime: '',
+  category: '',
+  level: '',
+  grade: '',
+  score: null,
+  khTime: new Date().toISOString().split('T')[0], // 默认当前日期
+  khJsId: '',
+  khjsxm: '',
+  khRemark: '',
+  jfStatus: 'D', // 默认已完结
+  fileUrl: '',
+  fileName: '',
+  fileFormat: '',
+  attachments: [] as Array<{ name: string; type: string; url: string; size?: number }>
+});
+
+const submitting = ref(false);
+// 用于强制更新表单的 key
+const formSchemaKey = ref(0);
+// 用于强制更新获奖情况表单的 key
+const assessmentSchemaKey = ref(0);
+
+// 积分项目树形数据
+const jfTypeTree = ref<any[]>([]);
+// 积分规则数据（按 jfTypeId 分组）
+const jfRuleMap = ref<Map<string, any[]>>(new Map());
+// 获奖类型选项
+const hjlxOptions = ref<any[]>([]);
+// 类别选项
+const categoryOptions = ref<any[]>([]);
+// 是否显示等级字段
+const showGradeField = ref(true);
+// 分值配置
+const scoreConfig = ref<any>(null);
+
+// 默认级别配置
+const defaultLevels = [
+  { label: '国', value: '国' },
+  { label: '省', value: '省' },
+  { label: '市', value: '市' },
+  { label: '区', value: '区' },
+  { label: '学区/街道', value: '学区/街道' },
+  { label: '校', value: '校' },
+];
+
+// 分值配置格式化相关接口
+interface ScoreConfigRow {
+  level: string;
+  scores: string | number[]; // 单个分值用字符串，多个分值用数组
+  hasMultipleGrades: boolean; // 是否有多个等级
+}
+
+interface ScoreConfigCategory {
+  category?: string;
+  rows: ScoreConfigRow[];
+  hasMultipleGrades: boolean; // 整个类别是否有多个等级
+}
+
+// 默认级别配置（用于格式化分值配置）
+const defaultLevelsForFormat = [
+  { levelCode: 'national', levelName: '国', key: 'levelNational' },
+  { levelCode: 'province', levelName: '省', key: 'levelProvince' },
+  { levelCode: 'city', levelName: '市', key: 'levelCity' },
+  { levelCode: 'district', levelName: '区', key: 'levelDistrict' },
+  { levelCode: 'school_district', levelName: '学区/街道', key: 'levelSchoolDistrict' },
+  { levelCode: 'school', levelName: '校', key: 'levelSchool' },
+];
+
+// 将分值数组格式化为字符串
+// 如果只有一个分值：返回 "30"
+// 如果有多个分值：返回数组 [28, 26, 24]
+function formatScores(scores: number[]): { display: string | number[], hasMultiple: boolean } {
+  if (!scores || scores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  const validScores = scores.filter(s => s > 0);
+  if (validScores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  
+  // 如果只有一个分值，返回字符串
+  if (validScores.length === 1) {
+    return { display: String(validScores[0]), hasMultiple: false };
+  }
+  
+  // 如果有多个分值，返回数组
+  return { display: validScores, hasMultiple: true };
+}
+
+// 格式化分值配置
+const formatScoreConfig = (config: any): ScoreConfigCategory[] => {
+  if (!config) return [];
+  try {
+    // 如果是字符串，尝试解析
+    let configObj = config;
+    if (typeof config === "string") {
+      try {
+        configObj = JSON.parse(config);
+      } catch {
+        return [];
+      }
+    }
+    
+    const result: ScoreConfigCategory[] = [];
+    
+    // 如果已经有 categories 格式
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        const categoryName = cat.category || '';
+        const rows: ScoreConfigRow[] = [];
+        let categoryHasMultiple = false;
+        
+        defaultLevelsForFormat.forEach(level => {
+          const scores = cat[level.key] as number[];
+          if (scores && scores.length > 0) {
+            const formatted = formatScores(scores);
+            if (formatted.display) {
+              if (formatted.hasMultiple) {
+                categoryHasMultiple = true;
+              }
+              rows.push({
+                level: level.levelName,
+                scores: formatted.display,
+                hasMultipleGrades: formatted.hasMultiple
+              });
+            }
+          }
+        });
+        
+        if (rows.length > 0) {
+          result.push({
+            category: categoryName,
+            rows: rows,
+            hasMultipleGrades: categoryHasMultiple
+          });
+        }
+      });
+    }
+    // 如果有旧的 category + levels 格式
+    else if (configObj.category && configObj.levels) {
+      const rows: ScoreConfigRow[] = [];
+      let categoryHasMultiple = false;
+      
+      configObj.levels.forEach((level: any) => {
+        if (level.scores && level.scores.length > 0) {
+          const formatted = formatScores(level.scores);
+          if (formatted.display) {
+            if (formatted.hasMultiple) {
+              categoryHasMultiple = true;
+            }
+            const levelName = level.levelName || level.levelCode || '';
+            rows.push({
+              level: levelName,
+              scores: formatted.display,
+              hasMultipleGrades: formatted.hasMultiple
+            });
+          }
+        }
+      });
+      
+      if (rows.length > 0) {
+        result.push({
+          category: configObj.category,
+          rows: rows,
+          hasMultipleGrades: categoryHasMultiple
+        });
+      }
+    }
+    
+    return result;
+  } catch {
+    return [];
+  }
+};
+
+// 级别映射：级别名称 -> scoreConfig 中的字段名
+const LEVEL_MAP: Record<string, string> = {
+  '国': 'levelNational',
+  '省': 'levelProvince',
+  '市': 'levelCity',
+  '区': 'levelDistrict',
+  '学区/街道': 'levelSchoolDistrict',
+  '校': 'levelSchool',
+};
+
+// 等级映射：等级名称 -> 分值数组中的索引
+const GRADE_MAP: Record<string, number> = {
+  '一等奖': 0,
+  '二等奖': 1,
+  '三等奖': 2,
+};
+
+// 构建树形结构
+function buildTree(list: any[]): any[] {
+  const map = new Map();
+  const roots: any[] = [];
+  
+  list.forEach(item => {
+    map.set(item.id, {
+      ...item,
+      children: []
+    });
+  });
+  
+  list.forEach(item => {
+    const node = map.get(item.id);
+    if (item.pid && map.has(item.pid)) {
+      const parent = map.get(item.pid);
+      parent.children.push(node);
+    } else {
+      roots.push(node);
+    }
+  });
+  
+  // 清理空的 children
+  function cleanEmptyChildren(nodes: any[]) {
+    nodes.forEach(node => {
+      if (node.children && node.children.length > 0) {
+        cleanEmptyChildren(node.children);
+      } else {
+        delete node.children;
+      }
+    });
+  }
+  
+  cleanEmptyChildren(roots);
+  return roots;
+}
+
+// 从树形数据中提取所有叶子节点
+function extractLeafNodes(nodes: any[], result: any[] = []): any[] {
+  nodes.forEach(node => {
+    if (!node.children || node.children.length === 0) {
+      result.push(node);
+    } else {
+      extractLeafNodes(node.children, result);
+    }
+  });
+  return result;
+}
+
+// 根据 ID 查找树节点并构建完整路径
+function findNodeById(nodes: any[], id: string, path: string[] = []): { node: any, path: string[] } | null {
+  for (const node of nodes) {
+    const currentPath = [...path, node.jfmc];
+    if (String(node.id) === String(id)) {
+      return { node, path: currentPath };
+    }
+    if (node.children && node.children.length > 0) {
+      const found = findNodeById(node.children, id, currentPath);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
+
+// 选中的积分项目显示文本（用于回显）
+const selectedJfTypeText = ref('');
+
+// 初始化回显：根据 formData.jfTypeId 设置显示文本
+const initJfTypeDisplay = () => {
+  if (formData.jfTypeId && jfTypeTree.value.length > 0) {
+    const found = findNodeById(jfTypeTree.value, formData.jfTypeId);
+    if (found) {
+      selectedJfTypeText.value = found.path.join(' / ');
+    }
+  }
+};
+
+// 加载积分项目数据
+const loadJfTypes = async () => {
+  try {
+    const res: any = await jfTypeFindPageApi({
+      page: 1,
+      rows: 1000
+    });
+    const list = res?.result?.rows || res?.rows || res?.result || [];
+    const treeData = buildTree(list);
+    jfTypeTree.value = treeData;
+    // 强制更新表单，确保 BasicTree 组件接收到新数据
+    formSchemaKey.value++;
+  } catch (error) {
+    console.error('加载积分项目失败:', error);
+    showToast({
+      title: '加载积分项目失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 加载积分规则数据
+const loadJfRules = async () => {
+  try {
+    const res: any = await jfRuleFindPageApi({
+      page: 1,
+      rows: 1000
+    });
+    const list = res?.result?.rows || res?.rows || [];
+    const map = new Map<string, any[]>();
+    
+    list.forEach((rule: any) => {
+      const jfTypeId = String(rule.jfTypeId);
+      if (!map.has(jfTypeId)) {
+        map.set(jfTypeId, []);
+      }
+      map.get(jfTypeId)!.push(rule);
+    });
+    
+    jfRuleMap.value = map;
+  } catch (error) {
+    console.error('加载积分规则失败:', error);
+  }
+};
+
+// 从 scoreConfig 中提取类别选项
+const updateCategoryOptions = (config: any) => {
+  categoryOptions.value = [];
+  if (!config) {
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+    return;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        if (cat.category) {
+          const categoryNames = cat.category.split('、');
+          categoryNames.forEach((name: string) => {
+            const trimmedName = name.trim();
+            if (trimmedName && !categoryOptions.value.find(opt => opt.value === trimmedName)) {
+              categoryOptions.value.push({
+                label: trimmedName,
+                value: trimmedName
+              });
+            }
+          });
+        }
+      });
+    }
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  } catch (e) {
+    console.error('解析 scoreConfig 失败:', e);
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+};
+
+// 检查是否需要显示等级字段
+const checkGradeFieldVisibility = (config: any, category: string) => {
+  if (!config || !category) {
+    showGradeField.value = true;
+    return;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      const categoryData = configObj.categories.find((cat: any) => {
+        const categoryNames = cat.category ? cat.category.split('、') : [];
+        return categoryNames.some((name: string) => name.trim() === category);
+      });
+      
+      if (categoryData) {
+        let allLevelsHaveSingleValue = true;
+        for (const levelName in LEVEL_MAP) {
+          const levelKey = LEVEL_MAP[levelName];
+          const scores = categoryData[levelKey];
+          // 如果分值数组存在且长度大于1，则需要显示等级字段
+          if (scores && Array.isArray(scores) && scores.length > 1) {
+            allLevelsHaveSingleValue = false;
+            break;
+          }
+        }
+        // 如果所有级别的分值都只有一个值（或为空），则不显示等级字段
+        showGradeField.value = !allLevelsHaveSingleValue;
+      } else {
+        showGradeField.value = true;
+      }
+    } else {
+      showGradeField.value = true;
+    }
+  } catch (e) {
+    console.error('检查等级字段显示失败:', e);
+    showGradeField.value = true;
+  }
+};
+
+// 计算分值
+const calculateScore = (config: any, category: string, level: string, grade?: string): number | null => {
+  if (!config || !category || !level) {
+    return null;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      const categoryData = configObj.categories.find((cat: any) => {
+        const categoryNames = cat.category ? cat.category.split('、') : [];
+        return categoryNames.some((name: string) => name.trim() === category);
+      });
+      
+      if (categoryData) {
+        const levelKey = LEVEL_MAP[level];
+        if (levelKey) {
+          const scores = categoryData[levelKey];
+          if (scores && Array.isArray(scores) && scores.length > 0) {
+            if (scores.length === 1) {
+              // 只有一个分值，直接返回
+              return scores[0];
+            } else if (grade) {
+              // 有多个分值，需要等级
+              const gradeIndex = GRADE_MAP[grade];
+              if (gradeIndex !== undefined && scores[gradeIndex] !== undefined) {
+                return scores[gradeIndex];
+              }
+            }
+          }
+        }
+      }
+    }
+  } catch (e) {
+    console.error('计算分值失败:', e);
+  }
+  
+  return null;
+};
+
+// 积分项目选择变化
+const handleJfTypeChange = async (value: any) => {
+  const jfTypeId = typeof value === 'object' && value !== null ? value.value : value;
+  
+  if (!jfTypeId) {
+    formData.jfRuleId = '';
+    formData.ruleStandard = '';
+    formData.scoreConfig = null;
+    hjlxOptions.value = [];
+    categoryOptions.value = [];
+    showGradeField.value = true;
+    scoreConfig.value = null;
+    return;
+  }
+  
+  const rules = jfRuleMap.value.get(String(jfTypeId)) || [];
+  if (rules.length > 0) {
+    const rule = rules[0];
+    formData.jfRuleId = String(rule.id);
+    formData.ruleStandard = rule.ruleStandard;
+    formData.scoreConfig = rule.scoreConfig;
+    scoreConfig.value = rule.scoreConfig;
+    
+    // 解析获奖类型选项
+    if (rule.optionConfig) {
+      try {
+        const config = typeof rule.optionConfig === 'string' 
+          ? JSON.parse(rule.optionConfig) 
+          : rule.optionConfig;
+        if (config.options && Array.isArray(config.options)) {
+          hjlxOptions.value = config.options
+            .filter((opt: any) => opt.name && opt.name.trim())
+            .map((opt: any) => ({
+              label: opt.name,
+              value: opt.name
+            }));
+        }
+      } catch (e) {
+        console.error('解析 optionConfig 失败:', e);
+        hjlxOptions.value = [];
+      }
+    } else {
+      hjlxOptions.value = [];
+    }
+    
+    // 更新类别选项（内部会更新 key）
+    updateCategoryOptions(rule.scoreConfig);
+  } else {
+    formData.jfRuleId = '';
+    formData.ruleStandard = '';
+    formData.scoreConfig = null;
+    hjlxOptions.value = [];
+    categoryOptions.value = [];
+    showGradeField.value = true;
+    scoreConfig.value = null;
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+  
+  // 清空相关字段
+  formData.category = '';
+  formData.level = '';
+  formData.grade = '';
+  formData.score = null;
+};
+
+// 类别、级别、等级变化时计算分值
+watch([() => formData.category, () => formData.level, () => formData.grade], 
+  ([category, level, grade]) => {
+    if (category && level && scoreConfig.value) {
+      if (showGradeField.value && grade) {
+        // 需要等级
+        const score = calculateScore(scoreConfig.value, category, level, grade);
+        formData.score = score;
+      } else if (!showGradeField.value) {
+        // 不需要等级
+        const score = calculateScore(scoreConfig.value, category, level);
+        formData.score = score;
+      } else {
+        formData.score = null;
+      }
+    } else {
+      formData.score = null;
+    }
+  }
+);
+
+// 类别变化时检查是否需要显示等级字段
+watch(() => formData.category, (category) => {
+  if (category && scoreConfig.value) {
+    checkGradeFieldVisibility(scoreConfig.value, category);
+    // 强制更新获奖情况表单，以反映等级字段的显示/隐藏
+    assessmentSchemaKey.value++;
+  } else {
+    showGradeField.value = true;
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+});
+
+// 监听 showGradeField 的变化，确保表单能够响应
+watch(() => showGradeField.value, () => {
+  // 强制更新获奖情况表单，以反映等级字段的显示/隐藏
+  assessmentSchemaKey.value++;
+});
+
+
+// 处理积分项目选择确认
+const handleJfTypeTreeConfirm = (selectedItems: any[]) => {
+  if (selectedItems && selectedItems.length > 0) {
+    const selectedItem = selectedItems[0];
+    const jfTypeId = selectedItem.id;
+    
+    // 构建显示文本（完整路径）
+    let displayText = '';
+    if (selectedItem.parents && selectedItem.parents.length > 0) {
+      displayText = selectedItem.parents.map((p: any) => p.jfmc || p.name).join(' / ') + ' / ' + (selectedItem.jfmc || selectedItem.name);
+    } else {
+      displayText = selectedItem.jfmc || selectedItem.name || '';
+    }
+    
+    selectedJfTypeText.value = displayText;
+    formData.jfTypeId = jfTypeId;
+    handleJfTypeChange(jfTypeId);
+  }
+};
+
+// 表单配置 - 积分标准
+const formSchema = computed(() => {
+  return [
+    {
+      field: "jfTypeId",
+      label: "积分项目",
+      component: "BasicTree",
+      required: true,
+      componentProps: {
+        range: jfTypeTree.value, // 直接传递数组，FormBasicTree 会通过 computed 监听
+        idKey: "id",
+        rangeKey: "jfmc",
+        savaKey: "id",
+        title: "选择积分项目",
+        multiple: false,
+        selectParent: false, // 只能选择叶子节点
+        defaultExpandLevel: 1, // 默认展开第一层
+        confirmColor: "#3b82f6",
+        ok: handleJfTypeTreeConfirm
+      }
+    },
+    {
+      field: "ruleStandard",
+      label: "",
+      component: "BasicInput",
+      slot: "ruleStandard",
+      componentProps: {
+        disabled: true
+      }
+    },
+    {
+      field: "scoreConfig",
+      label: "",
+      component: "BasicInput",
+      slot: "scoreConfig",
+      componentProps: {
+        disabled: true
+      }
+    }
+  ];
+});
+
+// 表单配置 - 获奖情况
+const assessmentSchema = computed(() => {
+  const schema: any[] = [
+    {
+      field: "rymc",
+      label: "荣誉名称",
+      component: "BasicInput",
+      required: true,
+      componentProps: {
+        placeholder: '请输入荣誉名称'
+      }
+    },
+    {
+      field: "hjlx",
+      label: "获奖类型",
+      component: "BasicPicker",
+      required: true,
+      componentProps: {
+        range: hjlxOptions.value,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择获奖类型'
+      }
+    },
+    {
+      field: "bjdw",
+      label: "颁奖单位",
+      component: "BasicInput",
+      required: true,
+      componentProps: {
+        placeholder: '请输入颁奖单位'
+      }
+    },
+    {
+      field: "hjtime",
+      label: "获奖时间",
+      component: "BasicDateTime",
+      required: true,
+      componentProps: {
+        mode: "year-month",
+        minDate: dayjs('1950-01-01').valueOf(),
+        maxDate: dayjs().valueOf(),
+        placeholder: '请选择获奖时间'
+      }
+    },
+    {
+      field: "category",
+      label: "类别",
+      component: "BasicPicker",
+      required: true,
+      componentProps: {
+        range: categoryOptions.value,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择类别',
+        ok: () => {
+          // 选择类别后，检查是否需要显示等级字段
+          if (formData.category && scoreConfig.value) {
+            checkGradeFieldVisibility(scoreConfig.value, formData.category);
+          }
+        }
+      }
+    },
+    {
+      field: "level",
+      label: "级别",
+      component: "BasicPicker",
+      required: true,
+      componentProps: {
+        range: defaultLevels,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择级别'
+      }
+    }
+  ];
+  
+  // 根据配置动态添加等级字段
+  if (showGradeField.value) {
+    schema.push({
+      field: "grade",
+      label: "等级",
+      component: "BasicPicker",
+      required: true,
+      componentProps: {
+        range: [
+          { label: '一等奖', value: '一等奖' },
+          { label: '二等奖', value: '二等奖' },
+          { label: '三等奖', value: '三等奖' }
+        ],
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择等级'
+      }
+    });
+  }
+  
+  schema.push(
+    {
+      field: "score",
+      label: "分值",
+      component: "BasicInput",
+      required: true,
+      componentProps: {
+        disabled: true,
+        placeholder: showGradeField.value 
+          ? '请选择类别、级别、等级后自动计算' 
+          : '请选择类别、级别后自动计算'
+      }
+    },
+    {
+      field: "certificate",
+      label: "",
+      component: "BasicInput",
+      slot: "certificate",
+      componentProps: {
+        disabled: true
+      }
+    },
+    {
+      field: "khRemark",
+      label: "备注",
+      component: "BasicInput",
+      componentProps: {
+        placeholder: '请输入备注',
+        type: 'textarea'
+      }
+    }
+  );
+  
+  return schema;
+});
+
+// 获取附件图标
+const getAttachmentIcon = (type: string): string => {
+  if (type === "image") return "image";
+  if (type === "video") return "videocam";
+  if (type === "audio") return "mic";
+  return "paperclip";
+};
+
+// 预览附件
+const previewAttachment = (attachment: any) => {
+  // 如果是图片类型，可以预览
+  if (attachment.type === "image") {
+    const fullUrl = imagUrl(attachment.url);
+    uni.previewImage({
+      urls: [fullUrl],
+      current: fullUrl,
+    });
+  } else {
+    showToast({
+      title: `预览 ${attachment.name} 功能待实现`,
+      icon: 'none'
+    });
+  }
+};
+
+// 删除附件
+const removeAttachment = (index: number) => {
+  formData.attachments.splice(index, 1);
+  showToast({
+    title: '已移除证书',
+    icon: 'success'
+  });
+};
+
+// 添加证书
+const addCertificate = () => {
+  uni.chooseFile({
+    count: 1, // 只允许选择一个文件
+    type: "all",
+    success: async (res) => {
+      const tempFiles = res.tempFiles;
+      if (Array.isArray(tempFiles) && tempFiles.length > 0) {
+        uni.showLoading({ title: "上传中..." });
+
+        try {
+          const file = tempFiles[0] as any;
+          let fileType = "file";
+          const fileName = file.name || "";
+          const fileExtension = fileName.split(".").pop()?.toLowerCase();
+
+          if (
+            ["png", "jpg", "jpeg", "gif", "bmp", "webp"].includes(
+              fileExtension || ""
+            )
+          ) {
+            fileType = "image";
+          } else if (
+            ["mp4", "mov", "avi", "wmv", "flv"].includes(fileExtension || "")
+          ) {
+            fileType = "video";
+          } else if (
+            ["mp3", "wav", "aac", "ogg"].includes(fileExtension || "")
+          ) {
+            fileType = "audio";
+          }
+
+          if (
+            file.type &&
+            typeof file.type === "string" &&
+            (file.type.startsWith("image/") ||
+              file.type.startsWith("video/") ||
+              file.type.startsWith("audio/"))
+          ) {
+            fileType = file.type.split("/")[0];
+          }
+
+          // 直接使用文件路径作为 Blob 传给接口
+          const uploadResult: any = await attachmentUpload(
+            file.path as any
+          );
+
+          if (
+            uploadResult.resultCode === 1 &&
+            uploadResult.result &&
+            uploadResult.result.length > 0
+          ) {
+            // 保存原始的 filePath（用于提交到服务器）
+            const originalPath = uploadResult.result[0].filePath;
+            formData.attachments.push({
+              name: fileName,
+              type: fileType,
+              url: originalPath, // 保存原始路径
+              size: file.size,
+            });
+            
+            uni.showToast({ title: "证书上传成功", icon: "success" });
+          } else {
+            uni.showToast({ title: `${fileName} 上传失败`, icon: "error" });
+          }
+        } catch (error) {
+          console.error("证书上传失败:", error);
+          uni.showToast({ title: "证书上传失败", icon: "error" });
+        } finally {
+          uni.hideLoading();
+        }
+      }
+    },
+    fail: (err) => {
+      console.error("选择证书失败:", err);
+      if (err.errMsg && !err.errMsg.includes("cancel")) {
+        uni.showToast({ title: "选择证书失败", icon: "none" });
+      }
+    },
+  });
+};
+
+// 初始化当前教师信息
+const initTeacherInfo = () => {
+  const js = getJs; // getJs 是对象，不是函数
+  if (js && js.id) {
+    formData.jsId = js.id;
+    formData.jsmx = js.jsxm || '';
+  }
+};
+
+// 提交表单
+const handleSubmit = async () => {
+  // 验证必填字段 - 积分标准
+  if (!formData.jfTypeId) {
+    showToast({
+      title: '请选择积分项目',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  // 验证必填字段 - 获奖情况
+  if (!formData.rymc || !formData.rymc.trim()) {
+    showToast({
+      title: '请输入荣誉名称',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.hjlx) {
+    showToast({
+      title: '请选择获奖类型',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.bjdw || !formData.bjdw.trim()) {
+    showToast({
+      title: '请输入颁奖单位',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.hjtime) {
+    showToast({
+      title: '请选择获奖时间',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.category) {
+    showToast({
+      title: '请选择类别',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.level) {
+    showToast({
+      title: '请选择级别',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  // 如果等级字段显示，则必须填写
+  if (showGradeField.value && !formData.grade) {
+    showToast({
+      title: '请选择等级',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.score) {
+    showToast({
+      title: '请选择类别、级别' + (showGradeField.value ? '、等级' : '') + '以计算分值',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  // 验证证书上传
+  if (!formData.attachments || formData.attachments.length === 0) {
+    showToast({
+      title: '请上传证书',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  submitting.value = true;
+  try {
+    // 处理 jfTypeId（如果是对象，提取 value）
+    const jfTypeId = typeof formData.jfTypeId === 'object' && formData.jfTypeId !== null 
+      ? formData.jfTypeId.value 
+      : formData.jfTypeId;
+    
+    // 处理 hjtime：如果是 YYYY-MM 格式，转换为 YYYY-MM-01
+    let hjtime = formData.hjtime;
+    if (hjtime && hjtime.length === 7 && hjtime.match(/^\d{4}-\d{2}$/)) {
+      hjtime = hjtime + '-01';
+    }
+    
+    // 处理附件：如果有附件，取第一个附件的URL和名称
+    let fileUrl = '';
+    let fileName = '';
+    let fileFormat = '';
+    if (formData.attachments && formData.attachments.length > 0) {
+      const firstAttachment = formData.attachments[0];
+      fileUrl = firstAttachment.url || '';
+      fileName = firstAttachment.name || '';
+      // 从文件名提取格式
+      if (fileName) {
+        const ext = fileName.split('.').pop()?.toLowerCase() || '';
+        fileFormat = ext;
+      }
+    }
+    
+    const submitData: any = {
+      ...formData,
+      jfTypeId: jfTypeId,
+      hjtime: hjtime,
+      fileUrl: fileUrl,
+      fileName: fileName,
+      fileFormat: fileFormat,
+      jfStatus: 'A' // 提交后进入待审核
+    };
+    
+    // 移除 attachments 字段，因为后端不需要
+    delete submitData.attachments;
+    
+    const res: any = await jfSqApi(submitData);
+    
+    showToast({
+      title: '提交成功',
+      icon: 'success'
+    });
+    
+    // 跳转到审批流程查看页面（若拿到ID）
+    const newId = res?.result?.id || res?.data?.id || res?.result || res?.data || submitData.id;
+    setTimeout(() => {
+      if (newId) {
+        uni.navigateTo({
+          url: `/pages/view/routine/JiFenPingJia/jfsp/JfFlow?id=${newId}`
+        });
+      } else {
+        uni.navigateBack();
+      }
+    }, 800);
+  } catch (error) {
+    console.error('提交失败:', error);
+    showToast({
+      title: '提交失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 页面加载
+onLoad(async (options: any) => {
+  initTeacherInfo();
+  await loadJfTypes();
+  await loadJfRules();
+  
+  // 如果有传入的 jfTypeId，设置回显
+  if (options && options.jfTypeId) {
+    formData.jfTypeId = options.jfTypeId;
+    // 等待树数据加载完成后再初始化显示
+    await nextTick();
+    initJfTypeDisplay();
+    handleJfTypeChange(options.jfTypeId);
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.form-scroll {
+  flex: 1;
+  height: calc(100vh - 120rpx);
+}
+
+.form-container {
+  padding: 20rpx;
+  padding-bottom: 160rpx; // 为底部按钮留出空间
+  background-color: #f5f5f5;
+  min-height: 100%;
+}
+
+.section {
+  background-color: #ffffff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+  
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 24rpx;
+    padding: 0 12rpx;
+    
+    .title-line {
+      width: 8rpx;
+      height: 32rpx;
+      background: #1890ff;
+      border-radius: 4rpx;
+      margin-right: 16rpx;
+    }
+    
+    .title-text {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #262626;
+    }
+  }
+}
+
+// 固定在底部的提交按钮
+.fixed-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  padding: 24rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+}
+
+.submit-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  background: #3b82f6;
+  color: #ffffff;
+  border: none;
+  border-radius: 16rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.3);
+  transition: all 0.3s;
+  
+  &:disabled {
+    background: #9ca3af;
+    box-shadow: none;
+  }
+  
+  &:active:not(:disabled) {
+    transform: scale(0.98);
+    background: #1d4ed8;
+  }
+}
+
+// 检查标准和分值配置样式（参考 apply.vue）
+.node-field {
+  margin-top: 20rpx;
+  
+  &:first-child {
+    margin-top: 0;
+  }
+
+  .field-label-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 12rpx;
+    padding-bottom: 8rpx;
+    border-bottom: 2rpx solid #e4e7ed;
+  }
+
+  .field-value {
+    font-size: 28rpx;
+    color: #606266;
+    line-height: 1.8;
+    word-break: break-all;
+    margin-top: 8rpx;
+    white-space: pre-wrap;
+    display: block;
+    
+    &.placeholder-text {
+      color: #999;
+    }
+  }
+  
+  .score-config-wrapper {
+    width: 100%;
+    margin-top: 8rpx;
+  }
+  
+  .score-config-category {
+    margin-top: 16rpx;
+    
+    &:first-child {
+      margin-top: 8rpx;
+    }
+    
+    .category-title {
+      font-size: 28rpx;
+      font-weight: 600;
+      color: #409eff;
+      margin-bottom: 12rpx;
+      padding: 8rpx 12rpx;
+      background-color: #ecf5ff;
+      border-radius: 6rpx;
+      border-left: 4rpx solid #409eff;
+    }
+    
+    // 分值表格样式（单个分值和多个分值共用）
+    .score-config-table {
+      border: 1rpx solid #dcdfe6;
+      border-radius: 8rpx;
+      overflow: hidden;
+      
+      .table-header {
+        display: flex;
+        background-color: #f5f7fa;
+        border-bottom: 1rpx solid #dcdfe6;
+      }
+      
+      .table-row {
+        display: flex;
+        border-bottom: 1rpx solid #ebeef5;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+      
+      .table-cell {
+        padding: 16rpx 12rpx;
+        font-size: 26rpx;
+        text-align: center;
+        border-right: 1rpx solid #ebeef5;
+        
+        &:first-child {
+          width: 120rpx;
+          border-right: 1rpx solid #ebeef5;
+        }
+        
+        // 单个分值：只有两列（级别、分值）
+        &:nth-child(2):last-child {
+          flex: 1;
+          border-right: none;
+        }
+        
+        // 多个分值：有四列（级别、一等奖、二等奖、三等奖）
+        &:nth-child(2):not(:last-child),
+        &:nth-child(3),
+        &:nth-child(4) {
+          flex: 1;
+          min-width: 100rpx;
+        }
+        
+        &:last-child {
+          border-right: none;
+        }
+        
+        &.header-cell {
+          font-weight: bold;
+          color: #303133;
+          background-color: #f5f7fa;
+        }
+        
+        &.score-cell {
+          color: #409eff;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .score-config-placeholder {
+    margin-top: 8rpx;
+    
+    .placeholder-text {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+
+// 证书上传样式
+.certificate-upload-section {
+  width: 100%;
+  margin-top: 20rpx;
+  
+  .certificate-label {
+    font-size: 28rpx;
+    color: #303133;
+    margin-bottom: 16rpx;
+    display: block;
+    
+    .required-asterisk {
+      color: #f56c6c;
+      margin-right: 4rpx;
+    }
+  }
+  
+  .attachment-list {
+    margin-bottom: 12rpx;
+  }
+  
+  .attachment-item {
+    display: flex;
+    align-items: center;
+    background-color: #f8f9fa;
+    border-radius: 6rpx;
+    padding: 16rpx 24rpx;
+    margin-bottom: 12rpx;
+    border: 1rpx solid #e9ecef;
+
+    .attachment-icon {
+      margin-right: 16rpx;
+      flex-shrink: 0;
+    }
+    
+    .attachment-name {
+      flex-grow: 1;
+      font-size: 26rpx;
+      color: #495057;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      margin-right: 20rpx;
+    }
+    
+    .remove-icon {
+      flex-shrink: 0;
+      opacity: 0.7;
+      
+      &:active {
+        opacity: 1;
+        color: #dc3545 !important;
+      }
+    }
+  }
+  
+  .add-attachment-placeholder {
+    display: flex;
+    align-items: center;
+    border: 1rpx dashed #d5d8de;
+    border-radius: 6rpx;
+    padding: 24rpx;
+    background-color: #f8f8f8;
+    
+    .add-icon {
+      width: 60rpx;
+      height: 60rpx;
+      border: 1rpx solid #d5d8de;
+      border-radius: 4rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-right: 24rpx;
+      background-color: #fff;
+      
+      .uni-icons {
+        color: #999 !important;
+      }
+    }
+    
+    .placeholder-text {
+      font-size: 28rpx;
+      color: #909399;
+    }
+    
+    &:active {
+      background-color: #eee;
+    }
+  }
+}
+
+</style>
+
diff --git a/src/pages/view/routine/JiFenPingJia/JiFenPingJia.vue b/src/pages/view/routine/JiFenPingJia/jfself/JiFenPingJia.vue
similarity index 52%
rename from src/pages/view/routine/JiFenPingJia/JiFenPingJia.vue
rename to src/pages/view/routine/JiFenPingJia/jfself/JiFenPingJia.vue
index 2d9a243..5ba1d17 100644
--- a/src/pages/view/routine/JiFenPingJia/JiFenPingJia.vue
+++ b/src/pages/view/routine/JiFenPingJia/jfself/JiFenPingJia.vue
@@ -3,14 +3,7 @@
     <view class="container">
       <uni-card :is-shadow="false" is-full>
         <view class="header">
-          <text class="score">我的得分: {{ totalScore }}</text>
-          <view class="status">
-            <text>我的状态: </text>
-            <view class="status-indicator"></view>
-            <view class="review-count" v-if="reviewingCountComputed > 0">
-              {{ reviewingCountComputed }}项在审核
-            </view>
-          </view>
+          <text class="score">业绩积分: {{ totalScore }}</text>
         </view>
       </uni-card>
 
@@ -46,16 +39,10 @@
       <view class="white-bg-color py-5">
         <view class="flex-row items-center pb-10 pt-5">
           <u-button
-            text="个人荣誉申请"
-            class="ml-15 mr-7"
+            text="业绩填报"
+            class="ml-15 mr-15"
             type="primary"
-            @click="scgrry"
-          />
-          <u-button
-            text="公开课获奖申请"
-            class="mr-15 mr-7"
-            type="primary"
-            @click="scgkkhj"
+            @click="handleIntegralApply"
           />
         </view>
       </view>
@@ -65,47 +52,35 @@
 
 <script lang="ts" setup>
 import { ref, computed, onMounted } from "vue";
-import { jsFindPageJfApi, inspectItemFindAllApi } from "@/api/base/server";
+import { jfSummaryByJfTypeApi } from "@/api/base/server";
+
+interface EvaluationItem {
+  id: string;
+  category: string;
+  value: number;
+  isUnderReview: boolean;
+}
 
 // 响应式数据
-const evaluationItems = ref([]);
+const evaluationItems = ref<EvaluationItem[]>([]);
 const totalScore = ref(0);
 const loading = ref(false);
 
-// 计算正在审核的项目数量
-const reviewingCountComputed = computed(() => {
-  return evaluationItems.value.filter(item => item.isUnderReview).length;
-});
-
-// 获取检查项数据
-const loadInspectItems = async () => {
-  try {
-    const res = await inspectItemFindAllApi({ type: 2 });
-    if (res && res.resultCode === 1 && res.result) {
-      return res.result;
-    }
-    return [];
-  } catch (error) {
-    console.error('获取检查项失败:', error);
-    return [];
-  }
-};
-
 // 获取教师积分数据
 const loadTeacherScore = async () => {
   loading.value = true;
   try {
     // 从本地缓存获取当前教师ID
     const userDataStr = uni.getStorageSync('app-user');
-    let teacherId = '';
+    let jsId = '';
     let userData = null;
     
     if (userDataStr) {
       try {
         userData = typeof userDataStr === 'string' ? JSON.parse(userDataStr) : userDataStr;
         if (userData && userData.jsData && userData.jsData.id) {
-          teacherId = userData.jsData.id;
-          console.log('当前教师ID:', teacherId);
+          jsId = userData.jsData.id;
+          console.log('当前教师ID:', jsId);
           console.log('教师信息:', userData.jsData);
         } else {
           console.error('未找到教师ID信息');
@@ -136,89 +111,29 @@ const loadTeacherScore = async () => {
     const params = {
       startTime: new Date().getFullYear() + '-01-01', // 当年开始时间
       endTime: new Date().getFullYear() + '-12-31',   // 当年结束时间
-      pageSize: 100, // 增大页面大小，确保能获取到当前教师数据
-      pageNum: 1,
-      id: teacherId // 使用教师ID过滤
+      jsId: jsId // 使用教师ID过滤
     };
     
-    const res = await jsFindPageJfApi(params);
+    const res: any = await jfSummaryByJfTypeApi(params);
     console.log('查询参数:', params);
-    console.log('当前教师ID:', teacherId);
-    console.log('API返回结果:', res);
+    console.log('当前教师ID:', jsId);
+    console.log('汇总API返回结果:', res);
     
-    if (res && res.rows && res.rows.length > 0) {
-      // 查找当前教师的数据
-      const teacherData = res.rows.find(row => row.id === teacherId);
-      
-      if (!teacherData) {
-        console.warn('未找到当前教师的积分数据');
-        uni.showToast({
-          title: '未找到积分数据',
-          icon: 'none'
-        });
-        return;
-      }
-      
-      console.log('找到的教师积分数据:', teacherData);
-      console.log('教师姓名:', teacherData.jsxm);
-      console.log('总分:', teacherData.totalScore);
-      console.log('积分汇总数据:', teacherData.summaries);
-      
-      // 获取检查项数据
-      const inspectItems = await loadInspectItems();
-      
-      if (inspectItems.length === 0) {
-        console.warn('未获取到检查项数据');
-        return;
-      }
-      
-      console.log('检查项数据:', inspectItems);
-      
-      // 构建评价项目数据，参考后端界面的getScore方法
-      const items = [];
-      let total = 0;
-      
-      console.log('检查项数据:', inspectItems);
-      console.log('教师积分汇总:', teacherData.summaries);
-      
-      inspectItems.forEach((item, index) => {
-        // 参考后端界面的getScore方法逻辑
-        let score = 0;
-        let num = 0;
-        
-        if (teacherData.summaries && teacherData.summaries.length > 0) {
-          for (let i = 0; i < teacherData.summaries.length; i++) {
-            const summaryId = teacherData.summaries[i].inspectItemId;
-            const itemId = item.id;
-            
-            // 使用宽松比较，并考虑大小写
-            if (summaryId == itemId || summaryId?.toUpperCase() == itemId?.toUpperCase()) {
-              score = parseFloat(teacherData.summaries[i].score) || 0;
-              num = parseInt(teacherData.summaries[i].num) || 0;
-              console.log(`✅ 匹配成功: ${item.name}, score=${score}, num=${num}`);
-              break;
-            }
-          }
-        }
-        
-        items.push({
-          id: item.id,
-          category: item.name,
-          value: score,
-          isUnderReview: num > 0, // 如果有记录数，说明在审核中
-          num: num
-        });
-        
-        total += score;
-      });
+    const list = res?.result || res?.data || res || [];
+    if (Array.isArray(list) && list.length > 0) {
+      const items: EvaluationItem[] = list.map((it: any) => ({
+        id: it.jfTypeId,
+        category: it.jfTypeName || '未命名',
+        value: Number(it.totalScore || 0),
+        isUnderReview: false // 汇总接口暂未提供审核状态
+      }));
       
       evaluationItems.value = items;
-      totalScore.value = total;
+      totalScore.value = items.reduce((sum, cur) => sum + (cur.value || 0), 0);
       
       console.log('处理后的积分数据:', {
-        items: items,
-        totalScore: total,
-        reviewingCount: reviewingCountComputed.value
+        items,
+        totalScore: totalScore.value
       });
     } else {
       console.warn('查询结果为空或格式不正确');
@@ -238,32 +153,40 @@ const loadTeacherScore = async () => {
   }
 };
 
-function handleItemClick(item: any) {
-  // 检查该项积分是否为0
-  if (!item.value || item.value === 0 || item.value === '0' || item.value === 0.0 || item.value === null || item.value === undefined) {
-    uni.showToast({
-      title: '积分为0',
-      icon: 'none',
-      duration: 2000
+function handleItemClick(item: EvaluationItem) {
+  // 如果有分值且分值大于0，跳转到查看详细记录页面
+  if (item.value && item.value > 0) {
+    // 从本地缓存获取当前教师ID
+    const userDataStr = uni.getStorageSync('app-user');
+    let jsId = '';
+    if (userDataStr) {
+      try {
+        const userData = typeof userDataStr === 'string' ? JSON.parse(userDataStr) : userDataStr;
+        if (userData && userData.jsData && userData.jsData.id) {
+          jsId = userData.jsData.id;
+        }
+      } catch (error) {
+        console.error('解析用户数据失败:', error);
+      }
+    }
+    
+    const url = `/pages/view/routine/JiFenPingJia/jfself/MyScoreDetail?jfTypeId=${item.id}&jsId=${jsId}`;
+    uni.navigateTo({
+      url: url,
+    });
+  } else {
+    // 没有分值或分值为0，跳转到新增界面
+    const url = `/pages/view/routine/JiFenPingJia/jfself/apply?jfTypeId=${item.id}&score=${item.value || 0}`;
+    uni.navigateTo({
+      url: url,
     });
-    return;
   }
-  
-  const url = `/pages/view/routine/JiFenPingJia/detail?inspectItemId=${item.id}`;
-  uni.navigateTo({
-    url: url,
-  });
 }
 
-function scgrry() {
+function handleIntegralApply() {
+  // 跳转到积分申请页面
   uni.navigateTo({
-    url: `/pages/view/routine/JiFenPingJia/PersonalHonor`,
-  });
-}
-
-function scgkkhj() {
-  uni.navigateTo({
-    url: `/pages/view/routine/JiFenPingJia/PublicClassAwards`,
+    url: `/pages/view/routine/JiFenPingJia/jfself/IntegralApply`,
   });
 }
 
@@ -294,31 +217,6 @@ onMounted(() => {
   font-weight: bold;
 }
 
-.status {
-  display: flex;
-  align-items: center;
-  color: #666;
-}
-
-.status-indicator {
-  width: 12px;
-  height: 12px;
-  background-color: #4caf50; // Green color from the image
-  margin-left: 8px;
-  border-radius: 2px; // Slightly rounded corners
-}
-
-.review-count {
-  background-color: #fff2e8;
-  color: #ff6b35;
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 12px;
-  margin-left: 12px;
-  border: 1px solid #ff6b35;
-  font-weight: bold;
-}
-
 .loading-container {
   display: flex;
   justify-content: center;
diff --git a/src/pages/view/routine/JiFenPingJia/jfself/MyScoreDetail.vue b/src/pages/view/routine/JiFenPingJia/jfself/MyScoreDetail.vue
new file mode 100644
index 0000000..71ae404
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfself/MyScoreDetail.vue
@@ -0,0 +1,764 @@
+<template>
+  <BasicLayout>
+    <view class="container">
+      <view v-if="loading" class="loading-container">
+        <text class="loading-text">加载中...</text>
+      </view>
+      <view v-else-if="!scoreList.length" class="empty-container">
+        <text class="empty-text">暂无积分记录</text>
+      </view>
+      <view v-else class="score-list">
+        <view 
+          v-for="(item, index) in scoreList" 
+          :key="index" 
+          class="score-item"
+        >
+          <uni-card :is-shadow="false" is-full>
+            <view class="item-header">
+              <text class="item-title">{{ item.jfTypeName || '未命名' }}</text>
+              <text class="item-score">+{{ item.score || 0 }}分</text>
+            </view>
+            
+            <view class="item-content">
+              <!-- 积分标准区域 -->
+              <view class="section">
+                <view class="section-title">
+                  <view class="title-line"></view>
+                  <text class="title-text">积分标准</text>
+                </view>
+                
+                <view class="field-row-vertical" v-if="item.ruleStandard">
+                  <text class="field-label">检查标准：</text>
+                  <text class="field-value multiline-text">{{ item.ruleStandard }}</text>
+                </view>
+                
+                <view class="field-row-vertical" v-if="item.scoreConfig">
+                  <text class="field-label">业绩积分：</text>
+                  <view class="score-config-wrapper">
+                    <view 
+                      v-for="(category, catIdx) in formatScoreConfig(item.scoreConfig)" 
+                      :key="catIdx" 
+                      class="score-config-category"
+                    >
+                      <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                      <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                      <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                        <view class="table-header">
+                          <view class="table-cell header-cell">级别</view>
+                          <view class="table-cell header-cell">分值</view>
+                        </view>
+                        <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                          <view class="table-cell">{{ row.level }}</view>
+                          <view class="table-cell score-cell">{{ row.scores }}</view>
+                        </view>
+                      </view>
+                      <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                      <view v-else class="score-config-table">
+                        <view class="table-header">
+                          <view class="table-cell header-cell">级别</view>
+                          <view class="table-cell header-cell">一等奖</view>
+                          <view class="table-cell header-cell">二等奖</view>
+                          <view class="table-cell header-cell">三等奖</view>
+                        </view>
+                        <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                          <view class="table-cell">{{ row.level }}</view>
+                          <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                          <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                          <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              
+              <!-- 积分考核区域 -->
+              <view class="section">
+                <view class="section-title">
+                  <view class="title-line"></view>
+                  <text class="title-text">获奖情况</text>
+                </view>
+                
+                <view class="field-row" v-if="item.jsxm">
+                  <text class="field-label">考核教师：</text>
+                  <text class="field-value">{{ item.jsxm }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.rymc">
+                  <text class="field-label">荣誉名称：</text>
+                  <text class="field-value">{{ item.rymc }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.hjlx">
+                  <text class="field-label">获奖类型：</text>
+                  <text class="field-value">{{ item.hjlx }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.bjdw">
+                  <text class="field-label">颁奖单位：</text>
+                  <text class="field-value">{{ item.bjdw }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.hjtime">
+                  <text class="field-label">获奖时间：</text>
+                  <text class="field-value">{{ item.hjtime }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.category">
+                  <text class="field-label">类别：</text>
+                  <text class="field-value">{{ item.category }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.level">
+                  <text class="field-label">级别：</text>
+                  <text class="field-value">{{ item.level }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.grade">
+                  <text class="field-label">等级：</text>
+                  <text class="field-value">{{ item.grade }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.score">
+                  <text class="field-label">分值：</text>
+                  <text class="field-value score-value">{{ item.score }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.khTime">
+                  <text class="field-label">评价时间：</text>
+                  <text class="field-value">{{ item.khTime }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.khjsxm">
+                  <text class="field-label">评价人：</text>
+                  <text class="field-value">{{ item.khjsxm }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.khRemark">
+                  <text class="field-label">备注：</text>
+                  <text class="field-value">{{ item.khRemark }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.jfStatus">
+                  <text class="field-label">状态：</text>
+                  <text class="field-value">{{ getStatusText(item.jfStatus) }}</text>
+                </view>
+                
+                <view class="field-row" v-if="item.fileName">
+                  <text class="field-label">附件：</text>
+                  <view class="file-wrapper">
+                    <text class="file-name" @click="previewFile(item)">{{ item.fileName }}</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </uni-card>
+        </view>
+      </view>
+    </view>
+    <!-- 固定在底部的返回按钮 -->
+    <view v-if="scoreList.length > 0" class="fixed-bottom">
+      <button class="back-btn" @click="goBack">
+        返回
+      </button>
+    </view>
+  </BasicLayout>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { jfFindPageApi, jfTypeStructureApi } from "@/api/base/server";
+
+interface ScoreItem {
+  id?: string;
+  jfTypeId?: string;
+  jfTypeName?: string;
+  ruleStandard?: string;
+  scoreConfig?: any;
+  jsxm?: string;
+  rymc?: string;
+  hjlx?: string;
+  bjdw?: string;
+  hjtime?: string;
+  category?: string;
+  level?: string;
+  grade?: string;
+  score?: number;
+  khTime?: string;
+  khjsxm?: string;
+  khRemark?: string;
+  jfStatus?: string;
+  fileName?: string;
+  fileFormat?: string;
+  fileUrl?: string;
+}
+
+const loading = ref(false);
+const scoreList = ref<ScoreItem[]>([]);
+
+// 默认级别配置
+const defaultLevels = [
+  { levelCode: 'national', levelName: '国', key: 'levelNational' },
+  { levelCode: 'province', levelName: '省', key: 'levelProvince' },
+  { levelCode: 'city', levelName: '市', key: 'levelCity' },
+  { levelCode: 'district', levelName: '区', key: 'levelDistrict' },
+  { levelCode: 'school_district', levelName: '学区/街道', key: 'levelSchoolDistrict' },
+  { levelCode: 'school', levelName: '校', key: 'levelSchool' },
+];
+
+interface ScoreConfigRow {
+  level: string;
+  scores: string | number[]; // 单个分值用字符串，多个分值用数组
+  hasMultipleGrades: boolean; // 是否有多个等级
+}
+
+interface ScoreConfigCategory {
+  category?: string;
+  rows: ScoreConfigRow[];
+  hasMultipleGrades: boolean; // 整个类别是否有多个等级
+}
+
+// 将分值数组格式化为字符串
+// 如果只有一个分值：返回 "30"
+// 如果有多个分值：返回数组 [28, 26, 24]
+function formatScores(scores: number[]): { display: string | number[], hasMultiple: boolean } {
+  if (!scores || scores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  const validScores = scores.filter(s => s > 0);
+  if (validScores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  
+  // 如果只有一个分值，返回字符串
+  if (validScores.length === 1) {
+    return { display: String(validScores[0]), hasMultiple: false };
+  }
+  
+  // 如果有多个分值，返回数组
+  return { display: validScores, hasMultiple: true };
+}
+
+const formatScoreConfig = (config: any): ScoreConfigCategory[] => {
+  if (!config) return [];
+  try {
+    let configObj = config;
+    if (typeof config === "string") {
+      try {
+        configObj = JSON.parse(config);
+      } catch {
+        return [];
+      }
+    }
+    
+    const result: ScoreConfigCategory[] = [];
+    
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        const categoryName = cat.category || '';
+        const rows: ScoreConfigRow[] = [];
+        let categoryHasMultiple = false;
+        
+        defaultLevels.forEach(level => {
+          const scores = cat[level.key] as number[];
+          if (scores && scores.length > 0) {
+            const formatted = formatScores(scores);
+            if (formatted.display) {
+              if (formatted.hasMultiple) {
+                categoryHasMultiple = true;
+              }
+              rows.push({
+                level: level.levelName,
+                scores: formatted.display,
+                hasMultipleGrades: formatted.hasMultiple
+              });
+            }
+          }
+        });
+        
+        if (rows.length > 0) {
+          result.push({
+            category: categoryName,
+            rows: rows,
+            hasMultipleGrades: categoryHasMultiple
+          });
+        }
+      });
+    }
+    else if (configObj.category && configObj.levels) {
+      const rows: ScoreConfigRow[] = [];
+      let categoryHasMultiple = false;
+      
+      configObj.levels.forEach((level: any) => {
+        if (level.scores && level.scores.length > 0) {
+          const formatted = formatScores(level.scores);
+          if (formatted.display) {
+            if (formatted.hasMultiple) {
+              categoryHasMultiple = true;
+            }
+            const levelName = level.levelName || level.levelCode || '';
+            rows.push({
+              level: levelName,
+              scores: formatted.display,
+              hasMultipleGrades: formatted.hasMultiple
+            });
+          }
+        }
+      });
+      
+      if (rows.length > 0) {
+        result.push({
+          category: configObj.category,
+          rows: rows,
+          hasMultipleGrades: categoryHasMultiple
+        });
+      }
+    }
+    
+    return result;
+  } catch {
+    return [];
+  }
+};
+
+// 获取状态文本
+function getStatusText(status: string): string {
+  const statusMap: Record<string, string> = {
+    'D': '已完结',
+    'A': '待审核',
+    'B': '审核中',
+    'C': '已驳回'
+  };
+  return statusMap[status] || status;
+}
+
+// 预览文件
+function previewFile(item: ScoreItem) {
+  if (item.fileUrl) {
+    uni.previewImage({
+      urls: [item.fileUrl],
+      fail: (err) => {
+        console.error('预览文件失败:', err);
+        uni.showToast({
+          title: '预览文件失败',
+          icon: 'none'
+        });
+      }
+    });
+  }
+}
+
+const goBack = () => {
+  uni.navigateBack();
+};
+
+// 加载积分记录数据
+const loadScoreList = async (jfTypeId: string, jsId: string) => {
+  loading.value = true;
+  try {
+    // 从本地缓存获取当前教师ID
+    const userDataStr = uni.getStorageSync('app-user');
+    if (!userDataStr) {
+      uni.showToast({
+        title: '未找到用户数据',
+        icon: 'none'
+      });
+      return;
+    }
+    
+    let userData = null;
+    try {
+      userData = typeof userDataStr === 'string' ? JSON.parse(userDataStr) : userDataStr;
+      if (!userData || !userData.jsData || !userData.jsData.id) {
+        uni.showToast({
+          title: '未找到教师信息',
+          icon: 'none'
+        });
+        return;
+      }
+    } catch (error) {
+      console.error('解析用户数据失败:', error);
+      uni.showToast({
+        title: '用户数据解析失败',
+        icon: 'none'
+      });
+      return;
+    }
+    
+    // 1. 先获取顶级节点下的所有子节点 ID（包括二级、三级等）
+    const structureRes: any = await jfTypeStructureApi({
+      topTypeId: jfTypeId
+    });
+    
+    const structureList = structureRes?.result || structureRes?.data || structureRes || [];
+    // 提取所有节点 ID（包括顶级节点本身）
+    const allJfTypeIds: string[] = [jfTypeId]; // 包含顶级节点
+    structureList.forEach((item: any) => {
+      if (item.jfTypeId && !allJfTypeIds.includes(item.jfTypeId)) {
+        allJfTypeIds.push(item.jfTypeId);
+      }
+    });
+    
+    console.log('顶级节点ID:', jfTypeId);
+    console.log('所有子节点ID:', allJfTypeIds);
+    
+    // 2. 使用所有子节点 ID 查询积分记录
+    const params = {
+      jfTypeIds: allJfTypeIds.join(','), // 传递多个 jfTypeId，用逗号分隔
+      jsId: jsId || userData.jsData.id,
+      page: 1,
+      rows: 1000 // 获取所有记录
+    };
+    
+    const res: any = await jfFindPageApi(params);
+    console.log('查询参数:', params);
+    console.log('积分记录API返回结果:', res);
+    
+    const list = res?.result?.rows || res?.data?.rows || res?.rows || [];
+    if (Array.isArray(list) && list.length > 0) {
+      scoreList.value = list.map((it: any) => ({
+        id: it.id,
+        jfTypeId: it.jfTypeId,
+        jfTypeName: it.jfTypeName,
+        ruleStandard: it.ruleStandard,
+        scoreConfig: it.scoreConfig,
+        jsxm: it.jsxm,
+        rymc: it.rymc,
+        hjlx: it.hjlx,
+        bjdw: it.bjdw,
+        hjtime: it.hjtime,
+        category: it.category,
+        level: it.level,
+        grade: it.grade,
+        score: it.score,
+        khTime: it.khTime,
+        khjsxm: it.khjsxm,
+        khRemark: it.khRemark,
+        jfStatus: it.jfStatus,
+        fileName: it.fileName,
+        fileFormat: it.fileFormat,
+        fileUrl: it.fileUrl
+      }));
+      
+      console.log('处理后的积分记录数据:', scoreList.value);
+    } else {
+      console.warn('查询结果为空');
+      scoreList.value = [];
+    }
+  } catch (error) {
+    console.error('获取积分记录失败:', error);
+    uni.showToast({
+      title: '获取积分记录失败',
+      icon: 'none'
+    });
+  } finally {
+    loading.value = false;
+  }
+};
+
+onLoad((options) => {
+  const jfTypeId = options?.jfTypeId || "";
+  const jsId = options?.jsId || "";
+  
+  if (!jfTypeId) {
+    uni.showToast({ 
+      title: "缺少积分类型ID", 
+      icon: "none" 
+    });
+    return;
+  }
+  
+  loadScoreList(jfTypeId, jsId);
+});
+</script>
+
+<style scoped lang="scss">
+.container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 20rpx 20rpx 160rpx 20rpx; // 为底部固定按钮留出空间
+}
+
+.loading-container,
+.empty-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 80rpx 0;
+}
+
+.loading-text,
+.empty-text {
+  color: #999;
+  font-size: 28rpx;
+}
+
+.score-list {
+  .score-item {
+    margin-bottom: 24rpx;
+    
+    .item-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-bottom: 16rpx;
+      border-bottom: 1rpx solid #eee;
+      margin-bottom: 16rpx;
+      
+      .item-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+        flex: 1;
+      }
+      
+      .item-score {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #f56c6c;
+        margin-left: 16rpx;
+      }
+    }
+    
+    .item-content {
+      .section {
+        margin-top: 24rpx;
+        
+        &:first-child {
+          margin-top: 0;
+        }
+        
+        .section-title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 16rpx;
+          padding: 0 12rpx;
+          
+          .title-line {
+            width: 8rpx;
+            height: 32rpx;
+            background: #1890ff;
+            border-radius: 4rpx;
+            margin-right: 16rpx;
+          }
+          
+          .title-text {
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #262626;
+          }
+        }
+        
+        .field-row {
+          display: flex;
+          margin-bottom: 16rpx;
+          line-height: 1.8;
+          align-items: flex-start;
+          
+          &:last-child {
+            margin-bottom: 0;
+          }
+          
+          .field-label {
+            font-size: 28rpx;
+            color: #666;
+            min-width: 160rpx;
+            flex-shrink: 0;
+            padding-top: 4rpx;
+          }
+          
+          .field-value {
+            font-size: 28rpx;
+            color: #333;
+            flex: 1;
+            word-break: break-all;
+            
+            &.score-value {
+              color: #f56c6c;
+              font-weight: 600;
+            }
+            
+            &.multiline-text {
+              white-space: pre-wrap;
+              word-break: break-word;
+              line-height: 1.6;
+            }
+          }
+          
+          .file-wrapper {
+            flex: 1;
+            
+            .file-name {
+              font-size: 28rpx;
+              color: #1890ff;
+              text-decoration: underline;
+            }
+          }
+        }
+        
+        .field-row-vertical {
+          display: flex;
+          flex-direction: column;
+          margin-bottom: 16rpx;
+          
+          &:last-child {
+            margin-bottom: 0;
+          }
+          
+          .field-label {
+            font-size: 28rpx;
+            color: #666;
+            margin-bottom: 8rpx;
+            font-weight: 600;
+          }
+          
+          .field-value {
+            font-size: 28rpx;
+            color: #333;
+            word-break: break-all;
+            
+            &.multiline-text {
+              white-space: pre-wrap;
+              word-break: break-word;
+              line-height: 1.6;
+            }
+          }
+          
+          .score-config-wrapper {
+            width: 100%;
+          }
+        }
+        
+        .score-config-wrapper {
+          flex: 1;
+          
+          .score-config-category {
+            margin-top: 16rpx;
+            
+            &:first-child {
+              margin-top: 0;
+            }
+            
+            .category-title {
+              font-size: 28rpx;
+              font-weight: 600;
+              color: #409eff;
+              margin-bottom: 12rpx;
+              padding: 8rpx 12rpx;
+              background-color: #ecf5ff;
+              border-radius: 6rpx;
+              border-left: 4rpx solid #409eff;
+            }
+            
+            // 分值表格样式（单个分值和多个分值共用）
+            .score-config-table {
+              border: 1rpx solid #dcdfe6;
+              border-radius: 8rpx;
+              overflow: hidden;
+              
+              .table-header {
+                display: flex;
+                background-color: #f5f7fa;
+                border-bottom: 1rpx solid #dcdfe6;
+              }
+              
+              .table-row {
+                display: flex;
+                border-bottom: 1rpx solid #ebeef5;
+                
+                &:last-child {
+                  border-bottom: none;
+                }
+              }
+              
+              .table-cell {
+                padding: 16rpx 12rpx;
+                font-size: 26rpx;
+                text-align: center;
+                border-right: 1rpx solid #ebeef5;
+                
+                &:first-child {
+                  width: 120rpx;
+                  border-right: 1rpx solid #ebeef5;
+                }
+                
+                // 单个分值：只有两列（级别、分值）
+                &:nth-child(2):last-child {
+                  flex: 1;
+                  border-right: none;
+                }
+                
+                // 多个分值：有四列（级别、一等奖、二等奖、三等奖）
+                &:nth-child(2):not(:last-child),
+                &:nth-child(3),
+                &:nth-child(4) {
+                  flex: 1;
+                  min-width: 100rpx;
+                }
+                
+                &:last-child {
+                  border-right: none;
+                }
+                
+                &.header-cell {
+                  font-weight: bold;
+                  color: #303133;
+                  background-color: #f5f7fa;
+                }
+                
+                &.score-cell {
+                  color: #409eff;
+                  font-weight: 500;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// Remove default card padding
+::v-deep .uni-card .uni-card__content {
+  padding: 20rpx !important;
+}
+
+// 固定在底部的返回按钮
+.fixed-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  padding: 24rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+}
+
+.back-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  background: #3b82f6;
+  color: #ffffff;
+  border: none;
+  border-radius: 16rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.3);
+  transition: all 0.3s;
+  
+  &:hover {
+    background: #2563eb;
+    box-shadow: 0 6rpx 20rpx rgba(59, 130, 246, 0.4);
+  }
+  
+  &:active {
+    transform: scale(0.98);
+    background: #1d4ed8;
+  }
+}
+</style>
+
diff --git a/src/pages/view/routine/JiFenPingJia/jfself/addjf.vue b/src/pages/view/routine/JiFenPingJia/jfself/addjf.vue
new file mode 100644
index 0000000..cb226bd
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfself/addjf.vue
@@ -0,0 +1,1193 @@
+<template>
+  <BasicLayout>
+    <scroll-view scroll-y class="form-scroll">
+      <view class="form-container">
+        <!-- 积分标准区域 -->
+        <view class="section">
+          <view class="section-title">
+            <view class="title-line"></view>
+            <text class="title-text">积分标准</text>
+          </view>
+          
+      <BasicForm
+        v-model="formData"
+        :schema="formSchema"
+        :formsProps="{ labelWidth: 100 }"
+        :key="formSchemaKey"
+      >
+        <template #ruleStandard>
+          <view class="node-field">
+            <view class="field-label-title">检查标准</view>
+            <text v-if="formData.ruleStandard" class="field-value">{{ formData.ruleStandard }}</text>
+            <text v-else class="field-value placeholder-text">选择积分项目后自动显示</text>
+          </view>
+        </template>
+        <template #scoreConfig>
+          <view class="node-field">
+            <view class="field-label-title">业绩积分</view>
+            <view v-if="formData.scoreConfig" class="score-config-wrapper">
+              <view 
+                v-for="(category, catIdx) in formatScoreConfig(formData.scoreConfig)" 
+                :key="catIdx" 
+                class="score-config-category"
+              >
+                <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                  <view class="table-header">
+                    <view class="table-cell header-cell">级别</view>
+                    <view class="table-cell header-cell">分值</view>
+                  </view>
+                  <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                    <view class="table-cell">{{ row.level }}</view>
+                    <view class="table-cell score-cell">{{ row.scores }}</view>
+                  </view>
+                </view>
+                <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                <view v-else class="score-config-table">
+                  <view class="table-header">
+                    <view class="table-cell header-cell">级别</view>
+                    <view class="table-cell header-cell">一等奖</view>
+                    <view class="table-cell header-cell">二等奖</view>
+                    <view class="table-cell header-cell">三等奖</view>
+                  </view>
+                  <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                    <view class="table-cell">{{ row.level }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                    <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view v-else class="score-config-placeholder">
+              <text class="placeholder-text">选择积分项目后自动显示</text>
+            </view>
+          </view>
+        </template>
+      </BasicForm>
+        </view>
+        
+        <!-- 获奖情况区域 -->
+        <view class="section">
+          <view class="section-title">
+            <view class="title-line"></view>
+            <text class="title-text">获奖情况</text>
+          </view>
+          
+          <BasicForm
+            v-model="formData"
+            :schema="assessmentSchema"
+            :formsProps="{ labelWidth: 100 }"
+            :key="assessmentSchemaKey"
+          />
+        </view>
+      </view>
+    </scroll-view>
+    
+    <!-- 固定在底部的提交按钮 -->
+    <view class="fixed-bottom">
+      <button class="submit-btn" @click="handleSubmit" :disabled="submitting">
+        {{ submitting ? '提交中...' : '提交' }}
+      </button>
+    </view>
+  </BasicLayout>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, watch, nextTick } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { 
+  jfTypeFindPageApi, 
+  jfRuleFindPageApi, 
+  jfSaveApi,
+  jfTypeStructureApi
+} from "@/api/base/server";
+import { useUserStore } from "@/store/modules/user";
+import { showToast } from "@/utils/uniapp";
+
+const { getJs, getUser } = useUserStore();
+
+// 表单数据
+const formData = reactive<any>({
+  jfTypeId: '',
+  jfRuleId: '',
+  jsId: '',
+  jsmx: '',
+  rymc: '',
+  hjlx: '',
+  bjdw: '',
+  hjtime: '',
+  category: '',
+  level: '',
+  grade: '',
+  score: null,
+  khTime: new Date().toISOString().split('T')[0], // 默认当前日期
+  khJsId: '',
+  khjsxm: '',
+  khRemark: '',
+  jfStatus: 'D', // 默认已完结
+  fileUrl: '',
+  fileName: '',
+  fileFormat: ''
+});
+
+const submitting = ref(false);
+// 用于强制更新表单的 key
+const formSchemaKey = ref(0);
+// 用于强制更新获奖情况表单的 key
+const assessmentSchemaKey = ref(0);
+
+// 积分项目树形数据
+const jfTypeTree = ref<any[]>([]);
+// 积分规则数据（按 jfTypeId 分组）
+const jfRuleMap = ref<Map<string, any[]>>(new Map());
+// 获奖类型选项
+const hjlxOptions = ref<any[]>([]);
+// 类别选项
+const categoryOptions = ref<any[]>([]);
+// 是否显示等级字段
+const showGradeField = ref(true);
+// 分值配置
+const scoreConfig = ref<any>(null);
+
+// 默认级别配置
+const defaultLevels = [
+  { label: '国', value: '国' },
+  { label: '省', value: '省' },
+  { label: '市', value: '市' },
+  { label: '区', value: '区' },
+  { label: '学区/街道', value: '学区/街道' },
+  { label: '校', value: '校' },
+];
+
+// 分值配置格式化相关接口
+interface ScoreConfigRow {
+  level: string;
+  scores: string | number[]; // 单个分值用字符串，多个分值用数组
+  hasMultipleGrades: boolean; // 是否有多个等级
+}
+
+interface ScoreConfigCategory {
+  category?: string;
+  rows: ScoreConfigRow[];
+  hasMultipleGrades: boolean; // 整个类别是否有多个等级
+}
+
+// 默认级别配置（用于格式化分值配置）
+const defaultLevelsForFormat = [
+  { levelCode: 'national', levelName: '国', key: 'levelNational' },
+  { levelCode: 'province', levelName: '省', key: 'levelProvince' },
+  { levelCode: 'city', levelName: '市', key: 'levelCity' },
+  { levelCode: 'district', levelName: '区', key: 'levelDistrict' },
+  { levelCode: 'school_district', levelName: '学区/街道', key: 'levelSchoolDistrict' },
+  { levelCode: 'school', levelName: '校', key: 'levelSchool' },
+];
+
+// 将分值数组格式化为字符串
+// 如果只有一个分值：返回 "30"
+// 如果有多个分值：返回数组 [28, 26, 24]
+function formatScores(scores: number[]): { display: string | number[], hasMultiple: boolean } {
+  if (!scores || scores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  const validScores = scores.filter(s => s > 0);
+  if (validScores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  
+  // 如果只有一个分值，返回字符串
+  if (validScores.length === 1) {
+    return { display: String(validScores[0]), hasMultiple: false };
+  }
+  
+  // 如果有多个分值，返回数组
+  return { display: validScores, hasMultiple: true };
+}
+
+// 格式化分值配置
+const formatScoreConfig = (config: any): ScoreConfigCategory[] => {
+  if (!config) return [];
+  try {
+    // 如果是字符串，尝试解析
+    let configObj = config;
+    if (typeof config === "string") {
+      try {
+        configObj = JSON.parse(config);
+      } catch {
+        return [];
+      }
+    }
+    
+    const result: ScoreConfigCategory[] = [];
+    
+    // 如果已经有 categories 格式
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        const categoryName = cat.category || '';
+        const rows: ScoreConfigRow[] = [];
+        let categoryHasMultiple = false;
+        
+        defaultLevelsForFormat.forEach(level => {
+          const scores = cat[level.key] as number[];
+          if (scores && scores.length > 0) {
+            const formatted = formatScores(scores);
+            if (formatted.display) {
+              if (formatted.hasMultiple) {
+                categoryHasMultiple = true;
+              }
+              rows.push({
+                level: level.levelName,
+                scores: formatted.display,
+                hasMultipleGrades: formatted.hasMultiple
+              });
+            }
+          }
+        });
+        
+        if (rows.length > 0) {
+          result.push({
+            category: categoryName,
+            rows: rows,
+            hasMultipleGrades: categoryHasMultiple
+          });
+        }
+      });
+    }
+    // 如果有旧的 category + levels 格式
+    else if (configObj.category && configObj.levels) {
+      const rows: ScoreConfigRow[] = [];
+      let categoryHasMultiple = false;
+      
+      configObj.levels.forEach((level: any) => {
+        if (level.scores && level.scores.length > 0) {
+          const formatted = formatScores(level.scores);
+          if (formatted.display) {
+            if (formatted.hasMultiple) {
+              categoryHasMultiple = true;
+            }
+            const levelName = level.levelName || level.levelCode || '';
+            rows.push({
+              level: levelName,
+              scores: formatted.display,
+              hasMultipleGrades: formatted.hasMultiple
+            });
+          }
+        }
+      });
+      
+      if (rows.length > 0) {
+        result.push({
+          category: configObj.category,
+          rows: rows,
+          hasMultipleGrades: categoryHasMultiple
+        });
+      }
+    }
+    
+    return result;
+  } catch {
+    return [];
+  }
+};
+
+// 级别映射：级别名称 -> scoreConfig 中的字段名
+const LEVEL_MAP: Record<string, string> = {
+  '国': 'levelNational',
+  '省': 'levelProvince',
+  '市': 'levelCity',
+  '区': 'levelDistrict',
+  '学区/街道': 'levelSchoolDistrict',
+  '校': 'levelSchool',
+};
+
+// 等级映射：等级名称 -> 分值数组中的索引
+const GRADE_MAP: Record<string, number> = {
+  '一等奖': 0,
+  '二等奖': 1,
+  '三等奖': 2,
+};
+
+// 构建树形结构
+function buildTree(list: any[]): any[] {
+  const map = new Map();
+  const roots: any[] = [];
+  
+  list.forEach(item => {
+    map.set(item.id, {
+      ...item,
+      children: []
+    });
+  });
+  
+  list.forEach(item => {
+    const node = map.get(item.id);
+    if (item.pid && map.has(item.pid)) {
+      const parent = map.get(item.pid);
+      parent.children.push(node);
+    } else {
+      roots.push(node);
+    }
+  });
+  
+  // 清理空的 children
+  function cleanEmptyChildren(nodes: any[]) {
+    nodes.forEach(node => {
+      if (node.children && node.children.length > 0) {
+        cleanEmptyChildren(node.children);
+      } else {
+        delete node.children;
+      }
+    });
+  }
+  
+  cleanEmptyChildren(roots);
+  return roots;
+}
+
+// 从树形数据中提取所有叶子节点
+function extractLeafNodes(nodes: any[], result: any[] = []): any[] {
+  nodes.forEach(node => {
+    if (!node.children || node.children.length === 0) {
+      result.push(node);
+    } else {
+      extractLeafNodes(node.children, result);
+    }
+  });
+  return result;
+}
+
+// 根据 ID 查找树节点并构建完整路径
+function findNodeById(nodes: any[], id: string, path: string[] = []): { node: any, path: string[] } | null {
+  for (const node of nodes) {
+    const currentPath = [...path, node.jfmc];
+    if (String(node.id) === String(id)) {
+      return { node, path: currentPath };
+    }
+    if (node.children && node.children.length > 0) {
+      const found = findNodeById(node.children, id, currentPath);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
+
+// 选中的积分项目显示文本（用于回显）
+const selectedJfTypeText = ref('');
+
+// 初始化回显：根据 formData.jfTypeId 设置显示文本
+const initJfTypeDisplay = () => {
+  if (formData.jfTypeId && jfTypeTree.value.length > 0) {
+    const found = findNodeById(jfTypeTree.value, formData.jfTypeId);
+    if (found) {
+      selectedJfTypeText.value = found.path.join(' / ');
+    }
+  }
+};
+
+// 加载积分项目数据
+const loadJfTypes = async () => {
+  try {
+    const res: any = await jfTypeFindPageApi({
+      page: 1,
+      rows: 1000
+    });
+    const list = res?.result?.rows || res?.rows || res?.result || [];
+    const treeData = buildTree(list);
+    jfTypeTree.value = treeData;
+    // 强制更新表单，确保 BasicTree 组件接收到新数据
+    formSchemaKey.value++;
+  } catch (error) {
+    console.error('加载积分项目失败:', error);
+    showToast({
+      title: '加载积分项目失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 加载积分规则数据
+const loadJfRules = async () => {
+  try {
+    const res: any = await jfRuleFindPageApi({
+      page: 1,
+      rows: 1000
+    });
+    const list = res?.result?.rows || res?.rows || [];
+    const map = new Map<string, any[]>();
+    
+    list.forEach((rule: any) => {
+      const jfTypeId = String(rule.jfTypeId);
+      if (!map.has(jfTypeId)) {
+        map.set(jfTypeId, []);
+      }
+      map.get(jfTypeId)!.push(rule);
+    });
+    
+    jfRuleMap.value = map;
+  } catch (error) {
+    console.error('加载积分规则失败:', error);
+  }
+};
+
+// 从 scoreConfig 中提取类别选项
+const updateCategoryOptions = (config: any) => {
+  categoryOptions.value = [];
+  if (!config) {
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+    return;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        if (cat.category) {
+          const categoryNames = cat.category.split('、');
+          categoryNames.forEach((name: string) => {
+            const trimmedName = name.trim();
+            if (trimmedName && !categoryOptions.value.find(opt => opt.value === trimmedName)) {
+              categoryOptions.value.push({
+                label: trimmedName,
+                value: trimmedName
+              });
+            }
+          });
+        }
+      });
+    }
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  } catch (e) {
+    console.error('解析 scoreConfig 失败:', e);
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+};
+
+// 检查是否需要显示等级字段
+const checkGradeFieldVisibility = (config: any, category: string) => {
+  if (!config || !category) {
+    showGradeField.value = true;
+    return;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      const categoryData = configObj.categories.find((cat: any) => {
+        const categoryNames = cat.category ? cat.category.split('、') : [];
+        return categoryNames.some((name: string) => name.trim() === category);
+      });
+      
+      if (categoryData) {
+        let allLevelsHaveSingleValue = true;
+        for (const levelName in LEVEL_MAP) {
+          const levelKey = LEVEL_MAP[levelName];
+          const scores = categoryData[levelKey];
+          // 如果分值数组存在且长度大于1，则需要显示等级字段
+          if (scores && Array.isArray(scores) && scores.length > 1) {
+            allLevelsHaveSingleValue = false;
+            break;
+          }
+        }
+        // 如果所有级别的分值都只有一个值（或为空），则不显示等级字段
+        showGradeField.value = !allLevelsHaveSingleValue;
+      } else {
+        showGradeField.value = true;
+      }
+    } else {
+      showGradeField.value = true;
+    }
+  } catch (e) {
+    console.error('检查等级字段显示失败:', e);
+    showGradeField.value = true;
+  }
+};
+
+// 计算分值
+const calculateScore = (config: any, category: string, level: string, grade?: string): number | null => {
+  if (!config || !category || !level) {
+    return null;
+  }
+  
+  try {
+    const configObj = typeof config === 'string' ? JSON.parse(config) : config;
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      const categoryData = configObj.categories.find((cat: any) => {
+        const categoryNames = cat.category ? cat.category.split('、') : [];
+        return categoryNames.some((name: string) => name.trim() === category);
+      });
+      
+      if (categoryData) {
+        const levelKey = LEVEL_MAP[level];
+        if (levelKey) {
+          const scores = categoryData[levelKey];
+          if (scores && Array.isArray(scores) && scores.length > 0) {
+            if (scores.length === 1) {
+              // 只有一个分值，直接返回
+              return scores[0];
+            } else if (grade) {
+              // 有多个分值，需要等级
+              const gradeIndex = GRADE_MAP[grade];
+              if (gradeIndex !== undefined && scores[gradeIndex] !== undefined) {
+                return scores[gradeIndex];
+              }
+            }
+          }
+        }
+      }
+    }
+  } catch (e) {
+    console.error('计算分值失败:', e);
+  }
+  
+  return null;
+};
+
+// 积分项目选择变化
+const handleJfTypeChange = async (value: any) => {
+  const jfTypeId = typeof value === 'object' && value !== null ? value.value : value;
+  
+  if (!jfTypeId) {
+    formData.jfRuleId = '';
+    formData.ruleStandard = '';
+    formData.scoreConfig = null;
+    hjlxOptions.value = [];
+    categoryOptions.value = [];
+    showGradeField.value = true;
+    scoreConfig.value = null;
+    return;
+  }
+  
+  const rules = jfRuleMap.value.get(String(jfTypeId)) || [];
+  if (rules.length > 0) {
+    const rule = rules[0];
+    formData.jfRuleId = String(rule.id);
+    formData.ruleStandard = rule.ruleStandard;
+    formData.scoreConfig = rule.scoreConfig;
+    scoreConfig.value = rule.scoreConfig;
+    
+    // 解析获奖类型选项
+    if (rule.optionConfig) {
+      try {
+        const config = typeof rule.optionConfig === 'string' 
+          ? JSON.parse(rule.optionConfig) 
+          : rule.optionConfig;
+        if (config.options && Array.isArray(config.options)) {
+          hjlxOptions.value = config.options
+            .filter((opt: any) => opt.name && opt.name.trim())
+            .map((opt: any) => ({
+              label: opt.name,
+              value: opt.name
+            }));
+        }
+      } catch (e) {
+        console.error('解析 optionConfig 失败:', e);
+        hjlxOptions.value = [];
+      }
+    } else {
+      hjlxOptions.value = [];
+    }
+    
+    // 更新类别选项（内部会更新 key）
+    updateCategoryOptions(rule.scoreConfig);
+  } else {
+    formData.jfRuleId = '';
+    formData.ruleStandard = '';
+    formData.scoreConfig = null;
+    hjlxOptions.value = [];
+    categoryOptions.value = [];
+    showGradeField.value = true;
+    scoreConfig.value = null;
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+  
+  // 清空相关字段
+  formData.category = '';
+  formData.level = '';
+  formData.grade = '';
+  formData.score = null;
+};
+
+// 类别、级别、等级变化时计算分值
+watch([() => formData.category, () => formData.level, () => formData.grade], 
+  ([category, level, grade]) => {
+    if (category && level && scoreConfig.value) {
+      if (showGradeField.value && grade) {
+        // 需要等级
+        const score = calculateScore(scoreConfig.value, category, level, grade);
+        formData.score = score;
+      } else if (!showGradeField.value) {
+        // 不需要等级
+        const score = calculateScore(scoreConfig.value, category, level);
+        formData.score = score;
+      } else {
+        formData.score = null;
+      }
+    } else {
+      formData.score = null;
+    }
+  }
+);
+
+// 类别变化时检查是否需要显示等级字段
+watch(() => formData.category, (category) => {
+  if (category && scoreConfig.value) {
+    checkGradeFieldVisibility(scoreConfig.value, category);
+    // 强制更新获奖情况表单，以反映等级字段的显示/隐藏
+    assessmentSchemaKey.value++;
+  } else {
+    showGradeField.value = true;
+    // 强制更新获奖情况表单
+    assessmentSchemaKey.value++;
+  }
+});
+
+// 监听 showGradeField 的变化，确保表单能够响应
+watch(() => showGradeField.value, () => {
+  // 强制更新获奖情况表单，以反映等级字段的显示/隐藏
+  assessmentSchemaKey.value++;
+});
+
+// 处理积分项目选择确认
+const handleJfTypeTreeConfirm = (selectedItems: any[]) => {
+  if (selectedItems && selectedItems.length > 0) {
+    const selectedItem = selectedItems[0];
+    const jfTypeId = selectedItem.id;
+    
+    // 构建显示文本（完整路径）
+    let displayText = '';
+    if (selectedItem.parents && selectedItem.parents.length > 0) {
+      displayText = selectedItem.parents.map((p: any) => p.jfmc || p.name).join(' / ') + ' / ' + (selectedItem.jfmc || selectedItem.name);
+    } else {
+      displayText = selectedItem.jfmc || selectedItem.name || '';
+    }
+    
+    selectedJfTypeText.value = displayText;
+    formData.jfTypeId = jfTypeId;
+    handleJfTypeChange(jfTypeId);
+  }
+};
+
+// 表单配置 - 积分标准
+const formSchema = computed(() => {
+  return [
+    {
+      field: "jfTypeId",
+      label: "积分项目",
+      component: "BasicTree",
+      required: true,
+      componentProps: {
+        range: jfTypeTree.value, // 直接传递数组，FormBasicTree 会通过 computed 监听
+        idKey: "id",
+        rangeKey: "jfmc",
+        savaKey: "id",
+        title: "选择积分项目",
+        multiple: false,
+        selectParent: false, // 只能选择叶子节点
+        defaultExpandLevel: 1, // 默认展开第一层
+        confirmColor: "#3b82f6",
+        ok: handleJfTypeTreeConfirm
+      }
+    },
+    {
+      field: "ruleStandard",
+      label: "",
+      component: "BasicInput",
+      slot: "ruleStandard",
+      componentProps: {
+        disabled: true
+      }
+    },
+    {
+      field: "scoreConfig",
+      label: "",
+      component: "BasicInput",
+      slot: "scoreConfig",
+      componentProps: {
+        disabled: true
+      }
+    }
+  ];
+});
+
+// 表单配置 - 获奖情况
+const assessmentSchema = computed(() => {
+  const schema: any[] = [
+    {
+      field: "rymc",
+      label: "荣誉名称",
+      component: "BasicInput",
+      componentProps: {
+        placeholder: '请输入荣誉名称'
+      }
+    },
+    {
+      field: "hjlx",
+      label: "获奖类型",
+      component: "BasicPicker",
+      componentProps: {
+        range: hjlxOptions.value,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择获奖类型'
+      }
+    },
+    {
+      field: "bjdw",
+      label: "颁奖单位",
+      component: "BasicInput",
+      componentProps: {
+        placeholder: '请输入颁奖单位'
+      }
+    },
+    {
+      field: "hjtime",
+      label: "获奖时间",
+      component: "BasicDateTimes",
+      componentProps: {
+        placeholder: '请选择获奖时间'
+      }
+    },
+    {
+      field: "category",
+      label: "类别",
+      component: "BasicPicker",
+      componentProps: {
+        range: categoryOptions.value,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择类别',
+        ok: () => {
+          // 选择类别后，检查是否需要显示等级字段
+          if (formData.category && scoreConfig.value) {
+            checkGradeFieldVisibility(scoreConfig.value, formData.category);
+          }
+        }
+      }
+    },
+    {
+      field: "level",
+      label: "级别",
+      component: "BasicPicker",
+      componentProps: {
+        range: defaultLevels,
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择级别'
+      }
+    }
+  ];
+  
+  // 根据配置动态添加等级字段
+  if (showGradeField.value) {
+    schema.push({
+      field: "grade",
+      label: "等级",
+      component: "BasicPicker",
+      componentProps: {
+        range: [
+          { label: '一等奖', value: '一等奖' },
+          { label: '二等奖', value: '二等奖' },
+          { label: '三等奖', value: '三等奖' }
+        ],
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择等级'
+      }
+    });
+  }
+  
+  schema.push(
+    {
+      field: "score",
+      label: "分值",
+      component: "BasicInput",
+      required: true,
+      componentProps: {
+        disabled: true,
+        placeholder: showGradeField.value 
+          ? '请选择类别、级别、等级后自动计算' 
+          : '请选择类别、级别后自动计算'
+      }
+    },
+    {
+      field: "khTime",
+      label: "考核时间",
+      component: "BasicDateTimes",
+      required: true,
+      componentProps: {
+        placeholder: '请选择考核时间'
+      }
+    },
+    {
+      field: "khJsId",
+      label: "评价人",
+      component: "BasicPicker",
+      required: true,
+      componentProps: {
+        api: async () => {
+          try {
+            const { useCommonStore } = await import("@/store/modules/common");
+            const commonStore = useCommonStore();
+            const jsList = await commonStore.getJsList();
+            // 确保返回的是数组
+            if (Array.isArray(jsList)) {
+              return jsList.map((item: any) => ({
+                label: item.jsxm,
+                value: item.id
+              }));
+            } else if (jsList && Array.isArray(jsList.result)) {
+              // 如果返回的是包装对象，提取 result
+              return jsList.result.map((item: any) => ({
+                label: item.jsxm,
+                value: item.id
+              }));
+            } else if (jsList && Array.isArray(jsList.data)) {
+              // 如果返回的是包装对象，提取 data
+              return jsList.data.map((item: any) => ({
+                label: item.jsxm,
+                value: item.id
+              }));
+            } else {
+              console.warn('教师列表数据格式不正确:', jsList);
+              return [];
+            }
+          } catch (error) {
+            console.error('加载教师列表失败:', error);
+            return [];
+          }
+        },
+        rangeKey: "label",
+        savaKey: "value",
+        placeholder: '请选择评价人',
+        ok: (selectedIndex: number, form: any, list: any) => {
+          const selected = list[selectedIndex];
+          if (selected) {
+            formData.khjsxm = selected.label;
+          }
+        }
+      }
+    },
+    {
+      field: "khRemark",
+      label: "备注",
+      component: "BasicInput",
+      componentProps: {
+        placeholder: '请输入备注',
+        type: 'textarea'
+      }
+    }
+  );
+  
+  return schema;
+});
+
+// 初始化当前教师信息
+const initTeacherInfo = () => {
+  const js = getJs; // getJs 是对象，不是函数
+  if (js && js.id) {
+    formData.jsId = js.id;
+    formData.jsmx = js.jsxm || '';
+  }
+};
+
+// 提交表单
+const handleSubmit = async () => {
+  // 验证必填字段
+  if (!formData.jfTypeId) {
+    showToast({
+      title: '请选择积分项目',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.score) {
+    showToast({
+      title: '请选择类别、级别' + (showGradeField.value ? '、等级' : '') + '以计算分值',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.khTime) {
+    showToast({
+      title: '请选择考核时间',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  if (!formData.khJsId) {
+    showToast({
+      title: '请选择评价人',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  submitting.value = true;
+  try {
+    // 处理 jfTypeId（如果是对象，提取 value）
+    const jfTypeId = typeof formData.jfTypeId === 'object' && formData.jfTypeId !== null 
+      ? formData.jfTypeId.value 
+      : formData.jfTypeId;
+    
+    const submitData = {
+      ...formData,
+      jfTypeId: jfTypeId,
+      jfStatus: formData.jfStatus || 'D'
+    };
+    
+    await jfSaveApi(submitData);
+    
+    showToast({
+      title: '提交成功',
+      icon: 'success'
+    });
+    
+    // 延迟返回，让用户看到成功提示
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  } catch (error) {
+    console.error('提交失败:', error);
+    showToast({
+      title: '提交失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 页面加载
+onLoad(async (options: any) => {
+  initTeacherInfo();
+  await loadJfTypes();
+  await loadJfRules();
+  
+  // 如果有传入的 jfTypeId，设置回显
+  if (options && options.jfTypeId) {
+    formData.jfTypeId = options.jfTypeId;
+    // 等待树数据加载完成后再初始化显示
+    await nextTick();
+    initJfTypeDisplay();
+    handleJfTypeChange(options.jfTypeId);
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.form-scroll {
+  flex: 1;
+  height: calc(100vh - 120rpx);
+}
+
+.form-container {
+  padding: 20rpx;
+  padding-bottom: 160rpx; // 为底部按钮留出空间
+  background-color: #f5f5f5;
+  min-height: 100%;
+}
+
+.section {
+  background-color: #ffffff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+  
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 24rpx;
+    padding: 0 12rpx;
+    
+    .title-line {
+      width: 8rpx;
+      height: 32rpx;
+      background: #1890ff;
+      border-radius: 4rpx;
+      margin-right: 16rpx;
+    }
+    
+    .title-text {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #262626;
+    }
+  }
+}
+
+// 固定在底部的提交按钮
+.fixed-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  padding: 24rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+}
+
+.submit-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  background: #3b82f6;
+  color: #ffffff;
+  border: none;
+  border-radius: 16rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.3);
+  transition: all 0.3s;
+  
+  &:disabled {
+    background: #9ca3af;
+    box-shadow: none;
+  }
+  
+  &:active:not(:disabled) {
+    transform: scale(0.98);
+    background: #1d4ed8;
+  }
+}
+
+// 检查标准和分值配置样式（参考 apply.vue）
+.node-field {
+  margin-top: 20rpx;
+  
+  &:first-child {
+    margin-top: 0;
+  }
+
+  .field-label-title {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 12rpx;
+    padding-bottom: 8rpx;
+    border-bottom: 2rpx solid #e4e7ed;
+  }
+
+  .field-value {
+    font-size: 28rpx;
+    color: #606266;
+    line-height: 1.8;
+    word-break: break-all;
+    margin-top: 8rpx;
+    white-space: pre-wrap;
+    display: block;
+    
+    &.placeholder-text {
+      color: #999;
+    }
+  }
+  
+  .score-config-wrapper {
+    width: 100%;
+    margin-top: 8rpx;
+  }
+  
+  .score-config-category {
+    margin-top: 16rpx;
+    
+    &:first-child {
+      margin-top: 8rpx;
+    }
+    
+    .category-title {
+      font-size: 28rpx;
+      font-weight: 600;
+      color: #409eff;
+      margin-bottom: 12rpx;
+      padding: 8rpx 12rpx;
+      background-color: #ecf5ff;
+      border-radius: 6rpx;
+      border-left: 4rpx solid #409eff;
+    }
+    
+    // 分值表格样式（单个分值和多个分值共用）
+    .score-config-table {
+      border: 1rpx solid #dcdfe6;
+      border-radius: 8rpx;
+      overflow: hidden;
+      
+      .table-header {
+        display: flex;
+        background-color: #f5f7fa;
+        border-bottom: 1rpx solid #dcdfe6;
+      }
+      
+      .table-row {
+        display: flex;
+        border-bottom: 1rpx solid #ebeef5;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+      
+      .table-cell {
+        padding: 16rpx 12rpx;
+        font-size: 26rpx;
+        text-align: center;
+        border-right: 1rpx solid #ebeef5;
+        
+        &:first-child {
+          width: 120rpx;
+          border-right: 1rpx solid #ebeef5;
+        }
+        
+        // 单个分值：只有两列（级别、分值）
+        &:nth-child(2):last-child {
+          flex: 1;
+          border-right: none;
+        }
+        
+        // 多个分值：有四列（级别、一等奖、二等奖、三等奖）
+        &:nth-child(2):not(:last-child),
+        &:nth-child(3),
+        &:nth-child(4) {
+          flex: 1;
+          min-width: 100rpx;
+        }
+        
+        &:last-child {
+          border-right: none;
+        }
+        
+        &.header-cell {
+          font-weight: bold;
+          color: #303133;
+          background-color: #f5f7fa;
+        }
+        
+        &.score-cell {
+          color: #409eff;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .score-config-placeholder {
+    margin-top: 8rpx;
+    
+    .placeholder-text {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+</style>
+
diff --git a/src/pages/view/routine/JiFenPingJia/jfself/apply.vue b/src/pages/view/routine/JiFenPingJia/jfself/apply.vue
new file mode 100644
index 0000000..58a7890
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfself/apply.vue
@@ -0,0 +1,652 @@
+<template>
+  <BasicLayout>
+    <view class="apply-container">
+      <view class="content-wrapper">
+        <view v-if="loading" class="loading-text">加载中...</view>
+        <view v-else>
+          <view v-if="!treeData.length" class="loading-text">暂无数据</view>
+          <view v-else class="tree-wrapper">
+            <view v-for="node in treeData" :key="node.jfTypeId" class="tree-node level-1">
+              <view class="node-header">
+                <view class="node-title-wrapper">
+                  <text class="node-title">{{ node.jfTypeName }}</text>
+                  <text class="node-badge level-1-badge">一级</text>
+                </view>
+                <text class="node-score" v-if="!isZero && node.totalScore">分值：{{ node.totalScore }}</text>
+              </view>
+              <view class="node-content">
+                <view class="node-field" v-if="node.ruleStandard">
+                  <view class="field-label-title">检查标准</view>
+                  <text class="field-value">{{ node.ruleStandard }}</text>
+                </view>
+                <view class="node-field" v-if="node.scoreConfig">
+                  <view class="field-label-title">业绩积分</view>
+                  <view v-for="(category, catIdx) in formatScoreConfig(node.scoreConfig)" :key="catIdx" class="score-config-category">
+                    <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                    <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                    <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                      <view class="table-header">
+                        <view class="table-cell header-cell">级别</view>
+                        <view class="table-cell header-cell">分值</view>
+                      </view>
+                      <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                        <view class="table-cell">{{ row.level }}</view>
+                        <view class="table-cell score-cell">{{ row.scores }}</view>
+                      </view>
+                    </view>
+                    <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                    <view v-else class="score-config-table">
+                      <view class="table-header">
+                        <view class="table-cell header-cell">级别</view>
+                        <view class="table-cell header-cell">一等奖</view>
+                        <view class="table-cell header-cell">二等奖</view>
+                        <view class="table-cell header-cell">三等奖</view>
+                      </view>
+                      <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                        <view class="table-cell">{{ row.level }}</view>
+                        <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                        <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                        <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <view v-if="node.children && node.children.length" class="node-children">
+                <view v-for="child in node.children" :key="child.jfTypeId" class="tree-node level-2">
+                  <view class="node-header">
+                    <view class="node-title-wrapper">
+                      <text class="node-title">{{ child.jfTypeName }}</text>
+                      <text class="node-badge level-2-badge">二级</text>
+                    </view>
+                    <text class="node-score" v-if="!isZero && child.totalScore">分值：{{ child.totalScore }}</text>
+                  </view>
+                  <view class="node-content">
+                    <view class="node-field" v-if="child.ruleStandard">
+                      <view class="field-label-title">检查标准</view>
+                      <text class="field-value">{{ child.ruleStandard }}</text>
+                    </view>
+                    <view class="node-field" v-if="child.scoreConfig">
+                      <view class="field-label-title">业绩积分</view>
+                      <view v-for="(category, catIdx) in formatScoreConfig(child.scoreConfig)" :key="catIdx" class="score-config-category">
+                        <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                        <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                        <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                          <view class="table-header">
+                            <view class="table-cell header-cell">级别</view>
+                            <view class="table-cell header-cell">分值</view>
+                          </view>
+                          <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                            <view class="table-cell">{{ row.level }}</view>
+                            <view class="table-cell score-cell">{{ row.scores }}</view>
+                          </view>
+                        </view>
+                        <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                        <view v-else class="score-config-table">
+                          <view class="table-header">
+                            <view class="table-cell header-cell">级别</view>
+                            <view class="table-cell header-cell">一等奖</view>
+                            <view class="table-cell header-cell">二等奖</view>
+                            <view class="table-cell header-cell">三等奖</view>
+                          </view>
+                          <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                            <view class="table-cell">{{ row.level }}</view>
+                            <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                            <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                            <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view v-if="child.children && child.children.length" class="node-children">
+                    <view v-for="g in child.children" :key="g.jfTypeId" class="tree-node level-3">
+                      <view class="node-header">
+                        <view class="node-title-wrapper">
+                          <text class="node-title">{{ g.jfTypeName }}</text>
+                          <text class="node-badge level-3-badge">三级</text>
+                        </view>
+                        <text class="node-score" v-if="!isZero && g.totalScore">分值：{{ g.totalScore }}</text>
+                      </view>
+                      <view class="node-content">
+                        <view class="node-field" v-if="g.ruleStandard">
+                          <view class="field-label-title">检查标准</view>
+                          <text class="field-value">{{ g.ruleStandard }}</text>
+                        </view>
+                        <view class="node-field" v-if="g.scoreConfig">
+                          <view class="field-label-title">业绩积分</view>
+                          <view v-for="(category, catIdx) in formatScoreConfig(g.scoreConfig)" :key="catIdx" class="score-config-category">
+                            <view v-if="category.category" class="category-title">{{ category.category }}</view>
+                            <!-- 单个分值显示：表格形式，包含"级别"和"分值"两列 -->
+                            <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                              <view class="table-header">
+                                <view class="table-cell header-cell">级别</view>
+                                <view class="table-cell header-cell">分值</view>
+                              </view>
+                              <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                                <view class="table-cell">{{ row.level }}</view>
+                                <view class="table-cell score-cell">{{ row.scores }}</view>
+                              </view>
+                            </view>
+                            <!-- 多个分值显示：表格形式，将"一等奖、二等奖、三等奖"作为列 -->
+                            <view v-else class="score-config-table">
+                              <view class="table-header">
+                                <view class="table-cell header-cell">级别</view>
+                                <view class="table-cell header-cell">一等奖</view>
+                                <view class="table-cell header-cell">二等奖</view>
+                                <view class="table-cell header-cell">三等奖</view>
+                              </view>
+                              <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                                <view class="table-cell">{{ row.level }}</view>
+                                <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                                <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                                <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                              </view>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- 固定在底部的返回按钮 -->
+    <view v-if="treeData.length > 0" class="fixed-bottom">
+      <button class="back-btn" @click="goBack">
+        返回
+      </button>
+    </view>
+  </BasicLayout>
+</template>
+
+<script lang="ts" setup>
+import { ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { jfTypeStructureApi, jfScoreStructureApi } from "@/api/base/server";
+
+interface TreeItem {
+  jfTypeId: string;
+  pid?: string;
+  jfTypeName: string;
+  ruleStandard?: string;
+  scoreConfig?: any;
+  totalScore?: number;
+  children?: TreeItem[];
+}
+
+const loading = ref(false);
+const isZero = ref(false);
+const treeData = ref<TreeItem[]>([]);
+
+// 默认级别配置
+const defaultLevels = [
+  { levelCode: 'national', levelName: '国', key: 'levelNational' },
+  { levelCode: 'province', levelName: '省', key: 'levelProvince' },
+  { levelCode: 'city', levelName: '市', key: 'levelCity' },
+  { levelCode: 'district', levelName: '区', key: 'levelDistrict' },
+  { levelCode: 'school_district', levelName: '学区/街道', key: 'levelSchoolDistrict' },
+  { levelCode: 'school', levelName: '校', key: 'levelSchool' },
+];
+
+interface ScoreConfigRow {
+  level: string;
+  scores: string | number[]; // 单个分值用字符串，多个分值用数组
+  hasMultipleGrades: boolean; // 是否有多个等级
+}
+
+interface ScoreConfigCategory {
+  category?: string;
+  rows: ScoreConfigRow[];
+  hasMultipleGrades: boolean; // 整个类别是否有多个等级
+}
+
+// 将分值数组格式化为字符串
+// 如果只有一个分值：返回 "30"
+// 如果有多个分值：返回数组 [28, 26, 24]
+function formatScores(scores: number[]): { display: string | number[], hasMultiple: boolean } {
+  if (!scores || scores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  const validScores = scores.filter(s => s > 0);
+  if (validScores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  
+  // 如果只有一个分值，返回字符串
+  if (validScores.length === 1) {
+    return { display: String(validScores[0]), hasMultiple: false };
+  }
+  
+  // 如果有多个分值，返回数组
+  return { display: validScores, hasMultiple: true };
+}
+
+const formatScoreConfig = (config: any): ScoreConfigCategory[] => {
+  if (!config) return [];
+  try {
+    // 如果是字符串，尝试解析
+    let configObj = config;
+    if (typeof config === "string") {
+      try {
+        configObj = JSON.parse(config);
+      } catch {
+        return [];
+      }
+    }
+    
+    const result: ScoreConfigCategory[] = [];
+    
+    // 如果已经有 categories 格式
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        const categoryName = cat.category || '';
+        const rows: ScoreConfigRow[] = [];
+        let categoryHasMultiple = false;
+        
+        defaultLevels.forEach(level => {
+          const scores = cat[level.key] as number[];
+          if (scores && scores.length > 0) {
+            const formatted = formatScores(scores);
+            if (formatted.display) {
+              if (formatted.hasMultiple) {
+                categoryHasMultiple = true;
+              }
+              rows.push({
+                level: level.levelName,
+                scores: formatted.display,
+                hasMultipleGrades: formatted.hasMultiple
+              });
+            }
+          }
+        });
+        
+        if (rows.length > 0) {
+          result.push({
+            category: categoryName,
+            rows: rows,
+            hasMultipleGrades: categoryHasMultiple
+          });
+        }
+      });
+    }
+    // 如果有旧的 category + levels 格式
+    else if (configObj.category && configObj.levels) {
+      const rows: ScoreConfigRow[] = [];
+      let categoryHasMultiple = false;
+      
+      configObj.levels.forEach((level: any) => {
+        if (level.scores && level.scores.length > 0) {
+          const formatted = formatScores(level.scores);
+          if (formatted.display) {
+            if (formatted.hasMultiple) {
+              categoryHasMultiple = true;
+            }
+            const levelName = level.levelName || level.levelCode || '';
+            rows.push({
+              level: levelName,
+              scores: formatted.display,
+              hasMultipleGrades: formatted.hasMultiple
+            });
+          }
+        }
+      });
+      
+      if (rows.length > 0) {
+        result.push({
+          category: configObj.category,
+          rows: rows,
+          hasMultipleGrades: categoryHasMultiple
+        });
+      }
+    }
+    
+    return result;
+  } catch {
+    return [];
+  }
+};
+
+const goBack = () => {
+  uni.navigateBack();
+};
+
+function buildTree(list: any[]): TreeItem[] {
+  const map: Record<string, TreeItem> = {};
+  const roots: TreeItem[] = [];
+  
+  // 先创建所有节点
+  list.forEach(it => {
+    map[it.jfTypeId] = {
+      jfTypeId: it.jfTypeId,
+      pid: it.pid,
+      jfTypeName: it.jfTypeName,
+      ruleStandard: it.ruleStandard,
+      scoreConfig: it.scoreConfig,
+      totalScore: it.totalScore
+    };
+  });
+  
+  // 构建树形结构
+  list.forEach(it => {
+    const node = map[it.jfTypeId];
+    if (it.pid && map[it.pid]) {
+      if (!map[it.pid].children) {
+        map[it.pid].children = [];
+      }
+      map[it.pid].children!.push(node);
+    } else {
+      roots.push(node);
+    }
+  });
+  
+  return roots;
+}
+
+const loadData = async (jfTypeId: string, score: number, jsId: string) => {
+  loading.value = true;
+  try {
+    const params: any = {
+      topTypeId: jfTypeId,
+      startTime: new Date().getFullYear() + "-01-01",
+      endTime: new Date().getFullYear() + "-12-31",
+    };
+    let res: any;
+    
+    if (score && score > 0) {
+      // 积分不为0，显示教师获得积分信息
+      params.jsId = jsId;
+      res = await jfScoreStructureApi(params);
+    } else {
+      // 积分为0，显示向下每个维度的积分项目、检查标准、分值配置
+      res = await jfTypeStructureApi(params);
+    }
+    
+    const list = res?.result || res?.data || res || [];
+    treeData.value = buildTree(Array.isArray(list) ? list : []);
+  } catch (error) {
+    console.error("加载数据失败:", error);
+    uni.showToast({
+      title: "加载数据失败",
+      icon: "none"
+    });
+  } finally {
+    loading.value = false;
+  }
+};
+
+onLoad((options) => {
+  const jfTypeId = options?.jfTypeId || "";
+  const score = Number(options?.score || 0);
+  isZero.value = score <= 0;
+
+  let jsId = "";
+  const userDataStr = uni.getStorageSync("app-user");
+  if (userDataStr) {
+    try {
+      const userData = typeof userDataStr === "string" ? JSON.parse(userDataStr) : userDataStr;
+      if (userData && userData.jsData && userData.jsData.id) {
+        jsId = userData.jsData.id;
+      }
+    } catch (e) {
+      console.error("解析用户数据失败:", e);
+    }
+  }
+
+  if (!jfTypeId) {
+    uni.showToast({ title: "缺少积分类型", icon: "none" });
+    return;
+  }
+  loadData(jfTypeId, score, jsId);
+});
+</script>
+
+<style scoped lang="scss">
+.apply-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+.content-wrapper {
+  padding: 20rpx 20rpx 160rpx 20rpx; // 为底部固定按钮留出空间
+}
+
+.loading-text {
+  text-align: center;
+  color: #999;
+  font-size: 28rpx;
+  padding: 80rpx 0;
+}
+
+.tree-wrapper {
+  .tree-node {
+    margin-bottom: 24rpx;
+    background-color: #ffffff;
+    border-radius: 12rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+    
+    &.level-1 {
+      padding: 24rpx;
+    }
+    
+    &.level-2 {
+      padding: 20rpx;
+      margin-top: 16rpx;
+    }
+    
+    &.level-3 {
+      padding: 16rpx;
+      margin-top: 12rpx;
+    }
+
+    .node-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 16rpx;
+      padding-bottom: 12rpx;
+      border-bottom: 1rpx solid #f0f0f0;
+
+      .node-title-wrapper {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        gap: 12rpx;
+      }
+
+      .node-title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333;
+        line-height: 1.5;
+      }
+
+      .node-badge {
+        display: inline-block;
+        padding: 4rpx 12rpx;
+        border-radius: 4rpx;
+        font-size: 20rpx;
+        font-weight: normal;
+        
+        &.level-1-badge {
+          background-color: #ecf5ff;
+          color: #409eff;
+        }
+        
+        &.level-2-badge {
+          background-color: #f0f9ff;
+          color: #67c23a;
+        }
+        
+        &.level-3-badge {
+          background-color: #fdf6ec;
+          color: #e6a23c;
+        }
+      }
+
+      .node-score {
+        font-size: 28rpx;
+        color: #f56c6c;
+        font-weight: 600;
+        white-space: nowrap;
+        margin-left: 16rpx;
+      }
+    }
+
+    .node-content {
+      .node-field {
+        margin-top: 20rpx;
+        
+        &:first-child {
+          margin-top: 0;
+        }
+
+        .field-label-title {
+          font-size: 30rpx;
+          font-weight: bold;
+          color: #303133;
+          margin-bottom: 12rpx;
+          padding-bottom: 8rpx;
+          border-bottom: 2rpx solid #e4e7ed;
+        }
+
+        .field-value {
+          font-size: 28rpx;
+          color: #606266;
+          line-height: 1.8;
+          word-break: break-all;
+          margin-top: 8rpx;
+        }
+        
+        .score-config-category {
+          margin-top: 16rpx;
+          
+          &:first-child {
+            margin-top: 8rpx;
+          }
+          
+          .category-title {
+            font-size: 28rpx;
+            font-weight: 600;
+            color: #409eff;
+            margin-bottom: 12rpx;
+            padding: 8rpx 12rpx;
+            background-color: #ecf5ff;
+            border-radius: 6rpx;
+            border-left: 4rpx solid #409eff;
+          }
+          
+          // 分值表格样式（单个分值和多个分值共用）
+          .score-config-table {
+            border: 1rpx solid #dcdfe6;
+            border-radius: 8rpx;
+            overflow: hidden;
+            
+            .table-header {
+              display: flex;
+              background-color: #f5f7fa;
+              border-bottom: 1rpx solid #dcdfe6;
+            }
+            
+            .table-row {
+              display: flex;
+              border-bottom: 1rpx solid #ebeef5;
+              
+              &:last-child {
+                border-bottom: none;
+              }
+            }
+            
+            .table-cell {
+              padding: 16rpx 12rpx;
+              font-size: 26rpx;
+              text-align: center;
+              border-right: 1rpx solid #ebeef5;
+              
+              &:first-child {
+                width: 120rpx;
+                border-right: 1rpx solid #ebeef5;
+              }
+              
+              // 单个分值：只有两列（级别、分值）
+              &:nth-child(2):last-child {
+                flex: 1;
+                border-right: none;
+              }
+              
+              // 多个分值：有四列（级别、一等奖、二等奖、三等奖）
+              &:nth-child(2):not(:last-child),
+              &:nth-child(3),
+              &:nth-child(4) {
+                flex: 1;
+                min-width: 100rpx;
+              }
+              
+              &:last-child {
+                border-right: none;
+              }
+              
+              &.header-cell {
+                font-weight: bold;
+                color: #303133;
+                background-color: #f5f7fa;
+              }
+              
+              &.score-cell {
+                color: #409eff;
+                font-weight: 500;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .node-children {
+      margin-top: 16rpx;
+    }
+  }
+}
+
+// 固定在底部的返回按钮
+.fixed-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  padding: 24rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+  z-index: 100;
+}
+
+.back-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  background: #3b82f6;
+  color: #ffffff;
+  border: none;
+  border-radius: 16rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.3);
+  transition: all 0.3s;
+  
+  &:hover {
+    background: #2563eb;
+    box-shadow: 0 6rpx 20rpx rgba(59, 130, 246, 0.4);
+  }
+  
+  &:active {
+    transform: scale(0.98);
+    background: #1d4ed8;
+  }
+}
+</style>
+
diff --git a/src/pages/view/routine/JiFenPingJia/jfsp/JfFlow.vue b/src/pages/view/routine/JiFenPingJia/jfsp/JfFlow.vue
new file mode 100644
index 0000000..25fac54
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfsp/JfFlow.vue
@@ -0,0 +1,475 @@
+<template>
+  <BasicLayout>
+    <view class="p-15">
+      <!-- 积分标准 -->
+      <view class="jf-info-section">
+        <view class="section-title">积分标准</view>
+        <view class="info-item">
+          <text class="label">积分项目：</text>
+          <text class="value title-bold">{{ jfInfo.jfTypeName || '-' }}</text>
+        </view>
+        <view class="info-block">
+          <text class="block-label">检查标准</text>
+          <text class="block-value multi-text">{{ jfInfo.ruleStandard || '-' }}</text>
+        </view>
+        <view class="info-block">
+          <text class="block-label">业绩积分</text>
+          <view v-if="formattedScoreConfig.length" class="score-config-wrapper">
+            <view
+              v-for="(category, catIdx) in formattedScoreConfig"
+              :key="catIdx"
+              class="score-config-category"
+            >
+              <view v-if="category.category" class="category-title">{{ category.category }}</view>
+              <view v-if="!category.hasMultipleGrades" class="score-config-table">
+                <view class="table-header">
+                  <view class="table-cell header-cell">级别</view>
+                  <view class="table-cell header-cell">分值</view>
+                </view>
+                <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                  <view class="table-cell">{{ row.level }}</view>
+                  <view class="table-cell score-cell">{{ row.scores }}</view>
+                </view>
+              </view>
+              <view v-else class="score-config-table">
+                <view class="table-header">
+                  <view class="table-cell header-cell">级别</view>
+                  <view class="table-cell header-cell">一等奖</view>
+                  <view class="table-cell header-cell">二等奖</view>
+                  <view class="table-cell header-cell">三等奖</view>
+                </view>
+                <view v-for="(row, idx) in category.rows" :key="idx" class="table-row">
+                  <view class="table-cell">{{ row.level }}</view>
+                  <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[0] || '') : '' }}</view>
+                  <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[1] || '') : '' }}</view>
+                  <view class="table-cell score-cell">{{ Array.isArray(row.scores) ? (row.scores[2] || '') : '' }}</view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view v-else class="block-value placeholder">暂无配置</view>
+        </view>
+      </view>
+
+      <!-- 获奖情况 -->
+      <view class="jf-info-section">
+        <view class="section-title">获奖情况</view>
+        <view class="info-item">
+          <text class="label">考核教师：</text>
+          <text class="value title-bold">{{ jfInfo.jsmx || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">荣誉名称：</text>
+          <text class="value">{{ jfInfo.rymc || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">获奖类型：</text>
+          <text class="value">{{ jfInfo.hjlx || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">颁奖单位：</text>
+          <text class="value multi-text">{{ jfInfo.bjdw || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">获奖时间：</text>
+          <text class="value">{{ formatYearMonth(jfInfo.hjtime) }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">类别：</text>
+          <text class="value">{{ jfInfo.category || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">级别：</text>
+          <text class="value">{{ jfInfo.level || '-' }}</text>
+        </view>
+        <view class="info-item" v-if="jfInfo.grade">
+          <text class="label">等级：</text>
+          <text class="value">{{ jfInfo.grade }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">分值：</text>
+          <text class="value score-value">{{ jfInfo.score ?? '-' }}</text>
+        </view>
+      </view>
+
+      <!-- 证书预览 -->
+      <BasicFilePreview
+        v-if="jfInfo.fileUrl"
+        :file-url="jfInfo.fileUrl"
+        :file-name="jfInfo.fileName"
+        :file-format="jfInfo.fileFormat"
+        class="mb-0"
+      />
+    </view>
+
+    <!-- 审批流程展示 -->
+    <LcglSp :yw-id="jfId" yw-type="JF" />
+
+    <template #bottom>
+      <YwConfirm
+        v-if="showButton"
+        :spApi="jfSpApi"
+        :stopApi="jfStopApi"
+        :transferApi="jfTransferApi"
+        :params="spParams"
+        :showXt="false"
+        :showReject="true"
+        :showTransfer="true"
+        :showApprove="true"
+        :showReturn="false"
+        :showStop="true"
+        :showXtDk="false"
+      />
+    </template>
+  </BasicLayout>
+</template>
+
+<script setup lang="ts">
+import { onLoad } from "@dcloudio/uni-app";
+import { ref, computed } from "vue";
+import dayjs from "dayjs";
+import BasicLayout from "@/components/BasicLayout/Layout.vue";
+import LcglSp from "@/components/LcglSp/index.vue";
+import YwConfirm from "@/pages/components/YwConfirm/index.vue";
+import BasicFilePreview from "@/components/BasicFile/preview.vue";
+import { jfFlowByIdApi, jfSpApi, jfTransferApi, jfStopApi } from "@/api/base/server";
+import { useDataStore } from "@/store/modules/data";
+
+const { getXxts } = useDataStore();
+
+const jfId = ref<string>("");
+const jfInfo = ref<any>({});
+const showButton = ref<boolean>(false);
+
+const spParams = computed(() => ({
+  xxtsId: getXxts?.id,
+  ywId: jfId.value
+}));
+
+// 时间格式化
+const formatTime = (time: any) => {
+  if (!time) return "-";
+  return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+};
+
+const formatYearMonth = (time: any) => {
+  if (!time) return "-";
+  return dayjs(time).format("YYYY-MM");
+};
+
+// ===== 业绩积分展示格式化（与 MyScoreDetail 同步） =====
+const defaultLevels = [
+  { levelCode: 'national', levelName: '国', key: 'levelNational' },
+  { levelCode: 'province', levelName: '省', key: 'levelProvince' },
+  { levelCode: 'city', levelName: '市', key: 'levelCity' },
+  { levelCode: 'district', levelName: '区', key: 'levelDistrict' },
+  { levelCode: 'school_district', levelName: '学区/街道', key: 'levelSchoolDistrict' },
+  { levelCode: 'school', levelName: '校', key: 'levelSchool' },
+];
+
+interface ScoreConfigRow {
+  level: string;
+  scores: string | number[]; // 单个分值用字符串，多个分值用数组
+  hasMultipleGrades: boolean; // 是否有多个等级
+}
+
+interface ScoreConfigCategory {
+  category?: string;
+  rows: ScoreConfigRow[];
+  hasMultipleGrades: boolean; // 整个类别是否有多个等级
+}
+
+const formatScores = (scores: number[]): { display: string | number[], hasMultiple: boolean } => {
+  if (!scores || scores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  const validScores = scores.filter(s => s > 0);
+  if (validScores.length === 0) {
+    return { display: '', hasMultiple: false };
+  }
+  if (validScores.length === 1) {
+    return { display: String(validScores[0]), hasMultiple: false };
+  }
+  return { display: validScores, hasMultiple: true };
+};
+
+const formatScoreConfig = (config: any): ScoreConfigCategory[] => {
+  if (!config) return [];
+  try {
+    let configObj = config;
+    if (typeof config === "string") {
+      try {
+        configObj = JSON.parse(config);
+      } catch {
+        return [];
+      }
+    }
+
+    const result: ScoreConfigCategory[] = [];
+
+    if (configObj.categories && Array.isArray(configObj.categories)) {
+      configObj.categories.forEach((cat: any) => {
+        const categoryName = cat.category || '';
+        const rows: ScoreConfigRow[] = [];
+        let categoryHasMultiple = false;
+
+        defaultLevels.forEach(level => {
+          const scores = cat[level.key] as number[];
+          if (scores && scores.length > 0) {
+            const formatted = formatScores(scores);
+            if (formatted.display) {
+              if (formatted.hasMultiple) {
+                categoryHasMultiple = true;
+              }
+              rows.push({
+                level: level.levelName,
+                scores: formatted.display,
+                hasMultipleGrades: formatted.hasMultiple
+              });
+            }
+          }
+        });
+
+        if (rows.length > 0) {
+          result.push({
+            category: categoryName,
+            rows: rows,
+            hasMultipleGrades: categoryHasMultiple
+          });
+        }
+      });
+    } else if (configObj.category && configObj.levels) {
+      const rows: ScoreConfigRow[] = [];
+      let categoryHasMultiple = false;
+
+      configObj.levels.forEach((level: any) => {
+        if (level.scores && level.scores.length > 0) {
+          const formatted = formatScores(level.scores);
+          if (formatted.display) {
+            if (formatted.hasMultiple) {
+              categoryHasMultiple = true;
+            }
+            const levelName = level.levelName || level.levelCode || '';
+            rows.push({
+              level: levelName,
+              scores: formatted.display,
+              hasMultipleGrades: formatted.hasMultiple
+            });
+          }
+        }
+      });
+
+      if (rows.length > 0) {
+        result.push({
+          category: configObj.category,
+          rows: rows,
+          hasMultipleGrades: categoryHasMultiple
+        });
+      }
+    }
+
+    return result;
+  } catch {
+    return [];
+  }
+};
+
+const formattedScoreConfig = computed(() => formatScoreConfig(jfInfo.value?.scoreConfig));
+
+// 读取流程详情
+const getJfInfo = async () => {
+  try {
+    const res: any = await jfFlowByIdApi({ id: jfId.value });
+    if (res && res.resultCode === 1 && res.result) {
+      jfInfo.value = res.result.jfInfo || {};
+      const spResult = jfInfo.value?.spResult;
+      // 当流程已完成且待办状态关闭时，不显示审批按钮
+      if (spResult && spResult !== "A" && getXxts && getXxts.dbZt === "A") {
+        showButton.value = false;
+      } else {
+        showButton.value = true;
+      }
+    } else {
+      showButton.value = false;
+    }
+  } catch (error) {
+    console.error("获取积分流程失败:", error);
+    showButton.value = false;
+  }
+};
+
+onLoad((options: any) => {
+  if (options && options.id) {
+    jfId.value = options.id;
+    getJfInfo();
+  } else {
+    uni.showToast({ title: "缺少积分ID", icon: "none" });
+    setTimeout(() => uni.navigateBack(), 1500);
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.p-15 {
+  padding: 15px;
+}
+
+.jf-info-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: 12px;
+
+  .label {
+    width: 110rpx;
+    color: #666;
+    font-size: 28rpx;
+  }
+
+  .value {
+    flex: 1;
+    color: #333;
+    font-size: 28rpx;
+
+    &.title-bold {
+      font-weight: bold;
+      font-size: 32rpx;
+    }
+
+    &.score-value {
+      color: #f56c6c;
+      font-weight: 600;
+    }
+  }
+}
+
+.info-block {
+  margin-top: 12px;
+
+  .block-label {
+    display: inline-block;
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #303133;
+    padding-bottom: 6rpx;
+    border-bottom: 2rpx solid #e4e7ed;
+  }
+
+  .block-value {
+    display: block;
+    margin-top: 8rpx;
+    font-size: 28rpx;
+    color: #606266;
+
+    &.multi-text {
+      white-space: pre-wrap;
+      word-break: break-word;
+      line-height: 1.6;
+    }
+
+    &.placeholder {
+      color: #999;
+    }
+  }
+
+  .score-config-wrapper {
+    width: 100%;
+    margin-top: 8rpx;
+  }
+
+  .score-config-category {
+    margin-top: 16rpx;
+
+    &:first-child {
+      margin-top: 8rpx;
+    }
+
+    .category-title {
+      font-size: 28rpx;
+      font-weight: 600;
+      color: #409eff;
+      margin-bottom: 12rpx;
+      padding: 8rpx 12rpx;
+      background-color: #ecf5ff;
+      border-radius: 6rpx;
+      border-left: 4rpx solid #409eff;
+    }
+
+    .score-config-table {
+      border: 1rpx solid #dcdfe6;
+      border-radius: 8rpx;
+      overflow: hidden;
+
+      .table-header {
+        display: flex;
+        background-color: #f5f7fa;
+        border-bottom: 1rpx solid #dcdfe6;
+      }
+
+      .table-row {
+        display: flex;
+        border-bottom: 1rpx solid #ebeef5;
+
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+
+      .table-cell {
+        padding: 16rpx 12rpx;
+        font-size: 26rpx;
+        text-align: center;
+        border-right: 1rpx solid #ebeef5;
+
+        &:first-child {
+          width: 120rpx;
+          border-right: 1rpx solid #ebeef5;
+        }
+
+        &:nth-child(2):last-child {
+          flex: 1;
+          border-right: none;
+        }
+
+        &:nth-child(2):not(:last-child),
+        &:nth-child(3),
+        &:nth-child(4) {
+          flex: 1;
+          min-width: 100rpx;
+        }
+
+        &:last-child {
+          border-right: none;
+        }
+
+        &.header-cell {
+          font-weight: bold;
+          color: #303133;
+          background-color: #f5f7fa;
+        }
+
+        &.score-cell {
+          color: #409eff;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}
+</style>
+
diff --git a/src/pages/view/routine/JiFenPingJia/jfsp/index.vue b/src/pages/view/routine/JiFenPingJia/jfsp/index.vue
new file mode 100644
index 0000000..645316c
--- /dev/null
+++ b/src/pages/view/routine/JiFenPingJia/jfsp/index.vue
@@ -0,0 +1,406 @@
+<template>
+  <view class="jfsp-list-page">
+    <view class="top-section">
+      <view class="search-card">
+        <view class="search-item">
+          <view class="search-container">
+            <BasicSearch
+              placeholder="搜索积分标题或类型"
+              v-model="searchKeyword"
+              class="search-input"
+              @search="handleSearch"
+            />
+            <u-button
+              text="查询"
+              type="primary"
+              size="small"
+              class="search-button"
+              @click="handleSearch(searchKeyword)"
+            />
+          </view>
+        </view>
+        <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>
+
+    <view class="middle-section">
+      <z-paging
+        ref="pagingRef"
+        v-model="dataList"
+        :auto="true"
+        :refresher-enabled="true"
+        :loading-more-enabled="true"
+        :loading-more-threshold="50"
+        :default-page-size="10"
+        :show-loading-more-no-more-view="true"
+        :show-empty-view-reload="false"
+        :fixed="false"
+        :use-page-scroll="true"
+        class="paging-container"
+        @query="queryData"
+      >
+        <view
+          v-for="(data, index) in dataList"
+          :key="data.id || data.ywId || index"
+          class="jf-card"
+        >
+          <view class="card-header">
+            <text class="jf-title">{{ getTitle(data) }}</text>
+            <text class="jf-status" :class="getStatusClass(data.spJd || data.dbZt)">
+              {{ getStatusText(data.spJd || data.dbZt) }}
+            </text>
+          </view>
+          <view class="card-body">
+            <view class="info-item">
+              <text class="info-label">考核教师：</text>
+              <text class="info-value">{{ data.jsmx || "—" }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">获奖类型：</text>
+              <text class="info-value">{{ data.hjlx || "—" }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">颁奖单位：</text>
+              <text class="info-value multi-line">{{ data.bjdw || "—" }}</text>
+            </view>
+            <view class="info-item">
+              <text class="info-label">获奖时间：</text>
+              <text class="info-value">{{ formatYearMonth(data.hjtime) }}</text>
+            </view>
+          </view>
+          <view class="card-footer">
+            <view class="footer-actions">
+              <u-button
+                text="查看"
+                size="mini"
+                type="primary"
+                @click="goToDetail(data)"
+              />
+            </view>
+          </view>
+        </view>
+      </z-paging>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import BasicSearch from "@/components/BasicSearch/Search.vue";
+import { jfFindUserTodosPageApi } from "@/api/base/server";
+import { navigateTo } from "@/utils/uniapp";
+import { useUserStore } from "@/store/modules/user";
+
+const filterTabs = [
+  { key: "pending", label: "待办" },
+  { key: "approved", label: "已办" },
+  { key: "cc", label: "抄送" },
+  { key: "all", label: "全部" },
+];
+
+const activeTab = ref("pending");
+const searchKeyword = ref("");
+const dataList = ref<any[]>([]);
+const pagingRef = ref<any>(null);
+const userStore = useUserStore();
+
+const getCurrentTeacherId = () => {
+  const jsData = userStore.getJs;
+  return jsData?.id || null;
+};
+
+const handleSearch = (keyword: string) => {
+  searchKeyword.value = keyword;
+  pagingRef.value?.reload();
+};
+
+const switchTab = (tabKey: string) => {
+  activeTab.value = tabKey;
+  pagingRef.value?.reload();
+};
+
+const filterJfData = (list: any[]) => {
+  let filtered = list;
+  if (searchKeyword.value) {
+    const kw = searchKeyword.value.toLowerCase();
+    filtered = filtered.filter((item) =>
+      getTitle(item).toLowerCase().includes(kw)
+    );
+  }
+  return filtered;
+};
+
+const queryData = async (pageNo: number, pageSize: number) => {
+  try {
+    const jsId = getCurrentTeacherId();
+    if (!jsId) {
+      uni.showToast({ title: "无法获取用户信息", icon: "none" });
+      pagingRef.value?.complete([]);
+      return;
+    }
+
+    let response: any;
+    if (activeTab.value === "all") {
+      response = await jfFindUserTodosPageApi({ dbZt: "", jsId, spType: "", page: pageNo, rows: pageSize });
+    } else if (activeTab.value === "pending") {
+      response = await jfFindUserTodosPageApi({ dbZt: "A", jsId, spType: "SP", page: pageNo, rows: pageSize });
+    } else if (activeTab.value === "approved") {
+      response = await jfFindUserTodosPageApi({ dbZt: "B", jsId, spType: "SP", page: pageNo, rows: pageSize });
+    } else {
+      response = await jfFindUserTodosPageApi({ dbZt: "", jsId, spType: "CC", page: pageNo, rows: pageSize });
+    }
+
+    console.log("积分审批列表接口返回 raw:", response);
+    const result = response?.data || response;
+    let rows: any[] = [];
+    if (result?.rows && Array.isArray(result.rows)) {
+      rows = result.rows;
+    } else if (result?.resultCode === 1 && Array.isArray(result.result)) {
+      rows = result.result;
+    }
+    console.log("积分审批列表 rows:", rows);
+    const filtered = filterJfData(rows);
+    console.log("积分审批列表 filtered:", filtered);
+    // 直接写入 dataList，确保渲染
+    dataList.value = filtered;
+    // 将总数传递给 z-paging，优先使用 total/records
+    const total = result?.total ?? result?.records ?? filtered.length;
+    pagingRef.value?.complete(filtered, total);
+  } catch (error) {
+    console.error("加载积分审批列表失败:", error);
+    uni.showToast({ title: "加载失败", icon: "none" });
+    dataList.value = [];
+    pagingRef.value?.complete([], 0);
+  }
+};
+
+const getTitle = (item: any) => item.ywTitle || item.title || item.rymc || "积分申请";
+
+const getStatusText = (spJd?: string) => {
+  const map: Record<string, string> = { A: "审批中", Z: "已完成", B: "已办", C: "已驳回" };
+  return map[spJd || ""] || "未知";
+};
+
+const getStatusClass = (spJd?: string) => {
+  if (spJd === "A") return "status-pending";
+  if (spJd === "Z" || spJd === "B") return "status-done";
+  if (spJd === "C") return "status-reject";
+  return "";
+};
+
+const formatDate = (val?: string) => (val ? dayjs(val).format("YYYY-MM-DD HH:mm") : "--");
+const formatYearMonth = (val?: string) => (val ? dayjs(val).format("YYYY-MM") : "--");
+
+const goToDetail = (item: any) => {
+  const id = item.ywId || item.id;
+  if (!id) {
+    uni.showToast({ title: "缺少业务ID", icon: "none" });
+    return;
+  }
+  navigateTo(`/pages/view/routine/JiFenPingJia/jfsp/JfFlow?id=${id}&from=db`);
+};
+
+onShow(() => {
+  pagingRef.value?.reload();
+});
+</script>
+
+<style scoped lang="scss">
+.jfsp-list-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+.top-section {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 12px;
+}
+
+.search-card {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border: 1px solid #f0f0f0;
+}
+
+.search-container {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.search-input {
+  flex: 1;
+  min-width: 70%;
+  height: 42px;
+  background-color: #f8f9fa;
+  border: 1px solid #e9ecef;
+  border-radius: 8px;
+  padding: 0 15px;
+  font-size: 16px;
+  color: #333;
+}
+
+.filter-tabs {
+  display: flex;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.filter-tab {
+  flex: 1;
+  text-align: center;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 14px;
+  color: #666;
+  transition: all 0.3s;
+  background-color: #f0f0f0;
+  border: 1px solid #e9ecef;
+
+  &.active {
+    background-color: #007aff;
+    color: white;
+    border-color: #007aff;
+  }
+}
+
+.middle-section {
+  flex: 1;
+  margin-top: 140px;
+  height: calc(100vh - 140px);
+  background-color: #f5f7fa;
+}
+
+.paging-container {
+  height: 100%;
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.jf-card {
+  background-color: white;
+  border-radius: 8px;
+  padding: 15px;
+  margin-bottom: 15px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+
+  &:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+  }
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  gap: 12px;
+}
+
+.jf-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #2c3e50;
+  flex: 1;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-word;
+}
+
+.jf-status {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  flex-shrink: 0;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.status-pending {
+  background: #fff7e6;
+  color: #f59e0b;
+}
+.status-done {
+  background: #e8fff3;
+  color: #10b981;
+}
+.status-reject {
+  background: #ffecec;
+  color: #f43f5e;
+}
+
+.card-body {
+  margin-bottom: 12px;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  margin-top: 6px;
+}
+
+.info-label {
+  color: #666;
+  font-size: 14px;
+  margin-right: 4px;
+}
+
+.info-value {
+  color: #333;
+  font-size: 14px;
+  flex: 1;
+
+  &.multi-line {
+    white-space: normal;
+    word-break: break-all;
+    line-height: 1.5;
+  }
+}
+
+.card-footer {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding-top: 12px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.footer-actions {
+  display: flex;
+  gap: 8px;
+}
+</style>
+
diff --git a/src/pages/view/routine/qd/detail.vue b/src/pages/view/routine/qd/detail.vue
index 23dc82e..023e0bd 100644
--- a/src/pages/view/routine/qd/detail.vue
+++ b/src/pages/view/routine/qd/detail.vue
@@ -197,7 +197,9 @@ const currentFilter = ref('all');
 
 const totalCount = computed(() => teacherList.value.length);
 const signedCount = computed(() => teacherList.value.filter(t => t.qdStatus === '1').length);
-const unsignedCount = computed(() => teacherList.value.filter(t => t.qdStatus === '0').length);
+const unsignedCount = computed(() => teacherList.value.filter(
+  t => t.qdStatus === '0' && !(t.qjlx && t.qjlx.trim() !== '')
+).length);
 const lateCount = computed(() => {
   if (!qdInfo.value.qdkstime) return 0;
   const meetingStartTime = new Date(qdInfo.value.qdkstime);
@@ -227,7 +229,9 @@ const filteredTeacherList = computed(() => {
         return signInTime > meetingStartTime;
       });
     case 'unsigned':
-      return teacherList.value.filter(t => t.qdStatus === '0');
+      return teacherList.value.filter(
+        t => t.qdStatus === '0' && !(t.qjlx && t.qjlx.trim() !== '')
+      );
     case 'qj':
       return teacherList.value.filter(t => t.qjlx && t.qjlx.trim() !== '');
     case 'qj_pending':
diff --git a/src/pages/view/routine/sr/envelope.vue b/src/pages/view/routine/sr/envelope.vue
index 39e1194..2db1afe 100644
--- a/src/pages/view/routine/sr/envelope.vue
+++ b/src/pages/view/routine/sr/envelope.vue
@@ -62,20 +62,11 @@
       <text class="deco-icon">🎁</text>
       <text class="deco-icon">🎈</text>
     </view>
-    
-    <!-- 右上角音乐图标 -->
-    <view 
-      class="music-icon-wrapper"
-      :class="{ 'playing': isMusicPlaying, 'fade-out': isOpening }"
-      @click="toggleMusic"
-    >
-      <text class="music-icon-emoji">🎵</text>
-    </view>
   </view>
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, onUnmounted } from "vue";
+import { ref, computed } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import { useUserStore } from "@/store/modules/user";
 
@@ -85,8 +76,6 @@ const openId = ref<string>("");
 const receiverName = ref<string>("");
 const isOpening = ref(false);
 const isOpened = ref(false);
-const audioContext = ref<any>(null);
-const isMusicPlaying = ref(false);
 
 // 页面背景样式
 const pageStyle = computed(() => {
@@ -99,11 +88,6 @@ const pageStyle = computed(() => {
 const openEnvelope = () => {
   if (isOpening.value || isOpened.value) return;
   
-  // 用户点击时触发音乐播放（解决自动播放限制）
-  if (!isMusicPlaying.value && audioContext.value) {
-    playMusic();
-  }
-  
   isOpening.value = true;
   
   // 信封打开动画完成后跳转
@@ -118,124 +102,6 @@ const openEnvelope = () => {
   }, 1500);
 };
 
-// 初始化音频（等待用户交互后自动播放）
-const initAudio = () => {
-  try {
-    // #ifdef H5
-    audioContext.value = new Audio('/static/base/music/srkl.mp3');
-    audioContext.value.loop = true;
-    // 监听播放状态
-    audioContext.value.addEventListener('play', () => {
-      isMusicPlaying.value = true;
-    });
-    audioContext.value.addEventListener('pause', () => {
-      isMusicPlaying.value = false;
-    });
-    audioContext.value.addEventListener('ended', () => {
-      isMusicPlaying.value = false;
-    });
-    
-    // 标记是否已尝试播放
-    let hasTriedPlay = false;
-    
-    // 播放音乐的辅助函数
-    const attemptPlay = () => {
-      if (!audioContext.value || hasTriedPlay || isMusicPlaying.value) {
-        return;
-      }
-      hasTriedPlay = true;
-      audioContext.value.play().then(() => {
-        isMusicPlaying.value = true;
-      }).catch(() => {
-        // 播放失败，重置标记以便下次尝试
-        hasTriedPlay = false;
-      });
-    };
-    
-    // 监听用户交互事件，在第一次交互时自动播放
-    let hasInteracted = false;
-    const playOnInteraction = () => {
-      if (!hasInteracted && !isMusicPlaying.value) {
-        hasInteracted = true;
-        attemptPlay();
-      }
-    };
-    
-    // 监听多种用户交互事件（只绑定一次）
-    const events = ['click', 'touchstart'];
-    events.forEach(eventType => {
-      document.addEventListener(eventType, playOnInteraction, { once: true, passive: true });
-    });
-    
-    // 尝试自动播放（可能被阻止，但不记录错误）
-    attemptPlay();
-    // #endif
-    
-    // #ifdef MP-WEIXIN
-    audioContext.value = uni.createInnerAudioContext();
-    audioContext.value.src = '/static/base/music/srkl.mp3';
-    audioContext.value.loop = true;
-    // 监听播放状态
-    audioContext.value.onPlay(() => {
-      isMusicPlaying.value = true;
-    });
-    audioContext.value.onPause(() => {
-      isMusicPlaying.value = false;
-    });
-    audioContext.value.onStop(() => {
-      isMusicPlaying.value = false;
-    });
-    // 微信小程序可以自动播放
-    audioContext.value.play();
-    isMusicPlaying.value = true;
-    // #endif
-  } catch (e) {
-    console.error("初始化音频失败:", e);
-  }
-};
-
-// 播放音乐
-const playMusic = () => {
-  if (!audioContext.value) return;
-  try {
-    audioContext.value.play();
-    isMusicPlaying.value = true;
-  } catch (e) {
-    console.error("播放音乐失败:", e);
-  }
-};
-
-// 切换音乐播放
-const toggleMusic = () => {
-  if (!audioContext.value) return;
-  
-  try {
-    if (isMusicPlaying.value) {
-      audioContext.value.pause();
-      isMusicPlaying.value = false;
-    } else {
-      audioContext.value.play();
-      isMusicPlaying.value = true;
-    }
-  } catch (e) {
-    console.error("音乐播放控制失败:", e);
-  }
-};
-
-// 页面卸载时清理音频
-onUnmounted(() => {
-  if (audioContext.value) {
-    try {
-      audioContext.value.pause();
-      // #ifdef MP-WEIXIN
-      audioContext.value.destroy?.();
-      // #endif
-    } catch (e) {
-      console.error("清理音频失败:", e);
-    }
-  }
-});
-
 // 重置信封状态（返回时恢复初始状态）
 const resetEnvelopeState = () => {
   isOpening.value = false;
@@ -260,9 +126,6 @@ onLoad(async (options) => {
   if (!xxtsId.value) {
     uni.showToast({ title: "缺少贺卡ID", icon: "none" });
   }
-  
-  // 初始化并播放背景音乐
-  initAudio();
 });
 
 // 页面显示时重置状态（从其他页面返回时）
@@ -613,46 +476,4 @@ onShow(() => {
   opacity: 0;
   transform: translateY(30px);
 }
-
-/* 右上角音乐图标 */
-.music-icon-wrapper {
-  position: fixed;
-  top: calc(20px + env(safe-area-inset-top));
-  right: 20px;
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.9);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
-  z-index: 100;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.music-icon-wrapper:active {
-  transform: scale(0.95);
-}
-
-.music-icon-wrapper.playing .music-icon-emoji {
-  animation: music-rotate 2s linear infinite;
-}
-
-.music-icon-wrapper.fade-out {
-  opacity: 0;
-  transform: scale(0.8);
-}
-
-.music-icon-emoji {
-  font-size: 28px;
-  display: block;
-  transition: transform 0.3s ease;
-}
-
-@keyframes music-rotate {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
 </style>
diff --git a/src/pages/view/routine/sr/list.vue b/src/pages/view/routine/sr/list.vue
new file mode 100644
index 0000000..5c93626
--- /dev/null
+++ b/src/pages/view/routine/sr/list.vue
@@ -0,0 +1,471 @@
+<!-- src/pages/view/routine/sr/list.vue -->
+<!-- 生日清单页面（教师端） -->
+<template>
+  <view class="birthday-list-page">
+    <!-- 顶部标题 -->
+    <view class="page-header">
+      <view class="header-title">
+        <text class="title-icon">🎂</text>
+        <text class="title-text">生日清单</text>
+        <text class="title-icon">🎂</text>
+      </view>
+      <!-- 日期范围选择器 -->
+      <view class="date-range-picker">
+        <picker
+          mode="date"
+          :value="startDate"
+          :start="minDate"
+          :end="maxDate"
+          @change="onStartDateChange"
+        >
+          <view class="date-input">{{ startDate }}</view>
+        </picker>
+        <text class="date-separator">~</text>
+        <picker
+          mode="date"
+          :value="endDate"
+          :start="startDate"
+          :end="maxDate"
+          @change="onEndDateChange"
+        >
+          <view class="date-input">{{ endDate }}</view>
+        </picker>
+      </view>
+    </view>
+
+    <!-- 加载状态 -->
+    <view v-if="isLoading" class="loading-container">
+      <view class="loading-spinner"></view>
+      <text class="loading-text">加载中...</text>
+    </view>
+
+    <!-- 列表内容 -->
+    <view v-else-if="birthdayList.length > 0" class="list-container">
+      <!-- 教师生日 -->
+      <view v-if="teacherList.length > 0" class="section">
+        <view class="section-header">
+          <text class="section-icon">👨‍🏫</text>
+          <text class="section-title">教师生日</text>
+          <text class="section-count">({{ teacherList.length }})</text>
+        </view>
+        <view class="list-items">
+          <view
+            v-for="(item, index) in teacherList"
+            :key="index"
+            class="list-item"
+            @click="viewCard(item)"
+          >
+            <view class="item-avatar">
+              <text class="avatar-icon">👨‍🏫</text>
+            </view>
+            <view class="item-content">
+              <view class="item-name">{{ item.srPersonName }}</view>
+              <view class="item-info">
+                <text v-if="item.bc" class="info-text">{{ item.bc }}</text>
+              </view>
+            </view>
+            <view class="item-action">
+              <text class="action-icon">🎁</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 学生生日 -->
+      <view v-if="studentList.length > 0" class="section">
+        <view class="section-header">
+          <text class="section-icon">👨‍🎓</text>
+          <text class="section-title">学生生日</text>
+          <text class="section-count">({{ studentList.length }})</text>
+        </view>
+        <view class="list-items">
+          <view
+            v-for="(item, index) in studentList"
+            :key="index"
+            class="list-item"
+            @click="viewCard(item)"
+          >
+            <view class="item-avatar student-avatar">
+              <text class="avatar-icon">👨‍🎓</text>
+            </view>
+            <view class="item-content">
+              <view class="item-name">{{ item.srPersonName }}</view>
+              <view class="item-info">
+                <text v-if="item.bc" class="info-text">{{ item.bc }}</text>
+                <text v-if="item.receiverName" class="info-text">家长：{{ item.receiverName }}</text>
+              </view>
+            </view>
+            <view class="item-action">
+              <text class="action-icon">🎁</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view v-else class="empty-container">
+      <text class="empty-icon">🎂</text>
+      <text class="empty-text">该日期范围内没有人生日哦~</text>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted } from "vue";
+import { onLoad, onPullDownRefresh } from "@dcloudio/uni-app";
+import { srFindPageApi } from "@/api/base/srApi";
+
+// 数据
+const isLoading = ref(false);
+const birthdayList = ref<any[]>([]);
+
+// 日期范围
+const getTodayStr = () => {
+  const today = new Date();
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, '0');
+  const day = String(today.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};
+
+const startDate = ref<string>(getTodayStr());
+const endDate = ref<string>(getTodayStr());
+
+// 日期选择器的限制
+const minDate = ref<string>('2020-01-01');
+const maxDate = computed(() => {
+  const today = new Date();
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, '0');
+  const day = String(today.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+});
+
+// 计算属性：教师列表
+const teacherList = computed(() => {
+  return birthdayList.value.filter(item => item.srPersonType === 'JS');
+});
+
+// 计算属性：学生列表
+const studentList = computed(() => {
+  return birthdayList.value.filter(item => item.srPersonType === 'XS');
+});
+
+// 开始日期变化
+const onStartDateChange = (e: any) => {
+  const date = e.detail.value;
+  startDate.value = date;
+  // 如果开始日期大于结束日期，自动调整结束日期
+  if (date > endDate.value) {
+    endDate.value = date;
+  }
+  // 重新查询
+  fetchBirthdayList();
+};
+
+// 结束日期变化
+const onEndDateChange = (e: any) => {
+  const date = e.detail.value;
+  endDate.value = date;
+  // 如果结束日期小于开始日期，自动调整开始日期
+  if (date < startDate.value) {
+    startDate.value = date;
+  }
+  // 重新查询
+  fetchBirthdayList();
+};
+
+// 获取生日记录（根据日期范围）
+const fetchBirthdayList = async () => {
+  try {
+    isLoading.value = true;
+    
+    // 使用选择的日期范围查询
+    const params: any = {
+      page: 1,
+      rows: 1000, // 获取足够多的数据
+      birthdayDateStart: startDate.value, // 开始日期
+      birthdayDateEnd: endDate.value,     // 结束日期
+    };
+    
+    const res = await srFindPageApi(params);
+    // 后端返回的数据结构：{total, page, records, rows: [...]}
+    // records 是总记录数，rows 才是数据数组
+    if (res && res.rows && Array.isArray(res.rows) && res.rows.length > 0) {
+      // 去重：同一个过生日人只显示一次
+      const uniqueMap = new Map();
+      res.rows.forEach((item: any) => {
+        const key = `${item.srPersonType}_${item.srPersonId}`;
+        if (!uniqueMap.has(key)) {
+          uniqueMap.set(key, item);
+        }
+      });
+      birthdayList.value = Array.from(uniqueMap.values());
+    } else {
+      birthdayList.value = [];
+    }
+  } catch (error) {
+    console.error('获取生日清单失败:', error);
+    uni.showToast({
+      title: '获取数据失败',
+      icon: 'none'
+    });
+    birthdayList.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 查看贺卡
+const viewCard = (item: any) => {
+  if (!item.id) {
+    uni.showToast({
+      title: '无法查看贺卡',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  // 直接跳转到新的贺卡查看页面
+  uni.navigateTo({
+    url: `/pages/view/routine/sr/viewCard?recordId=${item.id}&receiverId=${item.receiverId || ''}`
+  });
+};
+
+// 页面加载
+onLoad(() => {
+  fetchBirthdayList();
+});
+
+// 下拉刷新
+onPullDownRefresh(() => {
+  fetchBirthdayList().finally(() => {
+    uni.stopPullDownRefresh();
+  });
+});
+</script>
+
+<style lang="scss" scoped>
+.birthday-list-page {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
+  padding-bottom: 40rpx;
+}
+
+.page-header {
+  padding: 60rpx 40rpx 40rpx;
+  text-align: center;
+  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
+}
+
+.header-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 20rpx;
+}
+
+.title-icon {
+  font-size: 48rpx;
+  margin: 0 20rpx;
+}
+
+.title-text {
+  font-size: 48rpx;
+  font-weight: bold;
+  color: #fff;
+  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+/* 日期范围选择器 */
+.date-range-picker {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 20rpx;
+  margin-top: 30rpx;
+}
+
+.date-input {
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 12rpx;
+  padding: 20rpx 30rpx;
+  font-size: 28rpx;
+  color: #333;
+  min-width: 200rpx;
+  text-align: center;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.date-input:active {
+  background: rgba(255, 255, 255, 0.85);
+  transform: scale(0.98);
+}
+
+.date-separator {
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: bold;
+}
+
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 200rpx 0;
+}
+
+.loading-spinner {
+  width: 60rpx;
+  height: 60rpx;
+  border: 4rpx solid rgba(255, 255, 255, 0.3);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.loading-text {
+  margin-top: 30rpx;
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.list-container {
+  padding: 0 30rpx;
+}
+
+.section {
+  margin-bottom: 40rpx;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  padding: 30rpx 0 20rpx;
+  border-bottom: 2rpx solid rgba(255, 255, 255, 0.3);
+  margin-bottom: 20rpx;
+}
+
+.section-icon {
+  font-size: 36rpx;
+  margin-right: 15rpx;
+}
+
+.section-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #fff;
+  margin-right: 15rpx;
+}
+
+.section-count {
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.list-items {
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+}
+
+.list-item {
+  display: flex;
+  align-items: center;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  transition: background-color 0.3s;
+  
+  &:last-child {
+    border-bottom: none;
+  }
+  
+  &:active {
+    background-color: #f8f8f8;
+  }
+}
+
+.item-avatar {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 30rpx;
+  flex-shrink: 0;
+}
+
+.student-avatar {
+  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
+}
+
+.avatar-icon {
+  font-size: 50rpx;
+}
+
+.item-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.item-name {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 10rpx;
+}
+
+.item-info {
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+
+.info-text {
+  font-size: 26rpx;
+  color: #666;
+}
+
+.item-action {
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.action-icon {
+  font-size: 40rpx;
+}
+
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 200rpx 0;
+}
+
+.empty-icon {
+  font-size: 120rpx;
+  margin-bottom: 30rpx;
+  opacity: 0.8;
+}
+
+.empty-text {
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.9);
+}
+</style>
+
diff --git a/src/pages/view/routine/sr/viewCard.vue b/src/pages/view/routine/sr/viewCard.vue
new file mode 100644
index 0000000..1b24c24
--- /dev/null
+++ b/src/pages/view/routine/sr/viewCard.vue
@@ -0,0 +1,688 @@
+<!-- src/pages/view/routine/sr/viewCard.vue -->
+<!-- 生日贺卡查看页面（从清单页面进入） -->
+<template>
+  <view class="card-view-page" :class="bgColorClass">
+    <!-- 加载遮罩层 -->
+    <view v-if="isLoading" class="loading-overlay">
+      <view class="loading-content">
+        <view class="loading-spinner"></view>
+        <text class="loading-text">加载中...</text>
+      </view>
+    </view>
+    
+    <!-- 贺卡内容 -->
+    <view v-else-if="cardData" class="card-container">
+      <!-- 信纸主体 -->
+      <view class="letter-paper">
+        <!-- 信纸顶部装饰 -->
+        <view class="paper-header">
+          <view class="header-line"></view>
+          <view class="header-title">
+            <text class="title-icon">🎂</text>
+            <text class="title-text">生日祝福</text>
+            <text class="title-icon">🎂</text>
+          </view>
+          <view class="header-date">{{ formatBirthdayDate }}</view>
+        </view>
+        
+        <!-- 称呼 -->
+        <view class="letter-greeting" v-if="greetingFromContent">
+          <view class="greeting-line">
+            <text class="greeting-text">{{ greetingFromContent }}</text>
+          </view>
+        </view>
+        
+        <!-- 信件正文（带虚线） -->
+        <view class="letter-content">
+          <view 
+            v-for="(line, index) in contentLines" 
+            :key="index" 
+            class="content-line"
+          >
+            <text class="line-text">{{ line || '\u00A0' }}</text>
+            <view class="line-border"></view>
+          </view>
+        </view>
+        
+        <!-- 签名区域 -->
+        <view class="letter-signature" v-if="cardData.signerName || cardData.signLabel">
+          <view class="signature-wrapper">
+            <!-- 签名文字 -->
+            <view class="signature-info">
+              <text class="signer-name">
+                <text v-if="cardData.signLabel" class="signer-label">{{ cardData.signLabel }}</text>
+                <text v-if="cardData.signerName">{{ cardData.signerName }}</text>
+              </text>
+            </view>
+            <!-- 日期 -->
+            <view class="signature-date">
+              <text>{{ currentDate }}</text>
+            </view>
+          </view>
+        </view>
+        
+        <!-- 信纸底部装饰 -->
+        <view class="paper-footer">
+          <view class="footer-decoration">
+            <text class="footer-icon">🎉</text>
+            <text class="footer-icon">🎁</text>
+            <text class="footer-icon">🎈</text>
+          </view>
+        </view>
+      </view>
+      
+      <!-- 右上角音乐图标 -->
+      <view 
+        class="music-icon-wrapper"
+        :class="{ 'playing': isMusicPlaying }"
+        @click="toggleMusic"
+      >
+        <text class="music-icon-emoji">🎵</text>
+      </view>
+    </view>
+    
+    <!-- 空状态 -->
+    <view v-else class="empty-state">
+      <text class="empty-icon">🎂</text>
+      <text class="empty-text">贺卡不存在或已过期</text>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onUnmounted } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { srGetCardDetailByRecordApi, srMarkAsViewedApi } from "@/api/base/srApi";
+import { imagUrl } from "@/utils";
+
+const recordId = ref<string>("");
+const receiverId = ref<string>("");
+const cardData = ref<any>(null);
+const isLoading = ref(false);
+const isMusicPlaying = ref(false);
+const audioContext = ref<any>(null);
+
+// 格式化生日日期
+const formatBirthdayDate = computed(() => {
+  if (!cardData.value?.birthdayDate) return '';
+  const date = cardData.value.birthdayDate;
+  if (date.includes('月')) return date;
+  try {
+    const d = new Date(date);
+    return `${d.getMonth() + 1}月${d.getDate()}日`;
+  } catch {
+    return date;
+  }
+});
+
+// 当前日期
+const currentDate = computed(() => {
+  const now = new Date();
+  return `${now.getFullYear()}年${now.getMonth() + 1}月${now.getDate()}日`;
+});
+
+// 背景颜色类名（根据后台配置）
+const bgColorClass = computed(() => {
+  const colorType = cardData.value?.hkMb?.backgroundColor || cardData.value?.hkMb?.animationType || 'blue';
+  return `bg-${colorType}`;
+});
+
+// 去掉HTML标签，保留文本内容
+const stripHtmlTags = (html: string): string => {
+  if (!html) return '';
+  return html.replace(/<[^>]+>/g, '').trim();
+};
+
+// 从内容中提取第一行作为称呼
+const greetingFromContent = computed(() => {
+  if (!cardData.value?.zfContent) return '';
+  const content = cardData.value.zfContent;
+  const lines = content.split(/<\/p>|<\/div>|\n/).filter((line: string) => line.trim());
+  if (lines.length > 0) {
+    let firstLine = lines[0];
+    firstLine = firstLine.replace(/^<[^>]+>/, '');
+    firstLine = stripHtmlTags(firstLine).trim();
+    return firstLine || '';
+  }
+  return '';
+});
+
+// 将祝福语内容按行分割（从第二行开始），去掉HTML标签
+const contentLines = computed(() => {
+  if (!cardData.value?.zfContent) return [''];
+  const content = cardData.value.zfContent;
+  let lines = content.split(/<\/p>|<\/div>|\n/).filter((line: string) => line.trim());
+  
+  // 去掉第一行（已用作称呼）
+  if (lines.length > 0) {
+    lines = lines.slice(1);
+  }
+  
+  // 去掉每行的HTML标签
+  lines = lines.map((line: string) => {
+    line = line.replace(/^<[^>]+>/, '');
+    return stripHtmlTags(line).trim();
+  }).filter((line: string) => line);
+  
+  // 确保至少有5行
+  const minLines = 5;
+  while (lines.length < minLines) {
+    lines.push('');
+  }
+  return lines;
+});
+
+// 加载贺卡详情
+const loadCardDetail = async () => {
+  if (!recordId.value) return;
+  
+  isLoading.value = true;
+  try {
+    const res = await srGetCardDetailByRecordApi({
+      recordId: recordId.value,
+      receiverId: receiverId.value || ''
+    });
+    
+    // 后端返回的数据结构：{resultCode: 1, message: "查询成功", result: {...}}
+    // 兼容多种返回格式
+    const cardDetail = res?.result || res?.data;
+    const successCode = res?.resultCode === 1 || res?.code === 1 || res?.code === '1';
+    
+    if (res && successCode && cardDetail) {
+      cardData.value = cardDetail;
+      
+      // 标记已查阅
+      if (cardDetail.xxtsId) {
+        await markAsViewed(cardDetail.xxtsId);
+      }
+      
+      // 初始化并播放背景音乐
+      initAudio();
+    } else {
+      uni.showToast({
+        title: res?.message || res?.msg || '获取贺卡失败',
+        icon: 'none'
+      });
+    }
+  } catch (e) {
+    console.error("加载贺卡详情失败:", e);
+    uni.showToast({ title: "加载失败", icon: "none" });
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 标记已查阅
+const markAsViewed = async (xxtsId: string) => {
+  if (!xxtsId) return;
+  try {
+    await srMarkAsViewedApi({ xxtsId });
+  } catch (e) {
+    console.error("标记已查阅失败:", e);
+  }
+};
+
+// 初始化音频
+const initAudio = () => {
+  const musicUrl = cardData.value?.hkMb?.musicUrl 
+    ? imagUrl(cardData.value.hkMb.musicUrl) 
+    : '/static/base/music/srkl.mp3';
+  
+  try {
+    // #ifdef H5
+    audioContext.value = new Audio(musicUrl);
+    audioContext.value.loop = true;
+    audioContext.value.play().catch((e: any) => {
+      console.error("自动播放失败，可能需要用户交互:", e);
+    });
+    // #endif
+    
+    // #ifdef MP-WEIXIN
+    audioContext.value = uni.createInnerAudioContext();
+    audioContext.value.src = musicUrl;
+    audioContext.value.loop = true;
+    audioContext.value.play();
+    // #endif
+    
+    isMusicPlaying.value = true;
+  } catch (e) {
+    console.error("初始化音频失败:", e);
+  }
+};
+
+// 切换音乐播放
+const toggleMusic = () => {
+  if (!audioContext.value) return;
+  
+  try {
+    if (isMusicPlaying.value) {
+      audioContext.value.pause();
+    } else {
+      audioContext.value.play();
+    }
+    isMusicPlaying.value = !isMusicPlaying.value;
+  } catch (e) {
+    console.error("音乐播放控制失败:", e);
+  }
+};
+
+// 页面卸载时清理
+onUnmounted(() => {
+  if (audioContext.value) {
+    try {
+      audioContext.value.pause();
+      // #ifdef MP-WEIXIN
+      audioContext.value.destroy?.();
+      // #endif
+    } catch (e) {
+      console.error("清理音频失败:", e);
+    }
+  }
+});
+
+onLoad(async (options) => {
+  recordId.value = options?.recordId || '';
+  receiverId.value = options?.receiverId || '';
+  
+  if (recordId.value) {
+    await loadCardDetail();
+    uni.setNavigationBarTitle({ title: "生日祝福" });
+  } else {
+    uni.showToast({ title: "缺少记录ID", icon: "none" });
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.card-view-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  
+  // 默认浅蓝色背景
+  &.bg-blue {
+    background: linear-gradient(180deg, #e6f3ff 0%, #cce5ff 50%, #b3d9ff 100%);
+    
+    .letter-paper {
+      background: linear-gradient(180deg, #f5faff 0%, #eef6ff 100%);
+      border-color: rgba(59, 130, 246, 0.2);
+    }
+    
+    .header-line {
+      background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);
+    }
+    
+    .title-text {
+      color: #1e40af;
+    }
+    
+    .paper-footer {
+      border-top-color: #93c5fd;
+    }
+    
+    .loading-overlay {
+      background-color: rgba(230, 243, 255, 0.95);
+    }
+    
+    .loading-spinner {
+      border-color: #93c5fd;
+      border-top-color: #3b82f6;
+    }
+  }
+  
+  // 浅黄色背景
+  &.bg-yellow {
+    background: linear-gradient(180deg, #fdf6e3 0%, #f5e6c8 50%, #efe0b9 100%);
+    
+    .letter-paper {
+      background: linear-gradient(180deg, #fffef5 0%, #fff9e6 100%);
+      border-color: rgba(201, 162, 39, 0.2);
+    }
+    
+    .header-line {
+      background: linear-gradient(90deg, transparent 0%, #c9a227 50%, transparent 100%);
+    }
+    
+    .title-text {
+      color: #8b4513;
+    }
+    
+    .paper-footer {
+      border-top-color: #e8d5a3;
+    }
+    
+    .loading-overlay {
+      background-color: rgba(253, 246, 227, 0.95);
+    }
+    
+    .loading-spinner {
+      border-color: #e8d5a3;
+      border-top-color: #c9a227;
+    }
+  }
+  
+  // 浅紫色背景
+  &.bg-purple {
+    background: linear-gradient(180deg, #f3e8ff 0%, #e9d5ff 50%, #ddd6fe 100%);
+    
+    .letter-paper {
+      background: linear-gradient(180deg, #faf5ff 0%, #f5f0ff 100%);
+      border-color: rgba(139, 92, 246, 0.2);
+    }
+    
+    .header-line {
+      background: linear-gradient(90deg, transparent 0%, #8b5cf6 50%, transparent 100%);
+    }
+    
+    .title-text {
+      color: #6b21a8;
+    }
+    
+    .paper-footer {
+      border-top-color: #c4b5fd;
+    }
+    
+    .loading-overlay {
+      background-color: rgba(243, 232, 255, 0.95);
+    }
+    
+    .loading-spinner {
+      border-color: #c4b5fd;
+      border-top-color: #8b5cf6;
+    }
+  }
+}
+
+/* 加载遮罩 */
+.loading-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+}
+
+.loading-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.loading-spinner {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 15px;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+  font-size: 16px;
+  color: #666;
+}
+
+/* 贺卡容器 */
+.card-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  padding-top: calc(20px + env(safe-area-inset-top));
+  padding-bottom: calc(20px + env(safe-area-inset-bottom));
+}
+
+/* 信纸主体 */
+.letter-paper {
+  flex: 1;
+  border-radius: 8px;
+  padding: 30px 25px;
+  box-shadow: 
+    0 4px 20px rgba(0, 0, 0, 0.1),
+    0 1px 3px rgba(0, 0, 0, 0.05),
+    inset 0 1px 0 rgba(255, 255, 255, 0.8);
+  border: 1px solid;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 信纸左边红色竖线 */
+.letter-paper::before {
+  content: '';
+  position: absolute;
+  left: 20px;
+  top: 80px;
+  bottom: 100px;
+  width: 2px;
+  background: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
+  opacity: 0.3;
+}
+
+/* 信纸顶部装饰 */
+.paper-header {
+  text-align: center;
+  margin-bottom: 25px;
+  padding-bottom: 15px;
+}
+
+.header-line {
+  height: 2px;
+  margin-bottom: 15px;
+}
+
+.header-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.title-icon {
+  font-size: 24px;
+}
+
+.title-text {
+  font-size: 26px;
+  font-weight: bold;
+  font-family: "KaiTi", "STKaiti", "楷体", serif;
+}
+
+.header-date {
+  font-size: 14px;
+  color: #a08060;
+}
+
+/* 称呼 */
+.letter-greeting {
+  margin-bottom: 20px;
+  padding-left: 15px;
+}
+
+.greeting-line {
+  padding-bottom: 8px;
+  border-bottom: 1px dashed #d4c4a8;
+}
+
+.greeting-text {
+  font-size: 18px;
+  color: #5a4a3a;
+  font-family: "KaiTi", "STKaiti", "楷体", serif;
+}
+
+/* 信件正文 */
+.letter-content {
+  flex: 1;
+  padding-left: 15px;
+  margin-bottom: 30px;
+}
+
+.content-line {
+  position: relative;
+  min-height: 40px;
+  display: flex;
+  align-items: flex-end;
+  padding-bottom: 8px;
+}
+
+.line-text {
+  font-size: 16px;
+  line-height: 1.8;
+  color: #4a3a2a;
+  font-family: "KaiTi", "STKaiti", "楷体", serif;
+  text-indent: 2em;
+  display: block;
+  width: 100%;
+}
+
+.line-border {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 1px;
+  border-bottom: 1px dashed #d4c4a8;
+}
+
+/* 签名区域 */
+.letter-signature {
+  margin-top: auto;
+  padding-top: 20px;
+}
+
+.signature-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  padding-right: 20px;
+}
+
+.signature-info {
+  text-align: right;
+  margin-bottom: 8px;
+}
+
+.signer-label {
+  font-size: 14px;
+  color: #8b7355;
+  display: inline;
+  margin-right: 8px;
+}
+
+.signer-name {
+  font-size: 18px;
+  color: #5a4a3a;
+  font-weight: 500;
+  font-family: "KaiTi", "STKaiti", "楷体", serif;
+  display: inline;
+}
+
+.signature-date {
+  font-size: 14px;
+  color: #a08060;
+  border-bottom: 1px dashed #d4c4a8;
+  padding-bottom: 5px;
+}
+
+/* 信纸底部装饰 */
+.paper-footer {
+  margin-top: 20px;
+  padding-top: 15px;
+  border-top: 1px solid;
+}
+
+.footer-decoration {
+  display: flex;
+  justify-content: center;
+  gap: 20px;
+  padding-top: 15px;
+}
+
+.footer-icon {
+  font-size: 24px;
+  animation: float-icon 3s ease-in-out infinite;
+}
+
+.footer-icon:nth-child(2) {
+  animation-delay: 0.5s;
+}
+
+.footer-icon:nth-child(3) {
+  animation-delay: 1s;
+}
+
+@keyframes float-icon {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-5px); }
+}
+
+/* 右上角音乐图标 */
+.music-icon-wrapper {
+  position: fixed;
+  top: calc(20px + env(safe-area-inset-top));
+  right: 20px;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
+  z-index: 100;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.music-icon-wrapper:active {
+  transform: scale(0.95);
+}
+
+.music-icon-wrapper.playing .music-icon-emoji {
+  animation: music-rotate 2s linear infinite;
+}
+
+.music-icon-emoji {
+  font-size: 28px;
+  display: block;
+  transition: transform 0.3s ease;
+}
+
+@keyframes music-rotate {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* 空状态 */
+.empty-state {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+}
+
+.empty-icon {
+  font-size: 80px;
+  margin-bottom: 20px;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 16px;
+  color: #666;
+  margin-bottom: 30px;
+}
+</style>
+
diff --git a/src/pages/view/routine/zbxc/zbDetail.vue b/src/pages/view/routine/zbxc/zbDetail.vue
index b6c4149..33c5c06 100644
--- a/src/pages/view/routine/zbxc/zbDetail.vue
+++ b/src/pages/view/routine/zbxc/zbDetail.vue
@@ -250,7 +250,7 @@ import { attachmentUpload } from "@/api/system/upload";
 import BasicLayout from "@/components/BasicLayout/Layout.vue";
 import { ImageVideoUpload } from "@/components/ImageVideoUpload";
 import BasicTree from '@/components/BasicTree/Tree.vue';
-import { findAllNjBjTree } from '@/api/base/server';
+import { findAllNjBjKzTreeApi } from '@/api/base/server';
 import { useDataStore } from "@/store/modules/data";
 import { useUserStore } from "@/store/modules/user";
 import { computed, onMounted, ref } from "vue";
@@ -325,7 +325,7 @@ const formatTime = (timestamp: string) => {
 // 加载树形数据
 const loadTreeData = async () => {
   try {
-    const res = await findAllNjBjTree();
+    const res = await findAllNjBjKzTreeApi();
     if (res.resultCode === 1 && res.result) {
       // 递归转换数据格式以适配 BasicTree 组件
       const convertTreeData = (items: any[]): any[] => {
diff --git a/src/static/base/home/srqd.png b/src/static/base/home/srqd.png
new file mode 100644
index 0000000..78e4c19
Binary files /dev/null and b/src/static/base/home/srqd.png differ
diff --git a/src/static/base/music/srkl.mp3 b/src/static/base/music/srkl.mp3
new file mode 100644
index 0000000..10d8336
Binary files /dev/null and b/src/static/base/music/srkl.mp3 differ