feat:深圳人社代码提交

.husky/commit-msg

@@ -1,6 +0,0 @@
-#!/bin/sh
-
-# shellcheck source=./_/husky.sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install commitlint --edit "$1"

.husky/common.sh

@@ -1,9 +0,0 @@
-#!/bin/sh
-command_exists () {
-  command -v "$1" >/dev/null 2>&1
-}
-
-# Workaround for Windows 10, Git Bash and Pnpm
-if command_exists winpty && test -t 1; then
-  exec < /dev/tty
-fi

.husky/lintstagedrc.js

@@ -1,8 +0,0 @@
-module.exports = {
-  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
-  "{!(package)*.json}": ["prettier --write--parser json"],
-  "package.json": ["prettier --write"],
-  "*.vue": ["eslint --fix", "prettier --write", "stylelint --fix"],
-  "*.{vue,css,scss,postcss,less}": ["stylelint --fix", "prettier --write"],
-  "*.md": ["prettier --write"]
-};

.husky/pre-commit

@@ -1,10 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-. "$(dirname "$0")/common.sh"
-
-[ -n "$CI" ] && exit 0
-
-# Format and submit code according to lintstagedrc.js configuration
-npm run lint:lint-staged
-
-npm run lint:pretty

.vscode/extensions.json

@@ -1,18 +0,0 @@
-{
-  "recommendations": [
-    "christian-kohler.path-intellisense",
-    "vscode-icons-team.vscode-icons",
-    "davidanson.vscode-markdownlint",
-    "ms-azuretools.vscode-docker",
-    "stylelint.vscode-stylelint",
-    "bradlc.vscode-tailwindcss",
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "redhat.vscode-yaml",
-    "csstools.postcss",
-    "mikestead.dotenv",
-    "eamodio.gitlens",
-    "antfu.iconify",
-    "Vue.volar"
-  ]
-}

.vscode/settings.json

@@ -1,31 +0,0 @@
-{
-  "editor.formatOnType": true,
-  "editor.formatOnSave": true,
-  "[vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "editor.tabSize": 2,
-  "editor.formatOnPaste": true,
-  "editor.guides.bracketPairs": "active",
-  "files.autoSave": "off",
-  "git.confirmSync": false,
-  "workbench.startupEditor": "newUntitledFile",
-  "editor.suggestSelection": "first",
-  "editor.acceptSuggestionOnCommitCharacter": false,
-  "css.lint.propertyIgnoredDueToDisplay": "ignore",
-  "editor.quickSuggestions": {
-    "other": true,
-    "comments": true,
-    "strings": true
-  },
-  "files.associations": {
-    "editor.snippetSuggestions": "top"
-  },
-  "[css]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  },
-  "iconify.excludes": ["el"]
-}

.vscode/vue3.0.code-snippets

@@ -1,22 +0,0 @@
-{
-  "Vue3.0快速生成模板": {
-    "scope": "vue",
-    "prefix": "Vue3.0",
-    "body": [
-      "<template>",
-      "\t<div>test</div>",
-      "</template>\n",
-      "<script lang='ts'>",
-      "export default {",
-      "\tsetup() {",
-      "\t\treturn {}",
-      "\t}",
-      "}",
-      "</script>\n",
-      "<style lang='scss' scoped>\n",
-      "</style>",
-      "$2"
-    ],
-    "description": "Vue3.0"
-  }
-}

.vscode/vue3.2.code-snippets

@@ -1,17 +0,0 @@
-{
-  "Vue3.2+快速生成模板": {
-    "scope": "vue",
-    "prefix": "Vue3.2+",
-    "body": [
-      "<script setup lang='ts'>",
-      "</script>\n",
-      "<template>",
-      "\t<div>test</div>",
-      "</template>\n",
-      "<style lang='scss' scoped>\n",
-      "</style>",
-      "$2"
-    ],
-    "description": "Vue3.2+"
-  }
-}

.vscode/vue3.3.code-snippets

@@ -1,20 +0,0 @@
-{
-  "Vue3.3+defineOptions快速生成模板": {
-    "scope": "vue",
-    "prefix": "Vue3.3+",
-    "body": [
-      "<script setup lang='ts'>",
-      "defineOptions({",
-      "\tname: ''",
-      "})",
-      "</script>\n",
-      "<template>",
-      "\t<div>test</div>",
-      "</template>\n",
-      "<style lang='scss' scoped>\n",
-      "</style>",
-      "$2"
-    ],
-    "description": "Vue3.3+defineOptions快速生成模板"
-  }
-}

README.md

@@ -1,3 +1,5 @@
-# know_sub_web
+<h1>虚拟病人</h1>
 
-知识报送前端页面
+## 介绍
+
+虚拟病人

index.html

@@ -7,7 +7,13 @@
   <meta name="renderer" content="webkit" />
   <meta name="viewport"
     content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-  <title>知识报送</title>
+  <title>深圳人社</title>
+  <style>
+    /* 在引入的css文件中写入这个*/
+        [v-cloak]{
+            display: none;
+        }
+    </style>
   <link rel="icon" href="/favicon.ico" />
   <script>
     window.process = {};
@@ -15,7 +21,7 @@
 </head>
 
 <body>
-  <div id="app">
+  <div id="app" v-cloak>
     <style>
       html,
       body,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "test-project",
-  "version": "2.0.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "NODE_OPTIONS=--max-old-space-size=4096 vite",
@@ -40,7 +40,6 @@
     "animate.css": "^4.1.1",
     "axios": "^1.4.0",
     "dayjs": "^1.11.8",
-    "echarts": "^5.5.0",
     "element-plus": "2.3.6",
     "js-audio-recorder": "^1.0.7",
     "js-cookie": "^3.0.5",
@@ -51,13 +50,10 @@
     "pinia": "^2.1.4",
     "pinyin-pro": "^3.15.2",
     "qs": "^6.11.2",
-    "recorder-js": "^1.0.7",
-    "recorderx": "^2.0.2",
     "responsive-storage": "^2.2.0",
     "sortablejs": "^1.15.0",
     "uuid": "^9.0.1",
     "vue": "^3.3.4",
-    "vue-echarts": "^6.6.9",
     "vue-router": "^4.2.2",
     "vue-types": "^5.1.0",
     "vue3-seamless-scroll": "^2.0.1",

public/serverConfig.json

@@ -4,7 +4,7 @@
   "FixedHeader": true,
   "HiddenSideBar": false,
   "MultiTagsCache": false,
-  "KeepAlive": true,
+  "KeepAlive": false,
   "Layout": "vertical",
   "Theme": "default",
   "DarkMode": false,
@@ -12,7 +12,7 @@
   "Weak": false,
   "HideTabs": true,
   "SidebarStatus": true,
-  "EpThemeColor": "#0052D9",
+  "EpThemeColor": "#4287ff",
   "ShowLogo": true,
   "ShowModel": "smart",
   "MenuArrowIconNoTransition": true,

src/api/business.ts

@@ -1,76 +0,0 @@
-import { http } from "@/utils/http";
-
-type Result = {
-  success: boolean;
-  data: Array<any>;
-};
-
-/**
- *
- * @returns 分页查询流程列表
- */
-export const getFlowList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/flow/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 分页查询流程列表
- */
-export const getFlowDetail = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/flow/getFlowDetail", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 查询可选择的子库信息列表
- */
-export const getOptionalBaseList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/flow/optionalBaseList", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 查看角色列表
- */
-export const getRoleManageList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/roleManage/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 查看用户信息列表
- */
-export const getUserList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/user/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 新建流程
- */
-export const createProcess = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/flow/save", {
-    data
-  });
-};
-
-/**
- *
- * @returns 修改流程
- */
-export const updateProcess = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/flow/update", {
-    data
-  });
-};

src/api/home.ts

@@ -1,16 +1,39 @@
 import { http } from "@/utils/http";
 
-type Result = {
-  success: boolean;
-  data: Array<any>;
+/** 问答接口（智能搜索） */
+
+export const intelligenceSearch = (data?: object) => {
+  return http.request("post", "/knowledge-graph/kg/chat", {
+    data
+  });
+};
+
+export const singleTalk = (data?: object) => {
+  return http.request("post", "/knowledge-graph/ask/singleTalk", {
+    data
+  });
+};
+
+export const roundTalk = (data?: object) => {
+  return http.request("post", "/knowledge-graph/ask/roundTalk", {
+    data
+  });
+};
+/** 查询多轮对话中用户需要填写的参数以及回答 */
+export const queryUserNeedParam = (data?: object) => {
+  return http.request("get", "/knowledge-graph/ask/queryUserNeedParam", {
+    params: data
+  });
+};
+// 多轮对话中用户手动填写参数,返回唯一的角色设置ID
+export const saveUserParam = (data?: object) => {
+  return http.request("post", "/knowledge-graph/ask/saveUserParam", {
+    data
+  });
 };
 
-/**
- *
- * @returns 查询我的知识
- */
-export const queryMyKnowledgeList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/homepage/queryMyKnowledge", {
+export const chatVoice = (data?: object) => {
+  return http.request("get", "/virtual-patient/chatVoice", {
     params: data
   });
 };

src/api/knowledgeCentre.ts

@@ -1,81 +0,0 @@
-import { http } from "@/utils/http";
-
-/** 查询知识库分页 */
-
-export const queryKnowledgePage = (data?: object) => {
-  return http.request("get", "/know-sub/knowledge/queryKnowledgePage", {
-    params: data
-  });
-};
-/** 新增知识库*/
-export const saveKnowledge = (data?: object) => {
-  return http.request("post", "/know-sub/knowledge/saveKnowledge", {
-    data
-  });
-};
-
-/** 修改知识库(*/
-export const updateKnowledge = (data?: object) => {
-  return http.request("post", "/know-sub/knowledge/updateKnowledge", {
-    data
-  });
-};
-/** 分页查询部门信息列表 */
-
-export const queryDeptManageList = (data?: object) => {
-  return http.request("get", "/know-sub/deptManage/list", {
-    params: data
-  });
-};
-/** 分页查询应用子库 */
-
-export const queryApplicationSubLibrary = (data?: object) => {
-  return http.request("get", "/know-sub/applicationSubLibrary/list", {
-    params: data
-  });
-};
-/** 删除知识库 */
-
-export const deleteKnowledge = (data?: object) => {
-  return http.request("get", "/know-sub/knowledge/deleteKnowledge", {
-    params: data
-  });
-};
-/** 查看知识的详细信息 */
-
-export const queryKnowledgeDetail = (data?: object) => {
-  return http.request("get", "/know-sub/knowledge/queryKnowledgeDetail", {
-    params: data
-  });
-};
-/** 撤回知识库( */
-
-export const recallKnowledge = (data?: object) => {
-  return http.request("get", "/know-sub/knowledge/recallKnowledge", {
-    params: data
-  });
-};
-/** 撤回知识库( */
-
-export const queryKnowledgeFlowRecord = (data?: object) => {
-  return http.request(
-    "get",
-    "/know-sub/knowledgeFlow/queryKnowledgeFlowRecord",
-    {
-      params: data
-    }
-  );
-};
-/** 分页查询知识审批流程( */
-
-export const queryKnowledgeFlowPage = (data?: object) => {
-  return http.request("get", "/know-sub/knowledgeFlow/queryKnowledgeFlowPage", {
-    params: data
-  });
-};
-/** 审批知识流程(*/
-export const processKnowledgeFlow = (data?: object) => {
-  return http.request("post", "/know-sub/knowledgeFlow/processKnowledgeFlow", {
-    data
-  });
-};

src/api/system.ts

@@ -1,240 +0,0 @@
-import { http } from "@/utils/http";
-
-type Result = {
-  success: boolean;
-  data: Array<any>;
-};
-
-/**
- *
- * @returns 分页查询应用子库
- */
-export const getSubLibraryList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/applicationSubLibrary/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 分页查询部门信息列表
- */
-export const getDeptManageList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/deptManage/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 新建子库
- */
-export const createSubLibrary = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/applicationSubLibrary/save", {
-    data
-  });
-};
-
-/**
- *
- * @returns 修改子库
- */
-export const updateSubLibrary = (data?: object) => {
-  return http.request<Result>(
-    "post",
-    "/know-sub/applicationSubLibrary/update",
-    {
-      data
-    }
-  );
-};
-
-/**
- *
- * @returns 查看用户信息列表
- */
-export const getUserList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/user/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 新增用户信息
- */
-export const saveUserInfo = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/user/saveUserInfo", {
-    data
-  });
-};
-
-/**
- *
- * @returns 修改用户信息
- */
-export const updateUserInfo = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/user/update", {
-    data
-  });
-};
-
-/**
- *
- * @returns 下载文件
- */
-export function downloadFile(id) {
-  return `/know-sub/file/downloadFile?fileId=${id}`;
-}
-
-/**
- *
- * @returns 重置用户密码
- */
-export const resetPW = (data?: object) => {
-  return http.request<Result>("put", "/know-sub/user/resetPW", {
-    data
-  });
-};
-
-/**
- *
- * @returns 删除用户
- */
-export const deletePW = (data?: object) => {
-  return http.request<Result>("delete", "/know-sub/user/delete", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 新建部门
- */
-export const createDeptManage = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/deptManage/save", {
-    data
-  });
-};
-
-/**
- *
- * @returns 修改部门
- */
-export const updateDeptManage = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/deptManage/update", {
-    data
-  });
-};
-
-/**
- *
- * @returns 删除部门
- */
-export const deleteDeptManage = (data?: object) => {
-  return http.request<Result>("delete", "/know-sub/deptManage/delete", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 分页查询字典信息列表
- */
-export const getDicManageList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/dicManage/list", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 增加字典信息
- */
-export const createSaveDic = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/dicManage/saveDic", {
-    data
-  });
-};
-
-/**
- *
- * @returns 查询字典配置信息列表
- */
-export const queryDicDateList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/dicManage/queryDicDate", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 保存字典值配置信息
- */
-export const createSaveDicData = (data?: object) => {
-  return http.request<Result>(
-    "post",
-    `/know-sub/dicManage/saveDicData?dicId=${
-      (data as { dicId: string }).dicId
-    }`,
-    {
-      data: (data as { dicDataReqVos: object }).dicDataReqVos
-    }
-  );
-};
-
-/**
- *
- * @returns 删除字典信息
- */
-export const deleteDicManage = (data?: object) => {
-  return http.request<Result>("delete", "/know-sub/dicManage/delete", {
-    params: data
-  });
-};
-/**
- *
- * @returns 新增角色
- */
-export const createRole = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/roleManage/save", {
-    data
-  });
-};
-/**
- *
- * @returns 查看角色列表
- */
-export const queryRoleDateList = (data?: object) => {
-  return http.request<Result>("get", "/know-sub/roleManage/list", {
-    params: data
-  });
-};
-/**
- *
- * @returns 修改角色
- */
-export const updateRole = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/roleManage/update", {
-    data
-  });
-};
-/**
- *
- * @returns 删除角色
- */
-export const deleteRole = (data?: object) => {
-  return http.request<Result>("delete", "/know-sub/roleManage/delete", {
-    params: data
-  });
-};
-
-/**
- *
- * @returns 修改用户状态
- */
-export const updateUserStatus = (data?: object) => {
-  return http.request<Result>("post", "/know-sub/user/updateUserStatus", {
-    data
-  });
-};

src/api/user.ts

