1 年之前 · 340bad3663
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,24 @@
 
				+# Logs
			
 
				+logs
			
 
				+*.log
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+lerna-debug.log*
			
 
				+
			
 
				+node_modules
			
 
				+dist
			
 
				+dist-ssr
			
 
				+*.local
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.vscode/*
			
 
				+!.vscode/extensions.json
			
 
				+.idea
			
 
				+.DS_Store
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,5 @@
 
				+# Vue 3 + TypeScript + Vite
			
 
				+
			
 
				+node version 16.18.0
			
 
				+
			
 
				+## 思维芯测评
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,20 @@
 
				+<!doctype html>
			
 
				+<html lang="zh-cn">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8"/>
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
			
 
				+    <link rel="icon" href="/logo.png">
			
 
				+    <title>思维芯测评报告</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+<script>
			
 
				+    window.getToken = (token) => {
			
 
				+        sessionStorage.setItem('token', token)
			
 
				+        console.log("家园共育APP 返回的 token：", token);
			
 
				+    };
			
 
				+</script>
			
 
				+
			
 
				+<div id="app"></div>
			
 
				+<script type="module" src="/src/main.ts"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+  "name": "thinking_core_report",
			
 
				+  "private": true,
			
 
				+  "version": "0.0.0",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build": "vue-tsc && vite build",
			
 
				+    "preview": "vite preview"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^1.5.0",
			
 
				+    "html2canvas": "^1.4.1",
			
 
				+    "jspdf": "^2.5.1",
			
 
				+    "pdfjs-dist": "^4.0.189",
			
 
				+    "pinia": "^2.1.6",
			
 
				+    "sass": "^1.67.0",
			
 
				+    "sass-loader": "^13.3.2",
			
 
				+    "vant": "^4.6.8",
			
 
				+    "vconsole": "^3.15.1",
			
 
				+    "vue": "^3.3.4",
			
 
				+    "vue-router": "^4.2.4"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@types/node": "^20.9.0",
			
 
				+    "@vitejs/plugin-vue": "^4.2.3",
			
 
				+    "@xianzhengquan/postcss-px-2-vw": "^0.0.1",
			
 
				+    "eslint": "^8.49.0",
			
 
				+    "eslint-plugin-vue": "^9.17.0",
			
 
				+    "postcss-px-to-viewport": "^1.1.1",
			
 
				+    "prettier": "^3.0.3",
			
 
				+    "ts-node": "^10.9.1",
			
 
				+    "typescript": "^5.0.2",
			
 
				+    "vite": "^4.4.5",
			
 
				+    "vue-tsc": "^1.8.5"
			
 
				+  }
			
 
				+}
			
--- a/postcss.config.ts
+++ b/postcss.config.ts
@@ -0,0 +1,7 @@
 
				+module.exports = {
			
 
				+  plugins: {
			
 
				+    "postcss-px-to-viewport": {
			
 
				+      viewportWidth: 375,
			
 
				+    },
			
 
				+  },
			
 
				+};
			
--- a/public/logo.png
+++ b/public/logo.png
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,9 @@
 
				+<script setup lang="ts">
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <RouterView/>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+</style>
			
--- a/src/api/customize.ts
+++ b/src/api/customize.ts
@@ -0,0 +1,132 @@
 
				+import request from "@/utils/request";
			
 
				+import {
			
 
				+  IRecordData,
			
 
				+  ISingleRecord,
			
 
				+  IBabies,
			
 
				+  IBabyDetail,
			
 
				+  IBabyRecord,
			
 
				+  IDomainDetail,
			
 
				+  ISemesterReport,
			
 
				+} from "@/types/customize.d";
			
 
				+
			
 
				+/**
			
 
				+ * 报告-行为记录单次测评报告数据查询
			
 
				+ */
			
 
				+export function getCustomizeSingleRecord(
			
 
				+  babyId: string | number,
			
 
				+  id: string | number,
			
 
				+) {
			
 
				+  return request<ISingleRecord>({
			
 
				+    url: `/teach/thought/customize/valuation/report/single/record?babyId=${babyId}&id=${id}`,
			
 
				+    method: "GET",
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 综合报告-测评学生列表查询
			
 
				+ */
			
 
				+export function getCustomizeSemesterBabies(data: {
			
 
				+  classId: string;
			
 
				+  classLevelCode: string;
			
 
				+  gameType: string;
			
 
				+  recordType: string;
			
 
				+  semesterType: string;
			
 
				+}) {
			
 
				+  return request<{ recordData: IRecordData; babyList: IBabies[] }>({
			
 
				+    url: `/teach/thought/customize/valuation/semester/babies`,
			
 
				+    method: "POST",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 获取宝宝信息
			
 
				+ */
			
 
				+export function getBabyDetailRequest(babyId: string) {
			
 
				+  return request<IBabyDetail>({
			
 
				+    url: `/teach/baby/detail?id=${babyId}`,
			
 
				+    method: "GET",
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 幼儿档案-学生行为记录测评分页查询
			
 
				+ */
			
 
				+export function getCustomizeBabyRecord(data: {
			
 
				+  babyId: string;
			
 
				+  classId: string;
			
 
				+  classLevelCode: string;
			
 
				+  domainId?: string;
			
 
				+  gameType: string;
			
 
				+  page: number;
			
 
				+  pageSize: number;
			
 
				+  semesterType: string;
			
 
				+}) {
			
 
				+  return request<{ entityList: IBabyRecord[]; total: number }>({
			
 
				+    url: `/teach/thought/customize/valuation/baby/record`,
			
 
				+    method: "POST",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 领域列表
			
 
				+ */
			
 
				+export function getDomainListRequest() {
			
 
				+  return request<IDomainDetail[]>({
			
 
				+    url: `/adminTeach/thought/domain/list`,
			
 
				+    method: "GET",
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 加入/取消加入综合报告
			
 
				+ */
			
 
				+export function joinSemesterReportRequest(data: { id: string; state: 0 | 1 }) {
			
 
				+  return request<string>({
			
 
				+    url: `/teach/thought/customize/valuation/join/semester`,
			
 
				+    method: "PUT",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 报告-行为记录综合测评报告数据查询
			
 
				+ */
			
 
				+export function getSemesterRecordRequest(data: {
			
 
				+  babyId: string;
			
 
				+  classId: string;
			
 
				+  classLevelCode: string;
			
 
				+  semesterType: string;
			
 
				+}) {
			
 
				+  return request<ISemesterReport>({
			
 
				+    url: `/teach/thought/customize/valuation/report/semester/record`,
			
 
				+    method: "POST",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 向家长发送单次测评报告
			
 
				+ */
			
 
				+export function sendSingleRecordRequest(data: {
			
 
				+  babyId: string;
			
 
				+  id: string;
			
 
				+  recordType: string;
			
 
				+}) {
			
 
				+  return request<string>({
			
 
				+    url: `/teach/thought/customize/valuation/send/single`,
			
 
				+    method: "POST",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 向家长发送综合测评报告
			
 
				+ */
			
 
				+export function sendSemesterRecordRequest(data: {
			
 
				+  babyId: string;
			
 
				+  classId: string;
			
 
				+  classLevelCode: string;
			
 
				+  semesterType: string;
			
 
				+  recordType: string;
			
 
				+}) {
			
 
				+  return request<string>({
			
 
				+    url: `/teach/thought/customize/valuation/send/semester`,
			
 
				+    method: "POST",
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
--- a/src/api/login.ts
+++ b/src/api/login.ts
@@ -0,0 +1,31 @@
 
				+import request from "@/utils/request";
			
 
				+
			
 
				+/**
			
 
				+ * 获取教师端测试 token
			
 
				+ * @param phone 手机号
			
 
				+ * @param smsCode 短信验证码
			
 
				+ * @param type 0: 短信登录 1: 密码登录
			
 
				+ * @param password 密码
			
 
				+ */
			
 
				+export function getTestTeachTokenRequest(
			
 
				+  phone: string,
			
 
				+  smsCode = "5566",
			
 
				+  type: 0 | 1 = 0,
			
 
				+  password?: string,
			
 
				+) {
			
 
				+  return request<{
			
 
				+    accessToken: string;
			
 
				+    refreshToken: string;
			
 
				+    expires: number;
			
 
				+    refreshExpires: number;
			
 
				+  }>({
			
 
				+    url: "/teach/sms/login",
			
 
				+    method: "POST",
			
 
				+    data: {
			
 
				+      phone,
			
 
				+      smsCode,
			
 
				+      type,
			
 
				+      password,
			
 
				+    },
			
 
				+  });
			
 
				+}
			
--- a/src/api/report.ts
+++ b/src/api/report.ts
@@ -0,0 +1,46 @@
 
				+import request from "@/utils/request";
			
 
				+import { IReport } from "@/types/report";
			
 
				+
			
 
				+/**
			
 
				+ * 获取单次测评报告
			
 
				+ */
			
 
				+export function getSingleReportRequest(params: any) {
			
 
				+  return request<IReport>({
			
 
				+    url: `/teach/thought/valuation/report/single`,
			
 
				+    method: "GET",
			
 
				+    params,
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 获取综合测评报告
			
 
				+ */
			
 
				+export function getSemesterReportRequest(params: any) {
			
 
				+  return request<IReport>({
			
 
				+    url: `/teach/thought/valuation/report/semester`,
			
 
				+    method: "GET",
			
 
				+    params,
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 发送给家长-单次测评报告
			
 
				+ */
			
 
				+export function sendToParentSingleRequest(data: any) {
			
 
				+  return request({
			
 
				+    url: `/teach/thought/valuation/record/send/single`,
			
 
				+    method: `POST`,
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 发送给家长-学期综合报告
			
 
				+ */
			
 
				+export function sendToParentSemesterRequest(data: any) {
			
 
				+  return request({
			
 
				+    url: `/teach/thought/valuation/record/send/semester`,
			
 
				+    method: `POST`,
			
 
				+    data,
			
 
				+  });
			
 
				+}
			
--- a/src/assets/images/ability_gap.png
+++ b/src/assets/images/ability_gap.png
--- a/src/assets/images/activity_bgi_01.png
+++ b/src/assets/images/activity_bgi_01.png
--- a/src/assets/images/activity_bgi_02.png
+++ b/src/assets/images/activity_bgi_02.png
--- a/src/assets/images/activity_bgi_03.png
+++ b/src/assets/images/activity_bgi_03.png
--- a/src/assets/images/activity_bgi_04.png
+++ b/src/assets/images/activity_bgi_04.png
--- a/src/assets/images/activity_bgi_05.png
+++ b/src/assets/images/activity_bgi_05.png
--- a/src/assets/images/activity_logo.png
+++ b/src/assets/images/activity_logo.png
--- a/src/assets/images/activity_teacher.png
+++ b/src/assets/images/activity_teacher.png
--- a/src/assets/images/add_report.png
+++ b/src/assets/images/add_report.png
--- a/src/assets/images/baby_info_bgi.png
+++ b/src/assets/images/baby_info_bgi.png
--- a/src/assets/images/back_button.png
+++ b/src/assets/images/back_button.png
--- a/src/assets/images/back_solid.png
+++ b/src/assets/images/back_solid.png
--- a/src/assets/images/behavior_class.png
+++ b/src/assets/images/behavior_class.png
--- a/src/assets/images/behavior_title.png
+++ b/src/assets/images/behavior_title.png
--- a/src/assets/images/check_mark.png
+++ b/src/assets/images/check_mark.png
--- a/src/assets/images/child_title.png
+++ b/src/assets/images/child_title.png
--- a/src/assets/images/circle_friend.png
+++ b/src/assets/images/circle_friend.png
--- a/src/assets/images/class_logo.png
+++ b/src/assets/images/class_logo.png
--- a/src/assets/images/clock_logo.png
+++ b/src/assets/images/clock_logo.png
--- a/src/assets/images/close_remark.png
+++ b/src/assets/images/close_remark.png
--- a/src/assets/images/complex_info.png
+++ b/src/assets/images/complex_info.png
--- a/src/assets/images/complex_list_bgi_bottom.png
+++ b/src/assets/images/complex_list_bgi_bottom.png
--- a/src/assets/images/complex_list_bgi_top.png
+++ b/src/assets/images/complex_list_bgi_top.png
--- a/src/assets/images/complex_list_title.png
+++ b/src/assets/images/complex_list_title.png
--- a/src/assets/images/content_bgi.png
+++ b/src/assets/images/content_bgi.png
--- a/src/assets/images/desc_name_01.png
+++ b/src/assets/images/desc_name_01.png
--- a/src/assets/images/desc_name_02.png
+++ b/src/assets/images/desc_name_02.png
--- a/src/assets/images/detail_ava.png
+++ b/src/assets/images/detail_ava.png
--- a/src/assets/images/detail_info.png
+++ b/src/assets/images/detail_info.png
--- a/src/assets/images/detail_name.png
+++ b/src/assets/images/detail_name.png
--- a/src/assets/images/dialogue_all.png
+++ b/src/assets/images/dialogue_all.png
--- a/src/assets/images/direction_bottom.png
+++ b/src/assets/images/direction_bottom.png
--- a/src/assets/images/direction_top.png
+++ b/src/assets/images/direction_top.png
--- a/src/assets/images/family_title.png
+++ b/src/assets/images/family_title.png
--- a/src/assets/images/field_logo_00.png
+++ b/src/assets/images/field_logo_00.png
--- a/src/assets/images/field_logo_01.png
+++ b/src/assets/images/field_logo_01.png
--- a/src/assets/images/field_logo_02.png
+++ b/src/assets/images/field_logo_02.png
--- a/src/assets/images/field_logo_03.png
+++ b/src/assets/images/field_logo_03.png
--- a/src/assets/images/field_logo_04.png
+++ b/src/assets/images/field_logo_04.png
--- a/src/assets/images/field_title.png
+++ b/src/assets/images/field_title.png
--- a/src/assets/images/joined_report.png
+++ b/src/assets/images/joined_report.png
--- a/src/assets/images/light.png
+++ b/src/assets/images/light.png
--- a/src/assets/images/more.png
+++ b/src/assets/images/more.png
--- a/src/assets/images/no_light.png
+++ b/src/assets/images/no_light.png
--- a/src/assets/images/observation_records.png
+++ b/src/assets/images/observation_records.png
--- a/src/assets/images/other_family.png
+++ b/src/assets/images/other_family.png
--- a/src/assets/images/other_logo.png
+++ b/src/assets/images/other_logo.png
--- a/src/assets/images/other_title.png
+++ b/src/assets/images/other_title.png
--- a/src/assets/images/question_class.png
+++ b/src/assets/images/question_class.png
--- a/src/assets/images/question_title.png
+++ b/src/assets/images/question_title.png
--- a/src/assets/images/record_logo.png
+++ b/src/assets/images/record_logo.png
--- a/src/assets/images/record_title.png
+++ b/src/assets/images/record_title.png
--- a/src/assets/images/report_close.png
+++ b/src/assets/images/report_close.png
--- a/src/assets/images/return_button.png
+++ b/src/assets/images/return_button.png
--- a/src/assets/images/single_logo.png
+++ b/src/assets/images/single_logo.png
--- a/src/assets/images/single_title.png
+++ b/src/assets/images/single_title.png
--- a/src/assets/images/time_logo.png
+++ b/src/assets/images/time_logo.png
--- a/src/assets/images/weixin_friend.png
+++ b/src/assets/images/weixin_friend.png
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -0,0 +1,21 @@
 
				+<script setup lang="ts">
			
 
				+import { Loading as VanLoading } from "vant";
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="loading flex-center" @touchstart.prevent>
			
 
				+    <VanLoading size="36" color="#1228B9" vertical>加载中...</VanLoading>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.loading {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 10;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  background-color: rgba(0, 0, 0, 0.4);
			
 
				+}
			
 
				+</style>
			
--- a/src/main.ts
+++ b/src/main.ts
@@ -0,0 +1,12 @@
 
				+import "@/styles/reset.scss";
			
 
				+import "@/styles/common.scss";
			
 
				+import "@/styles/fonts.scss";
			
 
				+import { createApp } from "vue";
			
 
				+import App from "./App.vue";
			
 
				+import router from "@/router";
			
 
				+import store from "@/store";
			
 
				+import "vant/lib/index.css";
			
 
				+// import vconsole from "vconsole";
			
 
				+// new vconsole();
			
 
				+
			
 
				+createApp(App).use(router).use(store).mount("#app");
			
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -0,0 +1,61 @@
 
				+import { createRouter, createWebHashHistory } from "vue-router";
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHashHistory(import.meta.env.BASE_URL),
			
 
				+  routes: [
			
 
				+    {
			
 
				+      path: "/",
			
 
				+      redirect: "/demo",
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/demo",
			
 
				+      name: "demo",
			
 
				+      component: () => import("@/views/demo/DemoView.vue"),
			
 
				+      meta: {
			
 
				+        title: "测试",
			
 
				+      },
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/report",
			
 
				+      name: "report",
			
 
				+      component: () => import("@/views/report/EvaluationReport.vue"),
			
 
				+      meta: {
			
 
				+        title: "思维芯测评",
			
 
				+      },
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/customize/SemesterReport",
			
 
				+      name: "SemesterReport",
			
 
				+      component: () => import("@/views/customize/SemesterReport.vue"),
			
 
				+      meta: {
			
 
				+        title: "行为记录综合报告",
			
 
				+      },
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/customize/ComplexReportList",
			
 
				+      name: "ComplexReportList",
			
 
				+      component: () => import("@/views/customize/ComplexReportList.vue"),
			
 
				+      meta: {
			
 
				+        title: "行为记录综合报告幼儿列表",
			
 
				+      },
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/customize/GrowthRecord",
			
 
				+      name: "GrowthRecord",
			
 
				+      component: () => import("@/views/customize/GrowthRecord.vue"),
			
 
				+      meta: {
			
 
				+        title: "成长记录",
			
 
				+      },
			
 
				+    },
			
 
				+    {
			
 
				+      path: "/customize/SingleReport",
			
 
				+      name: "SingleReport",
			
 
				+      component: () => import("@/views/customize/SingleReport.vue"),
			
 
				+      meta: {
			
 
				+        title: "行为记录单次报告",
			
 
				+      },
			
 
				+    },
			
 
				+  ],
			
 
				+});
			
 
				+
			
 
				+export default router;
			
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -0,0 +1,6 @@
 
				+import { createPinia } from "pinia";
			
 
				+import useReportStore from "./modules/report";
			
 
				+import useCustomizeStore from "./modules/customize";
			
 
				+
			
 
				+export { useReportStore, useCustomizeStore };
			
 
				+export default createPinia();
			
--- a/src/store/modules/customize.ts
+++ b/src/store/modules/customize.ts
@@ -0,0 +1,172 @@
 
				+import { defineStore } from "pinia";
			
 
				+import { ref } from "vue";
			
 
				+import {
			
 
				+  defaultBabyDetail,
			
 
				+  defaultSemesterReport,
			
 
				+  defaultSingleRecord,
			
 
				+  IBabies,
			
 
				+  IBabyDetail,
			
 
				+  IBabyRecord,
			
 
				+  IDomainDetail,
			
 
				+  IRecordData,
			
 
				+  ISemesterReport,
			
 
				+  ISingleRecord,
			
 
				+} from "@/types/customize.d";
			
 
				+import {
			
 
				+  getBabyDetailRequest,
			
 
				+  getCustomizeBabyRecord,
			
 
				+  getCustomizeSemesterBabies,
			
 
				+  getCustomizeSingleRecord,
			
 
				+  getDomainListRequest,
			
 
				+  getSemesterRecordRequest,
			
 
				+  joinSemesterReportRequest,
			
 
				+  sendSemesterRecordRequest,
			
 
				+  sendSingleRecordRequest,
			
 
				+} from "@/api/customize";
			
 
				+import { showToast } from "vant";
			
 
				+
			
 
				+export default defineStore("customize", () => {
			
 
				+  const singleRecord = ref<ISingleRecord>(defaultSingleRecord());
			
 
				+  const recordData = ref<IRecordData>({
			
 
				+    className: "",
			
 
				+    totalBaby: 0,
			
 
				+    startDate: "",
			
 
				+    endDate: "",
			
 
				+    teacherNames: [],
			
 
				+  });
			
 
				+  const babyList = ref<IBabies[]>([]);
			
 
				+  const babyRecordList = ref<IBabyRecord[]>([]);
			
 
				+  const babyRecordTotal = ref<number>(-1);
			
 
				+  const babyDetail = ref<IBabyDetail>(defaultBabyDetail());
			
 
				+  const domainList = ref<IDomainDetail[]>([]);
			
 
				+  const semesterReport = ref<ISemesterReport>(defaultSemesterReport());
			
 
				+
			
 
				+  async function getSingleRecord(babyId: string, id: string) {
			
 
				+    const { status, data } = await getCustomizeSingleRecord(babyId, id);
			
 
				+    if (status === 200) {
			
 
				+      singleRecord.value = data;
			
 
				+    }
			
 
				+  }
			
 
				+  function sendToParent() {
			
 
				+    console.log("sendToParent");
			
 
				+  }
			
 
				+
			
 
				+  async function getSemesterBabies(params: {
			
 
				+    classId: string;
			
 
				+    classLevelCode: string;
			
 
				+    gameType: string;
			
 
				+    recordType: string;
			
 
				+    semesterType: string;
			
 
				+  }) {
			
 
				+    const { status, data } = await getCustomizeSemesterBabies(params);
			
 
				+    if (status === 200) {
			
 
				+      recordData.value = data.recordData;
			
 
				+      babyList.value = data.babyList;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  async function getBabyDetail(babyId: string) {
			
 
				+    const { status, data } = await getBabyDetailRequest(babyId);
			
 
				+    if (status === 200) {
			
 
				+      babyDetail.value = data;
			
 
				+    }
			
 
				+  }
			
 
				+  async function getBabyRecord(params: {
			
 
				+    babyId: string;
			
 
				+    classId: string;
			
 
				+    classLevelCode: string;
			
 
				+    domainId?: string;
			
 
				+    gameType: string;
			
 
				+    page: number;
			
 
				+    pageSize: number;
			
 
				+    semesterType: string;
			
 
				+  }) {
			
 
				+    const { status, data } = await getCustomizeBabyRecord(params);
			
 
				+    if (status === 200) {
			
 
				+      babyRecordList.value.push(
			
 
				+        ...data.entityList.map((item) => {
			
 
				+          return {
			
 
				+            ...item,
			
 
				+            isExpand: item.abilityList.length < 4,
			
 
				+          };
			
 
				+        }),
			
 
				+      );
			
 
				+
			
 
				+      babyRecordTotal.value = data.total;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  async function getDomainList() {
			
 
				+    const { status, data } = await getDomainListRequest();
			
 
				+    if (status === 200) {
			
 
				+      domainList.value = data;
			
 
				+    }
			
 
				+  }
			
 
				+  async function joinSemesterReport(id: string, state: 0 | 1) {
			
 
				+    const { status } = await joinSemesterReportRequest({ id, state });
			
 
				+    if (status === 200) {
			
 
				+      showToast(state === 1 ? "已加入报告" : "已取消加入");
			
 
				+      babyRecordList.value.forEach((item) => {
			
 
				+        if (item.id === id) {
			
 
				+          item.joinSemester = state;
			
 
				+        }
			
 
				+      });
			
 
				+    }
			
 
				+  }
			
 
				+  async function getSemesterRecord(params: {
			
 
				+    babyId: string;
			
 
				+    classId: string;
			
 
				+    classLevelCode: string;
			
 
				+    semesterType: string;
			
 
				+  }) {
			
 
				+    const { status, data } = await getSemesterRecordRequest(params);
			
 
				+    if (status === 200) {
			
 
				+      semesterReport.value = data;
			
 
				+    }
			
 
				+  }
			
 
				+  async function sendSingleRecord(params: {
			
 
				+    babyId: string;
			
 
				+    id: string;
			
 
				+    recordType: string;
			
 
				+  }) {
			
 
				+    const { status } = await sendSingleRecordRequest(params);
			
 
				+    if (status === 200) {
			
 
				+      showToast("发送成功");
			
 
				+      singleRecord.value.sendReport = 1;
			
 
				+    }
			
 
				+  }
			
 
				+  async function sendSemesterRecord(params: {
			
 
				+    babyId: string;
			
 
				+    classId: string;
			
 
				+    classLevelCode: string;
			
 
				+    semesterType: string;
			
 
				+    recordType: string;
			
 
				+  }) {
			
 
				+    const { status } = await sendSemesterRecordRequest(params);
			
 
				+    if (status === 200) {
			
 
				+      showToast("发送成功");
			
 
				+      semesterReport.value.sendReport = 1;
			
 
				+    }
			
 
				+  }
			
 
				+  return {
			
 
				+    singleRecord,
			
 
				+    recordData,
			
 
				+    babyList,
			
 
				+    babyRecordTotal,
			
 
				+    babyRecordList,
			
 
				+    babyDetail,
			
 
				+    domainList,
			
 
				+    semesterReport,
			
 
				+
			
 
				+    getSingleRecord,
			
 
				+    sendToParent,
			
 
				+    getSemesterBabies,
			
 
				+    getBabyDetail,
			
 
				+    getBabyRecord,
			
 
				+    getDomainList,
			
 
				+    joinSemesterReport,
			
 
				+    getSemesterRecord,
			
 
				+    sendSingleRecord,
			
 
				+    sendSemesterRecord,
			
 
				+  };
			
 
				+});
			
--- a/src/store/modules/report.ts
+++ b/src/store/modules/report.ts
@@ -0,0 +1,411 @@
 
				+import { defineStore } from "pinia";
			
 
				+import { computed, defineAsyncComponent, markRaw, ref } from "vue";
			
 
				+import {
			
 
				+  IBabyInfo,
			
 
				+  IComponent,
			
 
				+  IDistrict,
			
 
				+  IDistrictData,
			
 
				+  IDomain,
			
 
				+  IPage,
			
 
				+  IRadarMap,
			
 
				+} from "@/types/report.d";
			
 
				+import {
			
 
				+  getSemesterReportRequest,
			
 
				+  getSingleReportRequest,
			
 
				+  sendToParentSemesterRequest,
			
 
				+  sendToParentSingleRequest,
			
 
				+} from "@/api/report";
			
 
				+import { noticeApp } from "@/utils";
			
 
				+import { showToast } from "vant";
			
 
				+
			
 
				+const BabyInfo = markRaw(
			
 
				+  defineAsyncComponent(() => import("@/views/report/district/BabyInfo.vue")),
			
 
				+);
			
 
				+const DistrictName = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/district/DistrictName.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+const ActivityInfo = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/district/ActivityInfo.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+const ChildrenBehavior = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/district/ChildrenBehavior.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+const QuestionPart = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/district/QuestionPart.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+const FamilyStrategy = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/district/FamilyStrategy.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+const ComplexTitle = markRaw(
			
 
				+  defineAsyncComponent(() => import("@/views/report/complex/ComplexTitle.vue")),
			
 
				+);
			
 
				+const ComplexItem = markRaw(
			
 
				+  defineAsyncComponent(() => import("@/views/report/complex/ComplexItem.vue")),
			
 
				+);
			
 
				+const RadarChart = markRaw(
			
 
				+  defineAsyncComponent(() => import("@/views/report/complex/RadarChart.vue")),
			
 
				+);
			
 
				+const AssessmentSkills = markRaw(
			
 
				+  defineAsyncComponent(
			
 
				+    () => import("@/views/report/complex/AssessmentSkills.vue"),
			
 
				+  ),
			
 
				+);
			
 
				+export default defineStore("report", () => {
			
 
				+  const isSendToParent = ref<boolean>(false);
			
 
				+  const isSingle = ref<boolean>(true);
			
 
				+  const isTeacher = ref<boolean>(true);
			
 
				+  const babyId = ref<string>("");
			
 
				+  const recordId = ref<string>("");
			
 
				+  const babyInfo = ref<IBabyInfo>({
			
 
				+    babyName: "",
			
 
				+    className: "",
			
 
				+    headImg: "",
			
 
				+    parentId: "",
			
 
				+    schoolName: "",
			
 
				+    sendNumber: 0,
			
 
				+    valuationType: "",
			
 
				+  });
			
 
				+  const districtList = ref<IDistrict[]>([]);
			
 
				+  const domainList = ref<IDomain[]>([]);
			
 
				+  const radarMapList = ref<IRadarMap[]>([]);
			
 
				+  const pageList = ref<IPage[]>([]);
			
 
				+  const componentList = ref<IComponent[]>([]);
			
 
				+
			
 
				+  const totalPage = computed(() => {
			
 
				+    return pageList.value.length;
			
 
				+  });
			
 
				+
			
 
				+  function getId() {
			
 
				+    return Math.random().toString(16).substring(2, 10);
			
 
				+  }
			
 
				+
			
 
				+  function formatDomainAbilityName(name: string) {
			
 
				+    if (name) {
			
 
				+      let str = "";
			
 
				+      if (name.endsWith("能力")) {
			
 
				+        str = name.replace(/能力/, "”能力");
			
 
				+        str = "“" + str;
			
 
				+      } else {
			
 
				+        str = name;
			
 
				+      }
			
 
				+      return str;
			
 
				+    }
			
 
				+    return "";
			
 
				+  }
			
 
				+
			
 
				+  // function createDomain(item: IDistrictData) {
			
 
				+  //   const {
			
 
				+  //     abilityLevelDes,
			
 
				+  //     domainName,
			
 
				+  //     domainAbilityName,
			
 
				+  //     abilityName,
			
 
				+  //     abilityLevelName,
			
 
				+  //   } = item as IDistrictData;
			
 
				+  //
			
 
				+  //   if (!item.story) {
			
 
				+  //     item.story = {
			
 
				+  //       content: null,
			
 
				+  //       description: null,
			
 
				+  //       images: null,
			
 
				+  //       questions: null,
			
 
				+  //       videos: null,
			
 
				+  //     };
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   const { content, videos, images } = item.story;
			
 
				+  //   const { behave } = abilityLevelDes;
			
 
				+  //
			
 
				+  //   interface Domain {
			
 
				+  //     isEmpty: boolean;
			
 
				+  //     behave: null | string;
			
 
				+  //     domainName: null | string;
			
 
				+  //     domainAbilityName: null | string;
			
 
				+  //     content: null | string;
			
 
				+  //     abilityName: null | string;
			
 
				+  //     abilityLevelName: null | string;
			
 
				+  //     videos: null | string[];
			
 
				+  //     images: null | string[];
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   const domain: Domain = {
			
 
				+  //     isEmpty: true,
			
 
				+  //     behave: null,
			
 
				+  //     domainName: null,
			
 
				+  //     domainAbilityName: null,
			
 
				+  //     content: null,
			
 
				+  //     abilityName: null,
			
 
				+  //     abilityLevelName: null,
			
 
				+  //     videos: null,
			
 
				+  //     images: null,
			
 
				+  //   };
			
 
				+  //
			
 
				+  //   if (domainName) {
			
 
				+  //     domain.domainName = domainName;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (domainAbilityName) {
			
 
				+  //     domain.domainAbilityName = formatDomainAbilityName(domainAbilityName);
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (behave) {
			
 
				+  //     domain.behave = behave;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (content) {
			
 
				+  //     domain.content = content;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (abilityName) {
			
 
				+  //     domain.abilityName = abilityName;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (abilityLevelName) {
			
 
				+  //     domain.abilityLevelName = abilityLevelName;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (videos) {
			
 
				+  //     domain.videos = videos;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (images) {
			
 
				+  //     domain.images = images;
			
 
				+  //     domain.isEmpty = false;
			
 
				+  //   }
			
 
				+  //
			
 
				+  //   if (!domain.isEmpty) {
			
 
				+  //     addComponentIfExist(DomainAbility, domain);
			
 
				+  //     // console.log(domain, 'domain')
			
 
				+  //   }
			
 
				+  // }
			
 
				+
			
 
				+  function createQuestion(item: IDistrictData) {
			
 
				+    const { questionCardUrl, questionCardUrlList } = item;
			
 
				+    if (!item.question) {
			
 
				+      item.question = {
			
 
				+        content: null,
			
 
				+        description: null,
			
 
				+        images: null,
			
 
				+        questions: null,
			
 
				+        videos: null,
			
 
				+      };
			
 
				+
			
 
				+      return;
			
 
				+    }
			
 
				+    const { content, images, videos, questions } = item.question;
			
 
				+
			
 
				+    interface IQuestion {
			
 
				+      isEmpty: boolean;
			
 
				+      questionCardUrl: null | string;
			
 
				+      questionCardUrlList: null | string[];
			
 
				+      content: null | string;
			
 
				+      images: null | string[];
			
 
				+      videos: null | string[];
			
 
				+      questions: null | { question: string; categoryId: string }[];
			
 
				+    }
			
 
				+
			
 
				+    const question: IQuestion = {
			
 
				+      isEmpty: true,
			
 
				+      questionCardUrl: null,
			
 
				+      questionCardUrlList: null,
			
 
				+      content: null,
			
 
				+      images: null,
			
 
				+      videos: null,
			
 
				+      questions: null,
			
 
				+    };
			
 
				+    if (questionCardUrl) {
			
 
				+      question.questionCardUrl = questionCardUrl;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+
			
 
				+    if (questionCardUrlList) {
			
 
				+      question.questionCardUrlList = questionCardUrlList;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+    if (content) {
			
 
				+      question.content = content;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+    if (questions) {
			
 
				+      question.questions = questions;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+
			
 
				+    if (images) {
			
 
				+      question.images = images;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+    if (videos) {
			
 
				+      question.videos = videos;
			
 
				+      question.isEmpty = false;
			
 
				+    }
			
 
				+
			
 
				+    if (!question.isEmpty) {
			
 
				+      addComponentIfExist(QuestionPart, question);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  function pushComponents() {
			
 
				+    pageList.value.push({
			
 
				+      id: getId(),
			
 
				+      componentList: componentList.value,
			
 
				+    });
			
 
				+    componentList.value = [];
			
 
				+  }
			
 
				+
			
 
				+  function addComponentIfExist(component: any, value: any) {
			
 
				+    if (value) {
			
 
				+      componentList.value.push({
			
 
				+        id: getId(),
			
 
				+        view: component,
			
 
				+        value,
			
 
				+      });
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  function createComponent() {
			
 
				+    // 综合发展情况
			
 
				+    if (!isSingle.value) {
			
 
				+      componentList.value.push({
			
 
				+        id: getId(),
			
 
				+        view: ComplexTitle,
			
 
				+      });
			
 
				+      addComponentIfExist(RadarChart, radarMapList);
			
 
				+      addComponentIfExist(AssessmentSkills, domainList);
			
 
				+
			
 
				+      pushComponents();
			
 
				+    } else {
			
 
				+      addComponentIfExist(BabyInfo, babyInfo);
			
 
				+    }
			
 
				+
			
 
				+    // 区域分页
			
 
				+    districtList.value?.map((district) => {
			
 
				+      const { districtName, subtitle, slogan, dataList } = district;
			
 
				+      dataList.map((item) => {
			
 
				+        const {
			
 
				+          activityName,
			
 
				+          activityDescription,
			
 
				+          abilityLevelDes,
			
 
				+          domainName,
			
 
				+          domainAbilityName,
			
 
				+          abilityLevelName,
			
 
				+          story,
			
 
				+        } = item;
			
 
				+        const { education, behave } = abilityLevelDes;
			
 
				+
			
 
				+        addComponentIfExist(DistrictName, { districtName, subtitle, slogan });
			
 
				+
			
 
				+        addComponentIfExist(ActivityInfo, {
			
 
				+          activityName,
			
 
				+          activityDescription,
			
 
				+          domainName,
			
 
				+          domainAbilityName: formatDomainAbilityName(domainAbilityName),
			
 
				+          districtName,
			
 
				+        });
			
 
				+
			
 
				+        const { images, videos } = story || { images: null, videos: null };
			
 
				+
			
 
				+        addComponentIfExist(ChildrenBehavior, {
			
 
				+          behave,
			
 
				+          images,
			
 
				+          videos,
			
 
				+          abilityLevelName,
			
 
				+        });
			
 
				+
			
 
				+        createQuestion(item);
			
 
				+
			
 
				+        addComponentIfExist(FamilyStrategy, education);
			
 
				+
			
 
				+        pushComponents();
			
 
				+      });
			
 
				+    });
			
 
				+
			
 
				+    // 综合发展评估
			
 
				+    if (!isSingle.value) {
			
 
				+      componentList.value.push({
			
 
				+        id: getId(),
			
 
				+        view: ComplexTitle,
			
 
				+      });
			
 
				+      domainList.value?.map((item) => {
			
 
				+        addComponentIfExist(ComplexItem, item);
			
 
				+      });
			
 
				+
			
 
				+      pushComponents();
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  async function getReport() {
			
 
				+    const request = isSingle.value
			
 
				+      ? getSingleReportRequest
			
 
				+      : getSemesterReportRequest;
			
 
				+
			
 
				+    const { data, status } = await request({
			
 
				+      babyId: babyId.value,
			
 
				+      recordId: recordId.value,
			
 
				+    });
			
 
				+
			
 
				+    if (status === 200) {
			
 
				+      babyInfo.value = data?.babyInfo;
			
 
				+      districtList.value = data?.districtList;
			
 
				+      domainList.value = data?.domainList;
			
 
				+      radarMapList.value = data?.radarMapList;
			
 
				+
			
 
				+      createComponent();
			
 
				+
			
 
				+      console.log(JSON.parse(JSON.stringify(pageList.value)), "pageList");
			
 
				+      console.log(JSON.parse(JSON.stringify(babyInfo.value)), "babyInfo");
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  async function sendToParent() {
			
 
				+    if (isSendToParent.value) return;
			
 
				+    isSendToParent.value = true;
			
 
				+    const params = [
			
 
				+      {
			
 
				+        babyId: babyId.value,
			
 
				+        recordId: recordId.value,
			
 
				+        parentId: babyInfo.value.parentId,
			
 
				+        valuationType: babyInfo.value.valuationType,
			
 
				+      },
			
 
				+    ];
			
 
				+    const request = isSingle.value
			
 
				+      ? sendToParentSingleRequest
			
 
				+      : sendToParentSemesterRequest;
			
 
				+    const { status } = await request(params);
			
 
				+    if (status === 200) {
			
 
				+      noticeApp(babyId.value, recordId.value);
			
 
				+      showToast("发送成功");
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  return {
			
 
				+    isSendToParent,
			
 
				+    isSingle,
			
 
				+    isTeacher,
			
 
				+    babyId,
			
 
				+    recordId,
			
 
				+    babyInfo,
			
 
				+    pageList,
			
 
				+
			
 
				+    totalPage,
			
 
				+
			
 
				+    getReport,
			
 
				+    sendToParent,
			
 
				+  };
			
 
				+});
			
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -0,0 +1,23 @@
 
				+.cp {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+.flex-center {
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 网格背景
			
 
				+ */
			
 
				+.grid_bgi {
			
 
				+  background-image: url('@/assets/images/content_bgi.png');
			
 
				+  background-repeat: repeat;
			
 
				+  background-size: 16px 16px;
			
 
				+  background-color: #fff;
			
 
				+}
			
--- a/src/styles/fonts.scss
+++ b/src/styles/fonts.scss
@@ -0,0 +1,29 @@
 
				+@font-face {
			
 
				+  font-family: 'YouSheBiaoTiHei';
			
 
				+  src: url("https://app-resources-luojigou.luojigou.vip/fonts/YouSheBiaoTiHei.ttf") format('truetype');
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: 'YouSheBiaoTiHei-Bold';
			
 
				+  src: url("https://app-resources-luojigou.luojigou.vip/fonts/YouSheBiaoTiHei-Bold.ttf") format('truetype');
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: 'YouSheBiaoTiYuan';
			
 
				+  src: url("https://app-resources-luojigou.luojigou.vip/fonts/YouSheBiaoTiYuan.otf") format('opentype');
			
 
				+}
			
 
				+
			
 
				+//@font-face {
			
 
				+//  font-family: 'YouSheBiaoTiYuan-Regular';
			
 
				+//  src: url("https://app-resources-luojigou.luojigou.vip/fonts/YouSheBiaoTiYuan.ttf") format('opentype');
			
 
				+//}
			
 
				+//
			
 
				+@font-face {
			
 
				+  font-family: 'PingFang SC-Regular';
			
 
				+  src: url("https://app-resources-luojigou.luojigou.vip/fonts/PingFang-SC-Regular.ttf") format('truetype');
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: 'PingFang SC';
			
 
				+  src: url("https://app-resources-luojigou.luojigou.vip/fonts/PingFang-SC-Regular.ttf") format('truetype');
			
 
				+}
			
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -0,0 +1,273 @@
 
				+*,
			
 
				+::before,
			
 
				+::after {
			
 
				+  box-sizing: border-box;
			
 
				+  border-color: currentColor;
			
 
				+  border-style: solid;
			
 
				+  border-width: 0;
			
 
				+}
			
 
				+
			
 
				+#app {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+
			
 
				+html {
			
 
				+  box-sizing: border-box;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  line-height: 1.5;
			
 
				+  tab-size: 4;
			
 
				+  text-size-adjust: 100%;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  margin: 0;
			
 
				+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
			
 
				+    '微软雅黑', Arial, sans-serif;
			
 
				+  line-height: inherit;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  text-rendering: optimizelegibility;
			
 
				+}
			
 
				+
			
 
				+hr {
			
 
				+  height: 0;
			
 
				+  color: inherit;
			
 
				+  border-top-width: 1px;
			
 
				+}
			
 
				+
			
 
				+abbr:where([title]) {
			
 
				+  text-decoration: underline dotted;
			
 
				+}
			
 
				+
			
 
				+a {
			
 
				+  color: inherit;
			
 
				+  text-decoration: inherit;
			
 
				+}
			
 
				+
			
 
				+b,
			
 
				+strong {
			
 
				+  font-weight: bolder;
			
 
				+}
			
 
				+
			
 
				+code,
			
 
				+kbd,
			
 
				+samp,
			
 
				+pre {
			
 
				+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
			
 
				+    'Courier New', monospace;
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+
			
 
				+small {
			
 
				+  font-size: 80%;
			
 
				+}
			
 
				+
			
 
				+sub,
			
 
				+sup {
			
 
				+  position: relative;
			
 
				+  font-size: 75%;
			
 
				+  line-height: 0;
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+sub {
			
 
				+  bottom: -0.25em;
			
 
				+}
			
 
				+
			
 
				+sup {
			
 
				+  top: -0.5em;
			
 
				+}
			
 
				+
			
 
				+table {
			
 
				+  text-indent: 0;
			
 
				+  border-collapse: collapse;
			
 
				+  border-color: inherit;
			
 
				+}
			
 
				+
			
 
				+button,
			
 
				+input,
			
 
				+optgroup,
			
 
				+select,
			
 
				+textarea {
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+  font-family: inherit;
			
 
				+  font-size: 100%;
			
 
				+  line-height: inherit;
			
 
				+  color: inherit;
			
 
				+}
			
 
				+
			
 
				+button,
			
 
				+select {
			
 
				+  text-transform: none;
			
 
				+}
			
 
				+
			
 
				+button,
			
 
				+[type='button'],
			
 
				+[type='reset'],
			
 
				+[type='submit'] {
			
 
				+  background-image: none;
			
 
				+}
			
 
				+
			
 
				+:-moz-focusring {
			
 
				+  outline: auto;
			
 
				+}
			
 
				+
			
 
				+:-moz-ui-invalid {
			
 
				+  box-shadow: none;
			
 
				+}
			
 
				+
			
 
				+progress {
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+::-webkit-inner-spin-button,
			
 
				+::-webkit-outer-spin-button {
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+[type='search'] {
			
 
				+  outline-offset: -2px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-file-upload-button {
			
 
				+  font: inherit;
			
 
				+}
			
 
				+
			
 
				+summary {
			
 
				+  display: list-item;
			
 
				+}
			
 
				+
			
 
				+blockquote,
			
 
				+dl,
			
 
				+dd,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+hr,
			
 
				+figure,
			
 
				+p,
			
 
				+pre {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+fieldset {
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+legend {
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+ol,
			
 
				+ul,
			
 
				+menu {
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+  list-style: none;
			
 
				+}
			
 
				+
			
 
				+textarea {
			
 
				+  resize: vertical;
			
 
				+}
			
 
				+
			
 
				+input::placeholder,
			
 
				+textarea::placeholder {
			
 
				+  color: #9ca3af;
			
 
				+  opacity: 1;
			
 
				+}
			
 
				+
			
 
				+button,
			
 
				+[role='button'] {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+:disabled {
			
 
				+  cursor: default;
			
 
				+}
			
 
				+
			
 
				+img,
			
 
				+svg,
			
 
				+video,
			
 
				+canvas,
			
 
				+audio,
			
 
				+iframe,
			
 
				+embed,
			
 
				+object {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+img,
			
 
				+video {
			
 
				+  max-width: 100%;
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+[hidden] {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+.dark {
			
 
				+  color-scheme: dark;
			
 
				+}
			
 
				+
			
 
				+label {
			
 
				+  font-weight: 700;
			
 
				+}
			
 
				+
			
 
				+*,
			
 
				+*::before,
			
 
				+*::after {
			
 
				+  box-sizing: inherit;
			
 
				+}
			
 
				+
			
 
				+a:focus,
			
 
				+a:active {
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+a,
			
 
				+a:focus,
			
 
				+a:hover {
			
 
				+  color: inherit;
			
 
				+  text-decoration: none;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+div:focus {
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+.clearfix {
			
 
				+  &::after {
			
 
				+    display: block;
			
 
				+    height: 0;
			
 
				+    clear: both;
			
 
				+    font-size: 0;
			
 
				+    visibility: hidden;
			
 
				+    content: ' ';
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/* 谷歌、火狐等浏览器 */
			
 
				+input:focus {
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+/* IE10+ */
			
 
				+input::-ms-focus {
			
 
				+  border: 0;
			
 
				+}
			
 
				+
			
 
				+/* Safari */
			
 
				+input:focus:not(:focus-visible) {
			
 
				+  outline: none;
			
 
				+}
			
--- a/src/types/customize.d.ts
+++ b/src/types/customize.d.ts
@@ -0,0 +1,184 @@
 
				+import report from "@/store/modules/report.ts";
			
 
				+
			
 
				+interface IStory {
			
 
				+  images: string[];
			
 
				+  videos: string[];
			
 
				+  content: string;
			
 
				+}
			
 
				+
			
 
				+interface IDescription {
			
 
				+  growth: string;
			
 
				+  behave: string;
			
 
				+  example: string;
			
 
				+  tactics: string;
			
 
				+  education: string;
			
 
				+}
			
 
				+
			
 
				+interface IDescriptionExtra {
			
 
				+  behave: string;
			
 
				+  education: string;
			
 
				+  example: string;
			
 
				+  growth: string;
			
 
				+  tactics: string;
			
 
				+}
			
 
				+
			
 
				+export interface IAbility {
			
 
				+  abilityName: string;
			
 
				+  description: IDescription;
			
 
				+  descriptionExtra: null | IDescriptionExtra;
			
 
				+}
			
 
				+
			
 
				+interface IDomain {
			
 
				+  domainName: string;
			
 
				+  abilityList: IAbility[];
			
 
				+}
			
 
				+
			
 
				+export interface ISingleRecord {
			
 
				+  recordId: string;
			
 
				+  babyId: string;
			
 
				+  sendReport: 0 | 1;
			
 
				+  recordDate: string;
			
 
				+  teacherName: string;
			
 
				+  babyNames: string[];
			
 
				+  joinSemester: number;
			
 
				+  story: IStory | null;
			
 
				+  domainList: IDomain[];
			
 
				+}
			
 
				+
			
 
				+export function defaultSingleRecord(): ISingleRecord {
			
 
				+  return {
			
 
				+    recordId: "",
			
 
				+    babyId: "",
			
 
				+    sendReport: 0,
			
 
				+    recordDate: "",
			
 
				+    teacherName: "",
			
 
				+    babyNames: [],
			
 
				+    joinSemester: 1,
			
 
				+    story: {
			
 
				+      images: [],
			
 
				+      videos: [],
			
 
				+      content: "",
			
 
				+    },
			
 
				+    domainList: [],
			
 
				+  };
			
 
				+}
			
 
				+
			
 
				+export interface IRecordData {
			
 
				+  className: string;
			
 
				+  totalBaby: number;
			
 
				+  startDate: string;
			
 
				+  endDate: string;
			
 
				+  teacherNames: string[];
			
 
				+}
			
 
				+export interface IBabies {
			
 
				+  babyId: string;
			
 
				+  classId: string;
			
 
				+  babyName: string;
			
 
				+  babyHeadImg: string;
			
 
				+  totalRecord: number;
			
 
				+  linkUrl: null | string;
			
 
				+}
			
 
				+
			
 
				+export interface IBabyDetail {
			
 
				+  id: string;
			
 
				+  sex: 1 | 2;
			
 
				+  babyName: string;
			
 
				+  babyBirthday: string;
			
 
				+  createTime: string;
			
 
				+  updateTime: string;
			
 
				+  headImg: string;
			
 
				+  hasScan: 0 | 1;
			
 
				+  state: number;
			
 
				+  relationName: null | string;
			
 
				+}
			
 
				+
			
 
				+export function defaultBabyDetail(): IBabyDetail {
			
 
				+  return {
			
 
				+    id: "",
			
 
				+    sex: 2,
			
 
				+    babyName: "",
			
 
				+    babyBirthday: "",
			
 
				+    createTime: "",
			
 
				+    updateTime: "",
			
 
				+    headImg: "",
			
 
				+    hasScan: 1,
			
 
				+    state: 1,
			
 
				+    relationName: null,
			
 
				+  };
			
 
				+}
			
 
				+
			
 
				+interface IBabyRecordAbility {
			
 
				+  domainName: string;
			
 
				+  abilityName: string;
			
 
				+  abilityIconUrl: string;
			
 
				+  behave: string;
			
 
				+}
			
 
				+export interface IBabyRecord {
			
 
				+  id: string;
			
 
				+  joinSemester: 1 | 0;
			
 
				+  recordDate: string;
			
 
				+  teacherName: string;
			
 
				+  teacherHeadImg: string;
			
 
				+  story: IStory;
			
 
				+  abilityList: IBabyRecordAbility[];
			
 
				+  isExpand?: boolean;
			
 
				+}
			
 
				+
			
 
				+export interface IDomainDetail {
			
 
				+  dataStatus: 1 | 0;
			
 
				+  createTime: string;
			
 
				+  updateTime: string;
			
 
				+  id: string;
			
 
				+  parentId: string;
			
 
				+  domainAbilityName: string;
			
 
				+  iconUrl: string;
			
 
				+}
			
 
				+
			
 
				+interface IDomainAbilityName {
			
 
				+  domainName: string;
			
 
				+  abilityNameList: string[];
			
 
				+}
			
 
				+
			
 
				+interface IDomainData {
			
 
				+  domainName: string;
			
 
				+  recordList: {
			
 
				+    recordDate: string;
			
 
				+    abilityName: string;
			
 
				+    abilityIconUrl: string;
			
 
				+    story: IStory;
			
 
				+    education: string;
			
 
				+  }[];
			
 
				+}
			
 
				+export interface ISemesterReport {
			
 
				+  classId: string;
			
 
				+  classLevelCode: -1 | 0 | 1 | 2;
			
 
				+  semesterType: 0 | 1;
			
 
				+  babyId: string;
			
 
				+  sendReport: 0 | 1;
			
 
				+  schoolName: string;
			
 
				+  className: string;
			
 
				+  babyName: string;
			
 
				+  babyHeadImg: string;
			
 
				+  startDate: string;
			
 
				+  endDate: string;
			
 
				+  domainAbilityNameList: IDomainAbilityName[];
			
 
				+  domainDataList: IDomainData[];
			
 
				+}
			
 
				+
			
 
				+export function defaultSemesterReport(): ISemesterReport {
			
 
				+  return {
			
 
				+    classId: "",
			
 
				+    classLevelCode: -1,
			
 
				+    semesterType: 0,
			
 
				+    babyId: "",
			
 
				+    sendReport: 0,
			
 
				+    schoolName: "",
			
 
				+    className: "",
			
 
				+    babyName: "",
			
 
				+    babyHeadImg: "",
			
 
				+    startDate: "",
			
 
				+    endDate: "",
			
 
				+    domainAbilityNameList: [],
			
 
				+    domainDataList: [],
			
 
				+  };
			
 
				+}
			
--- a/src/types/report.d.ts
+++ b/src/types/report.d.ts
@@ -0,0 +1,119 @@
 
				+export interface IAbilityLevelDes {
			
 
				+  behave: null | string;
			
 
				+  education: null | string;
			
 
				+  growth: null | string;
			
 
				+  tactics: null | string;
			
 
				+}
			
 
				+
			
 
				+interface IStory {
			
 
				+  content: null | string;
			
 
				+  description: null | string;
			
 
				+  images: null | string[];
			
 
				+  questions: null | string[];
			
 
				+  videos: null | string[];
			
 
				+}
			
 
				+
			
 
				+interface IQuestion {
			
 
				+  content: string | null;
			
 
				+  description: null | string;
			
 
				+  images: null | string[];
			
 
				+  questions: null | { question: string; categoryId: string }[];
			
 
				+  videos: null | string[];
			
 
				+}
			
 
				+
			
 
				+export interface IDistrictData {
			
 
				+  abilityId: string;
			
 
				+  abilityLevelDes: IAbilityLevelDes;
			
 
				+  abilityLevelId: string;
			
 
				+  abilityLevelName: string;
			
 
				+  abilityLibraryId: any;
			
 
				+  abilityName: string;
			
 
				+  activityDescription: string;
			
 
				+  activityId: string;
			
 
				+  activityName: string;
			
 
				+  babyId: string;
			
 
				+  createTime: string;
			
 
				+  districtId: string;
			
 
				+  districtName: string;
			
 
				+  domainAbilityId: string;
			
 
				+  domainAbilityName: any;
			
 
				+  domainId: string;
			
 
				+  domainName: string;
			
 
				+  id: string;
			
 
				+  question: IQuestion | null;
			
 
				+  questionCardUrl: null | string;
			
 
				+  questionCardUrlList: null | string[];
			
 
				+  slogan: string;
			
 
				+  story: IStory | null;
			
 
				+  subtitle: string;
			
 
				+  valuationDate: string;
			
 
				+  valuationId: string;
			
 
				+  valuationRecordId: string;
			
 
				+  valuationType: string;
			
 
				+}
			
 
				+
			
 
				+interface IDistrict {
			
 
				+  dataList: IDistrictData[];
			
 
				+  districtName: string;
			
 
				+  slogan: string;
			
 
				+  subtitle: string;
			
 
				+}
			
 
				+
			
 
				+interface ILevel {
			
 
				+  abilityLevelName: string;
			
 
				+  abilityName: string;
			
 
				+}
			
 
				+
			
 
				+interface IAbility {
			
 
				+  domainAbilityName: string;
			
 
				+  level: ILevel;
			
 
				+}
			
 
				+
			
 
				+export interface IDomain {
			
 
				+  abilityList: IAbility[];
			
 
				+  domainName: string;
			
 
				+}
			
 
				+
			
 
				+export interface IRadarMap {
			
 
				+  max: number;
			
 
				+  name: string;
			
 
				+  value: number;
			
 
				+}
			
 
				+
			
 
				+export interface IComponent {
			
 
				+  id: string | number;
			
 
				+  view: any;
			
 
				+  value?: any;
			
 
				+}
			
 
				+
			
 
				+export interface IPage {
			
 
				+  id: string | number;
			
 
				+  componentList: IComponent[];
			
 
				+}
			
 
				+
			
 
				+export interface IReport {
			
 
				+  isSingle: boolean;
			
 
				+  isTeacher: boolean;
			
 
				+  babyId: string | null;
			
 
				+  recordId: string | null;
			
 
				+  babyInfo: IBabyInfo;
			
 
				+  districtList: IDistrict[];
			
 
				+  domainList: IDomain[];
			
 
				+  radarMapList: IRadarMap[];
			
 
				+  // 当前页面高度
			
 
				+  pageHeight: number;
			
 
				+  // 要渲染的页面列表
			
 
				+  pageList: IPage[];
			
 
				+  // 当前页面的组件列表
			
 
				+  componentList: IComponent[];
			
 
				+}
			
 
				+
			
 
				+export interface IBabyInfo {
			
 
				+  babyName: null | string;
			
 
				+  className: null | string;
			
 
				+  headImg: null | string;
			
 
				+  parentId: null | string;
			
 
				+  schoolName: null | string;
			
 
				+  sendNumber: null | number;
			
 
				+  valuationType: null | string;
			
 
				+}
			
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -0,0 +1,29 @@
 
				+export const TOKEN = 'token';
			
 
				+export const USER_INFO = 'userInfo';
			
 
				+export const CURRENT_GRADE = 'currentGrade';
			
 
				+
			
 
				+/**
			
 
				+ * 深色颜色
			
 
				+ */
			
 
				+export const DARK_COLOR = ['#FF6F5B', '#8FCB0A', '#54C4FF', '#FD75FF'];
			
 
				+/**
			
 
				+ * 浅色颜色
			
 
				+ */
			
 
				+export const LIGHT_COLOR = ['#FFE8E5', '#DDFAC7', '#D2F1FF', '#F4E6FF'];
			
 
				+/**
			
 
				+ * 年级
			
 
				+ */
			
 
				+export const GRADE_NAME = ['托', '小', '中', '大'];
			
 
				+/**
			
 
				+ * 虚底按钮图片名称
			
 
				+ */
			
 
				+export const BUTTON_IMG_NAME = ['btn_00', 'btn_01', 'btn_02', 'btn_03'];
			
 
				+/**
			
 
				+ * 实底按钮图片名称
			
 
				+ */
			
 
				+export const BUTTON_SOLID_IMG_NAME = ['btn_10', 'btn_11', 'btn_12', 'btn_13'];
			
 
				+
			
 
				+/**
			
 
				+ * 课程背景长图
			
 
				+ */
			
 
				+export const COURSE_BGI_ARR = ['course_0', 'course_1', 'course_2', 'course_3'];
			
--- a/src/utils/filter.ts
+++ b/src/utils/filter.ts
@@ -0,0 +1,24 @@
 
				+export function formatClassLevelCode(classLevelCode: any) {
			
 
				+  switch (Number(classLevelCode)) {
			
 
				+    case -1:
			
 
				+      return "托班";
			
 
				+    case 0:
			
 
				+      return "小班";
			
 
				+    case 1:
			
 
				+      return "中班";
			
 
				+    case 2:
			
 
				+      return "大班";
			
 
				+    default:
			
 
				+      return "";
			
 
				+  }
			
 
				+}
			
 
				+export function formatSemesterType(semesterType: any) {
			
 
				+  switch (Number(semesterType)) {
			
 
				+    case 1:
			
 
				+      return "下学期";
			
 
				+    case 0:
			
 
				+      return "上学期";
			
 
				+    default:
			
 
				+      return "";
			
 
				+  }
			
 
				+}
			
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -0,0 +1,235 @@
 
				+import html2canvas from "html2canvas";
			
 
				+import { showImagePreview, showToast } from "vant";
			
 
				+import { getToken, setToken } from "@/utils/storage";
			
 
				+import router from "@/router";
			
 
				+import JsPDF from "jspdf";
			
 
				+import { getTestTeachTokenRequest } from "@/api/login";
			
 
				+
			
 
				+/**
			
 
				+ * 获取图片地址
			
 
				+ */
			
 
				+export function getImageUrl(name: string) {
			
 
				+  return new URL(`../assets/images/${name}.png`, import.meta.url).href;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 调用app方法
			
 
				+ */
			
 
				+export function callAppFc(event: any, params = {}) {
			
 
				+  console.log(event, params, "callAppFc");
			
 
				+  try {
			
 
				+    window[event].postMessage(JSON.stringify(params));
			
 
				+  } catch (err) {
			
 
				+    console.log(err, event);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 在APP中跳转APP页面的方法
			
 
				+ */
			
 
				+export function navAppPage(route: string, callback = "", replace = false) {
			
 
				+  callAppFc("navAppPage", { route, callback, replace });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * c端在APP中返回上一页
			
 
				+ */
			
 
				+export function popPage() {
			
 
				+  callAppFc("popPage");
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 家园共育返回上一页
			
 
				+ */
			
 
				+export function returnAppPage() {
			
 
				+  try {
			
 
				+    (window as any).returnAppPage.postMessage(JSON.stringify({}));
			
 
				+  } catch (err) {
			
 
				+    router.go(-1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 通知 app
			
 
				+ */
			
 
				+export function noticeApp(babyId: string, recordId: string) {
			
 
				+  callAppFc("sendToParent", {
			
 
				+    title: "发送给家长",
			
 
				+    babyId,
			
 
				+    recordId,
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 字符串限制长度
			
 
				+ */
			
 
				+export function limitLength(val: any, limitLength = 3) {
			
 
				+  if (typeof val === "string" && val.length > limitLength) {
			
 
				+    return val.substr(0, limitLength) + "...";
			
 
				+  }
			
 
				+  return val;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 图片全屏预览
			
 
				+ */
			
 
				+export function imagePreview(
			
 
				+  imgArr: string[] | string,
			
 
				+  startPosition?: number,
			
 
				+) {
			
 
				+  if (Array.isArray(imgArr)) {
			
 
				+    showImagePreview({
			
 
				+      images: imgArr,
			
 
				+      startPosition,
			
 
				+      loop: false,
			
 
				+    });
			
 
				+  } else {
			
 
				+    showImagePreview({
			
 
				+      images: [imgArr],
			
 
				+      startPosition: 0,
			
 
				+      loop: false,
			
 
				+    });
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+export async function getTestTeachToken() {
			
 
				+  const { status, data, msg } = await getTestTeachTokenRequest("15614410020");
			
 
				+  if (status === 200) {
			
 
				+    setToken(data.accessToken);
			
 
				+  } else {
			
 
				+    showToast(msg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 向 app 请求 token
			
 
				+ */
			
 
				+export function getAppToken() {
			
 
				+  // getTestTeachToken()
			
 
				+
			
 
				+  const token = getToken();
			
 
				+  if (token?.length) {
			
 
				+    return token;
			
 
				+  }
			
 
				+
			
 
				+  return new Promise<string>((resolve) => {
			
 
				+    (window as any).getToken = (token: string) => {
			
 
				+      if (token) {
			
 
				+        setToken(token);
			
 
				+        resolve(token);
			
 
				+      }
			
 
				+    };
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+export async function convertToImage(element: HTMLElement) {
			
 
				+  return html2canvas(element, {
			
 
				+    scale: 4,
			
 
				+    width: element.offsetWidth,
			
 
				+    height: element.offsetHeight,
			
 
				+    useCORS: true,
			
 
				+    allowTaint: true,
			
 
				+    backgroundColor: "#fff",
			
 
				+  }).then((canvas: any) => {
			
 
				+    return canvas.toDataURL("image/png");
			
 
				+  });
			
 
				+}
			
 
				+/**
			
 
				+ * 下载 dom 截图
			
 
				+ */
			
 
				+export async function downloadScreenshotFn(id = "poster") {
			
 
				+  const element = document.getElementById(id);
			
 
				+  // console.log(element, "element");
			
 
				+  if (element) {
			
 
				+    const imgBlobData = await convertToImage(element);
			
 
				+    const el = document.createElement("a");
			
 
				+    el.href = imgBlobData;
			
 
				+    el.download = "poster.png";
			
 
				+    const event = new MouseEvent("click");
			
 
				+    el.dispatchEvent(event);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 下载 pdf
			
 
				+ */
			
 
				+export function downloadPDF(id = "poster") {
			
 
				+  const dom = document.getElementById(id) as HTMLElement | null;
			
 
				+
			
 
				+  if (!dom) return;
			
 
				+
			
 
				+  html2canvas(dom, {
			
 
				+    scale: 4,
			
 
				+    width: dom.offsetWidth,
			
 
				+    height: dom.offsetHeight,
			
 
				+    useCORS: true,
			
 
				+    allowTaint: false,
			
 
				+    backgroundColor: "#fff",
			
 
				+  })
			
 
				+    .then((canvas) => {
			
 
				+      let contentWidth = canvas.width;
			
 
				+      let contentHeight = canvas.height;
			
 
				+      let pageHeight = (contentWidth / 592.28) * 841.89;
			
 
				+      let leftHeight = contentHeight;
			
 
				+      let position = 0;
			
 
				+      let imgWidth = 595.28;
			
 
				+      let imgHeight = (592.28 / contentWidth) * contentHeight;
			
 
				+      let pageData = canvas.toDataURL("image/jpeg", 1.0);
			
 
				+      let PDF = new JsPDF("portrait", "pt", "a4");
			
 
				+      if (leftHeight < pageHeight) {
			
 
				+        PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
			
 
				+      } else {
			
 
				+        while (leftHeight > 0) {
			
 
				+          PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight);
			
 
				+          leftHeight -= pageHeight;
			
 
				+          position -= 841.89;
			
 
				+          if (leftHeight > 0) {
			
 
				+            PDF.addPage();
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      // todo pdf数据已经准备好了，就差给app，让app处理了
			
 
				+      let arraybuffer = PDF.output("arraybuffer");
			
 
				+      let blob = PDF.output("blob");
			
 
				+      let bloburl = PDF.output("bloburl");
			
 
				+      let datauristring = PDF.output("datauristring");
			
 
				+
			
 
				+      console.log(arraybuffer, "arraybuffer");
			
 
				+      console.log(blob, "blob");
			
 
				+      console.log(bloburl);
			
 
				+      console.log(datauristring, "datauristring");
			
 
				+
			
 
				+      // 下载
			
 
				+      PDF.save("测试" + ".pdf");
			
 
				+    })
			
 
				+    .catch((e) => {
			
 
				+      console.log(e);
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 分享
			
 
				+ */
			
 
				+export function shareToFriendForReward(
			
 
				+  title: string,
			
 
				+  imgUrl: string,
			
 
				+  inviteCode: string,
			
 
				+) {
			
 
				+  callAppFc("shareToFriendForReward", { title, imgUrl, inviteCode });
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 分享
			
 
				+ * @param image 分享海报
			
 
				+ * @param title 分享标题
			
 
				+ * @param scene 0微信好友 1微信朋友圈
			
 
				+ * @param description 分享描述
			
 
				+ */
			
 
				+export function shareToWechatImage(
			
 
				+  image: string,
			
 
				+  title: string,
			
 
				+  scene: 0 | 1,
			
 
				+  description: string,
			
 
				+) {
			
 
				+  callAppFc("shareToWechatImage", { image, title, scene, description });
			
 
				+}
			
--- a/src/utils/pinYin.ts
+++ b/src/utils/pinYin.ts
@@ -0,0 +1,448 @@
 
				+const Pinyin: { [key: string]: any } = {
			
 
				+  a: '\u554a\u963f\u9515',
			
 
				+  ai: '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d',
			
 
				+  an: '\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\u63de\u72b4\u5eb5\u6849\u94f5\u9e4c\u9878\u9eef',
			
 
				+  ang: '\u80ae\u6602\u76ce',
			
 
				+  ao: '\u51f9\u6556\u71ac\u7ff1\u8884\u50b2\u5965\u61ca\u6fb3\u5773\u62d7\u55f7\u5662\u5c99\u5ed2\u9068\u5aaa\u9a9c\u8071\u87af\u93ca\u9ccc\u93d6',
			
 
				+  ba: '\u82ad\u634c\u6252\u53ed\u5427\u7b06\u516b\u75a4\u5df4\u62d4\u8dcb\u9776\u628a\u8019\u575d\u9738\u7f62\u7238\u8307\u83dd\u8406\u636d\u5c9c\u705e\u6777\u94af\u7c91\u9c85\u9b43',
			
 
				+  bai: '\u767d\u67cf\u767e\u6446\u4f70\u8d25\u62dc\u7a17\u859c\u63b0\u97b4',
			
 
				+  ban: '\u6591\u73ed\u642c\u6273\u822c\u9881\u677f\u7248\u626e\u62cc\u4f34\u74e3\u534a\u529e\u7eca\u962a\u5742\u8c73\u94a3\u7622\u764d\u8228',
			
 
				+  bang: '\u90a6\u5e2e\u6886\u699c\u8180\u7ed1\u68d2\u78c5\u868c\u9551\u508d\u8c24\u84a1\u8783',
			
 
				+  bao: '\u82de\u80de\u5305\u8912\u96f9\u4fdd\u5821\u9971\u5b9d\u62b1\u62a5\u66b4\u8c79\u9c8d\u7206\u52f9\u8446\u5b80\u5b62\u7172\u9e28\u8913\u8db5\u9f85',
			
 
				+  bo: '\u5265\u8584\u73bb\u83e0\u64ad\u62e8\u94b5\u6ce2\u535a\u52c3\u640f\u94c2\u7b94\u4f2f\u5e1b\u8236\u8116\u818a\u6e24\u6cca\u9a73\u4eb3\u8543\u5575\u997d\u6a97\u64d8\u7934\u94b9\u9e41\u7c38\u8ddb',
			
 
				+  bei: '\u676f\u7891\u60b2\u5351\u5317\u8f88\u80cc\u8d1d\u94a1\u500d\u72c8\u5907\u60eb\u7119\u88ab\u5b5b\u9642\u90b6\u57e4\u84d3\u5457\u602b\u6096\u789a\u9e4e\u8919\u943e',
			
 
				+  ben: '\u5954\u82ef\u672c\u7b28\u755a\u574c\u951b',
			
 
				+  beng: '\u5d29\u7ef7\u752d\u6cf5\u8e66\u8ff8\u552a\u5623\u750f',
			
 
				+  bi: '\u903c\u9f3b\u6bd4\u9119\u7b14\u5f7c\u78a7\u84d6\u853d\u6bd5\u6bd9\u6bd6\u5e01\u5e87\u75f9\u95ed\u655d\u5f0a\u5fc5\u8f9f\u58c1\u81c2\u907f\u965b\u5315\u4ef3\u4ffe\u8298\u835c\u8378\u5421\u54d4\u72f4\u5eb3\u610e\u6ed7\u6fde\u5f3c\u59a3\u5a62\u5b16\u74a7\u8d32\u7540\u94cb\u79d5\u88e8\u7b5a\u7b85\u7be6\u822d\u895e\u8df8\u9ac0',
			
 
				+  bian: '\u97ad\u8fb9\u7f16\u8d2c\u6241\u4fbf\u53d8\u535e\u8fa8\u8fa9\u8fab\u904d\u533e\u5f01\u82c4\u5fed\u6c74\u7f0f\u7178\u782d\u78a5\u7a39\u7a86\u8759\u7b3e\u9cca',
			
 
				+  biao: '\u6807\u5f6a\u8198\u8868\u5a4a\u9aa0\u98d1\u98d9\u98da\u706c\u9556\u9573\u762d\u88f1\u9cd4',
			
 
				+  bie: '\u9cd6\u618b\u522b\u762a\u8e69\u9cd8',
			
 
				+  bin: '\u5f6c\u658c\u6fd2\u6ee8\u5bbe\u6448\u50a7\u6d5c\u7f24\u73a2\u6ba1\u8191\u9554\u9acc\u9b13',
			
 
				+  bing: '\u5175\u51b0\u67c4\u4e19\u79c9\u997c\u70b3\u75c5\u5e76\u7980\u90b4\u6452\u7ee0\u678b\u69df\u71f9',
			
 
				+  bu: '\u6355\u535c\u54fa\u8865\u57e0\u4e0d\u5e03\u6b65\u7c3f\u90e8\u6016\u62ca\u535f\u900b\u74ff\u6661\u949a\u91ad',
			
 
				+  ca: '\u64e6\u5693\u7924',
			
 
				+  cai: '\u731c\u88c1\u6750\u624d\u8d22\u776c\u8e29\u91c7\u5f69\u83dc\u8521',
			
 
				+  can: '\u9910\u53c2\u8695\u6b8b\u60ed\u60e8\u707f\u9a96\u74a8\u7cb2\u9eea',
			
 
				+  cang: '\u82cd\u8231\u4ed3\u6ca7\u85cf\u4f27',
			
 
				+  cao: '\u64cd\u7cd9\u69fd\u66f9\u8349\u8279\u5608\u6f15\u87ac\u825a',
			
 
				+  ce: '\u5395\u7b56\u4fa7\u518c\u6d4b\u5202\u5e3b\u607b',
			
 
				+  ceng: '\u5c42\u8e6d\u564c',
			
 
				+  cha: '\u63d2\u53c9\u832c\u8336\u67e5\u78b4\u643d\u5bdf\u5c94\u5dee\u8be7\u7339\u9987\u6c4a\u59f9\u6748\u6942\u69ce\u6aab\u9497\u9538\u9572\u8869',
			
 
				+  chai: '\u62c6\u67f4\u8c7a\u4faa\u8308\u7625\u867f\u9f87',
			
 
				+  chan: '\u6400\u63ba\u8749\u998b\u8c17\u7f20\u94f2\u4ea7\u9610\u98a4\u5181\u8c04\u8c36\u8487\u5edb\u5fcf\u6f7a\u6fb6\u5b71\u7fbc\u5a75\u5b17\u9aa3\u89c7\u7985\u9561\u88e3\u87fe\u8e94',
			
 
				+  chang:
			
 
				+    '\u660c\u7316\u573a\u5c1d\u5e38\u957f\u507f\u80a0\u5382\u655e\u7545\u5531\u5021\u4f25\u9b2f\u82cc\u83d6\u5f9c\u6005\u60dd\u960a\u5a3c\u5ae6\u6636\u6c05\u9cb3',
			
 
				+  chao: '\u8d85\u6284\u949e\u671d\u5632\u6f6e\u5de2\u5435\u7092\u600a\u7ec9\u6641\u8016',
			
 
				+  che: '\u8f66\u626f\u64a4\u63a3\u5f7b\u6f88\u577c\u5c6e\u7817',
			
 
				+  chen: '\u90f4\u81e3\u8fb0\u5c18\u6668\u5ff1\u6c89\u9648\u8d81\u886c\u79f0\u8c0c\u62bb\u55d4\u5bb8\u741b\u6987\u809c\u80c2\u789c\u9f80',
			
 
				+  cheng:
			
 
				+    '\u6491\u57ce\u6a59\u6210\u5448\u4e58\u7a0b\u60e9\u6f84\u8bda\u627f\u901e\u9a8b\u79e4\u57d5\u5d4a\u5fb5\u6d48\u67a8\u67fd\u6a18\u665f\u584d\u77a0\u94d6\u88ce\u86cf\u9172',
			
 
				+  chi: '\u5403\u75f4\u6301\u5319\u6c60\u8fdf\u5f1b\u9a70\u803b\u9f7f\u4f88\u5c3a\u8d64\u7fc5\u65a5\u70bd\u50ba\u5880\u82aa\u830c\u640b\u53f1\u54e7\u557b\u55e4\u5f73\u996c\u6cb2\u5ab8\u6555\u80dd\u7719\u7735\u9e31\u761b\u892b\u86a9\u87ad\u7b1e\u7bea\u8c49\u8e05\u8e1f\u9b51',
			
 
				+  chong: '\u5145\u51b2\u866b\u5d07\u5ba0\u833a\u5fe1\u61a7\u94f3\u825f',
			
 
				+  chou: '\u62bd\u916c\u7574\u8e0c\u7a20\u6101\u7b79\u4ec7\u7ef8\u7785\u4e11\u4fe6\u5733\u5e31\u60c6\u6eb4\u59af\u7633\u96e0\u9c8b',
			
 
				+  chu: '\u81ed\u521d\u51fa\u6a71\u53a8\u8e87\u9504\u96cf\u6ec1\u9664\u695a\u7840\u50a8\u77d7\u6410\u89e6\u5904\u4e8d\u520d\u61b7\u7ecc\u6775\u696e\u6a17\u870d\u8e70\u9edc',
			
 
				+  chuan:
			
 
				+    '\u63e3\u5ddd\u7a7f\u693d\u4f20\u8239\u5598\u4e32\u63be\u821b\u60f4\u9044\u5ddb\u6c1a\u948f\u9569\u8221',
			
 
				+  chuang: '\u75ae\u7a97\u5e62\u5e8a\u95ef\u521b\u6006',
			
 
				+  chui: '\u5439\u708a\u6376\u9524\u5782\u9672\u68f0\u69cc',
			
 
				+  chun: '\u6625\u693f\u9187\u5507\u6df3\u7eaf\u8822\u4fc3\u83bc\u6c8c\u80ab\u6710\u9e51\u877d',
			
 
				+  chuo: '\u6233\u7ef0\u851f\u8fb6\u8f8d\u955e\u8e14\u9f8a',
			
 
				+  ci: '\u75b5\u8328\u78c1\u96cc\u8f9e\u6148\u74f7\u8bcd\u6b64\u523a\u8d50\u6b21\u8360\u5472\u5d6f\u9e5a\u8785\u7ccd\u8d91',
			
 
				+  cong: '\u806a\u8471\u56f1\u5306\u4ece\u4e1b\u506c\u82c1\u6dd9\u9aa2\u742e\u7481\u679e',
			
 
				+  cu: '\u51d1\u7c97\u918b\u7c07\u731d\u6b82\u8e59',
			
 
				+  cuan: '\u8e7f\u7be1\u7a9c\u6c46\u64ba\u6615\u7228',
			
 
				+  cui: '\u6467\u5d14\u50ac\u8106\u7601\u7cb9\u6dec\u7fe0\u8403\u60b4\u7480\u69b1\u96b9',
			
 
				+  cun: '\u6751\u5b58\u5bf8\u78cb\u5fd6\u76b4',
			
 
				+  cuo: '\u64ae\u6413\u63aa\u632b\u9519\u539d\u811e\u9509\u77ec\u75e4\u9e7e\u8e49\u8e9c',
			
 
				+  da: '\u642d\u8fbe\u7b54\u7629\u6253\u5927\u8037\u54d2\u55d2\u601b\u59b2\u75b8\u8921\u7b2a\u977c\u9791',
			
 
				+  dai: '\u5446\u6b79\u50a3\u6234\u5e26\u6b86\u4ee3\u8d37\u888b\u5f85\u902e\u6020\u57ed\u7519\u5454\u5cb1\u8fe8\u902f\u9a80\u7ed0\u73b3\u9edb',
			
 
				+  dan: '\u803d\u62c5\u4e39\u5355\u90f8\u63b8\u80c6\u65e6\u6c2e\u4f46\u60ee\u6de1\u8bde\u5f39\u86cb\u4ebb\u510b\u5369\u840f\u5556\u6fb9\u6a90\u6b9a\u8d55\u7708\u7605\u8043\u7baa',
			
 
				+  dang: '\u5f53\u6321\u515a\u8361\u6863\u8c20\u51fc\u83ea\u5b95\u7800\u94db\u88c6',
			
 
				+  dao: '\u5200\u6363\u8e48\u5012\u5c9b\u7977\u5bfc\u5230\u7a3b\u60bc\u9053\u76d7\u53e8\u5541\u5fc9\u6d2e\u6c18\u7118\u5fd1\u7e9b',
			
 
				+  de: '\u5fb7\u5f97\u7684\u951d',
			
 
				+  deng: '\u8e6c\u706f\u767b\u7b49\u77aa\u51f3\u9093\u5654\u5d9d\u6225\u78f4\u956b\u7c26',
			
 
				+  di: '\u5824\u4f4e\u6ef4\u8fea\u654c\u7b1b\u72c4\u6da4\u7fdf\u5ae1\u62b5\u5e95\u5730\u8482\u7b2c\u5e1d\u5f1f\u9012\u7f14\u6c10\u7c74\u8bcb\u8c1b\u90b8\u577b\u839c\u837b\u5600\u5a23\u67e2\u68e3\u89cc\u7825\u78b2\u7747\u955d\u7f9d\u9ab6',
			
 
				+  dian: '\u98a0\u6382\u6ec7\u7898\u70b9\u5178\u975b\u57ab\u7535\u4f43\u7538\u5e97\u60e6\u5960\u6dc0\u6bbf\u4e36\u963d\u576b\u57dd\u5dc5\u73b7\u765c\u766b\u7c1f\u8e2e',
			
 
				+  diao: '\u7889\u53fc\u96d5\u51cb\u5201\u6389\u540a\u9493\u8c03\u8f7a\u94de\u8729\u7c9c\u8c82',
			
 
				+  die: '\u8dcc\u7239\u789f\u8776\u8fed\u8c0d\u53e0\u4f5a\u57a4\u581e\u63f2\u558b\u6e2b\u8f76\u7252\u74de\u8936\u800b\u8e40\u9cbd\u9cce',
			
 
				+  ding: '\u4e01\u76ef\u53ee\u9489\u9876\u9f0e\u952d\u5b9a\u8ba2\u4e22\u4ec3\u5576\u738e\u815a\u7887\u753a\u94e4\u7594\u8035\u914a',
			
 
				+  dong: '\u4e1c\u51ac\u8463\u61c2\u52a8\u680b\u4f97\u606b\u51bb\u6d1e\u578c\u549a\u5cbd\u5cd2\u5902\u6c21\u80e8\u80f4\u7850\u9e2b',
			
 
				+  dou: '\u515c\u6296\u6597\u9661\u8c46\u9017\u75d8\u8538\u94ad\u7aa6\u7aac\u86aa\u7bfc\u9161',
			
 
				+  du: '\u90fd\u7763\u6bd2\u728a\u72ec\u8bfb\u5835\u7779\u8d4c\u675c\u9540\u809a\u5ea6\u6e21\u5992\u828f\u561f\u6e0e\u691f\u6a50\u724d\u8839\u7b03\u9ad1\u9ee9',
			
 
				+  duan: '\u7aef\u77ed\u953b\u6bb5\u65ad\u7f0e\u5f56\u6934\u7145\u7c16',
			
 
				+  dui: '\u5806\u5151\u961f\u5bf9\u603c\u619d\u7893',
			
 
				+  dun: '\u58a9\u5428\u8e72\u6566\u987f\u56e4\u949d\u76fe\u9041\u7096\u7818\u7905\u76f9\u9566\u8db8',
			
 
				+  duo: '\u6387\u54c6\u591a\u593a\u579b\u8eb2\u6735\u8dfa\u8235\u5241\u60f0\u5815\u5484\u54da\u7f0d\u67c1\u94ce\u88f0\u8e31',
			
 
				+  e: '\u86fe\u5ce8\u9e45\u4fc4\u989d\u8bb9\u5a25\u6076\u5384\u627c\u904f\u9102\u997f\u5669\u8c14\u57a9\u57ad\u82ca\u83aa\u843c\u5443\u6115\u5c59\u5a40\u8f6d\u66f7\u816d\u786a\u9507\u9537\u9e57\u989a\u9cc4',
			
 
				+  en: '\u6069\u84bd\u6441\u5514\u55ef',
			
 
				+  er: '\u800c\u513f\u8033\u5c14\u9975\u6d31\u4e8c\u8d30\u8fe9\u73e5\u94d2\u9e38\u9c95',
			
 
				+  fa: '\u53d1\u7f5a\u7b4f\u4f10\u4e4f\u9600\u6cd5\u73d0\u57a1\u781d',
			
 
				+  fan: '\u85e9\u5e06\u756a\u7ffb\u6a0a\u77fe\u9492\u7e41\u51e1\u70e6\u53cd\u8fd4\u8303\u8d29\u72af\u996d\u6cdb\u8629\u5e61\u72ad\u68b5\u6535\u71d4\u7548\u8e6f',
			
 
				+  fang: '\u574a\u82b3\u65b9\u80aa\u623f\u9632\u59a8\u4eff\u8bbf\u7eba\u653e\u531a\u90a1\u5f77\u94ab\u822b\u9c82',
			
 
				+  fei: '\u83f2\u975e\u5561\u98de\u80a5\u532a\u8bfd\u5420\u80ba\u5e9f\u6cb8\u8d39\u82be\u72d2\u60b1\u6ddd\u5983\u7ecb\u7eef\u69a7\u8153\u6590\u6249\u7953\u7829\u9544\u75f1\u871a\u7bda\u7fe1\u970f\u9cb1',
			
 
				+  fen: '\u82ac\u915a\u5429\u6c1b\u5206\u7eb7\u575f\u711a\u6c7e\u7c89\u594b\u4efd\u5fff\u6124\u7caa\u507e\u7035\u68fc\u610d\u9cbc\u9f22',
			
 
				+  feng: '\u4e30\u5c01\u67ab\u8702\u5cf0\u950b\u98ce\u75af\u70fd\u9022\u51af\u7f1d\u8bbd\u5949\u51e4\u4ff8\u9146\u8451\u6ca3\u781c',
			
 
				+  fu: '\u4f5b\u5426\u592b\u6577\u80a4\u5b75\u6276\u62c2\u8f90\u5e45\u6c1f\u7b26\u4f0f\u4fd8\u670d\u6d6e\u6daa\u798f\u88b1\u5f17\u752b\u629a\u8f85\u4fef\u91dc\u65a7\u812f\u8151\u5e9c\u8150\u8d74\u526f\u8986\u8d4b\u590d\u5085\u4ed8\u961c\u7236\u8179\u8d1f\u5bcc\u8ba3\u9644\u5987\u7f1a\u5490\u5310\u51eb\u90db\u8299\u82fb\u832f\u83a9\u83d4\u544b\u5e5e\u6ecf\u8274\u5b5a\u9a78\u7ec2\u6874\u8d59\u9efb\u9efc\u7f58\u7a03\u99a5\u864d\u86a8\u8709\u8760\u876e\u9eb8\u8dba\u8dd7\u9cc6',
			
 
				+  ga: '\u5676\u560e\u86e4\u5c2c\u5477\u5c15\u5c1c\u65ee\u9486',
			
 
				+  gai: '\u8be5\u6539\u6982\u9499\u76d6\u6e89\u4e10\u9654\u5793\u6224\u8d45\u80f2',
			
 
				+  gan: '\u5e72\u7518\u6746\u67d1\u7aff\u809d\u8d76\u611f\u79c6\u6562\u8d63\u5769\u82f7\u5c34\u64c0\u6cd4\u6de6\u6f89\u7ec0\u6a44\u65f0\u77f8\u75b3\u9150',
			
 
				+  gang: '\u5188\u521a\u94a2\u7f38\u809b\u7eb2\u5c97\u6e2f\u6206\u7f61\u9883\u7b7b',
			
 
				+  gong: '\u6760\u5de5\u653b\u529f\u606d\u9f9a\u4f9b\u8eac\u516c\u5bab\u5f13\u5de9\u6c5e\u62f1\u8d21\u5171\u857b\u5efe\u54a3\u73d9\u80b1\u86a3\u86e9\u89e5',
			
 
				+  gao: '\u7bd9\u768b\u9ad8\u818f\u7f94\u7cd5\u641e\u9550\u7a3f\u544a\u777e\u8bf0\u90dc\u84bf\u85c1\u7f1f\u69d4\u69c1\u6772\u9506',
			
 
				+  ge: '\u54e5\u6b4c\u6401\u6208\u9e3d\u80f3\u7599\u5272\u9769\u845b\u683c\u9601\u9694\u94ec\u4e2a\u5404\u9b32\u4ee1\u54ff\u5865\u55dd\u7ea5\u643f\u8188\u784c\u94ea\u9549\u88bc\u988c\u867c\u8238\u9abc\u9ac2',
			
 
				+  gei: '\u7ed9',
			
 
				+  gen: '\u6839\u8ddf\u4e98\u831b\u54cf\u826e',
			
 
				+  geng: '\u8015\u66f4\u5e9a\u7fb9\u57c2\u803f\u6897\u54fd\u8d53\u9ca0',
			
 
				+  gou: '\u94a9\u52fe\u6c9f\u82df\u72d7\u57a2\u6784\u8d2d\u591f\u4f5d\u8bdf\u5ca3\u9058\u5abe\u7f11\u89cf\u5f40\u9e32\u7b31\u7bdd\u97b2',
			
 
				+  gu: '\u8f9c\u83c7\u5495\u7b8d\u4f30\u6cbd\u5b64\u59d1\u9f13\u53e4\u86ca\u9aa8\u8c37\u80a1\u6545\u987e\u56fa\u96c7\u560f\u8bc2\u83f0\u54cc\u5d2e\u6c69\u688f\u8f71\u726f\u727f\u80cd\u81cc\u6bc2\u77bd\u7f5f\u94b4\u9522\u74e0\u9e2a\u9e44\u75fc\u86c4\u9164\u89da\u9cb4\u9ab0\u9e58',
			
 
				+  gua: '\u522e\u74dc\u5250\u5be1\u6302\u8902\u5366\u8bd6\u5471\u681d\u9e39',
			
 
				+  guai: '\u4e56\u62d0\u602a\u54d9',
			
 
				+  guan: '\u68fa\u5173\u5b98\u51a0\u89c2\u7ba1\u9986\u7f50\u60ef\u704c\u8d2f\u500c\u839e\u63bc\u6dab\u76e5\u9e73\u9ccf',
			
 
				+  guang: '\u5149\u5e7f\u901b\u72b7\u6844\u80f1\u7592',
			
 
				+  gui: '\u7470\u89c4\u572d\u7845\u5f52\u9f9f\u95fa\u8f68\u9b3c\u8be1\u7678\u6842\u67dc\u8dea\u8d35\u523d\u5326\u523f\u5e8b\u5b84\u59ab\u6867\u7085\u6677\u7688\u7c0b\u9c91\u9cdc',
			
 
				+  gun: '\u8f8a\u6eda\u68cd\u4e28\u886e\u7ef2\u78d9\u9ca7',
			
 
				+  guo: '\u9505\u90ed\u56fd\u679c\u88f9\u8fc7\u9998\u8803\u57da\u63b4\u5459\u56d7\u5e3c\u5d1e\u7313\u6901\u8662\u951e\u8052\u872e\u873e\u8748',
			
 
				+  ha: '\u54c8',
			
 
				+  hai: '\u9ab8\u5b69\u6d77\u6c26\u4ea5\u5bb3\u9a87\u54b4\u55e8\u988f\u91a2',
			
 
				+  han: '\u9163\u61a8\u90af\u97e9\u542b\u6db5\u5bd2\u51fd\u558a\u7f55\u7ff0\u64bc\u634d\u65f1\u61be\u608d\u710a\u6c57\u6c49\u9097\u83e1\u6496\u961a\u701a\u6657\u7113\u9894\u86b6\u9f3e',
			
 
				+  hen: '\u592f\u75d5\u5f88\u72e0\u6068',
			
 
				+  hang: '\u676d\u822a\u6c86\u7ed7\u73e9\u6841',
			
 
				+  hao: '\u58d5\u568e\u8c6a\u6beb\u90dd\u597d\u8017\u53f7\u6d69\u8585\u55e5\u5686\u6fe0\u704f\u660a\u7693\u98a2\u869d',
			
 
				+  he: '\u5475\u559d\u8377\u83cf\u6838\u79be\u548c\u4f55\u5408\u76d2\u8c89\u9602\u6cb3\u6db8\u8d6b\u8910\u9e64\u8d3a\u8bc3\u52be\u58d1\u85ff\u55d1\u55ec\u9616\u76cd\u86b5\u7fee',
			
 
				+  hei: '\u563f\u9ed1',
			
 
				+  heng: '\u54fc\u4ea8\u6a2a\u8861\u6052\u8a07\u8605',
			
 
				+  hong: '\u8f70\u54c4\u70d8\u8679\u9e3f\u6d2a\u5b8f\u5f18\u7ea2\u9ec9\u8ba7\u836d\u85a8\u95f3\u6cd3',
			
 
				+  hou: '\u5589\u4faf\u7334\u543c\u539a\u5019\u540e\u5820\u5f8c\u9005\u760a\u7bcc\u7cc7\u9c8e\u9aba',
			
 
				+  hu: '\u547c\u4e4e\u5ffd\u745a\u58f6\u846b\u80e1\u8774\u72d0\u7cca\u6e56\u5f27\u864e\u552c\u62a4\u4e92\u6caa\u6237\u51b1\u553f\u56eb\u5cb5\u7322\u6019\u60da\u6d52\u6ef9\u7425\u69f2\u8f77\u89f3\u70c0\u7173\u623d\u6248\u795c\u9e55\u9e71\u7b0f\u9190\u659b',
			
 
				+  hua: '\u82b1\u54d7\u534e\u733e\u6ed1\u753b\u5212\u5316\u8bdd\u5290\u6d4d\u9a85\u6866\u94e7\u7a1e',
			
 
				+  huai: '\u69d0\u5f8a\u6000\u6dee\u574f\u8fd8\u8e1d',
			
 
				+  huan: '\u6b22\u73af\u6853\u7f13\u6362\u60a3\u5524\u75ea\u8c62\u7115\u6da3\u5ba6\u5e7b\u90c7\u5942\u57b8\u64d0\u571c\u6d39\u6d63\u6f36\u5bf0\u902d\u7f33\u953e\u9ca9\u9b1f',
			
 
				+  huang:
			
 
				+    '\u8352\u614c\u9ec4\u78fa\u8757\u7c27\u7687\u51f0\u60f6\u714c\u6643\u5e4c\u604d\u8c0e\u968d\u5fa8\u6e5f\u6f62\u9051\u749c\u8093\u7640\u87e5\u7bc1\u9cc7',
			
 
				+  hui: '\u7070\u6325\u8f89\u5fbd\u6062\u86d4\u56de\u6bc1\u6094\u6167\u5349\u60e0\u6666\u8d3f\u79fd\u4f1a\u70e9\u6c47\u8bb3\u8bf2\u7ed8\u8bd9\u8334\u835f\u8559\u54d5\u5599\u96b3\u6d04\u5f57\u7f0b\u73f2\u6656\u605a\u867a\u87ea\u9ebe',
			
 
				+  hun: '\u8364\u660f\u5a5a\u9b42\u6d51\u6df7\u8be8\u9984\u960d\u6eb7\u7f17',
			
 
				+  huo: '\u8c41\u6d3b\u4f19\u706b\u83b7\u6216\u60d1\u970d\u8d27\u7978\u6509\u56af\u5925\u94ac\u952a\u956c\u8020\u8816',
			
 
				+  ji: '\u51fb\u573e\u57fa\u673a\u7578\u7a3d\u79ef\u7b95\u808c\u9965\u8ff9\u6fc0\u8ba5\u9e21\u59ec\u7ee9\u7f09\u5409\u6781\u68d8\u8f91\u7c4d\u96c6\u53ca\u6025\u75be\u6c72\u5373\u5ac9\u7ea7\u6324\u51e0\u810a\u5df1\u84df\u6280\u5180\u5b63\u4f0e\u796d\u5242\u60b8\u6d4e\u5bc4\u5bc2\u8ba1\u8bb0\u65e2\u5fcc\u9645\u5993\u7ee7\u7eaa\u5c45\u4e0c\u4e69\u525e\u4f76\u4f74\u8114\u58bc\u82a8\u82b0\u8401\u84ba\u857a\u638e\u53fd\u54ad\u54dc\u5527\u5c8c\u5d74\u6d0e\u5f50\u5c50\u9aa5\u757f\u7391\u696b\u6b9b\u621f\u6222\u8d4d\u89ca\u7284\u9f51\u77f6\u7f81\u5d47\u7a37\u7620\u7635\u866e\u7b08\u7b04\u66a8\u8dfb\u8dfd\u9701\u9c9a\u9cab\u9afb\u9e82',
			
 
				+  jia: '\u5609\u67b7\u5939\u4f73\u5bb6\u52a0\u835a\u988a\u8d3e\u7532\u94be\u5047\u7a3c\u4ef7\u67b6\u9a7e\u5ac1\u4f3d\u90cf\u62ee\u5cac\u6d43\u8fe6\u73c8\u621b\u80db\u605d\u94d7\u9553\u75c2\u86f1\u7b33\u8888\u8dcf',
			
 
				+  jian: '\u6b7c\u76d1\u575a\u5c16\u7b3a\u95f4\u714e\u517c\u80a9\u8270\u5978\u7f04\u8327\u68c0\u67ec\u78b1\u7877\u62e3\u6361\u7b80\u4fed\u526a\u51cf\u8350\u69db\u9274\u8df5\u8d31\u89c1\u952e\u7bad\u4ef6\u5065\u8230\u5251\u996f\u6e10\u6e85\u6da7\u5efa\u50ed\u8c0f\u8c2b\u83c5\u84b9\u641b\u56dd\u6e54\u8e47\u8b07\u7f23\u67a7\u67d9\u6957\u620b\u622c\u726e\u728d\u6bfd\u8171\u7751\u950f\u9e63\u88e5\u7b15\u7bb4\u7fe6\u8dbc\u8e3a\u9ca3\u97af',
			
 
				+  jiang:
			
 
				+    '\u50f5\u59dc\u5c06\u6d46\u6c5f\u7586\u848b\u6868\u5956\u8bb2\u5320\u9171\u964d\u8333\u6d1a\u7edb\u7f30\u729f\u7913\u8029\u7ce8\u8c47',
			
 
				+  jiao: '\u8549\u6912\u7901\u7126\u80f6\u4ea4\u90ca\u6d47\u9a84\u5a07\u56bc\u6405\u94f0\u77eb\u4fa5\u811a\u72e1\u89d2\u997a\u7f34\u7ede\u527f\u6559\u9175\u8f7f\u8f83\u53eb\u4f7c\u50ec\u832d\u6322\u564d\u5ce4\u5fbc\u59e3\u7e9f\u656b\u768e\u9e6a\u86df\u91ae\u8de4\u9c9b',
			
 
				+  jie: '\u7a96\u63ed\u63a5\u7686\u79f8\u8857\u9636\u622a\u52ab\u8282\u6854\u6770\u6377\u776b\u7aed\u6d01\u7ed3\u89e3\u59d0\u6212\u85c9\u82a5\u754c\u501f\u4ecb\u75a5\u8beb\u5c4a\u5048\u8ba6\u8bd8\u5588\u55df\u736c\u5a55\u5b51\u6840\u7352\u78a3\u9534\u7596\u88b7\u9889\u86a7\u7faf\u9c92\u9ab1\u9aeb',
			
 
				+  jin: '\u5dfe\u7b4b\u65a4\u91d1\u4eca\u6d25\u895f\u7d27\u9526\u4ec5\u8c28\u8fdb\u9773\u664b\u7981\u8fd1\u70ec\u6d78\u5c3d\u537a\u8369\u5807\u5664\u9991\u5ed1\u5997\u7f19\u747e\u69ff\u8d46\u89d0\u9485\u9513\u887f\u77dc',
			
 
				+  jing: '\u52b2\u8346\u5162\u830e\u775b\u6676\u9cb8\u4eac\u60ca\u7cbe\u7cb3\u7ecf\u4e95\u8b66\u666f\u9888\u9759\u5883\u656c\u955c\u5f84\u75c9\u9756\u7adf\u7ade\u51c0\u522d\u5106\u9631\u83c1\u734d\u61ac\u6cfe\u8ff3\u5f2a\u5a67\u80bc\u80eb\u8148\u65cc',
			
 
				+  jiong: '\u70af\u7a98\u5182\u8fe5\u6243',
			
 
				+  jiu: '\u63ea\u7a76\u7ea0\u7396\u97ed\u4e45\u7078\u4e5d\u9152\u53a9\u6551\u65e7\u81fc\u8205\u548e\u5c31\u759a\u50e6\u557e\u9604\u67e9\u6855\u9e6b\u8d73\u9b0f',
			
 
				+  ju: '\u97a0\u62d8\u72d9\u75bd\u9a79\u83ca\u5c40\u5480\u77e9\u4e3e\u6cae\u805a\u62d2\u636e\u5de8\u5177\u8ddd\u8e1e\u952f\u4ff1\u53e5\u60e7\u70ac\u5267\u5028\u8bb5\u82e3\u82f4\u8392\u63ac\u907d\u5c66\u741a\u67b8\u6910\u6998\u6989\u6a58\u728b\u98d3\u949c\u9514\u7aad\u88fe\u8d84\u91b5\u8e3d\u9f83\u96ce\u97ab',
			
 
				+  juan: '\u6350\u9e43\u5a1f\u5026\u7737\u5377\u7ee2\u9104\u72f7\u6d93\u684a\u8832\u9529\u954c\u96bd',
			
 
				+  jue: '\u6485\u652b\u6289\u6398\u5014\u7235\u89c9\u51b3\u8bc0\u7edd\u53a5\u5282\u8c32\u77cd\u8568\u5658\u5d1b\u7357\u5b53\u73cf\u6877\u6a5b\u721d\u9562\u8e76\u89d6',
			
 
				+  jun: '\u5747\u83cc\u94a7\u519b\u541b\u5cfb\u4fca\u7ae3\u6d5a\u90e1\u9a8f\u6343\u72fb\u76b2\u7b60\u9e87',
			
 
				+  ka: '\u5580\u5496\u5361\u4f67\u5494\u80e9',
			
 
				+  ke: '\u54af\u5777\u82db\u67ef\u68f5\u78d5\u9897\u79d1\u58f3\u54b3\u53ef\u6e34\u514b\u523b\u5ba2\u8bfe\u5ca2\u606a\u6e98\u9a92\u7f02\u73c2\u8f72\u6c2a\u778c\u94b6\u75b4\u7aa0\u874c\u9ac1',
			
 
				+  kai: '\u5f00\u63e9\u6977\u51ef\u6168\u5240\u57b2\u8488\u5ffe\u607a\u94e0\u950e',
			
 
				+  kan: '\u520a\u582a\u52d8\u574e\u780d\u770b\u4f83\u51f5\u83b0\u83b6\u6221\u9f9b\u77b0',
			
 
				+  kang: '\u5eb7\u6177\u7ce0\u625b\u6297\u4ea2\u7095\u5751\u4f09\u95f6\u94aa',
			
 
				+  kao: '\u8003\u62f7\u70e4\u9760\u5c3b\u6832\u7292\u94d0',
			
 
				+  ken: '\u80af\u5543\u57a6\u6073\u57a0\u88c9\u9880',
			
 
				+  keng: '\u542d\u5fd0\u94ff',
			
 
				+  kong: '\u7a7a\u6050\u5b54\u63a7\u5025\u5d06\u7b9c',
			
 
				+  kou: '\u62a0\u53e3\u6263\u5bc7\u82a4\u853b\u53e9\u770d\u7b58',
			
 
				+  ku: '\u67af\u54ed\u7a9f\u82e6\u9177\u5e93\u88e4\u5233\u5800\u55be\u7ed4\u9ab7',
			
 
				+  kua: '\u5938\u57ae\u630e\u8de8\u80ef\u4f89',
			
 
				+  kuai: '\u5757\u7b77\u4fa9\u5feb\u84af\u90d0\u8489\u72ef\u810d',
			
 
				+  kuan: '\u5bbd\u6b3e\u9acb',
			
 
				+  kuang:
			
 
				+    '\u5321\u7b50\u72c2\u6846\u77ff\u7736\u65f7\u51b5\u8bd3\u8bf3\u909d\u5739\u593c\u54d0\u7ea9\u8d36',
			
 
				+  kui: '\u4e8f\u76d4\u5cbf\u7aa5\u8475\u594e\u9b41\u5080\u9988\u6127\u6e83\u9997\u532e\u5914\u9697\u63c6\u55b9\u559f\u609d\u6126\u9615\u9035\u668c\u777d\u8069\u8770\u7bd1\u81fe\u8dec',
			
 
				+  kun: '\u5764\u6606\u6346\u56f0\u6083\u9603\u7428\u951f\u918c\u9cb2\u9ae1',
			
 
				+  kuo: '\u62ec\u6269\u5ed3\u9614\u86de',
			
 
				+  la: '\u5783\u62c9\u5587\u8721\u814a\u8fa3\u5566\u524c\u647a\u908b\u65ef\u782c\u760c',
			
 
				+  lai: '\u83b1\u6765\u8d56\u5d03\u5f95\u6d9e\u6fd1\u8d49\u7750\u94fc\u765e\u7c41',
			
 
				+  lan: '\u84dd\u5a6a\u680f\u62e6\u7bee\u9611\u5170\u6f9c\u8c30\u63fd\u89c8\u61d2\u7f06\u70c2\u6ee5\u5549\u5c9a\u61d4\u6f24\u6984\u6593\u7f71\u9567\u8934',
			
 
				+  lang: '\u7405\u6994\u72fc\u5eca\u90ce\u6717\u6d6a\u83a8\u8497\u5577\u9606\u9512\u7a02\u8782',
			
 
				+  lao: '\u635e\u52b3\u7262\u8001\u4f6c\u59e5\u916a\u70d9\u6d9d\u5520\u5d02\u6833\u94d1\u94f9\u75e8\u91aa',
			
 
				+  le: '\u52d2\u4e50\u808b\u4ec2\u53fb\u561e\u6cd0\u9cd3',
			
 
				+  lei: '\u96f7\u956d\u857e\u78ca\u7d2f\u5121\u5792\u64c2\u7c7b\u6cea\u7fb8\u8bd4\u837d\u54a7\u6f2f\u5ad8\u7f27\u6a91\u8012\u9179',
			
 
				+  ling: '\u68f1\u51b7\u62ce\u73b2\u83f1\u96f6\u9f84\u94c3\u4f36\u7f9a\u51cc\u7075\u9675\u5cad\u9886\u53e6\u4ee4\u9143\u5844\u82d3\u5464\u56f9\u6ce0\u7eeb\u67c3\u68c2\u74f4\u8046\u86c9\u7fce\u9cae',
			
 
				+  leng: '\u695e\u6123',
			
 
				+  li: '\u5398\u68a8\u7281\u9ece\u7bf1\u72f8\u79bb\u6f13\u7406\u674e\u91cc\u9ca4\u793c\u8389\u8354\u540f\u6817\u4e3d\u5389\u52b1\u783e\u5386\u5229\u5088\u4f8b\u4fd0\u75e2\u7acb\u7c92\u6ca5\u96b6\u529b\u7483\u54e9\u4fea\u4fda\u90e6\u575c\u82c8\u8385\u84e0\u85dc\u6369\u5456\u5533\u55b1\u7301\u6ea7\u6fa7\u9026\u5a0c\u5ae0\u9a8a\u7f21\u73de\u67a5\u680e\u8f79\u623e\u783a\u8a48\u7f79\u9502\u9e42\u75a0\u75ac\u86ce\u870a\u8821\u7b20\u7be5\u7c9d\u91b4\u8dde\u96f3\u9ca1\u9ce2\u9ee7',
			
 
				+  lian: '\u4fe9\u8054\u83b2\u8fde\u9570\u5ec9\u601c\u6d9f\u5e18\u655b\u8138\u94fe\u604b\u70bc\u7ec3\u631b\u8539\u5941\u6f4b\u6fc2\u5a08\u740f\u695d\u6b93\u81c1\u81a6\u88e2\u880a\u9ca2',
			
 
				+  liang:
			
 
				+    '\u7cae\u51c9\u6881\u7cb1\u826f\u4e24\u8f86\u91cf\u667e\u4eae\u8c05\u589a\u690b\u8e09\u9753\u9b49',
			
 
				+  liao: '\u64a9\u804a\u50da\u7597\u71ce\u5be5\u8fbd\u6f66\u4e86\u6482\u9563\u5ed6\u6599\u84fc\u5c25\u5639\u7360\u5bee\u7f2d\u948c\u9e69\u8022',
			
 
				+  lie: '\u5217\u88c2\u70c8\u52a3\u730e\u51bd\u57d2\u6d0c\u8d94\u8e90\u9b23',
			
 
				+  lin: '\u7433\u6797\u78f7\u9716\u4e34\u90bb\u9cde\u6dcb\u51db\u8d41\u541d\u853a\u5d99\u5eea\u9074\u6aa9\u8f9a\u77b5\u7cbc\u8e8f\u9e9f',
			
 
				+  liu: '\u6e9c\u7409\u69b4\u786b\u998f\u7559\u5218\u7624\u6d41\u67f3\u516d\u62a1\u507b\u848c\u6cd6\u6d4f\u905b\u9a9d\u7efa\u65d2\u7198\u950d\u954f\u9e68\u938f',
			
 
				+  long: '\u9f99\u804b\u5499\u7b3c\u7abf\u9686\u5784\u62e2\u9647\u5f04\u5785\u830f\u6cf7\u73d1\u680a\u80e7\u783b\u7643',
			
 
				+  lou: '\u697c\u5a04\u6402\u7bd3\u6f0f\u964b\u55bd\u5d5d\u9542\u7618\u8027\u877c\u9ac5',
			
 
				+  lu: '\u82a6\u5362\u9885\u5e90\u7089\u63b3\u5364\u864f\u9c81\u9e93\u788c\u9732\u8def\u8d42\u9e7f\u6f5e\u7984\u5f55\u9646\u622e\u5786\u6445\u64b8\u565c\u6cf8\u6e0c\u6f09\u7490\u680c\u6a79\u8f73\u8f82\u8f98\u6c07\u80ea\u9565\u9e2c\u9e6d\u7c0f\u823b\u9c88',
			
 
				+  lv: '\u9a74\u5415\u94dd\u4fa3\u65c5\u5c65\u5c61\u7f15\u8651\u6c2f\u5f8b\u7387\u6ee4\u7eff\u634b\u95fe\u6988\u8182\u7a06\u891b',
			
 
				+  luan: '\u5ce6\u5b6a\u6ee6\u5375\u4e71\u683e\u9e3e\u92ae',
			
 
				+  lue: '\u63a0\u7565\u950a',
			
 
				+  lun: '\u8f6e\u4f26\u4ed1\u6ca6\u7eb6\u8bba\u56f5',
			
 
				+  luo: '\u841d\u87ba\u7f57\u903b\u9523\u7ba9\u9aa1\u88f8\u843d\u6d1b\u9a86\u7edc\u502e\u8366\u645e\u7321\u6cfa\u6924\u8136\u9559\u7630\u96d2',
			
 
				+  ma: '\u5988\u9ebb\u739b\u7801\u8682\u9a6c\u9a82\u561b\u5417\u551b\u72b8\u5b37\u6769\u9ebd',
			
 
				+  mai: '\u57cb\u4e70\u9ea6\u5356\u8fc8\u8109\u52a2\u836c\u54aa\u973e',
			
 
				+  man: '\u7792\u9992\u86ee\u6ee1\u8513\u66fc\u6162\u6f2b\u8c29\u5881\u5e54\u7f26\u71b3\u9558\u989f\u87a8\u9cd7\u9794',
			
 
				+  mang: '\u8292\u832b\u76f2\u5fd9\u83bd\u9099\u6f2d\u6726\u786d\u87d2',
			
 
				+  meng: '\u6c13\u840c\u8499\u6aac\u76df\u9530\u731b\u68a6\u5b5f\u52d0\u750d\u77a2\u61f5\u791e\u867b\u8722\u8813\u824b\u8268\u9efe',
			
 
				+  miao: '\u732b\u82d7\u63cf\u7784\u85d0\u79d2\u6e3a\u5e99\u5999\u55b5\u9088\u7f08\u7f2a\u676a\u6dfc\u7707\u9e4b\u8731',
			
 
				+  mao: '\u8305\u951a\u6bdb\u77db\u94c6\u536f\u8302\u5192\u5e3d\u8c8c\u8d38\u4f94\u88a4\u52d6\u8306\u5cc1\u7441\u6634\u7266\u8004\u65c4\u61cb\u7780\u86d1\u8765\u87ca\u9ae6',
			
 
				+  me: '\u4e48',
			
 
				+  mei: '\u73ab\u679a\u6885\u9176\u9709\u7164\u6ca1\u7709\u5a92\u9541\u6bcf\u7f8e\u6627\u5bd0\u59b9\u5a9a\u5776\u8393\u5d4b\u7338\u6d7c\u6e44\u6963\u9545\u9e5b\u8882\u9b45',
			
 
				+  men: '\u95e8\u95f7\u4eec\u626a\u739f\u7116\u61d1\u9494',
			
 
				+  mi: '\u772f\u919a\u9761\u7cdc\u8ff7\u8c1c\u5f25\u7c73\u79d8\u89c5\u6ccc\u871c\u5bc6\u5e42\u8288\u5196\u8c27\u863c\u5627\u7315\u736f\u6c68\u5b93\u5f2d\u8112\u6549\u7cf8\u7e3b\u9e8b',
			
 
				+  mian: '\u68c9\u7720\u7ef5\u5195\u514d\u52c9\u5a29\u7f05\u9762\u6c94\u6e4e\u817c\u7704',
			
 
				+  mie: '\u8511\u706d\u54a9\u881b\u7bfe',
			
 
				+  min: '\u6c11\u62bf\u76bf\u654f\u60af\u95fd\u82e0\u5cb7\u95f5\u6cef\u73c9',
			
 
				+  ming: '\u660e\u879f\u9e23\u94ed\u540d\u547d\u51a5\u8317\u6e9f\u669d\u7791\u9169',
			
 
				+  miu: '\u8c2c',
			
 
				+  mo: '\u6478\u6479\u8611\u6a21\u819c\u78e8\u6469\u9b54\u62b9\u672b\u83ab\u58a8\u9ed8\u6cab\u6f20\u5bde\u964c\u8c1f\u8309\u84e6\u998d\u5aeb\u9546\u79e3\u763c\u8031\u87c6\u8c8a\u8c98',
			
 
				+  mou: '\u8c0b\u725f\u67d0\u53b6\u54de\u5a7a\u7738\u936a',
			
 
				+  mu: '\u62c7\u7261\u4ea9\u59c6\u6bcd\u5893\u66ae\u5e55\u52df\u6155\u6728\u76ee\u7766\u7267\u7a46\u4eeb\u82dc\u5452\u6c90\u6bea\u94bc',
			
 
				+  na: '\u62ff\u54ea\u5450\u94a0\u90a3\u5a1c\u7eb3\u5185\u637a\u80ad\u954e\u8872\u7bac',
			
 
				+  nai: '\u6c16\u4e43\u5976\u8010\u5948\u9f10\u827f\u8418\u67f0',
			
 
				+  nan: '\u5357\u7537\u96be\u56ca\u5583\u56e1\u6960\u8169\u877b\u8d67',
			
 
				+  nao: '\u6320\u8111\u607c\u95f9\u5b6c\u57b4\u7331\u7459\u7847\u94d9\u86f2',
			
 
				+  ne: '\u6dd6\u5462\u8bb7',
			
 
				+  nei: '\u9981',
			
 
				+  nen: '\u5ae9\u80fd\u6798\u6041',
			
 
				+  ni: '\u59ae\u9713\u502a\u6ce5\u5c3c\u62df\u4f60\u533f\u817b\u9006\u6eba\u4f32\u576d\u730a\u6029\u6ee0\u6635\u65ce\u7962\u615d\u7768\u94cc\u9cb5',
			
 
				+  nian: '\u852b\u62c8\u5e74\u78be\u64b5\u637b\u5ff5\u5eff\u8f87\u9ecf\u9c87\u9cb6',
			
 
				+  niang: '\u5a18\u917f',
			
 
				+  niao: '\u9e1f\u5c3f\u8311\u5b32\u8132\u8885',
			
 
				+  nie: '\u634f\u8042\u5b7d\u556e\u954a\u954d\u6d85\u4e5c\u9667\u8616\u55eb\u8080\u989e\u81ec\u8e51',
			
 
				+  nin: '\u60a8\u67e0',
			
 
				+  ning: '\u72de\u51dd\u5b81\u62e7\u6cde\u4f5e\u84e5\u549b\u752f\u804d',
			
 
				+  niu: '\u725b\u626d\u94ae\u7ebd\u72c3\u5ff8\u599e\u86b4',
			
 
				+  nong: '\u8113\u6d53\u519c\u4fac',
			
 
				+  nu: '\u5974\u52aa\u6012\u5476\u5e11\u5f29\u80ec\u5b65\u9a7d',
			
 
				+  nv: '\u5973\u6067\u9495\u8844',
			
 
				+  nuan: '\u6696',
			
 
				+  nuenue: '\u8650',
			
 
				+  nue: '\u759f\u8c11',
			
 
				+  nuo: '\u632a\u61e6\u7cef\u8bfa\u50a9\u6426\u558f\u9518',
			
 
				+  ou: '\u54e6\u6b27\u9e25\u6bb4\u85d5\u5455\u5076\u6ca4\u6004\u74ef\u8026',
			
 
				+  pa: '\u556a\u8db4\u722c\u5e15\u6015\u7436\u8469\u7b62',
			
 
				+  pai: '\u62cd\u6392\u724c\u5f98\u6e43\u6d3e\u4ff3\u848e',
			
 
				+  pan: '\u6500\u6f58\u76d8\u78d0\u76fc\u7554\u5224\u53db\u723f\u6cee\u88a2\u897b\u87e0\u8e52',
			
 
				+  pang: '\u4e53\u5e9e\u65c1\u802a\u80d6\u6ec2\u9004',
			
 
				+  pao: '\u629b\u5486\u5228\u70ae\u888d\u8dd1\u6ce1\u530f\u72cd\u5e96\u812c\u75b1',
			
 
				+  pei: '\u5478\u80da\u57f9\u88f4\u8d54\u966a\u914d\u4f69\u6c9b\u638a\u8f94\u5e14\u6de0\u65c6\u952b\u9185\u9708',
			
 
				+  pen: '\u55b7\u76c6\u6e53',
			
 
				+  peng: '\u7830\u62a8\u70f9\u6f8e\u5f6d\u84ec\u68da\u787c\u7bf7\u81a8\u670b\u9e4f\u6367\u78b0\u576f\u580b\u562d\u6026\u87db',
			
 
				+  pi: '\u7812\u9739\u6279\u62ab\u5288\u7435\u6bd7\u5564\u813e\u75b2\u76ae\u5339\u75de\u50fb\u5c41\u8b6c\u4e15\u9674\u90b3\u90eb\u572e\u9f19\u64d7\u567c\u5e80\u5ab2\u7eb0\u6787\u7513\u7765\u7f74\u94cd\u75e6\u7656\u758b\u868d\u8c94',
			
 
				+  pian: '\u7bc7\u504f\u7247\u9a97\u8c1d\u9a88\u728f\u80fc\u890a\u7fe9\u8e41',
			
 
				+  piao: '\u98d8\u6f02\u74e2\u7968\u527d\u560c\u5ad6\u7f25\u6b8d\u779f\u87b5',
			
 
				+  pie: '\u6487\u77a5\u4e3f\u82e4\u6c15',
			
 
				+  pin: '\u62fc\u9891\u8d2b\u54c1\u8058\u62da\u59d8\u5ad4\u6980\u725d\u98a6',
			
 
				+  ping: '\u4e52\u576a\u82f9\u840d\u5e73\u51ed\u74f6\u8bc4\u5c4f\u4fdc\u5a09\u67b0\u9c86',
			
 
				+  po: '\u5761\u6cfc\u9887\u5a46\u7834\u9b44\u8feb\u7c95\u53f5\u9131\u6ea5\u73c0\u948b\u94b7\u76a4\u7b38',
			
 
				+  pou: '\u5256\u88d2\u8e23',
			
 
				+  pu: '\u6251\u94fa\u4ec6\u8386\u8461\u83e9\u84b2\u57d4\u6734\u5703\u666e\u6d66\u8c31\u66dd\u7011\u530d\u5657\u6fee\u749e\u6c06\u9564\u9568\u8e7c',
			
 
				+  qi: '\u671f\u6b3a\u6816\u621a\u59bb\u4e03\u51c4\u6f06\u67d2\u6c8f\u5176\u68cb\u5947\u6b67\u7566\u5d0e\u8110\u9f50\u65d7\u7948\u7941\u9a91\u8d77\u5c82\u4e5e\u4f01\u542f\u5951\u780c\u5668\u6c14\u8fc4\u5f03\u6c7d\u6ce3\u8bab\u4e9f\u4e93\u573b\u8291\u840b\u847a\u5601\u5c7a\u5c90\u6c54\u6dc7\u9a90\u7eee\u742a\u7426\u675e\u6864\u69ed\u6b39\u797a\u61a9\u789b\u86f4\u871e\u7da6\u7dae\u8dbf\u8e4a\u9ccd\u9e92',
			
 
				+  qia: '\u6390\u6070\u6d3d\u845c',
			
 
				+  qian: '\u7275\u6266\u948e\u94c5\u5343\u8fc1\u7b7e\u4edf\u8c26\u4e7e\u9ed4\u94b1\u94b3\u524d\u6f5c\u9063\u6d45\u8c34\u5811\u5d4c\u6b20\u6b49\u4f65\u9621\u828a\u82a1\u8368\u63ae\u5c8d\u60ad\u614a\u9a9e\u6434\u8930\u7f31\u6920\u80b7\u6106\u94a4\u8654\u7b9d',
			
 
				+  qiang:
			
 
				+    '\u67aa\u545b\u8154\u7f8c\u5899\u8537\u5f3a\u62a2\u5af1\u6a2f\u6217\u709d\u9516\u9535\u956a\u8941\u8723\u7f9f\u8deb\u8dc4',
			
 
				+  qiao: '\u6a47\u9539\u6572\u6084\u6865\u77a7\u4e54\u4fa8\u5de7\u9798\u64ac\u7fd8\u5ced\u4fcf\u7a8d\u5281\u8bee\u8c2f\u835e\u6100\u6194\u7f32\u6a35\u6bf3\u7857\u8df7\u9792',
			
 
				+  qie: '\u5207\u8304\u4e14\u602f\u7a83\u90c4\u553c\u60ec\u59be\u6308\u9532\u7ba7',
			
 
				+  qin: '\u94a6\u4fb5\u4eb2\u79e6\u7434\u52e4\u82b9\u64d2\u79bd\u5bdd\u6c81\u82a9\u84c1\u8572\u63ff\u5423\u55ea\u5659\u6eb1\u6a8e\u8793\u887e',
			
 
				+  qing: '\u9752\u8f7b\u6c22\u503e\u537f\u6e05\u64ce\u6674\u6c30\u60c5\u9877\u8bf7\u5e86\u5029\u82d8\u570a\u6aa0\u78ec\u873b\u7f44\u7b90\u8b26\u9cad\u9ee5',
			
 
				+  qiong: '\u743c\u7a77\u909b\u8315\u7a79\u7b47\u928e',
			
 
				+  qiu: '\u79cb\u4e18\u90b1\u7403\u6c42\u56da\u914b\u6cc5\u4fc5\u6c3d\u5def\u827d\u72b0\u6e6b\u9011\u9052\u6978\u8d47\u9e20\u866c\u86af\u8764\u88d8\u7cd7\u9cc5\u9f3d',
			
 
				+  qu: '\u8d8b\u533a\u86c6\u66f2\u8eaf\u5c48\u9a71\u6e20\u53d6\u5a36\u9f8b\u8da3\u53bb\u8bce\u52ac\u8556\u8627\u5c96\u8862\u9612\u74a9\u89d1\u6c0d\u795b\u78f2\u766f\u86d0\u883c\u9eb4\u77bf\u9ee2',
			
 
				+  quan: '\u5708\u98a7\u6743\u919b\u6cc9\u5168\u75ca\u62f3\u72ac\u5238\u529d\u8be0\u8343\u737e\u609b\u7efb\u8f81\u754e\u94e8\u8737\u7b4c\u9b08',
			
 
				+  que: '\u7f3a\u7094\u7638\u5374\u9e4a\u69b7\u786e\u96c0\u9619\u60ab',
			
 
				+  qun: '\u88d9\u7fa4\u9021',
			
 
				+  ran: '\u7136\u71c3\u5189\u67d3\u82d2\u9aef',
			
 
				+  rang: '\u74e4\u58e4\u6518\u56b7\u8ba9\u79b3\u7a70',
			
 
				+  rao: '\u9976\u6270\u7ed5\u835b\u5a06\u6861',
			
 
				+  ruo: '\u60f9\u82e5\u5f31',
			
 
				+  re: '\u70ed\u504c',
			
 
				+  ren: '\u58ec\u4ec1\u4eba\u5fcd\u97e7\u4efb\u8ba4\u5203\u598a\u7eab\u4ede\u834f\u845a\u996a\u8f6b\u7a14\u887d',
			
 
				+  reng: '\u6254\u4ecd',
			
 
				+  ri: '\u65e5',
			
 
				+  rong: '\u620e\u8338\u84c9\u8363\u878d\u7194\u6eb6\u5bb9\u7ed2\u5197\u5d58\u72e8\u7f1b\u6995\u877e',
			
 
				+  rou: '\u63c9\u67d4\u8089\u7cc5\u8e42\u97a3',
			
 
				+  ru: '\u8339\u8815\u5112\u5b7a\u5982\u8fb1\u4e73\u6c5d\u5165\u8925\u84d0\u85b7\u5685\u6d33\u6ebd\u6fe1\u94f7\u8966\u98a5',
			
 
				+  ruan: '\u8f6f\u962e\u670a',
			
 
				+  rui: '\u854a\u745e\u9510\u82ae\u8564\u777f\u868b',
			
 
				+  run: '\u95f0\u6da6',
			
 
				+  sa: '\u6492\u6d12\u8428\u5345\u4ee8\u6332\u98d2',
			
 
				+  sai: '\u816e\u9cc3\u585e\u8d5b\u567b',
			
 
				+  san: '\u4e09\u53c1\u4f1e\u6563\u5f61\u9993\u6c35\u6bf5\u7cc1\u9730',
			
 
				+  sang: '\u6851\u55d3\u4e27\u6421\u78c9\u98a1',
			
 
				+  sao: '\u6414\u9a9a\u626b\u5ac2\u57fd\u81ca\u7619\u9ccb',
			
 
				+  se: '\u745f\u8272\u6da9\u556c\u94e9\u94ef\u7a51',
			
 
				+  sen: '\u68ee',
			
 
				+  seng: '\u50e7',
			
 
				+  sha: '\u838e\u7802\u6740\u5239\u6c99\u7eb1\u50bb\u5565\u715e\u810e\u6b43\u75e7\u88df\u970e\u9ca8',
			
 
				+  shai: '\u7b5b\u6652\u917e',
			
 
				+  shan: '\u73ca\u82eb\u6749\u5c71\u5220\u717d\u886b\u95ea\u9655\u64c5\u8d61\u81b3\u5584\u6c55\u6247\u7f2e\u5261\u8baa\u912f\u57cf\u829f\u6f78\u59d7\u9a9f\u81bb\u9490\u759d\u87ee\u8222\u8dda\u9cdd',
			
 
				+  shang: '\u5892\u4f24\u5546\u8d4f\u664c\u4e0a\u5c1a\u88f3\u57a7\u7ef1\u6b87\u71b5\u89de',
			
 
				+  shao: '\u68a2\u634e\u7a0d\u70e7\u828d\u52fa\u97f6\u5c11\u54e8\u90b5\u7ecd\u52ad\u82d5\u6f72\u86f8\u7b24\u7b72\u8244',
			
 
				+  she: '\u5962\u8d4a\u86c7\u820c\u820d\u8d66\u6444\u5c04\u6151\u6d89\u793e\u8bbe\u538d\u4f58\u731e\u7572\u9e9d',
			
 
				+  shen: '\u7837\u7533\u547b\u4f38\u8eab\u6df1\u5a20\u7ec5\u795e\u6c88\u5ba1\u5a76\u751a\u80be\u614e\u6e17\u8bdc\u8c02\u5432\u54c2\u6e16\u6939\u77e7\u8703',
			
 
				+  sheng:
			
 
				+    '\u58f0\u751f\u7525\u7272\u5347\u7ef3\u7701\u76db\u5269\u80dc\u5723\u4e1e\u6e11\u5ab5\u771a\u7b19',
			
 
				+  shi: '\u5e08\u5931\u72ee\u65bd\u6e7f\u8bd7\u5c38\u8671\u5341\u77f3\u62fe\u65f6\u4ec0\u98df\u8680\u5b9e\u8bc6\u53f2\u77e2\u4f7f\u5c4e\u9a76\u59cb\u5f0f\u793a\u58eb\u4e16\u67ff\u4e8b\u62ed\u8a93\u901d\u52bf\u662f\u55dc\u566c\u9002\u4ed5\u4f8d\u91ca\u9970\u6c0f\u5e02\u6043\u5ba4\u89c6\u8bd5\u8c25\u57d8\u83b3\u84cd\u5f11\u5511\u9963\u8f7c\u8006\u8d33\u70bb\u793b\u94c8\u94ca\u87ab\u8210\u7b6e\u8c55\u9ca5\u9cba',
			
 
				+  shou: '\u6536\u624b\u9996\u5b88\u5bff\u6388\u552e\u53d7\u7626\u517d\u624c\u72e9\u7ef6\u824f',
			
 
				+  shu: '\u852c\u67a2\u68b3\u6b8a\u6292\u8f93\u53d4\u8212\u6dd1\u758f\u4e66\u8d4e\u5b70\u719f\u85af\u6691\u66d9\u7f72\u8700\u9ecd\u9f20\u5c5e\u672f\u8ff0\u6811\u675f\u620d\u7ad6\u5885\u5eb6\u6570\u6f31\u6055\u500f\u587e\u83fd\u5fc4\u6cad\u6d91\u6f8d\u59dd\u7ebe\u6bf9\u8167\u6bb3\u956f\u79eb\u9e6c',
			
 
				+  shua: '\u5237\u800d\u5530\u6dae',
			
 
				+  shuai: '\u6454\u8870\u7529\u5e05\u87c0',
			
 
				+  shuan: '\u6813\u62f4\u95e9',
			
 
				+  shuang: '\u971c\u53cc\u723d\u5b40',
			
 
				+  shui: '\u8c01\u6c34\u7761\u7a0e',
			
 
				+  shun: '\u542e\u77ac\u987a\u821c\u6042',
			
 
				+  shuo: '\u8bf4\u7855\u6714\u70c1\u84b4\u6420\u55cd\u6fef\u5981\u69ca\u94c4',
			
 
				+  si: '\u65af\u6495\u5636\u601d\u79c1\u53f8\u4e1d\u6b7b\u8086\u5bfa\u55e3\u56db\u4f3a\u4f3c\u9972\u5df3\u53ae\u4fdf\u5155\u83e5\u549d\u6c5c\u6cd7\u6f8c\u59d2\u9a77\u7f0c\u7940\u7960\u9536\u9e36\u801c\u86f3\u7b25',
			
 
				+  song: '\u677e\u8038\u6002\u9882\u9001\u5b8b\u8bbc\u8bf5\u51c7\u83d8\u5d27\u5d69\u5fea\u609a\u6dde\u7ae6',
			
 
				+  sou: '\u641c\u8258\u64de\u55fd\u53df\u55d6\u55fe\u998a\u6eb2\u98d5\u778d\u953c\u878b',
			
 
				+  su: '\u82cf\u9165\u4fd7\u7d20\u901f\u7c9f\u50f3\u5851\u6eaf\u5bbf\u8bc9\u8083\u5919\u8c21\u850c\u55c9\u612b\u7c0c\u89eb\u7a23',
			
 
				+  suan: '\u9178\u849c\u7b97',
			
 
				+  sui: '\u867d\u968b\u968f\u7ee5\u9ad3\u788e\u5c81\u7a57\u9042\u96a7\u795f\u84d1\u51ab\u8c07\u6fc9\u9083\u71e7\u772d\u7762',
			
 
				+  sun: '\u5b59\u635f\u7b0b\u836a\u72f2\u98e7\u69ab\u8de3\u96bc',
			
 
				+  suo: '\u68ad\u5506\u7f29\u7410\u7d22\u9501\u6240\u5522\u55e6\u5a11\u686b\u7743\u7fa7',
			
 
				+  ta: '\u584c\u4ed6\u5b83\u5979\u5854\u736d\u631e\u8e4b\u8e0f\u95fc\u6ebb\u9062\u69bb\u6c93',
			
 
				+  tai: '\u80ce\u82d4\u62ac\u53f0\u6cf0\u915e\u592a\u6001\u6c70\u90b0\u85b9\u80bd\u70b1\u949b\u8dc6\u9c90',
			
 
				+  tan: '\u574d\u644a\u8d2a\u762b\u6ee9\u575b\u6a80\u75f0\u6f6d\u8c2d\u8c08\u5766\u6bef\u8892\u78b3\u63a2\u53f9\u70ad\u90ef\u8548\u6619\u94bd\u952c\u8983',
			
 
				+  tang: '\u6c64\u5858\u642a\u5802\u68e0\u819b\u5510\u7cd6\u50a5\u9967\u6e8f\u746d\u94f4\u9557\u8025\u8797\u87b3\u7fb0\u91a3',
			
 
				+  thang: '\u5018\u8eba\u6dcc',
			
 
				+  theng: '\u8d9f\u70eb',
			
 
				+  tao: '\u638f\u6d9b\u6ed4\u7ee6\u8404\u6843\u9003\u6dd8\u9676\u8ba8\u5957\u6311\u9f17\u5555\u97ec\u9955',
			
 
				+  te: '\u7279',
			
 
				+  teng: '\u85e4\u817e\u75bc\u8a8a\u6ed5',
			
 
				+  ti: '\u68af\u5254\u8e22\u9511\u63d0\u9898\u8e44\u557c\u4f53\u66ff\u568f\u60d5\u6d95\u5243\u5c49\u8351\u608c\u9016\u7ee8\u7f07\u9e48\u88fc\u918d',
			
 
				+  tian: '\u5929\u6dfb\u586b\u7530\u751c\u606c\u8214\u8146\u63ad\u5fdd\u9617\u6b84\u754b\u94bf\u86ba',
			
 
				+  tiao: '\u6761\u8fe2\u773a\u8df3\u4f7b\u7967\u94eb\u7a95\u9f86\u9ca6',
			
 
				+  tie: '\u8d34\u94c1\u5e16\u841c\u992e',
			
 
				+  ting: '\u5385\u542c\u70c3\u6c40\u5ef7\u505c\u4ead\u5ead\u633a\u8247\u839b\u8476\u5a77\u6883\u8713\u9706',
			
 
				+  tong: '\u901a\u6850\u916e\u77b3\u540c\u94dc\u5f64\u7ae5\u6876\u6345\u7b52\u7edf\u75db\u4f5f\u50ee\u4edd\u833c\u55f5\u6078\u6f7c\u783c',
			
 
				+  tou: '\u5077\u6295\u5934\u900f\u4ea0',
			
 
				+  tu: '\u51f8\u79c3\u7a81\u56fe\u5f92\u9014\u6d82\u5c60\u571f\u5410\u5154\u580d\u837c\u83df\u948d\u9174',
			
 
				+  tuan: '\u6e4d\u56e2\u7583',
			
 
				+  tui: '\u63a8\u9893\u817f\u8715\u892a\u9000\u5fd2\u717a',
			
 
				+  tun: '\u541e\u5c6f\u81c0\u9968\u66be\u8c5a\u7a80',
			
 
				+  tuo: '\u62d6\u6258\u8131\u9e35\u9640\u9a6e\u9a7c\u692d\u59a5\u62d3\u553e\u4e47\u4f57\u5768\u5eb9\u6cb1\u67dd\u7823\u7ba8\u8204\u8dce\u9f0d',
			
 
				+  wa: '\u6316\u54c7\u86d9\u6d3c\u5a03\u74e6\u889c\u4f64\u5a32\u817d',
			
 
				+  wai: '\u6b6a\u5916',
			
 
				+  wan: '\u8c4c\u5f2f\u6e7e\u73a9\u987d\u4e38\u70f7\u5b8c\u7897\u633d\u665a\u7696\u60cb\u5b9b\u5a49\u4e07\u8155\u525c\u8284\u82cb\u83c0\u7ea8\u7efe\u742c\u8118\u7579\u873f\u7ba2',
			
 
				+  wang: '\u6c6a\u738b\u4ea1\u6789\u7f51\u5f80\u65fa\u671b\u5fd8\u5984\u7f54\u5c22\u60d8\u8f8b\u9b4d',
			
 
				+  wei: '\u5a01\u5dcd\u5fae\u5371\u97e6\u8fdd\u6845\u56f4\u552f\u60df\u4e3a\u6f4d\u7ef4\u82c7\u840e\u59d4\u4f1f\u4f2a\u5c3e\u7eac\u672a\u851a\u5473\u754f\u80c3\u5582\u9b4f\u4f4d\u6e2d\u8c13\u5c09\u6170\u536b\u502d\u504e\u8bff\u9688\u8473\u8587\u5e0f\u5e37\u5d34\u5d6c\u7325\u732c\u95f1\u6ca9\u6d27\u6da0\u9036\u5a13\u73ae\u97ea\u8ece\u709c\u7168\u71a8\u75ff\u8249\u9c94',
			
 
				+  wen: '\u761f\u6e29\u868a\u6587\u95fb\u7eb9\u543b\u7a33\u7d0a\u95ee\u520e\u6120\u960c\u6c76\u74ba\u97eb\u6b81\u96ef',
			
 
				+  weng: '\u55e1\u7fc1\u74ee\u84ca\u8579',
			
 
				+  wo: '\u631d\u8717\u6da1\u7a9d\u6211\u65a1\u5367\u63e1\u6c83\u83b4\u5e44\u6e25\u674c\u809f\u9f8c',
			
 
				+  wu: '\u5deb\u545c\u94a8\u4e4c\u6c61\u8bec\u5c4b\u65e0\u829c\u68a7\u543e\u5434\u6bcb\u6b66\u4e94\u6342\u5348\u821e\u4f0d\u4fae\u575e\u620a\u96fe\u6664\u7269\u52ff\u52a1\u609f\u8bef\u5140\u4ef5\u9622\u90ac\u572c\u82b4\u5e91\u6003\u5fe4\u6d6f\u5be4\u8fd5\u59a9\u9a9b\u727e\u7110\u9e49\u9e5c\u8708\u92c8\u9f2f',
			
 
				+  xi: '\u6614\u7199\u6790\u897f\u7852\u77fd\u6670\u563b\u5438\u9521\u727a\u7a00\u606f\u5e0c\u6089\u819d\u5915\u60dc\u7184\u70ef\u6eaa\u6c50\u7280\u6a84\u88ad\u5e2d\u4e60\u5ab3\u559c\u94e3\u6d17\u7cfb\u9699\u620f\u7ec6\u50d6\u516e\u96b0\u90d7\u831c\u8478\u84f0\u595a\u550f\u5f99\u9969\u960b\u6d60\u6dc5\u5c63\u5b09\u73ba\u6a28\u66e6\u89cb\u6b37\u71b9\u798a\u79a7\u94b8\u7699\u7a78\u8725\u87cb\u823e\u7fb2\u7c9e\u7fd5\u91af\u9f37',
			
 
				+  xia: '\u778e\u867e\u5323\u971e\u8f96\u6687\u5ce1\u4fa0\u72ed\u4e0b\u53a6\u590f\u5413\u6380\u846d\u55c4\u72ce\u9050\u7455\u7856\u7615\u7f45\u9ee0',
			
 
				+  xian: '\u9528\u5148\u4ed9\u9c9c\u7ea4\u54b8\u8d24\u8854\u8237\u95f2\u6d8e\u5f26\u5acc\u663e\u9669\u73b0\u732e\u53bf\u817a\u9985\u7fa1\u5baa\u9677\u9650\u7ebf\u51bc\u85d3\u5c98\u7303\u66b9\u5a34\u6c19\u7946\u9e47\u75eb\u86ac\u7b45\u7c7c\u9170\u8df9',
			
 
				+  xiang:
			
 
				+    '\u76f8\u53a2\u9576\u9999\u7bb1\u8944\u6e58\u4e61\u7fd4\u7965\u8be6\u60f3\u54cd\u4eab\u9879\u5df7\u6a61\u50cf\u5411\u8c61\u8297\u8459\u9977\u5ea0\u9aa7\u7f03\u87d3\u9c9e\u98e8',
			
 
				+  xiao: '\u8427\u785d\u9704\u524a\u54ee\u56a3\u9500\u6d88\u5bb5\u6dc6\u6653\u5c0f\u5b5d\u6821\u8096\u5578\u7b11\u6548\u54d3\u54bb\u5d24\u6f47\u900d\u9a81\u7ee1\u67ad\u67b5\u7b71\u7bab\u9b48',
			
 
				+  xie: '\u6954\u4e9b\u6b47\u874e\u978b\u534f\u631f\u643a\u90aa\u659c\u80c1\u8c10\u5199\u68b0\u5378\u87f9\u61c8\u6cc4\u6cfb\u8c22\u5c51\u5055\u4eb5\u52f0\u71ee\u85a4\u64b7\u5ee8\u7023\u9082\u7ec1\u7f2c\u69ad\u698d\u6b59\u8e9e',
			
 
				+  xin: '\u85aa\u82af\u950c\u6b23\u8f9b\u65b0\u5ffb\u5fc3\u4fe1\u8845\u56df\u99a8\u8398\u6b46\u94fd\u946b',
			
 
				+  xing: '\u661f\u8165\u7329\u60fa\u5174\u5211\u578b\u5f62\u90a2\u884c\u9192\u5e78\u674f\u6027\u59d3\u9649\u8347\u8365\u64e4\u60bb\u784e',
			
 
				+  xiong: '\u5144\u51f6\u80f8\u5308\u6c79\u96c4\u718a\u828e',
			
 
				+  xiu: '\u4f11\u4fee\u7f9e\u673d\u55c5\u9508\u79c0\u8896\u7ee3\u83a0\u5cab\u9990\u5ea5\u9e3a\u8c85\u9af9',
			
 
				+  xu: '\u589f\u620c\u9700\u865a\u5618\u987b\u5f90\u8bb8\u84c4\u9157\u53d9\u65ed\u5e8f\u755c\u6064\u7d6e\u5a7f\u7eea\u7eed\u8bb4\u8be9\u5729\u84ff\u6035\u6d2b\u6e86\u987c\u6829\u7166\u7809\u76f1\u80e5\u7cc8\u9191',
			
 
				+  xuan: '\u8f69\u55a7\u5ba3\u60ac\u65cb\u7384\u9009\u7663\u7729\u7eda\u5107\u8c16\u8431\u63ce\u9994\u6ceb\u6d35\u6e32\u6f29\u7487\u6966\u6684\u70ab\u714a\u78b9\u94c9\u955f\u75c3',
			
 
				+  xue: '\u9774\u859b\u5b66\u7a74\u96ea\u8840\u5671\u6cf6\u9cd5',
			
 
				+  xun: '\u52cb\u718f\u5faa\u65ec\u8be2\u5bfb\u9a6f\u5de1\u6b89\u6c5b\u8bad\u8baf\u900a\u8fc5\u5dfd\u57d9\u8340\u85b0\u5ccb\u5f87\u6d54\u66db\u7aa8\u91ba\u9c9f',
			
 
				+  ya: '\u538b\u62bc\u9e26\u9e2d\u5440\u4e2b\u82bd\u7259\u869c\u5d16\u8859\u6daf\u96c5\u54d1\u4e9a\u8bb6\u4f22\u63e0\u5416\u5c88\u8fd3\u5a05\u740a\u6860\u6c29\u7811\u775a\u75d6',
			
 
				+  yan: '\u7109\u54bd\u9609\u70df\u6df9\u76d0\u4e25\u7814\u8712\u5ca9\u5ef6\u8a00\u989c\u960e\u708e\u6cbf\u5944\u63a9\u773c\u884d\u6f14\u8273\u5830\u71d5\u538c\u781a\u96c1\u5501\u5f66\u7130\u5bb4\u8c1a\u9a8c\u53a3\u9765\u8d5d\u4fe8\u5043\u5156\u8ba0\u8c33\u90fe\u9122\u82ab\u83f8\u5d26\u6079\u95eb\u960f\u6d07\u6e6e\u6edf\u598d\u5ae3\u7430\u664f\u80ed\u814c\u7131\u7f68\u7b75\u917d\u9b47\u990d\u9f39',
			
 
				+  yang: '\u6b83\u592e\u9e2f\u79e7\u6768\u626c\u4f6f\u75a1\u7f8a\u6d0b\u9633\u6c27\u4ef0\u75d2\u517b\u6837\u6f3e\u5f89\u600f\u6cf1\u7080\u70ca\u6059\u86d8\u9785',
			
 
				+  yao: '\u9080\u8170\u5996\u7476\u6447\u5c27\u9065\u7a91\u8c23\u59da\u54ac\u8200\u836f\u8981\u8000\u592d\u723b\u5406\u5d3e\u5fad\u7039\u5e7a\u73e7\u6773\u66dc\u80b4\u9e5e\u7a88\u7e47\u9cd0',
			
 
				+  ye: '\u6930\u564e\u8036\u7237\u91ce\u51b6\u4e5f\u9875\u6396\u4e1a\u53f6\u66f3\u814b\u591c\u6db2\u8c12\u90ba\u63f6\u9980\u6654\u70e8\u94d8',
			
 
				+  yi: '\u4e00\u58f9\u533b\u63d6\u94f1\u4f9d\u4f0a\u8863\u9890\u5937\u9057\u79fb\u4eea\u80f0\u7591\u6c82\u5b9c\u59e8\u5f5d\u6905\u8681\u501a\u5df2\u4e59\u77e3\u4ee5\u827a\u6291\u6613\u9091\u5c79\u4ebf\u5f79\u81c6\u9038\u8084\u75ab\u4ea6\u88d4\u610f\u6bc5\u5fc6\u4e49\u76ca\u6ea2\u8be3\u8bae\u8c0a\u8bd1\u5f02\u7ffc\u7fcc\u7ece\u5208\u5293\u4f7e\u8bd2\u572a\u572f\u57f8\u61ff\u82e1\u858f\u5f08\u5955\u6339\u5f0b\u5453\u54a6\u54bf\u566b\u5cc4\u5db7\u7317\u9974\u603f\u6021\u6092\u6f2a\u8fe4\u9a7f\u7f22\u6baa\u8d3b\u65d6\u71a0\u9487\u9552\u9571\u75cd\u7617\u7654\u7fca\u8864\u8734\u8223\u7fbf\u7ff3\u914f\u9edf',
			
 
				+  yin: '\u8335\u836b\u56e0\u6bb7\u97f3\u9634\u59fb\u541f\u94f6\u6deb\u5bc5\u996e\u5c39\u5f15\u9690\u5370\u80e4\u911e\u5819\u831a\u5591\u72fa\u5924\u6c24\u94df\u763e\u8693\u972a\u9f88',
			
 
				+  ying: '\u82f1\u6a31\u5a74\u9e70\u5e94\u7f28\u83b9\u8424\u8425\u8367\u8747\u8fce\u8d62\u76c8\u5f71\u9896\u786c\u6620\u5b34\u90e2\u8314\u83ba\u8426\u6484\u5624\u81ba\u6ee2\u6f46\u701b\u745b\u748e\u6979\u9e66\u763f\u988d\u7f42',
			
 
				+  yo: '\u54df\u5537',
			
 
				+  yong: '\u62e5\u4f63\u81c3\u75c8\u5eb8\u96cd\u8e0a\u86f9\u548f\u6cf3\u6d8c\u6c38\u607f\u52c7\u7528\u4fd1\u58c5\u5889\u6175\u9095\u955b\u752c\u9cd9\u9954',
			
 
				+  you: '\u5e7d\u4f18\u60a0\u5fe7\u5c24\u7531\u90ae\u94c0\u72b9\u6cb9\u6e38\u9149\u6709\u53cb\u53f3\u4f51\u91c9\u8bf1\u53c8\u5e7c\u5363\u6538\u4f91\u83b8\u5466\u56ff\u5ba5\u67da\u7337\u7256\u94d5\u75a3\u8763\u9c7f\u9edd\u9f2c',
			
 
				+  yu: '\u8fc2\u6de4\u4e8e\u76c2\u6986\u865e\u611a\u8206\u4f59\u4fde\u903e\u9c7c\u6109\u6e1d\u6e14\u9685\u4e88\u5a31\u96e8\u4e0e\u5c7f\u79b9\u5b87\u8bed\u7fbd\u7389\u57df\u828b\u90c1\u5401\u9047\u55bb\u5cea\u5fa1\u6108\u6b32\u72f1\u80b2\u8a89\u6d74\u5bd3\u88d5\u9884\u8c6b\u9a6d\u79ba\u6bd3\u4f1b\u4fe3\u8c00\u8c15\u8438\u84e3\u63c4\u5581\u5704\u5709\u5d5b\u72f3\u996b\u5ebe\u9608\u59aa\u59a4\u7ea1\u745c\u6631\u89ce\u8174\u6b24\u65bc\u715c\u71e0\u807f\u94b0\u9e46\u7610\u7600\u7ab3\u8753\u7afd\u8201\u96e9\u9f89',
			
 
				+  yuan: '\u9e33\u6e0a\u51a4\u5143\u57a3\u8881\u539f\u63f4\u8f95\u56ed\u5458\u5706\u733f\u6e90\u7f18\u8fdc\u82d1\u613f\u6028\u9662\u586c\u6c85\u5a9b\u7457\u6a7c\u7230\u7722\u9e22\u8788\u9f0b',
			
 
				+  yue: '\u66f0\u7ea6\u8d8a\u8dc3\u94a5\u5cb3\u7ca4\u6708\u60a6\u9605\u9fa0\u6a3e\u5216\u94ba',
			
 
				+  yun: '\u8018\u4e91\u90e7\u5300\u9668\u5141\u8fd0\u8574\u915d\u6655\u97f5\u5b55\u90d3\u82b8\u72c1\u607d\u7ead\u6b92\u6600\u6c32',
			
 
				+  za: '\u531d\u7838\u6742\u62f6\u5482',
			
 
				+  zai: '\u683d\u54c9\u707e\u5bb0\u8f7d\u518d\u5728\u54b1\u5d3d\u753e',
			
 
				+  zan: '\u6512\u6682\u8d5e\u74d2\u661d\u7c2a\u7ccc\u8db1\u933e',
			
 
				+  zang: '\u8d43\u810f\u846c\u5958\u6215\u81e7',
			
 
				+  zao: '\u906d\u7cdf\u51ff\u85fb\u67a3\u65e9\u6fa1\u86a4\u8e81\u566a\u9020\u7682\u7076\u71e5\u5523\u7f2b',
			
 
				+  ze: '\u8d23\u62e9\u5219\u6cfd\u4ec4\u8d5c\u5567\u8fee\u6603\u7b2e\u7ba6\u8234',
			
 
				+  zei: '\u8d3c',
			
 
				+  zen: '\u600e\u8c2e',
			
 
				+  zeng: '\u589e\u618e\u66fe\u8d60\u7f2f\u7511\u7f7e\u9503',
			
 
				+  zha: '\u624e\u55b3\u6e23\u672d\u8f67\u94e1\u95f8\u7728\u6805\u69a8\u548b\u4e4d\u70b8\u8bc8\u63f8\u5412\u54a4\u54f3\u600d\u781f\u75c4\u86b1\u9f44',
			
 
				+  zhai: '\u6458\u658b\u5b85\u7a84\u503a\u5be8\u7826',
			
 
				+  zhan: '\u77bb\u6be1\u8a79\u7c98\u6cbe\u76cf\u65a9\u8f97\u5d2d\u5c55\u8638\u6808\u5360\u6218\u7ad9\u6e5b\u7efd\u8c35\u640c\u65c3',
			
 
				+  zhang:
			
 
				+    '\u6a1f\u7ae0\u5f70\u6f33\u5f20\u638c\u6da8\u6756\u4e08\u5e10\u8d26\u4ed7\u80c0\u7634\u969c\u4ec9\u9123\u5e5b\u5d82\u7350\u5adc\u748b\u87d1',
			
 
				+  zhao: '\u62db\u662d\u627e\u6cbc\u8d75\u7167\u7f69\u5146\u8087\u53ec\u722a\u8bcf\u68f9\u948a\u7b0a',
			
 
				+  zhe: '\u906e\u6298\u54f2\u86f0\u8f99\u8005\u9517\u8517\u8fd9\u6d59\u8c2a\u966c\u67d8\u8f84\u78d4\u9e67\u891a\u8707\u8d6d',
			
 
				+  zhen: '\u73cd\u659f\u771f\u7504\u7827\u81fb\u8d1e\u9488\u4fa6\u6795\u75b9\u8bca\u9707\u632f\u9547\u9635\u7f1c\u6862\u699b\u8f78\u8d48\u80d7\u6715\u796f\u755b\u9e29',
			
 
				+  zheng:
			
 
				+    '\u84b8\u6323\u7741\u5f81\u72f0\u4e89\u6014\u6574\u62ef\u6b63\u653f\u5e27\u75c7\u90d1\u8bc1\u8be4\u5ce5\u94b2\u94ee\u7b5d',
			
 
				+  zhi: '\u829d\u679d\u652f\u5431\u8718\u77e5\u80a2\u8102\u6c41\u4e4b\u7ec7\u804c\u76f4\u690d\u6b96\u6267\u503c\u4f84\u5740\u6307\u6b62\u8dbe\u53ea\u65e8\u7eb8\u5fd7\u631a\u63b7\u81f3\u81f4\u7f6e\u5e1c\u5cd9\u5236\u667a\u79e9\u7a1a\u8d28\u7099\u75d4\u6ede\u6cbb\u7a92\u536e\u965f\u90c5\u57f4\u82b7\u646d\u5e19\u5fee\u5f58\u54ab\u9a98\u6809\u67b3\u6800\u684e\u8f75\u8f7e\u6534\u8d3d\u81a3\u7949\u7957\u9ef9\u96c9\u9e37\u75e3\u86ed\u7d77\u916f\u8dd6\u8e2c\u8e2f\u8c78\u89ef',
			
 
				+  zhong:
			
 
				+    '\u4e2d\u76c5\u5fe0\u949f\u8877\u7ec8\u79cd\u80bf\u91cd\u4ef2\u4f17\u51a2\u953a\u87bd\u8202\u822f\u8e35',
			
 
				+  zhou: '\u821f\u5468\u5dde\u6d32\u8bcc\u7ca5\u8f74\u8098\u5e1a\u5492\u76b1\u5b99\u663c\u9aa4\u5544\u7740\u501c\u8bf9\u836e\u9b3b\u7ea3\u80c4\u78a1\u7c40\u8233\u914e\u9cb7',
			
 
				+  zhu: '\u73e0\u682a\u86db\u6731\u732a\u8bf8\u8bdb\u9010\u7af9\u70db\u716e\u62c4\u77a9\u5631\u4e3b\u8457\u67f1\u52a9\u86c0\u8d2e\u94f8\u7b51\u4f4f\u6ce8\u795d\u9a7b\u4f2b\u4f8f\u90be\u82ce\u8331\u6d19\u6e1a\u6f74\u9a7a\u677c\u69e0\u6a65\u70b7\u94e2\u75b0\u7603\u86b0\u7afa\u7bb8\u7fe5\u8e85\u9e88',
			
 
				+  zhua: '\u6293',
			
 
				+  zhuai: '\u62fd',
			
 
				+  zhuan: '\u4e13\u7816\u8f6c\u64b0\u8d5a\u7bc6\u629f\u556d\u989b',
			
 
				+  zhuang: '\u6869\u5e84\u88c5\u5986\u649e\u58ee\u72b6\u4e2c',
			
 
				+  zhui: '\u690e\u9525\u8ffd\u8d58\u5760\u7f00\u8411\u9a93\u7f12',
			
 
				+  zhun: '\u8c06\u51c6',
			
 
				+  zhuo: '\u6349\u62d9\u5353\u684c\u7422\u8301\u914c\u707c\u6d4a\u502c\u8bfc\u5ef4\u855e\u64e2\u555c\u6d5e\u6dbf\u6753\u712f\u799a\u65ab',
			
 
				+  zi: '\u5179\u54a8\u8d44\u59ff\u6ecb\u6dc4\u5b5c\u7d2b\u4ed4\u7c7d\u6ed3\u5b50\u81ea\u6e0d\u5b57\u8c18\u5d6b\u59ca\u5b73\u7f01\u6893\u8f8e\u8d40\u6063\u7726\u9531\u79ed\u8014\u7b2b\u7ca2\u89dc\u8a3e\u9cbb\u9aed',
			
 
				+  zong: '\u9b03\u68d5\u8e2a\u5b97\u7efc\u603b\u7eb5\u8159\u7cbd',
			
 
				+  zou: '\u90b9\u8d70\u594f\u63cd\u9139\u9cb0',
			
 
				+  zu: '\u79df\u8db3\u5352\u65cf\u7956\u8bc5\u963b\u7ec4\u4fce\u83f9\u5550\u5f82\u9a75\u8e74',
			
 
				+  zuan: '\u94bb\u7e82\u6525\u7f35',
			
 
				+  zui: '\u5634\u9189\u6700\u7f6a',
			
 
				+  zun: '\u5c0a\u9075\u6499\u6a3d\u9cdf',
			
 
				+  zuo: '\u6628\u5de6\u4f50\u67de\u505a\u4f5c\u5750\u5ea7\u961d\u963c\u80d9\u795a\u9162',
			
 
				+  cou: '\u85ae\u6971\u8f8f\u8160',
			
 
				+  nang: '\u652e\u54dd\u56d4\u9995\u66e9',
			
 
				+  o: '\u5594',
			
 
				+  dia: '\u55f2',
			
 
				+  chuai: '\u562c\u81aa\u8e39',
			
 
				+  cen: '\u5c91\u6d94',
			
 
				+  diu: '\u94e5',
			
 
				+  nou: '\u8028',
			
 
				+  fou: '\u7f36',
			
 
				+  bia: '\u9adf'
			
 
				+};
			
 
				+
			
 
				+function arraySearch(chinese: string): string | false {
			
 
				+  for (const name in Pinyin) {
			
 
				+    if (Pinyin[name].indexOf(chinese) != -1) {
			
 
				+      return name.toUpperCase();
			
 
				+    }
			
 
				+  }
			
 
				+  return false;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 中文转拼音大写
			
 
				+ */
			
 
				+export function chineseToPinyin(chinese: string): string {
			
 
				+  const len = chinese.length;
			
 
				+  let pinyin = '';
			
 
				+  const reg = new RegExp('[a-zA-Z0-9- ]');
			
 
				+  for (let i = 0; i < len; i++) {
			
 
				+    const val = chinese.substr(i, 1);
			
 
				+    const name = arraySearch(val);
			
 
				+    if (reg.test(val)) {
			
 
				+      pinyin += val;
			
 
				+    } else if (name) {
			
 
				+      pinyin += name;
			
 
				+    }
			
 
				+  }
			
 
				+  pinyin = pinyin.replace(/ /g, '-');
			
 
				+  while (pinyin.indexOf('--') > 0) {
			
 
				+    pinyin = pinyin.replace('--', '-');
			
 
				+  }
			
 
				+  return pinyin;
			
 
				+}
			
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -0,0 +1,62 @@
 
				+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
			
 
				+import { getToken } from "@/utils/storage";
			
 
				+import { showToast } from "vant";
			
 
				+
			
 
				+interface CustomAxiosInstance extends AxiosInstance {
			
 
				+  <T>(config: AxiosRequestConfig): Promise<{
			
 
				+    status: number;
			
 
				+    msg: string;
			
 
				+    data: T;
			
 
				+    headers: any;
			
 
				+  }>;
			
 
				+}
			
 
				+
			
 
				+const service: CustomAxiosInstance = axios.create({
			
 
				+  baseURL: "/zd-api",
			
 
				+  timeout: 5000,
			
 
				+});
			
 
				+
			
 
				+/**
			
 
				+ * 请求拦截
			
 
				+ */
			
 
				+service.interceptors.request.use(
			
 
				+  (config) => {
			
 
				+    // 统一的请求头设置
			
 
				+    config.headers["token"] = getToken();
			
 
				+    config.headers["Content-Type"] = "application/json;charset=utf-8";
			
 
				+
			
 
				+    return config;
			
 
				+  },
			
 
				+  (error) => {
			
 
				+    // 请求错误统一处理
			
 
				+    console.log(error, "service.interceptors.request.error");
			
 
				+
			
 
				+    showToast(error || "Error");
			
 
				+
			
 
				+    return Promise.reject(error);
			
 
				+  },
			
 
				+);
			
 
				+
			
 
				+/**
			
 
				+ *  响应拦截
			
 
				+ */
			
 
				+service.interceptors.response.use(
			
 
				+  async (response) => {
			
 
				+    const { status, msg } = response.data;
			
 
				+
			
 
				+    if (status !== 200) {
			
 
				+      showToast(msg || "Error");
			
 
				+    }
			
 
				+
			
 
				+    return { ...response.data };
			
 
				+  },
			
 
				+  (error: { msg: string }) => {
			
 
				+    console.log("service.interceptors.response.error" + error);
			
 
				+
			
 
				+    showToast(error?.msg || "Error");
			
 
				+
			
 
				+    return Promise.reject(error);
			
 
				+  },
			
 
				+);
			
 
				+
			
 
				+export default service;
			
--- a/src/utils/storage.ts
+++ b/src/utils/storage.ts
@@ -0,0 +1,9 @@
 
				+import { TOKEN } from "@/utils/constants";
			
 
				+
			
 
				+export function getToken() {
			
 
				+  return sessionStorage.getItem(TOKEN);
			
 
				+}
			
 
				+
			
 
				+export function setToken(token: string) {
			
 
				+  return sessionStorage.setItem(TOKEN, token);
			
 
				+}
			
--- a/src/utils/uuid.ts
+++ b/src/utils/uuid.ts
@@ -0,0 +1,28 @@
 
				+const hexList: string[] = [];
			
 
				+for (let i = 0; i <= 15; i++) {
			
 
				+  hexList[i] = i.toString(16);
			
 
				+}
			
 
				+
			
 
				+export function buildUUID(): string {
			
 
				+  let uuid = '';
			
 
				+  for (let i = 1; i <= 36; i++) {
			
 
				+    if (i === 9 || i === 14 || i === 19 || i === 24) {
			
 
				+      uuid += '-';
			
 
				+    } else if (i === 15) {
			
 
				+      uuid += 4;
			
 
				+    } else if (i === 20) {
			
 
				+      uuid += hexList[(Math.random() * 4) | 8];
			
 
				+    } else {
			
 
				+      uuid += hexList[(Math.random() * 16) | 0];
			
 
				+    }
			
 
				+  }
			
 
				+  return uuid.replace(/-/g, '');
			
 
				+}
			
 
				+
			
 
				+let unique = 0;
			
 
				+export function buildShortUUID(prefix = ''): string {
			
 
				+  const time = Date.now();
			
 
				+  const random = Math.floor(Math.random() * 1000000000);
			
 
				+  unique++;
			
 
				+  return prefix + '_' + random + unique + String(time);
			
 
				+}
			
--- a/src/views/customize/ComplexReportList.vue
+++ b/src/views/customize/ComplexReportList.vue
@@ -0,0 +1,343 @@
 
				+<script setup lang="ts">
			
 
				+import { getAppToken, getImageUrl, returnAppPage } from "@/utils";
			
 
				+import AddReport from "@/views/customize/components/AddReport.vue";
			
 
				+import { ref, onMounted } from "vue";
			
 
				+import { useRoute, useRouter } from "vue-router";
			
 
				+import { useCustomizeStore } from "@/store";
			
 
				+import { storeToRefs } from "pinia";
			
 
				+import { IBabies } from "@/types/customize";
			
 
				+
			
 
				+const router = useRouter();
			
 
				+
			
 
				+const {
			
 
				+  c: classId,
			
 
				+  l: classLevelCode,
			
 
				+  g: gameType,
			
 
				+  r: recordType,
			
 
				+  s: semesterType,
			
 
				+  o: isMyRoute,
			
 
				+} = useRoute().query;
			
 
				+const customizeStore = useCustomizeStore();
			
 
				+
			
 
				+const { recordData, babyList } = storeToRefs(customizeStore);
			
 
				+const { getSemesterBabies } = customizeStore;
			
 
				+
			
 
				+const show = ref<boolean>(false);
			
 
				+const temporaryBabyId = ref<string>("");
			
 
				+
			
 
				+function goAdd() {
			
 
				+  show.value = false;
			
 
				+  console.log("goAdd");
			
 
				+  router.push({
			
 
				+    path: "/customize/GrowthRecord",
			
 
				+    query: {
			
 
				+      b: temporaryBabyId.value,
			
 
				+      c: classId,
			
 
				+      l: classLevelCode,
			
 
				+      g: gameType,
			
 
				+      s: semesterType,
			
 
				+      o: 1,
			
 
				+    },
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+function goDetail(item: IBabies) {
			
 
				+  temporaryBabyId.value = item.babyId;
			
 
				+
			
 
				+  if (item.totalRecord === 0) {
			
 
				+    show.value = true;
			
 
				+  } else {
			
 
				+    router.push({
			
 
				+      path: "/customize/SemesterReport",
			
 
				+      query: {
			
 
				+        b: temporaryBabyId.value,
			
 
				+        c: classId,
			
 
				+        l: classLevelCode,
			
 
				+        // g: gameType,
			
 
				+        s: semesterType,
			
 
				+        // r: 1,
			
 
				+        o: 1,
			
 
				+      },
			
 
				+    });
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function formatTeacherNames(names: string[]) {
			
 
				+  console.log("names", names);
			
 
				+  let str = "";
			
 
				+  names.map((name, nameIndex) => {
			
 
				+    if (nameIndex !== 0) {
			
 
				+      str += "、";
			
 
				+    }
			
 
				+    str += `${name}`;
			
 
				+  });
			
 
				+  return str;
			
 
				+}
			
 
				+
			
 
				+function back() {
			
 
				+  isMyRoute === "1" ? router.go(-1) : returnAppPage();
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  await getAppToken();
			
 
				+  if (
			
 
				+    typeof classId === "string" &&
			
 
				+    typeof classLevelCode === "string" &&
			
 
				+    typeof gameType === "string" &&
			
 
				+    typeof recordType === "string" &&
			
 
				+    typeof semesterType === "string"
			
 
				+  )
			
 
				+    await getSemesterBabies({
			
 
				+      classId,
			
 
				+      classLevelCode,
			
 
				+      gameType,
			
 
				+      recordType,
			
 
				+      semesterType,
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+/**
			
 
				+ * c: classId
			
 
				+ * l: classLevelCode
			
 
				+ * g: gameType
			
 
				+ * r: recordType
			
 
				+ * s: semesterType
			
 
				+ *
			
 
				+ * http://192.168.1.17:8989/#/customize/ComplexReportList?c=1304705777133330433&l=2&g=2&r=1&s=0
			
 
				+ */
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="back" @click="back">
			
 
				+    <img :src="getImageUrl('back_button')" alt="" class="back-img" />
			
 
				+  </div>
			
 
				+  <div
			
 
				+    class="report-list rl"
			
 
				+    :style="{
			
 
				+      backgroundImage: `url(${getImageUrl('complex_list_bgi_bottom')})`,
			
 
				+    }"
			
 
				+  >
			
 
				+    <img :src="getImageUrl('complex_list_bgi_top')" alt="" class="rl-bgi" />
			
 
				+    <div
			
 
				+      class="rl-info"
			
 
				+      :style="{ backgroundImage: `url(${getImageUrl('complex_info')})` }"
			
 
				+    >
			
 
				+      <div class="rl-info-item">
			
 
				+        <div class="label">评估对象</div>
			
 
				+        <div class="value">
			
 
				+          {{ recordData.className }}{{ recordData.totalBaby }}名幼儿
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="rl-info-item">
			
 
				+        <div class="label">评估时段</div>
			
 
				+        <div class="value">
			
 
				+          {{ recordData.startDate }}-{{ recordData.endDate }}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="rl-info-item" v-if="recordData.teacherNames.length !== 0">
			
 
				+        <div class="label">参与评估老师</div>
			
 
				+        <div class="value">
			
 
				+          {{ formatTeacherNames(recordData.teacherNames) }}
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="rl-content">
			
 
				+      <img
			
 
				+        :src="getImageUrl('complex_list_title')"
			
 
				+        alt=""
			
 
				+        class="rl-content-title"
			
 
				+      />
			
 
				+      <div class="rl-content-list">
			
 
				+        <div
			
 
				+          v-for="item in babyList"
			
 
				+          :key="item.babyId"
			
 
				+          class="item flex-center"
			
 
				+          @click="goDetail(item)"
			
 
				+        >
			
 
				+          <div
			
 
				+            class="item-avatar"
			
 
				+            :style="{ backgroundImage: `url(${item.babyHeadImg})` }"
			
 
				+          >
			
 
				+            <img
			
 
				+              v-if="item.totalRecord !== 0"
			
 
				+              :src="getImageUrl('check_mark')"
			
 
				+              alt=""
			
 
				+              class="item-avatar-logo"
			
 
				+            />
			
 
				+          </div>
			
 
				+          <div :class="['item-name', item.totalRecord === 0 && 'grey']">
			
 
				+            {{ item.babyName }}
			
 
				+          </div>
			
 
				+          <div class="item-num">{{ item.totalRecord }}条</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <AddReport :show="show" @close="show = false" @goAdd="goAdd" />
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.back {
			
 
				+  position: fixed;
			
 
				+  top: 44px;
			
 
				+  left: 0;
			
 
				+  z-index: 3;
			
 
				+  padding: 15px 12px;
			
 
				+
			
 
				+  &-img {
			
 
				+    width: 13px;
			
 
				+    height: 20px;
			
 
				+    object-fit: contain;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rl {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  position: relative;
			
 
				+  z-index: 1;
			
 
				+  padding-top: 88px;
			
 
				+  width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background-repeat: repeat-y;
			
 
				+  background-size: 100%;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  &-bgi {
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    z-index: 1;
			
 
				+    width: 100vw;
			
 
				+    height: 255px;
			
 
				+  }
			
 
				+
			
 
				+  > div {
			
 
				+    position: relative;
			
 
				+    z-index: 2;
			
 
				+  }
			
 
				+
			
 
				+  &-info {
			
 
				+    padding-top: 59px;
			
 
				+    padding-left: 40px;
			
 
				+    width: 100%;
			
 
				+    height: 227px;
			
 
				+    background-size: 100% 100%;
			
 
				+
			
 
				+    &-item {
			
 
				+      display: flex;
			
 
				+
			
 
				+      .label {
			
 
				+        width: 82px;
			
 
				+        height: 24px;
			
 
				+        font-size: 12px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Regular,
			
 
				+          PingFang SC,
			
 
				+          serif;
			
 
				+        font-weight: 400;
			
 
				+        color: #f4f8ff;
			
 
				+        line-height: 24px;
			
 
				+        opacity: 0.5;
			
 
				+      }
			
 
				+
			
 
				+      .value {
			
 
				+        width: 195px;
			
 
				+        font-size: 14px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Medium,
			
 
				+          PingFang SC,
			
 
				+          serif;
			
 
				+        font-weight: 500;
			
 
				+        color: #ffffff;
			
 
				+        line-height: 24px;
			
 
				+        @include multi-hide(2);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-item + &-item {
			
 
				+      margin-top: 5px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-content {
			
 
				+    flex: 1;
			
 
				+    margin: 5px auto 0;
			
 
				+    padding: 20px 0 0 16px;
			
 
				+    width: 343px;
			
 
				+    background-color: #f4faff;
			
 
				+    border-radius: 10px 10px 0 0;
			
 
				+
			
 
				+    &-title {
			
 
				+      width: 130px;
			
 
				+      height: 30px;
			
 
				+    }
			
 
				+
			
 
				+    &-list {
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+      margin-top: 20px;
			
 
				+
			
 
				+      .item {
			
 
				+        margin-right: 24px;
			
 
				+        margin-bottom: 20px;
			
 
				+        flex-direction: column;
			
 
				+
			
 
				+        &-avatar {
			
 
				+          position: relative;
			
 
				+          width: 60px;
			
 
				+          height: 60px;
			
 
				+          background-size: cover;
			
 
				+          border-radius: 20px;
			
 
				+          overflow: hidden;
			
 
				+
			
 
				+          &-logo {
			
 
				+            position: absolute;
			
 
				+            bottom: 0;
			
 
				+            right: 0;
			
 
				+            width: 19px;
			
 
				+            height: 19px;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        &-name {
			
 
				+          margin-top: 4px;
			
 
				+          margin-bottom: 4px;
			
 
				+          width: 60px;
			
 
				+          height: 18px;
			
 
				+          font-size: 14px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Medium,
			
 
				+            PingFang SC,
			
 
				+            serif;
			
 
				+          font-weight: 500;
			
 
				+          color: #333333;
			
 
				+          line-height: 18px;
			
 
				+          text-align: center;
			
 
				+          @include single-hide();
			
 
				+        }
			
 
				+
			
 
				+        .grey {
			
 
				+          color: #999999;
			
 
				+        }
			
 
				+
			
 
				+        &-num {
			
 
				+          height: 18px;
			
 
				+          font-size: 12px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC,
			
 
				+            serif;
			
 
				+          font-weight: 400;
			
 
				+          color: #999999;
			
 
				+          line-height: 18px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .item:nth-child(4n) {
			
 
				+        margin-right: 0;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/GrowthRecord.vue
+++ b/src/views/customize/GrowthRecord.vue
@@ -0,0 +1,777 @@
 
				+<script setup lang="ts">
			
 
				+import {
			
 
				+  returnAppPage,
			
 
				+  getAppToken,
			
 
				+  getImageUrl,
			
 
				+  imagePreview,
			
 
				+  limitLength,
			
 
				+} from "@/utils";
			
 
				+import { onMounted, onUnmounted, ref } from "vue";
			
 
				+import { showToast } from "vant";
			
 
				+import AddReport from "@/views/customize/components/AddReport.vue";
			
 
				+import ConfirmJoin from "@/views/customize/components/ConfirmJoin.vue";
			
 
				+import { useRoute, useRouter } from "vue-router";
			
 
				+import { useCustomizeStore } from "@/store";
			
 
				+import { storeToRefs } from "pinia";
			
 
				+import { formatClassLevelCode, formatSemesterType } from "@/utils/filter";
			
 
				+import { IBabyRecord } from "@/types/customize";
			
 
				+
			
 
				+interface IType {
			
 
				+  id: number;
			
 
				+  name: string;
			
 
				+  isHas: boolean;
			
 
				+}
			
 
				+
			
 
				+const TYPE_LIST: IType[] = [
			
 
				+  { id: 1, name: "behavior_class", isHas: true },
			
 
				+  { id: 2, name: "question_class", isHas: false },
			
 
				+];
			
 
				+const router = useRouter();
			
 
				+const {
			
 
				+  b: babyId,
			
 
				+  c: classId,
			
 
				+  l: classLevelCode,
			
 
				+  g: gameType,
			
 
				+  s: semesterType,
			
 
				+  o: isMyRoute,
			
 
				+} = useRoute().query;
			
 
				+
			
 
				+const customizeStore = useCustomizeStore();
			
 
				+
			
 
				+const { babyRecordList, babyDetail, domainList, babyRecordTotal } =
			
 
				+  storeToRefs(customizeStore);
			
 
				+const { getBabyRecord, getBabyDetail, getDomainList, joinSemesterReport } =
			
 
				+  customizeStore;
			
 
				+
			
 
				+const page = ref<number>(1);
			
 
				+const pageSize = ref<number>(20);
			
 
				+const currentId = ref<string>("");
			
 
				+
			
 
				+const currentType = ref(1);
			
 
				+const show = ref(false);
			
 
				+const showConfirm = ref(false);
			
 
				+const temporaryId = ref<string>("");
			
 
				+const temporaryState = ref<0 | 1>(0);
			
 
				+
			
 
				+function isHas(content: string[]) {
			
 
				+  return Array.isArray(content) && content.length > 0;
			
 
				+}
			
 
				+
			
 
				+function switchType(type: IType) {
			
 
				+  if (type.isHas) currentType.value = type.id;
			
 
				+  else showToast("问题记录暂未开通 \n" + "敬请期待");
			
 
				+}
			
 
				+
			
 
				+async function confirm() {
			
 
				+  console.log("confirm");
			
 
				+  await joinSemesterReport(temporaryId.value, temporaryState.value);
			
 
				+  showConfirm.value = false;
			
 
				+}
			
 
				+
			
 
				+function sliceAbility(item: IBabyRecord) {
			
 
				+  if (item.isExpand) {
			
 
				+    return item.abilityList;
			
 
				+  } else {
			
 
				+    return item.abilityList.slice(0, 3);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function lookReport() {
			
 
				+  if (
			
 
				+    babyRecordList.value.findIndex((item) => item.joinSemester === 1) !== -1
			
 
				+  ) {
			
 
				+    router.push({
			
 
				+      path: "/customize/SemesterReport",
			
 
				+      query: {
			
 
				+        b: babyId,
			
 
				+        c: classId,
			
 
				+        l: classLevelCode,
			
 
				+        // g: gameType,
			
 
				+        s: semesterType,
			
 
				+        // r: 1,
			
 
				+        o: 1,
			
 
				+      },
			
 
				+    });
			
 
				+  } else {
			
 
				+    show.value = true;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function openConfirm(id: string, state: 0 | 1) {
			
 
				+  temporaryId.value = id;
			
 
				+  temporaryState.value = state;
			
 
				+  showConfirm.value = true;
			
 
				+}
			
 
				+
			
 
				+async function switchClass(id: string) {
			
 
				+  babyRecordList.value = [];
			
 
				+  currentId.value = id;
			
 
				+  page.value = 1;
			
 
				+  await getMore();
			
 
				+}
			
 
				+
			
 
				+async function getMore() {
			
 
				+  if (
			
 
				+    typeof babyId === "string" &&
			
 
				+    typeof classId === "string" &&
			
 
				+    typeof classLevelCode === "string" &&
			
 
				+    typeof semesterType === "string" &&
			
 
				+    typeof gameType === "string"
			
 
				+  ) {
			
 
				+    await getBabyRecord({
			
 
				+      babyId,
			
 
				+      classId,
			
 
				+      classLevelCode,
			
 
				+      gameType,
			
 
				+      semesterType,
			
 
				+      page: page.value,
			
 
				+      pageSize: pageSize.value,
			
 
				+      domainId: currentId.value,
			
 
				+    });
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function scrollBottom() {
			
 
				+  let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
			
 
				+  let clientHeight = document.documentElement.clientHeight;
			
 
				+  let scrollHeight = document.documentElement.scrollHeight;
			
 
				+  if (scrollTop + clientHeight + 10 >= scrollHeight) {
			
 
				+    console.log("滚动到底部了");
			
 
				+
			
 
				+    if (babyRecordTotal.value <= babyRecordList.value.length) {
			
 
				+      showToast("没有更多了");
			
 
				+    } else {
			
 
				+      getMore();
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function goSingle(item: IBabyRecord) {
			
 
				+  router.push({
			
 
				+    path: "/customize/SingleReport",
			
 
				+    query: {
			
 
				+      b: babyId,
			
 
				+      i: item.id,
			
 
				+      o: 1,
			
 
				+    },
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+function back() {
			
 
				+  isMyRoute === "1" ? router.go(-1) : returnAppPage();
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  babyRecordList.value = [];
			
 
				+
			
 
				+  // await getTestTeachToken();
			
 
				+
			
 
				+  await getAppToken();
			
 
				+
			
 
				+  if (
			
 
				+    typeof babyId === "string" &&
			
 
				+    typeof classId === "string" &&
			
 
				+    typeof classLevelCode === "string" &&
			
 
				+    typeof semesterType === "string" &&
			
 
				+    typeof gameType === "string"
			
 
				+  ) {
			
 
				+    await getBabyDetail(babyId);
			
 
				+    await getDomainList();
			
 
				+    await getBabyRecord({
			
 
				+      babyId,
			
 
				+      classId,
			
 
				+      classLevelCode,
			
 
				+      gameType,
			
 
				+      semesterType,
			
 
				+      page: page.value,
			
 
				+      pageSize: pageSize.value,
			
 
				+      domainId: currentId.value,
			
 
				+    });
			
 
				+  }
			
 
				+
			
 
				+  window.addEventListener("scroll", scrollBottom);
			
 
				+});
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  window.removeEventListener("scroll", scrollBottom);
			
 
				+});
			
 
				+
			
 
				+/**
			
 
				+ * b: babyId,
			
 
				+ * c: classId,
			
 
				+ * l: classLevelCode,
			
 
				+ * g: gameType,
			
 
				+ * s: semesterType,
			
 
				+ *
			
 
				+ * http://192.168.1.17:8989/#/customize/GrowthRecord?c=1304705777133330433&l=0&g=2&r=1&s=0&b=1304672468777553921
			
 
				+ */
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="back" @click="back">
			
 
				+    <img :src="getImageUrl('back_solid')" alt="" class="back-img" />
			
 
				+  </div>
			
 
				+  <div class="growth-record gr">
			
 
				+    <div
			
 
				+      class="gr-info"
			
 
				+      :style="{
			
 
				+        backgroundImage: `url(${getImageUrl('complex_list_bgi_top')})`,
			
 
				+      }"
			
 
				+    >
			
 
				+      <div class="gr-info-title">{{ babyDetail.babyName }}成长记录</div>
			
 
				+      <img :src="babyDetail.headImg" alt="" class="gr-info-ava" />
			
 
				+      <div
			
 
				+        class="gr-info-name"
			
 
				+        :style="{ backgroundImage: `url(${getImageUrl('detail_name')})` }"
			
 
				+      >
			
 
				+        {{ limitLength(babyDetail.babyName) }}
			
 
				+      </div>
			
 
				+      <div class="gr-info-level">
			
 
				+        {{ formatClassLevelCode(classLevelCode)
			
 
				+        }}{{ formatSemesterType(semesterType) }}
			
 
				+      </div>
			
 
				+      <div class="gr-info-class">
			
 
				+        <img
			
 
				+          v-for="type in TYPE_LIST"
			
 
				+          :key="type.id"
			
 
				+          :src="getImageUrl(type.name)"
			
 
				+          alt=""
			
 
				+          :class="[currentType === type.id && 'selected-type']"
			
 
				+          @click="switchType(type)"
			
 
				+        />
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!--<img :src="getImageUrl('class_logo')" alt="" class="gr-logo" />-->
			
 
				+    <div
			
 
				+      class="gr-logo"
			
 
				+      :style="{ backgroundImage: `url(${getImageUrl('class_logo')})` }"
			
 
				+    ></div>
			
 
				+
			
 
				+    <div class="gr-class">
			
 
				+      <div
			
 
				+        :class="['gr-class-item', currentId === '' && 'selected']"
			
 
				+        @click="switchClass('')"
			
 
				+      >
			
 
				+        全部
			
 
				+      </div>
			
 
				+      <div
			
 
				+        v-for="item in domainList"
			
 
				+        :key="item.id"
			
 
				+        :class="['gr-class-item', item.id === currentId && 'selected']"
			
 
				+        @click="switchClass(item.id)"
			
 
				+      >
			
 
				+        {{ item.domainAbilityName }}
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div
			
 
				+      v-for="item in babyRecordList"
			
 
				+      :key="item.id"
			
 
				+      class="gr-item"
			
 
				+      @click="goSingle(item)"
			
 
				+    >
			
 
				+      <div class="gr-item-time">
			
 
				+        <img :src="getImageUrl('time_logo')" alt="" />
			
 
				+        <div>{{ item.recordDate }}</div>
			
 
				+      </div>
			
 
				+      <div class="gr-item-detail">
			
 
				+        <div class="info">
			
 
				+          <div class="info-left">
			
 
				+            <img :src="item.teacherHeadImg" alt="" />
			
 
				+            <div>{{ item.teacherName }}老师</div>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-if="item.joinSemester"
			
 
				+            class="info-right flex-center joined"
			
 
				+            @click.stop="openConfirm(item.id, 0)"
			
 
				+          >
			
 
				+            <img :src="getImageUrl('joined_report')" alt="" />
			
 
				+            <div>已加入报告</div>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-else
			
 
				+            class="info-right flex-center"
			
 
				+            @click.stop="joinSemesterReport(item.id, 1)"
			
 
				+          >
			
 
				+            <img :src="getImageUrl('add_report')" alt="" />
			
 
				+            <div>加入报告</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <div
			
 
				+          v-for="(ability, abilityIndex) in sliceAbility(item)"
			
 
				+          :key="abilityIndex"
			
 
				+          class="dialogue"
			
 
				+        >
			
 
				+          <img :src="ability.abilityIconUrl" alt="" class="dialogue-ava" />
			
 
				+          <div class="dialogue-desc">
			
 
				+            <div class="dialogue-desc-title">
			
 
				+              {{ ability.domainName }}-{{ ability.abilityName }}
			
 
				+            </div>
			
 
				+            <div class="dialogue-desc-text">
			
 
				+              {{ ability.behave }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <img
			
 
				+          v-if="!item.isExpand"
			
 
				+          :src="getImageUrl('dialogue_all')"
			
 
				+          alt=""
			
 
				+          class="all"
			
 
				+          @click.stop="item.isExpand = true"
			
 
				+        />
			
 
				+
			
 
				+        <div
			
 
				+          v-if="isHas(item.story.images)"
			
 
				+          :class="['images', item.isExpand && 'mt40']"
			
 
				+        >
			
 
				+          <div
			
 
				+            v-for="(img, imgIndex) in item.story.images.slice(0, 3)"
			
 
				+            :key="imgIndex"
			
 
				+            :style="{
			
 
				+              backgroundImage: `url(${img})`,
			
 
				+            }"
			
 
				+            @click.stop="imagePreview(item.story.images, imgIndex)"
			
 
				+          >
			
 
				+            <div
			
 
				+              v-if="imgIndex === 2 && item.story.images.length > 3"
			
 
				+              class="flex-center"
			
 
				+            >
			
 
				+              +{{ item.story.images.length - 3 }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <video
			
 
				+          v-else-if="isHas(item.story.videos)"
			
 
				+          :src="item.story.videos[0]"
			
 
				+          controls
			
 
				+          :poster="item.story.videos[0] + '?vframe/jpg/offset/1'"
			
 
				+          class="video"
			
 
				+          @click.stop
			
 
				+        ></video>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="gr-look flex-center" @click="lookReport">
			
 
				+      <div class="gr-look-text">查看综合报告</div>
			
 
				+      <img :src="getImageUrl('back_solid')" alt="" class="gr-look-logo" />
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <AddReport :show="show" :is-know="true" @close="show = false" />
			
 
				+
			
 
				+  <ConfirmJoin
			
 
				+    :show="showConfirm"
			
 
				+    @close="showConfirm = false"
			
 
				+    @confirm="confirm"
			
 
				+  />
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.back {
			
 
				+  position: fixed;
			
 
				+  top: 44px;
			
 
				+  left: 0;
			
 
				+  z-index: 3;
			
 
				+  padding: 8px 19px;
			
 
				+
			
 
				+  &-img {
			
 
				+    width: 28px;
			
 
				+    height: 28px;
			
 
				+    object-fit: contain;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.gr {
			
 
				+  position: relative;
			
 
				+  z-index: 2;
			
 
				+  width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background: #f5f8ff;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  &-info {
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    padding-top: 59px;
			
 
				+    padding-bottom: 40px;
			
 
				+    //height: 263px;
			
 
				+    background-size: 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-color: rgb(203, 224, 255);
			
 
				+
			
 
				+    &-title {
			
 
				+      height: 16px;
			
 
				+      font-size: 18px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Semibold,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #161616;
			
 
				+      line-height: 16px;
			
 
				+    }
			
 
				+
			
 
				+    &-ava {
			
 
				+      margin-top: 16px;
			
 
				+      width: 60px;
			
 
				+      height: 60px;
			
 
				+      border-radius: 50%;
			
 
				+      border: 4px solid rgba(255, 255, 255, 0.3);
			
 
				+      object-fit: cover;
			
 
				+    }
			
 
				+
			
 
				+    &-name {
			
 
				+      position: relative;
			
 
				+      z-index: 3;
			
 
				+      margin-top: -11px;
			
 
				+      width: 101px;
			
 
				+      height: 30px;
			
 
				+      line-height: 26px;
			
 
				+      background-size: auto 100%;
			
 
				+      background-repeat: no-repeat;
			
 
				+      background-position: center center;
			
 
				+      text-align: center;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC,
			
 
				+        serif;
			
 
				+      font-weight: 600;
			
 
				+      color: #ffffff;
			
 
				+      @include single-hide();
			
 
				+    }
			
 
				+
			
 
				+    &-level {
			
 
				+      margin-top: 8px;
			
 
				+      padding: 7px 10px;
			
 
				+      font-size: 12px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Semibold,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #191563;
			
 
				+      background: rgba(255, 255, 255, 0.35);
			
 
				+      border-radius: 20px 20px 20px 20px;
			
 
				+    }
			
 
				+
			
 
				+    &-class {
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      margin-top: 26px;
			
 
				+
			
 
				+      img {
			
 
				+        width: 100px;
			
 
				+        height: 38px;
			
 
				+      }
			
 
				+
			
 
				+      img + img {
			
 
				+        margin-left: 10px;
			
 
				+      }
			
 
				+
			
 
				+      .selected-type {
			
 
				+        position: relative;
			
 
				+        top: -8px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-logo {
			
 
				+    position: absolute;
			
 
				+    top: 207px;
			
 
				+    right: 0;
			
 
				+    z-index: 2;
			
 
				+    width: 58px;
			
 
				+    height: 72px;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: 0 0;
			
 
				+    background-size: auto 100%;
			
 
				+  }
			
 
				+
			
 
				+  &-class {
			
 
				+    display: flex;
			
 
				+    position: relative;
			
 
				+    padding-left: 16px;
			
 
				+    padding-top: 28px;
			
 
				+    margin-top: -48px;
			
 
				+    height: 84px;
			
 
				+    background: #f5f8ff;
			
 
				+    border-radius: 20px;
			
 
				+    overflow-x: auto;
			
 
				+    /* Firefox */
			
 
				+    scrollbar-width: none;
			
 
				+    /* IE 10+, edge */
			
 
				+    -ms-overflow-style: none;
			
 
				+    /* Chrome Safari */
			
 
				+    &::-webkit-scrollbar {
			
 
				+      display: none;
			
 
				+    }
			
 
				+
			
 
				+    &-item {
			
 
				+      margin-right: 20px;
			
 
				+      height: 20px;
			
 
				+      line-height: 20px;
			
 
				+      font-size: 16px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 400;
			
 
				+      color: #7f889a;
			
 
				+      white-space: nowrap;
			
 
				+    }
			
 
				+
			
 
				+    .selected {
			
 
				+      position: relative;
			
 
				+      top: -2px;
			
 
				+      color: #1228b9;
			
 
				+      font-weight: 600;
			
 
				+
			
 
				+      &::after {
			
 
				+        content: "";
			
 
				+        position: absolute;
			
 
				+        bottom: -5px;
			
 
				+        left: 50%;
			
 
				+        transform: translateX(-50%);
			
 
				+        width: calc(100% - 12px);
			
 
				+        height: 4px;
			
 
				+        background: #1228b9;
			
 
				+        border-radius: 4px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-item {
			
 
				+    margin: 0 auto 37px;
			
 
				+    width: 343px;
			
 
				+
			
 
				+    &-time {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+
			
 
				+      img {
			
 
				+        margin-right: 3px;
			
 
				+        width: 16px;
			
 
				+        height: 16px;
			
 
				+      }
			
 
				+
			
 
				+      div {
			
 
				+        height: 12px;
			
 
				+        font-size: 14px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Regular,
			
 
				+          PingFang SC;
			
 
				+        font-weight: 400;
			
 
				+        color: #293957;
			
 
				+        line-height: 12px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-detail {
			
 
				+      padding-bottom: 16px;
			
 
				+      margin-top: 15px;
			
 
				+      width: 343px;
			
 
				+      background: #ffffff;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      overflow: hidden;
			
 
				+
			
 
				+      .info {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        margin: 16px 0 0 13px;
			
 
				+        width: 315px;
			
 
				+
			
 
				+        &-left {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+
			
 
				+          img {
			
 
				+            //margin-left: 16px;
			
 
				+            margin-right: 6px;
			
 
				+            width: 20px;
			
 
				+            height: 20px;
			
 
				+            border-radius: 50%;
			
 
				+            object-fit: cover;
			
 
				+          }
			
 
				+
			
 
				+          div {
			
 
				+            height: 14px;
			
 
				+            font-size: 14px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Regular,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 400;
			
 
				+            color: #333333;
			
 
				+            line-height: 14px;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        &-right {
			
 
				+          //margin-right: 10px;
			
 
				+          padding: 9px 10px;
			
 
				+          background: #eef3fd;
			
 
				+          border-radius: 20px;
			
 
				+
			
 
				+          img {
			
 
				+            margin-right: 4px;
			
 
				+            width: 12px;
			
 
				+            height: 12px;
			
 
				+          }
			
 
				+
			
 
				+          div {
			
 
				+            font-size: 12px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Medium,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 500;
			
 
				+            color: #5f87f0;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .joined {
			
 
				+          background: rgba(197, 242, 225, 0.2);
			
 
				+
			
 
				+          div {
			
 
				+            color: #84d1b4;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .dialogue {
			
 
				+        margin-left: 13px;
			
 
				+        margin-top: 10px;
			
 
				+
			
 
				+        &-ava {
			
 
				+          position: relative;
			
 
				+          z-index: 2;
			
 
				+          width: 42px;
			
 
				+          height: 42px;
			
 
				+          object-fit: cover;
			
 
				+          border-radius: 50%;
			
 
				+          border: 3px solid #fff;
			
 
				+          background-color: #fff;
			
 
				+        }
			
 
				+
			
 
				+        &-desc {
			
 
				+          padding-top: 12px;
			
 
				+          padding-left: 32px;
			
 
				+          padding-bottom: 12px;
			
 
				+          position: relative;
			
 
				+          z-index: 1;
			
 
				+          margin-top: -21px;
			
 
				+          margin-left: 21px;
			
 
				+          width: 294px;
			
 
				+          background: #eef3fd;
			
 
				+          border-radius: 10px 10px 10px 10px;
			
 
				+
			
 
				+          &-title {
			
 
				+            width: 255px;
			
 
				+            height: 20px;
			
 
				+            font-size: 16px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Medium,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 600;
			
 
				+            color: #333333;
			
 
				+            line-height: 20px;
			
 
				+            @include single-hide();
			
 
				+          }
			
 
				+
			
 
				+          &-text {
			
 
				+            margin-top: 6px;
			
 
				+            width: 255px;
			
 
				+            height: 42px;
			
 
				+            font-size: 14px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Regular,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 400;
			
 
				+            color: #7ba2ca;
			
 
				+            @include multi-hide(2);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .all {
			
 
				+        margin: 10px auto 0;
			
 
				+        width: 62px;
			
 
				+        height: 16px;
			
 
				+      }
			
 
				+
			
 
				+      .images {
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        flex-wrap: wrap;
			
 
				+        margin-left: 8px;
			
 
				+        margin-top: 14px;
			
 
				+
			
 
				+        > div {
			
 
				+          margin-left: 8px;
			
 
				+          width: 98px;
			
 
				+          height: 98px;
			
 
				+          border-radius: 8px 8px 8px 8px;
			
 
				+          background-repeat: no-repeat;
			
 
				+          background-size: cover;
			
 
				+          background-position: center center;
			
 
				+          overflow: hidden;
			
 
				+
			
 
				+          > div {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            background-color: rgba(0, 0, 0, 0.5);
			
 
				+            font-size: 24px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Semibold,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 600;
			
 
				+            color: #ffffff;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .mt40 {
			
 
				+        margin-top: 20px;
			
 
				+      }
			
 
				+
			
 
				+      .video {
			
 
				+        margin: 14px auto 0;
			
 
				+        width: 311px;
			
 
				+        border-radius: 15px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-look {
			
 
				+    position: fixed;
			
 
				+    right: 0;
			
 
				+    bottom: 126px;
			
 
				+    z-index: 20;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    width: 128px;
			
 
				+    height: 40px;
			
 
				+    background: #1228b9;
			
 
				+    border-radius: 40px 0px 0px 40px;
			
 
				+
			
 
				+    &-text {
			
 
				+      margin-right: 2px;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 400;
			
 
				+      color: #ffffff;
			
 
				+    }
			
 
				+
			
 
				+    &-logo {
			
 
				+      width: 16px;
			
 
				+      height: 16px;
			
 
				+      transform: rotate(180deg);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/SemesterReport.vue
+++ b/src/views/customize/SemesterReport.vue
@@ -0,0 +1,756 @@
 
				+<script setup lang="ts">
			
 
				+import { getImageUrl, imagePreview, limitLength, returnAppPage } from "@/utils";
			
 
				+import { useRoute, useRouter } from "vue-router";
			
 
				+import { useCustomizeStore } from "@/store";
			
 
				+import { storeToRefs } from "pinia";
			
 
				+import { onMounted, onUnmounted, ref, watch } from "vue";
			
 
				+import { formatClassLevelCode, formatSemesterType } from "@/utils/filter";
			
 
				+import ShareModal from "@/views/customize/components/ShareModal.vue";
			
 
				+
			
 
				+const {
			
 
				+  b: babyId,
			
 
				+  c: classId,
			
 
				+  l: classLevelCode,
			
 
				+  // g: gameType,
			
 
				+  s: semesterType,
			
 
				+  // r: recordType,
			
 
				+  p: isParent,
			
 
				+  o: isMyRoute,
			
 
				+} = useRoute().query;
			
 
				+const router = useRouter();
			
 
				+const customizeStore = useCustomizeStore();
			
 
				+
			
 
				+const { semesterReport } = storeToRefs(customizeStore);
			
 
				+const { getSemesterRecord, sendSemesterRecord } = customizeStore;
			
 
				+
			
 
				+const isShow = ref(false);
			
 
				+const shareShow = ref(false);
			
 
				+
			
 
				+watch(isShow, (val) => {
			
 
				+  if (val) {
			
 
				+    setTimeout(() => {
			
 
				+      document.addEventListener("click", handleClick);
			
 
				+    }, 10);
			
 
				+  } else {
			
 
				+    document.removeEventListener("click", handleClick);
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+function getFieldLogo(title: string) {
			
 
				+  const arr = ["通用", "科学", "艺术", "语言", "社会"];
			
 
				+  let index = arr.findIndex((item) => title.includes(item));
			
 
				+  index = index === -1 ? 0 : index;
			
 
				+  return getImageUrl(`field_logo_0${index}`);
			
 
				+}
			
 
				+
			
 
				+function isHas(content: string[]) {
			
 
				+  return Array.isArray(content) && content.length > 0;
			
 
				+}
			
 
				+
			
 
				+function formatFamily(name: string) {
			
 
				+  let arr = name.split("\n");
			
 
				+  return arr[arr.length - 1] === "" ? arr.slice(0, arr.length - 1) : arr;
			
 
				+}
			
 
				+
			
 
				+function send() {
			
 
				+  if (semesterReport.value.sendReport) return;
			
 
				+  if (
			
 
				+    typeof babyId === "string" &&
			
 
				+    typeof classId === "string" &&
			
 
				+    typeof classLevelCode === "string" &&
			
 
				+    typeof semesterType === "string"
			
 
				+  )
			
 
				+    sendSemesterRecord({
			
 
				+      babyId,
			
 
				+      classId,
			
 
				+      classLevelCode,
			
 
				+      semesterType,
			
 
				+      recordType: "1",
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+function back() {
			
 
				+  isMyRoute === "1" ? router.go(-1) : returnAppPage();
			
 
				+}
			
 
				+
			
 
				+function handleClick() {
			
 
				+  console.log("handleClick");
			
 
				+  if (isShow.value) isShow.value = false;
			
 
				+}
			
 
				+
			
 
				+function share() {
			
 
				+  console.log("share");
			
 
				+  shareShow.value = true;
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  if (
			
 
				+    typeof babyId === "string" &&
			
 
				+    typeof classId === "string" &&
			
 
				+    typeof classLevelCode === "string" &&
			
 
				+    typeof semesterType === "string"
			
 
				+  )
			
 
				+    await getSemesterRecord({ babyId, classId, classLevelCode, semesterType });
			
 
				+
			
 
				+  // setTimeout(() => {
			
 
				+  //   // todo
			
 
				+  //   downloadPDF("screenshot");
			
 
				+  //   downloadScreenshotFn("screenshot");
			
 
				+  // }, 1000);
			
 
				+});
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  document.removeEventListener("click", handleClick);
			
 
				+});
			
 
				+
			
 
				+/**
			
 
				+ * b: babyId
			
 
				+ * c: classId
			
 
				+ * l: classLevelCode
			
 
				+ * s: semesterType
			
 
				+ * o: isMyRoute
			
 
				+ *
			
 
				+ * http://192.168.1.17:8989/#/customize/SemesterReport?b=1304672468777553921&c=1304705777133330433&l=0&s=0&o=1
			
 
				+ */
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="report-detail rd">
			
 
				+    <div class="rd-back" @click="back">
			
 
				+      <img :src="getImageUrl('back_solid')" alt="" class="rd-back-img" />
			
 
				+    </div>
			
 
				+    <div class="rd-more" @click="isShow = true">
			
 
				+      <img :src="getImageUrl('more')" alt="" class="rd-more-img" />
			
 
				+    </div>
			
 
				+    <!--<div v-if="!isParent" class="rd-send" @click="send">-->
			
 
				+    <!--  <div class="rd-send-btn flex-center">-->
			
 
				+    <!--    {{ semesterReport.sendReport ? "已发送" : "发送家长" }}-->
			
 
				+    <!--  </div>-->
			
 
				+    <!--</div>-->
			
 
				+    <div class="rd-bgc"></div>
			
 
				+    <div
			
 
				+      class="rd-info"
			
 
				+      :style="{ backgroundImage: `url(${getImageUrl('detail_info')})` }"
			
 
				+    >
			
 
				+      <img :src="semesterReport.babyHeadImg" alt="" class="rd-info-avatar" />
			
 
				+      <div
			
 
				+        class="rd-info-name"
			
 
				+        :style="{ backgroundImage: `url(${getImageUrl('detail_name')})` }"
			
 
				+      >
			
 
				+        {{ limitLength(semesterReport.babyName) }}
			
 
				+      </div>
			
 
				+      <div class="rd-info-garden">{{ semesterReport.schoolName }}</div>
			
 
				+      <div class="rd-info-class">
			
 
				+        {{ formatClassLevelCode(classLevelCode)
			
 
				+        }}{{ formatSemesterType(semesterType) }}
			
 
				+      </div>
			
 
				+      <div class="rd-info-time">
			
 
				+        <span>评估时段</span>
			
 
				+        <span>
			
 
				+          {{ semesterReport.startDate }}-{{ semesterReport.endDate }}
			
 
				+        </span>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="rd-field grid_bgi">
			
 
				+      <div
			
 
				+        class="rd-field-title"
			
 
				+        :style="{ backgroundImage: `url(${getImageUrl('field_title')})` }"
			
 
				+      >
			
 
				+        <p>{{ formatClassLevelCode(classLevelCode) }}幼儿分领域评估概括</p>
			
 
				+        <div></div>
			
 
				+      </div>
			
 
				+      <div
			
 
				+        v-for="(item, index) in semesterReport.domainAbilityNameList"
			
 
				+        :key="index"
			
 
				+        class="rd-field-item"
			
 
				+      >
			
 
				+        <img :src="getFieldLogo(item.domainName)" alt="" class="logo" />
			
 
				+        <div class="info">
			
 
				+          <div class="info-title">{{ item.domainName }}</div>
			
 
				+          <div class="info-desc">
			
 
				+            评估了
			
 
				+            <div
			
 
				+              v-for="(a, aIndex) in item.abilityNameList.slice(0, 3)"
			
 
				+              :key="aIndex"
			
 
				+            >
			
 
				+              <span>{{ a }}</span>
			
 
				+              <i
			
 
				+                v-if="
			
 
				+                  aIndex !== item.abilityNameList.length - 1 && aIndex !== 2
			
 
				+                "
			
 
				+              >
			
 
				+                、
			
 
				+              </i>
			
 
				+            </div>
			
 
				+            <span v-if="item.abilityNameList.length > 3">
			
 
				+              等{{ item.abilityNameList.length }}个能力
			
 
				+            </span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div
			
 
				+      v-for="(item, index) in semesterReport.domainDataList"
			
 
				+      :key="index"
			
 
				+      class="rd-part"
			
 
				+    >
			
 
				+      <div class="domain">{{ item.domainName }}</div>
			
 
				+      <div
			
 
				+        v-for="(ability, abilityIndex) in item.recordList"
			
 
				+        :key="abilityIndex"
			
 
				+        class="ability grid_bgi"
			
 
				+        :style="{
			
 
				+          borderRadius: `${
			
 
				+            item.recordList.length === 1
			
 
				+              ? '17px'
			
 
				+              : abilityIndex === item.recordList.length - 1
			
 
				+                ? '0 0 17px 17px'
			
 
				+                : abilityIndex === 0
			
 
				+                  ? '17px 17px 0 0'
			
 
				+                  : '0'
			
 
				+          }`,
			
 
				+          borderTop: `${abilityIndex === 0 ? '4px solid #b6dcff' : 'none'}`,
			
 
				+          borderBottom: `${
			
 
				+            abilityIndex === item.recordList.length - 1
			
 
				+              ? '4px solid #b6dcff'
			
 
				+              : 'none'
			
 
				+          }`,
			
 
				+          boxShadow: `${
			
 
				+            abilityIndex === 0 ? '0 1px 6px 0 rgba(42, 105, 253, 0.16)' : 'none'
			
 
				+          }`,
			
 
				+        }"
			
 
				+      >
			
 
				+        <img
			
 
				+          v-if="abilityIndex !== 0"
			
 
				+          :src="getImageUrl('ability_gap')"
			
 
				+          alt=""
			
 
				+          class="ability-gap"
			
 
				+        />
			
 
				+        <div class="ability-title flex-center">
			
 
				+          <img
			
 
				+            :src="ability.abilityIconUrl"
			
 
				+            alt=""
			
 
				+            class="ability-title-logo"
			
 
				+          />
			
 
				+          <div class="ability-title-text">{{ ability.abilityName }}</div>
			
 
				+        </div>
			
 
				+        <div class="container">
			
 
				+          <div class="ability-time">
			
 
				+            <img
			
 
				+              :src="getImageUrl('clock_logo')"
			
 
				+              alt=""
			
 
				+              class="ability-time-logo"
			
 
				+            />
			
 
				+            <div class="ability-time-text">
			
 
				+              记录时间：{{ ability.recordDate }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <img
			
 
				+            :src="getImageUrl('observation_records')"
			
 
				+            alt=""
			
 
				+            class="ability-name"
			
 
				+          />
			
 
				+          <div class="ability-content">
			
 
				+            <div
			
 
				+              v-if="isHas(ability.story.images)"
			
 
				+              class="ability-content-images"
			
 
				+            >
			
 
				+              <img
			
 
				+                v-for="(img, imgIndex) in ability.story.images"
			
 
				+                :key="imgIndex"
			
 
				+                :src="img"
			
 
				+                alt=""
			
 
				+                @click="imagePreview(ability.story.images, imgIndex)"
			
 
				+              />
			
 
				+            </div>
			
 
				+            <video
			
 
				+              v-if="isHas(ability.story.videos)"
			
 
				+              :src="ability.story.videos[0]"
			
 
				+              controls
			
 
				+              :poster="ability.story.videos[0] + '?vframe/jpg/offset/1'"
			
 
				+              class="ability-content-video"
			
 
				+            ></video>
			
 
				+            <div class="ability-content-text">
			
 
				+              {{ ability.story.content }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <img :src="getImageUrl('family_title')" alt="" class="ability-name" />
			
 
				+          <div class="ability-family">
			
 
				+            <div
			
 
				+              v-for="(f, fIndex) in formatFamily(ability.education)"
			
 
				+              :key="fIndex"
			
 
				+              class="ability-family-item"
			
 
				+            >
			
 
				+              {{ f }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <div v-if="isShow" class="rd-modal">
			
 
				+      <div class="rd-modal-item flex-center" @click="share">分享</div>
			
 
				+      <div
			
 
				+        v-if="!semesterReport.sendReport && !isParent"
			
 
				+        class="rd-modal-item flex-center"
			
 
				+        @click="send"
			
 
				+      >
			
 
				+        发送家长
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <ShareModal :show="shareShow" @close="shareShow = false" />
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.rd {
			
 
				+  position: relative;
			
 
				+  padding-top: 104px;
			
 
				+  padding-bottom: 46px;
			
 
				+  width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background-color: #a9cbff;
			
 
				+
			
 
				+  &-back {
			
 
				+    position: fixed !important;
			
 
				+    top: 44px;
			
 
				+    left: 0;
			
 
				+    z-index: 10 !important;
			
 
				+    padding: 8px 19px;
			
 
				+
			
 
				+    &-img {
			
 
				+      width: 28px;
			
 
				+      height: 28px;
			
 
				+      object-fit: contain;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-more {
			
 
				+    position: fixed !important;
			
 
				+    top: 44px;
			
 
				+    right: 0;
			
 
				+    z-index: 10 !important;
			
 
				+    padding: 12px 16px;
			
 
				+
			
 
				+    &-img {
			
 
				+      width: 20px;
			
 
				+      height: 20px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-send {
			
 
				+    position: fixed !important;
			
 
				+    top: 45px;
			
 
				+    right: 0;
			
 
				+    z-index: 10 !important;
			
 
				+    padding: 6px 19px;
			
 
				+
			
 
				+    &-btn {
			
 
				+      width: 78px;
			
 
				+      height: 34px;
			
 
				+      background: #e9f8ff;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2026);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Medium,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #233cd5;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  > div {
			
 
				+    position: relative;
			
 
				+    z-index: 2;
			
 
				+  }
			
 
				+
			
 
				+  &-bgc {
			
 
				+    position: absolute !important;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    z-index: 1 !important;
			
 
				+    width: 100%;
			
 
				+    height: 287px;
			
 
				+    background: #cbe0ff;
			
 
				+  }
			
 
				+
			
 
				+  &-info {
			
 
				+    //padding-top: 98px;
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+    height: 210px;
			
 
				+    background-size: contain;
			
 
				+
			
 
				+    &-avatar {
			
 
				+      position: relative;
			
 
				+      top: -51px;
			
 
				+      margin: 0 auto 0;
			
 
				+      width: 60px;
			
 
				+      height: 60px;
			
 
				+      border: 8px solid #ffe082;
			
 
				+      background-color: #fff;
			
 
				+      border-radius: 50%;
			
 
				+      box-sizing: content-box;
			
 
				+      object-fit: cover;
			
 
				+    }
			
 
				+
			
 
				+    &-name {
			
 
				+      position: relative;
			
 
				+      z-index: 2;
			
 
				+      margin: -62px auto 54px;
			
 
				+      width: 101px;
			
 
				+      height: 30px;
			
 
				+      line-height: 30px;
			
 
				+      background-size: auto 100%;
			
 
				+      background-repeat: no-repeat;
			
 
				+      background-position: center center;
			
 
				+      text-align: center;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC,
			
 
				+        serif;
			
 
				+      font-weight: 600;
			
 
				+      color: #ffffff;
			
 
				+      @include single-hide();
			
 
				+    }
			
 
				+
			
 
				+    &-garden,
			
 
				+    &-class {
			
 
				+      height: 20px;
			
 
				+      font-size: 12px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 400;
			
 
				+      color: #ffffff;
			
 
				+      line-height: 20px;
			
 
				+      text-align: center;
			
 
				+      white-space: nowrap;
			
 
				+    }
			
 
				+
			
 
				+    &-time {
			
 
				+      margin-top: 2px;
			
 
				+      text-align: center;
			
 
				+
			
 
				+      span {
			
 
				+        height: 24px;
			
 
				+        font-size: 12px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Regular,
			
 
				+          PingFang SC,
			
 
				+          serif;
			
 
				+        font-weight: 400;
			
 
				+        color: #ffffff;
			
 
				+        line-height: 24px;
			
 
				+      }
			
 
				+
			
 
				+      span:nth-child(2) {
			
 
				+        margin-left: 14px;
			
 
				+        margin-right: 40px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-field {
			
 
				+    padding: 24px 0 24px 16px;
			
 
				+    margin: 17px auto 0;
			
 
				+    width: 343px;
			
 
				+    box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+    border-radius: 17px 17px 17px 17px;
			
 
				+
			
 
				+    &-title {
			
 
				+      position: relative;
			
 
				+      padding-left: 35px;
			
 
				+      width: fit-content;
			
 
				+      height: 30px;
			
 
				+      background-size: auto 100%;
			
 
				+      background-position: left center;
			
 
				+      background-repeat: no-repeat;
			
 
				+      font-size: 16px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Medium,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #1a2c5e;
			
 
				+      line-height: 30px;
			
 
				+
			
 
				+      p {
			
 
				+        position: relative;
			
 
				+        z-index: 2;
			
 
				+        max-width: 280px;
			
 
				+        white-space: nowrap;
			
 
				+        @include single-hide();
			
 
				+      }
			
 
				+
			
 
				+      div {
			
 
				+        position: absolute;
			
 
				+        bottom: 8px;
			
 
				+        right: 0;
			
 
				+        z-index: 1;
			
 
				+        width: calc(100% - 35px);
			
 
				+        height: 5px;
			
 
				+        background-color: #b6dcff;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-item {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      margin-top: 20px;
			
 
				+
			
 
				+      .logo {
			
 
				+        position: relative;
			
 
				+        z-index: 2;
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        object-fit: cover;
			
 
				+      }
			
 
				+
			
 
				+      .info {
			
 
				+        margin-left: -16px;
			
 
				+        padding: 8px 0 8px 32px;
			
 
				+        width: 287px;
			
 
				+        background: #eaf5ff;
			
 
				+        box-shadow: 0 1px 0 0 #a9cbff;
			
 
				+        border-radius: 10px;
			
 
				+
			
 
				+        &-title {
			
 
				+          width: 250px;
			
 
				+          height: 16px;
			
 
				+          font-size: 14px;
			
 
				+          font-family: YouSheBiaoTiYuan-Regular, YouSheBiaoTiYuan;
			
 
				+          font-weight: 400;
			
 
				+          color: #2a69fd;
			
 
				+          line-height: 16px;
			
 
				+          @include single-hide();
			
 
				+        }
			
 
				+
			
 
				+        &-desc {
			
 
				+          margin-top: 4px;
			
 
				+          width: 239px;
			
 
				+          font-size: 12px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #666666;
			
 
				+          line-height: 16px;
			
 
				+
			
 
				+          > div {
			
 
				+            display: inline-block;
			
 
				+
			
 
				+            span {
			
 
				+              color: #2a69fd;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-part {
			
 
				+    .domain {
			
 
				+      margin: 23px auto 0;
			
 
				+      padding: 7px 28px;
			
 
				+      width: fit-content;
			
 
				+      background: #70a8ff;
			
 
				+      border-radius: 16px 16px 0 0;
			
 
				+      font-size: 18px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Semibold,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #ffffff;
			
 
				+    }
			
 
				+
			
 
				+    .ability {
			
 
				+      margin: 0 auto;
			
 
				+      width: 343px;
			
 
				+      border: 4px solid #b6dcff;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      box-sizing: border-box;
			
 
				+      overflow: hidden;
			
 
				+
			
 
				+      &-title {
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        &-logo {
			
 
				+          width: 40px;
			
 
				+          height: 40px;
			
 
				+          object-fit: cover;
			
 
				+        }
			
 
				+
			
 
				+        &-text {
			
 
				+          margin-left: 7px;
			
 
				+          height: 16px;
			
 
				+          font-size: 18px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Medium,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 600;
			
 
				+          color: #333333;
			
 
				+          line-height: 16px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .container {
			
 
				+        overflow: hidden;
			
 
				+      }
			
 
				+
			
 
				+      &-time {
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        margin: 20px auto 0;
			
 
				+        width: 311px;
			
 
				+
			
 
				+        &-logo {
			
 
				+          margin: 3px;
			
 
				+          width: 20px;
			
 
				+          height: 20px;
			
 
				+          object-fit: contain;
			
 
				+        }
			
 
				+
			
 
				+        &-text {
			
 
				+          height: 16px;
			
 
				+          font-size: 16px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #333333;
			
 
				+          line-height: 16px;
			
 
				+          white-space: nowrap;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      &-name {
			
 
				+        margin: 20px auto 0;
			
 
				+        width: 311px;
			
 
				+        height: 68px;
			
 
				+        object-fit: contain;
			
 
				+      }
			
 
				+
			
 
				+      &-content {
			
 
				+        padding: 16px 0 16px 8px;
			
 
				+        margin: 0 auto;
			
 
				+        width: 311px;
			
 
				+        background: #ecf9ff;
			
 
				+        border-radius: 0 0 9px 9px;
			
 
				+
			
 
				+        &-images {
			
 
				+          display: flex;
			
 
				+          flex-wrap: wrap;
			
 
				+
			
 
				+          img {
			
 
				+            margin-left: 8px;
			
 
				+            margin-bottom: 8px;
			
 
				+            width: 88px;
			
 
				+            height: 88px;
			
 
				+            object-fit: cover;
			
 
				+            border-radius: 9px;
			
 
				+          }
			
 
				+
			
 
				+          img:nth-last-child(-n + 3) {
			
 
				+            margin-bottom: 0;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        &-text {
			
 
				+          margin-left: 8px;
			
 
				+          width: 279px;
			
 
				+          font-size: 14px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #1a2c5e;
			
 
				+          line-height: 20px;
			
 
				+        }
			
 
				+
			
 
				+        &-video {
			
 
				+          display: block;
			
 
				+          margin-left: 8px;
			
 
				+          width: 279px;
			
 
				+          border-radius: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .ability-content-video + .ability-content-text {
			
 
				+          margin-top: 16px;
			
 
				+        }
			
 
				+
			
 
				+        .ability-content-images + .ability-content-text {
			
 
				+          margin-top: 16px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      &-family {
			
 
				+        margin: 0 auto 20px;
			
 
				+        padding: 16px 16px 16px 30px;
			
 
				+        width: 311px;
			
 
				+        background: #fff5f6;
			
 
				+        border-radius: 0 0 10px 10px;
			
 
				+
			
 
				+        &-item {
			
 
				+          position: relative;
			
 
				+          width: 265px;
			
 
				+          font-size: 14px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #1a2c5e;
			
 
				+          line-height: 20px;
			
 
				+
			
 
				+          &::before {
			
 
				+            content: "";
			
 
				+            position: absolute;
			
 
				+            left: -14px;
			
 
				+            top: 7px;
			
 
				+            width: 6px;
			
 
				+            height: 6px;
			
 
				+            background: #e42f37;
			
 
				+            border-radius: 50%;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .ability-family-item + .ability-family-item {
			
 
				+          margin-top: 10px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-modal {
			
 
				+    position: fixed !important;
			
 
				+    top: 80px;
			
 
				+    right: 10px;
			
 
				+    z-index: 20 !important;
			
 
				+    padding: 5px 0;
			
 
				+    width: 91px;
			
 
				+    background: #ffffff;
			
 
				+    box-shadow: 0 2px 15px 0 rgba(104, 136, 176, 0.2);
			
 
				+    border-radius: 4px 4px 4px 4px;
			
 
				+
			
 
				+    &-item {
			
 
				+      width: 91px;
			
 
				+      height: 30px;
			
 
				+      background: #ffffff;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 400;
			
 
				+      color: #333333;
			
 
				+    }
			
 
				+
			
 
				+    &-item + &-item {
			
 
				+      border-top: 1px solid rgba(182, 220, 255, 0.1);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/SingleReport.vue
+++ b/src/views/customize/SingleReport.vue
@@ -0,0 +1,492 @@
 
				+<script setup lang="ts">
			
 
				+import { getImageUrl, imagePreview } from "@/utils";
			
 
				+import { useCustomizeStore } from "@/store";
			
 
				+import { useRoute } from "vue-router";
			
 
				+import HeaderPart from "@/views/customize/components/HeaderPart.vue";
			
 
				+import { storeToRefs } from "pinia";
			
 
				+import { IAbility } from "@/types/customize.d";
			
 
				+import { computed, onMounted } from "vue";
			
 
				+
			
 
				+const { b: babyId, i: id, p: isParent, o: isMyRoute } = useRoute().query;
			
 
				+const customizeStore = useCustomizeStore();
			
 
				+
			
 
				+const { singleRecord } = storeToRefs(customizeStore);
			
 
				+const { getSingleRecord, sendSingleRecord } = customizeStore;
			
 
				+
			
 
				+const isImages = computed(() => {
			
 
				+  return singleRecord.value.story?.images.length !== 0;
			
 
				+});
			
 
				+const isVideo = computed(() => {
			
 
				+  return singleRecord.value.story?.videos.length !== 0;
			
 
				+});
			
 
				+const isContent = computed(() => {
			
 
				+  return (
			
 
				+    singleRecord.value.story?.content &&
			
 
				+    singleRecord.value.story?.content.length !== 0
			
 
				+  );
			
 
				+});
			
 
				+const isHas = computed(() => {
			
 
				+  return (
			
 
				+    singleRecord.value.story &&
			
 
				+    (isImages.value || isVideo.value || isContent.value)
			
 
				+  );
			
 
				+});
			
 
				+
			
 
				+function formatNames(names: string[]) {
			
 
				+  let str = "";
			
 
				+  names.map((name, nameIndex) => {
			
 
				+    if (nameIndex !== 0) {
			
 
				+      str += "、";
			
 
				+    }
			
 
				+    str += name;
			
 
				+  });
			
 
				+  return str;
			
 
				+}
			
 
				+
			
 
				+function send() {
			
 
				+  if (singleRecord.value.sendReport) return;
			
 
				+  if (typeof babyId === "string" && typeof id === "string")
			
 
				+    sendSingleRecord({
			
 
				+      babyId,
			
 
				+      id,
			
 
				+      recordType: "1",
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  if (typeof babyId === "string" && typeof id === "string")
			
 
				+    await getSingleRecord(babyId, id);
			
 
				+});
			
 
				+
			
 
				+/**
			
 
				+ * b: babyId
			
 
				+ * i: recordId
			
 
				+ *
			
 
				+ * http://192.168.1.17:8989/#/customize/SingleReport?b=1304672468777553921&i=1716737882201264130
			
 
				+ */
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="single-report">
			
 
				+    <HeaderPart :isParent="isParent" :isMyRoute="isMyRoute" @send="send" />
			
 
				+
			
 
				+    <div class="sr">
			
 
				+      <div class="sr-top">
			
 
				+        <img :src="getImageUrl('single_title')" alt="" class="sr-top-title" />
			
 
				+        <img :src="getImageUrl('single_logo')" alt="" class="sr-top-logo" />
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="sr-info grid_bgi">
			
 
				+        <div class="sr-info-line">
			
 
				+          <div class="label">
			
 
				+            <div class="label-triangle"></div>
			
 
				+            <div class="label-text">记录日期：</div>
			
 
				+          </div>
			
 
				+          <div class="value">{{ singleRecord.recordDate }}</div>
			
 
				+        </div>
			
 
				+        <div class="sr-info-line">
			
 
				+          <div class="label">
			
 
				+            <div class="label-triangle"></div>
			
 
				+            <div class="label-text">记录教师：</div>
			
 
				+          </div>
			
 
				+          <div class="value">{{ singleRecord.teacherName }}</div>
			
 
				+        </div>
			
 
				+        <div class="sr-info-line">
			
 
				+          <div class="label">
			
 
				+            <div class="label-triangle"></div>
			
 
				+            <div class="label-text">记录对象：</div>
			
 
				+          </div>
			
 
				+          <div class="value">{{ formatNames(singleRecord.babyNames) }}</div>
			
 
				+        </div>
			
 
				+        <div class="sr-info-line">
			
 
				+          <div class="label">
			
 
				+            <div class="label-triangle"></div>
			
 
				+            <div class="label-text">加入综合报告：</div>
			
 
				+          </div>
			
 
				+          <div class="value">
			
 
				+            {{ singleRecord.joinSemester === 1 ? "已加入" : "未加入" }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div v-if="isHas" class="sr-behavior">
			
 
				+        <img
			
 
				+          :src="getImageUrl('behavior_title')"
			
 
				+          alt=""
			
 
				+          class="sr-behavior-title"
			
 
				+        />
			
 
				+        <div class="sr-behavior-content">
			
 
				+          <div v-if="isImages" class="images">
			
 
				+            <img
			
 
				+              v-for="(item, index) in singleRecord.story?.images"
			
 
				+              :key="index"
			
 
				+              :src="item"
			
 
				+              alt=""
			
 
				+              class="images-img"
			
 
				+              @click="imagePreview(singleRecord.story?.images || [], index)"
			
 
				+            />
			
 
				+          </div>
			
 
				+          <video
			
 
				+            v-else-if="isVideo"
			
 
				+            :src="singleRecord.story?.videos[0]"
			
 
				+            controls
			
 
				+            :poster="singleRecord.story?.videos[0] + '?vframe/jpg/offset/1'"
			
 
				+            class="video"
			
 
				+          ></video>
			
 
				+          <div v-if="isContent" class="content">
			
 
				+            {{ singleRecord.story?.content }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div
			
 
				+        v-for="(item, index) in singleRecord.domainList"
			
 
				+        :key="index"
			
 
				+        class="sr-domain"
			
 
				+      >
			
 
				+        <div class="sr-domain-title">{{ item.domainName }}</div>
			
 
				+        <div
			
 
				+          v-for="(ability, abilityIndex) in item.abilityList as IAbility[]"
			
 
				+          :key="abilityIndex"
			
 
				+          class="sr-domain-ability"
			
 
				+          :style="{
			
 
				+            borderRadius: `${
			
 
				+              item.abilityList.length === 1
			
 
				+                ? '17px'
			
 
				+                : abilityIndex === 0
			
 
				+                  ? '17px 17px 0 0'
			
 
				+                  : abilityIndex === item.abilityList.length - 1
			
 
				+                    ? '0 0 17px 17px'
			
 
				+                    : '0'
			
 
				+            }`,
			
 
				+            borderTop: `${abilityIndex === 0 ? '4px solid #b6dcff' : 'none'}`,
			
 
				+            borderBottom: `${
			
 
				+              abilityIndex === item.abilityList.length - 1
			
 
				+                ? '4px solid #b6dcff'
			
 
				+                : 'none'
			
 
				+            }`,
			
 
				+            boxShadow: `${
			
 
				+              abilityIndex === 0
			
 
				+                ? '0 1px 6px 0 rgba(42, 105, 253, 0.16)'
			
 
				+                : 'none'
			
 
				+            }`,
			
 
				+          }"
			
 
				+        >
			
 
				+          <img
			
 
				+            v-if="abilityIndex !== 0"
			
 
				+            :src="getImageUrl('ability_gap')"
			
 
				+            alt=""
			
 
				+            class="gap"
			
 
				+          />
			
 
				+          <div class="title">能力名称：{{ ability.abilityName }}</div>
			
 
				+          <img :src="getImageUrl('desc_name_01')" alt="" class="name" />
			
 
				+          <div class="desc">
			
 
				+            {{ ability.description.growth }}
			
 
				+          </div>
			
 
				+          <img :src="getImageUrl('desc_name_02')" alt="" class="name" />
			
 
				+          <div class="desc green">
			
 
				+            {{ ability.descriptionExtra?.behave || ability.description.behave }}
			
 
				+          </div>
			
 
				+          <img :src="getImageUrl('family_title')" alt="" class="name" />
			
 
				+          <div class="strategy">
			
 
				+            <div class="strategy-title">一日活动</div>
			
 
				+            <div class="strategy-content">
			
 
				+              {{
			
 
				+                ability.descriptionExtra?.tactics || ability.description.tactics
			
 
				+              }}
			
 
				+            </div>
			
 
				+            <div class="strategy-title">家园共育</div>
			
 
				+            <div class="strategy-content">
			
 
				+              {{
			
 
				+                ability.descriptionExtra?.education ||
			
 
				+                ability.description.education
			
 
				+              }}
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.single-report {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  box-sizing: border-box;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  .sr {
			
 
				+    padding-bottom: 30px;
			
 
				+    width: 100vw;
			
 
				+    height: calc(100vh - 90px);
			
 
				+    overflow-y: auto;
			
 
				+
			
 
				+    &-top {
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+      position: relative;
			
 
				+      z-index: 2;
			
 
				+      margin: 0 auto;
			
 
				+      width: 343px;
			
 
				+      height: 107px;
			
 
				+
			
 
				+      &-title {
			
 
				+        margin-top: 24px;
			
 
				+        width: 200px;
			
 
				+        height: 54px;
			
 
				+        object-fit: contain;
			
 
				+      }
			
 
				+
			
 
				+      &-logo {
			
 
				+        margin-top: -1px;
			
 
				+        margin-right: -14px;
			
 
				+        width: 97px;
			
 
				+        height: 123px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-info {
			
 
				+      padding: 20px 12px;
			
 
				+      margin: 0 auto;
			
 
				+      width: 343px;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      border: 4px solid #b6dcff;
			
 
				+
			
 
				+      &-line {
			
 
				+        display: flex;
			
 
				+        //align-items: center;
			
 
				+
			
 
				+        .label {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          height: 20px;
			
 
				+
			
 
				+          &-triangle {
			
 
				+            //margin-top: 4px;
			
 
				+            margin-right: 8px;
			
 
				+            width: 0;
			
 
				+            height: 0;
			
 
				+            border-left: 8px solid #2a69fd;
			
 
				+            border-top: 5px solid transparent;
			
 
				+            border-bottom: 5px solid transparent;
			
 
				+            border-radius: 2px;
			
 
				+          }
			
 
				+
			
 
				+          &-text {
			
 
				+            line-height: 20px;
			
 
				+            height: 20px;
			
 
				+            color: #2a69fd;
			
 
				+            font-weight: 600;
			
 
				+            font-size: 14px;
			
 
				+            white-space: nowrap;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .value {
			
 
				+          flex: 1;
			
 
				+          color: #333;
			
 
				+          font-weight: 500;
			
 
				+          font-size: 14px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .sr-info-line + .sr-info-line {
			
 
				+        margin-top: 16px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-behavior {
			
 
				+      padding: 10px 13px 20px 11px;
			
 
				+      margin: 16px auto 0;
			
 
				+      width: 343px;
			
 
				+      background: #ffffff;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      border: 4px solid #b6dcff;
			
 
				+      box-sizing: border-box;
			
 
				+
			
 
				+      &-title {
			
 
				+        width: 311px;
			
 
				+        height: 68px;
			
 
				+      }
			
 
				+
			
 
				+      &-content {
			
 
				+        padding: 14px 0 16px 8px;
			
 
				+        width: 311px;
			
 
				+        background: #ecf9ff;
			
 
				+        border-radius: 9px 9px 9px 9px;
			
 
				+        overflow: hidden;
			
 
				+
			
 
				+        .images {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          flex-wrap: wrap;
			
 
				+
			
 
				+          &-img {
			
 
				+            margin-bottom: 8px;
			
 
				+            margin-left: 8px;
			
 
				+            width: 88px;
			
 
				+            height: 88px;
			
 
				+            object-fit: cover;
			
 
				+            border-radius: 9px 9px 9px 9px;
			
 
				+          }
			
 
				+
			
 
				+          &-img:nth-last-child(-n + 3) {
			
 
				+            margin-bottom: 0;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .video {
			
 
				+          display: block;
			
 
				+          margin-left: 8px;
			
 
				+          width: 279px;
			
 
				+          border-radius: 9px 9px 9px 9px;
			
 
				+        }
			
 
				+
			
 
				+        .content {
			
 
				+          margin-left: 8px;
			
 
				+          margin-right: 16px;
			
 
				+          font-size: 14px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #1a2c5e;
			
 
				+          line-height: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .images + .content,
			
 
				+        .video + .content {
			
 
				+          margin-top: 16px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-domain {
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      align-items: center;
			
 
				+      margin: 32px auto 0;
			
 
				+
			
 
				+      &-title {
			
 
				+        padding: 7px 28px 5px;
			
 
				+        background: #89c6ff;
			
 
				+        font-size: 18px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Semibold,
			
 
				+          PingFang SC;
			
 
				+        font-weight: 600;
			
 
				+        color: #ffffff;
			
 
				+        border-radius: 16px 16px 0 0;
			
 
				+      }
			
 
				+
			
 
				+      &-ability {
			
 
				+        display: flex;
			
 
				+        flex-direction: column;
			
 
				+        align-items: center;
			
 
				+        width: 343px;
			
 
				+        background: #ffffff;
			
 
				+        box-shadow: 0 1px 6px 0 rgba(42, 105, 253, 0.16);
			
 
				+        border: 4px solid #b6dcff;
			
 
				+        box-sizing: border-box;
			
 
				+        border-radius: 17px;
			
 
				+
			
 
				+        .gap {
			
 
				+          width: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .title {
			
 
				+          margin-top: 31px;
			
 
				+          width: 311px;
			
 
				+          height: 20px;
			
 
				+          font-size: 18px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Medium,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 600;
			
 
				+          color: #333333;
			
 
				+          line-height: 20px;
			
 
				+          @include single-hide();
			
 
				+        }
			
 
				+
			
 
				+        .name {
			
 
				+          margin-top: 24px;
			
 
				+          width: 311px;
			
 
				+          height: 68px;
			
 
				+        }
			
 
				+
			
 
				+        .desc {
			
 
				+          padding: 14px 16px;
			
 
				+          width: 311px;
			
 
				+          background: #ecf9ff;
			
 
				+          border-radius: 0 0 9px 9px;
			
 
				+          font-size: 14px;
			
 
				+          font-family:
			
 
				+            PingFang SC-Regular,
			
 
				+            PingFang SC;
			
 
				+          font-weight: 400;
			
 
				+          color: #1a2c5e;
			
 
				+        }
			
 
				+
			
 
				+        .green {
			
 
				+          background: #f6faef;
			
 
				+        }
			
 
				+
			
 
				+        .strategy {
			
 
				+          margin-bottom: 20px;
			
 
				+          padding: 16px 16px 16px 30px;
			
 
				+          width: 311px;
			
 
				+          background: #fff5f6;
			
 
				+          border-radius: 10px 10px 10px 10px;
			
 
				+
			
 
				+          &-title {
			
 
				+            position: relative;
			
 
				+            width: 265px;
			
 
				+            height: 20px;
			
 
				+            font-size: 14px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Semibold,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 600;
			
 
				+            color: #1a2c5e;
			
 
				+            line-height: 20px;
			
 
				+
			
 
				+            &::before {
			
 
				+              content: "";
			
 
				+              position: absolute;
			
 
				+              left: -13px;
			
 
				+              top: 50%;
			
 
				+              transform: translateY(-50%);
			
 
				+              width: 6px;
			
 
				+              height: 6px;
			
 
				+              background: #e42f37;
			
 
				+              border-radius: 50%;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          &-content {
			
 
				+            margin-top: 8px;
			
 
				+            width: 265px;
			
 
				+            font-size: 14px;
			
 
				+            font-family:
			
 
				+              PingFang SC-Regular,
			
 
				+              PingFang SC;
			
 
				+            font-weight: 400;
			
 
				+            color: #1a2c5e;
			
 
				+            line-height: 20px;
			
 
				+          }
			
 
				+
			
 
				+          .strategy-content + .strategy-title {
			
 
				+            margin-top: 27px;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/components/AddReport.vue
+++ b/src/views/customize/components/AddReport.vue
@@ -0,0 +1,99 @@
 
				+<script setup lang="ts">
			
 
				+import { getImageUrl, imagePreview } from "@/utils";
			
 
				+import { Overlay } from "vant";
			
 
				+
			
 
				+const props = defineProps(["show", "isKnow"]);
			
 
				+const emit = defineEmits(["close", "goAdd"]);
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <Overlay :show="props.show" z-index="20" @click="emit('close')">
			
 
				+    <div class="add-report ar" @click.stop>
			
 
				+      <img
			
 
				+        :src="getImageUrl('report_close')"
			
 
				+        alt=""
			
 
				+        class="ar-close"
			
 
				+        @click="emit('close')"
			
 
				+      />
			
 
				+      <img
			
 
				+        :src="getImageUrl('close_remark')"
			
 
				+        alt=""
			
 
				+        class="ar-remark"
			
 
				+        @click="imagePreview(getImageUrl('close_remark'))"
			
 
				+      />
			
 
				+      <div class="ar-title">
			
 
				+        暂无记录，选择要加入幼儿综合报告的记录点击“<span>加入报告</span>”
			
 
				+      </div>
			
 
				+      <div
			
 
				+        v-if="props.isKnow"
			
 
				+        class="ar-button flex-center"
			
 
				+        @click="emit('close')"
			
 
				+      >
			
 
				+        知道了
			
 
				+      </div>
			
 
				+      <div v-else class="ar-button flex-center" @click="emit('goAdd')">
			
 
				+        去添加
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </Overlay>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.ar {
			
 
				+  position: fixed;
			
 
				+  top: 50%;
			
 
				+  left: 50%;
			
 
				+  transform: translate(-50%, -50%);
			
 
				+  width: 295px;
			
 
				+  height: 306px;
			
 
				+  background: #ffffff;
			
 
				+  border-radius: 20px 20px 20px 20px;
			
 
				+
			
 
				+  &-close {
			
 
				+    position: absolute;
			
 
				+    right: 18px;
			
 
				+    top: 18px;
			
 
				+    width: 13px;
			
 
				+    height: 13px;
			
 
				+  }
			
 
				+
			
 
				+  &-remark {
			
 
				+    margin: 41px auto 10px;
			
 
				+    width: 259px;
			
 
				+    height: 125px;
			
 
				+  }
			
 
				+
			
 
				+  &-title {
			
 
				+    margin: 0 auto;
			
 
				+    width: 259px;
			
 
				+    height: 48px;
			
 
				+    font-size: 14px;
			
 
				+    font-family:
			
 
				+      PingFang SC-Medium,
			
 
				+      PingFang SC,
			
 
				+      serif;
			
 
				+    font-weight: 500;
			
 
				+    color: #333333;
			
 
				+    line-height: 24px;
			
 
				+    text-align: center;
			
 
				+    span {
			
 
				+      color: #1228b9;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-button {
			
 
				+    margin: 20px auto 0;
			
 
				+    width: 237px;
			
 
				+    height: 42px;
			
 
				+    background: #1228b9;
			
 
				+    border-radius: 21px 21px 21px 21px;
			
 
				+    font-size: 16px;
			
 
				+    font-family:
			
 
				+      PingFang SC-Medium,
			
 
				+      PingFang SC,
			
 
				+      serif;
			
 
				+    font-weight: 500;
			
 
				+    color: #ffffff;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/components/ConfirmJoin.vue
+++ b/src/views/customize/components/ConfirmJoin.vue
@@ -0,0 +1,90 @@
 
				+<script setup lang="ts">
			
 
				+import { getImageUrl } from "@/utils";
			
 
				+import { Overlay } from "vant";
			
 
				+
			
 
				+const props = defineProps(["show"]);
			
 
				+const emit = defineEmits(["close", "confirm"]);
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <Overlay :show="props.show" z-index="20" @click="emit('close')">
			
 
				+    <div class="confirm-join cj" @click.stop>
			
 
				+      <img
			
 
				+        :src="getImageUrl('report_close')"
			
 
				+        alt=""
			
 
				+        class="cj-close"
			
 
				+        @click="emit('close')"
			
 
				+      />
			
 
				+      <div class="cj-title">确定要取消加入吗？</div>
			
 
				+      <div class="cj-button flex-center">
			
 
				+        <div class="cj-button-cancel flex-center" @click="emit('close')">
			
 
				+          取消
			
 
				+        </div>
			
 
				+        <div class="cj-button-confirm flex-center" @click="emit('confirm')">
			
 
				+          确认
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </Overlay>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.cj {
			
 
				+  position: fixed;
			
 
				+  top: 50%;
			
 
				+  left: 50%;
			
 
				+  transform: translate(-50%, -50%);
			
 
				+  width: 295px;
			
 
				+  height: 193px;
			
 
				+  background: #ffffff;
			
 
				+  border-radius: 20px 20px 20px 20px;
			
 
				+
			
 
				+  &-close {
			
 
				+    position: absolute;
			
 
				+    right: 18px;
			
 
				+    top: 18px;
			
 
				+    width: 13px;
			
 
				+    height: 13px;
			
 
				+  }
			
 
				+
			
 
				+  &-title {
			
 
				+    margin: 63px auto 50px;
			
 
				+    font-size: 18px;
			
 
				+    font-family:
			
 
				+      PingFang SC-Medium,
			
 
				+      PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    color: #333333;
			
 
				+    line-height: 24px;
			
 
				+    text-align: center;
			
 
				+    span {
			
 
				+      color: #1228b9;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-button {
			
 
				+    &-cancel,
			
 
				+    &-confirm {
			
 
				+      width: 113px;
			
 
				+      height: 42px;
			
 
				+      border-radius: 21px 21px 21px 21px;
			
 
				+      font-size: 16px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Medium,
			
 
				+        PingFang SC,
			
 
				+        serif;
			
 
				+      font-weight: 500;
			
 
				+      border: 1px solid rgba(153, 153, 153, 0.6);
			
 
				+      background-color: #fff;
			
 
				+      color: #666666;
			
 
				+    }
			
 
				+
			
 
				+    &-confirm {
			
 
				+      margin-left: 11px;
			
 
				+      color: #ffffff;
			
 
				+      background: #1228b9;
			
 
				+      border: none;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/components/HeaderPart.vue
+++ b/src/views/customize/components/HeaderPart.vue
@@ -0,0 +1,152 @@
 
				+<script setup lang="ts">
			
 
				+import { getImageUrl, returnAppPage } from "@/utils/index.js";
			
 
				+import { useCustomizeStore } from "@/store";
			
 
				+import { useRouter } from "vue-router";
			
 
				+import { computed, onUnmounted, ref, watch } from "vue";
			
 
				+import { ISingleRecord } from "@/types/customize";
			
 
				+import ShareModal from "@/views/customize/components/ShareModal.vue";
			
 
				+const customizeStore = useCustomizeStore();
			
 
				+
			
 
				+const router = useRouter();
			
 
				+
			
 
				+const props = defineProps(["isParent", "isMyRoute"]);
			
 
				+const emit = defineEmits(["send"]);
			
 
				+
			
 
				+const isShow = ref(false);
			
 
				+const shareShow = ref(false);
			
 
				+
			
 
				+const singleRecord = computed<ISingleRecord>(() => {
			
 
				+  return customizeStore.singleRecord;
			
 
				+});
			
 
				+
			
 
				+watch(isShow, (val) => {
			
 
				+  if (val) {
			
 
				+    setTimeout(() => {
			
 
				+      document.addEventListener("click", handleClick);
			
 
				+    }, 10);
			
 
				+  } else {
			
 
				+    document.removeEventListener("click", handleClick);
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+function back() {
			
 
				+  props.isMyRoute === "1" ? router.go(-1) : returnAppPage();
			
 
				+}
			
 
				+
			
 
				+function share() {
			
 
				+  console.log("share");
			
 
				+  shareShow.value = true;
			
 
				+}
			
 
				+
			
 
				+function handleClick() {
			
 
				+  console.log("handleClick");
			
 
				+  if (isShow.value) isShow.value = false;
			
 
				+}
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  document.removeEventListener("click", handleClick);
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="top-safety-distance"></div>
			
 
				+  <div class="header flex-center">
			
 
				+    <div class="header-back" @click="back">
			
 
				+      <img :src="getImageUrl('return_button')" alt="" class="header-back-img" />
			
 
				+    </div>
			
 
				+    <div class="header-send" @click="isShow = true">
			
 
				+      <img :src="getImageUrl('more')" alt="" class="header-send-more" />
			
 
				+    </div>
			
 
				+    <!--<div class="header-send" @click="emit('send')">-->
			
 
				+    <!--  <div class="header-send-btn flex-center">-->
			
 
				+    <!--    {{ singleRecord.sendReport ? "已发送" : "发送家长" }}-->
			
 
				+    <!--  </div>-->
			
 
				+    <!--</div>-->
			
 
				+
			
 
				+    <div v-if="isShow" class="header-modal">
			
 
				+      <div class="header-modal-item flex-center" @click="share">分享</div>
			
 
				+      <div
			
 
				+        v-if="!singleRecord.sendReport && !props.isParent"
			
 
				+        class="header-modal-item flex-center"
			
 
				+        @click="emit('send')"
			
 
				+      >
			
 
				+        发送家长
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <ShareModal :show="shareShow" @close="shareShow = false" />
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.top-safety-distance {
			
 
				+  width: 100%;
			
 
				+  height: 44px;
			
 
				+}
			
 
				+.header {
			
 
				+  position: relative;
			
 
				+  justify-content: space-between;
			
 
				+  width: 100%;
			
 
				+
			
 
				+  &-back {
			
 
				+    padding: 14px 28px;
			
 
				+
			
 
				+    &-img {
			
 
				+      width: 15.17px;
			
 
				+      height: 15.17px;
			
 
				+      object-fit: contain;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-send {
			
 
				+    padding: 12px 16px;
			
 
				+    // padding: 6px 19px;
			
 
				+
			
 
				+    &-more {
			
 
				+      width: 20px;
			
 
				+      height: 20px;
			
 
				+    }
			
 
				+
			
 
				+    &-btn {
			
 
				+      width: 78px;
			
 
				+      height: 34px;
			
 
				+      background: #e9f8ff;
			
 
				+      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2026);
			
 
				+      border-radius: 17px 17px 17px 17px;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Medium,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 600;
			
 
				+      color: #233cd5;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-modal {
			
 
				+    position: absolute;
			
 
				+    top: 36px;
			
 
				+    right: 10px;
			
 
				+    z-index: 20;
			
 
				+    padding: 5px 0;
			
 
				+    width: 91px;
			
 
				+    background: #ffffff;
			
 
				+    box-shadow: 0 2px 15px 0 rgba(104, 136, 176, 0.2);
			
 
				+    border-radius: 4px 4px 4px 4px;
			
 
				+
			
 
				+    &-item {
			
 
				+      width: 91px;
			
 
				+      height: 30px;
			
 
				+      background: #ffffff;
			
 
				+      font-size: 14px;
			
 
				+      font-family:
			
 
				+        PingFang SC-Regular,
			
 
				+        PingFang SC;
			
 
				+      font-weight: 400;
			
 
				+      color: #333333;
			
 
				+    }
			
 
				+
			
 
				+    &-item + &-item {
			
 
				+      border-top: 1px solid rgba(182, 220, 255, 0.1);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/customize/components/ShareModal.vue
+++ b/src/views/customize/components/ShareModal.vue
@@ -0,0 +1,126 @@
 
				+<script setup lang="ts">
			
 
				+import { ActionSheet as VanActionSheet } from "vant";
			
 
				+import { computed } from "vue";
			
 
				+import { getImageUrl, shareToWechatImage } from "@/utils";
			
 
				+
			
 
				+const list: {
			
 
				+  id: 0 | 1;
			
 
				+  title: string;
			
 
				+  imgUrl: string;
			
 
				+}[] = [
			
 
				+  {
			
 
				+    id: 0,
			
 
				+    title: "微信好友",
			
 
				+    imgUrl: getImageUrl("weixin_friend"),
			
 
				+  },
			
 
				+  {
			
 
				+    id: 1,
			
 
				+    title: "朋友圈",
			
 
				+    imgUrl: getImageUrl("circle_friend"),
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				+const emit = defineEmits(["close"]);
			
 
				+
			
 
				+const props = withDefaults(
			
 
				+  defineProps<{
			
 
				+    show: boolean;
			
 
				+  }>(),
			
 
				+  {
			
 
				+    show: false,
			
 
				+  },
			
 
				+);
			
 
				+
			
 
				+const show = computed(() => props.show);
			
 
				+
			
 
				+function jump(id: 0 | 1) {
			
 
				+  const image = getImageUrl("single_logo");
			
 
				+  const title = "行为记录";
			
 
				+  const description = "ceshi";
			
 
				+  shareToWechatImage(image, title, id, description);
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <VanActionSheet :show="show" :closeable="false" @close="emit('close')">
			
 
				+    <div class="share" @click.stop>
			
 
				+      <div class="share-title">分享至</div>
			
 
				+      <div class="share-list">
			
 
				+        <div
			
 
				+          v-for="item in list"
			
 
				+          :key="item.id"
			
 
				+          class="share-list-item"
			
 
				+          @click="jump(item.id)"
			
 
				+        >
			
 
				+          <img :src="item.imgUrl" alt="" />
			
 
				+          <div>{{ item.title }}</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="share-cancel flex-center" @click="emit('close')">取消</div>
			
 
				+    </div>
			
 
				+  </VanActionSheet>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.share {
			
 
				+  //width: 375px;
			
 
				+  height: 256px;
			
 
				+  background: #ffffff;
			
 
				+  //border-radius: 10px 10px 0 0;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  &-title {
			
 
				+    margin: 20px auto 0;
			
 
				+    height: 18px;
			
 
				+    font-size: 14px;
			
 
				+    font-family:
			
 
				+      PingFang SC-Regular,
			
 
				+      PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: #333333;
			
 
				+    line-height: 18px;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+
			
 
				+  &-list {
			
 
				+    display: flex;
			
 
				+    justify-content: space-evenly;
			
 
				+    align-items: center;
			
 
				+
			
 
				+    &-item {
			
 
				+      padding-top: 20px;
			
 
				+      padding-bottom: 20px;
			
 
				+
			
 
				+      div {
			
 
				+        font-size: 12px;
			
 
				+        font-family:
			
 
				+          PingFang SC-Regular,
			
 
				+          PingFang SC;
			
 
				+        font-weight: 400;
			
 
				+        color: #333333;
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+
			
 
				+      img {
			
 
				+        margin-bottom: 6px;
			
 
				+        width: 48px;
			
 
				+        height: 48px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  &-cancel {
			
 
				+    margin: 20px auto 0;
			
 
				+    width: 343px;
			
 
				+    height: 46px;
			
 
				+    border-radius: 40px 40px 40px 40px;
			
 
				+    border: 1px solid #e2e2e2;
			
 
				+    font-size: 14px;
			
 
				+    font-family:
			
 
				+      PingFang SC-Regular,
			
 
				+      PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    color: #333333;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/demo/DemoView.vue
+++ b/src/views/demo/DemoView.vue
@@ -0,0 +1,5 @@
 
				+<script setup lang="ts"></script>
			
 
				+
			
 
				+<template></template>
			
 
				+
			
 
				+<style scoped lang="scss"></style>
			
--- a/src/views/report/EvaluationReport.vue
+++ b/src/views/report/EvaluationReport.vue
@@ -0,0 +1,159 @@
 
				+<script setup lang="ts">
			
 
				+import { useRoute } from "vue-router";
			
 
				+import { useReportStore } from "@/store";
			
 
				+import { storeToRefs } from "pinia";
			
 
				+import { computed, ref, watch } from "vue";
			
 
				+import { SwipeInstance, Swipe, SwipeItem } from "vant";
			
 
				+import TurnPage from "@/views/report/components/TurnPage.vue";
			
 
				+import CoverPage from "@/views/report/components/CoverPage.vue";
			
 
				+import HeaderPart from "@/views/report/components/HeaderPart.vue";
			
 
				+import Screenshot from "@/views/report/components/Screenshot.vue";
			
 
				+
			
 
				+const { babyId: _babyId, recordId: _recordId, type: _type } = useRoute().query;
			
 
				+
			
 
				+const reportStore = useReportStore();
			
 
				+
			
 
				+const { isSingle, isTeacher, babyId, recordId, babyInfo, totalPage, pageList } =
			
 
				+  storeToRefs(reportStore);
			
 
				+const { getReport } = reportStore;
			
 
				+
			
 
				+const showCover = ref(false);
			
 
				+const currentPage = ref<number>(1);
			
 
				+const swipeRef = ref<SwipeInstance | null>(null);
			
 
				+
			
 
				+const showDown = computed(() => currentPage.value < totalPage.value);
			
 
				+const showUp = computed(() => currentPage.value > 1);
			
 
				+
			
 
				+watch(isSingle, (val) => {
			
 
				+  if (!val) {
			
 
				+    showCover.value = true;
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const changeSwipe = (direction: string) => {
			
 
				+  if (direction === "bottom") {
			
 
				+    swipeRef.value?.next();
			
 
				+    currentPage.value++;
			
 
				+  } else {
			
 
				+    swipeRef.value?.prev();
			
 
				+    currentPage.value--;
			
 
				+  }
			
 
				+};
			
 
				+const start = () => {
			
 
				+  showCover.value = false;
			
 
				+};
			
 
				+function init() {
			
 
				+  if (typeof _babyId === "string") babyId.value = _babyId;
			
 
				+  if (typeof _recordId === "string") recordId.value = _recordId;
			
 
				+  isSingle.value = _type === "1" || _type === "2";
			
 
				+  isTeacher.value = _type === "1" || _type === "3";
			
 
				+}
			
 
				+
			
 
				+init();
			
 
				+getReport();
			
 
				+
			
 
				+/**
			
 
				+ * 封面页：CoverPage
			
 
				+ * 报告页：{
			
 
				+ *   综合发展情况：{
			
 
				+ *      标题：ComplexTitle
			
 
				+ *      雷达图：RadarChart
			
 
				+ *      评估技能：AssessmentSkills
			
 
				+ *   }
			
 
				+ *   各个区域：{
			
 
				+ *      孩子信息：BabyInfo
			
 
				+ *      区域名称：DistrictName
			
 
				+ *      活动信息：ActivityInfo （活动名称、活动目的、核心观察能力）
			
 
				+ *      幼儿行为表现：ChildrenBehavior
			
 
				+ *      高阶问题情境卡：QuestionPart （高阶问题情境、幼儿问题记录）
			
 
				+ *      家园共育策略：FamilyStrategy
			
 
				+ *   }
			
 
				+ *   综合发展评估：{
			
 
				+ *     标题：ComplexTitle
			
 
				+ *     领域：ComplexItem
			
 
				+ *   }
			
 
				+ * }
			
 
				+ */
			
 
				+
			
 
				+/**
			
 
				+ * 测试环境
			
 
				+ *
			
 
				+ * 单次：http://192.168.1.17:8989/#/report?recordId=1704673396997074946&babyId=1304672468777553921&type=1
			
 
				+ *
			
 
				+ * 综合：http://192.168.1.17:8989/#/report?recordId=1529650322799325186&babyId=1304672468777553921&type=3
			
 
				+ */
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <CoverPage v-if="showCover" :info="babyInfo" @start="start" />
			
 
				+
			
 
				+  <div class="report">
			
 
				+    <HeaderPart />
			
 
				+
			
 
				+    <Swipe
			
 
				+      ref="swipeRef"
			
 
				+      class="sp"
			
 
				+      vertical
			
 
				+      :loop="false"
			
 
				+      :touchable="false"
			
 
				+      :show-indicators="false"
			
 
				+    >
			
 
				+      <SwipeItem v-for="page in pageList" :key="page.id" class="sp-item">
			
 
				+        <div class="report-item">
			
 
				+          <Component
			
 
				+            :is="cpt.view"
			
 
				+            v-for="cpt in page.componentList"
			
 
				+            :key="cpt.id"
			
 
				+            :value="cpt.value"
			
 
				+          />
			
 
				+        </div>
			
 
				+      </SwipeItem>
			
 
				+    </Swipe>
			
 
				+
			
 
				+    <TurnPage :show-down="showDown" :show-up="showUp" @turn="changeSwipe" />
			
 
				+
			
 
				+    <div v-if="totalPage > 0" class="indicator">
			
 
				+      {{ currentPage }}/{{ totalPage }}
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+  <Screenshot />
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.report {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  box-sizing: border-box;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  &-item {
			
 
				+    overflow: hidden;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.sp {
			
 
				+  width: 100vw;
			
 
				+  height: calc(100vh - 90px);
			
 
				+
			
 
				+  &-item {
			
 
				+    padding-bottom: 32px;
			
 
				+    width: 100vw;
			
 
				+    min-height: calc(100vh - 90px);
			
 
				+    overflow-y: auto;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.indicator {
			
 
				+  position: fixed;
			
 
				+  right: 17px;
			
 
				+  bottom: 10px;
			
 
				+  padding: 2px 5px;
			
 
				+  font-size: 12px;
			
 
				+  background: rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+</style>
			
--- a/src/views/report/complex/AssessmentSkills.vue
+++ b/src/views/report/complex/AssessmentSkills.vue
@@ -0,0 +1,5 @@
 
				+<script setup lang="ts"></script>
			
 
				+
			
 
				+<template>AssessmentSkills</template>
			
 
				+
			
 
				+<style scoped lang="scss"></style>
			
--- a/src/views/report/complex/ComplexItem.vue
+++ b/src/views/report/complex/ComplexItem.vue
@@ -0,0 +1,5 @@
 
				+<script setup lang="ts"></script>
			
 
				+
			
 
				+<template>ComplexItem</template>
			
 
				+
			
 
				+<style scoped lang="scss"></style>
			
--- a/src/views/report/complex/ComplexTitle.vue
+++ b/src/views/report/complex/ComplexTitle.vue
@@ -0,0 +1,5 @@
 
				+<script setup lang="ts"></script>
			
 
				+
			
 
				+<template>ComplexTitle</template>
			
 
				+
			
 
				+<style scoped lang="scss"></style>
			
--- a/src/views/report/complex/RadarChart.vue
+++ b/src/views/report/complex/RadarChart.vue
@@ -0,0 +1,5 @@
 
				+<script setup lang="ts"></script>
			
 
				+
			
 
				+<template>RadarChart</template>
			
 
				+
			
 
				+<style scoped lang="scss"></style>