‘add第一次提交’
This commit is contained in:
shawko
commit
a969b6482b
7
.env
Normal file
7
.env
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
VITE_WS_URL = wss://ai.xuexiaole.com/ws/device
|
||||||
|
VITE_OSS_URL = https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com
|
||||||
|
VITE_CDN_URL = https://dmgcdn-1313840333.cos.ap-guangzhou.myqcloud.com
|
||||||
|
VITE_SERVER_URL = https://ai.xuexiaole.com/api/main
|
||||||
|
VITE_XXL_VERSION = 2.13.2
|
||||||
|
VITE_INIT_VCONSOLE = 0
|
||||||
|
VITE_TEACHER_ADMIN_URL = https://edu.xuexiaole.com
|
||||||
9
.env.test
Normal file
9
.env.test
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
VITE_WS_URL = ws://43.136.52.196:27001/device
|
||||||
|
# VITE_WS_URL = ws://ai.xuexiaole.com/ws/device
|
||||||
|
VITE_OSS_URL = https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com
|
||||||
|
VITE_CDN_URL = https://dmgcdn-1313840333.cos.ap-guangzhou.myqcloud.com
|
||||||
|
VITE_SERVER_URL = http://127.0.0.1:9053/api/main
|
||||||
|
# VITE_SERVER_URL = http://test.web.xuexiaole.com/api/main
|
||||||
|
VITE_XXL_VERSION = 2.13.2
|
||||||
|
VITE_INIT_VCONSOLE = 0
|
||||||
|
VITE_TEACHER_ADMIN_URL = https://test.edu.xuexiaole.com
|
||||||
4
.eslintignore
Normal file
4
.eslintignore
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
build/
|
||||||
|
!.prettierrc.js
|
||||||
68
.eslintrc.cjs
Normal file
68
.eslintrc.cjs
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: [
|
||||||
|
'alloy',
|
||||||
|
'alloy/vue',
|
||||||
|
'alloy/typescript',
|
||||||
|
'plugin:@typescript-eslint/recommended',
|
||||||
|
'./.auto-import.json',
|
||||||
|
],
|
||||||
|
parser: 'vue-eslint-parser',
|
||||||
|
parserOptions: {
|
||||||
|
parser: {
|
||||||
|
js: '@babel/eslint-parser',
|
||||||
|
jsx: '@babel/eslint-parser',
|
||||||
|
ts: '@typescript-eslint/parser',
|
||||||
|
tsx: '@typescript-eslint/parser',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
// 'vue/html-indent': ['error', 4],
|
||||||
|
// 'vue/max-attributes-per-line': 'off',
|
||||||
|
// 'vue/html-self-closing': 'off',
|
||||||
|
// no-duplicate-attr-inheritance 禁止重复属性继承
|
||||||
|
'@typescript-eslint/consistent-type-imports': 'off',
|
||||||
|
'@typescript-eslint/consistent-type-assertions': 'off',
|
||||||
|
'@typescript-eslint/prefer-optional-chain': 'off',
|
||||||
|
'@typescript-eslint/explicit-member-accessibility': 'off',
|
||||||
|
'@typescript-eslint/no-non-null-assertion': 'off',
|
||||||
|
'@typescript-eslint/no-explicit-any': 'off',
|
||||||
|
'@typescript-eslint/no-unused-vars': 'off',
|
||||||
|
'@typescript-eslint/consistent-type-definitions': 'off',
|
||||||
|
'@typescript-eslint/method-signature-style': 'off',
|
||||||
|
'no-return-assign': 'off',
|
||||||
|
'guard-for-in': 'off',
|
||||||
|
'vue/custom-event-name-casing': 'off',
|
||||||
|
'vue/no-duplicate-attributes': 'off',
|
||||||
|
'no-param-reassign': 'off',
|
||||||
|
'no-inner-declarations': 'off',
|
||||||
|
|
||||||
|
'vue/no-setup-props-destructure': 'off',
|
||||||
|
'vue/no-duplicate-attr-inheritance': 'off',
|
||||||
|
'vue/prefer-true-attribute-shorthand': 'off',
|
||||||
|
'no-eq-null': 'off', // 允许 == 用于 null
|
||||||
|
|
||||||
|
'vue/v-on-event-hyphenation': 'off', // 关闭 vue 中 @ 使用短横线命名
|
||||||
|
'vue/require-toggle-inside-transition': 'off',
|
||||||
|
'no-duplicate-imports': 'off', // 使用ts-eslint的重复导入规则
|
||||||
|
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||||
|
'vue/multi-word-component-names': 'off',
|
||||||
|
'max-params': ['error', { max: 4 }],
|
||||||
|
// 圈复杂度 每个函数的最高圈复杂度
|
||||||
|
complexity: [
|
||||||
|
'error',
|
||||||
|
{
|
||||||
|
max: 30,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
globals: {
|
||||||
|
defineProps: 'readonly',
|
||||||
|
defineEmits: 'readonly',
|
||||||
|
defineExpose: 'readonly',
|
||||||
|
withDefaults: 'readonly',
|
||||||
|
anyObj: true,
|
||||||
|
__VERSION__: true,
|
||||||
|
},
|
||||||
|
plugins: ['@typescript-eslint'],
|
||||||
|
}
|
||||||
35
.gitignore
vendored
Normal file
35
.gitignore
vendored
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
yarn.lock
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|
||||||
|
.auto-import.d.ts
|
||||||
|
.auto-import.json
|
||||||
|
.components.d.ts
|
||||||
|
|
||||||
|
dist*
|
||||||
|
|
||||||
|
/*.gz
|
||||||
|
/build.sh
|
||||||
|
.temp
|
||||||
1
.husky/commit-msg
Executable file
1
.husky/commit-msg
Executable file
@ -0,0 +1 @@
|
|||||||
|
npx --no-install commitlint --edit "$1"
|
||||||
1
.husky/pre-commit
Normal file
1
.husky/pre-commit
Normal file
@ -0,0 +1 @@
|
|||||||
|
npm run lint-staged
|
||||||
14
.prettierrc.cjs
Normal file
14
.prettierrc.cjs
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
module.exports = {
|
||||||
|
printWidth: 100,
|
||||||
|
tabWidth: 2,
|
||||||
|
useTabs: false,
|
||||||
|
semi: false,
|
||||||
|
singleQuote: true,
|
||||||
|
jsxSingleQuote: true,
|
||||||
|
bracketSpacing: true,
|
||||||
|
bracketSameLine: false,
|
||||||
|
arrowParens: 'avoid',
|
||||||
|
trailingComma: 'all',
|
||||||
|
vueIndentScriptAndStyle: false,
|
||||||
|
endOfLine: 'lf',
|
||||||
|
}
|
||||||
30
.vscode/extensions.json
vendored
Normal file
30
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
{
|
||||||
|
"recommendations": [
|
||||||
|
// Vue 3 的语言支持
|
||||||
|
"Vue.volar",
|
||||||
|
// 将 ESLint JavaScript 集成到 VS Code 中。
|
||||||
|
"dbaeumer.vscode-eslint",
|
||||||
|
// Visual Studio Code 的官方 Stylelint 扩展
|
||||||
|
"stylelint.vscode-stylelint",
|
||||||
|
// 使用 Prettier 的代码格式化程序
|
||||||
|
"esbenp.prettier-vscode",
|
||||||
|
// 支持 dotenv 文件语法
|
||||||
|
"mikestead.dotenv",
|
||||||
|
// 源代码的拼写检查器
|
||||||
|
"streetsidesoftware.code-spell-checker",
|
||||||
|
// Tailwind CSS 的官方 VS Code 插件
|
||||||
|
"bradlc.vscode-tailwindcss",
|
||||||
|
// iconify 图标插件
|
||||||
|
"antfu.iconify",
|
||||||
|
// i18n 插件
|
||||||
|
"Lokalise.i18n-ally",
|
||||||
|
// CSS 变量提示
|
||||||
|
"vunguyentuan.vscode-css-variables",
|
||||||
|
// 在 package.json 中显示 PNPM catalog 的版本
|
||||||
|
"antfu.pnpm-catalog-lens"
|
||||||
|
],
|
||||||
|
"unwantedRecommendations": [
|
||||||
|
// 和 volar 冲突
|
||||||
|
"octref.vetur"
|
||||||
|
]
|
||||||
|
}
|
||||||
5
README.md
Normal file
5
README.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
# Vue 3 + TypeScript + Vite
|
||||||
|
|
||||||
|
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||||
|
|
||||||
|
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
||||||
67
backup-config/.eslintrc.js
Normal file
67
backup-config/.eslintrc.js
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: [
|
||||||
|
'alloy',
|
||||||
|
'alloy/vue',
|
||||||
|
'alloy/typescript',
|
||||||
|
'plugin:@typescript-eslint/recommended',
|
||||||
|
'./.auto-import.json',
|
||||||
|
],
|
||||||
|
parser: 'vue-eslint-parser',
|
||||||
|
parserOptions: {
|
||||||
|
parser: {
|
||||||
|
js: '@babel/eslint-parser',
|
||||||
|
jsx: '@babel/eslint-parser',
|
||||||
|
ts: '@typescript-eslint/parser',
|
||||||
|
tsx: '@typescript-eslint/parser',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
// 'vue/html-indent': ['error', 4],
|
||||||
|
// 'vue/max-attributes-per-line': 'off',
|
||||||
|
// 'vue/html-self-closing': 'off',
|
||||||
|
// no-duplicate-attr-inheritance 禁止重复属性继承
|
||||||
|
'@typescript-eslint/consistent-type-imports': 'off',
|
||||||
|
'@typescript-eslint/consistent-type-assertions': 'off',
|
||||||
|
'@typescript-eslint/prefer-optional-chain': 'off',
|
||||||
|
'@typescript-eslint/explicit-member-accessibility': 'off',
|
||||||
|
'@typescript-eslint/no-non-null-assertion': 'off',
|
||||||
|
'@typescript-eslint/no-explicit-any': 'off',
|
||||||
|
'@typescript-eslint/no-unused-vars': 'off',
|
||||||
|
'@typescript-eslint/consistent-type-definitions': 'off',
|
||||||
|
'@typescript-eslint/method-signature-style': 'off',
|
||||||
|
'no-return-assign': 'off',
|
||||||
|
'guard-for-in': 'off',
|
||||||
|
'vue/custom-event-name-casing': 'off',
|
||||||
|
'vue/no-duplicate-attributes': 'off',
|
||||||
|
'no-param-reassign': 'off',
|
||||||
|
|
||||||
|
'vue/no-setup-props-destructure': 'off',
|
||||||
|
'vue/no-duplicate-attr-inheritance': 'off',
|
||||||
|
'vue/prefer-true-attribute-shorthand': 'off',
|
||||||
|
'no-eq-null': 'off', // 允许 == 用于 null
|
||||||
|
|
||||||
|
'vue/v-on-event-hyphenation': 'off', // 关闭 vue 中 @ 使用短横线命名
|
||||||
|
'vue/require-toggle-inside-transition': 'off',
|
||||||
|
'no-duplicate-imports': 'off', // 使用ts-eslint的重复导入规则
|
||||||
|
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||||
|
'vue/multi-word-component-names': 'off',
|
||||||
|
'max-params': ['error', { max: 4 }],
|
||||||
|
// 圈复杂度 每个函数的最高圈复杂度
|
||||||
|
complexity: [
|
||||||
|
'error',
|
||||||
|
{
|
||||||
|
max: 30,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
globals: {
|
||||||
|
defineProps: 'readonly',
|
||||||
|
defineEmits: 'readonly',
|
||||||
|
defineExpose: 'readonly',
|
||||||
|
withDefaults: 'readonly',
|
||||||
|
anyObj: true,
|
||||||
|
__VERSION__: true,
|
||||||
|
},
|
||||||
|
plugins: ['@typescript-eslint'],
|
||||||
|
}
|
||||||
14
backup-config/.prettierrc.js
Normal file
14
backup-config/.prettierrc.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
module.exports = {
|
||||||
|
printWidth: 100,
|
||||||
|
tabWidth: 2,
|
||||||
|
useTabs: false,
|
||||||
|
semi: false,
|
||||||
|
singleQuote: true,
|
||||||
|
jsxSingleQuote: true,
|
||||||
|
bracketSpacing: true,
|
||||||
|
bracketSameLine: false,
|
||||||
|
arrowParens: 'avoid',
|
||||||
|
trailingComma: 'all',
|
||||||
|
vueIndentScriptAndStyle: false,
|
||||||
|
endOfLine: 'lf',
|
||||||
|
}
|
||||||
36
backup-config/settings.json
Normal file
36
backup-config/settings.json
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
{
|
||||||
|
"editor.formatOnSave": true,
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||||
|
"editor.tabSize": 2,
|
||||||
|
"editor.codeActionsOnSave": {
|
||||||
|
"source.fixAll.eslint": "explicit",
|
||||||
|
"source.fixAll.stylelint": "explicit"
|
||||||
|
},
|
||||||
|
"[vue]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[javascript]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[typescript]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[json]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[scss]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[css]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"prettier.requireConfig": true,
|
||||||
|
"eslint.validate": [
|
||||||
|
"javascript",
|
||||||
|
"javascriptreact",
|
||||||
|
"typescript",
|
||||||
|
"typescriptreact",
|
||||||
|
"vue"
|
||||||
|
],
|
||||||
|
"eslint.format.enable": true
|
||||||
|
}
|
||||||
24
commitlint.config.cjs
Normal file
24
commitlint.config.cjs
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: ['@commitlint/config-conventional'],
|
||||||
|
rules: {
|
||||||
|
// type 类型定义，表示 git 提交的 type 必须在以下类型范围内
|
||||||
|
'type-enum': [
|
||||||
|
2,
|
||||||
|
'always',
|
||||||
|
[
|
||||||
|
'feat', // 新功能
|
||||||
|
'fix', // 修复
|
||||||
|
'docs', // 文档变更
|
||||||
|
'style', // 代码格式（不影响代码运行的变动）
|
||||||
|
'refactor', // 重构（既不是增加feature）,也不是修复bug
|
||||||
|
'pref', // 性能优化
|
||||||
|
'test', // 增加测试
|
||||||
|
'chore', // 构建过程或辅助工具的变动
|
||||||
|
'revert', // 回退
|
||||||
|
'build', // 打包
|
||||||
|
],
|
||||||
|
],
|
||||||
|
// subject 大小写不做校验
|
||||||
|
'subject-case': [0],
|
||||||
|
},
|
||||||
|
}
|
||||||
40
index.html
Normal file
40
index.html
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link id="sass-favicon" rel="icon" type="image/svg+xml" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title id="sass-title">快乐学习</title>
|
||||||
|
<!-- <script crossorigin="anonymous" src="http://43.136.52.196:6752/page-spy/index.min.js"></script> -->
|
||||||
|
<!-- <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> -->
|
||||||
|
|
||||||
|
<!-- PageSpy SDK -->
|
||||||
|
<!-- <script
|
||||||
|
crossorigin="anonymous"
|
||||||
|
src="https://log.xuexiaole.com/page-spy/index.min.js"
|
||||||
|
></script>
|
||||||
|
<script
|
||||||
|
crossorigin="anonymous"
|
||||||
|
src="https://log.xuexiaole.com/plugin/data-harbor/index.min.js"
|
||||||
|
></script>
|
||||||
|
<script
|
||||||
|
crossorigin="anonymous"
|
||||||
|
src="https://log.xuexiaole.com/plugin/rrweb/index.min.js"
|
||||||
|
></script> -->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
<script>
|
||||||
|
// window.$harbor = new DataHarborPlugin()
|
||||||
|
// window.$rrweb = new RRWebPlugin()
|
||||||
|
// ;[window.$harbor, window.$rrweb].forEach(p => {
|
||||||
|
// PageSpy.registerPlugin(p)
|
||||||
|
// })
|
||||||
|
</script>
|
||||||
|
<!-- <script>
|
||||||
|
window.$pageSpy = new PageSpy();
|
||||||
|
</script> -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
104
package.json
Normal file
104
package.json
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
{
|
||||||
|
"name": "xuexiaole-web",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite --mode test",
|
||||||
|
"build": "vue-tsc --noEmit --skipLibCheck && vite build",
|
||||||
|
"build-test": "vue-tsc --noEmit --skipLibCheck && vite build --mode test",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"prepare": "husky",
|
||||||
|
"type-check": "vue-tsc --build",
|
||||||
|
"lint": "eslint --config .eslintrc.cjs --fix \"src/**/*.{js,ts,vue}\"",
|
||||||
|
"lint-staged": "lint-staged",
|
||||||
|
"format": "prettier --config .prettierrc.cjs --write \"src/**/*.{js,ts,vue,json,css,scss}\""
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@element-plus/icons-vue": "^2.3.1",
|
||||||
|
"@microsoft/fetch-event-source": "^2.0.1",
|
||||||
|
"@types/hammerjs": "^2.0.45",
|
||||||
|
"@types/lodash-es": "^4.17.12",
|
||||||
|
"@types/nprogress": "^0.2.3",
|
||||||
|
"@types/qrcode": "^1.5.5",
|
||||||
|
"@vant/touch-emulator": "^1.4.0",
|
||||||
|
"@vscode/markdown-it-katex": "^1.1.1",
|
||||||
|
"@vueuse/core": "^10.11.0",
|
||||||
|
"animejs": "^3.2.2",
|
||||||
|
"axios": "^1.7.2",
|
||||||
|
"chart.js": "^4.4.3",
|
||||||
|
"compare-versions": "^6.1.1",
|
||||||
|
"dayjs": "^1.11.12",
|
||||||
|
"echarts": "^5.5.1",
|
||||||
|
"element-plus": "^2.7.8",
|
||||||
|
"hammerjs": "^2.0.8",
|
||||||
|
"highlight.js": "^11.11.1",
|
||||||
|
"html2canvas": "^1.4.1",
|
||||||
|
"jsencrypt": "^3.3.2",
|
||||||
|
"jslib-html5-camera-photo": "^3.3.4",
|
||||||
|
"jspdf": "^3.0.1",
|
||||||
|
"katex": "^0.16.21",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"lottie-web": "^5.12.2",
|
||||||
|
"markdown-it": "^14.1.0",
|
||||||
|
"mathjax": "3.0.1",
|
||||||
|
"mermaid-it-markdown": "^1.0.8",
|
||||||
|
"nprogress": "^0.2.0",
|
||||||
|
"pinia": "^2.2.0",
|
||||||
|
"postcss": "^8.4.40",
|
||||||
|
"qrcode": "^1.5.4",
|
||||||
|
"qs": "^6.12.3",
|
||||||
|
"signature_pad": "^5.0.4",
|
||||||
|
"vant": "^4.9.4",
|
||||||
|
"vconsole": "^3.15.1",
|
||||||
|
"vue": "^3.4.31",
|
||||||
|
"vue-cropper": "^1.1.4",
|
||||||
|
"vue-router": "^4.4.0",
|
||||||
|
"vxe-pc-ui": "^4.6.20",
|
||||||
|
"vxe-table": "^4.13.37",
|
||||||
|
"xe-utils": "^3.7.5",
|
||||||
|
"xgplayer": "^3.0.19"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.19.6",
|
||||||
|
"@babel/eslint-parser": "^7.25.1",
|
||||||
|
"@commitlint/cli": "^19.3.0",
|
||||||
|
"@commitlint/config-conventional": "^19.2.2",
|
||||||
|
"@types/katex": "^0.16.7",
|
||||||
|
"@types/markdown-it": "^14.1.2",
|
||||||
|
"@types/markdown-it-link-attributes": "^3.0.5",
|
||||||
|
"@types/node": "^22.0.0",
|
||||||
|
"@types/qs": "^6.9.15",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^7.17.0",
|
||||||
|
"@typescript-eslint/parser": "^7.17.0",
|
||||||
|
"@vitejs/plugin-vue": "^5.0.5",
|
||||||
|
"@vitejs/plugin-vue-jsx": "^4.0.1",
|
||||||
|
"@vue/eslint-config-typescript": "^11.0.2",
|
||||||
|
"@vue/tsconfig": "^0.5.1",
|
||||||
|
"eslint": "^8.57.0",
|
||||||
|
"eslint-config-alloy": "^5.1.2",
|
||||||
|
"eslint-plugin-import": "^2.29.1",
|
||||||
|
"eslint-plugin-vue": "^9.27.0",
|
||||||
|
"husky": "^9.1.3",
|
||||||
|
"lint-staged": "^15.2.7",
|
||||||
|
"markdown-it-link-attributes": "^4.0.1",
|
||||||
|
"postcss-px-to-viewport": "^1.1.1",
|
||||||
|
"prettier": "^3.3.3",
|
||||||
|
"sass": "^1.77.6",
|
||||||
|
"typescript": "^5.2.2",
|
||||||
|
"unplugin-auto-import": "^0.18.2",
|
||||||
|
"unplugin-vue-components": "^0.27.3",
|
||||||
|
"vite": "^5.3.4",
|
||||||
|
"vue-eslint-parser": "^9.1.0",
|
||||||
|
"vue-tsc": "^2.0.24"
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"*.{json,md,css,less}": [
|
||||||
|
"prettier --write"
|
||||||
|
],
|
||||||
|
"*.{js,ts,jsx,tsx,vue}": [
|
||||||
|
"prettier --write",
|
||||||
|
"eslint --fix"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
7604
pnpm-lock.yaml
generated
Normal file
7604
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
6
pnpm-workspace.yaml
Normal file
6
pnpm-workspace.yaml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
allowBuilds:
|
||||||
|
'@parcel/watcher': true
|
||||||
|
core-js: false
|
||||||
|
es5-ext: false
|
||||||
|
esbuild: true
|
||||||
|
vue-demi: true
|
||||||
233
public/logo.svg
Normal file
233
public/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 124 KiB |
19
src/App.vue
Normal file
19
src/App.vue
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
||||||
|
|
||||||
|
zhCn.el.datepicker.weeks = {
|
||||||
|
sun: '星期日',
|
||||||
|
mon: '星期一',
|
||||||
|
tue: '星期二',
|
||||||
|
wed: '星期三',
|
||||||
|
thu: '星期四',
|
||||||
|
fri: '星期五',
|
||||||
|
sat: '星期六',
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-config-provider :locale="zhCn">
|
||||||
|
<RouterView />
|
||||||
|
</el-config-provider>
|
||||||
|
</template>
|
||||||
79
src/api/chat.ts
Normal file
79
src/api/chat.ts
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
import { request, SseConfig } from '@/utils/sse'
|
||||||
|
import { get } from './request'
|
||||||
|
|
||||||
|
export interface Session {
|
||||||
|
id: any
|
||||||
|
title: string
|
||||||
|
updateTime: string
|
||||||
|
num: number
|
||||||
|
local?: boolean
|
||||||
|
messages?: Message[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Message {
|
||||||
|
id: any
|
||||||
|
role: 'user' | 'ai'
|
||||||
|
content: string
|
||||||
|
createTime: string
|
||||||
|
reasoning?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AiReply {
|
||||||
|
type: number
|
||||||
|
content: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ChatsConfig = Omit<SseConfig, 'onMessage' | 'method'> & {
|
||||||
|
onMessage: (reasoningText: string, normalText: string) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
const getSessionsApi = async (): Promise<Session[]> => {
|
||||||
|
return await get('/chats')
|
||||||
|
}
|
||||||
|
|
||||||
|
const getMessagesApi = async (sessionId: any): Promise<Message[]> => {
|
||||||
|
return await get(`/chats/${sessionId}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
const requestChats = async (method: 'GET' | 'POST', config: ChatsConfig) => {
|
||||||
|
// 思考的文字
|
||||||
|
let reasoningText = ''
|
||||||
|
// 普通文字
|
||||||
|
let normalText = ''
|
||||||
|
// 请求
|
||||||
|
await request({
|
||||||
|
...(config as SseConfig),
|
||||||
|
method,
|
||||||
|
onMessage: message => {
|
||||||
|
// 提取并解析 JSON
|
||||||
|
const json = JSON.parse(message)
|
||||||
|
if (json.type === 3 || !json.content) return
|
||||||
|
if (json.type === 1) {
|
||||||
|
// 思考
|
||||||
|
reasoningText += json.content
|
||||||
|
} else {
|
||||||
|
// 普通
|
||||||
|
normalText += json.content
|
||||||
|
}
|
||||||
|
// 更新消息
|
||||||
|
config.onMessage(reasoningText, normalText)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const postChats = async (config: ChatsConfig) => {
|
||||||
|
return await requestChats('POST', config)
|
||||||
|
}
|
||||||
|
|
||||||
|
const getChats = async (config: ChatsConfig) => {
|
||||||
|
return await requestChats('GET', config)
|
||||||
|
}
|
||||||
|
|
||||||
|
const chatApi = {
|
||||||
|
getSessionsApi,
|
||||||
|
getMessagesApi,
|
||||||
|
postChats,
|
||||||
|
getChats,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default chatApi
|
||||||
32
src/api/classroomInteraction.ts
Normal file
32
src/api/classroomInteraction.ts
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
baseURL: '/api/campus',
|
||||||
|
}
|
||||||
|
|
||||||
|
const classroomInteractionApi = {
|
||||||
|
/**
|
||||||
|
* 获取学生随堂检测历史
|
||||||
|
*/
|
||||||
|
getClassDetectionRecordList: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/sc/classDetectionRecord/list',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 新增随堂检测记录
|
||||||
|
*/
|
||||||
|
addClassDetectionRecord: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/sc/classDetectionRecord',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
...config,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default classroomInteractionApi
|
||||||
284
src/api/global.ts
Normal file
284
src/api/global.ts
Normal file
@ -0,0 +1,284 @@
|
|||||||
|
import str from '@/utils/str'
|
||||||
|
import { http } from './http'
|
||||||
|
import { get } from './request'
|
||||||
|
import { $XXL } from '@/utils'
|
||||||
|
|
||||||
|
export type Option = {
|
||||||
|
value: any
|
||||||
|
label: any
|
||||||
|
}
|
||||||
|
interface EnglishSubjectExpLevelVo {
|
||||||
|
currentName: string
|
||||||
|
currentLevelNum: number
|
||||||
|
currentExp: number
|
||||||
|
currentExpStart: number
|
||||||
|
currentExpEnd: number
|
||||||
|
nextName: string
|
||||||
|
nextLevelNum: number
|
||||||
|
nextExp: number
|
||||||
|
currentLevelCode: null
|
||||||
|
}
|
||||||
|
|
||||||
|
interface VipUserInfo {
|
||||||
|
vipType: number
|
||||||
|
vipExp: number
|
||||||
|
currentLevel: string
|
||||||
|
currentLevelIntVal: number
|
||||||
|
currentLevelStartExp: number
|
||||||
|
nextLevelExp: number
|
||||||
|
nextLevelName: string
|
||||||
|
nextLevelIntVal: number
|
||||||
|
vipStartTime: string
|
||||||
|
vipEndTime: string
|
||||||
|
vipLengthTime: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PersonInUsePersonalities {
|
||||||
|
createTime: string
|
||||||
|
createUser: string
|
||||||
|
updateTime: string
|
||||||
|
updateUser: string
|
||||||
|
id: any
|
||||||
|
name: string
|
||||||
|
resourceUrl: string
|
||||||
|
personalInfoResourceUrl: string
|
||||||
|
homePageResourceUrl: string
|
||||||
|
introduction: string
|
||||||
|
status: number
|
||||||
|
productCode: string
|
||||||
|
currencyNum: number
|
||||||
|
showTag: number
|
||||||
|
discount: null
|
||||||
|
discountNum: null
|
||||||
|
validityTime: number
|
||||||
|
limitType: number
|
||||||
|
sort: number
|
||||||
|
remark: number
|
||||||
|
delFlag: number
|
||||||
|
defaultFlag: number
|
||||||
|
usageFlag: number
|
||||||
|
unlockId: string
|
||||||
|
useStatus: number
|
||||||
|
lockStatus: null
|
||||||
|
expireTime: null
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Medal {
|
||||||
|
medalId: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface UserData {
|
||||||
|
userId: string
|
||||||
|
schoolId: any
|
||||||
|
account: string
|
||||||
|
name: string
|
||||||
|
nickName: string
|
||||||
|
sex: number
|
||||||
|
schoolName: string
|
||||||
|
education: number
|
||||||
|
className: string
|
||||||
|
experience: number
|
||||||
|
currency: string
|
||||||
|
diamond: string
|
||||||
|
levelPassNum: null
|
||||||
|
personalImageNum: number
|
||||||
|
englishSubjectExpLevelVo: EnglishSubjectExpLevelVo
|
||||||
|
vipUserInfo: VipUserInfo
|
||||||
|
avatarUrl: string
|
||||||
|
avatarFrameUrl: null
|
||||||
|
personInUsePersonalities: PersonInUsePersonalities[]
|
||||||
|
nickNameChangeCardCount: number
|
||||||
|
popNotices: any[]
|
||||||
|
unCheckMedal: Medal[]
|
||||||
|
learnGradeId: string
|
||||||
|
learnTargetType: number
|
||||||
|
weakSubjectIds: string
|
||||||
|
isShowReading: number
|
||||||
|
isShowAnimation: number
|
||||||
|
classId: any
|
||||||
|
smartUserIdentifier: string
|
||||||
|
schoolPersonType: number
|
||||||
|
lockFlag: number
|
||||||
|
isTeacher: boolean
|
||||||
|
// 是否为可以接受任务的学员
|
||||||
|
isTaskStudent: boolean
|
||||||
|
taskRewardStatus: any
|
||||||
|
schoolClass: SchoolClass[]
|
||||||
|
}
|
||||||
|
|
||||||
|
type SchoolClass = {
|
||||||
|
schoolName: any
|
||||||
|
schoolId: any
|
||||||
|
classList: {
|
||||||
|
className: any
|
||||||
|
classId: any
|
||||||
|
}[]
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取用户红点提示
|
||||||
|
export type GetUserPointApi = {
|
||||||
|
messageBox: boolean
|
||||||
|
activity: boolean
|
||||||
|
announcement: boolean
|
||||||
|
config: boolean
|
||||||
|
knapsack: boolean
|
||||||
|
homeWork: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
const globalApi = {
|
||||||
|
/**
|
||||||
|
* 获取字典
|
||||||
|
*/
|
||||||
|
getDictionaries: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/sysDictType/tree',
|
||||||
|
headers: {
|
||||||
|
Authorization: '',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取用户信息
|
||||||
|
*/
|
||||||
|
getUserInfoApi: async (headers?: anyObj): Promise<UserData> => {
|
||||||
|
return (await get('/personal/getHomePage', undefined, {
|
||||||
|
headers,
|
||||||
|
})) as UserData
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取用户红点提示
|
||||||
|
getUserPointApi: async (): Promise<GetUserPointApi> => {
|
||||||
|
return await get('/personal/getRedPoint')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取地区下拉列表
|
||||||
|
getRegionSelector: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/sysUser/regionSelector',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取年级下拉列表
|
||||||
|
getClassSelector: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/intrudeLevel/getSchoolGradeList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 已读弹窗提醒
|
||||||
|
closePopWin: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/personal/closePopWin/${id}`,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取年级列表
|
||||||
|
getGradeList: (params?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/grade/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取学科列表
|
||||||
|
getSubjectListById: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/subject/list/${id}`,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 生词本-标生标熟
|
||||||
|
changeWordType: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/word/operate`,
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 上传文件
|
||||||
|
uploadFile: (data: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sysFileInfo/tenUploadAll',
|
||||||
|
method: 'post',
|
||||||
|
timeout: 15000,
|
||||||
|
headers: {
|
||||||
|
'content-type': 'multipart/form-data',
|
||||||
|
},
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户视频表-id查询
|
||||||
|
getUserVideoById: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/userVideo/${id}`,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取静态资源地址
|
||||||
|
getAssetsList: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/listFrontStaticFiles',
|
||||||
|
headers: {
|
||||||
|
Authorization: '',
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 检查APK版本
|
||||||
|
getVersions: async (params: anyObj) => {
|
||||||
|
const url = location.href
|
||||||
|
if (
|
||||||
|
url.includes('localhost') ||
|
||||||
|
url.includes('192.168.') ||
|
||||||
|
url.includes('127.0.0.1') ||
|
||||||
|
url.includes('lingxixue.com')
|
||||||
|
) {
|
||||||
|
params = {
|
||||||
|
magic: str.getMagic(),
|
||||||
|
...(params || {}),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return get<any>('/apkManagement/list', params)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 检查版本
|
||||||
|
checkVersion: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/apkManagement/queryLatest',
|
||||||
|
headers: {
|
||||||
|
Authorization: '',
|
||||||
|
},
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 更新APPs
|
||||||
|
updateApps: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userAppRecord/updateApp',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取未记录的APP
|
||||||
|
updateUnRecordApp: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/appLogoRecord/filterUnLoadedLogo',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 记录APP信息
|
||||||
|
updateAppInfo: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/appLogoRecord/batchSave',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 更新徽章
|
||||||
|
updateMedal: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMedal/updateCheck',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default globalApi
|
||||||
140
src/api/http.ts
Normal file
140
src/api/http.ts
Normal file
@ -0,0 +1,140 @@
|
|||||||
|
/* eslint-disable */
|
||||||
|
import axios, { AxiosInstance } from 'axios'
|
||||||
|
import qs from 'qs'
|
||||||
|
import router from '@/router'
|
||||||
|
import { getCache, delCache } from '@/utils'
|
||||||
|
import { storeToRefs } from 'pinia'
|
||||||
|
import { globalStore, userStore } from '@/stores'
|
||||||
|
import hud from '@/utils/hud'
|
||||||
|
import onlyLast from './only-last'
|
||||||
|
import sass from '@/utils/sass'
|
||||||
|
|
||||||
|
// let controller = new AbortController()
|
||||||
|
const timeout = 90000
|
||||||
|
const instance: AxiosInstance = axios.create({
|
||||||
|
baseURL: '/api/main',
|
||||||
|
method: 'get',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
timeout,
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理请求头
|
||||||
|
*/
|
||||||
|
instance.interceptors.request.use(
|
||||||
|
(config: any) => {
|
||||||
|
config.baseURL = config.baseURL || '/api/main'
|
||||||
|
config.timeout = config.timeout || timeout
|
||||||
|
if (config.method === 'get') {
|
||||||
|
config.paramsSerializer = {
|
||||||
|
serialize: function (params: any) {
|
||||||
|
return qs.stringify(params, {
|
||||||
|
arrayFormat: 'repeat',
|
||||||
|
allowDots: true,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onlyLast.processRequest(config)
|
||||||
|
|
||||||
|
// 租户id
|
||||||
|
config.headers['X-Tenant-Id'] = sass.platform.tenantId
|
||||||
|
|
||||||
|
// 自定义token
|
||||||
|
if (config.headers['Authorization'] || config.headers['Authorization'] === '') {
|
||||||
|
return config
|
||||||
|
}
|
||||||
|
|
||||||
|
if (config.baseURL === '/api/campus') {
|
||||||
|
config.headers['Authorization'] = getCache('workToken')
|
||||||
|
} else {
|
||||||
|
config.headers['Authorization'] = getCache('token')
|
||||||
|
}
|
||||||
|
return config
|
||||||
|
},
|
||||||
|
error => Promise.reject(error),
|
||||||
|
)
|
||||||
|
|
||||||
|
const buildError = (response: any, show = true) => {
|
||||||
|
const {
|
||||||
|
data: { message, msg },
|
||||||
|
} = response
|
||||||
|
|
||||||
|
let errorMsg = message || msg
|
||||||
|
let showed = false
|
||||||
|
if (errorMsg) {
|
||||||
|
if (errorMsg.includes('服务器')) {
|
||||||
|
errorMsg = '网络不稳定，请稍后再试~'
|
||||||
|
}
|
||||||
|
// if (traceId) {
|
||||||
|
// errorMsg = `${errorMsg}[${traceId}]`
|
||||||
|
// }
|
||||||
|
if (show) {
|
||||||
|
hud.error(errorMsg)
|
||||||
|
showed = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (errorMsg?.includes('非本平台用户')) {
|
||||||
|
// 重新登录
|
||||||
|
|
||||||
|
delCache('token')
|
||||||
|
delCache('workToken')
|
||||||
|
router.replace('/login')
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
message: errorMsg,
|
||||||
|
showed,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 拦截器
|
||||||
|
*/
|
||||||
|
instance.interceptors.response.use(
|
||||||
|
response => {
|
||||||
|
const {
|
||||||
|
data: { code, message },
|
||||||
|
} = response
|
||||||
|
if (!onlyLast.processResponse(response.config)) {
|
||||||
|
// 过滤请求
|
||||||
|
return Promise.reject(response)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 文件流不拦截
|
||||||
|
if (response.headers['content-type']?.indexOf('octet-stream') !== -1 || code == 200)
|
||||||
|
return response
|
||||||
|
|
||||||
|
return Promise.reject(buildError(response))
|
||||||
|
},
|
||||||
|
async error => {
|
||||||
|
const { response } = error
|
||||||
|
|
||||||
|
if (!onlyLast.processResponse(error.config)) {
|
||||||
|
// 过滤请求
|
||||||
|
return Promise.reject(error)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (response?.status === 401 || response?.status === 403) {
|
||||||
|
const user = userStore()
|
||||||
|
const { token } = storeToRefs(user)
|
||||||
|
if (token.value) {
|
||||||
|
hud.error('登录已过期，请重新登录')
|
||||||
|
user.$reset()
|
||||||
|
}
|
||||||
|
delCache('token')
|
||||||
|
delCache('workToken')
|
||||||
|
router.replace('/login')
|
||||||
|
// 解锁
|
||||||
|
const { system } = storeToRefs(globalStore())
|
||||||
|
system.value.isLock = false
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('error2', response)
|
||||||
|
|
||||||
|
return Promise.reject(buildError(response, false))
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
export const http = instance
|
||||||
55
src/api/log.ts
Normal file
55
src/api/log.ts
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
|
||||||
|
// 上报锁定屏幕时间
|
||||||
|
export interface LockScreenTime {
|
||||||
|
simSerialNumber: string
|
||||||
|
lockFlag: 0 | 1 // 0-解锁 1-锁定
|
||||||
|
}
|
||||||
|
|
||||||
|
// 上报视频播放时间
|
||||||
|
export interface VideoPlayTime {
|
||||||
|
resourceType: 0 | 1 | 2 | 3 // 0-自由学 1-AI精准学 2-错题本 3-举一反三
|
||||||
|
origin: 1 | 2 // 1-章节 2-知识点
|
||||||
|
subjectId: string
|
||||||
|
playDuration: number // 视频最后播放位置
|
||||||
|
userId: string
|
||||||
|
videoId: string
|
||||||
|
videoName: string
|
||||||
|
endTime: number | ''
|
||||||
|
startTime: number | ''
|
||||||
|
}
|
||||||
|
|
||||||
|
// 上报学习时长
|
||||||
|
export interface StudyTime {
|
||||||
|
resourceType: 0 | 1 | 2 | 3 // 0-自由学 1-AI精准学 2-错题本 3-举一反三
|
||||||
|
studyTime: number
|
||||||
|
subjectId: string
|
||||||
|
userId: string
|
||||||
|
endTime: number
|
||||||
|
startTime: number
|
||||||
|
}
|
||||||
|
|
||||||
|
const logApi = {
|
||||||
|
reportLockScreenTime: (data: LockScreenTime) =>
|
||||||
|
http.request({
|
||||||
|
url: '/deviceTimeControl/update/timeStamp',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
reportVideoPlayTime: (data: VideoPlayTime) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userVideo',
|
||||||
|
method: 'put',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
reportStudyTime: (data: StudyTime) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userSubjectReport',
|
||||||
|
method: 'put',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default logApi
|
||||||
84
src/api/login.ts
Normal file
84
src/api/login.ts
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
import { isWebEvn } from '@/utils'
|
||||||
|
import { post } from './request'
|
||||||
|
|
||||||
|
interface accountLoginType {
|
||||||
|
account: string
|
||||||
|
password: string
|
||||||
|
simSerialNumber?: string
|
||||||
|
model?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface smsLoginType {
|
||||||
|
phone: string
|
||||||
|
verifyCode: string
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 密码登录
|
||||||
|
* @param account 手机号
|
||||||
|
* @param password 密码
|
||||||
|
* @param clientType 客户端类型 默认客服登录
|
||||||
|
*/
|
||||||
|
const psdLogin = async (data: accountLoginType) => {
|
||||||
|
return await post('/login', {
|
||||||
|
clientType: isWebEvn ? 'PC' : 'PAD',
|
||||||
|
...data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 退出登录
|
||||||
|
const logout = () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/logout',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取是否首次绑定
|
||||||
|
const getFirstBind = (sn: string) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/sysVisLog/getBindRelationByDeviceAndAccount/${sn}`,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取机器绑定码
|
||||||
|
const getBindQrCode = (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/sysFileInfo/generateQrCodeAndUpload',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取作业TOKEN
|
||||||
|
const workLogin = (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
baseURL: '/api/campus',
|
||||||
|
url: '/sc/stu/stuLogin',
|
||||||
|
headers: {
|
||||||
|
Authorization: '',
|
||||||
|
},
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 作业服务退出登录
|
||||||
|
const workLogout = () => {
|
||||||
|
return http.request({
|
||||||
|
baseURL: '/api/campus',
|
||||||
|
url: '/logout',
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const loginApi = {
|
||||||
|
psdLogin,
|
||||||
|
logout,
|
||||||
|
getFirstBind,
|
||||||
|
getBindQrCode,
|
||||||
|
workLogin,
|
||||||
|
workLogout,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default loginApi
|
||||||
|
export type { accountLoginType, smsLoginType }
|
||||||
65
src/api/only-last.ts
Normal file
65
src/api/only-last.ts
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
import type { AxiosRequestConfig } from 'axios'
|
||||||
|
|
||||||
|
import obj from '@/utils/obj'
|
||||||
|
|
||||||
|
// 同时有多个请求时，只有最后一个请求生效
|
||||||
|
export const only_last_id = 'on_last_id'
|
||||||
|
const only_last_req_id = 'only_last_req_id'
|
||||||
|
const controllers = {} as Record<string, AbortController>
|
||||||
|
const reqIds = {} as Record<string, string>
|
||||||
|
|
||||||
|
export type RequestConfig = AxiosRequestConfig & {
|
||||||
|
[only_last_id]?: any
|
||||||
|
[only_last_req_id]?: any
|
||||||
|
}
|
||||||
|
|
||||||
|
function processRequest(config: RequestConfig) {
|
||||||
|
if (!config) return
|
||||||
|
|
||||||
|
const onlyLastId = config[only_last_id]
|
||||||
|
if (!onlyLastId) return
|
||||||
|
|
||||||
|
// 取消上一个请求
|
||||||
|
let ctl = controllers[onlyLastId]
|
||||||
|
if (ctl) {
|
||||||
|
ctl.abort()
|
||||||
|
// console.log('❌取消❌', onlyLastId, reqIds[onlyLastId], config.url)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 重新赋值
|
||||||
|
ctl = new AbortController()
|
||||||
|
config.signal = ctl.signal
|
||||||
|
controllers[onlyLastId] = ctl
|
||||||
|
// 赋值一个请求的唯一id
|
||||||
|
const reqId = obj.snowflakeId()
|
||||||
|
reqIds[onlyLastId] = reqId
|
||||||
|
config[only_last_req_id] = reqId
|
||||||
|
// console.log('💪🏻开启💪🏻', onlyLastId, reqId, config.url)
|
||||||
|
}
|
||||||
|
|
||||||
|
function processResponse(config: RequestConfig) {
|
||||||
|
if (!config) return true
|
||||||
|
const onlyLastId = config[only_last_id]
|
||||||
|
// 忽略
|
||||||
|
if (!onlyLastId) return true
|
||||||
|
|
||||||
|
const reqId = config[only_last_req_id]
|
||||||
|
if (reqId === reqIds[onlyLastId]) {
|
||||||
|
// console.log('✅选用✅', onlyLastId, reqId, config.url)
|
||||||
|
delete reqIds[onlyLastId]
|
||||||
|
delete controllers[onlyLastId]
|
||||||
|
// 忽略
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
// console.log('⭕️抛弃⭕️', onlyLastId, reqId, config.url)
|
||||||
|
// 过滤请求
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const onlyLastApi = {
|
||||||
|
processRequest,
|
||||||
|
processResponse,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default onlyLastApi
|
||||||
40
src/api/order.ts
Normal file
40
src/api/order.ts
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
|
||||||
|
const orderApi = {
|
||||||
|
// 订单支付状态
|
||||||
|
getPayStatus: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/orderManagement/${id}`,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 订单-VIP续费
|
||||||
|
createVipRenewPrepayOrder: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/orderManagement/createVipRenewPrepayOrder',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 订单-督学
|
||||||
|
createInspectorPrepayOrder: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/orderManagement/createInspectorPrepayOrder',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// VIP订单记录
|
||||||
|
getVipOrderRecord: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/orderManagement/vipPayRecord',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 查询是否是督学中
|
||||||
|
getIsInspectorIng: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/inspectorStudent/inspectorButtonData',
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default orderApi
|
||||||
34
src/api/ranking.ts
Normal file
34
src/api/ranking.ts
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
import { only_last_id } from './only-last'
|
||||||
|
import { get } from './request'
|
||||||
|
|
||||||
|
const rankingApi = {
|
||||||
|
/**
|
||||||
|
* 获取排行榜情况
|
||||||
|
*/
|
||||||
|
getRankList: async (params: anyObj) => {
|
||||||
|
return await get('/intrudeLevel/rankList', params, {
|
||||||
|
[only_last_id]: 'ranking_getRankList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查看个人信息
|
||||||
|
*/
|
||||||
|
queryTargetUserIdInfo: async (id: any): Promise<any> => {
|
||||||
|
return await get(`/personal/queryTargetUserIdInfo/${id}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 操作点赞或取消点赞
|
||||||
|
*/
|
||||||
|
operateLikeOrUnLike: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userLikeInfo/operateLikeOrUnLike`,
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default rankingApi
|
||||||
90
src/api/request.ts
Normal file
90
src/api/request.ts
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
import type { RequestConfig } from './only-last'
|
||||||
|
|
||||||
|
export type PageResponse<T> = {
|
||||||
|
current: number
|
||||||
|
size: number
|
||||||
|
totalPage: number
|
||||||
|
totalRows: number
|
||||||
|
rows: T[]
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送get请求
|
||||||
|
export async function get<T>(
|
||||||
|
uri: string,
|
||||||
|
params?: Record<string, any>,
|
||||||
|
config?: RequestConfig,
|
||||||
|
): Promise<T> {
|
||||||
|
if (params) {
|
||||||
|
config = config ? { ...config, params } : { params }
|
||||||
|
}
|
||||||
|
return (await http.get<any>(uri, config)).data['data'] as T
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送delete请求
|
||||||
|
export async function remove<T>(
|
||||||
|
uri: string,
|
||||||
|
params?: Record<string, any>,
|
||||||
|
config?: RequestConfig,
|
||||||
|
): Promise<T> {
|
||||||
|
if (params) {
|
||||||
|
config = config ? { ...config, params } : { params }
|
||||||
|
}
|
||||||
|
return (await http.delete<any>(uri, config)).data['data'] as T
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理请求data（可能有文件）
|
||||||
|
const processFormData = (data: any): any => {
|
||||||
|
if (!data) return data
|
||||||
|
const vs = Object.values(data)
|
||||||
|
let hasFile = false
|
||||||
|
for (const v of vs) {
|
||||||
|
if (v instanceof File) {
|
||||||
|
hasFile = true
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!hasFile) return data
|
||||||
|
|
||||||
|
// 如果有文件
|
||||||
|
const form = new FormData()
|
||||||
|
const ks = Object.keys(data)
|
||||||
|
for (const k_ of ks) {
|
||||||
|
const k = k_ as string
|
||||||
|
const v = data[k]
|
||||||
|
if (v) {
|
||||||
|
form.append(k, v)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return form
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送post请求（JSON格式）
|
||||||
|
export async function post<T>(url: string, data?: any, config?: RequestConfig): Promise<T> {
|
||||||
|
return (await http.post(url, data, config)).data['data'] as T
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送put请求（JSON格式）
|
||||||
|
export async function put<T>(url: string, data?: any, config?: RequestConfig): Promise<T> {
|
||||||
|
return (await http.put(url, data, config)).data['data'] as T
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发送post请求（表单格式）
|
||||||
|
export async function postForm<T>(url: string, data?: any, config?: RequestConfig): Promise<T> {
|
||||||
|
data = processFormData(data)
|
||||||
|
if (data) {
|
||||||
|
let type = 'application/x-www-form-urlencoded'
|
||||||
|
if (data instanceof FormData) {
|
||||||
|
// 文件上传
|
||||||
|
type = 'multipart/form-data'
|
||||||
|
}
|
||||||
|
const headers = { 'Content-Type': type }
|
||||||
|
config = config
|
||||||
|
? {
|
||||||
|
...config,
|
||||||
|
headers,
|
||||||
|
}
|
||||||
|
: { headers }
|
||||||
|
}
|
||||||
|
return (await http.post(url, data, config)).data['data'] as T
|
||||||
|
}
|
||||||
30
src/api/service/basic.ts
Normal file
30
src/api/service/basic.ts
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
/* eslint-disable @typescript-eslint/member-ordering */
|
||||||
|
import { get, post } from '../request'
|
||||||
|
import type { PageResponse } from '../request'
|
||||||
|
|
||||||
|
export abstract class BasicService<T> {
|
||||||
|
protected abstract findPageUrl(): string
|
||||||
|
protected abstract saveOrUpdateUrl(): string
|
||||||
|
protected abstract removeUrl(): string
|
||||||
|
// 增/改（自动根据id判断）
|
||||||
|
async saveOrUpdate(entity: T) {
|
||||||
|
return await post(this.saveOrUpdateUrl(), entity)
|
||||||
|
}
|
||||||
|
|
||||||
|
// id、id[]
|
||||||
|
async remove(ids: any): Promise<any> {
|
||||||
|
if (!Array.isArray(ids)) {
|
||||||
|
ids = [ids]
|
||||||
|
}
|
||||||
|
return await post(this.removeUrl(), ids)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页查询
|
||||||
|
async findPage<T>(current: number, size: number, condition: any): Promise<PageResponse<T>> {
|
||||||
|
return await get<PageResponse<T>>(this.findPageUrl(), {
|
||||||
|
size,
|
||||||
|
current,
|
||||||
|
...(condition || {}),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
17
src/api/service/coin-transaction.ts
Normal file
17
src/api/service/coin-transaction.ts
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
class CoinTransactionService extends BasicService<any> {
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
return '/org/school/recharge'
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
return '/org/school/transaction/list'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const coinTransactionService = new CoinTransactionService()
|
||||||
17
src/api/service/self-coin-detail.ts
Normal file
17
src/api/service/self-coin-detail.ts
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
class SelfCoinDetailService extends BasicService<any> {
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
return '/reward/coin/list'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const selfCoinDetailService = new SelfCoinDetailService()
|
||||||
172
src/api/service/task.ts
Normal file
172
src/api/service/task.ts
Normal file
@ -0,0 +1,172 @@
|
|||||||
|
/* eslint-disable @typescript-eslint/member-ordering */
|
||||||
|
import { get, post } from '../request'
|
||||||
|
import { getSubjectById } from '../subject/config'
|
||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
// 任务配置
|
||||||
|
type TaskConfig = {
|
||||||
|
id?: any
|
||||||
|
taskId?: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export type TaskWordTableConfig = {
|
||||||
|
bookId: any // 教材
|
||||||
|
stageId: any // 阶段
|
||||||
|
amount: any // 复习数量
|
||||||
|
} & TaskConfig
|
||||||
|
|
||||||
|
export type TaskWordQuestConfig = {
|
||||||
|
level: any // 入门、进阶
|
||||||
|
amount: any // 满星关卡数
|
||||||
|
} & TaskConfig
|
||||||
|
|
||||||
|
export type TaskSentenceConfig = {
|
||||||
|
level: any // 第几阶
|
||||||
|
amount: any // 句子数量
|
||||||
|
} & TaskConfig
|
||||||
|
|
||||||
|
export type TaskFreeLearnConfig = {
|
||||||
|
bookId: any // 教材id
|
||||||
|
chapterIds: any // 章节id
|
||||||
|
amount: any // 通关次数
|
||||||
|
} & TaskConfig
|
||||||
|
|
||||||
|
type Config = {
|
||||||
|
gradeId: any
|
||||||
|
subjectId: any
|
||||||
|
chapters: any
|
||||||
|
|
||||||
|
stageId: any // 阶段
|
||||||
|
stageName: string
|
||||||
|
versionId: any // 版本
|
||||||
|
versionName: string
|
||||||
|
bookName: string
|
||||||
|
bookId: any // 教材
|
||||||
|
|
||||||
|
levelName: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Task = {
|
||||||
|
id: any
|
||||||
|
schoolId: string
|
||||||
|
objTypeCode: string
|
||||||
|
personCount: number
|
||||||
|
completedPersonCount: number
|
||||||
|
objTypeList: {
|
||||||
|
id: any
|
||||||
|
taskId: string
|
||||||
|
objectId: string
|
||||||
|
}[]
|
||||||
|
startTime: string
|
||||||
|
endTime: string
|
||||||
|
delFlag: number
|
||||||
|
priority: number
|
||||||
|
createTime: string
|
||||||
|
createUserId: string
|
||||||
|
createUserName: string
|
||||||
|
taskExtraRewardList: {
|
||||||
|
id: any
|
||||||
|
taskId: string
|
||||||
|
amount: number
|
||||||
|
startRank: number
|
||||||
|
endRank: number
|
||||||
|
}[]
|
||||||
|
taskFreeLearnConfig: TaskFreeLearnConfig // null 使用 any 类型
|
||||||
|
taskWordMasteryConfig: TaskWordTableConfig // null 使用 any 类型
|
||||||
|
taskWordQuestConfig: TaskWordQuestConfig // null 使用 any 类型
|
||||||
|
taskSentenceConfig: TaskSentenceConfig // null 使用 any 类型
|
||||||
|
taskWordReviewConfig: TaskWordTableConfig
|
||||||
|
topicTypeCode: string
|
||||||
|
status: number
|
||||||
|
target: string
|
||||||
|
reward: number
|
||||||
|
punish: number
|
||||||
|
remark: string
|
||||||
|
config: any
|
||||||
|
}
|
||||||
|
|
||||||
|
class TaskService extends BasicService<any> {
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
return '/supervisor/task'
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
return '/supervisor/task/list'
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取自己正在执行的任务
|
||||||
|
*/
|
||||||
|
async getProcessingTasks(config?: any): Promise<any> {
|
||||||
|
return await get('/supervisor/usertask/process/list', undefined, config)
|
||||||
|
}
|
||||||
|
|
||||||
|
async claimReward(data: any): Promise<any> {
|
||||||
|
return await post('/supervisor/usertask/receive/reward', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @param 一键领取
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
async batchClaimReward(): Promise<any> {
|
||||||
|
return await post('/supervisor/usertask/receive/rewards/all')
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 取消
|
||||||
|
*/
|
||||||
|
async cancel(taskId: any) {
|
||||||
|
await post(`/supervisor/task/cancel/${taskId}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 获得任务详情 */
|
||||||
|
async getDetail(taskId: any): Promise<Task> {
|
||||||
|
return await get(`/supervisor/task/get/${taskId}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获得额外奖励
|
||||||
|
getExtraRewardList(task: Task) {
|
||||||
|
const list = task.taskExtraRewardList
|
||||||
|
if (!list?.length) return undefined
|
||||||
|
list.sort((a: any, b: any) => {
|
||||||
|
const res = a.startRank - b.startRank
|
||||||
|
return res ? res : a.endRank - b.endRank
|
||||||
|
})
|
||||||
|
return list
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获得书本的名称
|
||||||
|
getBookName(task: Task) {
|
||||||
|
let cfg = task.config as Config
|
||||||
|
if (typeof cfg === 'string') {
|
||||||
|
try {
|
||||||
|
cfg = JSON.stringify(cfg) as any
|
||||||
|
} catch {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!cfg) return
|
||||||
|
if (cfg.bookName) {
|
||||||
|
if (cfg.subjectId) {
|
||||||
|
// 有学科
|
||||||
|
return `[${getSubjectById(cfg.subjectId).name}]${cfg.bookName}`
|
||||||
|
} else if (cfg.stageName) {
|
||||||
|
// 有阶段
|
||||||
|
return cfg.stageName + '-' + cfg.versionName + '-' + cfg.bookName
|
||||||
|
} else {
|
||||||
|
return cfg.bookName
|
||||||
|
}
|
||||||
|
} else if (cfg.stageName) {
|
||||||
|
// 只有阶段
|
||||||
|
return cfg.stageName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const taskService = new TaskService()
|
||||||
17
src/api/service/user-task.ts
Normal file
17
src/api/service/user-task.ts
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
class UserTaskService extends BasicService<any> {
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
return '/supervisor/usertask/list'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const userTaskService = new UserTaskService()
|
||||||
48
src/api/service/word-table.ts
Normal file
48
src/api/service/word-table.ts
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
import { only_last_id } from '../only-last'
|
||||||
|
import { get, type PageResponse } from '../request'
|
||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
type FindParams = {
|
||||||
|
current: any
|
||||||
|
size: any
|
||||||
|
grasp: any
|
||||||
|
userId: any
|
||||||
|
startTime: any
|
||||||
|
endTime: any
|
||||||
|
}
|
||||||
|
|
||||||
|
class WordTableService extends BasicService<any> {
|
||||||
|
async findStage(
|
||||||
|
data: FindParams & {
|
||||||
|
vocabularyId: any
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
return await get<PageResponse<any>>('/wordTable/wordTableStage', data, {
|
||||||
|
[only_last_id]: 'word-table-list',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async findBook(
|
||||||
|
data: FindParams & {
|
||||||
|
textbookId: any
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
return await get<PageResponse<any>>('/wordTable/wordTableTextbook', data, {
|
||||||
|
[only_last_id]: 'word-table-list',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const wordTableService = new WordTableService()
|
||||||
126
src/api/service/word-test.ts
Normal file
126
src/api/service/word-test.ts
Normal file
@ -0,0 +1,126 @@
|
|||||||
|
/* eslint-disable @typescript-eslint/member-ordering */
|
||||||
|
import str from '@/utils/str'
|
||||||
|
import { get, post, type PageResponse } from '../request'
|
||||||
|
import wordTestApi from '../subject/wordTest'
|
||||||
|
import { BasicService } from './basic'
|
||||||
|
|
||||||
|
function getGraspText(val: any, total: any) {
|
||||||
|
if (val === 0) return '0'
|
||||||
|
return `${val}(${Math.round((val / total) * 100)}%)`
|
||||||
|
}
|
||||||
|
|
||||||
|
class WordTestService extends BasicService<any> {
|
||||||
|
private parseJsonItem(item: any) {
|
||||||
|
if (typeof item.extra === 'string') {
|
||||||
|
item.extra = JSON.parse(item.extra)
|
||||||
|
}
|
||||||
|
if (typeof item.bonus === 'string') {
|
||||||
|
item.bonus = JSON.parse(item.bonus)
|
||||||
|
}
|
||||||
|
if (typeof item.graspInfo === 'string') {
|
||||||
|
const info = JSON.parse(item.graspInfo)
|
||||||
|
info.strangeText = getGraspText(info.predictStrangeWordNum, info.totalNum)
|
||||||
|
info.knowText = getGraspText(info.predictKnowWordNum, info.totalNum)
|
||||||
|
info.knowWellText = getGraspText(info.predictKnowWellWordNum, info.totalNum)
|
||||||
|
info.graspText = getGraspText(info.predictGraspWordNum, info.totalNum)
|
||||||
|
item.graspInfo = info
|
||||||
|
|
||||||
|
if (typeof item.lastExamWordGraspInfo === 'string') {
|
||||||
|
const lastInfo = JSON.parse(item.lastExamWordGraspInfo)
|
||||||
|
item.lastExamWordGraspInfo = lastInfo
|
||||||
|
info.strangeChange = info.predictStrangeWordNum - lastInfo.predictStrangeWordNum
|
||||||
|
if (info.strangeChange > 0) {
|
||||||
|
info.strangeChange = `+${info.strangeChange}`
|
||||||
|
}
|
||||||
|
info.knowChange = info.predictKnowWordNum - lastInfo.predictKnowWordNum
|
||||||
|
if (info.knowChange > 0) {
|
||||||
|
info.knowChange = `+${info.knowChange}`
|
||||||
|
}
|
||||||
|
info.knowWellChange = info.predictKnowWellWordNum - lastInfo.predictKnowWellWordNum
|
||||||
|
if (info.knowWellChange > 0) {
|
||||||
|
info.knowWellChange = `+${info.knowWellChange}`
|
||||||
|
}
|
||||||
|
info.graspChange = info.predictGraspWordNum - lastInfo.predictGraspWordNum
|
||||||
|
if (info.graspChange > 0) {
|
||||||
|
info.graspChange = `+${info.graspChange}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 展示的名字
|
||||||
|
item.displayName = item.nickName || item.name
|
||||||
|
// 打码
|
||||||
|
item.redactionDisplayName = str.redaction(item.displayName)
|
||||||
|
// 学习的范围
|
||||||
|
const stageName = item.extra?.stageName
|
||||||
|
if (stageName) {
|
||||||
|
item.studyRange = stageName
|
||||||
|
} else {
|
||||||
|
const book = item.extra?.book
|
||||||
|
if (book) {
|
||||||
|
item.studyRange = `${book.versionName}-${book.bookName}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async getWords(data: any) {
|
||||||
|
return await wordTestApi.getWordTestWordsV2(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
async getRecordDetail(sessionId: any) {
|
||||||
|
const data = await get<any>('/wordExamRecord/getTotalInfoWordsBySessionId', { sessionId })
|
||||||
|
this.parseJsonItem(data)
|
||||||
|
return data
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页查询
|
||||||
|
async findPage<T>(current: number, size: number, condition: any): Promise<PageResponse<T>> {
|
||||||
|
const data = (await super.findPage<T>(current, size, condition)) as PageResponse<T>
|
||||||
|
for (const item of data.rows as any) {
|
||||||
|
this.parseJsonItem(item)
|
||||||
|
}
|
||||||
|
return data
|
||||||
|
}
|
||||||
|
|
||||||
|
async saveWordRecord(data: any) {
|
||||||
|
return await post('/wordExamRecord/saveRecord', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
async saveTotalRecords(data: any) {
|
||||||
|
const res = await post('/wordExamRecord/saveTotalRecord', data)
|
||||||
|
this.parseJsonItem(res)
|
||||||
|
return res
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取最近的记录
|
||||||
|
*/
|
||||||
|
async getLatestRecords() {
|
||||||
|
const res = await get<any>('/wordExamTotalRecord/getRecentRecords')
|
||||||
|
for (const item of res) {
|
||||||
|
this.parseJsonItem(item)
|
||||||
|
}
|
||||||
|
return res
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获得乐贝消耗
|
||||||
|
*/
|
||||||
|
async getConsumeCoin(data: any) {
|
||||||
|
return await get<any>('/wordExamRecord/getUserConsume', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
protected saveOrUpdateUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected removeUrl(): string {
|
||||||
|
throw new Error('Method not implemented.')
|
||||||
|
}
|
||||||
|
|
||||||
|
protected findPageUrl(): string {
|
||||||
|
return '/wordExamTotalRecord/list'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const wordTestService = new WordTestService()
|
||||||
330
src/api/studentManage.ts
Normal file
330
src/api/studentManage.ts
Normal file
@ -0,0 +1,330 @@
|
|||||||
|
import dayjs from 'dayjs'
|
||||||
|
import { get, post, remove } from './request'
|
||||||
|
import type { PageResponse } from './request'
|
||||||
|
import type { TextBook } from './subject/subject'
|
||||||
|
import obj from '@/utils/obj'
|
||||||
|
import type { RequestConfig } from './only-last'
|
||||||
|
|
||||||
|
interface Personality {
|
||||||
|
name: string
|
||||||
|
resourceUrl: string
|
||||||
|
personalInfoResourceUrl: string
|
||||||
|
productCode: string
|
||||||
|
remark: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Group = {
|
||||||
|
id: any
|
||||||
|
name: any
|
||||||
|
label: any
|
||||||
|
students: Student[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Student {
|
||||||
|
id: any
|
||||||
|
account: string
|
||||||
|
nickName: string
|
||||||
|
name: string
|
||||||
|
sex: number
|
||||||
|
avatarUrl: string
|
||||||
|
lastLoginTime: string
|
||||||
|
className: string
|
||||||
|
classId: string
|
||||||
|
groupName: string
|
||||||
|
groupId: string
|
||||||
|
cumulativeTimeDuration: number
|
||||||
|
currentName: string
|
||||||
|
currentLevelNum: number
|
||||||
|
currentExp: number
|
||||||
|
currentExpStart: number
|
||||||
|
currentExpEnd: number
|
||||||
|
nextName: string
|
||||||
|
nextLevelNum: number
|
||||||
|
nextExp: number
|
||||||
|
personInUsePersonalities: Personality[]
|
||||||
|
englishSubjectExpLevelVo: any // null in JSON
|
||||||
|
learnGradeId: string
|
||||||
|
currency: string
|
||||||
|
diamond: string
|
||||||
|
status: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Class = {
|
||||||
|
classId: any
|
||||||
|
className: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export type School = {
|
||||||
|
schoolId: any
|
||||||
|
schoolName: any
|
||||||
|
schoolCurrency: any
|
||||||
|
classList: Class[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ClassStudent = {
|
||||||
|
students: {
|
||||||
|
list: Student[]
|
||||||
|
map: Record<string, Student>
|
||||||
|
}
|
||||||
|
groups: {
|
||||||
|
list: Group[]
|
||||||
|
map: Record<string, Group>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const studentManageApi = {
|
||||||
|
// 获取学生列表
|
||||||
|
getClassStudent: async (classId: any, config?: RequestConfig): Promise<ClassStudent> => {
|
||||||
|
const data = (
|
||||||
|
(await get(
|
||||||
|
'/schoolUser/list',
|
||||||
|
{
|
||||||
|
classId,
|
||||||
|
size: -1,
|
||||||
|
},
|
||||||
|
config,
|
||||||
|
)) as any
|
||||||
|
)?.rows
|
||||||
|
if (!data?.length) return undefined as any
|
||||||
|
const classStudent = { students: {}, groups: {} } as ClassStudent
|
||||||
|
// 学员
|
||||||
|
classStudent.students.list = data
|
||||||
|
classStudent.students.map = obj.list2map(data, 'id')
|
||||||
|
// 分组
|
||||||
|
const groupMap = {} as Record<string, Group>
|
||||||
|
classStudent.groups.map = groupMap
|
||||||
|
const groupList = [] as Group[]
|
||||||
|
classStudent.groups.list = groupList
|
||||||
|
const defaultGroup = {
|
||||||
|
id: 0,
|
||||||
|
name: '未分组',
|
||||||
|
students: [] as Student[],
|
||||||
|
} as Group
|
||||||
|
for (const student of data) {
|
||||||
|
if (student.groupId) {
|
||||||
|
// 有分组
|
||||||
|
let group = groupMap[student.groupId]
|
||||||
|
if (!group) {
|
||||||
|
group = {
|
||||||
|
id: student.groupId,
|
||||||
|
name: student.groupName,
|
||||||
|
label: student.groupName,
|
||||||
|
students: [],
|
||||||
|
}
|
||||||
|
groupMap[student.groupId] = group
|
||||||
|
groupList.push(group)
|
||||||
|
}
|
||||||
|
group.students.push(student)
|
||||||
|
} else {
|
||||||
|
// 无分组
|
||||||
|
defaultGroup.students.push(student)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 按照组名排序分组
|
||||||
|
groupList.sort((a, b) => a.name.localeCompare(b.name))
|
||||||
|
return classStudent
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取学校列表
|
||||||
|
getSchoolList: async (): Promise<School[]> => {
|
||||||
|
return await get('/schoolUser/schoolClassList')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取班级列表
|
||||||
|
getClassListBySchoolId: async (id: any): Promise<Class[]> => {
|
||||||
|
return await get(`/schoolUser/classListBySchoolId/${id}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取班级汇总数据
|
||||||
|
getClassTotalLearnData: async (params: anyObj, config?: RequestConfig) => {
|
||||||
|
return await get('/sysUser/queryClassTotalLearnData', params, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取班级每日数据
|
||||||
|
getClassTodayLearnData: async (params: anyObj, config?: RequestConfig) => {
|
||||||
|
return await get('/sysUser/queryClassTodayLearnData', params, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取综合排名
|
||||||
|
getClassRankingData: async (params: anyObj, config?: RequestConfig) => {
|
||||||
|
return await get('/sysUser/queryClassRankingData', params, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取学科数据
|
||||||
|
getSubjectStudyData: async (params: anyObj, config?: RequestConfig) => {
|
||||||
|
const data = (await get('/sysUser/queryClassSubjectLearnData', params, config)) as any
|
||||||
|
// learnTime转为整数
|
||||||
|
data?.forEach((item: anyObj) => {
|
||||||
|
item.learnTime = Number(item.learnTime)
|
||||||
|
})
|
||||||
|
return data
|
||||||
|
},
|
||||||
|
|
||||||
|
// 重置密码
|
||||||
|
resetPassword: async (ids: any) => {
|
||||||
|
if (!Array.isArray(ids)) {
|
||||||
|
ids = [ids]
|
||||||
|
}
|
||||||
|
return await post('/sysUser/resetPwdFront', { ids })
|
||||||
|
},
|
||||||
|
|
||||||
|
// 教师查询教材列表
|
||||||
|
getClassBookList: async (data: GetBookListApi, config?: RequestConfig): Promise<TextBook[]> => {
|
||||||
|
return await get('/teacherTextBook/list', data, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 教师删除教材
|
||||||
|
removeClassBook: async (id: any) => {
|
||||||
|
return await remove(`/teacherTextBook/${id}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 教师添加教材
|
||||||
|
addClassBook: async (data: AddBookApi) => {
|
||||||
|
return await post('/teacherTextBook', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 增加乐贝
|
||||||
|
addCoin: async (data: CoinDiamondApi) => {
|
||||||
|
processCoinDiamondApi(data, true)
|
||||||
|
return await post('/reward/coin/reward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 减少乐贝
|
||||||
|
subCoin: async (data: CoinDiamondApi) => {
|
||||||
|
processCoinDiamondApi(data, false)
|
||||||
|
return await post('/reward/coin/reduce', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 批量操作乐贝
|
||||||
|
coinBatch: async (data: CoinDiamondBatchApi) => {
|
||||||
|
data = processedCoinDiamondBatchApi(data)
|
||||||
|
return await post('/reward/coin/rewardBatch', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 增加钻石
|
||||||
|
addDiamond: async (data: CoinDiamondApi) => {
|
||||||
|
processCoinDiamondApi(data, true)
|
||||||
|
return await post('/reward/diamond/reward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 减少钻石
|
||||||
|
subDiamond: async (data: CoinDiamondApi) => {
|
||||||
|
processCoinDiamondApi(data, false)
|
||||||
|
return await post('/reward/diamond/reduce', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 批量操作钻石
|
||||||
|
diamondBatch: async (data: CoinDiamondBatchApi) => {
|
||||||
|
data = processedCoinDiamondBatchApi(data)
|
||||||
|
return await post('/reward/diamond/rewardBatch', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 修改学员状态
|
||||||
|
changeStatus: async (data: ChangeStatusApi) => {
|
||||||
|
return await post('/sysUser/changeStatusFront', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
changeStatusBatch: async (data: ChangeStatusBatchApi) => {
|
||||||
|
return await post('/sysUser/changeStatusFrontBatch', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取乐币流水
|
||||||
|
getCoinTransaction: async (
|
||||||
|
data: GetCoinTransactionApi,
|
||||||
|
): Promise<PageResponse<CoinTransaction>> => {
|
||||||
|
return await get('/org/school/transaction/list', data)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
function processCoinDiamondApi(data: CoinDiamondApi, add: boolean) {
|
||||||
|
const amount = Number(data.amount)
|
||||||
|
if (isNaN(amount) || amount <= 0) {
|
||||||
|
throw '请输入正确的数量'
|
||||||
|
}
|
||||||
|
if (!data.bizDate) {
|
||||||
|
data.bizDate = dayjs().format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
}
|
||||||
|
if (!data.reason) {
|
||||||
|
data.reason = add ? '手动奖励' : '手动扣除'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function processedCoinDiamondBatchApi(data: CoinDiamondBatchApi) {
|
||||||
|
const arr = [] as CoinDiamondBatchApi
|
||||||
|
for (const item of data) {
|
||||||
|
try {
|
||||||
|
processCoinDiamondApi(item, item.operation === operation_add)
|
||||||
|
arr.push(item)
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
if (arr.length === 0) {
|
||||||
|
throw '没有需要操作的数据'
|
||||||
|
}
|
||||||
|
return arr
|
||||||
|
}
|
||||||
|
|
||||||
|
type GetBookListApi = {
|
||||||
|
classId: any
|
||||||
|
subjectId: any
|
||||||
|
}
|
||||||
|
|
||||||
|
type AddBookApi = {
|
||||||
|
classId: any
|
||||||
|
textBookId: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export const type_coin = 1
|
||||||
|
export const type_diamond = 2
|
||||||
|
export type CoinDiamondApi = {
|
||||||
|
reason?: string
|
||||||
|
amount: any
|
||||||
|
userId: any
|
||||||
|
bizDate?: string
|
||||||
|
remark?: string
|
||||||
|
typeId?: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export const operation_add = 1
|
||||||
|
export const operation_sub = 2
|
||||||
|
export type CoinDiamondBatchApi = (CoinDiamondApi & {
|
||||||
|
operation: any
|
||||||
|
})[]
|
||||||
|
|
||||||
|
type ChangeStatusApi = {
|
||||||
|
id?: any
|
||||||
|
classId?: any
|
||||||
|
status: any
|
||||||
|
}
|
||||||
|
|
||||||
|
type ChangeStatusBatchApi = {
|
||||||
|
id: any
|
||||||
|
status: any
|
||||||
|
}[]
|
||||||
|
|
||||||
|
// 获取乐币流水
|
||||||
|
type GetCoinTransactionApi = {
|
||||||
|
schoolId: any
|
||||||
|
typeCode: any
|
||||||
|
keyword?: any
|
||||||
|
current: any
|
||||||
|
size: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export type CoinTransaction = {
|
||||||
|
id: any
|
||||||
|
schoolId: any
|
||||||
|
schoolName: string
|
||||||
|
operation: any
|
||||||
|
typeCode: any
|
||||||
|
amount: any
|
||||||
|
userId: any
|
||||||
|
transactionId: string
|
||||||
|
bizDate: string
|
||||||
|
remark: string
|
||||||
|
record: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export const status_enabled = 0
|
||||||
|
export const status_disabled = 1
|
||||||
|
|
||||||
|
export default studentManageApi
|
||||||
80
src/api/studyAnalysis.ts
Normal file
80
src/api/studyAnalysis.ts
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
import { get } from './request'
|
||||||
|
|
||||||
|
const studyAnalysisApi = {
|
||||||
|
/**
|
||||||
|
* 获取统计数据-学习时长统计
|
||||||
|
*/
|
||||||
|
getReportDuration: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/study/duration`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取统计数据-错题本统计
|
||||||
|
*/
|
||||||
|
getReportError: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/study/error`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取统计数据-知识图谱统计
|
||||||
|
*/
|
||||||
|
getReportKnowledge: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/study/knowledge`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取统计数据-视频学习统计
|
||||||
|
*/
|
||||||
|
getReportvideo: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/study/video`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取统计数据-英语语感练习
|
||||||
|
*/
|
||||||
|
getStatListByTimeFlag: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSentenceLearn/queryStatListByTimeFlag`,
|
||||||
|
data,
|
||||||
|
method: 'post',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取统计数据-单词学习统计
|
||||||
|
*/
|
||||||
|
getWordReportData: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/eng/word`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取学员信息
|
||||||
|
getUserInfoById: async (stuId: any): Promise<any> => {
|
||||||
|
return await get(`/schoolUser/getInfo`, { stuId })
|
||||||
|
},
|
||||||
|
|
||||||
|
// 练习统计
|
||||||
|
getTrainRecord: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSubjectReport/study/trainRecord`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default studyAnalysisApi
|
||||||
879
src/api/subject/config.ts
Normal file
879
src/api/subject/config.ts
Normal file
@ -0,0 +1,879 @@
|
|||||||
|
/* eslint-disable @typescript-eslint/prefer-for-of */
|
||||||
|
import type { BookVersion, Clean, TextBook } from './subject'
|
||||||
|
|
||||||
|
const _getBookColor = (bookName: string) => {
|
||||||
|
let index = bookVersionNames.length - 1
|
||||||
|
let stop = false
|
||||||
|
// 看一下bookName包含bookVersionNames的哪一个
|
||||||
|
for (let i = 0; i < bookVersionNames.length; i++) {
|
||||||
|
for (let j = 0; j < bookVersionNames[i].length; j++) {
|
||||||
|
if (bookName.indexOf(bookVersionNames[i][j]) !== -1) {
|
||||||
|
index = i
|
||||||
|
stop = true
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (stop) {
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return bookColors[index]
|
||||||
|
}
|
||||||
|
|
||||||
|
const TAGS = ['五四', '六三', '课改']
|
||||||
|
const replaced_tags: any = {
|
||||||
|
五四制: '五四',
|
||||||
|
六三制: '六三',
|
||||||
|
'-广州用': '(广州)',
|
||||||
|
'(北京课改版)': '(课改版)',
|
||||||
|
'-开心学英语': '(开心学英语)',
|
||||||
|
一起: '(一年级起点)',
|
||||||
|
三起: '(三年级起点)',
|
||||||
|
新启航: '(新启航)',
|
||||||
|
新视角: '(新视角)',
|
||||||
|
新交际: '(新交际)',
|
||||||
|
}
|
||||||
|
// 处理名字,分割成标签、非标签
|
||||||
|
const _processName = (name: string) => {
|
||||||
|
// 先统一括号为英文括号
|
||||||
|
name = name.replace(/（/g, '(').replace(/）/g, ')')
|
||||||
|
|
||||||
|
// 替换
|
||||||
|
for (const key in replaced_tags) {
|
||||||
|
name = name.replace(key, replaced_tags[key])
|
||||||
|
}
|
||||||
|
|
||||||
|
// 区分
|
||||||
|
const data: {
|
||||||
|
tags: string[]
|
||||||
|
name: string
|
||||||
|
} = {
|
||||||
|
tags: [],
|
||||||
|
name,
|
||||||
|
}
|
||||||
|
|
||||||
|
// 如果名字里面带有括号
|
||||||
|
const bracket: any = Array.from(name.matchAll(/\(([^\）]*?)\)/g), match => match[1])
|
||||||
|
if (bracket) {
|
||||||
|
data.tags = bracket
|
||||||
|
for (const b of bracket) {
|
||||||
|
name = name.replace(`(${b})`, '')
|
||||||
|
}
|
||||||
|
data.name = name
|
||||||
|
}
|
||||||
|
|
||||||
|
// 先处理标签
|
||||||
|
for (const tag of TAGS) {
|
||||||
|
const idx = name.indexOf(tag)
|
||||||
|
if (idx === -1) continue
|
||||||
|
data.tags.push(tag)
|
||||||
|
data.name = name.slice(0, idx) + name.slice(idx + tag.length)
|
||||||
|
break
|
||||||
|
}
|
||||||
|
|
||||||
|
// 有些标签包含了/
|
||||||
|
if (data.tags) {
|
||||||
|
let newTags: any = []
|
||||||
|
for (const tag of data.tags) {
|
||||||
|
newTags = [...newTags, ...tag.split('/')]
|
||||||
|
}
|
||||||
|
newTags.sort()
|
||||||
|
data.tags = newTags
|
||||||
|
}
|
||||||
|
|
||||||
|
// // 去掉括号
|
||||||
|
// if (data.tag.startsWith('(')) {
|
||||||
|
// data.tag = data.tag.slice(1, -1)
|
||||||
|
// }
|
||||||
|
return data
|
||||||
|
}
|
||||||
|
|
||||||
|
const _processObj = (obj: any) => {
|
||||||
|
const sourceName = obj?.clean?.name || ''
|
||||||
|
const name = _processName(sourceName)
|
||||||
|
obj.clean.tags = name.tags || []
|
||||||
|
obj.clean.name = name.name || sourceName
|
||||||
|
}
|
||||||
|
|
||||||
|
const _longest = (...args: string[]) => {
|
||||||
|
let size = 0
|
||||||
|
let longest = ''
|
||||||
|
for (const arg of args) {
|
||||||
|
if (!arg) continue
|
||||||
|
if (arg.length > size) {
|
||||||
|
size = arg.length
|
||||||
|
longest = arg
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return longest
|
||||||
|
}
|
||||||
|
|
||||||
|
// 清洗一下版本数据
|
||||||
|
export const cleanVersions = (versions: BookVersion[]) => {
|
||||||
|
for (const version of versions) {
|
||||||
|
version.clean = {} as Clean
|
||||||
|
// 设置名字
|
||||||
|
version.clean.name = version.shortName || version.name
|
||||||
|
// 处理对象
|
||||||
|
_processObj(version)
|
||||||
|
// 处理书本
|
||||||
|
for (const book of version.textBookVoList) {
|
||||||
|
book.clean = {} as Clean
|
||||||
|
// 设置名字
|
||||||
|
if (version.clean.tags?.length) {
|
||||||
|
book.clean.name = book.displayName || book.shortName || book.name
|
||||||
|
} else {
|
||||||
|
book.clean.name = _longest(book.name, book.displayName, book.shortName)
|
||||||
|
}
|
||||||
|
// 处理对象
|
||||||
|
_processObj(book)
|
||||||
|
// 全名
|
||||||
|
book.clean.fullName = _getBookName(book, version)
|
||||||
|
// 覆盖颜色
|
||||||
|
book.clean.color = _getBookColor(book.clean.fullName!)
|
||||||
|
version.clean.color = book.clean.color
|
||||||
|
// 去除不必要的tag
|
||||||
|
if (book.clean.tags?.length) {
|
||||||
|
book.clean.tags = book.clean.tags.filter((tag: string) => {
|
||||||
|
// 如果跟版本名字相同，直接去掉
|
||||||
|
return tag !== version.clean.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 合并tag
|
||||||
|
book.clean.all_tags = [
|
||||||
|
...new Set([...(book.clean?.tags || []), ...(version.clean?.tags || [])]),
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 清洗一下教材数据
|
||||||
|
export const cleanBooks = (books: TextBook[]) => {
|
||||||
|
for (const book of books) {
|
||||||
|
book.clean = {} as Clean
|
||||||
|
book.version = {
|
||||||
|
clean: {} as Clean,
|
||||||
|
} as BookVersion
|
||||||
|
// 设置名字
|
||||||
|
book.clean.name = book.textBookName
|
||||||
|
book.version.clean.name = book.bookVersionName || book.versionName
|
||||||
|
|
||||||
|
// 处理对象
|
||||||
|
_processObj(book)
|
||||||
|
_processObj(book.version)
|
||||||
|
|
||||||
|
// 全名
|
||||||
|
book.clean.fullName = _getBookName(book, book.version)
|
||||||
|
book.clean.color = _getBookColor(book.clean.fullName!)
|
||||||
|
book.version.clean.color = book.clean.color
|
||||||
|
// 去除不必要的tag
|
||||||
|
if (book.clean.tags?.length) {
|
||||||
|
book.clean.tags = book.clean.tags.filter((tag: string) => {
|
||||||
|
// 如果跟版本名字相同，直接去掉
|
||||||
|
return tag !== book.version.clean.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 合并tag
|
||||||
|
book.clean.all_tags = [
|
||||||
|
...new Set([...(book.clean.tags || []), ...(book.version.clean.tags || [])]),
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const _escapeRegExp = (text: string) => {
|
||||||
|
return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
|
||||||
|
}
|
||||||
|
|
||||||
|
const _trimRegex = (source: string, regex: string) => {
|
||||||
|
const safeRegex = _escapeRegExp(regex || '')
|
||||||
|
const reg = new RegExp(`\\s*${safeRegex}\\s*`, 'g')
|
||||||
|
return source.replace(reg, '')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 需要去掉的名字
|
||||||
|
const trim_names = ['人教版数学', '沪教版', '小学', '英语', '少儿']
|
||||||
|
|
||||||
|
// 获取书本名字
|
||||||
|
const _getBookName = (book: any, version: any) => {
|
||||||
|
// 第1步：去掉书本名字中的教材版本名字
|
||||||
|
for (const name of trim_names) {
|
||||||
|
book.clean.name = _trimRegex(book.clean.name, name)
|
||||||
|
}
|
||||||
|
book.clean.name = _trimRegex(book.clean.name, version.clean.name)
|
||||||
|
|
||||||
|
// 第2步
|
||||||
|
let name = version.clean.name
|
||||||
|
const tags = version.clean.tags || []
|
||||||
|
const step = '·'
|
||||||
|
if (tags.length) {
|
||||||
|
name += step + tags.join(step)
|
||||||
|
}
|
||||||
|
name += '·' + book.clean.name
|
||||||
|
return name
|
||||||
|
}
|
||||||
|
|
||||||
|
const bookVersionNames = [
|
||||||
|
['人', '编'],
|
||||||
|
['辽', '陕', '鲁', '青'],
|
||||||
|
['北', '冀', '清', '河'],
|
||||||
|
['苏', '浙', '沪', '杭', '上海'],
|
||||||
|
['鄂', '湘', '闽', '湖', '福'],
|
||||||
|
['重', '渝', '川'],
|
||||||
|
['粤', '桂', '琼', '广'],
|
||||||
|
['五四', '六三'],
|
||||||
|
['大象', '接力', '仁', '译'],
|
||||||
|
['外', 'W', '牛津', '剑桥', '朗文'],
|
||||||
|
['新', '起点'],
|
||||||
|
['大学', '科', '师'],
|
||||||
|
]
|
||||||
|
|
||||||
|
const bookColors = [
|
||||||
|
{
|
||||||
|
// 深绿
|
||||||
|
color: '#21CC18',
|
||||||
|
bgColor: '#93F28D',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 卡其
|
||||||
|
color: '#C7B767',
|
||||||
|
bgColor: '#DBD5B8',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 深蓝
|
||||||
|
color: '#04A6FF',
|
||||||
|
bgColor: '#20CDFF',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 浅紫
|
||||||
|
color: '#967ACC',
|
||||||
|
bgColor: '#C4B8DB',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 米黄色
|
||||||
|
color: '#FF7438',
|
||||||
|
bgColor: '#FFC49F',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 红褐色
|
||||||
|
color: '#FF6363',
|
||||||
|
bgColor: '#FF9F9F',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 蓝紫色
|
||||||
|
color: '#5B5DFF',
|
||||||
|
bgColor: '#989AFF',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 深紫色
|
||||||
|
color: '#AB5CFF',
|
||||||
|
bgColor: '#D199FF',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 蓝色
|
||||||
|
color: '#5C89FF',
|
||||||
|
bgColor: '#99BBFF',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 黄色
|
||||||
|
color: '#E5B000',
|
||||||
|
bgColor: '#FCEB5B',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 粉灰色
|
||||||
|
color: '#CC7A8D',
|
||||||
|
bgColor: '#DBC1C7',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 粉紫
|
||||||
|
color: '#FC5EC9',
|
||||||
|
bgColor: '#FF99E1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 紫色
|
||||||
|
color: '#FF5CFF',
|
||||||
|
bgColor: '#FF99FF',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 浅绿
|
||||||
|
color: '#6BD600',
|
||||||
|
bgColor: '#CCF37C',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 天蓝
|
||||||
|
color: '#00C7D6',
|
||||||
|
bgColor: '#45ECF5',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 年级
|
||||||
|
const grade_1 = 1
|
||||||
|
const grade_2 = 2
|
||||||
|
const grade_3 = 3
|
||||||
|
const grade_4 = 4
|
||||||
|
const grade_5 = 5
|
||||||
|
const grade_6 = 6
|
||||||
|
const grade_7 = 7
|
||||||
|
const grade_8 = 8
|
||||||
|
const grade_9 = 9
|
||||||
|
const grade_high_1 = 10
|
||||||
|
const grade_high_2 = 11
|
||||||
|
const grade_high_3 = 12
|
||||||
|
const xiaoxue = [grade_1, grade_2, grade_3, grade_4, grade_5, grade_6]
|
||||||
|
const chuzhong = [grade_7, grade_8, grade_9]
|
||||||
|
const gaozhong = [grade_high_1, grade_high_2, grade_high_3]
|
||||||
|
const grade_map: any = {
|
||||||
|
[grade_1]: '一年级',
|
||||||
|
[grade_2]: '二年级',
|
||||||
|
[grade_3]: '三年级',
|
||||||
|
[grade_4]: '四年级',
|
||||||
|
[grade_5]: '五年级',
|
||||||
|
[grade_6]: '六年级',
|
||||||
|
[grade_7]: '七年级',
|
||||||
|
[grade_8]: '八年级',
|
||||||
|
[grade_9]: '九年级',
|
||||||
|
[grade_high_1]: '高一',
|
||||||
|
[grade_high_2]: '高二',
|
||||||
|
[grade_high_3]: '高三',
|
||||||
|
}
|
||||||
|
|
||||||
|
const base_grade_1 = 1
|
||||||
|
const base_grade_2 = 2
|
||||||
|
const base_grade_3 = 3
|
||||||
|
const base_grade_4 = 4
|
||||||
|
const base_grade_5 = 5
|
||||||
|
const base_grade_6 = 6
|
||||||
|
const base_grade_7 = 7
|
||||||
|
const base_grade_8 = 8
|
||||||
|
const base_grade_9 = 9
|
||||||
|
const base_grade_high_1 = 10
|
||||||
|
const base_grade_high_2 = 11
|
||||||
|
const base_grade_high_3 = 12
|
||||||
|
const base_grade_map: any = {
|
||||||
|
[base_grade_1]: grade_1,
|
||||||
|
[base_grade_2]: grade_2,
|
||||||
|
[base_grade_3]: grade_3,
|
||||||
|
[base_grade_4]: grade_4,
|
||||||
|
[base_grade_5]: grade_5,
|
||||||
|
[base_grade_6]: grade_6,
|
||||||
|
[base_grade_7]: grade_7,
|
||||||
|
[base_grade_8]: grade_8,
|
||||||
|
[base_grade_9]: grade_9,
|
||||||
|
[base_grade_high_1]: grade_high_1,
|
||||||
|
[base_grade_high_2]: grade_high_2,
|
||||||
|
[base_grade_high_3]: grade_high_3,
|
||||||
|
}
|
||||||
|
|
||||||
|
export const grades = [
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '1',
|
||||||
|
baseId: '1',
|
||||||
|
name: '一年级',
|
||||||
|
sort: 0,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '2',
|
||||||
|
baseId: '2',
|
||||||
|
name: '二年级',
|
||||||
|
sort: 1,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '3',
|
||||||
|
baseId: '3',
|
||||||
|
name: '三年级',
|
||||||
|
sort: 2,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '4',
|
||||||
|
baseId: '4',
|
||||||
|
name: '四年级',
|
||||||
|
sort: 3,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '5',
|
||||||
|
baseId: '5',
|
||||||
|
name: '五年级',
|
||||||
|
sort: 4,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '6',
|
||||||
|
baseId: '6',
|
||||||
|
name: '六年级',
|
||||||
|
sort: 5,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '7',
|
||||||
|
baseId: '7',
|
||||||
|
name: '七年级',
|
||||||
|
sort: 7,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '8',
|
||||||
|
baseId: '8',
|
||||||
|
name: '八年级',
|
||||||
|
sort: 8,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '9',
|
||||||
|
baseId: '9',
|
||||||
|
name: '九年级',
|
||||||
|
sort: 9,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '10',
|
||||||
|
baseId: '10',
|
||||||
|
name: '高一',
|
||||||
|
sort: 10,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '11',
|
||||||
|
baseId: '11',
|
||||||
|
name: '高二',
|
||||||
|
sort: 11,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
createTime: '2024-08-28 14:57:45',
|
||||||
|
createUser: '-1',
|
||||||
|
updateTime: '2024-08-28 14:57:45',
|
||||||
|
updateUser: '-1',
|
||||||
|
id: '12',
|
||||||
|
baseId: '12',
|
||||||
|
name: '高三',
|
||||||
|
sort: 12,
|
||||||
|
delFlag: 0,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 阶段
|
||||||
|
export const stage_xiaoxue = 1
|
||||||
|
export const stage_chuzhong = 2
|
||||||
|
export const stage_gaozhong = 3
|
||||||
|
export const stage_options = [
|
||||||
|
{
|
||||||
|
label: '小学',
|
||||||
|
value: stage_xiaoxue,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '初中',
|
||||||
|
value: stage_chuzhong,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '高中',
|
||||||
|
value: stage_gaozhong,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 类型
|
||||||
|
export type SubjectItem = {
|
||||||
|
subjectId: any
|
||||||
|
name: string
|
||||||
|
subject: string
|
||||||
|
pictureUrl: string
|
||||||
|
sort: any
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学科
|
||||||
|
const chinese_subject_id = 1
|
||||||
|
const math_subject_id = 2
|
||||||
|
const english_subject_id = 3
|
||||||
|
export const subject_english = {
|
||||||
|
subjectId: english_subject_id,
|
||||||
|
name: '英语',
|
||||||
|
subject: '英语',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_yingyu.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
export const subject_chinese = {
|
||||||
|
subjectId: chinese_subject_id,
|
||||||
|
name: '语文',
|
||||||
|
subject: '语文',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_yuwen.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
export const subject_math = {
|
||||||
|
subjectId: math_subject_id,
|
||||||
|
name: '数学',
|
||||||
|
subject: '数学',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_shuxue.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_physics = {
|
||||||
|
subjectId: 4,
|
||||||
|
name: '物理',
|
||||||
|
subject: '物理',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_wuli.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_chemistry = {
|
||||||
|
subjectId: 5,
|
||||||
|
name: '化学',
|
||||||
|
subject: '化学',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_huaxue.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_bio = {
|
||||||
|
subjectId: 6,
|
||||||
|
name: '生物学',
|
||||||
|
subject: '生物学',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_shengwu.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_law = {
|
||||||
|
subjectId: 7,
|
||||||
|
name: '政治（道法）',
|
||||||
|
subject: '政治（道法）',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_fazhi.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_history = {
|
||||||
|
subjectId: 8,
|
||||||
|
name: '历史',
|
||||||
|
subject: '历史',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_lishi.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_geo = {
|
||||||
|
subjectId: 9,
|
||||||
|
name: '地理',
|
||||||
|
subject: '地理',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_dili.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_science = {
|
||||||
|
subjectId: 10,
|
||||||
|
name: '科学',
|
||||||
|
subject: '科学',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_kexue.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_history_society = {
|
||||||
|
subjectId: 11,
|
||||||
|
name: '历史与社会',
|
||||||
|
subject: '历史与社会',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_lishiyushehui.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_it = {
|
||||||
|
subjectId: 12,
|
||||||
|
name: '信息技术',
|
||||||
|
subject: '信息技术',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_xinxi.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_music = {
|
||||||
|
subjectId: 13,
|
||||||
|
name: '音乐',
|
||||||
|
subject: '音乐',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_yinyue.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const subject_art = {
|
||||||
|
subjectId: 14,
|
||||||
|
name: '美术',
|
||||||
|
subject: '美术',
|
||||||
|
pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_meishu.png',
|
||||||
|
sort: null,
|
||||||
|
} as SubjectItem
|
||||||
|
const xiaoxue_subjects = [
|
||||||
|
subject_english,
|
||||||
|
subject_chinese,
|
||||||
|
subject_math,
|
||||||
|
subject_science,
|
||||||
|
subject_law,
|
||||||
|
]
|
||||||
|
const chuzhong_subjects = [
|
||||||
|
subject_english,
|
||||||
|
subject_chinese,
|
||||||
|
subject_math,
|
||||||
|
subject_physics,
|
||||||
|
subject_chemistry,
|
||||||
|
subject_history,
|
||||||
|
subject_geo,
|
||||||
|
subject_bio,
|
||||||
|
subject_science,
|
||||||
|
subject_law,
|
||||||
|
]
|
||||||
|
const gaozhong_subjects = [
|
||||||
|
subject_english,
|
||||||
|
subject_chinese,
|
||||||
|
subject_math,
|
||||||
|
subject_physics,
|
||||||
|
subject_chemistry,
|
||||||
|
subject_history,
|
||||||
|
subject_geo,
|
||||||
|
subject_bio,
|
||||||
|
subject_law,
|
||||||
|
subject_it,
|
||||||
|
// {
|
||||||
|
// subjectId: 14,
|
||||||
|
// name: '通用',
|
||||||
|
// subject: '通用',
|
||||||
|
// pictureUrl: 'https://xxl-1313840333.cos.ap-guangzhou.myqcloud.com/urm/subject_tongyong.png',
|
||||||
|
// sort: null,
|
||||||
|
// },
|
||||||
|
]
|
||||||
|
export const subjects = [
|
||||||
|
{
|
||||||
|
id: chinese_subject_id,
|
||||||
|
name: '语文',
|
||||||
|
subject: '语文',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '1',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: math_subject_id,
|
||||||
|
name: '数学',
|
||||||
|
subject: '数学',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '2',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: english_subject_id,
|
||||||
|
name: '英语',
|
||||||
|
subject: '英语',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '3',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: '物理',
|
||||||
|
subject: '物理',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '4',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
name: '化学',
|
||||||
|
subject: '化学',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '5',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
name: '生物学',
|
||||||
|
subject: '生物学',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '6',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
name: '政治（道法）',
|
||||||
|
subject: '政治（道法）',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '7',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
name: '历史',
|
||||||
|
subject: '历史',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '8',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
name: '地理',
|
||||||
|
subject: '地理',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '9',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
name: '科学',
|
||||||
|
subject: '科学',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '10',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 11,
|
||||||
|
name: '历史与社会',
|
||||||
|
subject: '历史与社会',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '11',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 12,
|
||||||
|
name: '信息技术',
|
||||||
|
subject: '信息技术',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '12',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 13,
|
||||||
|
name: '音乐',
|
||||||
|
subject: '音乐',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '13',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 14,
|
||||||
|
name: '美术',
|
||||||
|
subject: '美术',
|
||||||
|
pictureUrl: null,
|
||||||
|
tableMark: '14',
|
||||||
|
status: 0,
|
||||||
|
createUser: null,
|
||||||
|
updateUser: null,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export type Subject = {
|
||||||
|
id?: number
|
||||||
|
subjectId: number
|
||||||
|
name: string
|
||||||
|
subject: string
|
||||||
|
pictureUrl: string
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获得真正的年级
|
||||||
|
export const getRealGrade = (grade: any) => {
|
||||||
|
grade = Number(grade)
|
||||||
|
if (grade <= base_grade_high_3) {
|
||||||
|
return base_grade_map[grade]
|
||||||
|
}
|
||||||
|
return grade
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getStageByGrade = (grade: any) => {
|
||||||
|
grade = getRealGrade(grade)
|
||||||
|
if (gaozhong.includes(grade)) {
|
||||||
|
return stage_gaozhong
|
||||||
|
}
|
||||||
|
if (chuzhong.includes(grade)) {
|
||||||
|
return stage_chuzhong
|
||||||
|
}
|
||||||
|
return stage_xiaoxue
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getSubjectById = (subjectId: any): Subject => {
|
||||||
|
subjectId = Number(subjectId)
|
||||||
|
for (const subject of subjects) {
|
||||||
|
if (subject.id === subjectId) {
|
||||||
|
return subject as any
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return undefined as any
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getSubjectsByStage = (stage: any): Subject[] => {
|
||||||
|
if (!stage) return []
|
||||||
|
stage = Number(stage)
|
||||||
|
if (stage === stage_xiaoxue) return xiaoxue_subjects
|
||||||
|
if (stage === stage_chuzhong) return chuzhong_subjects
|
||||||
|
return gaozhong_subjects
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getSubjectsByGrade = (grade: any): Subject[] => {
|
||||||
|
if (!grade) return []
|
||||||
|
grade = getRealGrade(grade)
|
||||||
|
if (xiaoxue.includes(grade)) return xiaoxue_subjects
|
||||||
|
if (chuzhong.includes(grade)) return chuzhong_subjects
|
||||||
|
return gaozhong_subjects
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据班级名称获得年级
|
||||||
|
export const getGradeByClassName = (className: string) => {
|
||||||
|
for (const grade in grade_map) {
|
||||||
|
const gradeName = grade_map[grade]
|
||||||
|
if (className.includes(gradeName)) return grade
|
||||||
|
}
|
||||||
|
return undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据班级名称获得学科
|
||||||
|
export const getSubjectsByClassName = (className: string) => {
|
||||||
|
return getSubjectsByGrade(getGradeByClassName(className))
|
||||||
|
}
|
||||||
83
src/api/subject/dictionaries.ts
Normal file
83
src/api/subject/dictionaries.ts
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
// 词典
|
||||||
|
|
||||||
|
interface SearchWordParams {
|
||||||
|
keyword: string
|
||||||
|
current?: number
|
||||||
|
size?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SearchHistoryParams {
|
||||||
|
current?: number
|
||||||
|
size?: number
|
||||||
|
stageState?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface AddSearchHistoryData {
|
||||||
|
wordId: string
|
||||||
|
searchValue: string
|
||||||
|
stageState: number
|
||||||
|
wordSpell: string
|
||||||
|
wordZnDesc?: string
|
||||||
|
spell?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 词典搜索
|
||||||
|
* @param {SearchWordParams} params：搜索参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
const searchWordApi = (params: SearchWordParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/word/search',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 搜索历史
|
||||||
|
* @param {SearchHistoryParams} params：查询参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
const getSearchHistoryApi = (params: SearchHistoryParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/searchLog/list',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 搜索历史-新增
|
||||||
|
* @param {AddSearchHistoryData} data：搜索历史数据
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
const addSearchHistoryApi = (data: AddSearchHistoryData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/searchLog',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 搜索历史-删除
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
const deleteSearchHistoryApi = () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/searchLog/deleteAll',
|
||||||
|
method: 'DELETE',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const dictionariesApi = {
|
||||||
|
searchWordApi,
|
||||||
|
getSearchHistoryApi,
|
||||||
|
addSearchHistoryApi,
|
||||||
|
deleteSearchHistoryApi,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default dictionariesApi
|
||||||
46
src/api/subject/doWork.ts
Normal file
46
src/api/subject/doWork.ts
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { get, post } from '../request'
|
||||||
|
|
||||||
|
const doWorkApi = {
|
||||||
|
/*
|
||||||
|
** 答题
|
||||||
|
*/
|
||||||
|
// 训练记录表-新增
|
||||||
|
addTrain: async (data: anyObj) => {
|
||||||
|
return await post<any>('/userTrainRecord', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 训练记录表-id查询
|
||||||
|
getTrainSingle: async (id: any): Promise<any> => {
|
||||||
|
return await get('/userTrainRecord/' + id)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 训练记录表-查询列表
|
||||||
|
getTrainRecordList: async (params: anyObj) => {
|
||||||
|
return await get<any>('/userTrainRecord/list', params)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 训练记录表-查询列表
|
||||||
|
submitTrainRecord: async (data: anyObj) => {
|
||||||
|
return await post('/userTrainRecord/submitTrainRecord', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 题目反馈表-新增
|
||||||
|
submitTitleFeedback: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/titleFeedback',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户组卷表-开始组卷
|
||||||
|
startGroupPaper: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userPaper/start',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
timeout: 28000,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default doWorkApi
|
||||||
71
src/api/subject/happyRead.ts
Normal file
71
src/api/subject/happyRead.ts
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const happyReadApi = {
|
||||||
|
/**
|
||||||
|
* 短片阅读、自然拼读答题结果记录
|
||||||
|
*/
|
||||||
|
readingLearnRecord: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/readingLearnRecord/saveRecord',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 自然拼读关卡-开始练习(智能选择关卡)
|
||||||
|
getNaturalLangBeginTrain: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/naturalLangLevel/getLevelContentById/beginTrain',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 句子单词关联-获取该单词关联关卡练习(若返回空则表示该单词没有相关关卡)
|
||||||
|
getTestOrWordDetail: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/textSentenceWord/queryThroughLevelTrain',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 短篇阅读
|
||||||
|
*/
|
||||||
|
// 短篇阅读获取首页数据
|
||||||
|
shortQueryFirstPageInfo: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/shortTextReadingLevel/queryFirstPageInfo',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 短篇阅读开始练习
|
||||||
|
shortReadBeginTrain: (params?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/shortTextReadingLevel/beginTrain',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// sessionid 生成
|
||||||
|
getReadSessionid: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/shortTextReadingLevel/sessionIdSender',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 阶数选择
|
||||||
|
getReadGradeList: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/shortTextReadingLevel/gradleSelector',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取答题列表
|
||||||
|
getReadRecoredList: (params?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/readingLearnRecord/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取答题详情
|
||||||
|
getReadRecoredDetail: (params?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/shortTextReadingLevel/detailRecord',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default happyReadApi
|
||||||
48
src/api/subject/homework/index.ts
Normal file
48
src/api/subject/homework/index.ts
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
import { get, post } from '../../request'
|
||||||
|
|
||||||
|
import { PaperRecord, HomeworkExam, SubjectPaperRecord } from './type'
|
||||||
|
export * from './type'
|
||||||
|
|
||||||
|
const getUnfinishedHomework = async () => {
|
||||||
|
const records = await get<PaperRecord[]>('/school/paper/userRecord/listExamRecord')
|
||||||
|
// 利用map优化
|
||||||
|
const map = new Map<string, SubjectPaperRecord>()
|
||||||
|
records.forEach(item => {
|
||||||
|
const record = map.get(item.subjectId)
|
||||||
|
if (record) {
|
||||||
|
record.records.push(item)
|
||||||
|
} else {
|
||||||
|
map.set(item.subjectId, {
|
||||||
|
subjectId: item.subjectId,
|
||||||
|
subjectName: item.subjectName,
|
||||||
|
records: [item],
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return map
|
||||||
|
}
|
||||||
|
|
||||||
|
const startExam = async (recordId: any) => {
|
||||||
|
return post<HomeworkExam>(`/school/paper/exam`, { recordId })
|
||||||
|
}
|
||||||
|
|
||||||
|
const homeworkApi = { getUnfinishedHomework, startExam }
|
||||||
|
export default homeworkApi
|
||||||
|
|
||||||
|
// 保存题目
|
||||||
|
const saveRecordAnswer = async (data: any) => {
|
||||||
|
return post<HomeworkExam>(`/school/paper/saveRecordAnswer`, data)
|
||||||
|
}
|
||||||
|
export { saveRecordAnswer }
|
||||||
|
|
||||||
|
// 提交作业
|
||||||
|
const submitExam = async (data: any) => {
|
||||||
|
return post<HomeworkExam>(`/school/paper/submit`, data)
|
||||||
|
}
|
||||||
|
export { submitExam }
|
||||||
|
|
||||||
|
// 作业记录列表
|
||||||
|
const getListCompleteRecord = async (data: any) => {
|
||||||
|
return get<HomeworkExam>(`/school/paper/userRecord/listCompleteRecord`, data)
|
||||||
|
}
|
||||||
|
export { getListCompleteRecord }
|
||||||
269
src/api/subject/homework/type.ts
Normal file
269
src/api/subject/homework/type.ts
Normal file
@ -0,0 +1,269 @@
|
|||||||
|
/**
|
||||||
|
* 测试类型枚举
|
||||||
|
*/
|
||||||
|
export enum TestTypeEnum {
|
||||||
|
/** 单元测试 */
|
||||||
|
UNIT_TEST = 1,
|
||||||
|
/** 周测 */
|
||||||
|
WEEKLY_TEST = 2,
|
||||||
|
/** 月测 */
|
||||||
|
MONTHLY_TEST = 3,
|
||||||
|
/** 随堂练习 */
|
||||||
|
CLASS_PRACTICE = 4,
|
||||||
|
/** 课前预习 */
|
||||||
|
PRE_CLASS_PREVIEW = 5,
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SubjectPaperRecord {
|
||||||
|
/** 学科id */
|
||||||
|
subjectId: string
|
||||||
|
|
||||||
|
/** 学科名称 */
|
||||||
|
subjectName: string
|
||||||
|
|
||||||
|
/** 试卷记录列表 */
|
||||||
|
records: PaperRecord[]
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 试卷记录类型
|
||||||
|
*/
|
||||||
|
export interface PaperRecord {
|
||||||
|
/** 主键 */
|
||||||
|
id: number
|
||||||
|
|
||||||
|
/** 学校id */
|
||||||
|
schoolId: number
|
||||||
|
|
||||||
|
/** 发布人 */
|
||||||
|
publisherName: string
|
||||||
|
|
||||||
|
/** 用户id */
|
||||||
|
userId: number
|
||||||
|
|
||||||
|
/** 用户名称 */
|
||||||
|
userName: string
|
||||||
|
|
||||||
|
/** 试卷id */
|
||||||
|
paperId: number
|
||||||
|
|
||||||
|
/** 试卷名称 */
|
||||||
|
paperName: string
|
||||||
|
|
||||||
|
/** 学科id */
|
||||||
|
subjectId: string
|
||||||
|
|
||||||
|
/** 学科名称 */
|
||||||
|
subjectName: string
|
||||||
|
|
||||||
|
/** 总分 */
|
||||||
|
totalScore: number
|
||||||
|
|
||||||
|
/** 得分 */
|
||||||
|
score: number
|
||||||
|
|
||||||
|
/** 作答时长 */
|
||||||
|
costTime: number
|
||||||
|
|
||||||
|
/** 提交时间 */
|
||||||
|
submitTime: string
|
||||||
|
|
||||||
|
/** 状态：0-未作答，1-已作答 */
|
||||||
|
status: 0 | 1
|
||||||
|
|
||||||
|
/** 测试类型 1: 单元测试 2: 周测 3 月测, 4 随堂练习 5 课前预习 */
|
||||||
|
type: TestTypeEnum
|
||||||
|
|
||||||
|
/** 创建时间 */
|
||||||
|
createTime: string
|
||||||
|
endTime: string
|
||||||
|
|
||||||
|
remark: string
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 题目选项类型
|
||||||
|
*/
|
||||||
|
export type OptionList = string[][]
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 学科题目类型
|
||||||
|
*/
|
||||||
|
export interface SubjectTitleVo {
|
||||||
|
/** 题目ID */
|
||||||
|
id: string
|
||||||
|
|
||||||
|
/** 学校ID */
|
||||||
|
schoolId: string
|
||||||
|
|
||||||
|
/** 教材ID */
|
||||||
|
textBookId: string
|
||||||
|
|
||||||
|
/** 教材名称 */
|
||||||
|
textBookName: string
|
||||||
|
|
||||||
|
/** 学段父级ID */
|
||||||
|
stagePid: string
|
||||||
|
|
||||||
|
/** 学段名称 */
|
||||||
|
stageName: string
|
||||||
|
|
||||||
|
/** 学科ID */
|
||||||
|
subjectId: string
|
||||||
|
|
||||||
|
/** 学科名称 */
|
||||||
|
subjectName: string
|
||||||
|
|
||||||
|
/** 基础ID */
|
||||||
|
baseId: string | null
|
||||||
|
|
||||||
|
/** 原始ID */
|
||||||
|
originId: string
|
||||||
|
|
||||||
|
/** 题目标题 */
|
||||||
|
title: string
|
||||||
|
|
||||||
|
/** 题目类型 */
|
||||||
|
titleType: number
|
||||||
|
|
||||||
|
/** 父级ID */
|
||||||
|
pid: string | null
|
||||||
|
|
||||||
|
/** 考试类型 */
|
||||||
|
examType: number
|
||||||
|
|
||||||
|
/** 来源ID */
|
||||||
|
sourceId: string | null
|
||||||
|
|
||||||
|
/** 来源名称 */
|
||||||
|
sourceName: string
|
||||||
|
|
||||||
|
/** 题目渠道类型 */
|
||||||
|
titleChannelType: string
|
||||||
|
|
||||||
|
/** 题目渠道类型名称 */
|
||||||
|
titleChannelTypeName: string
|
||||||
|
|
||||||
|
/** 题目类型基础ID */
|
||||||
|
titleTypeBaseId: string
|
||||||
|
|
||||||
|
/** 难度 */
|
||||||
|
difficulty: number
|
||||||
|
|
||||||
|
/** 地址ID */
|
||||||
|
addrId: string | null
|
||||||
|
|
||||||
|
/** 排序 */
|
||||||
|
sort: number
|
||||||
|
|
||||||
|
/** 语音URL */
|
||||||
|
voiceUrl: string | null
|
||||||
|
|
||||||
|
/** 图片URL */
|
||||||
|
pictureUrl: string | null
|
||||||
|
|
||||||
|
/** 题目解析 */
|
||||||
|
titleAnalyze: string
|
||||||
|
|
||||||
|
/** 题目解析图片 */
|
||||||
|
titleAnalyzePicture: string | null
|
||||||
|
|
||||||
|
/** 题目解析JSON */
|
||||||
|
titleAnalyzeJson: string | null
|
||||||
|
|
||||||
|
/** 答案 */
|
||||||
|
answer: string
|
||||||
|
|
||||||
|
/** 年份 */
|
||||||
|
years: string
|
||||||
|
|
||||||
|
/** 省份 */
|
||||||
|
provinces: string
|
||||||
|
|
||||||
|
/** 题目来源IDs */
|
||||||
|
titleSourceIds: string | null
|
||||||
|
|
||||||
|
/** 关联试卷 */
|
||||||
|
linkPaper: number
|
||||||
|
|
||||||
|
/** 分组数量 */
|
||||||
|
groupCount: number
|
||||||
|
|
||||||
|
/** 简化标题 */
|
||||||
|
simpTitle: string | null
|
||||||
|
|
||||||
|
/** 题目数据 */
|
||||||
|
titleData: string | null
|
||||||
|
|
||||||
|
/** 解析数据 */
|
||||||
|
analyzeData: string | null
|
||||||
|
|
||||||
|
/** 方法 */
|
||||||
|
method: string | null
|
||||||
|
|
||||||
|
/** 讨论 */
|
||||||
|
discuss: string | null
|
||||||
|
|
||||||
|
/** 序号 */
|
||||||
|
seq: number
|
||||||
|
|
||||||
|
/** 状态 */
|
||||||
|
status: number
|
||||||
|
|
||||||
|
/** 删除标志 */
|
||||||
|
delFlag: number
|
||||||
|
|
||||||
|
/** 选项列表 */
|
||||||
|
optionList: OptionList
|
||||||
|
|
||||||
|
/** 项目ID */
|
||||||
|
itemId: string
|
||||||
|
|
||||||
|
/** 分数 */
|
||||||
|
score: number | null
|
||||||
|
|
||||||
|
/** 提交答案 */
|
||||||
|
submitAnswer: string | null
|
||||||
|
|
||||||
|
/** 提交答案图片 */
|
||||||
|
submitAnswerPic: string | null
|
||||||
|
|
||||||
|
/** 正确结果 */
|
||||||
|
correctResult: string | null
|
||||||
|
|
||||||
|
/** 题干类型: 1原始题 2选择题 3复合题 */
|
||||||
|
stemType: number
|
||||||
|
|
||||||
|
/** 题干HTML */
|
||||||
|
stemHtml: string | null
|
||||||
|
|
||||||
|
/** 选择题选项HTML */
|
||||||
|
optionHtml: string | null
|
||||||
|
|
||||||
|
/** 答案HTML */
|
||||||
|
answerHtml: string | null
|
||||||
|
|
||||||
|
/** 子题题干HTML */
|
||||||
|
stemSqs: string | null
|
||||||
|
|
||||||
|
/** 小题选项数组JSON */
|
||||||
|
optionSqs: string | null
|
||||||
|
|
||||||
|
/** 小题答案 */
|
||||||
|
answerSqs: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 开始考试类型
|
||||||
|
*/
|
||||||
|
export interface HomeworkExam {
|
||||||
|
/** 试卷ID */
|
||||||
|
paperId: string
|
||||||
|
paperName: string
|
||||||
|
|
||||||
|
/** 记录ID */
|
||||||
|
recordId: string
|
||||||
|
|
||||||
|
/** 学科题目列表 */
|
||||||
|
titleVoList: SubjectTitleVo[]
|
||||||
|
}
|
||||||
67
src/api/subject/languageSense.ts
Normal file
67
src/api/subject/languageSense.ts
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { get } from '../request'
|
||||||
|
|
||||||
|
const languageSenseApi = {
|
||||||
|
/**
|
||||||
|
* 根据教材id查询例句
|
||||||
|
*/
|
||||||
|
getSentenceById: (grade: number) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userSentenceLearn/sentence',
|
||||||
|
timeout: 5000,
|
||||||
|
method: 'POST',
|
||||||
|
params: {
|
||||||
|
grade,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据教材id查询例句
|
||||||
|
*/
|
||||||
|
getSentenceBySessionId: (sessionId: string) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userSentenceLearn/againLearn/${sessionId}`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 保存每次答题记录
|
||||||
|
*/
|
||||||
|
saveSentenceRecord: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userSentenceRecord/record',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 保存一次练习的最终记录
|
||||||
|
*/
|
||||||
|
saveSentenceRecordHistory: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userSentenceLearn/history',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
**数据统计
|
||||||
|
*/
|
||||||
|
// 根据时间维度获取统计数据
|
||||||
|
queryStatByTimeFlag: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userSentenceLearn/queryStatByTimeFlag',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获得语感阶段列表
|
||||||
|
getSenseStagesApi: async (): Promise<any[]> => {
|
||||||
|
return await get('/sysDictType/listSysDictData/grade_label')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default languageSenseApi
|
||||||
132
src/api/subject/learnWord.ts
Normal file
132
src/api/subject/learnWord.ts
Normal file
@ -0,0 +1,132 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const learnWordApi = {
|
||||||
|
// 获取阶段
|
||||||
|
getStageList: (params: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/stage/list',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取混合闯关首页内容
|
||||||
|
getMixIntrudeIndex: (stageId: string) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/mixIntrudeIndex/${stageId}`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 根据教材id 获取混合闯关首页内容
|
||||||
|
getMixIntrudeIndexFromTextBookId: (textbookId: string, params: object) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/intrudeIndex/textbook/${textbookId}`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取闯关首页内容
|
||||||
|
getLearnWordInfo: (params: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/intrudeIndex`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 简单模式--获取四轮题目
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getSimpleTopic: (levelId: string, params: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/simpleLevelTile/${levelId}`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 普通模式-闯关记录提交，返回是否破纪录
|
||||||
|
* @param {*} data
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
postSimpleRecord: (data: object | any) => {
|
||||||
|
// return request('/intrudeLevel/simpleRecord', 'POST', data);
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/saveAndReturnSimpleResult`,
|
||||||
|
method: 'POST',
|
||||||
|
timeout: 8000,
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词对错情况提交,普通模式返回当前节点的分数与星级
|
||||||
|
* @param {*} data
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
postWordRecord: (data: object | any) => {
|
||||||
|
// return request('/intrudeLevel/wordRecord', 'POST', data);
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/wordRecordV2`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 困难模式--获取两轮题目
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getHardTopic: (levelId: string, data: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/hardLevelTile/${levelId}`,
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 困难模式-闯关记录提交，返回是否破纪录
|
||||||
|
* @param {*} data
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
postHardRecord: (data: object | any) => {
|
||||||
|
// return request('/intrudeLevel/hardRecord', 'POST', data);
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/saveAndReturnHardResult`,
|
||||||
|
method: 'POST',
|
||||||
|
timeout: 8000,
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 使用道具 1使用炸弹 2使用放大镜
|
||||||
|
* @param {*} data
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
postUseItems: (data: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/sysUser/useItems`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ----------------------------------------- 测试用 api ----------------------------------------- */
|
||||||
|
simpleRecordTest: (data: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/simpleRecordTest`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
hardRecordTest: (data: object | any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/intrudeLevel/hardRecordTest`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default learnWordApi
|
||||||
21
src/api/subject/questionExplain.ts
Normal file
21
src/api/subject/questionExplain.ts
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
import { get } from '../request'
|
||||||
|
|
||||||
|
const questionExplainApi = {
|
||||||
|
/** 获取我的班级信息 */
|
||||||
|
myClass: async () => {
|
||||||
|
return await get<any>('/school/questionExplain/myClass')
|
||||||
|
},
|
||||||
|
/** 根据发布记录ID获取试卷详情（讲解页面使用） */
|
||||||
|
getPaperDetailByReleaseRecordId: async (recordId: string) => {
|
||||||
|
return await get<any>('/school/paper/getPaperDetailByReleaseRecordId', { recordId })
|
||||||
|
},
|
||||||
|
/** 获取当前班级的讲解状态 */
|
||||||
|
current: async (classId: string) => {
|
||||||
|
return await get<{ explaining: boolean; questionId: string; recordId: number }>(
|
||||||
|
'/school/questionExplain/current',
|
||||||
|
{ classId },
|
||||||
|
)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default questionExplainApi
|
||||||
29
src/api/subject/sentenceCollect.ts
Normal file
29
src/api/subject/sentenceCollect.ts
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
/*
|
||||||
|
** 句子收藏
|
||||||
|
*/
|
||||||
|
const sentenceCollectApi = {
|
||||||
|
// 获取当前用户收藏的句子
|
||||||
|
getLangSenseCollectList: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/langSenseSentenceCollect/queryCurrentUserCollect',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
// 收藏句子
|
||||||
|
collectSentence: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/langSenseSentenceCollect/collectSentence',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
// 取消收藏句子
|
||||||
|
cancelCollectSentence: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/langSenseSentenceCollect/cancelCollectSentence',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default sentenceCollectApi
|
||||||
328
src/api/subject/subject.ts
Normal file
328
src/api/subject/subject.ts
Normal file
@ -0,0 +1,328 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { get, type PageResponse } from '../request'
|
||||||
|
|
||||||
|
export type GetSubjectTextBookVersionApi = {
|
||||||
|
subjectId: any
|
||||||
|
gradeId?: any
|
||||||
|
stageId?: any
|
||||||
|
size?: any
|
||||||
|
resource: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Video {
|
||||||
|
// 根据实际视频数据结构补充
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Knowledge {
|
||||||
|
id: any
|
||||||
|
baseId: any
|
||||||
|
pid: any
|
||||||
|
pids: string
|
||||||
|
name: string
|
||||||
|
status: number
|
||||||
|
createTime: string
|
||||||
|
childrenList: any[] // 可根据实际数据结构进一步定义
|
||||||
|
children: any[] | null
|
||||||
|
hasVideoFlag: number | null
|
||||||
|
videoList: Video[] | null
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ChapterVideo {
|
||||||
|
// 根据实际章节视频数据结构补充
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Chapter {
|
||||||
|
id: any
|
||||||
|
subjectId: number
|
||||||
|
pid: any
|
||||||
|
pids: string
|
||||||
|
name: string
|
||||||
|
sort: number
|
||||||
|
learnFlag: number
|
||||||
|
hasVideoFlag: number
|
||||||
|
chapterVideoVoList: ChapterVideo[] | null
|
||||||
|
children: Chapter[] // 递归类型，表示子章节
|
||||||
|
knowledgeVoList: Knowledge[]
|
||||||
|
correctCount: any
|
||||||
|
maxCorrectCount: any
|
||||||
|
lastCorrectCount: any
|
||||||
|
|
||||||
|
progressText: any
|
||||||
|
progressClass: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SubjectChapterTreeParams {
|
||||||
|
textBookId: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UserTextBookListParams {
|
||||||
|
subjectId?: any
|
||||||
|
gradeId?: any
|
||||||
|
size?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SaveUserTextBookData {
|
||||||
|
textBookId: any
|
||||||
|
subjectId: any
|
||||||
|
gradeId: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UpdateUserTextBookData {
|
||||||
|
id: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SubjectKnowledgeTreeParams {
|
||||||
|
chapterId: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SubjectChapterVideosParams {
|
||||||
|
chapterId: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SubjectKnowledgeVideosParams {
|
||||||
|
knowledgeId: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
export interface Color {
|
||||||
|
color: string
|
||||||
|
bgColor: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Clean {
|
||||||
|
name: string
|
||||||
|
tags: string[]
|
||||||
|
all_tags: string[]
|
||||||
|
fullName?: string
|
||||||
|
color: Color
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface TextBook {
|
||||||
|
id: any
|
||||||
|
textBookId: any
|
||||||
|
baseId: any
|
||||||
|
gradeId: any
|
||||||
|
subjectId: any
|
||||||
|
bookVersionId: any
|
||||||
|
name: string
|
||||||
|
shortName: string
|
||||||
|
textBookName: string
|
||||||
|
displayName: string
|
||||||
|
businessFlag: string
|
||||||
|
addFlag: number
|
||||||
|
progress: any
|
||||||
|
bookVersionName: any
|
||||||
|
versionName: any
|
||||||
|
currentChapterId: any
|
||||||
|
chapterBaseId: any
|
||||||
|
chapterTreeNodeList: any
|
||||||
|
clean: Clean
|
||||||
|
locked: boolean
|
||||||
|
syncFlag: number
|
||||||
|
version: BookVersion
|
||||||
|
bookType: number
|
||||||
|
currentChapterIds: any
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学校教材
|
||||||
|
export const book_type_school = 1
|
||||||
|
// 其他教材
|
||||||
|
export const book_type_other = 2
|
||||||
|
export const book_sync_locked = 1
|
||||||
|
export const book_sync_unlocked = 0
|
||||||
|
|
||||||
|
export interface BookVersion {
|
||||||
|
id: any
|
||||||
|
baseId: any
|
||||||
|
name: string
|
||||||
|
shortName: string
|
||||||
|
delFlag: number
|
||||||
|
textBookVoList: TextBook[]
|
||||||
|
clean: Clean
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PracticeModule {
|
||||||
|
/**
|
||||||
|
* 主键
|
||||||
|
*/
|
||||||
|
id: number
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 学校id
|
||||||
|
*/
|
||||||
|
schoolId: number
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 排序，由小到大
|
||||||
|
*/
|
||||||
|
sort: number
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 模块名称
|
||||||
|
*/
|
||||||
|
name: string
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 状态（字典 0正常 1停用）
|
||||||
|
*/
|
||||||
|
status: 0 | 1
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除状态（0正常，1已删除）
|
||||||
|
*/
|
||||||
|
delFlag: 0 | 1
|
||||||
|
}
|
||||||
|
|
||||||
|
export const subjectApi = {
|
||||||
|
// 获取教材出版社
|
||||||
|
getSubjectTextBookVersion: async (params: GetSubjectTextBookVersionApi) => {
|
||||||
|
const res = (await get('/subjectTextBookVersion/list', {
|
||||||
|
size: -1,
|
||||||
|
...params,
|
||||||
|
})) as any
|
||||||
|
if (Array.isArray(res?.rows)) return res.rows
|
||||||
|
if (Array.isArray(res?.data?.rows)) return res.data.rows
|
||||||
|
if (Array.isArray(res)) return res
|
||||||
|
return []
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取章节
|
||||||
|
getSubjectChapterTree: (params: SubjectChapterTreeParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/subjectChapter/tree',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取用户教材
|
||||||
|
getUserTextBookList: async (params: UserTextBookListParams) => {
|
||||||
|
if (!params.size) {
|
||||||
|
params.size = -1
|
||||||
|
}
|
||||||
|
return await get<any>('/userTextBook/list', params)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 添加用户教材
|
||||||
|
saveUserTextBook: (data: SaveUserTextBookData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userTextBook',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 更新用户教材
|
||||||
|
updateUserTextBook: (data: UpdateUserTextBookData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userTextBook',
|
||||||
|
method: 'put',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 删除用户教材
|
||||||
|
delUserTextBookToId: (id: any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userTextBook/${id}`,
|
||||||
|
method: 'delete',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 学科知识点-查询章节下的知识点树
|
||||||
|
getSubjectKnowledgeTree: (params: SubjectKnowledgeTreeParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/subjectKnowledge/tree`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 学科章节-视频表-查询列表
|
||||||
|
getSubjectChapterVideos: (params: SubjectChapterVideosParams) =>
|
||||||
|
http.request({
|
||||||
|
url: '/subjectChapterVideo/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 学科知识点-视频表-查询列表
|
||||||
|
getSubjectKnowledgeVideos: (params: SubjectKnowledgeVideosParams) =>
|
||||||
|
http.request({
|
||||||
|
url: '/subjectKnowledgeVideo/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户教材表-修改当前所处章节
|
||||||
|
updateCurrentChapter: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userTextBook/updateCurrentChapter',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 教材查询
|
||||||
|
* @param id
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
getTextBookById: async (id: string) => {
|
||||||
|
return await get<TextBook>(`/userTextBook/${id}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @param params
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
getPracticeModuleList: async (params: any) => {
|
||||||
|
return await get<PageResponse<PracticeModule>>('/school/practiceModule/list', params)
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
** 错题本
|
||||||
|
*/
|
||||||
|
// 用户错题本表-查询列表
|
||||||
|
getWrongQuesList: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userErrorEdition/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户错题本表-查询列表
|
||||||
|
getUserErrorInfo: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userErrorEdition/getUserErrorInfo',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/*
|
||||||
|
** ai精准学
|
||||||
|
*/
|
||||||
|
|
||||||
|
// 用户知识点表-id查询
|
||||||
|
getSujectKnowledgeStatistics: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userKnowledge/getSujectKnowledgeStatistics',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户组卷表-查询列表
|
||||||
|
getGroupPaperList: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userPaper/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 用户组卷表-id查询
|
||||||
|
getGroupPaperDetail: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userPaper/' + id,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default subjectApi
|
||||||
31
src/api/subject/wordBook.ts
Normal file
31
src/api/subject/wordBook.ts
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
interface StrangeWordParams {
|
||||||
|
current?: number
|
||||||
|
size?: number
|
||||||
|
textbookId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** 生词本
|
||||||
|
*/
|
||||||
|
const wordBookApi = {
|
||||||
|
// 获取生词本
|
||||||
|
getStrangeWord: (params: StrangeWordParams) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userStrangeWord/list',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 生词本删除
|
||||||
|
deleteStrangeWord: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/userStrangeWord/deleteBatch?ids=${id}`,
|
||||||
|
method: 'DELETE',
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default wordBookApi
|
||||||
|
|
||||||
|
export type { StrangeWordParams }
|
||||||
39
src/api/subject/wordDetail.ts
Normal file
39
src/api/subject/wordDetail.ts
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
interface GetWordParams {
|
||||||
|
spell?: string
|
||||||
|
id?: any
|
||||||
|
wordId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface OperateTagData {
|
||||||
|
id: any
|
||||||
|
meaningId?: string
|
||||||
|
levelId?: string
|
||||||
|
knowFlag?: number | null
|
||||||
|
strangeFlag?: number
|
||||||
|
wordId?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取单词详情
|
||||||
|
const getWord = (params: GetWordParams) =>
|
||||||
|
http.request({
|
||||||
|
url: '/word/get',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
|
||||||
|
const operateTag = (data: OperateTagData) =>
|
||||||
|
http.request({
|
||||||
|
url: '/word/operate',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
|
||||||
|
const wordDetailApi = {
|
||||||
|
getWord,
|
||||||
|
operateTag,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default wordDetailApi
|
||||||
|
export type { GetWordParams, OperateTagData }
|
||||||
230
src/api/subject/wordTable.ts
Normal file
230
src/api/subject/wordTable.ts
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { only_last_id } from '../only-last'
|
||||||
|
import { get } from '../request'
|
||||||
|
|
||||||
|
const extractList = (res: any): any[] => {
|
||||||
|
if (Array.isArray(res)) return res
|
||||||
|
if (res && typeof res === 'object') {
|
||||||
|
return res.records || res.rows || res.list || []
|
||||||
|
}
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
|
||||||
|
const processMemoryTips = (tips: any) => {
|
||||||
|
if (!tips) {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
if (typeof tips === 'string') {
|
||||||
|
try {
|
||||||
|
const parsedTips = JSON.parse(tips)
|
||||||
|
if (Array.isArray(parsedTips)) {
|
||||||
|
return _processMemoryTipsArray(parsedTips)
|
||||||
|
} else {
|
||||||
|
return [parsedTips]
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
return [tips]
|
||||||
|
}
|
||||||
|
} else if (Array.isArray(tips)) {
|
||||||
|
return _processMemoryTipsArray(tips)
|
||||||
|
} else {
|
||||||
|
return [tips]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const _processMemoryTipsArray = (memoryTips: any[]) => {
|
||||||
|
return memoryTips.map(tip => {
|
||||||
|
if (typeof tip === 'string') {
|
||||||
|
return tip
|
||||||
|
}
|
||||||
|
return tip
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const wordTableApi = {
|
||||||
|
/**
|
||||||
|
* @description: 获取阶段筛选项
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTableStage: () => {
|
||||||
|
return http.request({
|
||||||
|
url: `/vocabulary/helpVocabulary`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取单词熟悉程度枚举
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTableFamiliarity: () => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTable/graspEnum`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取阶段单词表
|
||||||
|
* @param {WordTableStageParams} params：查询参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTableStageList: (params: WordTableStageParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTable/wordTableStage`,
|
||||||
|
params,
|
||||||
|
[only_last_id]: 'word-table-list',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表可用阶段
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getTextbookStage: () => {
|
||||||
|
return http.request({
|
||||||
|
url: `/textbookStage/wordTableUseList`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表版本
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getTextbookVersion: async (stageId: any): Promise<any[]> => {
|
||||||
|
return await get(`/textbookVersion/list/${stageId}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表教材
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getTextbookList: async (versionId: any): Promise<any[]> => {
|
||||||
|
return await get(`/textbook/list?versionId=${versionId ?? ''}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
getXkwStageList: async (): Promise<any[]> => {
|
||||||
|
const res = await get<any>(`/xkw/stage/list`, { size: -1, status: 0 })
|
||||||
|
return extractList(res)
|
||||||
|
},
|
||||||
|
|
||||||
|
getXkwCourseList: async (stageId: any): Promise<any[]> => {
|
||||||
|
const res = await get<any>(`/xkw/course/list`, { size: -1, status: 0, stageId })
|
||||||
|
return extractList(res)
|
||||||
|
},
|
||||||
|
|
||||||
|
getXkwTextbookVersionList: async (courseId: any): Promise<any[]> => {
|
||||||
|
const res = await get<any>(`/xkw/textbookVersion/list`, { size: -1, status: 0, courseId })
|
||||||
|
return extractList(res)
|
||||||
|
},
|
||||||
|
|
||||||
|
getXkwTextbookList: async (versionId: any): Promise<any[]> => {
|
||||||
|
const res = await get<any>(`/xkw/textbook/list`, { size: -1, status: 0, versionId })
|
||||||
|
return extractList(res)
|
||||||
|
},
|
||||||
|
|
||||||
|
getXkwTextbookCatalogList: async (textbookId: any): Promise<any[]> => {
|
||||||
|
const res = await get<any>(`/xkw/textbookCatalog/list`, { parentId: 0, textbookId, size: -1 })
|
||||||
|
return extractList(res)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表章节
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getChapterList: async (textbookId: any): Promise<any[]> => {
|
||||||
|
return await get(`/textbookChapter/data/list`, { textbookId })
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表教材
|
||||||
|
* @param {TextbookWordParams} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getTextbookWord: (params: TextbookWordParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTable/wordTableTextbook`,
|
||||||
|
params,
|
||||||
|
[only_last_id]: 'word-table-list',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取教材单词表教材
|
||||||
|
* @param {WordCardDetailParams} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordCardDetail: async (params: WordCardDetailParams): Promise<any> => {
|
||||||
|
const data = (await get(`/wordTable/wordDetail`, params)) as any
|
||||||
|
data.memoryTips = JSON.parse(data.memoryTips)
|
||||||
|
processMemoryTips(data.memoryTips)
|
||||||
|
return data
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 记录用户单词书筛选条件
|
||||||
|
* @param {UserWordFilterData} data：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
saveUserWordFilterRecord: (data: UserWordFilterData) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/sysUser/setConfigInfo`,
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取用户单词书筛选条件
|
||||||
|
* @param {UserWordFilterParams} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getUserWordFilterRecord: (params: UserWordFilterParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/sysUser/getConfigInfo`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WordTableStageParams {
|
||||||
|
current?: number
|
||||||
|
size?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface TextbookWordParams {
|
||||||
|
textbookId?: string
|
||||||
|
chapterId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WordCardDetailParams {
|
||||||
|
wordId: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UserWordFilterData {
|
||||||
|
textbookId?: string
|
||||||
|
chapterId?: string
|
||||||
|
familiarityId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UserWordFilterParams {
|
||||||
|
textbookId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export default wordTableApi
|
||||||
|
export type {
|
||||||
|
WordTableStageParams,
|
||||||
|
TextbookWordParams,
|
||||||
|
WordCardDetailParams,
|
||||||
|
UserWordFilterData,
|
||||||
|
UserWordFilterParams,
|
||||||
|
}
|
||||||
150
src/api/subject/wordTest.ts
Normal file
150
src/api/subject/wordTest.ts
Normal file
@ -0,0 +1,150 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { get, post, put } from '../request'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-保存单词测试结果
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
interface SaveWordTestData {
|
||||||
|
testType?: number
|
||||||
|
textbookId?: string
|
||||||
|
chapterId?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface CompleteWordTestData {
|
||||||
|
id: any
|
||||||
|
score?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface GetWordTestData {
|
||||||
|
textbookId?: string
|
||||||
|
chapterId?: string
|
||||||
|
testType?: number
|
||||||
|
questionCount?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WordTestRecordParams {
|
||||||
|
current?: number
|
||||||
|
size?: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
const processMemoryTips = (tips: any) => {
|
||||||
|
if (!tips) return
|
||||||
|
for (const tip of tips) {
|
||||||
|
if (!tip.details) continue
|
||||||
|
let text = ''
|
||||||
|
let begin = false
|
||||||
|
for (const char of tip.details) {
|
||||||
|
if (char === "'") {
|
||||||
|
if (begin) {
|
||||||
|
begin = false
|
||||||
|
text += '</strong>'
|
||||||
|
text += char
|
||||||
|
} else {
|
||||||
|
begin = true
|
||||||
|
text += char
|
||||||
|
text += '<strong>'
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
text += char
|
||||||
|
}
|
||||||
|
}
|
||||||
|
tip.details = text
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const _processMemoryTipsArray = (memoryTips: any[]) => {
|
||||||
|
if (!memoryTips?.length) return
|
||||||
|
for (const item of memoryTips) {
|
||||||
|
item.memoryTips = JSON.parse(item.memoryTips)
|
||||||
|
processMemoryTips(item.memoryTips)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const wordTestApi = {
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-保存单词测试结果
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
saveWordTest: (data: SaveWordTestData) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTestRecord/saveWordTest`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-结束单词测试
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
completeWordTest: async (data: CompleteWordTestData) => {
|
||||||
|
return await put(`/wordTestRecord/completeWordTest`, data)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-获取题目
|
||||||
|
* @param {GetWordTestData} data：测试参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTestWordsV2: async (data: GetWordTestData): Promise<any> => {
|
||||||
|
const res = (await get<any>('/wordExamRecord/getWords', data)) as any
|
||||||
|
_processMemoryTipsArray(res.chooseTitle)
|
||||||
|
_processMemoryTipsArray(res.spellTitle)
|
||||||
|
return res
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-获取题目
|
||||||
|
* @param {GetWordTestData} data：测试参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTestWords: async (data: GetWordTestData): Promise<any> => {
|
||||||
|
const res = (await post('/wordTestRecord/getWordTestWords2', data)) as any
|
||||||
|
_processMemoryTipsArray(res.chooseTitle)
|
||||||
|
_processMemoryTipsArray(res.spellTitle)
|
||||||
|
return res
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-测试记录表-查询列表
|
||||||
|
* @param {WordTestRecordParams} params：查询参数
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTestRecordList: (params: WordTestRecordParams) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTestRecord/list`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 单词测试-测试记录表-详情
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getWordTestRecordDetail: (id: any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/wordTestRecord/${id}`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
checkMedalStatus: (data: { checkFlag: 0 | 1; ids: string }) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userMedal/updateCheck`,
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default wordTestApi
|
||||||
|
|
||||||
|
export type { SaveWordTestData, CompleteWordTestData, GetWordTestData, WordTestRecordParams }
|
||||||
136
src/api/subject/wrongQuestion.ts
Normal file
136
src/api/subject/wrongQuestion.ts
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
import { get, post } from '../request'
|
||||||
|
import type { PageResponse } from '../request'
|
||||||
|
|
||||||
|
export interface QuestionTitle {
|
||||||
|
actualScore: number
|
||||||
|
aiAnalyze: string
|
||||||
|
aiAnswer: string
|
||||||
|
answer: string
|
||||||
|
answerHtml: string
|
||||||
|
answerSqs: string
|
||||||
|
correctResult: number
|
||||||
|
courseId: number
|
||||||
|
delFlag: number
|
||||||
|
difficulty: number
|
||||||
|
difficultyCode: number
|
||||||
|
difficultyLevel: string
|
||||||
|
explanation: string
|
||||||
|
id: string
|
||||||
|
itemId: number
|
||||||
|
media: number
|
||||||
|
optionHtml: string
|
||||||
|
optionSqs: string
|
||||||
|
point: string
|
||||||
|
schoolId: number
|
||||||
|
score: number
|
||||||
|
sort: number
|
||||||
|
status: number
|
||||||
|
stem: string
|
||||||
|
stemHtml: string
|
||||||
|
stemSqs: string
|
||||||
|
stemType: number
|
||||||
|
submitAnswer: string
|
||||||
|
submitAnswerPic: string
|
||||||
|
textBookId: number
|
||||||
|
typeId: string
|
||||||
|
typeName: string
|
||||||
|
year: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WrongQuestionItem {
|
||||||
|
id: number
|
||||||
|
questionId: string
|
||||||
|
userId: number
|
||||||
|
subjectId: number
|
||||||
|
textbookId: number
|
||||||
|
chapterId: number
|
||||||
|
courseId: number
|
||||||
|
errorCount: number
|
||||||
|
errorType: number
|
||||||
|
masteryLevel: number
|
||||||
|
status: number
|
||||||
|
delFlag: number
|
||||||
|
firstErrorTime: string
|
||||||
|
lastErrorTime: string
|
||||||
|
lastCorrectTime: string
|
||||||
|
questionTitle: QuestionTitle
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WrongQuestionParams {
|
||||||
|
current: number
|
||||||
|
size: number
|
||||||
|
chapterId?: number
|
||||||
|
courseId?: number
|
||||||
|
startTime?: string
|
||||||
|
endTime?: string
|
||||||
|
subjectId?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RetryStartParams {
|
||||||
|
chapterId?: number
|
||||||
|
courseId?: number
|
||||||
|
questionCount?: number
|
||||||
|
subjectId?: number
|
||||||
|
textbookId?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RetryStartResult {
|
||||||
|
costTime: number
|
||||||
|
paperId: number
|
||||||
|
paperName: string
|
||||||
|
recordId: number
|
||||||
|
remark: string
|
||||||
|
titleVoList: QuestionTitle[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface FilterSubject {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface FilterTextbook {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface FilterChapter {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
parentId: number
|
||||||
|
textbookId: number
|
||||||
|
type: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const wrongQuestionApi = {
|
||||||
|
getList: async (params: WrongQuestionParams): Promise<PageResponse<WrongQuestionItem>> => {
|
||||||
|
return await get<PageResponse<WrongQuestionItem>>('/xkw/wrong/question/filter/page', params)
|
||||||
|
},
|
||||||
|
retryStart: async (params: RetryStartParams): Promise<RetryStartResult> => {
|
||||||
|
return await post<RetryStartResult>('/xkw/wrong/question/retry/start', params)
|
||||||
|
},
|
||||||
|
similarRecommend: async (params: { questionId: string }): Promise<RetryStartResult> => {
|
||||||
|
return await post<RetryStartResult>('/school/paper/similarPractice/start', params)
|
||||||
|
},
|
||||||
|
getFilterSubjects: async (): Promise<FilterSubject[]> => {
|
||||||
|
return await get<FilterSubject[]>('/xkw/wrong/question/filter/subjects')
|
||||||
|
},
|
||||||
|
getFilterTextbooks: async (params: { subjectId: number }): Promise<FilterTextbook[]> => {
|
||||||
|
return await get<FilterTextbook[]>('/xkw/wrong/question/filter/textbooks', params)
|
||||||
|
},
|
||||||
|
getTextbookCatalogList: async (params: {
|
||||||
|
textbookId: number
|
||||||
|
size?: number
|
||||||
|
}): Promise<FilterChapter[]> => {
|
||||||
|
const res = await get<any>('/xkw/textbookCatalog/list', {
|
||||||
|
textbookId: params.textbookId,
|
||||||
|
size: params.size ?? -1,
|
||||||
|
})
|
||||||
|
if (Array.isArray(res)) return res
|
||||||
|
if (res && typeof res === 'object') {
|
||||||
|
return res.rows || res.records || res.list || []
|
||||||
|
}
|
||||||
|
return []
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default wrongQuestionApi
|
||||||
21
src/api/system/activity.ts
Normal file
21
src/api/system/activity.ts
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const activityApi = {
|
||||||
|
// 获取用户活动列表
|
||||||
|
getUserActivityList: (params?: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/getUserActivityTask',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 打开活动奖励
|
||||||
|
openActivityReward: (params?: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/openActivityReward',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default activityApi
|
||||||
26
src/api/system/announcement.ts
Normal file
26
src/api/system/announcement.ts
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const announcementApi = {
|
||||||
|
/**
|
||||||
|
* 分页获取公告标题
|
||||||
|
*/
|
||||||
|
getAnnouncementListApi: (data: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userAnnouncement/getAnnouncementTitleByPage',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改未读状态公告
|
||||||
|
*/
|
||||||
|
updateAnnouncemenStatusApi: (id: any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/userAnnouncement/updateReadStatusByAnnounceId/${id}`,
|
||||||
|
method: 'POST',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default announcementApi
|
||||||
324
src/api/system/homeWork.ts
Normal file
324
src/api/system/homeWork.ts
Normal file
@ -0,0 +1,324 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
import { get, post } from '../request'
|
||||||
|
// import { getCache } from '@/utils';
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
baseURL: '/api/main',
|
||||||
|
}
|
||||||
|
|
||||||
|
const homeWorkApi = {
|
||||||
|
/**
|
||||||
|
* @description: 查询作业的学科列表
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getSubjectList: (params: object) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/job/getSubjectList',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 查询作业列表
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getJobList: async (params: object) => await get<any>('/sc/job/list', params),
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * @description: 客户端学生作业
|
||||||
|
// * @param {*} params：
|
||||||
|
// * @return {*}
|
||||||
|
// */
|
||||||
|
// getJobTittle: async (params: object) =>
|
||||||
|
// (
|
||||||
|
// await http.request({
|
||||||
|
// url: '/sc/job/getJobTittle',
|
||||||
|
// params,
|
||||||
|
// ...config,
|
||||||
|
// })
|
||||||
|
// ).data,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 客户端学生作业详情新
|
||||||
|
* @param {*} data
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getPaperRecordDetail: async (data: object) =>
|
||||||
|
(
|
||||||
|
await http.request({
|
||||||
|
url: '/school/paper/getPaperRecordDetail',
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
...config,
|
||||||
|
})
|
||||||
|
).data,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 提交当前题目id
|
||||||
|
* @param {*} params
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
submitCurrentTitleId: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: `/sc/jobStu/submitCurrentTitleId?jobStuId=${data.jobStuId}¤tTitleId=${data.currentTitleId}&costTime=${data.costTime}`,
|
||||||
|
method: 'POST',
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 提交作业答案-学生试题
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
submitAnswer: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/jobStuTitle/submitAnswer',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 提交作业
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
submitPaper: async (data: anyObj) =>
|
||||||
|
await http.request({
|
||||||
|
url: '/sc/jobStu/submit',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 查询整体分析的学科列表
|
||||||
|
* @param {*} params：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getAnalyseSubjectList: (params: object) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/job/statisticalSubject',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取作业的整体分析
|
||||||
|
* @param {*} id：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getJobAnalyse: ({ id, stuId }: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: `/sc/job/getJobAnalyse/${id}?stuId=${stuId}`,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 新获取作业的整体分析
|
||||||
|
* @param {*} id：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getJobAnalyseNew: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: `/sc/job/getJobAnalyse`,
|
||||||
|
...config,
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * @description: 获取作业的知识点分析
|
||||||
|
// * @param {*} id：
|
||||||
|
// * @return {*}
|
||||||
|
// */
|
||||||
|
// getKnowledgeAnalyse: ({ id, stuId }: anyObj) =>
|
||||||
|
// http.request({
|
||||||
|
// url: `/sc/jobStu/knowledgeAnalyse?jobId=${id}&stuId=${stuId}`,
|
||||||
|
// ...config,
|
||||||
|
// }),
|
||||||
|
/**
|
||||||
|
* @description: 新获取作业的知识点分析
|
||||||
|
* @param {*} id：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getKnowledgeAnalyse: ({ recordId }: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: `/sc/job/statisticalKnowledge?recordId=${recordId}`,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取作业题目的知识点分析
|
||||||
|
* @param {*} id：
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
getJobStatistics: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/jobStu/title/statistics',
|
||||||
|
...config,
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取学科列表
|
||||||
|
*/
|
||||||
|
getSubjectAll: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/subject/getList',
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取错题本
|
||||||
|
*/
|
||||||
|
getWrongList: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/userErrorEdition/list',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取错题本数量
|
||||||
|
*/
|
||||||
|
getWrongNum: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/userErrorEdition/getNum',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 举一反三
|
||||||
|
*/
|
||||||
|
homeWorkInferences: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/userDrawInferences/generated',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
timeout: 28000,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 举一反三提交
|
||||||
|
*/
|
||||||
|
submitHomeWorkInferences: async (data: anyObj) => {
|
||||||
|
return await post('/sc/userDrawInferences/summit', data, { ...config, timeout: 28000 })
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 主观题订正错题
|
||||||
|
*/
|
||||||
|
errorEdition: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/userErrorEdition/correct/' + id,
|
||||||
|
method: 'POST',
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 客观题订正错题
|
||||||
|
*/
|
||||||
|
errorEditionObjective: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/userErrorEdition/generated',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
timeout: 28000,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 客观题订正错题提交
|
||||||
|
*/
|
||||||
|
submitErrorEditionObjective: async (data: anyObj) => {
|
||||||
|
return await post('/sc/userErrorEdition/summit', data, {
|
||||||
|
...config,
|
||||||
|
timeout: 28000,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取统计分析
|
||||||
|
*/
|
||||||
|
getStatisticalAnalysis: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/job/statisticalAnalysis',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取各个学科统计分析
|
||||||
|
*/
|
||||||
|
getStatisticalSubject: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/job/scoringAbility',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取各个学科知识点分析
|
||||||
|
*/
|
||||||
|
getKnowledgeSubject: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/job/statisticalKnowledge',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 学生新增临时作业答案
|
||||||
|
*/
|
||||||
|
uploadTemporaryJob: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/temporaryJob',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 临时作业列表
|
||||||
|
*/
|
||||||
|
temporaryJobList: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/temporaryJob/list',
|
||||||
|
params,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 临时作业详情
|
||||||
|
*/
|
||||||
|
temporaryJobDetail: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: `/sc/temporaryJob/${id}`,
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: 获取学科列表
|
||||||
|
*/
|
||||||
|
getTemporarySubjectList: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/sc/subject/list',
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description: AI智能批改
|
||||||
|
* @param {*} id 题目id
|
||||||
|
* @return {*}
|
||||||
|
*/
|
||||||
|
gradeQuestionTitleByAI: (id: string) =>
|
||||||
|
http.request({
|
||||||
|
url: `/school/paper/userRecord/gradeQuestionTitleByAI/${id}`,
|
||||||
|
method: 'POST',
|
||||||
|
...config,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default homeWorkApi
|
||||||
63
src/api/system/mailbox.ts
Normal file
63
src/api/system/mailbox.ts
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const mailboxApi = {
|
||||||
|
// 信箱表-查询列表
|
||||||
|
getMailList: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/getMessageBoxListByMessageTypePage',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 信箱表-id查询
|
||||||
|
getMailDetail: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/' + id,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 根据信箱id一键领取信箱礼物
|
||||||
|
delMail: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/' + id,
|
||||||
|
method: 'DELETE',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 根据信箱id一键领取信箱礼物
|
||||||
|
pickMail: (id: any) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/pickUpAll/' + id,
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 一键已读-全部奖励聚合查询
|
||||||
|
pickMailAllRewards: (data?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/readWithOneButton/allRewards',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 一键已读-确认录取
|
||||||
|
pickMailAll: (data?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/readWithOneButton',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 删除已读的邮件
|
||||||
|
delMailAll: (data?: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/removeReadMessageByMessageFlag',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 信箱未读提示
|
||||||
|
getMsgRedPoint: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/userMessageBox/getMsgRedPoint',
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default mailboxApi
|
||||||
87
src/api/system/setting.ts
Normal file
87
src/api/system/setting.ts
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
interface PersonalConfigData {
|
||||||
|
oldPassword?: string
|
||||||
|
newPassword?: string
|
||||||
|
confirmPassword?: string
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
interface CheckPasswordData {
|
||||||
|
oldPassword: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ChangeLoginAccData {
|
||||||
|
account: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface DeleteDeviceRelateAccData {
|
||||||
|
id?: any
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
const settingApi = {
|
||||||
|
/**
|
||||||
|
* 获取个人设置
|
||||||
|
*/
|
||||||
|
getPersonalConfigApi: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/getPersonalConfig',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改个人设置
|
||||||
|
*/
|
||||||
|
modifyPersonalConfigApi: (data: PersonalConfigData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/modifyPersonalConfig',
|
||||||
|
method: 'PUT',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 检验旧密码是否输入正确
|
||||||
|
*/
|
||||||
|
checkPasswordApi: (data: CheckPasswordData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/checkPassword',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 当前设备登录过的账号
|
||||||
|
*/
|
||||||
|
getCurrentDeviceRelateAccApi: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/queryCurrentDeviceRelateAcc',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 切换账号
|
||||||
|
*/
|
||||||
|
changeLoginAccApi: (data: ChangeLoginAccData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/personal/changeLoginAcc',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除设备关联账号
|
||||||
|
*/
|
||||||
|
deleteDeviceRelateAccApi: (data: DeleteDeviceRelateAccData) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/userDeviceAccountRecord',
|
||||||
|
method: 'PUT',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default settingApi
|
||||||
81
src/api/system/user.ts
Normal file
81
src/api/system/user.ts
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
import { http } from '../http'
|
||||||
|
|
||||||
|
const userApi = {
|
||||||
|
// 个人信息调整-根据标识查询用户解锁和正在使用的头像、头像框、昵称框
|
||||||
|
getUnlockInfoByRemark: (remark: number) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/getUnlockInfoByRemark/' + remark,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 个人信息调整-修改个性化配置
|
||||||
|
updatePersonalConfig: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/updatePersonalConfig',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 个人信息调整-修改个性化配置
|
||||||
|
updateUserSex: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/updateUserSex',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 昵称校验检查
|
||||||
|
nickNameCheck: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userProperty/nickNameCheck',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 使用昵称修改卡道具
|
||||||
|
useNickNameCard: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/userProperty/useNickNameCard',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 砖石修改昵称
|
||||||
|
useDiamondChangeNickName: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/useNickNameDiamond',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 兑换虚拟物品
|
||||||
|
exchangeVirtualItem: (params: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/updateUnlockInfoById',
|
||||||
|
method: 'POST',
|
||||||
|
params,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 获取成就勋章
|
||||||
|
getPersonalMedalV2Api: () =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/getPersonalMedalV2',
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 更新学习情况
|
||||||
|
updateUserLearn: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/updateUserLearn',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
|
||||||
|
// 切换账号
|
||||||
|
switchUser: (data: anyObj) =>
|
||||||
|
http.request({
|
||||||
|
url: '/personal/changeLoginAcc',
|
||||||
|
method: 'POST',
|
||||||
|
data,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
|
export default userApi
|
||||||
75
src/api/task.ts
Normal file
75
src/api/task.ts
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
import { get, post } from './request'
|
||||||
|
|
||||||
|
const taskApi = {
|
||||||
|
/**
|
||||||
|
* 获取日常任务
|
||||||
|
*/
|
||||||
|
getUserDailyTask: async (config: any): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getUserDailyTask', undefined, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取周长任务
|
||||||
|
*/
|
||||||
|
getUserWeekTask: async (config: any): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getUserWeekTask', undefined, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取家长任务
|
||||||
|
*/
|
||||||
|
getParentOrTeacherTask: async (config: any): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getParentOrTeacherTask/parent', undefined, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取新手任务
|
||||||
|
*/
|
||||||
|
getNewbieTask: async (config: any): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getUserNewbieTask', undefined, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取成就任务
|
||||||
|
*/
|
||||||
|
getUserAchievementTask: async (config: any): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getUserAchievementTask', undefined, config)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 领取每日、每周、成就任务奖品
|
||||||
|
*/
|
||||||
|
openReward: async (data: anyObj): Promise<any> => {
|
||||||
|
return await post('/taskConfig/openReward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 领取每日、每周、成就活跃度奖品
|
||||||
|
*/
|
||||||
|
openDynamicReward: async (data: anyObj): Promise<any> => {
|
||||||
|
return await post('/taskConfig/openDynamicReward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 领取家长、老师奖品
|
||||||
|
*/
|
||||||
|
openParentOrTeacherReward: async (data: anyObj): Promise<any> => {
|
||||||
|
return await post('/taskConfig/openParentOrTeacherReward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 一键领取所有奖品
|
||||||
|
*/
|
||||||
|
openAllReward: async (data: anyObj): Promise<any> => {
|
||||||
|
return await post('/taskConfig/openAllReward', data)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取首页任务红点提示
|
||||||
|
*/
|
||||||
|
getTaskRewardStatus: async (): Promise<any> => {
|
||||||
|
return await get('/taskConfig/getTaskRewardStatus')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default taskApi
|
||||||
166
src/api/urge.ts
Normal file
166
src/api/urge.ts
Normal file
@ -0,0 +1,166 @@
|
|||||||
|
import { http } from './http'
|
||||||
|
|
||||||
|
const urgeApi = {
|
||||||
|
/**
|
||||||
|
* 查询督学模式列表
|
||||||
|
*/
|
||||||
|
getInspectorModeList: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorModeList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询督学服务课表信息
|
||||||
|
*/
|
||||||
|
getUserInspectorCourseList: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userInspectorCourseList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询督学订单列表
|
||||||
|
*/
|
||||||
|
getUserInspectorOrderList: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userInspectorOrderList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 查询当前学生最后一次课时信息
|
||||||
|
*/
|
||||||
|
getLastInspectorCourseInfo: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/lastInspectorCourseInfo',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 根据督学计划id查询学习计划信息
|
||||||
|
*/
|
||||||
|
getInspectorPlanInfo: (inspectorPlanId: number) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorPlanInfo',
|
||||||
|
params: { inspectorPlanId },
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据订单id查询最近或最后一次课时督学师和同学信息
|
||||||
|
*/
|
||||||
|
getInspectorTeacherStudentInfo: (orderId: number) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorTeacherStudentInfo',
|
||||||
|
params: { orderId },
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询当前学生督学课程报告列表
|
||||||
|
*/
|
||||||
|
getUserInspectorCourseReportList: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userInspectorCourseReportList',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询历史统计报告信息
|
||||||
|
*/
|
||||||
|
getUserHistoryStatisticsReportInfo: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userHistoryStatisticsReportInfo',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据督学课时id查询督学师和同学信息
|
||||||
|
*/
|
||||||
|
getInspectorTeacherStudentInfoByInspectorCourseId: (inspectorCourseId: number) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorTeacherStudentInfoByInspectorCourseId',
|
||||||
|
params: { inspectorCourseId },
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据课时id查询学生督学课程报告信息
|
||||||
|
*/
|
||||||
|
getUserInspectorCourseReportInfo: (inspectorCourseId: number) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userInspectorCourseReportInfo',
|
||||||
|
params: { inspectorCourseId },
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询学生今日督学计划
|
||||||
|
*/
|
||||||
|
getUserTodayInspectorPlanInfo: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/userTodayInspectorPlanInfo',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发送沟通消息
|
||||||
|
*/
|
||||||
|
sendInspectorTalkRecord: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/sendInspectorTalkRecord',
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据督学计划id查询沟通记录(分页)
|
||||||
|
*/
|
||||||
|
getInspectorTalkRecordPage: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorTalkRecordPage',
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 已读消息
|
||||||
|
*/
|
||||||
|
readTalkRecord: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/readTalkRecord',
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询督学模式按钮数据
|
||||||
|
*/
|
||||||
|
getInspectorButtonData: () => {
|
||||||
|
return http.request({
|
||||||
|
url: '/inspectorStudent/inspectorButtonData',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 云督学计划任务表-id查询
|
||||||
|
*/
|
||||||
|
getInspectorPlanTask: (id: any) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/inspectorPlanTask/${id}`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 学科章节-视频表-id查询
|
||||||
|
getChapterVideoById: (params: anyObj) => {
|
||||||
|
return http.request({
|
||||||
|
url: `/subjectChapterVideo/getInfo`,
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export default urgeApi
|
||||||
52
src/components/AbbrImg/index.vue
Normal file
52
src/components/AbbrImg/index.vue
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
height?: number | string // 词性img高度
|
||||||
|
gap?: number | string // 多个词性间距
|
||||||
|
abbr: any
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
height: '42',
|
||||||
|
gap: 20,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const _height = px2vw(props.height)
|
||||||
|
const _gap = px2vw(props.gap)
|
||||||
|
|
||||||
|
const srcList = computed(() => {
|
||||||
|
return typeof props.abbr === 'object'
|
||||||
|
? props.abbr.map((item: string) => item.split('/')).flat()
|
||||||
|
: props.abbr.split('/')
|
||||||
|
})
|
||||||
|
|
||||||
|
function getSrc(src: string) {
|
||||||
|
if (src.includes('phrasal')) {
|
||||||
|
src = 'phrase.'
|
||||||
|
}
|
||||||
|
const type = src[src.length - 1] === '.' ? src : src + '.'
|
||||||
|
return `${OSS_URL}/icon/part_${type}png`
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-if="abbr" class="abbr-box">
|
||||||
|
<img v-for="i in srcList" :key="i" class="img-Speech" :src="getSrc(i)" alt="" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.abbr-box {
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.img-Speech {
|
||||||
|
height: v-bind(_height);
|
||||||
|
width: auto;
|
||||||
|
margin-right: v-bind(_gap);
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
70
src/components/Accent/index.vue
Normal file
70
src/components/Accent/index.vue
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
<template>
|
||||||
|
<div :class="{ icon: true, active: active }">
|
||||||
|
<div
|
||||||
|
:style="{
|
||||||
|
'background-image': bg,
|
||||||
|
}"
|
||||||
|
class="left"
|
||||||
|
></div>
|
||||||
|
<div
|
||||||
|
:style="{
|
||||||
|
'background-image': bg,
|
||||||
|
}"
|
||||||
|
class="right"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
width?: number | string
|
||||||
|
active: boolean
|
||||||
|
name: 'us' | 'br'
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
name: 'br',
|
||||||
|
active: false,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const _width = px2vh(props.width || 56)
|
||||||
|
const bg = `url(${OSS_URL}/icon/accent_${props.name}.svg)`
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.icon {
|
||||||
|
width: v-bind(_width);
|
||||||
|
height: v-bind(_width);
|
||||||
|
transform: translate(0px);
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: 100%;
|
||||||
|
width: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 4.67vh 3.17vh;
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
background-position: 0 50%;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
background-position: 105% 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon.active .right {
|
||||||
|
animation: ani 0.4s linear alternate infinite;
|
||||||
|
}
|
||||||
|
@keyframes ani {
|
||||||
|
from {
|
||||||
|
transform: translateX(0) scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(-0.83vh) scale(0.2);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
352
src/components/AiText/index.scss
Normal file
352
src/components/AiText/index.scss
Normal file
@ -0,0 +1,352 @@
|
|||||||
|
$font_size: 2vh;
|
||||||
|
$margin_h: 0.83vh;
|
||||||
|
$code_bg: rgb(40, 44, 52);
|
||||||
|
$corner_radius: 4px;
|
||||||
|
$theme: #009874;
|
||||||
|
$shadow:
|
||||||
|
0 2px 5px 0 rgba(220, 220, 220, 0.6),
|
||||||
|
0 2px 10px 0 rgba(220, 220, 220, 0.2);
|
||||||
|
$font: Menlo, Monaco, 'Courier New', monospace;
|
||||||
|
|
||||||
|
.markdown-body {
|
||||||
|
background-color: transparent;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-top: -1.25vh;
|
||||||
|
margin-bottom: -1.25vh;
|
||||||
|
|
||||||
|
p,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl,
|
||||||
|
dd,
|
||||||
|
blockquote,
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
hr,
|
||||||
|
table,
|
||||||
|
figure {
|
||||||
|
margin: $margin_h 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre code,
|
||||||
|
pre tt {
|
||||||
|
line-height: 1.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight pre,
|
||||||
|
pre {
|
||||||
|
background-color: $code_bg;
|
||||||
|
border-radius: $corner_radius;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: 0;
|
||||||
|
|
||||||
|
code.hljs {
|
||||||
|
padding: 0 15px;
|
||||||
|
font-size: $font_size;
|
||||||
|
color: #fff;
|
||||||
|
counter-reset: line;
|
||||||
|
|
||||||
|
.hljs-line::before {
|
||||||
|
counter-increment: line;
|
||||||
|
content: counter(line);
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
margin-right: 15px;
|
||||||
|
color: #999;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-string {
|
||||||
|
color: rgb(152, 195, 121);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword {
|
||||||
|
color: rgb(249, 38, 114);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-comment {
|
||||||
|
color: #7f8c99;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block-wrapper {
|
||||||
|
position: relative;
|
||||||
|
padding-top: 3.75vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block-header {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 0.01vh dashed #888;
|
||||||
|
color: #fff;
|
||||||
|
background-color: $code_bg;
|
||||||
|
|
||||||
|
&__lang {
|
||||||
|
background-color: #424242;
|
||||||
|
padding: 0.42vh 15px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__copy {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
user-select: none;
|
||||||
|
background-color: #424242;
|
||||||
|
padding: 0.42vh 15px;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $theme;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div[id^='mermaid-container'] {
|
||||||
|
padding: 0.33vh;
|
||||||
|
// border-radius: 0.33vh;
|
||||||
|
margin: $margin_h 0;
|
||||||
|
// text-align: center;
|
||||||
|
overflow-x: auto !important;
|
||||||
|
// background-color: #fff;
|
||||||
|
// border: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #576b95;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
display: table;
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
border-bottom: 0.17vh solid $theme;
|
||||||
|
margin: 2em auto 1em;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: 0.17vh 0.17vh 0.33vh rgba(0, 0, 0, 0.1);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
display: table;
|
||||||
|
padding: 0.3em 1em;
|
||||||
|
margin: 4em auto 2em;
|
||||||
|
color: #fff;
|
||||||
|
background: $theme;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 0.67vh;
|
||||||
|
box-shadow: $shadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.2;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-bottom: 0.42vh;
|
||||||
|
padding-top: 0.42vh;
|
||||||
|
border-left: 0.33vh solid $theme;
|
||||||
|
margin: 2em 8px 1em 0;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
font-weight: bold;
|
||||||
|
border-bottom: 0.08vh solid $theme;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
display: inline-block;
|
||||||
|
border: 0.08vh solid $theme;
|
||||||
|
border-top: 0.33vh solid $theme;
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: inherit;
|
||||||
|
color: $theme;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
list-style: none;
|
||||||
|
font-family: $font;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
margin-left: 0;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
|
||||||
|
> li::before {
|
||||||
|
content: '• ';
|
||||||
|
position: absolute;
|
||||||
|
left: -27px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
display: block;
|
||||||
|
margin: 0.5em 8px;
|
||||||
|
text-indent: 20px;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
pre {
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
margin-left: 0;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
counter-reset: section; /* 创建计数器 */
|
||||||
|
|
||||||
|
> li::before {
|
||||||
|
counter-increment: section; /* 递增计数器 */
|
||||||
|
content: counter(section) '. '; /* 显示数字（如1.、2.） */
|
||||||
|
position: absolute;
|
||||||
|
left: -50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
color: rgb(221, 17, 68);
|
||||||
|
background-color: rgba(27, 31, 35, 0.05);
|
||||||
|
border-radius: 0.33vh;
|
||||||
|
padding: 0.42vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-size: 1.17vh;
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0.1em auto 0.5em;
|
||||||
|
border-radius: $corner_radius;
|
||||||
|
box-shadow: $shadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-family: $font;
|
||||||
|
padding: 1.25vh;
|
||||||
|
border-left: 0.33vh solid $theme;
|
||||||
|
border-radius: $corner_radius;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
background: #e8f2fb;
|
||||||
|
margin: 1.67vh 0;
|
||||||
|
box-shadow: $shadow;
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 1.25vh 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
height: 0.08vh;
|
||||||
|
border: none;
|
||||||
|
border-top: 0.08vh solid #eee;
|
||||||
|
box-shadow: $shadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
display: table;
|
||||||
|
border-collapse: separate;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-indent: initial;
|
||||||
|
unicode-bidi: isolate;
|
||||||
|
line-height: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: medium;
|
||||||
|
font-style: normal;
|
||||||
|
color: -internal-quirk-inherit;
|
||||||
|
text-align: center;
|
||||||
|
border-spacing: 2px;
|
||||||
|
border-color: gray;
|
||||||
|
white-space: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
|
||||||
|
thead {
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
font-weight: bold;
|
||||||
|
color: #3f3f3f;
|
||||||
|
|
||||||
|
td {
|
||||||
|
// text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
border: 0.08vh solid #dfdfdf;
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
color: #3f3f3f;
|
||||||
|
word-break: keep-all;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
// text-align: left;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-family: $font;
|
||||||
|
font-size: $font_size;
|
||||||
|
border: 0.08vh solid #dfdfdf;
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
color: #3f3f3f;
|
||||||
|
word-break: keep-all;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
143
src/components/AiText/index.vue
Normal file
143
src/components/AiText/index.vue
Normal file
@ -0,0 +1,143 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import { computed, onMounted, onUnmounted, onUpdated, ref } from 'vue'
|
||||||
|
import MarkdownIt from 'markdown-it'
|
||||||
|
import MdKatex from '@vscode/markdown-it-katex'
|
||||||
|
import MdLinkAttributes from 'markdown-it-link-attributes'
|
||||||
|
import MdMermaid from 'mermaid-it-markdown'
|
||||||
|
import hljs from 'highlight.js'
|
||||||
|
import 'highlight.js/styles/atom-one-dark.min.css'
|
||||||
|
import languages from './languages.json'
|
||||||
|
import { copy } from '@/utils/copy'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
inversion?: boolean
|
||||||
|
error?: boolean
|
||||||
|
text?: string
|
||||||
|
asRawText?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>()
|
||||||
|
|
||||||
|
const textRef = ref<HTMLElement>()
|
||||||
|
|
||||||
|
const mdi = new MarkdownIt({
|
||||||
|
html: true,
|
||||||
|
linkify: true,
|
||||||
|
highlight(code, language) {
|
||||||
|
const validLang = !!(language && hljs.getLanguage(language))
|
||||||
|
if (validLang) {
|
||||||
|
const lang = language ?? ''
|
||||||
|
return highlightBlock(hljs.highlight(code, { language: lang }).value, lang)
|
||||||
|
}
|
||||||
|
return highlightBlock(hljs.highlightAuto(code).value, '')
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
mdi
|
||||||
|
.use(MdLinkAttributes, { attrs: { target: '_blank', rel: 'noopener' } })
|
||||||
|
.use(MdKatex)
|
||||||
|
.use(MdMermaid)
|
||||||
|
|
||||||
|
const text = computed(() => {
|
||||||
|
const value = props.text ?? ''
|
||||||
|
if (!props.asRawText) {
|
||||||
|
// 对数学公式进行处理，自动添加 $$ 符号
|
||||||
|
const escapedText = escapeBrackets(escapeDollarNumber(value))
|
||||||
|
return mdi.render(escapedText)
|
||||||
|
}
|
||||||
|
return value
|
||||||
|
})
|
||||||
|
|
||||||
|
function highlightBlock(str: string, lang?: string) {
|
||||||
|
// 处理语言名称
|
||||||
|
const originLang = (lang?.trim().toLowerCase() as string) || 'txt'
|
||||||
|
let language = (languages as any)[originLang]
|
||||||
|
if (!language) {
|
||||||
|
if (originLang.length === 1) {
|
||||||
|
language = originLang.toUpperCase()
|
||||||
|
} else {
|
||||||
|
language = originLang.charAt(0).toUpperCase() + originLang.slice(1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 处理行号
|
||||||
|
str = str
|
||||||
|
.trim()
|
||||||
|
.split('\n')
|
||||||
|
.map(line => `<span class="hljs-line">${line}</span>`)
|
||||||
|
.join('\n')
|
||||||
|
return `<pre class="code-block-wrapper"><div class="code-block-header"><span class="code-block-header__lang">${language}</span><span class="code-block-header__copy">复制代码</span></div><code class="hljs code-block-body ${lang}">${str}</code></pre>`
|
||||||
|
}
|
||||||
|
|
||||||
|
function addCopyEvents() {
|
||||||
|
if (textRef.value) {
|
||||||
|
const copyBtn = textRef.value.querySelectorAll('.code-block-header__copy')
|
||||||
|
copyBtn.forEach(btn => {
|
||||||
|
btn.addEventListener('click', () => {
|
||||||
|
copy(btn.parentElement?.nextElementSibling?.textContent)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeCopyEvents() {
|
||||||
|
if (textRef.value) {
|
||||||
|
const copyBtn = textRef.value.querySelectorAll('.code-block-header__copy')
|
||||||
|
copyBtn.forEach(btn => {
|
||||||
|
btn.removeEventListener('click', () => {})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function escapeDollarNumber(text: string) {
|
||||||
|
let escapedText = ''
|
||||||
|
|
||||||
|
for (let i = 0; i < text.length; i += 1) {
|
||||||
|
let char = text[i]
|
||||||
|
const nextChar = text[i + 1] || ' '
|
||||||
|
|
||||||
|
if (char === '$' && nextChar >= '0' && nextChar <= '9') char = '\\$'
|
||||||
|
|
||||||
|
escapedText += char
|
||||||
|
}
|
||||||
|
|
||||||
|
return escapedText
|
||||||
|
}
|
||||||
|
|
||||||
|
function escapeBrackets(text: string) {
|
||||||
|
const pattern = /(```[\s\S]*?```|`.*?`)|\\\[([\s\S]*?[^\\])\\\]|\\\((.*?)\\\)/g
|
||||||
|
return text.replace(pattern, (match, codeBlock, squareBracket, roundBracket) => {
|
||||||
|
if (codeBlock) return codeBlock
|
||||||
|
else if (squareBracket) return `$$${squareBracket}$$`
|
||||||
|
else if (roundBracket) return `$${roundBracket}$`
|
||||||
|
return match
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
addCopyEvents()
|
||||||
|
})
|
||||||
|
|
||||||
|
onUpdated(() => {
|
||||||
|
addCopyEvents()
|
||||||
|
})
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
removeCopyEvents()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="text-black">
|
||||||
|
<div ref="textRef" class="leading-relaxed break-words">
|
||||||
|
<div v-if="!inversion">
|
||||||
|
<div v-if="!asRawText" class="markdown-body" v-html="text" />
|
||||||
|
<div v-else class="whitespace-pre-wrap" v-text="text" />
|
||||||
|
</div>
|
||||||
|
<div v-else class="whitespace-pre-wrap" v-text="text" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@use './index.scss' as *;
|
||||||
|
</style>
|
||||||
105
src/components/AiText/languages.json
Normal file
105
src/components/AiText/languages.json
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
{
|
||||||
|
"html": "HTML",
|
||||||
|
"txt": "TXT",
|
||||||
|
"xml": "XML",
|
||||||
|
"svg": "SVG",
|
||||||
|
"mathml": "MathML",
|
||||||
|
"css": "CSS",
|
||||||
|
"clike": "C-like",
|
||||||
|
"js": "JavaScript",
|
||||||
|
"javascript": "JavaScript",
|
||||||
|
"abap": "ABAP",
|
||||||
|
"apacheconf": "Apache Configuration",
|
||||||
|
"apl": "APL",
|
||||||
|
"arff": "ARFF",
|
||||||
|
"asciidoc": "AsciiDoc",
|
||||||
|
"adoc": "AsciiDoc",
|
||||||
|
"asm6502": "6502 Assembly",
|
||||||
|
"aspnet": "ASP.NET (C#)",
|
||||||
|
"autohotkey": "AutoHotkey",
|
||||||
|
"autoit": "AutoIt",
|
||||||
|
"basic": "BASIC",
|
||||||
|
"csharp": "C#",
|
||||||
|
"dotnet": "C#",
|
||||||
|
"cpp": "C++",
|
||||||
|
"cil": "CIL",
|
||||||
|
"csp": "Content-Security-Policy",
|
||||||
|
"css-extras": "CSS Extras",
|
||||||
|
"django": "Django/Jinja2",
|
||||||
|
"jinja2": "Django/Jinja2",
|
||||||
|
"dockerfile": "Docker",
|
||||||
|
"erb": "ERB",
|
||||||
|
"fsharp": "F#",
|
||||||
|
"gcode": "G-code",
|
||||||
|
"gedcom": "GEDCOM",
|
||||||
|
"glsl": "GLSL",
|
||||||
|
"gml": "GameMaker Language",
|
||||||
|
"gamemakerlanguage": "GameMaker Language",
|
||||||
|
"graphql": "GraphQL",
|
||||||
|
"hcl": "HCL",
|
||||||
|
"http": "HTTP",
|
||||||
|
"hpkp": "HTTP Public-Key-Pins",
|
||||||
|
"hsts": "HTTP Strict-Transport-Security",
|
||||||
|
"ichigojam": "IchigoJam",
|
||||||
|
"inform7": "Inform 7",
|
||||||
|
"javastacktrace": "Java stack trace",
|
||||||
|
"json": "JSON",
|
||||||
|
"jsonp": "JSONP",
|
||||||
|
"latex": "LaTeX",
|
||||||
|
"emacs": "Lisp",
|
||||||
|
"elisp": "Lisp",
|
||||||
|
"emacs-lisp": "Lisp",
|
||||||
|
"lolcode": "LOLCODE",
|
||||||
|
"markup-templating": "Markup templating",
|
||||||
|
"matlab": "MATLAB",
|
||||||
|
"mel": "MEL",
|
||||||
|
"n1ql": "N1QL",
|
||||||
|
"n4js": "N4JS",
|
||||||
|
"n4jsd": "N4JS",
|
||||||
|
"nand2tetris-hdl": "Nand To Tetris HDL",
|
||||||
|
"nasm": "NASM",
|
||||||
|
"nginx": "Nginx",
|
||||||
|
"nsis": "NSIS",
|
||||||
|
"objectivec": "Objective-C",
|
||||||
|
"ocaml": "OCaml",
|
||||||
|
"opencl": "OpenCL",
|
||||||
|
"parigp": "PARI/GP",
|
||||||
|
"objectpascal": "Object Pascal",
|
||||||
|
"php": "PHP",
|
||||||
|
"php-extras": "PHP Extras",
|
||||||
|
"plsql": "PL/SQL",
|
||||||
|
"powershell": "PowerShell",
|
||||||
|
"properties": ".properties",
|
||||||
|
"protobuf": "Protocol Buffers",
|
||||||
|
"q": "Q (kdb+ database)",
|
||||||
|
"jsx": "React JSX",
|
||||||
|
"tsx": "React TSX",
|
||||||
|
"renpy": "Ren'py",
|
||||||
|
"rest": "reST (reStructuredText)",
|
||||||
|
"sas": "SAS",
|
||||||
|
"sass": "Sass (Sass)",
|
||||||
|
"scss": "Sass (Scss)",
|
||||||
|
"sql": "SQL",
|
||||||
|
"soy": "Soy (Closure Template)",
|
||||||
|
"sh": "Shell",
|
||||||
|
"shell": "Shell",
|
||||||
|
"tap": "TAP",
|
||||||
|
"toml": "TOML",
|
||||||
|
"tt2": "Template Toolkit 2",
|
||||||
|
"ts": "TypeScript",
|
||||||
|
"vbnet": "VB.Net",
|
||||||
|
"vhdl": "VHDL",
|
||||||
|
"vim": "Vim",
|
||||||
|
"visual-basic": "Visual Basic",
|
||||||
|
"vb": "Visual Basic",
|
||||||
|
"wasm": "WebAssembly",
|
||||||
|
"wiki": "Wiki markup",
|
||||||
|
"xeoracube": "XeoraCube",
|
||||||
|
"xojo": "Xojo (REALbasic)",
|
||||||
|
"xquery": "XQuery",
|
||||||
|
"yaml": "YAML",
|
||||||
|
"oc": "Objective-C",
|
||||||
|
"objc": "Objective-C",
|
||||||
|
"object-c": "Objective-C",
|
||||||
|
"objective-c": "Objective-C"
|
||||||
|
}
|
||||||
53
src/components/BackBar/index.vue
Normal file
53
src/components/BackBar/index.vue
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { globalBack } from '@/router'
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
import { useRoute } from 'vue-router'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
leftText?: any
|
||||||
|
index?: boolean
|
||||||
|
iconSize?: number
|
||||||
|
titleSize?: number
|
||||||
|
gap?: number
|
||||||
|
showOnly?: boolean
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
leftText: '',
|
||||||
|
index: false,
|
||||||
|
iconSize: 80,
|
||||||
|
gap: 24,
|
||||||
|
showOnly: false,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['back'])
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
|
const gapString = px2vw(props.gap)
|
||||||
|
|
||||||
|
function onLeftClick() {
|
||||||
|
if (props.showOnly) return
|
||||||
|
emits('back')
|
||||||
|
|
||||||
|
globalBack(props.index)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<nav v-if="!route.meta?.hiddenBack" class="pointer" @click="onLeftClick">
|
||||||
|
<Icon name="left_arrow" :size="iconSize"></Icon>
|
||||||
|
<LineFont v-if="leftText" :text="leftText" :size="titleSize" />
|
||||||
|
</nav>
|
||||||
|
<LineFont v-else-if="leftText" :text="leftText" :size="titleSize" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
nav {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: max-content;
|
||||||
|
.x-icon {
|
||||||
|
margin-right: v-bind(gapString);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
26
src/components/BigTitle/index.vue
Normal file
26
src/components/BigTitle/index.vue
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
defineProps<{
|
||||||
|
text: string
|
||||||
|
size: number | string
|
||||||
|
}>()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="big-title">
|
||||||
|
<LineFont :text="text" :size="size" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.big-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
175
src/components/Btn/index.vue
Normal file
175
src/components/Btn/index.vue
Normal file
@ -0,0 +1,175 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
type?: 'primary' | 'success' | 'info' | 'danger'
|
||||||
|
size?: number | string
|
||||||
|
width?: number | string
|
||||||
|
height?: number | string
|
||||||
|
loading?: boolean
|
||||||
|
tilt?: boolean // 倾斜
|
||||||
|
successTwo?: boolean // 特殊success
|
||||||
|
disabled?: boolean
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
type: 'primary',
|
||||||
|
size: 32,
|
||||||
|
width: 232,
|
||||||
|
height: 80,
|
||||||
|
tilt: false,
|
||||||
|
successTwo: false,
|
||||||
|
disabled: false,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['click'])
|
||||||
|
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const TYPE_BG = {
|
||||||
|
primary: {
|
||||||
|
left: `${OSS_URL}/urm/btn_primary_left.svg`,
|
||||||
|
right: `${OSS_URL}/urm/btn_primary_right.svg`,
|
||||||
|
},
|
||||||
|
success: {
|
||||||
|
left: `${OSS_URL}/urm/btn_success_left.svg`,
|
||||||
|
right: `${OSS_URL}/urm/btn_success_right_two.svg`,
|
||||||
|
},
|
||||||
|
danger: {
|
||||||
|
left: `${OSS_URL}/urm/btn_danger_left.svg`,
|
||||||
|
right: `${OSS_URL}/urm/btn_danger_right.svg`,
|
||||||
|
},
|
||||||
|
info: {
|
||||||
|
left: `${OSS_URL}/urm/btn_info_left.svg`,
|
||||||
|
right: `${OSS_URL}/urm/btn_info_right.svg`,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
const _type = computed(() => (props.disabled ? 'info' : props.type))
|
||||||
|
|
||||||
|
const _size = computed(() => px2vw(props.size))
|
||||||
|
const _iconSize = computed(() => (isNaN(Number(props.size)) ? 48 : Number(props.size) * 1.5))
|
||||||
|
const _width = computed(() => px2vw(props.width))
|
||||||
|
const _height = computed(() => px2vw(props.height))
|
||||||
|
function onClick(e: any) {
|
||||||
|
if (props.loading || props.disabled) return
|
||||||
|
e.preventDefault()
|
||||||
|
emits('click', e)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<button
|
||||||
|
:class="{
|
||||||
|
'x-button': true,
|
||||||
|
'is-loading': loading,
|
||||||
|
[_type]: true,
|
||||||
|
tilt,
|
||||||
|
}"
|
||||||
|
:disabled="disabled"
|
||||||
|
@click="onClick"
|
||||||
|
>
|
||||||
|
<img v-if="!successTwo" class="x-button-left" :src="TYPE_BG[_type].left" />
|
||||||
|
<img class="x-button-right" :src="TYPE_BG[_type].right" />
|
||||||
|
<Icon v-if="loading" name="loading" loading :size="_iconSize"></Icon>
|
||||||
|
<div v-else class="x-button-text">
|
||||||
|
<slot></slot>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.x-button {
|
||||||
|
width: v-bind(_width);
|
||||||
|
height: v-bind(_height);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: v-bind(_size);
|
||||||
|
cursor: pointer;
|
||||||
|
line-height: 1.5;
|
||||||
|
box-shadow: 0 0.5vh 0.17vh 0 rgba(0, 0, 0, 0.25);
|
||||||
|
outline: none;
|
||||||
|
// transition: opacity 0.3s;
|
||||||
|
transition: filter 0.1s ease;
|
||||||
|
&[disabled],
|
||||||
|
&.is-loading {
|
||||||
|
cursor: not-allowed;
|
||||||
|
&:active {
|
||||||
|
filter: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
filter: brightness(0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.danger {
|
||||||
|
background: #ff5050;
|
||||||
|
border-radius: 4.5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.primary {
|
||||||
|
background: #ffe850;
|
||||||
|
border-radius: 4.5vh;
|
||||||
|
}
|
||||||
|
&.success {
|
||||||
|
background: linear-gradient(180deg, #70f0a5 0%, #5fe799 100%);
|
||||||
|
border-radius: 4.5vh;
|
||||||
|
}
|
||||||
|
&.info {
|
||||||
|
background: #83fcf7;
|
||||||
|
border-radius: 4.5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.tilt {
|
||||||
|
transform: skew(-20deg);
|
||||||
|
transform-origin: center center;
|
||||||
|
border-radius: $radius-5;
|
||||||
|
.x-button-left,
|
||||||
|
.x-button-right,
|
||||||
|
.x-button-text {
|
||||||
|
transform: skew(20deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.x-icon {
|
||||||
|
animation: rotating 2s linear infinite;
|
||||||
|
@keyframes rotating {
|
||||||
|
0% {
|
||||||
|
transform: skew(20deg) rotateZ(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: skew(20deg) rotateZ(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-left {
|
||||||
|
position: absolute;
|
||||||
|
width: calc(v-bind(_size) * 3);
|
||||||
|
left: -20px;
|
||||||
|
top: -1.67vh;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-right {
|
||||||
|
position: absolute;
|
||||||
|
width: calc(v-bind(_size) * 3);
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
// top: 50%;
|
||||||
|
// transform: translateY(-38%);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-text {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .x-icon {
|
||||||
|
top: 0.67vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
99
src/components/ClozeTest/index.vue
Normal file
99
src/components/ClozeTest/index.vue
Normal file
@ -0,0 +1,99 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps<{
|
||||||
|
options: string
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const optionsHtml = computed(() => {
|
||||||
|
if (!props.options) return []
|
||||||
|
let parsed: any = props.options
|
||||||
|
try {
|
||||||
|
parsed = JSON.parse(parsed)
|
||||||
|
if (typeof parsed === 'string') {
|
||||||
|
parsed = JSON.parse(parsed)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
if (!Array.isArray(parsed)) return []
|
||||||
|
|
||||||
|
// 判断是否为单纯的选项数组 [{"label":"A","value":"..."}]
|
||||||
|
// 如果是，则包装成 [{ options: [...] }] 格式，以便复用模板渲染逻辑
|
||||||
|
if (parsed.length > 0) {
|
||||||
|
const first = parsed[0]
|
||||||
|
const isFlatOption =
|
||||||
|
first &&
|
||||||
|
typeof first === 'object' &&
|
||||||
|
'label' in first &&
|
||||||
|
'value' in first &&
|
||||||
|
!('options' in first)
|
||||||
|
if (isFlatOption) {
|
||||||
|
return [{ options: parsed }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return parsed
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<div v-for="(item, index) in optionsHtml" :key="index" class="row">
|
||||||
|
<span class="index">{{ index + 1 }}</span>
|
||||||
|
<div class="content">
|
||||||
|
<template v-if="item?.options && Array.isArray(item.options)">
|
||||||
|
<span v-for="opt in item.options" :key="opt.label" class="opt-item">
|
||||||
|
<span class="opt-label">{{ opt.label }}.</span>
|
||||||
|
<span v-html="opt.value"></span>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
{{ item }}
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
line-height: 1.5;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.index {
|
||||||
|
display: inline-block;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 50%;
|
||||||
|
/* background-color: #669cfe; */
|
||||||
|
border: 5px solid #669cfe;
|
||||||
|
color: #669cfe;
|
||||||
|
margin-right: 12px;
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 25px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.opt-item {
|
||||||
|
margin-right: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.opt-label {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
113
src/components/ConfirmDia/index.vue
Normal file
113
src/components/ConfirmDia/index.vue
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<template>
|
||||||
|
<div v-if="modelValue" class="mask" :is-mask-click="false" :animation="false">
|
||||||
|
<div class="dialog_box">
|
||||||
|
<div class="dialog_main">
|
||||||
|
<span class="tip_text">{{ text }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="dialog_btns">
|
||||||
|
<div class="btn cancel_btn" @click="tapCancelBtn">
|
||||||
|
<span class="text">取消</span>
|
||||||
|
</div>
|
||||||
|
<div class="btn confirm_btn" @click="() => emits('confirm')">
|
||||||
|
<span class="text">确认</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: boolean
|
||||||
|
text: string
|
||||||
|
}>(),
|
||||||
|
{ text: '确定要把2个单词从熟词本中删除吗？' },
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['update:modelValue', 'confirm', 'cancelBtn'])
|
||||||
|
const tapCancelBtn = () => {
|
||||||
|
emits('update:modelValue', false)
|
||||||
|
emits('cancelBtn')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.mask {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
.dialog_box {
|
||||||
|
position: relative;
|
||||||
|
width: 640px;
|
||||||
|
height: 24.08vh;
|
||||||
|
background-color: #fffef5;
|
||||||
|
border-radius: 3.33vh;
|
||||||
|
color: #383835;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -1.13vh;
|
||||||
|
left: 0;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 3.33vh;
|
||||||
|
background-color: #dfdaf2;
|
||||||
|
transform: skew(-5deg, 5deg);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_main {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 4vh;
|
||||||
|
|
||||||
|
.tip_text {
|
||||||
|
display: inline-block;
|
||||||
|
padding-top: 7.5vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_btns {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 2.67vh;
|
||||||
|
display: flex;
|
||||||
|
padding: 0 128px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
position: relative;
|
||||||
|
width: 144px;
|
||||||
|
height: 4.33vh;
|
||||||
|
border-radius: 2.17vh;
|
||||||
|
border: 0.17vh solid #d9d163;
|
||||||
|
font-size: 2vh;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel_btn {
|
||||||
|
background-color: #fffef5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm_btn {
|
||||||
|
margin-left: 96px;
|
||||||
|
background-color: #fff01f;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
186
src/components/DifficultyStart/index.vue
Normal file
186
src/components/DifficultyStart/index.vue
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue?: number | string | ''
|
||||||
|
disabled?: boolean
|
||||||
|
title?: string
|
||||||
|
emptyText?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
modelValue: '',
|
||||||
|
disabled: false,
|
||||||
|
title: '难度：',
|
||||||
|
emptyText: '暂无',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const OSS_URL = `${import.meta.env.VITE_OSS_URL}`
|
||||||
|
const bg = `url(${OSS_URL}/icon/select_grey.svg) 100% / contain no-repeat`
|
||||||
|
|
||||||
|
const dia = reactive<anyObj>({
|
||||||
|
show: false,
|
||||||
|
data: 0,
|
||||||
|
})
|
||||||
|
function toEdit() {
|
||||||
|
if (props.disabled) return
|
||||||
|
dia.show = true
|
||||||
|
dia.data = props.modelValue
|
||||||
|
}
|
||||||
|
|
||||||
|
const difficultyLabelMap: Record<string, number> = {
|
||||||
|
容易: 1,
|
||||||
|
较易: 2,
|
||||||
|
一般: 3,
|
||||||
|
较难: 4,
|
||||||
|
困难: 5,
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeToStars(val: number | string | ''): number {
|
||||||
|
if (val === '' || val === null || val === undefined) return 0
|
||||||
|
if (typeof val === 'string') return difficultyLabelMap[val] || 0
|
||||||
|
if (val >= 17 && val <= 21) return val - 16
|
||||||
|
if (val >= 11 && val <= 15) return val - 10
|
||||||
|
if (val >= 1 && val <= 5) return val
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
|
||||||
|
const starCount = computed(() => normalizeToStars(props.modelValue))
|
||||||
|
const starLevels = [1, 2, 3, 4, 5]
|
||||||
|
|
||||||
|
const selectList = [
|
||||||
|
{ label: '智能', value: '' },
|
||||||
|
{ label: '容易', value: '容易' },
|
||||||
|
{ label: '较易', value: '较易' },
|
||||||
|
{ label: '一般', value: '一般' },
|
||||||
|
{ label: '较难', value: '较难' },
|
||||||
|
{ label: '困难', value: '困难' },
|
||||||
|
]
|
||||||
|
function handleEdit() {
|
||||||
|
emit('update:modelValue', dia.data)
|
||||||
|
dia.show = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="difficulty-start" @click="toEdit">
|
||||||
|
<div class="text">{{ title }}</div>
|
||||||
|
<div class="starts">
|
||||||
|
<template v-if="!disabled || modelValue">
|
||||||
|
<div v-for="i in starLevels" :key="i" class="start">
|
||||||
|
<Icon
|
||||||
|
:name="
|
||||||
|
modelValue
|
||||||
|
? starCount >= i
|
||||||
|
? 'difficulty_start_active'
|
||||||
|
: 'difficulty_start_info'
|
||||||
|
: `difficulty_start_intelligence`
|
||||||
|
"
|
||||||
|
size="48"
|
||||||
|
>
|
||||||
|
</Icon>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<span v-else class="text"> {{ emptyText }} </span>
|
||||||
|
</div>
|
||||||
|
<Icon v-if="!disabled" name="edit" width="40" class="pointer"></Icon>
|
||||||
|
</div>
|
||||||
|
<mj-dialog v-if="!disabled" v-model="dia.show" :ok="handleEdit">
|
||||||
|
<div class="dia-main">
|
||||||
|
<div class="dia-main-title">请选择题目的难度</div>
|
||||||
|
<div class="dia-main-select">
|
||||||
|
<Select v-model="dia.data" :selectList="selectList"></Select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</mj-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.difficulty-start {
|
||||||
|
// width: 488px;
|
||||||
|
height: 5.33vh;
|
||||||
|
padding: 0 32px;
|
||||||
|
border-radius: 5vh;
|
||||||
|
background: rgba(0, 0, 0, 0.65);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 1.5;
|
||||||
|
.text {
|
||||||
|
flex-shrink: 0;
|
||||||
|
color: rgba(255, 255, 255, 0.95);
|
||||||
|
font-family: OPPOSans;
|
||||||
|
font-size: 2.33vh;
|
||||||
|
}
|
||||||
|
.starts {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 20px 0 2px;
|
||||||
|
.start {
|
||||||
|
margin: 0 4px;
|
||||||
|
width: 48px;
|
||||||
|
height: 4vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.x-icon {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dia-main {
|
||||||
|
line-height: 1.5;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1.67vh;
|
||||||
|
&-title {
|
||||||
|
color: $font-color;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
margin: 1.67vh 0 3.33vh;
|
||||||
|
}
|
||||||
|
&-select {
|
||||||
|
:deep(.select-box) {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 504px;
|
||||||
|
height: 6.67vh;
|
||||||
|
flex-shrink: 0;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0.17vh 0.17vh #4c749e;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 6.67vh;
|
||||||
|
border-radius: 6.67vh;
|
||||||
|
background: #b9d1ea;
|
||||||
|
box-shadow: 0 0 0.5vh 0 #4c749e inset;
|
||||||
|
padding: 0 32px 0 40px;
|
||||||
|
.icon {
|
||||||
|
background: v-bind(bg) !important;
|
||||||
|
width: 40px;
|
||||||
|
height: 3.33vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.selectList {
|
||||||
|
width: 100%;
|
||||||
|
background: #b9d1ea;
|
||||||
|
box-shadow: 0 0 0.5vh 0 #4c749e inset;
|
||||||
|
max-height: 33.33vh;
|
||||||
|
.selectList-box {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 33.33vh;
|
||||||
|
padding: 0.67vh 32px 0.67vh 40px;
|
||||||
|
.select-item {
|
||||||
|
color: #fff !important;
|
||||||
|
height: 4vh;
|
||||||
|
padding: 0;
|
||||||
|
height: 4.83vh;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mask {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
155
src/components/Empty/index.vue
Normal file
155
src/components/Empty/index.vue
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
|
||||||
|
type showType =
|
||||||
|
| 'network'
|
||||||
|
| 'dev'
|
||||||
|
| 'goods'
|
||||||
|
| 'email'
|
||||||
|
| 'announcement'
|
||||||
|
| 'knowledge'
|
||||||
|
| 'practice'
|
||||||
|
| 'test'
|
||||||
|
| 'report'
|
||||||
|
| 'course'
|
||||||
|
| 'activity'
|
||||||
|
| 'task'
|
||||||
|
| 'rank'
|
||||||
|
| 'learn'
|
||||||
|
| 'search'
|
||||||
|
| 'loading'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
type?: showType
|
||||||
|
content?: string
|
||||||
|
size?: number | string
|
||||||
|
delay?: number | string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
type: 'email',
|
||||||
|
content: '',
|
||||||
|
size: 320,
|
||||||
|
delay: 0,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const DES_MAP: anyObj = {
|
||||||
|
network: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_network.svg`,
|
||||||
|
msg: '网络出问题了啦',
|
||||||
|
},
|
||||||
|
dev: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_dev.svg`,
|
||||||
|
msg: '功能正在开发中，敬请期待！',
|
||||||
|
},
|
||||||
|
goods: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_goods.svg`,
|
||||||
|
msg: '还没有商品哦～',
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_email.svg`,
|
||||||
|
msg: '还没有收到邮件哦～',
|
||||||
|
},
|
||||||
|
announcement: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_announcement.svg`,
|
||||||
|
msg: '还没有公告哦～',
|
||||||
|
},
|
||||||
|
knowledge: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_knowledge.png`,
|
||||||
|
msg: '暂无知识图谱，快去训练吧！',
|
||||||
|
},
|
||||||
|
practice: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_practice.svg`,
|
||||||
|
msg: '暂无练习记录，快去练习吧！',
|
||||||
|
},
|
||||||
|
test: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_test.svg`,
|
||||||
|
msg: '暂无测试记录，快去测试吧！',
|
||||||
|
},
|
||||||
|
report: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_report.svg`,
|
||||||
|
msg: '暂无督学报告，快去生成吧！',
|
||||||
|
},
|
||||||
|
course: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_course.svg`,
|
||||||
|
msg: '暂无课程表，快去选课吧！',
|
||||||
|
},
|
||||||
|
activity: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_activity.svg`,
|
||||||
|
msg: '还没有活动哦～',
|
||||||
|
},
|
||||||
|
task: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_task.svg`,
|
||||||
|
msg: '还没有任务哦～',
|
||||||
|
},
|
||||||
|
rank: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_rank.svg`,
|
||||||
|
msg: '还没有人上榜哦～',
|
||||||
|
},
|
||||||
|
learn: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_learn.svg`,
|
||||||
|
msg: '暂无学习数据，快去学习吧！',
|
||||||
|
},
|
||||||
|
search: {
|
||||||
|
img: `${import.meta.env.VITE_OSS_URL}/urm/empty_search.svg`,
|
||||||
|
msg: '搜索内容为空哦～',
|
||||||
|
},
|
||||||
|
loading: {
|
||||||
|
iconName: 'loading',
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
const show = ref(false)
|
||||||
|
onMounted(() => {
|
||||||
|
setTimeout(() => (show.value = true), Number(props.delay))
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-if="show" class="empty">
|
||||||
|
<slot>
|
||||||
|
<template v-if="DES_MAP[type]?.iconName">
|
||||||
|
<Icon :name="DES_MAP[type].iconName" loading size="96" />
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<img
|
||||||
|
:style="{
|
||||||
|
width: px2vw(size),
|
||||||
|
height: 'auto',
|
||||||
|
}"
|
||||||
|
:src="DES_MAP[type]['img']"
|
||||||
|
/>
|
||||||
|
<div class="empty-content">
|
||||||
|
{{ content || DES_MAP[type]['msg'] }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</slot>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.empty {
|
||||||
|
width: 100%;
|
||||||
|
height: inherit;
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
img {
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.empty-content {
|
||||||
|
width: 100%;
|
||||||
|
color: $font-color;
|
||||||
|
font-size: $font-size-5;
|
||||||
|
line-height: 1.83vh;
|
||||||
|
margin-top: $space-1_h;
|
||||||
|
font-family: $font-special;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
213
src/components/EnlargePicture/index.vue
Normal file
213
src/components/EnlargePicture/index.vue
Normal file
@ -0,0 +1,213 @@
|
|||||||
|
<template>
|
||||||
|
<div v-if="props.modelValue" class="pop__wrapper_box">
|
||||||
|
<div class="content">
|
||||||
|
<div class="dialog_box">
|
||||||
|
<div class="header">
|
||||||
|
<div class="left">
|
||||||
|
<div class="t-icon t-icon-fangda handle_icon" @click="tapEnlarge"></div>
|
||||||
|
<div class="t-icon t-icon-suoxiao handle_icon" @click="tapLessen"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="t-icon t-icon-guanbi handle_icon" @click="tapClose"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="area">
|
||||||
|
<div
|
||||||
|
ref="imgArea"
|
||||||
|
:style="{
|
||||||
|
transform: `translate(${movableData.x}px, ${movableData.y}px) scale(${movableData.scale})`,
|
||||||
|
}"
|
||||||
|
class="area-content"
|
||||||
|
@mousedown.prevent="startDrag"
|
||||||
|
@touchstart.prevent="startDrag"
|
||||||
|
>
|
||||||
|
<img ref="img" :src="picture" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: boolean
|
||||||
|
picture: string
|
||||||
|
}>(),
|
||||||
|
{},
|
||||||
|
)
|
||||||
|
|
||||||
|
const emits = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const dragging = ref(false) // 是否处于拖拽状态
|
||||||
|
const imgArea = ref()
|
||||||
|
const img = ref()
|
||||||
|
const movableData = ref({
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
scale: 1,
|
||||||
|
})
|
||||||
|
const scaleData = ref(1) // 另外存一份放大倍率
|
||||||
|
const distance = ref({
|
||||||
|
startDistance: 0,
|
||||||
|
endDistance: 0,
|
||||||
|
})
|
||||||
|
// 放大
|
||||||
|
function tapEnlarge() {
|
||||||
|
if (movableData.value.scale < 2) {
|
||||||
|
movableData.value.scale += 0.1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 缩小
|
||||||
|
function tapLessen() {
|
||||||
|
if (movableData.value.scale > 0.6) {
|
||||||
|
movableData.value.scale -= 0.1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function tapClose() {
|
||||||
|
emits('update:modelValue', false)
|
||||||
|
}
|
||||||
|
|
||||||
|
function touchTwo(e: anyObj[], mode: 'startDistance' | 'endDistance') {
|
||||||
|
// 双指缩放
|
||||||
|
const one = {
|
||||||
|
x: e[0].pageX, // 第一根手指的横坐标
|
||||||
|
y: e[0].pageY, // 第一根手指的纵坐标
|
||||||
|
} // 第一根手指的横坐标
|
||||||
|
const two = {
|
||||||
|
x: e[1].pageX, // 第二根手指的横坐标
|
||||||
|
y: e[1].pageY, // 第二根手指的纵坐标
|
||||||
|
}
|
||||||
|
|
||||||
|
distance.value[mode] = getDistance(one, two)
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDistance(start: anyObj, stop: anyObj) {
|
||||||
|
return Math.sqrt(
|
||||||
|
Math.pow(Math.abs(start.x - stop.x), 2) + Math.pow(Math.abs(start.y - stop.y), 2),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const startDrag = (event: anyObj) => {
|
||||||
|
if (event.touches?.length === 2) {
|
||||||
|
// 两个触点
|
||||||
|
touchTwo(event.touches, 'startDistance')
|
||||||
|
|
||||||
|
return
|
||||||
|
}
|
||||||
|
dragging.value = true
|
||||||
|
const x = (event.touches ? event.touches[0].pageX : event.pageX) - movableData.value.x
|
||||||
|
const y = (event.touches ? event.touches[0].pageY : event.pageY) - movableData.value.y
|
||||||
|
|
||||||
|
const move = (event: anyObj) => {
|
||||||
|
// console.log('event.touches[0].pageX', event.touches[0])
|
||||||
|
|
||||||
|
if (event.touches?.length === 2) {
|
||||||
|
// 两个触点
|
||||||
|
touchTwo(event.touches, 'endDistance')
|
||||||
|
const scale2 =
|
||||||
|
scaleData.value + distance.value.endDistance / distance.value.startDistance - 1.01 // 减去原本的1倍 0.01是防止小数计算误差
|
||||||
|
movableData.value.scale = scale2 > 2 ? 2 : scale2 < 0.5 ? 0.5 : scale2 // 最大2倍 最小0.5倍
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (dragging.value) {
|
||||||
|
movableData.value.x = (event.touches ? event.touches[0].pageX : event.pageX) - x
|
||||||
|
movableData.value.y = (event.touches ? event.touches[0].pageY : event.pageY) - y
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const stopDrag = () => {
|
||||||
|
distance.value.startDistance = distance.value.endDistance = 0
|
||||||
|
scaleData.value = movableData.value.scale
|
||||||
|
dragging.value = false
|
||||||
|
document.removeEventListener('mousemove', move)
|
||||||
|
document.removeEventListener('touchmove', move)
|
||||||
|
document.removeEventListener('mouseup', stopDrag)
|
||||||
|
document.removeEventListener('touchend', stopDrag)
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('mousemove', move)
|
||||||
|
document.addEventListener('touchmove', move)
|
||||||
|
document.addEventListener('mouseup', stopDrag)
|
||||||
|
document.addEventListener('touchend', stopDrag)
|
||||||
|
}
|
||||||
|
onUnmounted(() => {
|
||||||
|
document.removeEventListener('mousemove', () => {})
|
||||||
|
document.removeEventListener('mouseup', () => {})
|
||||||
|
document.removeEventListener('touchmove', () => {})
|
||||||
|
document.removeEventListener('touchend', () => {})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.dialog_box {
|
||||||
|
position: relative;
|
||||||
|
width: 1120px;
|
||||||
|
height: 58.5vh;
|
||||||
|
background-color: #fffef5;
|
||||||
|
border-radius: 2.5vh;
|
||||||
|
color: #383835;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
|
||||||
|
.area {
|
||||||
|
width: 1120px;
|
||||||
|
height: 52.5vh;
|
||||||
|
border-radius: 0 0 2.5vh 2.5vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.area-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 1vh 32px;
|
||||||
|
height: 6vh;
|
||||||
|
border-radius: 2.5vh 2.5vh 0 0;
|
||||||
|
background-color: #f2f1e6;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.handle_icon {
|
||||||
|
width: 48px;
|
||||||
|
height: 4vh;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
.handle_icon {
|
||||||
|
&:first-child {
|
||||||
|
margin-right: 24.013px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pop__wrapper_box {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 999;
|
||||||
|
background-color: rgba($color: #000000, $alpha: 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
48
src/components/Horn/index.vue
Normal file
48
src/components/Horn/index.vue
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
:class="{ icon: 1, active: active }"
|
||||||
|
:style="{
|
||||||
|
'background-image': bg || `url(${OSS_URL}/urm/animation_horn.png)`,
|
||||||
|
}"
|
||||||
|
></div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
width?: number | string
|
||||||
|
active: boolean
|
||||||
|
bg?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
active: false,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const _width = px2vw(props.width || 48)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.icon {
|
||||||
|
width: v-bind(_width);
|
||||||
|
height: v-bind(_width);
|
||||||
|
transform: translate(-2px);
|
||||||
|
background-size: calc(v-bind(_width) * 3) v-bind(_width);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: calc(v-bind(_width) * -2) center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.icon.active {
|
||||||
|
animation: ani 1s steps(3) infinite;
|
||||||
|
}
|
||||||
|
@keyframes ani {
|
||||||
|
from {
|
||||||
|
background-position-x: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
background-position-x: calc(v-bind(_width) * -3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
66
src/components/HornC.vue
Normal file
66
src/components/HornC.vue
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<template>
|
||||||
|
<div class="horn" @click="click">
|
||||||
|
<Horn width="56" :active="audio.isPlay.value" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import useAudio from '@/hooks/useCommonAudio'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
src: string
|
||||||
|
autoplay?: boolean
|
||||||
|
readonly?: boolean
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
autoplay: false,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const audio = useAudio()
|
||||||
|
|
||||||
|
function click() {
|
||||||
|
if (props.readonly) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
handlePlay()
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlePlay() {
|
||||||
|
audio.play(props.src)
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 初次加载时，在动画组件初始化后进行自动播放 */
|
||||||
|
onMounted(() => {
|
||||||
|
nextTick(() => {
|
||||||
|
if (props.src && props.autoplay) {
|
||||||
|
audio.play(props.src)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
handlePlay,
|
||||||
|
})
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.src,
|
||||||
|
() => {
|
||||||
|
if (props.src && props.autoplay) {
|
||||||
|
audio.play(props.src)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.horn {
|
||||||
|
display: inline-block;
|
||||||
|
width: 64px;
|
||||||
|
height: 5.33vh;
|
||||||
|
line-height: 5.33vh;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
91
src/components/Icon/index.vue
Normal file
91
src/components/Icon/index.vue
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
name: string
|
||||||
|
size?: string | number
|
||||||
|
width?: string | number | 'auto'
|
||||||
|
height?: string // 高度，不传默认为正方形svg height = width
|
||||||
|
fill?: string
|
||||||
|
rotate?: string | number
|
||||||
|
style?: { [key: string]: string }
|
||||||
|
loading?: boolean
|
||||||
|
onClick?: (...args: any[]) => void
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
width: '30',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emit = defineEmits(['click'])
|
||||||
|
|
||||||
|
defineOptions({ inheritAttrs: false })
|
||||||
|
|
||||||
|
const { size, width, height } = toRefs(props)
|
||||||
|
|
||||||
|
const _width = computed(() => (width.value === 'auto' ? 'auto' : px2vh(size.value || width.value)))
|
||||||
|
const _height = computed(() => (height.value ? px2vh(size.value || height.value) : _width.value))
|
||||||
|
const _style = computed(() => ({
|
||||||
|
...props.style,
|
||||||
|
width: _width.value,
|
||||||
|
height: _height.value,
|
||||||
|
transform: `rotate(${props.rotate}deg)`,
|
||||||
|
fill: props.fill,
|
||||||
|
}))
|
||||||
|
|
||||||
|
const url = computed(() => {
|
||||||
|
const ext = props.name.includes('.') ? '' : '.svg'
|
||||||
|
return `${import.meta.env.VITE_OSS_URL}/icon/${props.name}${ext}`
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<i
|
||||||
|
:class="{
|
||||||
|
'x-icon': true,
|
||||||
|
'is-loading': loading,
|
||||||
|
'x-auto': width === 'auto',
|
||||||
|
}"
|
||||||
|
v-bind="$attrs"
|
||||||
|
:style="_style"
|
||||||
|
aria-hidden="true"
|
||||||
|
@click="e => (props.onClick ? props.onClick(e) : emit('click', e))"
|
||||||
|
>
|
||||||
|
<img :src="url" :style="{ width: width === 'auto' ? 'auto' : '100%' }" />
|
||||||
|
</i>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.x-icon {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
&.is-loading {
|
||||||
|
animation: rotating 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rotating {
|
||||||
|
0% {
|
||||||
|
transform: rotateZ(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: rotateZ(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-user-drag: none;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.x-auto {
|
||||||
|
position: unset;
|
||||||
|
img {
|
||||||
|
position: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
261
src/components/ImageCropper/index.vue
Normal file
261
src/components/ImageCropper/index.vue
Normal file
@ -0,0 +1,261 @@
|
|||||||
|
<template>
|
||||||
|
<div v-if="visible" class="image-cropper-mask">
|
||||||
|
<div class="cropper-box">
|
||||||
|
<vue-cropper
|
||||||
|
ref="cropperRef"
|
||||||
|
:img="imgUrl"
|
||||||
|
:output-size="option.size"
|
||||||
|
:output-type="option.outputType"
|
||||||
|
:info="true"
|
||||||
|
:full="option.full"
|
||||||
|
:can-move="option.canMove"
|
||||||
|
:can-move-box="option.canMoveBox"
|
||||||
|
:original="option.original"
|
||||||
|
:auto-crop="option.autoCrop"
|
||||||
|
:fixed="option.fixed"
|
||||||
|
:fixed-number="option.fixedNumber"
|
||||||
|
:center-box="option.centerBox"
|
||||||
|
:info-true="option.infoTrue"
|
||||||
|
:fixed-box="option.fixedBox"
|
||||||
|
:mode="option.mode"
|
||||||
|
:auto-crop-width="option.autoCropWidth"
|
||||||
|
:auto-crop-height="option.autoCropHeight"
|
||||||
|
@img-load="imgLoad"
|
||||||
|
></vue-cropper>
|
||||||
|
<div v-if="imgLoading" class="loading-mask">
|
||||||
|
<Icon name="global_loading" loading size="96" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tools">
|
||||||
|
<mj-button @click="rotateLeft">左旋转</mj-button>
|
||||||
|
<mj-button @click="rotateRight">右旋转</mj-button>
|
||||||
|
<mj-button type="warn" @click="handleCancel">取消</mj-button>
|
||||||
|
<mj-button type="primary" :loading="loading" @click="handleConfirm">确认</mj-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive, watch, nextTick } from 'vue'
|
||||||
|
import 'vue-cropper/dist/index.css'
|
||||||
|
import { VueCropper } from 'vue-cropper'
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
visible: boolean
|
||||||
|
img: string | Blob | File
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:visible', 'confirm', 'cancel'])
|
||||||
|
|
||||||
|
const cropperRef = ref()
|
||||||
|
const imgUrl = ref('')
|
||||||
|
const loading = ref(false)
|
||||||
|
const imgLoading = ref(true)
|
||||||
|
|
||||||
|
// 平板/低端设备建议较小尺寸，减小处理与上传耗时
|
||||||
|
const MAX_IMG_DIMENSION = 1280
|
||||||
|
|
||||||
|
const option = reactive({
|
||||||
|
size: 0.85,
|
||||||
|
full: false,
|
||||||
|
outputType: 'jpeg',
|
||||||
|
canMove: true,
|
||||||
|
original: false,
|
||||||
|
canMoveBox: true,
|
||||||
|
autoCrop: true,
|
||||||
|
autoCropWidth: 0,
|
||||||
|
autoCropHeight: 0,
|
||||||
|
centerBox: false,
|
||||||
|
high: true,
|
||||||
|
maxImgSize: MAX_IMG_DIMENSION,
|
||||||
|
fixed: false,
|
||||||
|
fixedNumber: [1, 1],
|
||||||
|
infoTrue: false,
|
||||||
|
fixedBox: false,
|
||||||
|
mode: 'contain',
|
||||||
|
})
|
||||||
|
|
||||||
|
// 用于校验异步过程中 props.img 是否被替换，避免设置过时数据
|
||||||
|
let loadToken = 0
|
||||||
|
|
||||||
|
function readFileAsDataURL(file: Blob | File): Promise<string> {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const reader = new FileReader()
|
||||||
|
reader.onload = e => resolve((e.target?.result as string) || '')
|
||||||
|
reader.onerror = reject
|
||||||
|
reader.readAsDataURL(file)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 优先使用 createImageBitmap（异步解码、更快），不可用时退回 Image 加载
|
||||||
|
async function loadImageSize(
|
||||||
|
source: Blob | File | string,
|
||||||
|
): Promise<{ bitmap?: ImageBitmap; img?: HTMLImageElement; w: number; h: number }> {
|
||||||
|
// File 继承自 Blob，因此只需判断 Blob 即可同时覆盖 File
|
||||||
|
if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
|
||||||
|
try {
|
||||||
|
const bitmap = await createImageBitmap(source)
|
||||||
|
return { bitmap, w: bitmap.width, h: bitmap.height }
|
||||||
|
} catch {
|
||||||
|
/* fallthrough */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const img = new Image()
|
||||||
|
img.onload = () => resolve({ img, w: img.naturalWidth, h: img.naturalHeight })
|
||||||
|
img.onerror = reject
|
||||||
|
if (typeof source === 'string') {
|
||||||
|
img.src = source
|
||||||
|
} else {
|
||||||
|
const reader = new FileReader()
|
||||||
|
reader.onload = e => {
|
||||||
|
img.src = (e.target?.result as string) || ''
|
||||||
|
}
|
||||||
|
reader.onerror = reject
|
||||||
|
reader.readAsDataURL(source)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async function downscaleImage(source: Blob | File | string): Promise<string> {
|
||||||
|
try {
|
||||||
|
const { bitmap, img, w, h } = await loadImageSize(source)
|
||||||
|
const drawSource = (bitmap || img) as CanvasImageSource
|
||||||
|
const needScale = w > MAX_IMG_DIMENSION || h > MAX_IMG_DIMENSION
|
||||||
|
const scale = needScale ? Math.min(MAX_IMG_DIMENSION / w, MAX_IMG_DIMENSION / h) : 1
|
||||||
|
const canvas = document.createElement('canvas')
|
||||||
|
canvas.width = Math.max(1, Math.round(w * scale))
|
||||||
|
canvas.height = Math.max(1, Math.round(h * scale))
|
||||||
|
const ctx = canvas.getContext('2d')!
|
||||||
|
ctx.drawImage(drawSource, 0, 0, canvas.width, canvas.height)
|
||||||
|
bitmap?.close?.()
|
||||||
|
return canvas.toDataURL('image/jpeg', 0.9)
|
||||||
|
} catch (e) {
|
||||||
|
console.error('downscaleImage error', e)
|
||||||
|
if (typeof source === 'string') return source
|
||||||
|
try {
|
||||||
|
return await readFileAsDataURL(source)
|
||||||
|
} catch {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.img,
|
||||||
|
async (val: string | Blob | File | undefined) => {
|
||||||
|
// 立即清空旧图，避免在异步处理新图时显示上一张图
|
||||||
|
imgUrl.value = ''
|
||||||
|
imgLoading.value = true
|
||||||
|
if (!val) return
|
||||||
|
|
||||||
|
const myToken = ++loadToken
|
||||||
|
try {
|
||||||
|
const url = await downscaleImage(val)
|
||||||
|
// 防止后来的图片切换被覆盖
|
||||||
|
if (myToken !== loadToken) return
|
||||||
|
imgUrl.value = url
|
||||||
|
} catch (e) {
|
||||||
|
console.error('cropper image load error', e)
|
||||||
|
if (myToken === loadToken) imgLoading.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true },
|
||||||
|
)
|
||||||
|
|
||||||
|
function imgLoad(msg: string) {
|
||||||
|
if (msg === 'success') {
|
||||||
|
imgLoading.value = false
|
||||||
|
nextTick(() => {
|
||||||
|
if (cropperRef.value) {
|
||||||
|
const { trueWidth, trueHeight, scale } = cropperRef.value
|
||||||
|
option.autoCropWidth = trueWidth * scale
|
||||||
|
option.autoCropHeight = trueHeight * scale
|
||||||
|
option.centerBox = true
|
||||||
|
nextTick(() => {
|
||||||
|
cropperRef.value.goAutoCrop()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function rotateLeft() {
|
||||||
|
cropperRef.value.rotateLeft()
|
||||||
|
}
|
||||||
|
|
||||||
|
function rotateRight() {
|
||||||
|
cropperRef.value.rotateRight()
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleCancel() {
|
||||||
|
emit('update:visible', false)
|
||||||
|
emit('cancel')
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleConfirm() {
|
||||||
|
loading.value = true
|
||||||
|
cropperRef.value.getCropBlob((data: Blob) => {
|
||||||
|
loading.value = false
|
||||||
|
emit('confirm', data)
|
||||||
|
emit('update:visible', false)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.image-cropper-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 10001; // higher than hand-drawn-mask
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
background: #f7faf9;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.cropper-box {
|
||||||
|
flex: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 80px);
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAC6wGCdbt9AAAAIKFInOMAAAABYktHRACIBR1IAAAAC0lEQVR4nGNgwA0AAJoAAW7mSAAAAAAASUVORK5CYII=');
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.loading-mask {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.3);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 10002;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.crop-point) {
|
||||||
|
width: 20px !important;
|
||||||
|
height: 20px !important;
|
||||||
|
background-color: #39f !important;
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tools {
|
||||||
|
height: 80px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 20px;
|
||||||
|
background: #fff;
|
||||||
|
.mj-button {
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
24
src/components/ImgBg/index.vue
Normal file
24
src/components/ImgBg/index.vue
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<template>
|
||||||
|
<div class="img-bg" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
src: string
|
||||||
|
}>(),
|
||||||
|
{},
|
||||||
|
)
|
||||||
|
const url = `url(${props.src})`
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.img-bg {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: v-bind(url);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
127
src/components/ImgView/index.vue
Normal file
127
src/components/ImgView/index.vue
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<div v-if="props.modelValue" class="mask" @click.stop="emits('update:modelValue', false)">
|
||||||
|
<div ref="imgBoxRef" class="img-box" @click.stop="false">
|
||||||
|
<img :src="url || `${OSS_URL}/urm/book_bg.svg`" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import Hammer from 'hammerjs'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: boolean
|
||||||
|
url?: string
|
||||||
|
}>(),
|
||||||
|
{},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
|
||||||
|
const imgBoxRef = ref()
|
||||||
|
|
||||||
|
const imgConfig = reactive({
|
||||||
|
scaleIndex: 1,
|
||||||
|
scaleCount: 1,
|
||||||
|
})
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
nextTick(() => {
|
||||||
|
let x = 0
|
||||||
|
let y = 0
|
||||||
|
let _node = imgBoxRef.value // 获取之前在模板中设置的ref属性
|
||||||
|
|
||||||
|
let hand = new Hammer(_node) // 创建一个新的Hammer实例，传入要进行手势操作的元素
|
||||||
|
|
||||||
|
// 启用pinch手势
|
||||||
|
hand.get('pinch').set({ enable: true })
|
||||||
|
|
||||||
|
// 监听pinch手势的不同事件，用于实现缩放功能
|
||||||
|
hand.on('pinchmove pinchstart pinchin pinchout', (e: anyObj) => {
|
||||||
|
if (e.type === 'pinchstart') {
|
||||||
|
imgConfig.scaleIndex = imgConfig.scaleCount || 1 // 记录当前的缩放比例
|
||||||
|
}
|
||||||
|
imgConfig.scaleCount = imgConfig.scaleIndex * e.scale // 计算新的缩放比例
|
||||||
|
_node.style.transform = 'scale(' + imgConfig.scaleIndex * e.scale + ')' // 应用缩放效果
|
||||||
|
})
|
||||||
|
// 监听doubletap手势，双击重置缩放和位置
|
||||||
|
// hand.on('doubletap', () => {
|
||||||
|
// x = 0;
|
||||||
|
// y = 0;
|
||||||
|
// imgConfig.scaleCount = 1; // 重置缩放比例为1
|
||||||
|
// _node.style.transform = 'translateX(0px) translateY(0px) scale(1)'; // 重置位置和缩放效果
|
||||||
|
// });
|
||||||
|
// 监听tap手势，单击
|
||||||
|
hand.on('tap', () => {
|
||||||
|
setTimeout(() => {
|
||||||
|
emits('update:modelValue', false)
|
||||||
|
}, 50)
|
||||||
|
})
|
||||||
|
|
||||||
|
// 监听pan手势，用于实现拖动功能
|
||||||
|
hand.on('panright panleft panup pandown', (e: anyObj) => {
|
||||||
|
_node.style.transform =
|
||||||
|
'translateX(' +
|
||||||
|
(e.deltaX + x) +
|
||||||
|
'px)' +
|
||||||
|
'translateY(' +
|
||||||
|
(e.deltaY + y) +
|
||||||
|
'px)' +
|
||||||
|
'scale(' +
|
||||||
|
imgConfig.scaleCount * e.scale +
|
||||||
|
')' // 应用拖动和缩放效果
|
||||||
|
})
|
||||||
|
|
||||||
|
// 监听panend手势，用于记录拖动的偏移量，以便在下一次拖动时保持连续性
|
||||||
|
hand.on('panend', (e: anyObj) => {
|
||||||
|
x = e.deltaX + x // 记录水平方向上的偏移量
|
||||||
|
y = e.deltaY + y // 记录垂直方向上的偏移量
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.modelValue,
|
||||||
|
show => {
|
||||||
|
if (show) {
|
||||||
|
init()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true },
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100vw 623px;
|
||||||
|
background-position: center;
|
||||||
|
.img-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
min-width: 300px;
|
||||||
|
min-height: 16.67vh;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
178
src/components/ItemPopover/index.vue
Normal file
178
src/components/ItemPopover/index.vue
Normal file
@ -0,0 +1,178 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import router from '@/router'
|
||||||
|
|
||||||
|
defineProps<{
|
||||||
|
data: anyObj
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const self = ref()
|
||||||
|
const hide = ref(false)
|
||||||
|
|
||||||
|
const defaultNote: anyObj = {
|
||||||
|
reward_coin: '数字权益，可用于兑换商城物品、奖学金等。',
|
||||||
|
reward_diamond: '冲关奖励，可用于兑换个性化皮肤、开启一些特权功能。',
|
||||||
|
reward_exp: '闯关及完成任务获得经验值。',
|
||||||
|
reward_activity: '达到对应活跃度可领取日常和周常任务奖励。',
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查看明细
|
||||||
|
async function showDetail() {
|
||||||
|
self.value.hide()
|
||||||
|
hide.value = true
|
||||||
|
router.push('/self-coin-detail')
|
||||||
|
}
|
||||||
|
|
||||||
|
function onHide() {
|
||||||
|
hide.value = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<el-popover
|
||||||
|
ref="self"
|
||||||
|
v-bind="$attrs"
|
||||||
|
:popper-class="{
|
||||||
|
'item-popover': true,
|
||||||
|
hide: hide,
|
||||||
|
}"
|
||||||
|
trigger="hover"
|
||||||
|
:show-arrow="false"
|
||||||
|
@hide="onHide"
|
||||||
|
>
|
||||||
|
<div class="main">
|
||||||
|
<div class="info">
|
||||||
|
<div class="info-img">
|
||||||
|
<Icon v-if="data?.iconName" :name="data?.iconName" size="160" />
|
||||||
|
<img v-else :src="data?.rewardResourceUrl" />
|
||||||
|
<span
|
||||||
|
v-if="data?.count > 1"
|
||||||
|
:data-content="data?.count"
|
||||||
|
class="info-img-count px-count"
|
||||||
|
>{{ data?.count }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="info-right">
|
||||||
|
<div class="name">
|
||||||
|
<span>{{ data?.rewardName }}</span>
|
||||||
|
<span v-if="data?.rewardName === '乐贝'" class="detail" @click.stop="showDetail"
|
||||||
|
>明细</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="count">已拥有：{{ data?.personalCount }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="desc">
|
||||||
|
{{ data?.note || defaultNote[data?.iconName] || '' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<template #reference>
|
||||||
|
<slot></slot>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
<style lang="scss">
|
||||||
|
.item-popover {
|
||||||
|
width: 480px !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
background: transparent !important;
|
||||||
|
border: none !important;
|
||||||
|
|
||||||
|
&.hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
background-color: #fff;
|
||||||
|
right: -496px;
|
||||||
|
width: 480px;
|
||||||
|
height: 26vh;
|
||||||
|
border-radius: 2.5vh;
|
||||||
|
border: 0.33vh solid $font-color;
|
||||||
|
padding: $space-2;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.info {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 1.33vh;
|
||||||
|
|
||||||
|
.info-img {
|
||||||
|
position: relative;
|
||||||
|
width: 160px;
|
||||||
|
height: 13.33vh;
|
||||||
|
margin-right: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
border: 0.5vh solid #fff;
|
||||||
|
border-radius: 2.67vh;
|
||||||
|
box-shadow: 0 0.5vh 0.5vh 0 rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.info-right {
|
||||||
|
width: calc(100% - 176px);
|
||||||
|
}
|
||||||
|
.px-count {
|
||||||
|
@include font-stroke;
|
||||||
|
}
|
||||||
|
.info-img-count {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 6px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: right;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 2vh;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.name {
|
||||||
|
width: 100%;
|
||||||
|
color: $font-color;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 3.33vh;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin-bottom: 1.33vh;
|
||||||
|
@include single_ellipsis;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.detail {
|
||||||
|
font-family: $font-text;
|
||||||
|
font-size: 2.5vh;
|
||||||
|
cursor: pointer;
|
||||||
|
color: skyblue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.count {
|
||||||
|
width: 100%;
|
||||||
|
color: #666;
|
||||||
|
font-family: 'Alibaba Health Font 2.0 CN';
|
||||||
|
font-size: 2.33vh;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 3.5vh; /* 150% */
|
||||||
|
padding-bottom: 1.33vh;
|
||||||
|
border-bottom: 0.25vh dashed #ccc;
|
||||||
|
@include single_ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
width: 100%;
|
||||||
|
color: $font-color;
|
||||||
|
font-family: 'Alibaba Health Font 2.0 CN';
|
||||||
|
font-size: 2.67vh;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 4vh; /* 150% */
|
||||||
|
@include multiple_ellipsis(2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
65
src/components/LazyLoad.vue
Normal file
65
src/components/LazyLoad.vue
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div ref="$container" class="image_wrapper">
|
||||||
|
<template v-if="props.src">
|
||||||
|
<div v-show="loading" class="placeholder"></div>
|
||||||
|
<img
|
||||||
|
v-show="!loading"
|
||||||
|
lazy-load
|
||||||
|
:src="props.src"
|
||||||
|
:style="{
|
||||||
|
cursor: props.src ? 'pointer' : 'default',
|
||||||
|
}"
|
||||||
|
@load="completed"
|
||||||
|
@click="tapEnlargePic"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
const props = defineProps<{
|
||||||
|
src: string | null
|
||||||
|
}>()
|
||||||
|
const emit = defineEmits(['onTapEnlargeImg'])
|
||||||
|
const loading = ref(true)
|
||||||
|
|
||||||
|
const $container = ref()
|
||||||
|
function completed(event: any) {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 放大图片
|
||||||
|
function tapEnlargePic() {
|
||||||
|
if (props.src) {
|
||||||
|
emit('onTapEnlargeImg', props.src)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
watch(
|
||||||
|
() => props.src,
|
||||||
|
() => {
|
||||||
|
loading.value = true
|
||||||
|
},
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.image_wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-radius: 1.67vh;
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.placeholder {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba($color: #fff, $alpha: 0.6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
74
src/components/LineFont/index.vue
Normal file
74
src/components/LineFont/index.vue
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { $font_color } from '@/styles/variate'
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
text: string | number
|
||||||
|
size?: number | string
|
||||||
|
reverse?: boolean // 颜色反转
|
||||||
|
offset?: string | number // 外边偏移
|
||||||
|
border?: string | number
|
||||||
|
color?: string
|
||||||
|
borderColor?: string
|
||||||
|
space?: string | number // 间距
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
text: '',
|
||||||
|
size: 48,
|
||||||
|
reverse: false,
|
||||||
|
offset: 0,
|
||||||
|
border: 8,
|
||||||
|
color: '#fff',
|
||||||
|
borderColor: $font_color,
|
||||||
|
space: 0,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const _size = computed(() => px2vh(props.size))
|
||||||
|
const _offset = computed(() => `-${px2vh(props.offset)}`)
|
||||||
|
const _border = computed(() => px2vh(props.border))
|
||||||
|
const _space = computed(() => px2vh(props.space))
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<span
|
||||||
|
v-if="text"
|
||||||
|
:class="{
|
||||||
|
'x-line-font': true,
|
||||||
|
'title-outline': true,
|
||||||
|
'is-reverse': reverse,
|
||||||
|
}"
|
||||||
|
:data-text="text"
|
||||||
|
>
|
||||||
|
{{ text }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.title-outline {
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: v-bind(_size);
|
||||||
|
line-height: 1.5em;
|
||||||
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
|
color: v-bind(color);
|
||||||
|
text-shadow: 0 0.5vh 0.5vh rgba(0, 0, 0, 0.2);
|
||||||
|
letter-spacing: v-bind(_space);
|
||||||
|
&::after {
|
||||||
|
content: attr(data-text);
|
||||||
|
-webkit-text-stroke: v-bind(_border) v-bind(borderColor);
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: v-bind(_offset);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-reverse {
|
||||||
|
color: $font-color;
|
||||||
|
&::after {
|
||||||
|
-webkit-text-stroke-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
85
src/components/PostLoad/index.vue
Normal file
85
src/components/PostLoad/index.vue
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { userStore } from '@/stores'
|
||||||
|
import { storeToRefs } from 'pinia'
|
||||||
|
withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: boolean
|
||||||
|
tip?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
modelValue: false,
|
||||||
|
tip: '正在统计成绩中',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['update:modelValue', 'ok'])
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const { userInfo } = storeToRefs(userStore())
|
||||||
|
|
||||||
|
function getLoading(type: number) {
|
||||||
|
return `${OSS_URL}/xuexiaole_clinet/learnWord/loading${type}.gif`
|
||||||
|
}
|
||||||
|
// function onOk() {
|
||||||
|
// emits('update:modelValue', false)
|
||||||
|
// }
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div v-if="modelValue" class="mask">
|
||||||
|
<img :src="(getLoading(userInfo.sex) as any) || 1" />
|
||||||
|
|
||||||
|
<div class="tip">
|
||||||
|
{{ tip }}
|
||||||
|
<div class="dot">.</div>
|
||||||
|
<div class="dot">.</div>
|
||||||
|
<div class="dot">.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
//
|
||||||
|
.mask {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1000;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #00000040;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 3.33vh;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 5vh;
|
||||||
|
text-align: center;
|
||||||
|
color: beige;
|
||||||
|
display: flex;
|
||||||
|
.dot {
|
||||||
|
&:nth-child(2) {
|
||||||
|
animation: loading 1s 0s linear infinite;
|
||||||
|
}
|
||||||
|
&:nth-child(3) {
|
||||||
|
animation: loading 1s 0.2s linear infinite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes loading {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(0px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
98
src/components/ProgressBar/index.vue
Normal file
98
src/components/ProgressBar/index.vue
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vw } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
type?: 'primary' | 'success' | 'error' | 'warning'
|
||||||
|
rate: number
|
||||||
|
height?: number | string
|
||||||
|
width?: number | string
|
||||||
|
bg?: string
|
||||||
|
border?: string
|
||||||
|
activeBg?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
rate: 0,
|
||||||
|
height: 30,
|
||||||
|
bg: '#cc8a33',
|
||||||
|
border: '#c08129',
|
||||||
|
activeBg: '#fffe36',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const colorConfig = {
|
||||||
|
primary: ['#2D39BC', '#6B73E5', '#90FCF7'],
|
||||||
|
success: ['#27A363', '#25BF6E', '#1FFF8A'],
|
||||||
|
error: ['#B22731', '#CB3741', '#FF3542'],
|
||||||
|
warning: ['#C08129', '#CC8A33', '#FFFE36'],
|
||||||
|
}
|
||||||
|
const _bg = computed(() => (props.type ? colorConfig[props.type][0] : props.bg))
|
||||||
|
const _border = computed(() => (props.type ? colorConfig[props.type][1] : props.border))
|
||||||
|
const _activeBg = computed(() => (props.type ? colorConfig[props.type][2] : props.activeBg))
|
||||||
|
|
||||||
|
// const roundRate = computed(() => Math.round(props.rate * 10));
|
||||||
|
const beforeBg = computed(() => (props.rate > 0 ? _activeBg.value : 'transparent'))
|
||||||
|
const active_width = computed(() => props.rate * 100 + '%')
|
||||||
|
const __width = computed(() => (props.width ? px2vw(props.width) : '100%'))
|
||||||
|
const _height = isNaN(Number(props.height)) ? props.height : px2vw(props.height)
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div :class="['progress-bar', 'px-progress-bar', rate >= 1 ? 'all' : null]">
|
||||||
|
<div v-for="i in 10" :key="i" :class="['progress-bar-item', 'px-item', 'item-' + i]"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.progress-bar {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: v-bind(__width);
|
||||||
|
height: v-bind(_height);
|
||||||
|
border-radius: v-bind(_height);
|
||||||
|
background: v-bind(_bg);
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
&.all {
|
||||||
|
background: v-bind(_activeBg);
|
||||||
|
}
|
||||||
|
&.px-progress-bar {
|
||||||
|
border: 0.25vh solid v-bind(_border);
|
||||||
|
position: relative;
|
||||||
|
// &::before {
|
||||||
|
// position: absolute;
|
||||||
|
// content: '';
|
||||||
|
// width: 10%;
|
||||||
|
// height: 100%;
|
||||||
|
|
||||||
|
// left: -5%;
|
||||||
|
// top: 0;
|
||||||
|
// background: v-bind(beforeBg);
|
||||||
|
// }
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: calc(v-bind(active_width) + 10px);
|
||||||
|
height: 100%;
|
||||||
|
border-radius: v-bind(_height) 0 0 v-bind(_height);
|
||||||
|
background: v-bind(beforeBg);
|
||||||
|
transform: skew(-45deg) translate(-15px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-item {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 10%;
|
||||||
|
transform: skew(-45deg);
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
|
&.px-item {
|
||||||
|
border-right: 0.42vh solid v-bind(_border);
|
||||||
|
}
|
||||||
|
&:last-child {
|
||||||
|
// width: 12%;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
// &.active {
|
||||||
|
// background: v-bind(activeBg);
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
133
src/components/RewardDia/index.vue
Normal file
133
src/components/RewardDia/index.vue
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { userStore } from '@/stores'
|
||||||
|
import { storeToRefs } from 'pinia'
|
||||||
|
withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: boolean
|
||||||
|
rewardList: anyObj[]
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
modelValue: false,
|
||||||
|
rewardList: () => [],
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['update:modelValue', 'ok'])
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
|
||||||
|
const { userInfo } = storeToRefs(userStore())
|
||||||
|
const typeToIcon = computed<anyObj>(() => ({
|
||||||
|
currency: {
|
||||||
|
iconName: 'reward_coin',
|
||||||
|
rewardName: '乐贝',
|
||||||
|
personalCount: userInfo.value.currency,
|
||||||
|
},
|
||||||
|
diamond: {
|
||||||
|
iconName: 'reward_diamond',
|
||||||
|
rewardName: '钻石',
|
||||||
|
personalCount: userInfo.value.diamond,
|
||||||
|
},
|
||||||
|
experience: {
|
||||||
|
iconName: 'reward_exp',
|
||||||
|
rewardName: '经验',
|
||||||
|
personalCount: userInfo.value.experience,
|
||||||
|
},
|
||||||
|
activeDegree: {
|
||||||
|
iconName: 'reward_activity',
|
||||||
|
rewardName: '活跃度',
|
||||||
|
personalCount: userInfo.value.dynamic,
|
||||||
|
},
|
||||||
|
}))
|
||||||
|
|
||||||
|
function onOk() {
|
||||||
|
emits('update:modelValue', false)
|
||||||
|
emits('ok')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div v-if="modelValue" class="mask">
|
||||||
|
<XAe ref="XAeRef" name="receive_reward" :frames="72" />
|
||||||
|
<div class="content">
|
||||||
|
<div class="reward-list">
|
||||||
|
<ItemPopover
|
||||||
|
v-for="(item, index) in rewardList"
|
||||||
|
:key="index"
|
||||||
|
:data="{
|
||||||
|
iconName: typeToIcon[item.rewardCode]?.iconName,
|
||||||
|
rewardName: typeToIcon[item.rewardCode]?.rewardName,
|
||||||
|
personalCount: typeToIcon[item.rewardCode]?.personalCount,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
:style="{
|
||||||
|
background: `url('${OSS_URL}/icon/task-${item.rewardCode}.svg') 100% / cover no-repeat`,
|
||||||
|
}"
|
||||||
|
class="reward-item"
|
||||||
|
>
|
||||||
|
{{ item.count }}
|
||||||
|
</div>
|
||||||
|
</ItemPopover>
|
||||||
|
</div>
|
||||||
|
<mj-button type="warn" class="button" width="386" @click="onOk">确认</mj-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
//
|
||||||
|
.mask {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1000;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #00000040;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
position: absolute;
|
||||||
|
top: 8.33vh;
|
||||||
|
width: 100%;
|
||||||
|
height: 70.58vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.reward-list {
|
||||||
|
width: 100%;
|
||||||
|
height: 18.33vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 0px;
|
||||||
|
height: 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.reward-item {
|
||||||
|
height: 16.67vh;
|
||||||
|
width: 16.67vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding-right: 10px;
|
||||||
|
font-family: $font-special;
|
||||||
|
font-size: 3.33vh;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 5vh;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:deep(.button) {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 8.33vh;
|
||||||
|
.x-button-text {
|
||||||
|
font-size: 4vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
243
src/components/Select/index.vue
Normal file
243
src/components/Select/index.vue
Normal file
@ -0,0 +1,243 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
// interface selectType {
|
||||||
|
// label: string
|
||||||
|
// value: string | number
|
||||||
|
// }
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: any
|
||||||
|
selectList: any
|
||||||
|
labelKey?: string
|
||||||
|
valueKey?: string
|
||||||
|
width?: any
|
||||||
|
height?: any
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
labelKey: 'label',
|
||||||
|
valueKey: 'value',
|
||||||
|
width: 264,
|
||||||
|
height: '5.33vh',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const emits = defineEmits(['update:modelValue', 'selectChange'])
|
||||||
|
const selectInstanceId = `select_${Math.random().toString(36).slice(2)}`
|
||||||
|
let widthUnit = 'px'
|
||||||
|
let widthValue = 0
|
||||||
|
if (typeof props.width === 'string') {
|
||||||
|
const tmpWidth = Number(props.width)
|
||||||
|
if (isNaN(tmpWidth)) {
|
||||||
|
// 字符串中有单位
|
||||||
|
widthUnit = props.width.slice(-2)
|
||||||
|
widthValue = Number(props.width.slice(0, -2))
|
||||||
|
} else {
|
||||||
|
// 字符串中没有单位
|
||||||
|
widthValue = tmpWidth
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
widthValue = props.width
|
||||||
|
}
|
||||||
|
let contentWidthS = ''
|
||||||
|
let listWidthS = ''
|
||||||
|
if (widthUnit === 'px') {
|
||||||
|
contentWidthS = px2vh(widthValue)
|
||||||
|
listWidthS = px2vh(widthValue - 12)
|
||||||
|
} else {
|
||||||
|
contentWidthS = widthValue + widthUnit
|
||||||
|
listWidthS = widthValue - 1 + widthUnit
|
||||||
|
}
|
||||||
|
|
||||||
|
const contentHeightS = props.height
|
||||||
|
|
||||||
|
const OSS_URL = `${import.meta.env.VITE_OSS_URL}`
|
||||||
|
const bg = `url(${OSS_URL}/icon/select.svg) 100% / contain no-repeat`
|
||||||
|
const bg2 = `url(${OSS_URL}/icon/check_mark.svg) 100% / contain no-repeat`
|
||||||
|
|
||||||
|
const showSelect = ref(false) // 是否显示下拉框
|
||||||
|
const activeSelect = ref({} as any)
|
||||||
|
const active = computed({
|
||||||
|
get() {
|
||||||
|
activeSelect.value =
|
||||||
|
props.selectList.find((i: any) => i[props.valueKey] === props.modelValue) || {}
|
||||||
|
return props.modelValue
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
emits('update:modelValue', val)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
watch(
|
||||||
|
() => props.selectList,
|
||||||
|
_nv => {
|
||||||
|
if (props.selectList && props.selectList[0] && !props.modelValue) {
|
||||||
|
// 默认激活列表中第一项
|
||||||
|
active.value = props.selectList[0][props.valueKey]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
function closeSelect() {
|
||||||
|
showSelect.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleGlobalSelectOpen = (event: Event) => {
|
||||||
|
const customEvent = event as CustomEvent<string>
|
||||||
|
if (customEvent.detail !== selectInstanceId) {
|
||||||
|
closeSelect()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleSelect() {
|
||||||
|
const nextState = !showSelect.value
|
||||||
|
if (nextState) {
|
||||||
|
window.dispatchEvent(new CustomEvent('xuexiaole-select-open', { detail: selectInstanceId }))
|
||||||
|
}
|
||||||
|
showSelect.value = nextState
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('xuexiaole-select-open', handleGlobalSelectOpen as EventListener)
|
||||||
|
})
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener('xuexiaole-select-open', handleGlobalSelectOpen as EventListener)
|
||||||
|
})
|
||||||
|
|
||||||
|
const selectChange = (item: any) => {
|
||||||
|
if (active.value === item[props.valueKey]) return
|
||||||
|
activeSelect.value = item
|
||||||
|
closeSelect()
|
||||||
|
active.value = item[props.valueKey]
|
||||||
|
emits('selectChange', activeSelect.value)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div :class="['select-box', { open: showSelect }]">
|
||||||
|
<div class="content" @click="toggleSelect">
|
||||||
|
<span>{{ activeSelect[labelKey] }}</span
|
||||||
|
><span
|
||||||
|
:class="{ icon: true, iconActive: showSelect }"
|
||||||
|
:style="{
|
||||||
|
background: bg,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div v-show="showSelect" class="selectList">
|
||||||
|
<div class="selectList-box hidden_scroll">
|
||||||
|
<div
|
||||||
|
v-for="item in selectList"
|
||||||
|
:key="item[valueKey]"
|
||||||
|
:class="{ 'select-item': true, active: item[valueKey] === active }"
|
||||||
|
@click="selectChange(item)"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
{{ item[labelKey] }}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-show="item[valueKey] === active"
|
||||||
|
class="icon"
|
||||||
|
:style="{
|
||||||
|
background: bg2,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-show="showSelect" class="mask" @click="closeSelect"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
//
|
||||||
|
.select-box {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
font-family: $font-text;
|
||||||
|
font-size: 2.33vh;
|
||||||
|
color: #ffffffd9;
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
z-index: 1100;
|
||||||
|
}
|
||||||
|
|
||||||
|
line-height: 4vh;
|
||||||
|
.content {
|
||||||
|
background: #00000099;
|
||||||
|
width: v-bind(contentWidthS);
|
||||||
|
height: v-bind(contentHeightS);
|
||||||
|
border-radius: 1.67vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
span {
|
||||||
|
@include single_ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
transition: all 0.3s;
|
||||||
|
height: 2.33vh;
|
||||||
|
width: 2.92vh;
|
||||||
|
}
|
||||||
|
.iconActive {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.selectList {
|
||||||
|
width: v-bind(contentWidthS);
|
||||||
|
max-height: 24.67vh;
|
||||||
|
background: #4f5458;
|
||||||
|
margin-top: 0.83vh;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1101;
|
||||||
|
border-radius: 1.67vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0.42vh;
|
||||||
|
border: 1px solid #5f676d;
|
||||||
|
}
|
||||||
|
.selectList-box {
|
||||||
|
width: v-bind(listWidthS);
|
||||||
|
max-height: 23.83vh;
|
||||||
|
overflow: scroll;
|
||||||
|
padding: 1.25vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.select-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #ccd4d4;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.42vh 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 2.33vh;
|
||||||
|
.icon {
|
||||||
|
width: 32px;
|
||||||
|
height: 2.67vh;
|
||||||
|
// background-size: contain;
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mask {
|
||||||
|
position: absolute;
|
||||||
|
height: 200vh;
|
||||||
|
width: 200vw;
|
||||||
|
z-index: 1100;
|
||||||
|
left: -100vw;
|
||||||
|
top: -100vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
81
src/components/SelectTab/index.vue
Normal file
81
src/components/SelectTab/index.vue
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
modelValue: string | number
|
||||||
|
dataList: any
|
||||||
|
format?: {
|
||||||
|
label: string
|
||||||
|
value: string
|
||||||
|
}
|
||||||
|
round?: boolean
|
||||||
|
type?: 'normal' | 'small'
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
dataList: () => [{ label: '', value: '' }],
|
||||||
|
round: false,
|
||||||
|
type: 'normal',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const emits = defineEmits(['change', 'update:modelValue'])
|
||||||
|
const formatValue = computed(() => (props.format ? props.format.value : 'value'))
|
||||||
|
const handleSelect = (item: any) => {
|
||||||
|
if (props.modelValue === item[formatValue.value]) return
|
||||||
|
emits('update:modelValue', item[formatValue.value])
|
||||||
|
emits('change', item)
|
||||||
|
}
|
||||||
|
|
||||||
|
const borderRadius = computed(() => px2vh(props.round ? 60 : 20))
|
||||||
|
const itemBorderRadius = computed(() => px2vh(props.round ? 52 : 16))
|
||||||
|
const itemWidth = computed(() => (props.type === 'small' ? 'max-content' : px2vh(387)))
|
||||||
|
const itemSize = computed(() => px2vh(props.type === 'small' ? 28 : 32))
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="select-list">
|
||||||
|
<div
|
||||||
|
v-for="item in dataList"
|
||||||
|
:key="item.value"
|
||||||
|
:class="{
|
||||||
|
'data-item': true,
|
||||||
|
active: props.modelValue === item[formatValue],
|
||||||
|
}"
|
||||||
|
@click="handleSelect(item)"
|
||||||
|
>
|
||||||
|
{{ item[format ? format.label : 'label'] }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.select-list {
|
||||||
|
height: 5vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.33vh;
|
||||||
|
border-radius: v-bind(borderRadius);
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
backdrop-filter: blur(3px);
|
||||||
|
.data-item {
|
||||||
|
cursor: pointer;
|
||||||
|
font-family: $font-text;
|
||||||
|
font-size: v-bind(itemSize);
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 4.17vh;
|
||||||
|
height: 4.33vh;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 16px;
|
||||||
|
width: v-bind(itemWidth);
|
||||||
|
border-radius: v-bind(itemBorderRadius);
|
||||||
|
color: rgba(255, 255, 255, 0.65);
|
||||||
|
box-sizing: border-box;
|
||||||
|
&.active {
|
||||||
|
background: linear-gradient(249deg, #4de798 26.9%, #a2fb6e 79.86%);
|
||||||
|
backdrop-filter: blur(3px);
|
||||||
|
color: $font-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
108
src/components/ShowLottie/ShowLottie.vue
Normal file
108
src/components/ShowLottie/ShowLottie.vue
Normal file
@ -0,0 +1,108 @@
|
|||||||
|
<template>
|
||||||
|
<div :style="{ width, height }" class="lottie__container">
|
||||||
|
<div
|
||||||
|
ref="lottieRef"
|
||||||
|
class="canvasId"
|
||||||
|
canvas-id="canvasId"
|
||||||
|
type="2d"
|
||||||
|
style="width: 100%; height: 100%"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts" scoped>
|
||||||
|
import { onMounted, ref, watch } from 'vue'
|
||||||
|
import lottie from 'lottie-web'
|
||||||
|
import type { LottieEvent } from '@/components/ShowLottie/type'
|
||||||
|
import { onUnmounted } from 'vue'
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
isPlay?: boolean
|
||||||
|
delay?: number
|
||||||
|
width?: string
|
||||||
|
height?: string
|
||||||
|
renderer?: 'svg' | 'canvas' | 'html'
|
||||||
|
name?: string
|
||||||
|
autoplay?: boolean
|
||||||
|
loop?: boolean
|
||||||
|
rendererSettings?: {
|
||||||
|
preserveAspectRatio?: string
|
||||||
|
}
|
||||||
|
urlName2?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
delay: 0,
|
||||||
|
renderer: 'svg',
|
||||||
|
loop: true,
|
||||||
|
autoplay: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
// 创建事件返回初始化lottie对象
|
||||||
|
const emits = defineEmits<{
|
||||||
|
(e: 'getAnimation', value: LottieEvent): void
|
||||||
|
(e: 'getDom', value: Element): void
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
|
||||||
|
const animation = ref<LottieEvent>()
|
||||||
|
const lottieRef = ref()
|
||||||
|
const getJSON = (name: string | any) => {
|
||||||
|
return `${OSS_URL}/xuexiaole_clinet/lottieJSON/${name}.json` // 文件路径
|
||||||
|
}
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
// lottie.loadAnimation
|
||||||
|
if (lottieRef.value) {
|
||||||
|
const config = {
|
||||||
|
container: lottieRef.value, // the dom element that will contain the animation
|
||||||
|
renderer: props.renderer,
|
||||||
|
loop: props.loop,
|
||||||
|
autoplay: false,
|
||||||
|
path: getJSON(props.name), // the path to the animation json
|
||||||
|
}
|
||||||
|
if (props.rendererSettings) {
|
||||||
|
config.rendererSettings = props.rendererSettings
|
||||||
|
}
|
||||||
|
animation.value = lottie.loadAnimation(config)
|
||||||
|
if (props.autoplay) {
|
||||||
|
setTimeout(() => {
|
||||||
|
animation.value?.play()
|
||||||
|
}, props.delay)
|
||||||
|
}
|
||||||
|
emits('getAnimation', animation.value)
|
||||||
|
emits('getDom', lottieRef.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
animation,
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
init()
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
animation.value?.destroy()
|
||||||
|
})
|
||||||
|
watch(
|
||||||
|
() => props.isPlay,
|
||||||
|
() => {
|
||||||
|
if (props.isPlay && lottieRef.value) {
|
||||||
|
setTimeout(() => {
|
||||||
|
animation.value!.play()
|
||||||
|
}, props.delay)
|
||||||
|
} else if (!props.isPlay && lottieRef.value) {
|
||||||
|
// console.log('props.isPlay',props.isPlay)
|
||||||
|
animation.value!.stop()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ deep: true, immediate: true },
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.lottie__container {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
15
src/components/ShowLottie/type.ts
Normal file
15
src/components/ShowLottie/type.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
type Segment = [number, number]
|
||||||
|
|
||||||
|
export interface LottieEvent {
|
||||||
|
play: () => void // 播放
|
||||||
|
stop: () => void // 停止
|
||||||
|
setSpeed: (speed: number) => void // 设置播放速度（speed: 1表示正常速度）
|
||||||
|
setDirection: (direction: 1 | -1) => void // 设置播放方向（direction：1 表示正向，-1 表示反向）
|
||||||
|
goToAndStop: (value: number, isFrame?: boolean) => void // 跳到某个时刻/帧并停止（value：数值；isFrame：定义第一个参数是基于时间的值还是基于帧的值（默认为 false））
|
||||||
|
goToAndPlay: (value: number, isFrame?: boolean) => void // 跳到某个时刻/帧并播放（value：数值；isFrame：定义第一个参数是基于时间的值还是基于帧的值（默认为 false））
|
||||||
|
playSegments: (segments: Segment | Segment[], forceFlag?: boolean) => void // 播放片段（segments：数组。可以包含 2 个数值，这些数值将用作动画的第一帧和最后一帧。或者可以包含一系列数组，每个数组具有 2 个数值；forceFlag：布尔。如果设置为 false，它将等待当前段完成。如果为 true，它将立即更新值。）
|
||||||
|
destroy: () => void // 销毁
|
||||||
|
getDuration: (inFrames: boolean) => void // 获取动画一个周期时间（inFrames：如果为 true，则以帧为单位返回持续时间，如果为 false，则以秒为单位。）
|
||||||
|
|
||||||
|
[propname: string]: any
|
||||||
|
}
|
||||||
161
src/components/Sidebar/index.vue
Normal file
161
src/components/Sidebar/index.vue
Normal file
@ -0,0 +1,161 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { px2vh } from '@/utils'
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
modelValue: string | number
|
||||||
|
config: any[]
|
||||||
|
prop?: { id?: any; name?: string }
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue', 'handleChange'])
|
||||||
|
|
||||||
|
function handleSelectClass(i: Record<string, string>) {
|
||||||
|
if (props.modelValue !== i[props.prop?.id || 'id']) {
|
||||||
|
emit('update:modelValue', i[props.prop?.id || 'id'])
|
||||||
|
emit('handleChange', i)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
// const bgUrl = computed(() => {
|
||||||
|
// return (isActive: boolean) => {
|
||||||
|
// if (isActive) {
|
||||||
|
// return ``;
|
||||||
|
// } else {
|
||||||
|
// return ``;
|
||||||
|
// }
|
||||||
|
// };
|
||||||
|
// });
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="sidebar-box hidden_scroll">
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- viewBox="0 0 4 100%" -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="px-svg">
|
||||||
|
<path
|
||||||
|
class="px-path"
|
||||||
|
d="M2 55V1000000"
|
||||||
|
stroke="white"
|
||||||
|
stroke-opacity="0.45"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-dasharray="16 16"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<div class="list">
|
||||||
|
<div
|
||||||
|
v-for="i in config"
|
||||||
|
:key="i[prop?.id || 'id']"
|
||||||
|
:class="{ 'sidebar-item': true, active: modelValue === i[prop?.id || 'id'] }"
|
||||||
|
:style="{
|
||||||
|
'font-size': px2vh(32 + (7 - i[prop?.name || 'name'].length) * 3),
|
||||||
|
}"
|
||||||
|
@click="handleSelectClass(i)"
|
||||||
|
>
|
||||||
|
{{ i[prop?.name || 'name'] }}
|
||||||
|
<Icon v-if="i.warning" name="warning" width="30" height="30" class="warning_icon"></Icon>
|
||||||
|
<div v-if="modelValue === i[prop?.id || 'id']" class="active_bg">
|
||||||
|
<img :src="`${OSS_URL}/urm/sidebar_item_active.png`" />
|
||||||
|
</div>
|
||||||
|
<div v-else class="bg">
|
||||||
|
<img :src="`${OSS_URL}/urm/sidebar_item.svg`" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.sidebar-box {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.sidebar {
|
||||||
|
position: relative;
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
left: 15.83%;
|
||||||
|
z-index: 0;
|
||||||
|
height: calc(100% - 3.33vh);
|
||||||
|
// viewbox: 0 0 4 100%;
|
||||||
|
}
|
||||||
|
.px-svg {
|
||||||
|
width: 1.67%;
|
||||||
|
.px-path {
|
||||||
|
stroke-width: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
&-item {
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
height: 9.17vh;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0.33vh 0.17vh rgba(0, 0, 0, 0.25);
|
||||||
|
font-family: $font-special;
|
||||||
|
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 5vh;
|
||||||
|
padding: 2.08vh 0 2.08vh 30%;
|
||||||
|
margin-bottom: 6vh;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active_bg {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
height: 9.17vh;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -1;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: fill;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bg {
|
||||||
|
position: absolute;
|
||||||
|
// width: 40px;
|
||||||
|
width: 16.67%;
|
||||||
|
height: 3.33vh;
|
||||||
|
top: 2.92vh;
|
||||||
|
// left: 20px;
|
||||||
|
left: 8.33%;
|
||||||
|
z-index: -1;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: fill;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
background-position: top left;
|
||||||
|
background-size: 100% 110px;
|
||||||
|
padding: 3.17vh 12px 1vh;
|
||||||
|
color: $font-color;
|
||||||
|
text-shadow: none;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
width: 20vh;
|
||||||
|
// min-width: 17.83vh;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.warning_icon {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 1.67vh;
|
||||||
|
height: 2.67vh !important;
|
||||||
|
width: 2.67vh !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
211
src/components/SignaturePad/index.vue
Normal file
211
src/components/SignaturePad/index.vue
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import SignaturePad from 'signature_pad'
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
bg?: string
|
||||||
|
pen?: string
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
bg: '#F8FAF9',
|
||||||
|
pen: 'black',
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
const canvasPanelRef = ref()
|
||||||
|
const canvasRef = ref()
|
||||||
|
let signaturePad: any = null
|
||||||
|
let hasBackground = false
|
||||||
|
let backgroundSrc: string | null = null
|
||||||
|
let paintTaskId = 0
|
||||||
|
|
||||||
|
function fillCanvasBackground() {
|
||||||
|
if (!canvasRef.value) return
|
||||||
|
const canvas = canvasRef.value as HTMLCanvasElement
|
||||||
|
const ctx = canvas.getContext('2d')
|
||||||
|
if (!ctx) return
|
||||||
|
ctx.clearRect(0, 0, canvas.width, canvas.height)
|
||||||
|
ctx.fillStyle = props.bg
|
||||||
|
ctx.fillRect(0, 0, canvas.width, canvas.height)
|
||||||
|
}
|
||||||
|
|
||||||
|
async function drawBackground(src: string, taskId = paintTaskId) {
|
||||||
|
if (!canvasRef.value || !src) return
|
||||||
|
const canvas = canvasRef.value as HTMLCanvasElement
|
||||||
|
const ctx = canvas.getContext('2d')
|
||||||
|
if (!ctx) return
|
||||||
|
|
||||||
|
const draw = async (imgSrc: string) => {
|
||||||
|
const img = new Image()
|
||||||
|
img.src = imgSrc
|
||||||
|
await new Promise<void>((resolve, reject) => {
|
||||||
|
img.onload = () => resolve()
|
||||||
|
img.onerror = () => reject(new Error('Image load error'))
|
||||||
|
})
|
||||||
|
if (taskId !== paintTaskId) return
|
||||||
|
const sw = img.naturalWidth || img.width
|
||||||
|
const sh = img.naturalHeight || img.height
|
||||||
|
const cw = canvas.width
|
||||||
|
const ch = canvas.height
|
||||||
|
const scale = Math.min(1, cw / sw, ch / sh)
|
||||||
|
const dw = sw * scale
|
||||||
|
const dh = sh * scale
|
||||||
|
const dx = (cw - dw) / 2
|
||||||
|
const dy = (ch - dh) / 2
|
||||||
|
ctx.drawImage(img, dx, dy, dw, dh)
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await draw(src)
|
||||||
|
} catch {
|
||||||
|
try {
|
||||||
|
const res = await fetch(src)
|
||||||
|
const blob = await res.blob()
|
||||||
|
const reader = new FileReader()
|
||||||
|
await new Promise<void>(resolve => {
|
||||||
|
reader.onload = () => resolve()
|
||||||
|
reader.readAsDataURL(blob)
|
||||||
|
})
|
||||||
|
await draw(String(reader.result || ''))
|
||||||
|
} catch {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function repaintWith(pointGroups?: any[]) {
|
||||||
|
if (!signaturePad) return
|
||||||
|
const taskId = ++paintTaskId
|
||||||
|
signaturePad.clear()
|
||||||
|
if (backgroundSrc) {
|
||||||
|
await drawBackground(backgroundSrc, taskId)
|
||||||
|
}
|
||||||
|
if (taskId !== paintTaskId) return
|
||||||
|
if (pointGroups?.length) {
|
||||||
|
signaturePad.fromData(pointGroups, backgroundSrc ? { clear: false } : undefined)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleSave() {
|
||||||
|
if (signaturePad.isEmpty() && !hasBackground) {
|
||||||
|
return { url: null, blob: null }
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
url: signaturePad.toDataURL('image/jpeg', 0.85),
|
||||||
|
data: JSON.stringify(signaturePad.toData()),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleSaveAsync(): Promise<{ blob: Blob | null; data: string | null }> {
|
||||||
|
return new Promise(resolve => {
|
||||||
|
if (signaturePad.isEmpty() && !hasBackground) {
|
||||||
|
resolve({ blob: null, data: null })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const canvas = canvasRef.value as HTMLCanvasElement
|
||||||
|
const pointData = JSON.stringify(signaturePad.toData())
|
||||||
|
canvas.toBlob(blob => resolve({ blob, data: pointData }), 'image/jpeg', 0.85)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async function setBackgroundImage(url: string) {
|
||||||
|
if (!canvasRef.value || !url || !signaturePad) return
|
||||||
|
const data = signaturePad.toData()
|
||||||
|
const taskId = ++paintTaskId
|
||||||
|
signaturePad.clear()
|
||||||
|
backgroundSrc = url
|
||||||
|
await drawBackground(url, taskId)
|
||||||
|
if (taskId !== paintTaskId) return
|
||||||
|
if (data?.length) signaturePad.fromData(data, { clear: false })
|
||||||
|
hasBackground = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleRepaint(data?: string) {
|
||||||
|
if (!signaturePad) return
|
||||||
|
if (!data) {
|
||||||
|
repaintWith().then(() => {})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
repaintWith(JSON.parse(data)).then(() => {})
|
||||||
|
} catch {
|
||||||
|
repaintWith().then(() => {})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleLoad(data?: string) {
|
||||||
|
if (!signaturePad || !data) return
|
||||||
|
try {
|
||||||
|
repaintWith(JSON.parse(data)).then(() => {})
|
||||||
|
} catch {
|
||||||
|
repaintWith().then(() => {})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleFallback() {
|
||||||
|
if (!signaturePad) return
|
||||||
|
const data = signaturePad.toData()
|
||||||
|
data.pop()
|
||||||
|
repaintWith(data).then(() => {})
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClear() {
|
||||||
|
if (!signaturePad) return
|
||||||
|
paintTaskId++
|
||||||
|
backgroundSrc = null
|
||||||
|
hasBackground = false
|
||||||
|
signaturePad.clear()
|
||||||
|
fillCanvasBackground()
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleEraser() {
|
||||||
|
signaturePad.penColor = props.bg
|
||||||
|
signaturePad.minWidth = 50
|
||||||
|
signaturePad.maxWidth = 50
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlePen() {
|
||||||
|
signaturePad.penColor = props.pen
|
||||||
|
signaturePad.minWidth = 0.5
|
||||||
|
signaturePad.maxWidth = 2.5
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if (canvasRef.value) {
|
||||||
|
canvasRef.value.width = canvasPanelRef.value.clientWidth
|
||||||
|
canvasRef.value.height = canvasPanelRef.value.clientHeight
|
||||||
|
signaturePad = new SignaturePad(canvasRef.value, {
|
||||||
|
backgroundColor: props.bg,
|
||||||
|
throttle: 0,
|
||||||
|
})
|
||||||
|
fillCanvasBackground()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
handleSave,
|
||||||
|
handleSaveAsync,
|
||||||
|
handleRepaint,
|
||||||
|
handleLoad,
|
||||||
|
handleFallback,
|
||||||
|
handleClear,
|
||||||
|
handlePen,
|
||||||
|
handleEraser,
|
||||||
|
setBackgroundImage,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="signature-pad">
|
||||||
|
<div ref="canvasPanelRef" class="canvas-panel">
|
||||||
|
<canvas ref="canvasRef" width="300" height="200"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.signature-pad {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
.canvas-panel {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
95
src/components/SimpleTable/index.vue
Normal file
95
src/components/SimpleTable/index.vue
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps<{
|
||||||
|
hideHead: boolean
|
||||||
|
columns: anyObj[]
|
||||||
|
tableData: anyObj[]
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue', 'handleChange'])
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr class="table-head" :style="{ display: hideHead ? 'none' : 'table-row' }">
|
||||||
|
<th v-for="(item, index) in columns" :key="index">
|
||||||
|
{{ item.label }}
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr v-for="(i, index) in tableData" :key="index" class="table-row">
|
||||||
|
<td v-for="(c, index) in columns" :key="index">
|
||||||
|
<div v-if="c.prop === 'value'" class="content">
|
||||||
|
<!-- <img
|
||||||
|
v-if="i.abbr"
|
||||||
|
class="img-Speech"
|
||||||
|
:src="`${OSS_URL}/icon/part_${i.abbr[i.abbr.length - 1] === '.' ? i.abbr.slice(0, i.abbr.length - 1) : i.abbr}.svg`"
|
||||||
|
alt=""
|
||||||
|
/> -->
|
||||||
|
<AbbrImg height="50" :abbr="i.abbr"></AbbrImg>
|
||||||
|
|
||||||
|
{{ i[c.prop] }}
|
||||||
|
</div>
|
||||||
|
<span v-else>
|
||||||
|
{{ i[c.prop] }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</template>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
* {
|
||||||
|
box-sizing: content-box !important;
|
||||||
|
}
|
||||||
|
.table {
|
||||||
|
font-size: 1.17vh;
|
||||||
|
line-height: 1.1;
|
||||||
|
width: 100%;
|
||||||
|
color: #6a3906;
|
||||||
|
&-head {
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 0.67vh;
|
||||||
|
th {
|
||||||
|
width: 100px;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0.83vh 16px;
|
||||||
|
&:first-child {
|
||||||
|
border-radius: 0.67vh 0 0 0.67vh;
|
||||||
|
}
|
||||||
|
&:last-child {
|
||||||
|
border-radius: 0 0.67vh 0.67vh 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-row {
|
||||||
|
&:last-child {
|
||||||
|
td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
height: 4.67vh;
|
||||||
|
padding: 0.83vh 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 0.08vh solid #d9d163;
|
||||||
|
border-right: 0.08vh solid #d9d163;
|
||||||
|
&:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .img-Speech {
|
||||||
|
// width: auto;
|
||||||
|
// height: 50px;
|
||||||
|
// margin-right: 4px;
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
22
src/components/Table/column/index.vue
Normal file
22
src/components/Table/column/index.vue
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import { defineComponent, createVNode, reactive } from 'vue'
|
||||||
|
import { ElTableColumn } from 'element-plus'
|
||||||
|
import { uuid } from '@/utils/random'
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
name: 'Column',
|
||||||
|
props: {
|
||||||
|
attr: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
setup(props, { slots }) {
|
||||||
|
const attr = reactive(props.attr)
|
||||||
|
attr['column-key'] = attr['column-key'] ? attr['column-key'] : attr.prop || uuid()
|
||||||
|
return () => {
|
||||||
|
return createVNode(ElTableColumn, attr, slots.default)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
229
src/components/Table/index.vue
Normal file
229
src/components/Table/index.vue
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import type { ElTable } from 'element-plus'
|
||||||
|
// import { ref, nextTick, inject, computed } from 'vue'
|
||||||
|
// import Column from '/@/components/table/column/index.vue'
|
||||||
|
// import FieldRender from '/@/components/table/fieldRender/index.vue'
|
||||||
|
// import { useConfig } from '/@/stores/config'
|
||||||
|
import type { XbTableClass } from '@/utils/xbTable'
|
||||||
|
const props = withDefaults(defineProps<Props>(), {
|
||||||
|
pagination: true,
|
||||||
|
class: 'xb-table',
|
||||||
|
})
|
||||||
|
|
||||||
|
defineOptions({ inheritAttrs: false })
|
||||||
|
|
||||||
|
interface Props extends /* @vue-ignore */ Partial<InstanceType<typeof ElTable>> {
|
||||||
|
pagination?: boolean
|
||||||
|
class?: string
|
||||||
|
}
|
||||||
|
const tableBox = ref()
|
||||||
|
const pageBox = ref()
|
||||||
|
const tableRef = ref<InstanceType<typeof ElTable>>()
|
||||||
|
const xbTable = inject('xbTable') as XbTableClass
|
||||||
|
|
||||||
|
// const onSortChange = ({ order, prop }: { order: string; prop: string }) => {
|
||||||
|
// xbTable.onTableAction('sort-change', { prop: prop, order: order ? (order == 'ascending' ? 'asc' : 'desc') : '' })
|
||||||
|
// }
|
||||||
|
|
||||||
|
function onTableSelect(selection: anyObj[], row: anyObj) {
|
||||||
|
xbTable.table.selection = selection
|
||||||
|
// xbTable.onTableAction('onTableSelect', {
|
||||||
|
// selection,
|
||||||
|
// row,
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
function onTableSelectAll(selection: anyObj[]) {
|
||||||
|
xbTable.table.selection = selection
|
||||||
|
// xbTable.onTableAction('onTableSelectAll', {
|
||||||
|
// selection,
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
function onTableSizeChange(val: number) {
|
||||||
|
xbTable.onTableAction('handlePageSize', { size: val })
|
||||||
|
}
|
||||||
|
|
||||||
|
function onTableCurrentChange(val: number) {
|
||||||
|
xbTable.onTableAction('handlePageCurrent', { current: val })
|
||||||
|
}
|
||||||
|
function onTableSortChange(val: {
|
||||||
|
column: any
|
||||||
|
prop: string
|
||||||
|
order: 'ascending' | 'descending' | null
|
||||||
|
}) {
|
||||||
|
xbTable.onTableAction('sortChange', { type: val.order })
|
||||||
|
}
|
||||||
|
|
||||||
|
const getRef = () => {
|
||||||
|
return tableRef.value
|
||||||
|
}
|
||||||
|
|
||||||
|
const getBox = () => {
|
||||||
|
let tableRect = tableBox.value?.getBoundingClientRect()
|
||||||
|
let pageRect = pageBox.value?.getBoundingClientRect()
|
||||||
|
|
||||||
|
return {
|
||||||
|
top: tableRect?.top || 0,
|
||||||
|
pageHeight: pageRect?.height + 34 || 0,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getRowClass(row: { row: any; rowIndex: number }): string {
|
||||||
|
let data = row.row
|
||||||
|
let res: string[] = []
|
||||||
|
if (xbTable.table.extend?.setRowClass) {
|
||||||
|
res.push(xbTable.table.extend.setRowClass(row))
|
||||||
|
} else if (data.children && data.children.length > 0) {
|
||||||
|
res.push('row-expand-has')
|
||||||
|
} else {
|
||||||
|
res.push('row-expand-unhas')
|
||||||
|
}
|
||||||
|
return res.join(' ')
|
||||||
|
}
|
||||||
|
|
||||||
|
function calculateWidth(baseWidth: number) {
|
||||||
|
return (baseWidth / 1920) * window.innerWidth
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
getRef,
|
||||||
|
getBox,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div :class="props.class">
|
||||||
|
<slot name="neck"></slot>
|
||||||
|
<!-- @select-all="onSelectAll"
|
||||||
|
@select="onSelect" @selection-change="onSelectionChange" @sort-change="onSortChange"
|
||||||
|
@row-dblclick="xbTable.onTableDblclick" -->
|
||||||
|
<div ref="tableBox">
|
||||||
|
<el-table
|
||||||
|
ref="tableRef"
|
||||||
|
v-loading="xbTable.table.loading || false"
|
||||||
|
v-bind="$attrs"
|
||||||
|
class="xb-data-table"
|
||||||
|
header-cell-class-name="table-header-cell"
|
||||||
|
style="width: 100%"
|
||||||
|
:default-expand-all="xbTable.table.expandAll"
|
||||||
|
:data="xbTable.table.data"
|
||||||
|
:row-key="xbTable.table.pk"
|
||||||
|
:expand-row-keys="xbTable.table.expandRowKeys"
|
||||||
|
:border="xbTable.table.border"
|
||||||
|
:stripe="xbTable.table.stripe"
|
||||||
|
:row-class-name="getRowClass"
|
||||||
|
:header-cell-style="xbTable.table.headerCellStyle"
|
||||||
|
@select="onTableSelect"
|
||||||
|
@select-all="onTableSelectAll"
|
||||||
|
>
|
||||||
|
<!-- @sort-change="onTableSortChange" -->
|
||||||
|
<!-- <slot name="columnPrepend"></slot> -->
|
||||||
|
<!-- :key="item.render == 'switch' ? 'sw-' + item.prop + '-' + key + '-' + scope.row[item.prop!] : key" -->
|
||||||
|
<template v-for="(item, key) in xbTable.table.column">
|
||||||
|
<el-table-column
|
||||||
|
v-if="item.show !== false"
|
||||||
|
:key="item.prop || key + '-column'"
|
||||||
|
v-bind="item"
|
||||||
|
:width="item.type === 'index' ? calculateWidth(100) : item.width"
|
||||||
|
:class-name="item.type ? `el-table-column--${item.type}` : `column-${item.prop}`"
|
||||||
|
:selectable="(row: anyObj) => (item.selectable ? item.selectable(row) : true)"
|
||||||
|
>
|
||||||
|
<template v-if="item.type === 'sort'">
|
||||||
|
<Icon
|
||||||
|
name="iconfont"
|
||||||
|
class="icon-a-tuodong1616 sort table-row-sort"
|
||||||
|
color="#999"
|
||||||
|
size="12"
|
||||||
|
width="unset"
|
||||||
|
height="unset"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<template v-if="item.render" #default="scope">
|
||||||
|
<Render :render="item.render" :scope="scope"></Render>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</template>
|
||||||
|
<!-- <slot name="columnAppend"></slot> -->
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div v-if="props.pagination" ref="pageBox" class="table-pagination">
|
||||||
|
<el-pagination
|
||||||
|
:current-page="xbTable.table.page!.current"
|
||||||
|
:page-size="xbTable.table.page!.size"
|
||||||
|
:page-sizes="xbTable.table.pageSizes"
|
||||||
|
background
|
||||||
|
:layout="
|
||||||
|
xbTable.table.layout?.shrink
|
||||||
|
? 'prev, next, jumper'
|
||||||
|
: 'sizes,total, ->, prev, pager, next, jumper'
|
||||||
|
"
|
||||||
|
:total="xbTable.table.page!.total"
|
||||||
|
@size-change="onTableSizeChange"
|
||||||
|
@current-change="onTableCurrentChange"
|
||||||
|
></el-pagination>
|
||||||
|
</div>
|
||||||
|
<!-- <slot name="footer"></slot> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
// .xb-data-table {
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .xb-data-table :deep(.el-button + .el-button) {
|
||||||
|
// margin-left: 6px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .xb-data-table :deep(.table-header-cell) .cell {
|
||||||
|
// color: var(--el-text-color-primary);
|
||||||
|
// overflow: hidden;
|
||||||
|
// text-overflow: ellipsis;
|
||||||
|
// white-space: nowrap;
|
||||||
|
// }
|
||||||
|
|
||||||
|
.table-pagination {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 1.08vh 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort {
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xb-data-table {
|
||||||
|
:deep(.el-table-column--sort) {
|
||||||
|
.cell {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-button) {
|
||||||
|
min-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.cell) {
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
.el-tag {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.row-expand-unhas .el-table__expand-icon) {
|
||||||
|
// pointer-events: none;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
21
src/components/Table/render/index.vue
Normal file
21
src/components/Table/render/index.vue
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import { defineComponent, createVNode, reactive } from 'vue'
|
||||||
|
import { ElTableColumn } from 'element-plus'
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
name: 'Render',
|
||||||
|
props: {
|
||||||
|
scope: Object,
|
||||||
|
render: Function,
|
||||||
|
},
|
||||||
|
setup(props, { slots }) {
|
||||||
|
const R: any = markRaw({
|
||||||
|
render: props.render,
|
||||||
|
})
|
||||||
|
return () => {
|
||||||
|
return props.render ? R.render(h, props.scope) : ''
|
||||||
|
// return props.render ? props.render(h, props.scope) : ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
182
src/components/UrmLoad/index.vue
Normal file
182
src/components/UrmLoad/index.vue
Normal file
@ -0,0 +1,182 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { useLoad } from '@/hooks'
|
||||||
|
import urmUrl from './urmUrl.json'
|
||||||
|
import { isWebEvn, $sleep } from '@/utils'
|
||||||
|
import { loading } from '@/components/mj/mj-loading'
|
||||||
|
/**
|
||||||
|
"/urm/system_activity_bg.svg",
|
||||||
|
"/urm/studyAnalysis_bg.svg",
|
||||||
|
"/urm/textbook_dia_bg.svg",
|
||||||
|
|
||||||
|
"/urm/task-week-kelingqu.svg",
|
||||||
|
"/urm/task-week-normal.svg",
|
||||||
|
"/urm/task-week-yilingqu.svg",
|
||||||
|
"/urm/task_teacher.svg",
|
||||||
|
"/urm/task_week.svg"
|
||||||
|
"/urm/mail_bg2.svg",
|
||||||
|
|
||||||
|
|
||||||
|
"/urm/task-day-kelingqu.svg",
|
||||||
|
"/urm/task-day-normal.svg",
|
||||||
|
"/urm/task-day-yilingqu.svg",
|
||||||
|
"/urm/task-lead-kelingqu.svg",
|
||||||
|
"/urm/task-lead-normal.svg",
|
||||||
|
*/
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
urls?: string[]
|
||||||
|
duration?: number
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
urls: () => urmUrl.urls,
|
||||||
|
duration: 0,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
const emits = defineEmits(['loaded'])
|
||||||
|
|
||||||
|
const OSS_URL = import.meta.env.VITE_OSS_URL
|
||||||
|
const bg = `url(${OSS_URL}/urm/urm_load_bg.png) 100%/cover no-repeat`
|
||||||
|
|
||||||
|
const { size, loadProgress, loadSize, loaded, loadText, init } = useLoad()
|
||||||
|
const simulationLoadProgress = ref('0%') // 模拟进度
|
||||||
|
// 关闭全局弹框
|
||||||
|
loading.hide()
|
||||||
|
|
||||||
|
async function envInit() {
|
||||||
|
if (!isWebEvn) {
|
||||||
|
await $sleep(3000)
|
||||||
|
}
|
||||||
|
init(props.urls.map(i => `${OSS_URL}${i}`))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (props.duration === 0) {
|
||||||
|
envInit()
|
||||||
|
// if (isWebEvn) {
|
||||||
|
// init(props.urls.map(i => `${OSS_URL}${i}`));
|
||||||
|
// } else {
|
||||||
|
// getAssetsList()
|
||||||
|
// .then(({ data: { data: res } }) => {
|
||||||
|
// init(res, { android: true });
|
||||||
|
// })
|
||||||
|
// .catch(() => {
|
||||||
|
// loaded.value = true;
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
watch(loaded, newVal => {
|
||||||
|
if (newVal) {
|
||||||
|
emits('loaded', loadSize.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 时长效果
|
||||||
|
let step = 0
|
||||||
|
const totalStep = (props.duration * 1000) / 300
|
||||||
|
const stepLength = 100 / totalStep
|
||||||
|
let timer: any = setInterval(() => {
|
||||||
|
if (step >= totalStep) {
|
||||||
|
timer = null
|
||||||
|
clearInterval(timer)
|
||||||
|
emits('loaded', 100)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
step++
|
||||||
|
let value = stepLength * step
|
||||||
|
if (value > 100) value = 100
|
||||||
|
simulationLoadProgress.value = value.toFixed(0) + '%'
|
||||||
|
}, 300)
|
||||||
|
}
|
||||||
|
|
||||||
|
const progress = computed(() =>
|
||||||
|
props.duration ? simulationLoadProgress.value : loadProgress.value,
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="load">
|
||||||
|
<div class="box">
|
||||||
|
<div class="progress">
|
||||||
|
<div class="strip">
|
||||||
|
<Icon name="urm_load_logo" size="160" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span class="num">{{ progress }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
{{ loadText || '学习资源加载中' }}
|
||||||
|
<template v-if="size > 0"> （{{ loadSize }}/{{ size }}） </template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.load {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: v-bind(bg);
|
||||||
|
padding: 0 160px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9999;
|
||||||
|
.box {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 7.5vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.progress {
|
||||||
|
width: 1500px;
|
||||||
|
height: 2.67vh;
|
||||||
|
border-radius: 2.5vh;
|
||||||
|
background: rgba(0, 0, 0, 0.65);
|
||||||
|
box-shadow: 0 0 0.42vh 0 rgba(0, 0, 0, 0.25) inset;
|
||||||
|
|
||||||
|
.strip {
|
||||||
|
// transition: width 0.3s linear;
|
||||||
|
width: v-bind(progress);
|
||||||
|
height: 100%;
|
||||||
|
background: $theme-color;
|
||||||
|
border-radius: 2.5vh;
|
||||||
|
position: relative;
|
||||||
|
background: linear-gradient(249deg, #4de798 26.9%, #a2fb6e 79.86%);
|
||||||
|
box-shadow: 0 0.33vh 0.33vh 0 rgba(0, 0, 0, 0.15);
|
||||||
|
|
||||||
|
.x-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: -80px;
|
||||||
|
top: -14.17vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: -28px;
|
||||||
|
top: -0.83vh;
|
||||||
|
|
||||||
|
width: 4.67vh;
|
||||||
|
height: 4.67vh;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 0.33vh 0.33vh rgba(0, 0, 0, 0.15);
|
||||||
|
background: radial-gradient(189.06% 189.06% at 49.22% 50.78%, #ffffff 0%, #becadf 100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.num {
|
||||||
|
color: $font-color;
|
||||||
|
font-family: $font-text;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
line-height: 1.5em;
|
||||||
|
margin-left: $space-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
position: absolute;
|
||||||
|
width: 1500px;
|
||||||
|
text-align: center;
|
||||||
|
bottom: 2vh;
|
||||||
|
color: $font-color;
|
||||||
|
font-family: $font-text;
|
||||||
|
font-size: 2.67vh;
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
119
src/components/UrmLoad/urmUrl.json
Normal file
119
src/components/UrmLoad/urmUrl.json
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
{
|
||||||
|
"urls": [
|
||||||
|
"/subject/book_shelf_left.svg",
|
||||||
|
"/subject/book_shelf_top.svg",
|
||||||
|
"/subject/book_shelf_bottom.svg",
|
||||||
|
|
||||||
|
"/urm/bg_home.svg",
|
||||||
|
"/urm/bg_login.svg",
|
||||||
|
"/urm/book_bg.svg",
|
||||||
|
"/urm/mail_bg.svg",
|
||||||
|
"/urm/main_bg.svg",
|
||||||
|
"/urm/urm_load_bg.png",
|
||||||
|
"/urm/subject_target_dia_bg.svg",
|
||||||
|
|
||||||
|
"/urm/ip_boy.png",
|
||||||
|
"/urm/ip_girl.png",
|
||||||
|
|
||||||
|
"/icon/nav_activity.svg",
|
||||||
|
"/icon/nav_analysis.svg",
|
||||||
|
"/icon/nav_mailbox.svg",
|
||||||
|
"/icon/nav_notice.svg",
|
||||||
|
"/icon/nav_ranking.svg",
|
||||||
|
"/icon/nav_setting.svg",
|
||||||
|
"/icon/nav_homeWork.svg",
|
||||||
|
|
||||||
|
"/urm/home_app.png",
|
||||||
|
"/urm/home_subject.png",
|
||||||
|
"/urm/home_task.png",
|
||||||
|
"/urm/home_urge.png",
|
||||||
|
"/urm/home_english.png",
|
||||||
|
|
||||||
|
"/icon/diamond.svg",
|
||||||
|
"/icon/coin.svg",
|
||||||
|
"/icon/warning.svg",
|
||||||
|
"/icon/gender_1.svg",
|
||||||
|
"/icon/gender_2.svg",
|
||||||
|
"/icon/close_dia.svg",
|
||||||
|
"/icon/left_arrow.svg",
|
||||||
|
"/icon/mail_open.svg",
|
||||||
|
"/icon/open_switch.svg",
|
||||||
|
"/icon/close_switch.svg",
|
||||||
|
"/icon/leaf_solid.svg",
|
||||||
|
"/icon/thumbs.svg",
|
||||||
|
|
||||||
|
"/icon/vip_level_1.svg",
|
||||||
|
"/icon/vip_level_10.svg",
|
||||||
|
"/icon/vip_level_11.svg",
|
||||||
|
"/icon/vip_level_12.svg",
|
||||||
|
"/icon/vip_level_13.svg",
|
||||||
|
"/icon/vip_level_14.svg",
|
||||||
|
"/icon/vip_level_15.svg",
|
||||||
|
"/icon/vip_level_16.svg",
|
||||||
|
"/icon/vip_level_17.svg",
|
||||||
|
"/icon/vip_level_18.svg",
|
||||||
|
"/icon/vip_level_19.svg",
|
||||||
|
"/icon/vip_level_2.svg",
|
||||||
|
"/icon/vip_level_20.svg",
|
||||||
|
"/icon/vip_level_3.svg",
|
||||||
|
"/icon/vip_level_4.svg",
|
||||||
|
"/icon/vip_level_5.svg",
|
||||||
|
"/icon/vip_level_6.svg",
|
||||||
|
"/icon/vip_level_7.svg",
|
||||||
|
"/icon/vip_level_8.svg",
|
||||||
|
"/icon/vip_level_9.svg",
|
||||||
|
|
||||||
|
"/urm/userInfo_center_bg.png",
|
||||||
|
"/urm/btn_primary_left.svg",
|
||||||
|
"/urm/btn_primary_right.svg",
|
||||||
|
|
||||||
|
"/urm/empty_activity.svg",
|
||||||
|
"/urm/empty_announcement.svg",
|
||||||
|
"/urm/empty_course.svg",
|
||||||
|
"/urm/empty_dev.svg",
|
||||||
|
"/urm/empty_email.svg",
|
||||||
|
"/urm/empty_goods.svg",
|
||||||
|
"/urm/empty_knowledge.png",
|
||||||
|
"/urm/empty_learn.svg",
|
||||||
|
"/urm/empty_network.svg",
|
||||||
|
"/urm/empty_practice.svg",
|
||||||
|
"/urm/empty_rank.svg",
|
||||||
|
"/urm/empty_report.svg",
|
||||||
|
"/urm/empty_search.svg",
|
||||||
|
"/urm/empty_task.svg",
|
||||||
|
"/urm/empty_test.svg",
|
||||||
|
|
||||||
|
"/urm/sidebar_item_active.png",
|
||||||
|
"/urm/sidebar_item.svg",
|
||||||
|
"/urm/header_bg.svg",
|
||||||
|
"/urm/subject_item_pattern.svg",
|
||||||
|
|
||||||
|
"/urm/textbook_tool_ziyouxue.png",
|
||||||
|
"/urm/textbook_tool_aijingzhunxue.png",
|
||||||
|
"/urm/textbook_tool_cuotiben.png",
|
||||||
|
"/urm/textbook_tool_ziyouzujuan.png",
|
||||||
|
"/urm/ranking_bg_thumbs.svg",
|
||||||
|
|
||||||
|
"/urm/subject_dili.png",
|
||||||
|
"/urm/subject_fazhi.png",
|
||||||
|
"/urm/subject_huaxue.png",
|
||||||
|
"/urm/subject_item_pattern.svg",
|
||||||
|
"/urm/subject_kexue.png",
|
||||||
|
"/urm/subject_lishi.png",
|
||||||
|
"/urm/subject_shengwu.png",
|
||||||
|
"/urm/subject_shuxue.png",
|
||||||
|
"/urm/subject_target_dia_bg.svg",
|
||||||
|
"/urm/subject_wuli.png",
|
||||||
|
"/urm/subject_yingyu.png",
|
||||||
|
"/urm/subject_yuwen.png",
|
||||||
|
"/urm/subject_zhengzhi.png",
|
||||||
|
|
||||||
|
"/urm/task-yilingqu.png",
|
||||||
|
"/urm/task-kelingqu.png",
|
||||||
|
"/urm/task-normal.png",
|
||||||
|
"/urm/task_achievement.svg",
|
||||||
|
"/urm/task_day.svg",
|
||||||
|
"/urm/task_parent.svg",
|
||||||
|
"/urm/task_lead.svg"
|
||||||
|
]
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user