@@ -24,7 +24,7 @@ export type RefreshTokenResult = {
 
 /** 登录 */
 export const getLogin = (data?: object) => {
-  return http.request<UserResult>("post", "/know-sub/user/login", {
+  return http.request<UserResult>("post", "/virtual-patient/user/login", {
     data
   });
 };
@@ -33,19 +33,3 @@ export const getLogin = (data?: object) => {
 export const refreshTokenApi = (data?: object) => {
   return http.request<RefreshTokenResult>("post", "/refreshToken", { data });
 };
-/** 用户注册 */
-export const getRegister = (data?: object) => {
-  return http.request<UserResult>("post", "/virtual-patient/user/register", {
-    data
-  });
-};
-/** 修改密码 */
-export const changePassWord = (data?: object) => {
-  return http.request<UserResult>(
-    "post",
-    "/virtual-patient/user/changePassWord",
-    {
-      data
-    }
-  );
-};

src/api/utils.ts

@@ -15,18 +15,8 @@ export const queryCommonDictTree = (data?: object) => {
 export const uploadFile = (data?: object) => {
   return http.request(
     "post",
-    "/know-sub/file/upload",
+    "/virtual-patient-manage/fileManage/uploadFile",
     { data },
     { headers: { "Content-Type": "multipart/form-data" } }
   );
 };
-
-export const loadFileBase64 = (data?: object) => {
-  return http.request(
-    "get",
-    "/virtual-patient-manage/fileManage/loadFileBase64",
-    {
-      params: data
-    }
-  );
-};

src/assets/svg/dialog/closed.svg

@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="guanbi" clip-path="url(#clip0_424_661)">
+<path id="Vector" d="M8.5 7L13.7 1.8C14.1 1.4 14.1 0.7 13.7 0.3C13.3 -0.1 12.6 -0.1 12.2 0.3L7 5.5L1.8 0.3C1.4 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.4 0.3 1.8L5.5 7L0.3 12.2C-0.1 12.6 -0.1 13.3 0.3 13.7C0.7 14.1 1.4 14.1 1.8 13.7L7 8.5L12.2 13.7C12.6 14.1 13.3 14.1 13.7 13.7C14.1 13.3 14.1 12.6 13.7 12.2L8.5 7Z" fill="#08409F"/>
+</g>
+<defs>
+<clipPath id="clip0_424_661">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/dialog/reduce.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="suoxiao" clip-path="url(#clip0_544_511)">
+<path id="Vector" d="M4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44771 20.5523 3 20 3H4C3.44771 3 3 3.44771 3 4V20C3 20.5523 3.44771 21 4 21Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M21 4C21 3.44771 20.5523 3 20 3H14V10H21V4Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M6.5 17.5L11.5 12.5M11.5 12.5V16M11.5 12.5H8" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_544_511">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/dialog/robot.svg

@@ -0,0 +1,17 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="kefutouxiang" clip-path="url(#clip0_557_648)">
+<g id="Vector">
+<path d="M22.4781 44.9562C10.056 44.9562 0 34.9002 0 22.4781C0 10.056 10.056 0 22.4781 0C34.9002 0 44.9562 10.056 44.9562 22.4781C44.9562 34.9002 34.9002 44.9562 22.4781 44.9562Z" fill="#0052D9"/>
+<path d="M22.4775 44.955C34.8705 44.955 44.955 34.8705 44.955 22.4775C44.955 10.0845 34.8711 0 22.4781 0C10.0851 0 0 10.0851 0 22.4781C0 34.8711 10.0845 44.955 22.4775 44.955Z" fill="#0052D9"/>
+<path d="M22.4778 13.0135V9.4643H23.0693V13.0135C25.3763 13.1909 27.21 15.0838 27.21 17.4499H18.3371C18.3371 15.0838 20.1708 13.1909 22.4778 13.0135ZM34.3084 20.1118H36.6745C37.3252 20.1118 37.8576 20.6442 37.8576 21.2949V26.0271C37.8576 26.6778 37.3252 27.2102 36.6745 27.2102H34.3084V20.1118ZM11.2388 20.1118V27.2102H8.87264C8.22196 27.2102 7.68958 26.6778 7.68958 26.0271V21.2949C7.68958 20.6442 8.22196 20.1118 8.87264 20.1118H11.2388ZM21.2947 31.3509H24.2524V36.0831H21.2947V31.3509Z" fill="#0052D9"/>
+<path d="M22.4775 44.955C34.8705 44.955 44.955 34.8705 44.955 22.4775C44.955 10.0845 34.8711 0 22.4781 0C10.0851 0 0 10.0851 0 22.4781C0 34.8711 10.0845 44.955 22.4775 44.955Z" fill="#0052D9"/>
+<path d="M14.1967 14.7879H31.351C33.9538 14.7879 36.0833 16.9174 36.0833 19.5202V27.8016C36.0833 30.4043 33.9538 32.5338 31.351 32.5338H14.1967C11.594 32.5338 9.46448 30.4043 9.46448 27.8016V19.5202C9.46448 16.9174 11.594 14.7879 14.1967 14.7879ZM18.6332 18.9286C15.853 18.9286 13.6052 21.1764 13.6052 23.9566C13.6052 26.7368 15.853 28.9846 18.6332 28.9846H26.9146C29.6948 28.9846 31.9426 26.7368 31.9426 23.9566C31.9426 21.1764 29.6948 18.9286 26.9146 18.9286H18.6332ZM22.7739 47.322C18.9881 47.322 15.9713 44.3052 15.9713 40.5194C15.9713 36.7336 18.9881 33.7169 22.7739 33.7169C26.5597 33.7169 29.5765 36.7336 29.5765 40.5194C29.5765 44.3052 26.5597 47.322 22.7739 47.322ZM22.7739 10.6472C21.9457 10.6472 21.2951 9.99655 21.2951 9.16841C21.2951 8.34027 21.9457 7.68958 22.7739 7.68958C23.602 7.68958 24.2527 8.34027 24.2527 9.16841C24.2527 9.99655 23.602 10.6472 22.7739 10.6472ZM18.0416 25.4354C17.2135 25.4354 16.5628 24.7848 16.5628 23.9566C16.5628 23.1285 17.2135 22.4778 18.0416 22.4778C18.8698 22.4778 19.5205 23.1285 19.5205 23.9566C19.5205 24.7848 18.8698 25.4354 18.0416 25.4354ZM26.9146 25.4354C26.0864 25.4354 25.4358 24.7848 25.4358 23.9566C25.4358 23.1285 26.0864 22.4778 26.9146 22.4778C27.7427 22.4778 28.3934 23.1285 28.3934 23.9566C28.3934 24.7848 27.7427 25.4354 26.9146 25.4354Z" fill="white"/>
+<path d="M18.6332 18.0412H26.9146C30.168 18.0412 32.8299 20.7031 32.8299 23.9565C32.8299 27.2099 30.168 29.8718 26.9146 29.8718H18.6332C15.3798 29.8718 12.7179 27.2099 12.7179 23.9565C12.7179 20.7031 15.3798 18.0412 18.6332 18.0412ZM18.6332 18.9286C15.853 18.9286 13.6052 21.1764 13.6052 23.9566C13.6052 26.7368 15.853 28.9846 18.6332 28.9846H26.9146C29.6948 28.9846 31.9426 26.7368 31.9426 23.9566C31.9426 21.1764 29.6948 18.9286 26.9146 18.9286H18.6332Z" fill="#0052D9"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_557_648">
+<rect width="45" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/dialog/send.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="fasong" clip-path="url(#clip0_490_719)">
+<path id="Vector" d="M17.7038 0.563223L1.47913 5.55356C0.350129 5.90089 0.144796 7.41022 1.14013 8.04656L5.9338 11.1109C6.18308 11.2702 6.47678 11.3456 6.77198 11.326C7.06717 11.3065 7.34837 11.193 7.57446 11.0022L13.5575 5.95356C13.8818 5.67989 14.3195 6.11722 14.0458 6.44189L8.99746 12.4259C8.80669 12.6519 8.69326 12.9331 8.67377 13.2283C8.65428 13.5234 8.72975 13.817 8.88913 14.0662L11.9528 18.8592C12.5888 19.8542 14.0985 19.6489 14.4458 18.5202L19.4361 2.29589C19.7631 1.23222 18.7671 0.236223 17.7038 0.563223Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_490_719">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/dialog/setRole.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="juese" clip-path="url(#clip0_490_716)">
+<path id="Vector" d="M1.8764 15.8367C1.8764 15.9959 2.00928 16.125 2.17321 16.125L15.8259 16.125C15.9898 16.125 16.1227 15.9959 16.1227 15.8367V15.4924C16.1295 15.3886 16.1434 14.8708 15.8021 14.2983C15.5868 13.9374 15.2744 13.6255 14.8736 13.3715C14.3886 13.0642 13.7717 12.8415 13.0255 12.7074C13.02 12.7067 12.4667 12.6334 11.8999 12.4886C10.9129 12.2365 10.8266 12.0134 10.826 12.0112C10.8202 11.9892 10.8118 11.968 10.8011 11.9481C10.793 11.9064 10.773 11.7498 10.8112 11.3301C10.908 10.2641 11.4798 9.63412 11.9393 9.12795C12.0842 8.96831 12.221 8.81752 12.3264 8.66966C12.781 8.03179 12.8232 7.30646 12.8251 7.2615C12.8251 7.17041 12.8147 7.09552 12.7923 7.02611C12.7476 6.88721 12.6637 6.80066 12.6024 6.73747L12.602 6.73702C12.5865 6.72112 12.5719 6.70605 12.56 6.69221C12.5555 6.68692 12.5434 6.67294 12.5544 6.60112C12.5947 6.33679 12.6189 6.11546 12.6306 5.9046C12.6513 5.52892 12.6674 4.9671 12.5705 4.42031C12.5586 4.32694 12.538 4.22831 12.506 4.11082C12.4037 3.7343 12.2392 3.41239 12.0107 3.14671C11.9714 3.10396 11.0159 2.0973 8.24205 1.89075C7.8585 1.8622 7.47934 1.87758 7.1061 1.89666C7.01614 1.9011 6.89295 1.90721 6.77768 1.93708C6.49129 2.01126 6.41486 2.19279 6.3948 2.29438C6.36154 2.46265 6.42 2.59356 6.45866 2.68019C6.46429 2.69275 6.47123 2.7083 6.45911 2.74874C6.39473 2.84845 6.29344 2.93835 6.19016 3.02352C6.16031 3.04889 5.46476 3.64863 5.42651 4.43209C5.32339 5.02792 5.33119 5.95627 5.45314 6.5979C5.46023 6.63334 5.47069 6.6858 5.4537 6.72124C5.32256 6.83876 5.17391 6.97196 5.17429 7.2759C5.17586 7.30646 5.21805 8.03179 5.6727 8.66966C5.778 8.81741 5.91473 8.96809 6.05951 9.12761L6.05985 9.12795C6.5193 9.63412 7.09106 10.2641 7.18793 11.3301C7.22603 11.7498 7.20608 11.9064 7.19801 11.948C7.18725 11.9679 7.17885 11.9891 7.17308 12.0112C7.17248 12.0133 7.08653 12.2358 6.10395 12.4873C5.5371 12.6325 4.97906 12.7067 4.96241 12.7091C4.23728 12.8315 3.62414 13.0486 3.14007 13.3543C2.74055 13.6066 2.42758 13.9191 2.20984 14.2829C1.86194 14.8642 1.87135 15.3936 1.8764 15.4903V15.8367Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_716">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/actBusinessManagement.svg

@@ -1,16 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="yewuguanli" clip-path="url(#clip0_807_4489)">
-<path id="Vector" d="M22 2.5H2V8.5H22V2.5Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_2" d="M2 20.5151L8.08781 14.3646L11.3775 17.5151L15.3991 13.5L17.6393 15.684" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M22 8.08595V21.0859" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_4" d="M2 8.08595V15.0859" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_5" d="M6.50781 21.5H22.0001" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_6" d="M8.5 5.5H19" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_7" d="M5 5.4983H5.50001" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4489">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/actKnowledgeCentre.svg

@@ -1,14 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="zhishizhongxin" clip-path="url(#clip0_807_4471)">
-<path id="Vector" d="M18 4H4.5C3.67158 4 3 4.67158 3 5.5V19.5C3 20.3285 3.67158 21 4.5 21H19.5C20.3285 21 21 20.3285 21 19.5V12.5V9" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M16.1216 6.2427L18.2429 4.12135L16.1216 2.00003" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M12 8.5V17" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_4" d="M16 12V17" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_5" d="M8 12V17" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4471">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/actSystem.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_840_989)">
-<path d="M12 2L9 5H5V9L2 12L5 15V19H9L12 22L15 19H19V15L22 12L19 9V5H15L12 2Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
-<path d="M12 15C13.6568 15 15 13.6568 15 12C15 10.3432 13.6568 9 12 9C10.3432 9 9 10.3432 9 12C9 13.6568 10.3432 15 12 15Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_840_989">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/act_home.svg

@@ -1,12 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="shouye" clip-path="url(#clip0_807_4340)">
-<path id="Vector" d="M4.5 9V21H19.5V9L12 3L4.5 9Z" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M9.5 14.5V21H14.5V14.5H9.5Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_3" d="M4.5 21H19.5" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4340">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/address.svg

@@ -0,0 +1,12 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="dingwei" clip-path="url(#clip0_490_917)">
+<path id="Vector" d="M4.10679 13.6484C2.59876 14.1009 1.66602 14.7259 1.66602 15.4162C1.66602 16.7969 5.39697 17.9162 9.99935 17.9162C14.6017 17.9162 18.3327 16.7969 18.3327 15.4162C18.3327 14.7259 17.3999 14.1009 15.8919 13.6484" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M10.0007 14.5837C10.0007 14.5837 15.4173 11.0437 15.4173 6.95108C15.4173 4.03276 12.9922 1.66699 10.0007 1.66699C7.00911 1.66699 4.58398 4.03276 4.58398 6.95108C4.58398 11.0437 10.0007 14.5837 10.0007 14.5837Z" fill="#0052D9" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_3" d="M9.99935 9.16667C11.1499 9.16667 12.0827 8.23392 12.0827 7.08333C12.0827 5.93275 11.1499 5 9.99935 5C8.84877 5 7.91602 5.93275 7.91602 7.08333C7.91602 8.23392 8.84877 9.16667 9.99935 9.16667Z" fill="white" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_917">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/atlas.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zhishitupu" clip-path="url(#clip0_490_936)">
+<path id="Vector" d="M9.99935 18.3337C14.6017 18.3337 18.3327 14.6027 18.3327 10.0003C18.3327 5.39795 14.6017 1.66699 9.99935 1.66699C5.39698 1.66699 1.66602 5.39795 1.66602 10.0003C1.66602 14.6027 5.39698 18.3337 9.99935 18.3337Z" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15Z" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_936">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/businessManagement.svg

@@ -1,16 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="yewuguanli" clip-path="url(#clip0_807_4352)">
-<path id="Vector" d="M22 2.5H2V8.5H22V2.5Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_2" d="M2 20.5151L8.08781 14.3646L11.3775 17.5151L15.3991 13.5L17.6393 15.684" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M22 8.08595V21.0859" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_4" d="M2 8.08595V15.0859" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_5" d="M6.50775 21.5H22" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_6" d="M8.5 5.5H19" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
-<path id="Vector_7" d="M5 5.4983H5.50001" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4352">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/center.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="xuanzhong">
+<circle id="Ellipse 68" cx="10" cy="10" r="9.25" fill="white" stroke="#0052D9" stroke-width="1.5"/>
+<circle id="Ellipse 69" cx="10" cy="10" r="6" fill="#0052D9"/>
+</g>
+</svg>

src/assets/svg/home/close.svg

@@ -1,5 +0,0 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="guanbi">
-<path id="guanbi_2" d="M6.07143 5L9.78571 1.28571C10.0714 1 10.0714 0.5 9.78571 0.214286C9.5 -0.0714286 9 -0.0714286 8.71429 0.214286L5 3.92857L1.28571 0.214286C1 -0.0714286 0.5 -0.0714286 0.214286 0.214286C-0.0714286 0.5 -0.0714286 1 0.214286 1.28571L3.92857 5L0.214286 8.71429C-0.0714286 9 -0.0714286 9.5 0.214286 9.78571C0.5 10.0714 1 10.0714 1.28571 9.78571L5 6.07143L8.71429 9.78571C9 10.0714 9.5 10.0714 9.78571 9.78571C10.0714 9.5 10.0714 9 9.78571 8.71429L6.07143 5Z" fill="#999999"/>
-</g>
-</svg>

src/assets/svg/home/collect.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shoucang" clip-path="url(#clip0_490_1021)">
+<path id="Vector" d="M11.9993 2.5L8.9428 8.7388L2 9.74555L7.02945 14.6625L5.8272 21.5L11.9993 18.2096L18.1727 21.5L16.9793 14.6625L22 9.74555L15.0956 8.7388L11.9993 2.5Z" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_1021">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/download.svg

@@ -0,0 +1,12 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="xiazai" clip-path="url(#clip0_490_922)">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 12.0833L5 7.08333H8.33329V2.5H11.6666V7.08333H15L9.99996 12.0833Z" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M17.5 15.417H2.5" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
+<path id="Vector_3" d="M14.1673 18.333H5.83398" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_922">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/download_table.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="xiazai" clip-path="url(#clip0_530_1486)">
+<path id="Vector" d="M8 12.2665C7.86347 12.2665 7.72693 12.2143 7.6224 12.1108L2.28907 6.77747C2.13653 6.62387 2.09067 6.3956 2.17387 6.19614C2.256 5.99667 2.4512 5.86654 2.66667 5.86654H5.33333V1.06654C5.33333 0.772137 5.57227 0.533203 5.86667 0.533203H10.1333C10.4277 0.533203 10.6667 0.772137 10.6667 1.06654V5.86654H13.3333C13.5488 5.86654 13.744 5.99667 13.8261 6.19614C13.9083 6.3956 13.8624 6.62494 13.7109 6.77747L8.3776 12.1108C8.27307 12.2143 8.13653 12.2665 8 12.2665ZM3.95413 6.9332L8 10.9791L12.0459 6.9332H10.1333C9.83893 6.9332 9.6 6.69427 9.6 6.39987V1.59987H6.4V6.39987C6.4 6.69427 6.16107 6.9332 5.86667 6.9332H3.95413ZM15.4667 15.4665H0.533333C0.238933 15.4665 0 15.2276 0 14.9332C0 14.6388 0.238933 14.3999 0.533333 14.3999H15.4667C15.7611 14.3999 16 14.6388 16 14.9332C16 15.2276 15.7611 15.4665 15.4667 15.4665Z" fill="#0052D9"/>
+</g>
+<defs>
+<clipPath id="clip0_530_1486">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/expand.svg

@@ -0,0 +1,5 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zhankai">
+<path id="zhankai_2" d="M5.00028 4.44815L1.02441 0.188306C0.789667 -0.0627687 0.409762 -0.0627687 0.175773 0.188306C-0.0585905 0.439368 -0.0585905 0.846706 0.175773 1.09777L4.57605 5.81198C4.81041 6.06267 5.19052 6.06267 5.42413 5.81198L9.82423 1.09777C9.94142 0.971848 10 0.807267 10 0.642661C10 0.478042 9.94141 0.313461 9.82386 0.188306C9.58949 -0.0627687 9.21013 -0.0627687 8.97577 0.188306L5.00028 4.44815Z" fill="#0052D9"/>
+</g>
+</svg>

src/assets/svg/home/handle.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zaixianbanli" clip-path="url(#clip0_490_932)">
+<path id="Vector" d="M16.8066 2.35547H3.05664C2.36719 2.35547 1.80664 2.91602 1.80664 3.60547V12.3555C1.80664 13.0469 2.36719 13.6055 3.05664 13.6055H16.8066C17.4961 13.6055 18.0566 13.0469 18.0566 12.3555V3.60547C18.0566 2.91602 17.4961 2.35547 16.8066 2.35547ZM16.8066 12.3555H3.05664V3.60547H16.8066V12.3555ZM14.3105 17.9922H5.56055C5.21484 17.9922 4.93555 17.7129 4.93555 17.3672C4.93555 17.0215 5.21484 16.7422 5.56055 16.7422H14.3105C14.6563 16.7422 14.9355 17.0215 14.9355 17.3672C14.9355 17.7109 14.6563 17.9922 14.3105 17.9922Z" fill="white"/>
+<path id="Vector_2" d="M8.37695 12.3555L7.84375 13.6055L6.13281 17.6113C5.99805 17.9297 5.63086 18.0762 5.3125 17.9414C5.07617 17.8398 4.93359 17.6094 4.93359 17.3652C4.93359 17.2832 4.94922 17.1992 4.98437 17.1211L6.48633 13.6055L7.01953 12.3555H8.37695ZM14.9336 17.3672C14.9336 17.6094 14.791 17.8418 14.5547 17.9414C14.2363 18.0762 13.8711 17.9297 13.7344 17.6113L12.0234 13.6055L11.4902 12.3555H12.8496L13.3828 13.6055L14.8828 17.1211C14.916 17.2012 14.9336 17.2852 14.9336 17.3672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_490_932">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/home.svg

@@ -1,12 +1,12 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="shouye" clip-path="url(#clip0_807_4466)">
-<path id="Vector" d="M4.5 9V21H19.5V9L12 3L4.5 9Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M9.5 14.5V21H14.5V14.5H9.5Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_3" d="M4.5 21H19.5" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shouye" clip-path="url(#clip0_490_912)">
+<path id="Vector" d="M3.75 7.5V17.5H16.25V7.5L10 2.5L3.75 7.5Z" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7.91602 12.084V17.5007H12.0827V12.084H7.91602Z" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_3" d="M3.75 17.5H16.25" stroke="#999999" stroke-width="1.5" stroke-linecap="round"/>
 </g>
 <defs>
-<clipPath id="clip0_807_4466">
-<rect width="24" height="24" fill="white"/>
+<clipPath id="clip0_490_912">
+<rect width="20" height="20" fill="white"/>
 </clipPath>
 </defs>
 </svg>

src/assets/svg/home/knowledge.svg

@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zhishi" clip-path="url(#clip0_490_612)">
+<path id="Vector" d="M20 13.5V3C20 2.44771 19.5523 2 19 2H5C4.44771 2 4 2.44771 4 3V21C4 21.5523 4.44771 22 5 22H10.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M8.5 6H15.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M8.5 10H15.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M8.5 14H11.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_5" d="M19.5 22L17.7677 20.2677M17.7677 20.2677C18.2202 19.8153 18.5 19.1903 18.5 18.5C18.5 17.1193 17.3807 16 16 16C14.6193 16 13.5 17.1193 13.5 18.5C13.5 19.8807 14.6193 21 16 21C16.6903 21 17.3153 20.7202 17.7677 20.2677Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_612">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/knowledgeCentre.svg

@@ -1,14 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="zhishizhongxin" clip-path="url(#clip0_807_4345)">
-<path id="Vector" d="M18 4H4.5C3.67158 4 3 4.67158 3 5.5V19.5C3 20.3285 3.67158 21 4.5 21H19.5C20.3285 21 21 20.3285 21 19.5V12.5V9" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M16.1213 6.2427L18.2426 4.12135L16.1213 2.00003" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M12 8.5V17" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_4" d="M16 12V17" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_5" d="M8 12V17" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4345">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/like.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zan" clip-path="url(#clip0_490_861)">
+<path id="Vector" d="M11.5 7.75001V4.75001C11.5 3.50736 10.4927 2.5 9.25 2.5L6.25 9.25001V17.5H14.965C15.713 17.5085 16.3529 16.9646 16.465 16.225L17.5 9.47501C17.566 9.03989 17.4377 8.59772 17.1489 8.26564C16.8601 7.93355 16.4401 7.74501 16 7.75001H11.5Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" d="M6.25 9.16626H4.2475C3.36888 9.15072 2.61779 9.87851 2.5 10.7493V15.9993C2.61779 16.8701 3.36888 17.5148 4.2475 17.4993H6.25V9.16626Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_861">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/policy.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="zhengce" clip-path="url(#clip0_490_620)">
+<path id="Vector" d="M4 22V3C4 2.44771 4.44771 2 5 2H19C19.5523 2 20 2.44771 20 3V22L12 17.8636L4 22Z" stroke="white" stroke-opacity="0.9" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" d="M8 9H16" stroke="white" stroke-opacity="0.9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_620">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/print.svg

@@ -0,0 +1,12 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="dayin" clip-path="url(#clip0_490_927)">
+<path id="Vector" d="M15.4173 13.333H4.58398V18.333H15.4173V13.333Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M1.66602 8.33301H18.3327V15.833H15.4232V13.333H4.57456V15.833H1.66602V8.33301Z" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M15.8327 1.66699H4.16602V8.33366H15.8327V1.66699Z" stroke="#0052D9" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_927">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/robot.svg

@@ -0,0 +1,21 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="jiqiren" clip-path="url(#clip0_490_603)">
+<path id="Vector" d="M33.6709 67.3418C15.0633 67.3418 0 52.2785 0 33.6709C0 15.0633 15.0633 0 33.6709 0C52.2785 0 67.3418 15.0633 67.3418 33.6709C67.3418 52.2785 52.2785 67.3418 33.6709 67.3418Z" fill="#0052D9"/>
+<path id="Vector_2" d="M33.67 67.34C52.234 67.34 67.34 52.234 67.34 33.67C67.34 15.106 52.234 0 33.67 0C15.106 0 0 15.106 0 33.67C0 52.234 15.106 67.34 33.67 67.34Z" fill="#0052D9"/>
+<path id="Vector_3" d="M33.6714 19.4932V14.1768H34.5575V19.4932C38.0132 19.759 40.76 22.5945 40.76 26.1388H27.4689C27.4689 22.5945 30.2157 19.759 33.6714 19.4932ZM51.3929 30.1261H54.9373C55.9119 30.1261 56.7094 30.9236 56.7094 31.8983V38.9869C56.7094 39.9616 55.9119 40.759 54.9373 40.759H51.3929V30.1261ZM16.836 30.1261V40.759H13.2917C12.317 40.759 11.5195 39.9616 11.5195 38.9869V31.8983C11.5195 30.9236 12.317 30.1261 13.2917 30.1261H16.836ZM31.8993 46.9616H36.3297V54.0502H31.8993V46.9616Z" fill="#C2E0FF"/>
+<g id="Mask group">
+<mask id="mask0_490_603" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="68" height="68">
+<path id="Vector_4" d="M33.67 67.34C52.234 67.34 67.34 52.234 67.34 33.67C67.34 15.106 52.234 0 33.67 0C15.106 0 0 15.106 0 33.67C0 52.234 15.106 67.34 33.67 67.34Z" fill="#0052D9"/>
+</mask>
+<g mask="url(#mask0_490_603)">
+<path id="Vector_5" d="M21.2663 22.1515H46.9625C50.8613 22.1515 54.0512 25.3413 54.0512 29.2401V41.6451C54.0512 45.5439 50.8613 48.7337 46.9625 48.7337H21.2663C17.3676 48.7337 14.1777 45.5439 14.1777 41.6451V29.2401C14.1777 25.3413 17.3676 22.1515 21.2663 22.1515ZM27.9119 28.354C23.7474 28.354 20.3803 31.7211 20.3803 35.8856C20.3803 40.0502 23.7474 43.4173 27.9119 43.4173H40.317C44.4815 43.4173 47.8486 40.0502 47.8486 35.8856C47.8486 31.7211 44.4815 28.354 40.317 28.354H27.9119ZM34.1144 70.8856C28.4436 70.8856 23.9246 66.3667 23.9246 60.6958C23.9246 55.0249 28.4436 50.5059 34.1144 50.5059C39.7853 50.5059 44.3043 55.0249 44.3043 60.6958C44.3043 66.3667 39.7853 70.8856 34.1144 70.8856ZM34.1144 15.9489C32.8739 15.9489 31.8993 14.9743 31.8993 13.7337C31.8993 12.4932 32.8739 11.5186 34.1144 11.5186C35.3549 11.5186 36.3296 12.4932 36.3296 13.7337C36.3296 14.9743 35.3549 15.9489 34.1144 15.9489ZM27.0258 38.1008C25.7853 38.1008 24.8106 37.1261 24.8106 35.8856C24.8106 34.6451 25.7853 33.6705 27.0258 33.6705C28.2663 33.6705 29.241 34.6451 29.241 35.8856C29.241 37.1261 28.2663 38.1008 27.0258 38.1008ZM40.317 38.1008C39.0765 38.1008 38.1018 37.1261 38.1018 35.8856C38.1018 34.6451 39.0765 33.6705 40.317 33.6705C41.5575 33.6705 42.5322 34.6451 42.5322 35.8856C42.5322 37.1261 41.5575 38.1008 40.317 38.1008Z" fill="white"/>
+</g>
+</g>
+<path id="Vector_6" d="M27.9115 27.0254H40.3166C45.19 27.0254 49.1774 31.0127 49.1774 35.8862C49.1774 40.7596 45.19 44.7469 40.3166 44.7469H27.9115C23.0381 44.7469 19.0508 40.7596 19.0508 35.8862C19.0508 31.0127 23.0381 27.0254 27.9115 27.0254ZM27.9115 28.3545C23.747 28.3545 20.3799 31.7216 20.3799 35.8862C20.3799 40.0507 23.747 43.4178 27.9115 43.4178H40.3166C44.4812 43.4178 47.8482 40.0507 47.8482 35.8862C47.8482 31.7216 44.4812 28.3545 40.3166 28.3545H27.9115Z" fill="#C2E0FF"/>
+</g>
+<defs>
+<clipPath id="clip0_490_603">
+<rect width="70" height="70" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/system.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="xitongguanli" clip-path="url(#clip0_807_4361)">
-<path id="Vector" d="M12 2L9 5H5V9L2 12L5 15V19H9L12 22L15 19H19V15L22 12L19 9V5H15L12 2Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_2" d="M12 15C13.6568 15 15 13.6568 15 12C15 10.3432 13.6568 9 12 9C10.3432 9 9 10.3432 9 12C9 13.6568 10.3432 15 12 15Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_807_4361">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

src/assets/svg/home/tip_five.svg

@@ -0,0 +1,18 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="5" clip-path="url(#clip0_490_672)">
+<path id="Vector" d="M1.82422 11.9402C1.82422 13.3114 2.09429 14.6691 2.61901 15.9359C3.14373 17.2027 3.91282 18.3537 4.88238 19.3233C5.85193 20.2928 7.00296 21.0619 8.26974 21.5866C9.53653 22.1114 10.8943 22.3814 12.2654 22.3814C13.6366 22.3814 14.9943 22.1114 16.2611 21.5866C17.5279 21.0619 18.6789 20.2928 19.6485 19.3233C20.618 18.3537 21.3871 17.2027 21.9118 15.9359C22.4366 14.6691 22.7066 13.3114 22.7066 11.9402C22.7066 10.5691 22.4366 9.21133 21.9118 7.94455C21.3871 6.67776 20.618 5.52674 19.6485 4.55718C18.6789 3.58763 17.5279 2.81853 16.2611 2.29381C14.9943 1.76909 13.6366 1.49902 12.2654 1.49902C10.8943 1.49902 9.53653 1.76909 8.26974 2.29381C7.00296 2.81853 5.85193 3.58763 4.88238 4.55718C3.91282 5.52674 3.14373 6.67776 2.61901 7.94455C2.09429 9.21133 1.82422 10.5691 1.82422 11.9402Z" fill="#F5F3FF"/>
+<path id="Vector_2" d="M16.5024 5.0293H10.0296C8.84401 5.0293 7.88281 5.9905 7.88281 7.1761V9.0217L8.92561 8.1169L13.1652 11.7949V18.0229H16.5012C17.6868 18.0229 18.648 17.0617 18.648 15.8761V7.1773C18.6492 5.9917 17.688 5.0293 16.5024 5.0293ZM16.3488 15.0265H14.9364C14.6712 15.0265 14.4564 14.8117 14.4564 14.5465C14.4564 14.2813 14.6712 14.0665 14.9364 14.0665H16.3488C16.614 14.0665 16.8288 14.2813 16.8288 14.5465C16.8288 14.8117 16.614 15.0265 16.3488 15.0265ZM16.3488 12.0565H14.9364C14.6712 12.0565 14.4564 11.8417 14.4564 11.5765C14.4564 11.3113 14.6712 11.0965 14.9364 11.0965H16.3488C16.614 11.0965 16.8288 11.3113 16.8288 11.5765C16.8288 11.8417 16.614 12.0565 16.3488 12.0565ZM16.3488 8.8741H12.372C12.1068 8.8741 11.892 8.6593 11.892 8.3941C11.892 8.1289 12.1068 7.9141 12.372 7.9141H16.3488C16.614 7.9141 16.8288 8.1289 16.8288 8.3941C16.8288 8.6593 16.614 8.8741 16.3488 8.8741ZM9.42241 14.9821H8.39041C8.33641 14.9821 8.23321 15.1009 8.23321 15.2881V18.0409H9.57961V15.2881C9.57961 15.1021 9.47641 14.9821 9.42241 14.9821Z" fill="#7666F8"/>
+<path id="Vector_3" d="M8.92658 9.33398L6.06698 11.8144C5.94422 11.9211 5.84578 12.0529 5.77829 12.2009C5.71081 12.349 5.67585 12.5097 5.67578 12.6724V16.612C5.67578 17.4016 6.31538 18.0424 7.10618 18.0424H7.27538V15.2884C7.27538 14.59 7.77698 14.0224 8.39258 14.0224H9.42458C10.0402 14.0224 10.5418 14.59 10.5418 15.2884V18.0412H12.1786V12.154L8.92658 9.33398Z" fill="#7666F8"/>
+<path id="Vector_4" d="M9.58078 17.134V15.2884C9.58078 15.1012 9.47757 14.9824 9.42357 14.9824H8.39157C8.33757 14.9824 8.23438 15.1012 8.23438 15.2884V16.9816C8.68558 17.0656 9.13558 17.116 9.58078 17.134Z" fill="#8574FA"/>
+<path id="Vector_5" d="M5.67578 12.6724V16.1164C6.18098 16.3732 6.71498 16.588 7.27418 16.7524V15.2884C7.27418 14.59 7.77578 14.0224 8.39138 14.0224H9.42338C10.039 14.0224 10.5406 14.59 10.5406 15.2884V17.1208C11.0974 17.0848 11.6446 17.0008 12.1774 16.87V12.154L8.92658 9.33398L6.06698 11.8144C5.94422 11.9211 5.84578 12.0529 5.77829 12.2009C5.71081 12.349 5.67585 12.5097 5.67578 12.6724Z" fill="#8574FA"/>
+<path id="Vector_6" d="M16.5024 5.0293H10.0296C8.84401 5.0293 7.88281 5.9905 7.88281 7.1761V9.0217L8.92561 8.1169L13.1652 11.7949V16.5661C14.1447 16.2055 15.0575 15.6848 15.8664 15.0253H14.9364C14.6712 15.0253 14.4564 14.8105 14.4564 14.5453C14.4564 14.2801 14.6712 14.0653 14.9364 14.0653H16.3488C16.4964 14.0653 16.6272 14.1337 16.716 14.2393C17.5492 13.3693 18.2057 12.346 18.6492 11.2261V7.1773C18.6492 5.9917 17.688 5.0293 16.5024 5.0293ZM16.3488 12.0565H14.9364C14.6712 12.0565 14.4564 11.8417 14.4564 11.5765C14.4564 11.3113 14.6712 11.0965 14.9364 11.0965H16.3488C16.614 11.0965 16.8288 11.3113 16.8288 11.5765C16.8288 11.8417 16.614 12.0565 16.3488 12.0565ZM16.3488 8.8741H12.372C12.1068 8.8741 11.892 8.6593 11.892 8.3941C11.892 8.1289 12.1068 7.9141 12.372 7.9141H16.3488C16.614 7.9141 16.8288 8.1289 16.8288 8.3941C16.8288 8.6593 16.614 8.8741 16.3488 8.8741Z" fill="#8574FA"/>
+<path id="Vector_7" d="M5.67578 12.6716V13.6988C7.98218 14.0276 10.2406 13.592 12.1786 12.5732V12.152L8.92778 9.33203L6.06698 11.8136C5.94422 11.9204 5.84578 12.0522 5.77829 12.2002C5.71081 12.3482 5.67585 12.509 5.67578 12.6716Z" fill="#9E8BFE"/>
+<path id="Vector_8" d="M16.5024 5.0293H10.0296C8.84401 5.0293 7.88281 5.9905 7.88281 7.1761V9.0217L8.92561 8.1169L13.1652 11.7949V11.9833C14.3853 11.166 15.4251 10.1075 16.2204 8.8729H12.372C12.1068 8.8729 11.892 8.6581 11.892 8.3929C11.892 8.1277 12.1068 7.9129 12.372 7.9129H16.3488C16.4844 7.9129 16.6068 7.9705 16.6944 8.0605C17.1288 7.2325 17.4624 6.3337 17.6724 5.3773C17.3244 5.15028 16.9179 5.02937 16.5024 5.0293Z" fill="#9E8BFE"/>
+<path id="Vector_9" d="M8.92637 9.3337L8.18117 9.9805C8.54597 9.8785 8.90357 9.7573 9.25397 9.6181L8.92637 9.3337ZM14.5676 5.0293H10.0316C8.84597 5.0293 7.88477 5.9905 7.88477 7.1761V9.0217L8.92757 8.1169L10.1756 9.2005C11.9888 8.2729 13.5284 6.8341 14.5676 5.0293Z" fill="#AE9BFF"/>
+</g>
+<defs>
+<clipPath id="clip0_490_672">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/tip_four.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="4" clip-path="url(#clip0_490_663)">
+<path id="Vector" d="M1.51953 11.99C1.51953 13.3612 1.7896 14.7189 2.31432 15.9857C2.83904 17.2525 3.60813 18.4035 4.57769 19.3731C5.54724 20.3426 6.69827 21.1117 7.96506 21.6364C9.23184 22.1612 10.5896 22.4312 11.9607 22.4312C13.3319 22.4312 14.6896 22.1612 15.9564 21.6364C17.2232 21.1117 18.3742 20.3426 19.3438 19.3731C20.3133 18.4035 21.0824 17.2525 21.6071 15.9857C22.1319 14.7189 22.4019 13.3612 22.4019 11.99C22.4019 10.6189 22.1319 9.26114 21.6071 7.99435C21.0824 6.72757 20.3133 5.57654 19.3438 4.60698C18.3742 3.63743 17.2232 2.86834 15.9564 2.34362C14.6896 1.8189 13.3319 1.54883 11.9607 1.54883C10.5896 1.54883 9.23184 1.8189 7.96506 2.34362C6.69827 2.86834 5.54724 3.63743 4.57769 4.60698C3.60813 5.57654 2.83904 6.72757 2.31432 7.99435C1.7896 9.26114 1.51953 10.6189 1.51953 11.99Z" fill="#FFEFEB"/>
+<path id="Vector_2" d="M11.0038 11.8503L10.879 12.5787L11.533 12.2343C11.6651 12.1649 11.8122 12.1286 11.9614 12.1286C12.1107 12.1286 12.2577 12.1649 12.3898 12.2343L13.0438 12.5787L12.919 11.8503C12.8674 11.5515 12.967 11.2467 13.1842 11.0355L13.7134 10.5195L12.9814 10.4127C12.8336 10.3914 12.6931 10.3343 12.5723 10.2465C12.4514 10.1587 12.3538 10.0427 12.2878 9.90872L11.9602 9.24512L11.6326 9.90872C11.5665 10.0426 11.4688 10.1584 11.3479 10.2462C11.2271 10.334 11.0868 10.3911 10.939 10.4127L10.207 10.5195L10.7362 11.0355C10.8441 11.1391 10.9249 11.2675 10.9716 11.4096C11.0182 11.5516 11.0293 11.703 11.0038 11.8503Z" fill="#FF5757"/>
+<path id="Vector_3" d="M15.6231 5.11523H8.29587C6.81027 5.11523 5.60547 6.32003 5.60547 7.80563V16.1756C5.60547 17.6612 6.81027 18.866 8.29587 18.866H15.6231C17.1087 18.866 18.3135 17.6612 18.3135 16.1756V7.80563C18.3135 6.31883 17.1087 5.11523 15.6231 5.11523ZM9.11427 10.1636C9.22347 9.82763 9.50787 9.58763 9.85707 9.53723L10.7391 9.40883L11.1339 8.60963C11.2093 8.45508 11.3268 8.32492 11.4728 8.23408C11.6188 8.14324 11.7875 8.09539 11.9595 8.09603C12.3123 8.09603 12.6291 8.29283 12.7851 8.60963L13.1799 9.40883L14.0619 9.53723C14.4111 9.58763 14.6955 9.82763 14.8047 10.1636C14.9139 10.4996 14.8239 10.8608 14.5719 11.1068L13.9335 11.7284L14.0847 12.6068C14.1447 12.9548 14.0043 13.3004 13.7187 13.508C13.5799 13.6096 13.4154 13.67 13.2439 13.6823C13.0724 13.6946 12.9009 13.6584 12.7491 13.5776L11.9607 13.1624L11.1723 13.5776C11.0367 13.6496 10.8891 13.6844 10.7427 13.6844C10.5531 13.6844 10.3635 13.6244 10.2027 13.508C10.0633 13.4076 9.95498 13.2698 9.89025 13.1107C9.82551 12.9515 9.80694 12.7773 9.83667 12.608L9.98667 11.7296L9.34827 11.108C9.09507 10.8608 9.00507 10.4984 9.11427 10.1636ZM14.6343 16.4492H9.28587C9.00387 16.4492 8.77467 16.22 8.77467 15.938C8.77467 15.656 9.00387 15.4268 9.28587 15.4268H14.6343C14.9163 15.4268 15.1455 15.656 15.1455 15.938C15.1455 16.22 14.9163 16.4492 14.6343 16.4492Z" fill="#F54341"/>
+<path id="Vector_4" d="M15.6231 5.11523H8.29587C6.81027 5.11523 5.60547 6.32003 5.60547 7.80563V16.1756C5.60547 16.2188 5.60667 16.2632 5.60907 16.3064C6.21072 16.5667 6.83764 16.7642 7.47987 16.8956C9.31707 17.27 11.1363 17.0804 12.7635 16.4504H9.28587C9.00387 16.4504 8.77467 16.2212 8.77467 15.9392C8.77467 15.6572 9.00387 15.428 9.28587 15.428H14.6343C14.6535 15.428 14.6727 15.4316 14.6919 15.434C16.3515 14.2976 17.6499 12.6344 18.3147 10.6232V7.80563C18.3135 6.31883 17.1087 5.11523 15.6231 5.11523ZM14.5719 11.1068L13.9335 11.7284L14.0847 12.6068C14.1447 12.9548 14.0043 13.3004 13.7187 13.508C13.5799 13.6096 13.4154 13.67 13.2439 13.6823C13.0724 13.6946 12.9009 13.6584 12.7491 13.5776L11.9607 13.1624L11.1723 13.5776C11.0367 13.6496 10.8891 13.6844 10.7427 13.6844C10.5531 13.6844 10.3635 13.6244 10.2027 13.508C10.0633 13.4076 9.95498 13.2698 9.89025 13.1107C9.82551 12.9515 9.80694 12.7773 9.83667 12.608L9.98667 11.7296L9.34827 11.108C9.22455 10.9885 9.13708 10.8364 9.0959 10.6694C9.05472 10.5023 9.0615 10.327 9.11547 10.1636C9.22467 9.82763 9.50907 9.58763 9.85827 9.53723L10.7403 9.40883L11.1351 8.60963C11.2105 8.45508 11.328 8.32492 11.474 8.23408C11.62 8.14324 11.7887 8.09539 11.9607 8.09603C12.3135 8.09603 12.6303 8.29283 12.7863 8.60963L13.1811 9.40883L14.0631 9.53723C14.4123 9.58763 14.6967 9.82763 14.8059 10.1636C14.9139 10.4984 14.8239 10.8608 14.5719 11.1068Z" fill="#F55857"/>
+<path id="Vector_5" d="M15.6231 5.11524H8.29587C6.81027 5.11524 5.60547 6.32004 5.60547 7.80564V13.6868C7.10187 13.826 8.56947 13.6484 9.93387 13.2044C9.83361 13.0224 9.79848 12.8116 9.83427 12.6068L9.98427 11.7284L9.34587 11.1068C9.22216 10.9873 9.13468 10.8352 9.0935 10.6682C9.05232 10.5011 9.0591 10.3258 9.11307 10.1624C9.22227 9.82644 9.50667 9.58644 9.85587 9.53604L10.7379 9.40764L11.1327 8.60844C11.2081 8.45389 11.3256 8.32372 11.4716 8.23288C11.6176 8.14204 11.7863 8.0942 11.9583 8.09484C12.3111 8.09484 12.6279 8.29164 12.7839 8.60844L13.1787 9.40764L14.0607 9.53604C14.2051 9.55646 14.3425 9.61126 14.4613 9.69584C14.5801 9.78041 14.6769 9.89228 14.7435 10.022C15.8355 8.77044 16.6515 7.25124 17.0763 5.54124C16.643 5.26235 16.1384 5.11443 15.6231 5.11524Z" fill="#F67170"/>
+<path id="Vector_6" d="M12.2878 9.90872L11.9602 9.24512L11.6326 9.90872C11.5665 10.0426 11.4688 10.1584 11.3479 10.2462C11.2271 10.334 11.0868 10.3911 10.939 10.4127L10.207 10.5195L10.7362 11.0355C10.8431 11.1397 10.923 11.2683 10.9692 11.4102C11.0154 11.5522 11.0265 11.7032 11.0014 11.8503L10.8766 12.5787L11.5306 12.2343C11.7375 12.1262 11.9776 12.1005 12.2026 12.1623C12.4426 12.0159 12.6778 11.8611 12.9058 11.6967C12.9046 11.4495 13.0018 11.2095 13.183 11.0343L13.7122 10.5183L12.9802 10.4115C12.8326 10.3904 12.6923 10.3336 12.5717 10.246C12.451 10.1584 12.3536 10.0426 12.2878 9.90872Z" fill="#F67170"/>
+<path id="Vector_7" d="M5.60547 7.80563V10.2404C9.03267 9.96083 12.1251 8.03603 13.8975 5.11523H8.29587C6.81027 5.11523 5.60547 6.31883 5.60547 7.80563Z" fill="#F78887"/>
+</g>
+<defs>
+<clipPath id="clip0_490_663">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/tip_one.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="1" clip-path="url(#clip0_490_632)">
+<path id="Vector" d="M1.63281 11.9666C1.63281 13.3377 1.90288 14.6955 2.4276 15.9623C2.95232 17.2291 3.72141 18.3801 4.69097 19.3496C5.66052 20.3192 6.81155 21.0883 8.07834 21.613C9.34512 22.1377 10.7029 22.4078 12.074 22.4078C13.4452 22.4078 14.8029 22.1377 16.0697 21.613C17.3365 21.0883 18.4875 20.3192 19.4571 19.3496C20.4266 18.3801 21.1957 17.2291 21.7204 15.9623C22.2451 14.6955 22.5152 13.3377 22.5152 11.9666C22.5152 9.19741 21.4152 6.54165 19.4571 4.58355C17.499 2.62544 14.8432 1.52539 12.074 1.52539C9.30483 1.52539 6.64907 2.62544 4.69097 4.58355C2.73286 6.54165 1.63281 9.19741 1.63281 11.9666Z" fill="#E9FBFF"/>
+<path id="Vector_2" d="M12.5723 7.01363H11.5319C11.3738 7.01363 11.2221 6.95079 11.1102 6.83895C10.9984 6.7271 10.9355 6.5754 10.9355 6.41723V5.14523C10.9355 4.98705 10.9984 4.83536 11.1102 4.72351C11.2221 4.61166 11.3738 4.54883 11.5319 4.54883H12.5723C12.7305 4.54883 12.8822 4.61166 12.9941 4.72351C13.1059 4.83536 13.1687 4.98705 13.1687 5.14523V6.41723C13.1687 6.5754 13.1059 6.7271 12.9941 6.83895C12.8822 6.95079 12.7305 7.01363 12.5723 7.01363Z" fill="#4DDDFF"/>
+<path id="Vector_3" d="M12.1917 12.5073C12.7173 12.4389 13.1253 11.9889 13.1253 11.4441C13.1253 10.8525 12.6441 10.3701 12.0513 10.3701C11.4597 10.3701 10.9785 10.8513 10.9785 11.4441C10.9785 11.9889 11.3865 12.4389 11.9121 12.5073C11.9577 12.5049 12.0045 12.5037 12.0513 12.5037L12.1917 12.5073Z" fill="#36CBFF"/>
+<path id="Vector_4" d="M16.2113 5.40234H14.0957V6.47034C14.4737 6.49074 14.7749 6.80274 14.7749 7.18554C14.7749 7.58154 14.4533 7.90194 14.0585 7.90194H10.0469C9.65088 7.90194 9.33048 7.58034 9.33048 7.18554C9.33048 6.80274 9.63168 6.49074 10.0097 6.47034V5.40234H7.89288C6.65208 5.40234 5.64648 6.40794 5.64648 7.64874V16.5131C5.64648 17.7539 6.65208 18.7595 7.89288 18.7595H16.2113C17.4521 18.7595 18.4577 17.7539 18.4577 16.5131V7.64754C18.4565 6.40794 17.4509 5.40234 16.2113 5.40234ZM14.3573 15.8447C14.2201 15.8447 14.0886 15.7903 13.9916 15.6933C13.8946 15.5963 13.8401 15.4647 13.8401 15.3275C13.8401 14.3927 13.1177 13.6235 12.2021 13.5467C12.1517 13.5503 12.1025 13.5527 12.0509 13.5527C12.0005 13.5527 11.9501 13.5503 11.8997 13.5467C10.9841 13.6235 10.2617 14.3927 10.2617 15.3275C10.2617 15.4647 10.2072 15.5963 10.1102 15.6933C10.0132 15.7903 9.88165 15.8447 9.74448 15.8447C9.60731 15.8447 9.47576 15.7903 9.37877 15.6933C9.28177 15.5963 9.22728 15.4647 9.22728 15.3275C9.22728 14.3183 9.76008 13.4315 10.5581 12.9323C10.3627 12.737 10.2077 12.505 10.102 12.2497C9.99641 11.9943 9.94219 11.7207 9.94248 11.4443C9.94248 10.2827 10.8881 9.33714 12.0497 9.33714C13.2113 9.33714 14.1593 10.2827 14.1593 11.4443C14.1593 12.0239 13.9241 12.5507 13.5437 12.9323C14.3417 13.4315 14.8745 14.3183 14.8745 15.3275C14.8745 15.4647 14.82 15.5963 14.723 15.6933C14.626 15.7903 14.4945 15.8447 14.3573 15.8447Z" fill="#24BCFF"/>
+<path id="Vector_5" d="M16.2113 5.40234H14.0957V6.47034C14.4737 6.49074 14.7749 6.80274 14.7749 7.18554C14.7749 7.58154 14.4533 7.90194 14.0585 7.90194H10.0469C9.65088 7.90194 9.33048 7.58034 9.33048 7.18554C9.33048 6.80274 9.63168 6.49074 10.0097 6.47034V5.40234H7.89288C6.65208 5.40234 5.64648 6.40794 5.64648 7.64874V15.8063C6.36037 16.1662 7.11905 16.4294 7.90248 16.5887C10.0589 17.0279 12.1913 16.6571 13.9853 15.6851C13.8924 15.5892 13.8404 15.461 13.8401 15.3275C13.8401 14.3927 13.1177 13.6235 12.2021 13.5467C12.1517 13.5503 12.1025 13.5527 12.0509 13.5527C11.9993 13.5527 11.9501 13.5503 11.8997 13.5467C10.9841 13.6235 10.2617 14.3927 10.2617 15.3275C10.2617 15.4647 10.2072 15.5963 10.1102 15.6933C10.0132 15.7903 9.88165 15.8447 9.74448 15.8447C9.60731 15.8447 9.47576 15.7903 9.37877 15.6933C9.28177 15.5963 9.22728 15.4647 9.22728 15.3275C9.22728 14.3183 9.76008 13.4315 10.5581 12.9323C10.3627 12.737 10.2077 12.505 10.102 12.2497C9.99641 11.9943 9.94219 11.7207 9.94248 11.4443C9.94248 10.2827 10.8881 9.33714 12.0497 9.33714C13.2113 9.33714 14.1593 10.2827 14.1593 11.4443C14.1593 12.0239 13.9241 12.5507 13.5437 12.9323C14.2925 13.4003 14.8061 14.2079 14.8685 15.1379C16.6121 13.9163 17.9273 12.0791 18.4577 9.86154V7.64754C18.4565 6.40794 17.4509 5.40234 16.2113 5.40234Z" fill="#36CBFF"/>
+<path id="Vector_6" d="M16.2113 5.40234H14.0957V6.47034C14.4737 6.49074 14.7749 6.80274 14.7749 7.18554C14.7749 7.58154 14.4533 7.90194 14.0585 7.90194H10.0469C9.65088 7.90194 9.33048 7.58034 9.33048 7.18554C9.33048 6.80274 9.63168 6.49074 10.0097 6.47034V5.40234H7.89288C6.65208 5.40234 5.64648 6.40794 5.64648 7.64874V13.4723C7.32288 13.7051 8.97168 13.5179 10.4801 12.9863C10.5065 12.9683 10.5329 12.9503 10.5593 12.9335C10.3639 12.7382 10.2089 12.5062 10.1032 12.2509C9.99761 11.9955 9.94339 11.7219 9.94368 11.4455C9.94368 10.2839 10.8893 9.33834 12.0509 9.33834C12.9965 9.33834 13.7993 9.96474 14.0645 10.8251C15.5812 9.42564 16.6408 7.60152 17.1053 5.59074C16.8317 5.46954 16.5293 5.40234 16.2113 5.40234Z" fill="#3ED6FF"/>
+<path id="Vector_7" d="M12.0533 10.3721C11.4617 10.3721 10.9805 10.8533 10.9805 11.4461C10.9805 11.9177 11.2877 12.3185 11.7113 12.4613C12.2009 12.2141 12.6701 11.9273 13.1141 11.6057C13.1225 11.5529 13.1273 11.5001 13.1273 11.4461C13.1261 10.8533 12.6449 10.3721 12.0533 10.3721Z" fill="#3ED6FF"/>
+<path id="Vector_8" d="M11.8193 7.90194H10.0469C9.65088 7.90194 9.33048 7.58034 9.33048 7.18554C9.33048 6.80274 9.63168 6.49074 10.0097 6.47034V5.40234H7.89288C6.65208 5.40234 5.64648 6.40794 5.64648 7.64874V10.2611C7.94328 10.1795 10.1069 9.32394 11.8193 7.90194Z" fill="#4DDDFF"/>
+</g>
+<defs>
+<clipPath id="clip0_490_632">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/tip_three.svg

@@ -0,0 +1,19 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="3" clip-path="url(#clip0_490_651)">
+<path id="Vector" d="M1.58008 11.9832C1.58008 13.3544 1.85015 14.7121 2.37487 15.9789C2.89959 17.2457 3.66868 18.3967 4.63823 19.3662C5.60779 20.3358 6.75882 21.1049 8.0256 21.6296C9.29239 22.1543 10.6501 22.4244 12.0213 22.4244C13.3924 22.4244 14.7502 22.1543 16.017 21.6296C17.2837 21.1049 18.4348 20.3358 19.4043 19.3662C20.3739 18.3967 21.143 17.2457 21.6677 15.9789C22.1924 14.7121 22.4625 13.3544 22.4625 11.9832C22.4625 10.612 22.1924 9.2543 21.6677 7.98752C21.143 6.72073 20.3739 5.5697 19.4043 4.60015C18.4348 3.63059 17.2837 2.8615 16.017 2.33678C14.7502 1.81206 13.3924 1.54199 12.0213 1.54199C10.6501 1.54199 9.29239 1.81206 8.0256 2.33678C6.75882 2.8615 5.60779 3.63059 4.63823 4.60015C3.66868 5.5697 2.89959 6.72073 2.37487 7.98752C1.85015 9.2543 1.58008 10.612 1.58008 11.9832Z" fill="#E9FFF2"/>
+<path id="Vector_2" d="M7.86073 9.14614H6.02473C5.89074 9.14614 5.76224 9.09292 5.6675 8.99817C5.57276 8.90343 5.51953 8.77493 5.51953 8.64094C5.51953 8.50695 5.57276 8.37846 5.6675 8.28371C5.76224 8.18897 5.89074 8.13574 6.02473 8.13574H7.86073C7.99472 8.13574 8.12322 8.18897 8.21796 8.28371C8.31271 8.37846 8.36593 8.50695 8.36593 8.64094C8.36614 8.70734 8.35321 8.77313 8.32789 8.83452C8.30258 8.8959 8.26537 8.95168 8.21842 8.99863C8.17147 9.04559 8.11569 9.08279 8.05431 9.10811C7.99292 9.13342 7.92713 9.14635 7.86073 9.14614Z" fill="#7BFFBA"/>
+<path id="Vector_3" d="M7.86073 12.2672H6.02473C5.74513 12.2672 5.51953 12.0404 5.51953 11.762C5.51953 11.4836 5.74633 11.2568 6.02473 11.2568H7.86073C7.99472 11.2568 8.12322 11.3101 8.21796 11.4048C8.31271 11.4995 8.36593 11.628 8.36593 11.762C8.36593 11.896 8.31271 12.0245 8.21796 12.1193C8.12322 12.214 7.99472 12.2672 7.86073 12.2672Z" fill="#5FFFA7"/>
+<path id="Vector_4" d="M7.86073 15.3444H6.02473C5.74513 15.3444 5.51953 15.1176 5.51953 14.8392C5.51953 14.5608 5.74633 14.334 6.02473 14.334H7.86073C7.99472 14.334 8.12322 14.3872 8.21796 14.482C8.31271 14.5767 8.36593 14.7052 8.36593 14.8392C8.36593 14.9732 8.31271 15.1017 8.21796 15.1964C8.12322 15.2912 7.99472 15.3444 7.86073 15.3444Z" fill="#54EFA5"/>
+<path id="Vector_5" d="M15.3379 5.16504H9.29469C7.90869 5.16504 6.74229 6.12384 6.42429 7.41384H7.80069C8.48829 7.41384 9.04509 7.97064 9.04509 8.65824C9.04509 9.34584 8.48829 9.90264 7.80069 9.90264H6.33789V10.5194H7.80069C8.48829 10.5194 9.04509 11.0762 9.04509 11.7638C9.04509 12.4514 8.48709 13.0058 7.80069 13.0058H6.33789V13.6106H7.80069C8.48829 13.6106 9.04509 14.1674 9.04509 14.855C9.04509 15.5426 8.48829 16.0994 7.80069 16.0994H6.37149C6.58749 17.5178 7.81629 18.6086 9.29349 18.6086H15.3367C16.9663 18.6086 18.2935 17.2826 18.2935 15.6518V8.12064C18.2935 6.49104 16.9675 5.16504 15.3379 5.16504ZM15.0751 14.921C14.9411 14.921 14.8126 14.8678 14.7179 14.7731C14.6231 14.6783 14.5699 14.5498 14.5699 14.4158C14.5699 13.4774 13.8451 12.7058 12.9259 12.629C12.8755 12.6326 12.8263 12.635 12.7747 12.635C12.7243 12.635 12.6739 12.6326 12.6235 12.629C11.7043 12.7058 10.9795 13.4774 10.9795 14.4158C10.9795 14.5498 10.9263 14.6783 10.8315 14.7731C10.7368 14.8678 10.6083 14.921 10.4743 14.921C10.3403 14.921 10.2118 14.8678 10.1171 14.7731C10.0223 14.6783 9.96909 14.5498 9.96909 14.4158C9.96909 13.4078 10.5031 12.5234 11.3035 12.0278C11.1068 11.8337 10.9506 11.6024 10.8441 11.3473C10.7376 11.0923 10.6829 10.8186 10.6831 10.5422C10.6831 9.38904 11.6215 8.44944 12.7759 8.44944C13.9303 8.44944 14.8687 9.38784 14.8687 10.5422C14.8687 11.123 14.6311 11.6486 14.2483 12.0278C15.0487 12.5222 15.5827 13.4078 15.5827 14.4158C15.5819 14.55 15.5281 14.6784 15.433 14.7731C15.3379 14.8677 15.2093 14.9209 15.0751 14.921Z" fill="#42E59B"/>
+<path id="Vector_6" d="M12.915 11.6128C13.4454 11.5444 13.8558 11.0908 13.8558 10.5412C13.8558 9.94476 13.371 9.45996 12.7746 9.45996C12.1782 9.45996 11.6934 9.94476 11.6934 10.5412C11.6934 11.0896 12.105 11.5432 12.6342 11.6128C12.7277 11.6079 12.8214 11.6079 12.915 11.6128Z" fill="#54EFA5"/>
+<path id="Vector_7" d="M15.3379 5.16504H9.29469C7.90869 5.16504 6.74229 6.12384 6.42429 7.41384H7.80069C8.48829 7.41384 9.04509 7.97064 9.04509 8.65824C9.04509 9.34584 8.48709 9.90144 7.80069 9.90144H6.33789V10.5182H7.80069C8.48829 10.5182 9.04509 11.075 9.04509 11.7626C9.04509 12.4502 8.48829 13.007 7.80069 13.007H6.33789V13.6118H7.80069C8.48829 13.6118 9.04509 14.1686 9.04509 14.8562C9.04509 15.5438 8.48829 16.1006 7.80069 16.1006H6.37149C6.39189 16.2326 6.42309 16.361 6.46029 16.487C6.78069 16.5914 7.10949 16.6802 7.44789 16.7486C10.2031 17.3102 12.9187 16.5494 14.9407 14.9018C14.7271 14.843 14.5687 14.6486 14.5687 14.417C14.5687 13.4786 13.8439 12.707 12.9247 12.6302C12.8743 12.6338 12.8251 12.6362 12.7735 12.6362C12.7219 12.6362 12.6727 12.6338 12.6223 12.6302C11.7031 12.707 10.9783 13.4786 10.9783 14.417C10.9783 14.6966 10.7515 14.9222 10.4731 14.9222C10.1947 14.9222 9.96789 14.6954 9.96789 14.417C9.96789 13.409 10.5019 12.5246 11.3023 12.029C11.1056 11.8349 10.9494 11.6036 10.8429 11.3485C10.7364 11.0935 10.6817 10.8198 10.6819 10.5434C10.6819 9.39024 11.6203 8.45064 12.7747 8.45064C13.9291 8.45064 14.8675 9.38904 14.8675 10.5434C14.8675 11.1242 14.6299 11.6498 14.2471 12.029C15.0247 12.5102 15.5491 13.3586 15.5791 14.3306C16.8079 13.1186 17.7019 11.5418 18.0727 9.72504C18.2149 9.02767 18.2737 8.31588 18.2479 7.60464C18.0019 6.21864 16.7911 5.16504 15.3379 5.16504Z" fill="#54EFA5"/>
+<path id="Vector_8" d="M15.3379 5.16504H9.29469C7.90869 5.16504 6.74229 6.12384 6.42429 7.41384H7.80069C8.48829 7.41384 9.04509 7.97064 9.04509 8.65824C9.04509 9.34584 8.48709 9.90144 7.80069 9.90144H6.33789V10.5182H7.80069C8.48829 10.5182 9.04509 11.075 9.04509 11.7626C9.04509 12.4502 8.48829 13.007 7.80069 13.007H6.33789V13.6118H7.80069C7.87629 13.6118 7.94949 13.6202 8.02149 13.6322C8.82069 13.5218 9.59589 13.3178 10.3351 13.031C10.5691 12.6218 10.9027 12.2762 11.3035 12.0278C11.1068 11.8337 10.9506 11.6024 10.8441 11.3473C10.7376 11.0923 10.6829 10.8186 10.6831 10.5422C10.6831 9.38904 11.6215 8.44944 12.7759 8.44944C13.6603 8.44944 14.4175 9.00264 14.7223 9.78024C15.6775 8.56584 16.3723 7.11744 16.7071 5.50224C16.2967 5.28624 15.8311 5.16504 15.3379 5.16504Z" fill="#5FFFA7"/>
+<path id="Vector_9" d="M13.8558 10.5412C13.8558 9.94476 13.371 9.45996 12.7746 9.45996C12.1782 9.45996 11.6934 9.94476 11.6934 10.5412C11.6934 11.0896 12.105 11.5432 12.6342 11.6128C12.681 11.6104 12.7266 11.6092 12.7746 11.6092C12.8046 11.6092 12.8334 11.6104 12.8634 11.6116C13.2023 11.3534 13.5249 11.0745 13.8294 10.7764C13.8462 10.7008 13.8558 10.6228 13.8558 10.5412Z" fill="#5FFFA7"/>
+<path id="Vector_10" d="M13.7719 5.16504H9.29469C7.90869 5.16504 6.74229 6.12384 6.42429 7.41384H7.80069C8.48829 7.41384 9.04509 7.97064 9.04509 8.65824C9.04509 9.34584 8.48709 9.90144 7.80069 9.90144H6.33789V10.3154C9.46509 9.84624 12.2287 7.94064 13.7719 5.16504Z" fill="#7BFFBA"/>
+</g>
+<defs>
+<clipPath id="clip0_490_651">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/tip_tow.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="2" clip-path="url(#clip0_490_642)">
+<path id="Vector" d="M1.62695 11.9998C1.62695 13.371 1.89702 14.7287 2.42174 15.9955C2.94646 17.2623 3.71555 18.4133 4.68511 19.3828C5.65466 20.3524 6.80569 21.1215 8.07248 21.6462C9.33926 22.1709 10.697 22.441 12.0682 22.441C13.4393 22.441 14.797 22.1709 16.0638 21.6462C17.3306 21.1215 18.4816 20.3524 19.4512 19.3828C20.4208 18.4133 21.1898 17.2623 21.7146 15.9955C22.2393 14.7287 22.5094 13.371 22.5094 11.9998C22.5094 10.6286 22.2393 9.2709 21.7146 8.00412C21.1898 6.73733 20.4208 5.58631 19.4512 4.61675C18.4816 3.6472 17.3306 2.8781 16.0638 2.35338C14.797 1.82866 13.4393 1.55859 12.0682 1.55859C10.697 1.55859 9.33926 1.82866 8.07248 2.35338C6.80569 2.8781 5.65466 3.6472 4.68511 4.61675C3.71555 5.58631 2.94646 6.73733 2.42174 8.00412C1.89702 9.2709 1.62695 10.6286 1.62695 11.9998Z" fill="#FFF3E6"/>
+<path id="Vector_2" d="M9.68845 11.8537C10.2861 11.7769 10.7505 11.2657 10.7505 10.6477C10.7505 9.97569 10.2045 9.42969 9.53245 9.42969C8.86045 9.42969 8.31445 9.97569 8.31445 10.6477C8.31445 11.2657 8.77885 11.7769 9.37645 11.8537C9.4804 11.8488 9.58451 11.8488 9.68845 11.8537Z" fill="#FFBB48"/>
+<path id="Vector_3" d="M16.94 5.94629H7.19841C5.88321 5.94629 4.81641 7.01309 4.81641 8.32829V15.6735C4.81641 16.9887 5.88321 18.0555 7.19841 18.0555H16.94C18.2552 18.0555 19.322 16.9887 19.322 15.6735V8.32829C19.322 7.01309 18.2564 5.94629 16.94 5.94629ZM12.0752 15.4647C11.7788 15.4647 11.5388 15.2247 11.5388 14.9283C11.5388 13.8807 10.7312 13.0179 9.70521 12.9303C9.59021 12.94 9.4746 12.94 9.35961 12.9303C8.33361 13.0179 7.52601 13.8807 7.52601 14.9283C7.52601 15.2247 7.28601 15.4647 6.98961 15.4647C6.69321 15.4647 6.45321 15.2247 6.45321 14.9283C6.45321 13.8123 7.05081 12.8331 7.94241 12.2931C7.51161 11.8767 7.24281 11.2923 7.24281 10.6467C7.24281 9.38429 8.27001 8.35709 9.53241 8.35709C10.7948 8.35709 11.822 9.38429 11.822 10.6467C11.822 11.2923 11.5532 11.8755 11.1224 12.2931C12.014 12.8331 12.6116 13.8123 12.6116 14.9283C12.6116 15.2247 12.3716 15.4647 12.0752 15.4647ZM16.202 13.8663H13.8812C13.5848 13.8663 13.3448 13.6263 13.3448 13.3299C13.3448 13.0335 13.5848 12.7935 13.8812 12.7935H16.202C16.4984 12.7935 16.7384 13.0335 16.7384 13.3299C16.7384 13.6263 16.4972 13.8663 16.202 13.8663ZM17.1404 11.1339H13.8812C13.5848 11.1339 13.3448 10.8939 13.3448 10.5975C13.3448 10.3011 13.5848 10.0611 13.8812 10.0611H17.1404C17.4368 10.0611 17.6768 10.3011 17.6768 10.5975C17.6756 10.8939 17.4356 11.1339 17.1404 11.1339Z" fill="#FFA131"/>
+<path id="Vector_4" d="M16.94 5.94629H7.19841C5.88321 5.94629 4.81641 7.01309 4.81641 8.32829V15.6735C4.81641 15.9063 4.85121 16.1295 4.91361 16.3419C5.57463 16.6368 6.26595 16.8585 6.97521 17.0031C10.5968 17.7411 14.156 16.4055 16.43 13.8135C16.3604 13.8471 16.2836 13.8663 16.2008 13.8663H13.88C13.5836 13.8663 13.3436 13.6263 13.3436 13.3299C13.3436 13.0335 13.5836 12.7935 13.88 12.7935H16.2008C16.4972 12.7935 16.7372 13.0335 16.7372 13.3299C16.7372 13.3791 16.7288 13.4259 16.7156 13.4715C17.6994 12.2438 18.3758 10.7989 18.6884 9.25709C18.8428 8.4997 18.908 7.72684 18.8828 6.95429C18.452 6.34469 17.744 5.94629 16.94 5.94629ZM12.0752 15.4647C11.7788 15.4647 11.5388 15.2247 11.5388 14.9283C11.5388 13.8807 10.7312 13.0179 9.70521 12.9303C9.59021 12.94 9.4746 12.94 9.35961 12.9303C8.33361 13.0179 7.52601 13.8807 7.52601 14.9283C7.52601 15.2247 7.28601 15.4647 6.98961 15.4647C6.69321 15.4647 6.45321 15.2247 6.45321 14.9283C6.45321 13.8123 7.05081 12.8331 7.94241 12.2931C7.51161 11.8767 7.24281 11.2923 7.24281 10.6467C7.24281 9.38429 8.27001 8.35709 9.53241 8.35709C10.7948 8.35709 11.822 9.38429 11.822 10.6467C11.822 11.2923 11.5532 11.8755 11.1224 12.2931C12.014 12.8331 12.6116 13.8123 12.6116 14.9283C12.6116 15.2247 12.3716 15.4647 12.0752 15.4647ZM17.1404 11.1339H13.8812C13.5848 11.1339 13.3448 10.8939 13.3448 10.5975C13.3448 10.3011 13.5848 10.0611 13.8812 10.0611H17.1404C17.4368 10.0611 17.6768 10.3011 17.6768 10.5975C17.6768 10.8939 17.4356 11.1339 17.1404 11.1339Z" fill="#FFAD3A"/>
+<path id="Vector_5" d="M6.73281 13.6543C6.99051 13.0894 7.41244 12.6152 7.94361 12.2935C7.51281 11.8771 7.24401 11.2927 7.24401 10.6471C7.24401 9.38474 8.27121 8.35754 9.53361 8.35754C10.796 8.35754 11.8232 9.38474 11.8232 10.6471C11.8232 11.2927 11.5544 11.8759 11.1236 12.2935C11.1776 12.3259 11.2304 12.3607 11.282 12.3955C12.062 11.9911 12.7928 11.4967 13.46 10.9243C13.3863 10.831 13.3461 10.7156 13.346 10.5967C13.346 10.3003 13.586 10.0603 13.8824 10.0603H14.3612C15.4661 8.88 16.3049 7.47644 16.8212 5.94434H7.19841C5.88321 5.94434 4.81641 7.01114 4.81641 8.32634V13.6051C5.46201 13.6771 6.10161 13.6915 6.73281 13.6543Z" fill="#FFBB48"/>
+<path id="Vector_6" d="M9.35999 12.9297C8.89199 12.9693 8.47079 13.1721 8.15039 13.4781C8.77439 13.3605 9.38399 13.1913 9.97319 12.9729C9.88559 12.9537 9.79679 12.9369 9.70559 12.9297C9.59059 12.9394 9.47499 12.9394 9.35999 12.9297Z" fill="#FFBB48"/>
+<path id="Vector_7" d="M7.56561 9.48149C7.96521 8.81069 8.69601 8.35829 9.53241 8.35829C9.66921 8.35829 9.80241 8.37269 9.93201 8.39549C11.0087 7.74264 11.9691 6.9149 12.7736 5.94629H7.19841C5.88321 5.94629 4.81641 7.01309 4.81641 8.32829V10.0095C5.76201 9.94829 6.68481 9.76829 7.56561 9.48149Z" fill="#FFC753"/>
+</g>
+<defs>
+<clipPath id="clip0_490_642">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/uncollect.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="quxiao" clip-path="url(#clip0_490_1018)">
+<path id="Vector" d="M11.9993 2.5L8.9428 8.7388L2 9.74555L7.02945 14.6625L5.8272 21.5L11.9993 18.2096L18.1727 21.5L16.9793 14.6625L22 9.74555L15.0956 8.7388L11.9993 2.5Z" fill="#FF9311" stroke="#FF9311" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_1018">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/svg/home/unlike.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="cai" clip-path="url(#clip0_490_865)">
+<path id="Vector" d="M8.49162 12.2501V15.2501C8.49162 16.4928 9.49895 17.5001 10.7416 17.5001L13.7416 10.7501V2.5001H5.02662C4.27866 2.49164 3.63876 3.03554 3.52661 3.7751L2.49161 10.5251C2.42556 10.9602 2.55393 11.4024 2.84271 11.7345C3.13149 12.0665 3.55154 12.2551 3.99161 12.2501H8.49162Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" d="M13.7422 2.50027H15.7447C16.6233 2.48474 17.3744 3.12945 17.4922 4.00028V9.25029C17.3744 10.1211 16.6233 10.8492 15.7447 10.8336H13.7422V2.50027Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_490_865">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/components/CharacterSet/index.vue

@@ -0,0 +1,391 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import closedIcon from "@/assets/svg/dialog/closed.svg";
+import manIcon from "@/assets/home/man.png";
+import womanIcon from "@/assets/home/woman.png";
+import { reactive } from "vue";
+import { saveUserParam } from "@/api/home";
+import { message } from "@/utils/message";
+import { usePermissionStoreHook } from "@/store/modules/permission";
+
+defineOptions({
+  name: "LoginRemind"
+});
+const dataInfo = reactive({
+  age: undefined,
+  sex: undefined,
+  socialSecurityType: undefined,
+  offsiteSocialSecurityInfo: undefined,
+  residentLocation: "",
+  pensionPaymentPeriod: undefined
+});
+defineExpose({
+  async open() {
+    dialogVisible.value = true;
+  }
+});
+const closed = () => {
+  dialogVisible.value = false;
+};
+const dialogVisible = ref(false);
+
+const changeValue = (key, val) => {
+  dataInfo[key] = val;
+};
+const save = async () => {
+  const list = [];
+  for (const key in dataInfo) {
+    if (dataInfo[key] !== undefined) {
+      list.push({
+        itemEn: key,
+        valueNum: dataInfo[key]
+      });
+    }
+  }
+  const res: any = await saveUserParam(list);
+  if (res.code === 200) {
+    sessionStorage.setItem("roleSetId", res.data);
+    usePermissionStoreHook().changeSexCode(dataInfo.sex);
+    message("设置成功", { type: "success" });
+    dialogVisible.value = false;
+  }
+};
+</script>
+
+<template>
+  <div>
+    <el-dialog
+      width="1000"
+      append-to-body
+      style="background-color: unset"
+      v-model="dialogVisible"
+      :show-close="false"
+      :before-close="closed"
+      custom-class="CharacterSet"
+    >
+      <div class="CharacterSet">
+        <div class="top">
+          <closedIcon @click="closed" style="cursor: pointer" />
+        </div>
+        <div class="title">人物定制</div>
+        <div class="gender">
+          <div @click="changeValue('sex', 0)" class="gender_item">
+            <img :src="manIcon" alt="" />
+            <span>男性</span>
+            <span
+              :class="[dataInfo.sex === 0 ? 'actived' : '']"
+              class="gender_item_select"
+            />
+          </div>
+          <div @click="changeValue('sex', 1)" class="gender_item">
+            <img :src="womanIcon" alt="" />
+            <span>女性</span>
+            <span
+              :class="[dataInfo.sex === 1 ? 'actived' : '']"
+              class="gender_item_select"
+            />
+          </div>
+        </div>
+        <div class="main">
+          <div class="main_item" style="margin-right: 56px">
+            <span class="label">户口所在地</span>
+            <el-select
+              size="large"
+              class="main_item_select"
+              v-model="dataInfo.residentLocation"
+              placeholder="请选择"
+            >
+              <el-option label="深圳户口" :value="0" />
+              <el-option label="港澳台和外籍人员" :value="1" />
+              <el-option label="广东省其他地区" :value="2" />
+              <el-option label="省外户口" :value="3" />
+            </el-select>
+          </div>
+          <div class="main_item">
+            <span class="label">异地社保转入情况</span>
+            <div class="select_list">
+              <div
+                @click="changeValue('offsiteSocialSecurityInfo', 0)"
+                :class="[
+                  dataInfo.offsiteSocialSecurityInfo === 0
+                    ? 'selected'
+                    : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>无异地社保</span>
+                <span class="select_item" />
+              </div>
+              <div
+                @click="changeValue('offsiteSocialSecurityInfo', 1)"
+                :class="[
+                  dataInfo.offsiteSocialSecurityInfo === 1
+                    ? 'selected'
+                    : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>已转入</span>
+                <span class="select_item" />
+              </div>
+              <div
+                @click="changeValue('offsiteSocialSecurityInfo', 2)"
+                :class="[
+                  dataInfo.offsiteSocialSecurityInfo === 2
+                    ? 'selected'
+                    : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>未转入</span>
+                <span class="select_item" />
+              </div>
+            </div>
+          </div>
+          <div class="main_item" style="margin-right: 56px">
+            <span class="label">年龄</span>
+            <div class="select_list">
+              <div
+                style="width: 180px"
+                @click="changeValue('age', 0)"
+                :class="[dataInfo.age === 0 ? 'selected' : 'unselected']"
+                class="select_list_item"
+              >
+                <span>年满60岁</span>
+                <span class="select_item" />
+              </div>
+              <div
+                @click="changeValue('age', 1)"
+                style="width: 180px"
+                :class="[dataInfo.age === 1 ? 'selected' : 'unselected']"
+                class="select_list_item"
+              >
+                <span>未满60岁</span>
+                <span class="select_item" />
+              </div>
+            </div>
+          </div>
+          <div class="main_item">
+            <span class="label">退休类型</span>
+            <div class="select_list">
+              <div
+                style="width: 180px"
+                @click="changeValue('socialSecurityType', 0)"
+                :class="[
+                  dataInfo.socialSecurityType === 0 ? 'selected' : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>城乡居民</span>
+                <span class="select_item" />
+              </div>
+              <div
+                style="width: 180px"
+                @click="changeValue('socialSecurityType', 1)"
+                :class="[
+                  dataInfo.socialSecurityType === 1 ? 'selected' : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>企业职工</span>
+                <span class="select_item" />
+              </div>
+            </div>
+          </div>
+          <!-- <div class="main_item" style="margin-right: 56px">
+            <span class="label">最后参保地</span>
+            <el-select
+              size="large"
+              class="main_item_select"
+              v-model="dataInfo.job"
+              placeholder="请选择"
+            >
+              <el-option label="图片" :value="0" />
+              <el-option label="视频" :value="1" />
+              <el-option label="音频" :value="2" />
+            </el-select>
+          </div> -->
+          <div class="main_item">
+            <span class="label">养老缴费年限是否满15年</span>
+            <div class="select_list">
+              <div
+                @click="changeValue('pensionPaymentPeriod', 0)"
+                style="width: 180px"
+                :class="[
+                  dataInfo.pensionPaymentPeriod === 0
+                    ? 'selected'
+                    : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>是</span>
+                <span class="select_item" />
+              </div>
+              <div
+                @click="changeValue('pensionPaymentPeriod', 1)"
+                style="width: 180px"
+                :class="[
+                  dataInfo.pensionPaymentPeriod === 1
+                    ? 'selected'
+                    : 'unselected'
+                ]"
+                class="select_list_item"
+              >
+                <span>否</span>
+                <span class="select_item" />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="footer_btn">
+          <div class="reset" @click="closed()">取消</div>
+          <div class="main_btn" @click="save()">保存</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<style lang="scss">
+.CharacterSet {
+  .el-dialog__header {
+    display: none;
+  }
+  .el-dialog__body {
+    padding: 0;
+  }
+}
+</style>
+<style lang="scss" scoped>
+.CharacterSet {
+  background-color: transparent !important;
+  background-image: url("../../assets/home/dialog_bg.png");
+  height: 722px;
+  background-size: 100% 100%;
+  .top {
+    display: flex;
+    flex-direction: row-reverse;
+    padding: 100px 43px 0 0;
+  }
+  .title {
+    font-weight: bold;
+    font-size: 24px;
+    color: #08409f;
+    margin-left: 100px;
+    margin-bottom: 24px;
+  }
+  .gender {
+    display: flex;
+    margin-left: 100px;
+    .gender_item {
+      width: 178px;
+      height: 82px;
+      background: #f5f7fe;
+      border-radius: 10px 10px 10px 10px;
+      display: flex;
+      align-items: center;
+      padding: 0 16px;
+      margin-right: 12px;
+      font-size: 14px;
+      color: #000000;
+      cursor: pointer;
+      img {
+        width: 50px;
+        height: 50px;
+        margin-right: 12px;
+      }
+      .gender_item_select {
+        width: 17px;
+        height: 17px;
+        border: 1px solid #d9d9d9;
+        border-radius: 50%; /* 将正方形元素变成圆形 */
+        margin-left: 30px;
+      }
+      .actived {
+        border: 4px solid #0052d9;
+      }
+    }
+  }
+  .main {
+    padding: 79px 100px 0 100px;
+    display: flex;
+    flex-wrap: wrap;
+    .main_item {
+      width: 372px;
+      display: flex;
+      flex-direction: column;
+      margin-bottom: 32px;
+      .label {
+        font-size: 16px;
+        color: #666666;
+        margin-bottom: 12px;
+      }
+      .main_item_select {
+        // margin-right: 56px;
+      }
+      .select_list {
+        display: flex;
+        .select_list_item {
+          cursor: pointer;
+          height: 40px;
+          background: #f5f7fe;
+          border-radius: 6px 6px 6px 6px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 8px 16px;
+          font-size: 16px;
+          color: #333333;
+          margin-right: 8px;
+        }
+        .selected .select_item {
+          width: 17px;
+          height: 17px;
+          border: 4px solid #0052d9;
+          border-radius: 50%; /* 将正方形元素变成圆形 */
+          margin-left: 4px;
+        }
+        .unselected .select_item {
+          width: 17px;
+          height: 17px;
+          border: 1px solid #d9d9d9;
+          border-radius: 50%; /* 将正方形元素变成圆形 */
+          margin-left: 4px;
+        }
+      }
+    }
+  }
+  .footer_btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    .reset {
+      width: 188px;
+      height: 40px;
+      margin-right: 24px;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 40px;
+      color: #4287ff;
+      text-align: center;
+      cursor: pointer;
+      background: #fff;
+      border: 1px solid #0052d9;
+      border-radius: 6px;
+    }
+
+    .main_btn {
+      width: 188px;
+      height: 40px;
+      font-size: 16px;
+      line-height: 40px;
+      color: #fff;
+      text-align: center;
+      cursor: pointer;
+      background: #0052d9;
+      border: 1px solid #4287ff;
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/components/LoginRemind/index.vue

@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import dialogLogo from "@/assets/home/dialog_logo.png";
+
+defineOptions({
+  name: "LoginRemind"
+});
+
+defineExpose({
+  async open() {
+    dialogVisible.value = true;
+  }
+});
+const closed = () => {
+  dialogVisible.value = false;
+};
+const dialogVisible = ref(false);
+</script>
+
+<template>
+  <div>
+    <el-dialog
+      width="738"
+      append-to-body
+      v-model="dialogVisible"
+      :show-close="false"
+      :before-close="closed"
+      custom-class="LoginRemind"
+    >
+      <div class="LoginRemind">
+        <img :src="dialogLogo" alt="" />
+        <div class="title">深圳人社知识管理系统</div>
+        <div class="desc">收藏政策法规需登录深圳人社知识管理系统</div>
+        <div class="footer_btn">
+          <div class="reset" @click="closed()">取消</div>
+          <div class="main" @click="closed()">登录</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<style lang="scss">
+.LoginRemind {
+  .el-dialog__header {
+    display: none ;
+  }
+  .el-dialog__body {
+    padding: 0;
+  }
+}
+</style>
+<style lang="scss" scoped>
+.LoginRemind {
+  padding-bottom: 24px;
+  background: linear-gradient(180deg, #e1ecfe 0%, #ffffff 43%);
+  border-radius: 12px 12px 12px 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  img {
+    width: 82px;
+    height: 82px;
+    margin-top: 80px;
+    margin-bottom: 24px;
+  }
+  .title {
+    font-size: 32px;
+    color: #243042;
+    margin-bottom: 16px;
+  }
+  .desc {
+    font-size: 18px;
+    color: #4f5868;
+    margin-bottom: 60px;
+  }
+  .footer_btn {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-top: 16px;
+
+    .reset {
+      width: 188px;
+      height: 40px;
+      margin-right: 24px;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 40px;
+      color: #4287ff;
+      text-align: center;
+      cursor: pointer;
+      background: #fff;
+      border: 1px solid #0052d9;
+      border-radius: 6px;
+    }
+
+    .main {
+      width: 188px;
+      height: 40px;
+      font-size: 16px;
+      line-height: 40px;
+      color: #fff;
+      text-align: center;
+      cursor: pointer;
+      background: #0052d9;
+      border: 1px solid #4287ff;
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/components/MaterialLibrary/index.vue

@@ -1,511 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import emptyImg from "@/assets/newInquiry/empty.png";
-import videoImg from "@/assets/newInquiry/viedo.png";
-import playImg from "@/assets/newInquiry/play.png";
-import { downLoadUrl } from "@/utils/auth";
-import folderImg from "@/assets/newInquiry/folder.png";
-import { getFileDirectory, queryMedicalRecPage } from "@/api/generalRules";
-import { ArrowLeft } from "@element-plus/icons-vue";
-import PlayVideo from "@/components/PlayVideo/index.vue";
-import router from "@/router";
-defineOptions({
-  name: "MaterialLibrary"
-});
-
-const dialogVisible = ref(false);
-const seachName = ref("");
-const type = ref(1);
-const fileList = ref([]);
-const selectFileId = ref("");
-const selectId = ref("");
-const detailFlag = ref(false);
-const tableList = ref([]);
-const selectName = ref("");
-const selectFileName = ref("");
-const fileId = ref("");
-const PlayVideoRef = ref();
-defineExpose({
-  async open(val) {
-    dialogVisible.value = true;
-    type.value = val;
-    if (val === 1) {
-      getTableData();
-    } else {
-      search();
-    }
-  }
-});
-const page = reactive<any>({
-  total: 0,
-  pageSize: 999,
-  pageNum: 1
-});
-const getTableData = async () => {
-  const res: any = await getFileDirectory({
-    fileName: seachName.value
-  });
-  tableList.value = res.data;
-};
-const getData = async () => {
-  const res: any = await queryMedicalRecPage({
-    materialName: seachName.value,
-    materialType: type.value,
-    pageNum: page.pageNum,
-    pageSize: page.pageSize,
-    directoryId: type.value === 1 ? selectId.value : ""
-  });
-  fileList.value = res.data.records;
-  page.total = res.data.total;
-};
-const resetForm = () => {
-  seachName.value = "";
-  selectFileId.value = "";
-  detailFlag.value = false;
-  selectName.value = "";
-  fileId.value = "";
-  selectId.value = "";
-};
-const closeDialog = () => {
-  dialogVisible.value = false;
-  resetForm();
-};
-const emit = defineEmits(["select"]);
-const search = () => {
-  page.pageNum = 1;
-  if (type.value === 1 && !detailFlag.value) {
-    getTableData();
-  } else {
-    getData();
-  }
-};
-const selectImg = item => {
-  selectFileId.value = item.fileResourceId;
-  fileId.value = item.id;
-};
-const selectVideo = item => {
-  selectFileId.value = item.fileResourceId;
-  fileId.value = item.id;
-  selectFileName.value = item.materialName;
-};
-const openDetail = item => {
-  selectName.value = item.directoryName;
-  detailFlag.value = true;
-  selectId.value = item.id;
-  getData();
-};
-const submit = () => {
-  emit("select", selectFileId.value, selectFileName.value);
-  dialogVisible.value = false;
-  resetForm();
-};
-const goBack = () => {
-  selectName.value = "";
-  detailFlag.value = false;
-};
-const openVideo = id => {
-  PlayVideoRef.value.open(id, 1);
-};
-const goMaterialCenter = () => {
-  router.push("/generalRules/materialCenter");
-};
-</script>
-
-<template>
-  <div>
-    <el-drawer
-      :size="800"
-      append-to-body
-      v-model="dialogVisible"
-      :show-close="false"
-      :with-header="false"
-      :before-close="closeDialog"
-      custom-class="AddEdit"
-    >
-      <div class="AddEdit">
-        <div class="header-title">
-          <div class="tip" />
-          <span>素材库</span>
-        </div>
-        <div class="line" />
-        <div>
-          <el-input
-            style="width: 600px"
-            v-model="seachName"
-            clearable
-            size="large"
-            placeholder="请输入"
-          >
-            <template #prepend>
-              <el-select
-                disabled
-                size="large"
-                v-model="type"
-                placeholder="Select"
-                style="width: 85px"
-              >
-                <el-option label="图片" :value="0" />
-                <el-option label="视频" :value="1" />
-                <el-option label="音频" :value="2" />
-              </el-select>
-            </template>
-          </el-input>
-          <el-button class="ml-8" size="large" @click="search" type="primary"
-            >搜索</el-button
-          >
-        </div>
-        <!-- 图片列表 -->
-        <div v-show="fileList.length > 0 && type === 0" class="img_card_list">
-          <div
-            class="img_card_item"
-            v-for="(item, index) in fileList"
-            :key="index"
-            @click="selectImg(item)"
-            :class="fileId === item.id ? 'actived' : ''"
-          >
-            <img :src="downLoadUrl(item.fileResourceId)" alt="" />
-
-            <div class="name">{{ item.materialName }}</div>
-          </div>
-        </div>
-        <!-- 文件夹列表 -->
-        <div
-          v-show="tableList.length > 0 && !detailFlag"
-          class="folder_card_list"
-        >
-          <div
-            class="folder_card_item"
-            v-for="(item, index) in tableList"
-            :key="index"
-            @click="openDetail(item)"
-          >
-            <div class="folder_img">
-              <img :src="folderImg" alt="" />
-            </div>
-            <div class="name">{{ item.directoryName }}</div>
-          </div>
-        </div>
-        <!-- 视频列表 -->
-        <div class="video_top" v-show="detailFlag">
-          <div @click="goBack" class="back_icon">
-            <el-icon><ArrowLeft /></el-icon>
-            <span>返回</span>
-          </div>
-
-          <span style="margin-left: 24px" class="name">{{ selectName }}</span>
-        </div>
-        <div class="video_list" v-show="detailFlag">
-          <div
-            v-for="(item, index) in fileList"
-            class="video_list_item"
-            @click="selectVideo(item)"
-            :class="fileId === item.id ? 'actived' : ''"
-            :key="index"
-          >
-            <div class="left">
-              <img :src="videoImg" alt="" />
-              <span>{{ item.materialName }}</span>
-            </div>
-            <div @click="openVideo(item.fileResourceId)" class="right">
-              <img :src="playImg" alt="" />
-              <span>点击播放</span>
-            </div>
-          </div>
-        </div>
-        <div
-          v-show="fileList.length === 0 && tableList.length === 0"
-          class="empty_list"
-        >
-          <img :src="emptyImg" alt="" />
-          <div @click="goMaterialCenter">
-            <span>暂无可用素材，可前往【</span>
-            <span style="color: #4287ff">通用规则-素材中心</span>
-            <span>】进行设置</span>
-          </div>
-        </div>
-      </div>
-      <template #footer>
-        <div class="footer_btn">
-          <div class="reset" @click="resetForm()">重置</div>
-          <div class="main" @click="submit()">确定</div>
-        </div>
-      </template>
-    </el-drawer>
-    <PlayVideo ref="PlayVideoRef" />
-  </div>
-</template>
-<style lang="scss" scoped>
-.AddEdit {
-  .header-title {
-    display: flex;
-    align-items: center;
-    // border-left: 6px solid #4287ff;
-
-    font-size: 20px;
-    font-weight: bold;
-    color: #2b3f54;
-
-    .tip {
-      width: 6px;
-      height: 20px;
-      margin-right: 10px;
-      line-height: 20px;
-      background: #4287ff;
-    }
-  }
-
-  .back_icon {
-    display: flex;
-    align-items: center;
-    color: #999;
-    cursor: pointer;
-  }
-
-  .video_list {
-    display: flex;
-    flex-direction: column;
-
-    .actived {
-      border: 2px solid #4287ff;
-    }
-
-    .video_list_item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      height: 56px;
-      padding: 0 16px;
-      margin-top: 8px;
-      cursor: pointer;
-      border-radius: 6px;
-
-      .left {
-        display: flex;
-
-        img {
-          width: 24px;
-          height: 24px;
-          margin-right: 12px;
-        }
-
-        span {
-          width: 400px;
-          overflow: hidden;
-          color: #666;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-      }
-
-      .right {
-        display: flex;
-        align-items: center;
-        color: #4287ff;
-        cursor: pointer;
-
-        img {
-          width: 16px;
-          height: 16px;
-          margin-right: 12px;
-        }
-      }
-    }
-
-    .video_list_item:hover {
-      border: 2px solid #4287ff;
-    }
-  }
-
-  .video_top {
-    display: flex;
-    margin-top: 16px;
-  }
-
-  .folder_card_list {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 16px;
-
-    .folder_card_item {
-      width: 190px;
-      height: 230px;
-      margin-right: 16px;
-      margin-bottom: 16px;
-      cursor: pointer;
-      background: #fff;
-      border-radius: 0 0 12px 12px;
-      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
-
-      .folder_img {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 190px;
-        background: #f5f5f5;
-
-        img {
-          width: 130px;
-          height: 130px;
-        }
-      }
-
-      .name {
-        width: 200px;
-        padding: 8px 16px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-
-  .img_card_list {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 24px;
-
-    .actived {
-      border: 2px solid #4287ff;
-    }
-
-    .img_card_item {
-      width: 190px;
-      height: 230px;
-      margin-right: 16px;
-      cursor: pointer;
-      background: #fff;
-      border-radius: 12px;
-      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
-
-      img {
-        width: 190px;
-        height: 190px;
-        border-radius: 12px 12px 0 0;
-      }
-
-      .name {
-        width: 200px;
-        padding: 8px 16px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
-    .img_card_item:hover {
-      border: 2px solid #4287ff;
-    }
-  }
-
-  .empty_list {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    margin-top: 200px;
-
-    img {
-      width: 200px;
-      height: 120px;
-    }
-
-    span {
-      cursor: pointer;
-    }
-  }
-
-  .line {
-    position: relative;
-    left: -20px;
-    width: 755px;
-    height: 1px;
-    margin: 24px 0;
-    background: rgb(91 139 255 / 30%);
-  }
-
-  .footer_btn {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    margin-top: 16px;
-
-    .reset {
-      width: 188px;
-      height: 48px;
-      margin-right: 24px;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 48px;
-      color: #4287ff;
-      text-align: center;
-      cursor: pointer;
-      background: #fff;
-      border: 1px solid #4287ff;
-      border-radius: 6px;
-    }
-
-    .main {
-      width: 188px;
-      height: 48px;
-      font-size: 16px;
-      line-height: 48px;
-      color: #fff;
-      text-align: center;
-      cursor: pointer;
-      background: #4287ff;
-      border: 1px solid #4287ff;
-      border-radius: 6px;
-    }
-  }
-
-  .normal_list {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-
-    .normal_list_item {
-      margin-bottom: 12px;
-      border: 1px solid #d9d9d9;
-
-      .top {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 36px;
-        padding: 0 12px;
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 36px;
-        color: #333;
-        background: #f5f7f9;
-
-        .icon {
-          font-size: 16px;
-          cursor: pointer;
-        }
-      }
-    }
-
-    :deep(.el-textarea__inner) {
-      box-shadow: none;
-    }
-  }
-
-  .add_btn {
-    width: 76px;
-    height: 32px;
-    margin-left: 16px;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 32px;
-    color: #4287ff;
-    text-align: center;
-    cursor: pointer;
-    background: #fff;
-    border: 1px solid #4287ff;
-    border-radius: 6px;
-    opacity: 1;
-  }
-}
-</style>

src/components/WangEditor/index.vue

@@ -1,29 +1,17 @@
 <template>
-  <div class="editor-main">
+  <div>
+    <div style="margin-top: 10px; border: 1px solid #ccc">
       <Toolbar
         :editor="editorRef"
         :defaultConfig="toolbarConfig"
         :mode="mode"
         style="border-bottom: 1px solid #ccc"
       />
-    <div class="title">
-      <el-input
-        v-model="title"
-        class="title_input borderless-input"
-        maxlength="50"
-        placeholder="请输入标题"
-        show-word-limit
-        type="text"
-      />
-      <div :class="[isError ? 'error_tip' : 'tip']">
-        <span v-if="isError">包含敏感信息</span>
-      </div>
-    </div>
       <Editor
-      class="editor-content"
         :defaultConfig="editorConfig"
         :mode="mode"
         v-model="valueHtml"
+        style="height: 400px; overflow-y: auto"
         @onCreated="handleCreated"
         @onChange="handleChange"
         @onDestroyed="handleDestroyed"
@@ -33,6 +21,7 @@
         @customPaste="customPaste"
       />
     </div>
+  </div>
 </template>
 
 <script>
@@ -44,8 +33,6 @@ export default {
   components: { Editor, Toolbar },
 
   setup() {
-    const title = ref("");
-    const isError = ref(false);
     // 编辑器实例，必须用 shallowRef，重要！
     const editorRef = shallowRef();
 
@@ -86,8 +73,8 @@ export default {
         "justifyRight", // 右对齐
         "undo", // 撤销
         "redo", // 重做
-        "clearStyle" // 清除格式
-        // "fullScreen" // 全屏
+        "clearStyle", // 清除格式
+        "fullScreen" // 全屏
       ]
     };
     const editorConfig = {
@@ -115,7 +102,7 @@ export default {
             uploadFile(form).then(res => {
               if (res.code === 200) {
                 insertFn(
-                  `/know-sub/file/downloadFile?fileId=${res.data}`,
+                  `/virtual-patient-manage/fileManage/downloadFile?fileId=${res.data.id}`,
                   "",
                   ""
                 );
@@ -186,14 +173,9 @@ export default {
       if (editor == null) return;
       valueHtml.value = val;
     };
-    const initTitle = val => {
-      title.value = val;
-    };
     return {
       editorRef,
       mode: "simple",
-      title,
-      isError,
       valueHtml,
       toolbarConfig,
       editorConfig,
@@ -207,49 +189,8 @@ export default {
       insertText,
       printHtml,
       disable,
-      initText,
-      initTitle
+      initText
     };
   }
 };
 </script>
-<style lang="scss" scoped>
-.editor-main {
-  .title {
-    height: 120px;
-    z-index: 9999999;
-    padding: 56px 80px 0 80px;
-    .title_input {
-      font-size: 28px;
-      color: #999999;
-    }
-  }
-  :deep(.el-input__wrapper) {
-    cursor: default;
-    border: none !important;
-    box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color))
-      inset;
-  }
-  .error_tip {
-    width: 100%;
-    height: 24px;
-    border-bottom: 1px solid #ff3429;
-    display: flex;
-    flex-direction: row-reverse;
-    span {
-      font-size: 12px;
-      color: #ff3429;
-    }
-  }
-  .tip {
-    width: 100%;
-    height: 24px;
-    border-bottom: 1px solid #999999;
-  }
-  .editor-content {
-    margin: 0 80px;
-    height: 600px !important;
-    overflow: auto;
-  }
-}
-</style>

src/layout/components/IntelligentCustomerService/ChatContent.vue

@@ -0,0 +1,340 @@
+<script setup lang="ts">
+import { nextTick, ref, watch } from "vue";
+// import robotIcon from "@/assets/svg/dialog/robot.svg";
+// import userIcon from "@/assets/svg/dialog/user.svg";
+import robotIcon from "@/assets/home/robot_icon.png";
+import userIcon from "@/assets/home/user_icon.png";
+import setRoleIcon from "@/assets/svg/dialog/setRole.svg";
+import manIcon from "@/assets/home/man.png";
+import womanIcon from "@/assets/home/woman.png";
+import { singleTalk, roundTalk } from "@/api/home";
+import CharacterSet from "@/components/CharacterSet/index.vue";
+import dayjs from "dayjs";
+import { usePermissionStoreHook } from "@/store/modules/permission";
+const messageList = ref([
+  {
+    dialogType: "0",
+    text: "你好，我是智能客服人社君，请问有什么可以帮您",
+    isSetRole: true,
+    reStart: false,
+    template: "1"
+  }
+]);
+const defaultAskList = ["养老退休", "社会保险", "人才人事", "劳动就业"];
+const askList = [
+  "退休年龄有什么规定吗？",
+  "在哪办理退休？",
+  "女干部退休年龄？",
+  "员工退休年龄是多少？",
+  "退休年限不足15年怎么办？"
+];
+const CharacterSetRef = ref();
+const isStart = ref(false);
+const uuid = ref("");
+const sexCode = ref(undefined);
+const openDetails = () => {
+  CharacterSetRef.value.open();
+};
+const askType = ref("");
+function generateUUID() {
+  const array = new Uint8Array(16);
+  window.crypto.getRandomValues(array);
+
+  // 设置版本和变体位
+  array[6] = (array[6] & 0x0f) | 0x40; // version 4
+  array[8] = (array[8] & 0x3f) | 0x80; // variant 10
+
+  // 将数组转换为UUID字符串
+  const uuid = Array.from(array)
+    .map(byte => byte.toString(16).padStart(2, "0"))
+    .join("");
+
+  return uuid;
+}
+const askQuestion = val => {
+  messageList.value.push({
+    dialogType: "1",
+    text: val,
+    isSetRole: true,
+    reStart: false,
+    template: ""
+  });
+  messageList.value.push({
+    dialogType: "0",
+    text: "",
+    isSetRole: true,
+    reStart: false,
+    template: ""
+  });
+  boxToBottom();
+  askQusetion(val);
+};
+defineExpose({
+  sendText(val) {
+    askQuestion(val);
+  }
+});
+watch(
+  () => usePermissionStoreHook().sexCode,
+  val => {
+    sexCode.value = val;
+  }
+);
+const askQusetion = async val => {
+  if (!isStart.value) {
+    uuid.value = generateUUID();
+  }
+  const res: any = await roundTalk({
+    userTalk: val,
+    // sessionId: "sdsdsdsderer",
+    sessionId: uuid.value,
+    roleSetId: sessionStorage.getItem("roleSetId")
+  });
+  if (res.code === 200) {
+    convertText(
+      messageList.value.length - 1,
+      res.data.replyQuestion ? res.data.replyQuestion : res.data.answerText
+    );
+    isStart.value = true;
+    if (res.data.replyQuestion) {
+      messageList.value[messageList.value.length - 1].reStart = false;
+    } else {
+      messageList.value[messageList.value.length - 1].reStart = true;
+    }
+    const roleSetId = sessionStorage.getItem("roleSetId");
+    if (res.data.replyQuestion && !roleSetId) {
+      messageList.value[messageList.value.length - 1].isSetRole = false;
+    } else {
+      messageList.value[messageList.value.length - 1].isSetRole = true;
+    }
+    boxToBottom();
+  } else {
+    messageList.value.splice(messageList.value.length - 1, 1);
+  }
+};
+const boxToBottom = () => {
+  nextTick(() => {
+    const element = document.getElementById("ChatContent");
+    element.scrollTop = element.scrollHeight;
+  });
+};
+const convertText = (index, val) => {
+  let len = 0;
+  const interval = setInterval(() => {
+    messageList.value[index].text += val[len];
+    len++;
+    if (len === val.length) {
+      clearInterval(interval);
+      boxToBottom();
+    }
+  }, 100); // 每隔100毫秒显示一个字
+};
+const emit = defineEmits(["changeTip"]);
+const continueAsk = index => {
+  isStart.value = true;
+  messageList.value[index].reStart = false;
+  emit("changeTip", "请输入您要继续咨询的问题");
+};
+const reAsk = index => {
+  messageList.value[index].reStart = false;
+  isStart.value = false;
+  const time = dayjs(new Date()).format("HH:mm:ss");
+  messageList.value.push({
+    dialogType: "time",
+    text: time,
+    isSetRole: true,
+    reStart: false,
+    template: ""
+  });
+  emit("changeTip", "请输入您要重新咨询的问题");
+};
+const selectAsk = val => {
+  if (askType.value) return;
+  if (val === "养老退休") {
+    messageList.value.push({
+      dialogType: "0",
+      text: "您好!欢迎咨询“养老退休”相关事宜，您想要咨询什么问题呢?",
+      isSetRole: true,
+      reStart: false,
+      template: "2"
+    });
+    askType.value = val;
+  }
+};
+const selectAskItem = val => {
+  askQuestion(val);
+};
+</script>
+<template>
+  <div id="ChatContent" class="ChatContent">
+    <div v-for="(item, index) in messageList" :key="index">
+      <div v-if="item.dialogType === '0'" class="answer">
+        <!-- <robotIcon /> -->
+        <img :src="robotIcon" alt="" />
+        <div v-loading="!item.text" class="answer_info">
+          <span> {{ item.text }}</span>
+          <div v-show="item.template === '1'" class="defult_ask">
+            <div
+              @click="selectAsk(items)"
+              class="defult_ask_item"
+              v-for="(items, i) in defaultAskList"
+              :key="i"
+            >
+              {{ items }}
+            </div>
+          </div>
+          <div v-show="item.template === '2'" class="ask_list">
+            <div
+              @click="selectAskItem(items)"
+              v-for="(items, i) in askList"
+              :key="i"
+              class="ask_list_item"
+            >
+              <span>{{ items }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="!item.isSetRole" class="setRole">
+        <div class="tip">
+          快速通道提示:完成【人物定制】，我将更直接且准确的回复您关于【养老退休】问题不设置也不影响你继续咨询哦~
+        </div>
+        <div @click="openDetails" class="setRole_btn">
+          <setRoleIcon />
+          <span>人物定制</span>
+        </div>
+      </div>
+      <div v-if="item.reStart" class="reStart">
+        <span @click="continueAsk(index)">继续提问</span>
+        <span @click="reAsk(index)">重新提问</span>
+      </div>
+      <div v-if="item.dialogType === '1'" class="ask">
+        <!-- <userIcon /> -->
+        <img v-if="sexCode === undefined" :src="userIcon" alt="" />
+        <img v-if="sexCode === 0" :src="manIcon" alt="" />
+        <img v-if="sexCode === 1" :src="womanIcon" alt="" />
+        <div class="ask_info">{{ item.text }}</div>
+      </div>
+      <div v-if="item.dialogType === 'time'" class="time">
+        <span class="mr-8">发起新会话</span>
+        <span>{{ item.text }}</span>
+      </div>
+    </div>
+    <CharacterSet ref="CharacterSetRef" />
+  </div>
+</template>
+<style lang="scss" scoped>
+.ChatContent {
+  flex: 1;
+  background: #f5f5f5;
+  padding: 16px 24px;
+  overflow-y: auto;
+  .answer {
+    display: flex;
+    margin-top: 24px;
+    img {
+      width: 45px;
+      height: 45px;
+    }
+    .answer_info {
+      min-width: 50px;
+      background: #ffffff;
+      border-radius: 0px 8px 8px 8px;
+      font-size: 16px;
+      color: #333333;
+      padding: 16px;
+      margin-left: 10px;
+      display: flex;
+      flex-direction: column;
+      .defult_ask {
+        display: flex;
+        margin-top: 10px;
+        .defult_ask_item {
+          width: 96px;
+          height: 30px;
+          background: #0052d9;
+          border-radius: 6px 6px 6px 6px;
+          text-align: center;
+          line-height: 30px;
+          margin-right: 16px;
+          font-size: 14px;
+          color: #ffffff;
+          cursor: pointer;
+        }
+      }
+      .ask_list {
+        margin-top: 12px;
+        .ask_list_item {
+          font-size: 16px;
+          color: #0052d9;
+          cursor: pointer;
+          margin-bottom: 12px;
+        }
+      }
+    }
+  }
+  .ask {
+    display: flex;
+    flex-direction: row-reverse;
+    margin-top: 24px;
+    img {
+      width: 45px;
+      height: 45px;
+    }
+    .ask_info {
+      background: #0052d9;
+      font-size: 16px;
+      color: #ffffff;
+      border-radius: 8px 0px 8px 8px;
+      padding: 16px;
+      margin-right: 10px;
+    }
+  }
+  .setRole {
+    margin-top: 8px;
+    margin-left: 60px;
+    .tip {
+      font-size: 14px;
+      color: #999999;
+      margin-bottom: 8px;
+    }
+    .setRole_btn {
+      width: 114px;
+      height: 30px;
+      border-radius: 4px 4px 4px 4px;
+      border: 1.5px solid #0052d9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      span {
+        font-size: 14px;
+        color: #0052d9;
+        margin-left: 8px;
+      }
+    }
+  }
+  .reStart {
+    margin-top: 8px;
+    margin-left: 60px;
+    font-size: 14px;
+    color: #0052d9;
+    span {
+      margin-right: 16px;
+      cursor: pointer;
+    }
+  }
+  .time {
+    margin-top: 24px;
+    display: flex;
+    justify-content: center;
+    font-size: 14px;
+    color: #999999;
+  }
+}
+</style>
+<style lang="scss">
+.ChatContent .circular {
+  width: 20px;
+}
+</style>

src/layout/components/IntelligentCustomerService/index.vue

@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import reduceIcon from "@/assets/svg/dialog/reduce.svg";
+import sendIcon from "@/assets/svg/dialog/send.svg";
+import ChatContent from "./ChatContent.vue";
+import { ref } from "vue";
+import { usePermissionStoreHook } from "@/store/modules/permission";
+import { message } from "@/utils/message";
+import setRoleIcon from "@/assets/svg/dialog/setRole.svg";
+import CharacterSet from "@/components/CharacterSet/index.vue";
+const text = ref("");
+const ChatContentRef = ref();
+const sendTip = ref("请输入....");
+const closed = () => {
+  usePermissionStoreHook().changeFlag(false);
+};
+const CharacterSetRef = ref();
+const sendOption = () => {
+  if (text.value) {
+    ChatContentRef.value.sendText(text.value);
+    text.value = "";
+    sendTip.value = "请输入....";
+  } else {
+    message("发送的内容不能为空", { type: "error" });
+  }
+};
+const changeTip = val => {
+  sendTip.value = val;
+};
+const openDetails = () => {
+  CharacterSetRef.value.open();
+};
+</script>
+
+<template>
+  <div class="IntelligentCustomerService">
+    <div class="top">
+      <span>深圳人社智能客服</span>
+      <div @click="openDetails" class="top_btn">
+        <setRoleIcon /> <span>人物定制</span>
+      </div>
+      <reduceIcon class="closed" @click="closed" />
+    </div>
+    <ChatContent @changeTip="changeTip" ref="ChatContentRef" />
+    <div class="send_text">
+      <el-input
+        v-model="text"
+        @keyup.enter="sendOption"
+        :style="{ border: 'none', width: '800px', height: '46px' }"
+        :placeholder="sendTip"
+      />
+      <div class="send_text_right">
+        <div class="send_btn">
+          <sendIcon />
+          <span @click="sendOption">发送</span>
+        </div>
+      </div>
+    </div>
+    <CharacterSet ref="CharacterSetRef" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.IntelligentCustomerService {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 1000px;
+  height: 820px;
+  background: #f5f5f5;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 24px 24px 24px 24px;
+  display: flex;
+  flex-direction: column;
+  z-index: 2000;
+  .top {
+    height: 74px;
+    background: #ffffff;
+    display: flex;
+    padding: 24px;
+    display: flex;
+    align-items: center;
+    position: relative;
+    border-radius: 24px 24px 0px 0px;
+    .closed {
+      cursor: pointer;
+      position: absolute;
+      right: 24px;
+    }
+    .top_btn {
+      width: 114px;
+      height: 30px;
+      border-radius: 4px 4px 4px 4px;
+      border: 1.5px solid #0052d9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      margin-left: 16px;
+      span {
+        font-size: 14px;
+        color: #0052d9;
+        margin-left: 8px;
+      }
+    }
+  }
+
+  .send_text {
+    height: 88px;
+    border-top: 1px solid #dddded;
+    display: flex;
+    background: #ffffff;
+    border-radius: 0 0 24px 24px;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 24px;
+    :deep(.el-input__wrapper) {
+      cursor: default;
+      border: none !important;
+      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color))
+        inset;
+    }
+    .send_text_right {
+      display: flex;
+      .send_btn {
+        cursor: pointer;
+        width: 92px;
+        height: 40px;
+        background: #0052d9;
+        border-radius: 20px 20px 20px 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        span {
+          font-size: 16px;
+          color: #ffffff;
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+</style>