Compare commits
No commits in common. "main" and "2.5.13-yc" have entirely different histories.
|
@ -1,8 +1,6 @@
|
||||||
# 页面标题
|
# 页面标题
|
||||||
VITE_APP_TITLE = 文枢课堂
|
VITE_APP_TITLE = 文枢课堂
|
||||||
|
|
||||||
VITE_APP_ID = 'aix-win-ws'
|
|
||||||
|
|
||||||
# 生产环境配置
|
# 生产环境配置
|
||||||
VITE_APP_ENV = 'production'
|
VITE_APP_ENV = 'production'
|
||||||
|
|
||||||
|
|
4
.env.yc
4
.env.yc
|
@ -1,7 +1,5 @@
|
||||||
# 页面标题
|
# 页面标题
|
||||||
VITE_APP_TITLE = 永川中小学AI教学系统
|
VITE_APP_TITLE = 文枢课堂
|
||||||
|
|
||||||
VITE_APP_ID = 'aix-win-ws-yc'
|
|
||||||
|
|
||||||
# 生产环境配置
|
# 生产环境配置
|
||||||
VITE_APP_ENV = 'production'
|
VITE_APP_ENV = 'production'
|
||||||
|
|
2
.env.yc2
2
.env.yc2
|
@ -1,8 +1,6 @@
|
||||||
# 页面标题
|
# 页面标题
|
||||||
VITE_APP_TITLE = 实训教学
|
VITE_APP_TITLE = 实训教学
|
||||||
|
|
||||||
VITE_APP_ID = 'aix-win-ws-yc2'
|
|
||||||
|
|
||||||
# 生产环境配置
|
# 生产环境配置
|
||||||
VITE_APP_ENV = 'production'
|
VITE_APP_ENV = 'production'
|
||||||
|
|
||||||
|
|
27
.env.yy
27
.env.yy
|
@ -1,27 +0,0 @@
|
||||||
# 页面标题
|
|
||||||
VITE_APP_TITLE = 育人酉数平台
|
|
||||||
|
|
||||||
VITE_APP_ID = 'aix-win-ws-yy'
|
|
||||||
|
|
||||||
# 生产环境配置
|
|
||||||
VITE_APP_ENV = 'production'
|
|
||||||
|
|
||||||
# AIx融合数字管理系统/生产环境
|
|
||||||
VITE_APP_BASE_API = 'https://prev.ysaix.com:7868/prod-api'
|
|
||||||
|
|
||||||
VITE_APP_DOMAIN = 'prev.ysaix.com'
|
|
||||||
|
|
||||||
VITE_APP_UPLOAD_API = 'https://prev.ysaix.com:7868/prod-api'
|
|
||||||
|
|
||||||
# 是否在打包时开启压缩,支持 gzip 和 brotli
|
|
||||||
VITE_BUILD_COMPRESS = gzip
|
|
||||||
|
|
||||||
VITE_APP_RES_FILE_PATH = 'https://prev.ysaix.com:7868/src/assets/textbook/booktxt/'
|
|
||||||
|
|
||||||
VITE_APP_BUILD_BASE_PATH = 'https://prev.ysaix.com:7868/'
|
|
||||||
|
|
||||||
# websocket 地址
|
|
||||||
VITE_APP_WS_URL = 'wss://prev.ysaix.com:7868'
|
|
||||||
|
|
||||||
# 是否显示开发工具
|
|
||||||
VITE_SHOW_DEV_TOOLS = 'false'
|
|
|
@ -6,11 +6,6 @@ directories:
|
||||||
win:
|
win:
|
||||||
executableName: 文枢课堂
|
executableName: 文枢课堂
|
||||||
icon: resources/logo2.ico
|
icon: resources/logo2.ico
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
files:
|
files:
|
||||||
- '!**/.vscode/*'
|
- '!**/.vscode/*'
|
||||||
- '!src/*'
|
- '!src/*'
|
||||||
|
@ -52,8 +47,8 @@ publish:
|
||||||
electronDownload:
|
electronDownload:
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
mirror: https://npmmirror.com/mirrors/electron/
|
||||||
# 额外依赖打包到输出目录
|
# 额外依赖打包到输出目录
|
||||||
#extraFiles:
|
extraFiles:
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
- from: ./node_modules/im_electron_sdk/lib/
|
||||||
# to: ./resources
|
to: ./resources
|
||||||
# filter:
|
filter:
|
||||||
# - '**/*'
|
- '**/*'
|
||||||
|
|
|
@ -13,11 +13,6 @@ asarUnpack:
|
||||||
win:
|
win:
|
||||||
executableName: AIx
|
executableName: AIx
|
||||||
icon: resources/logo2.ico
|
icon: resources/logo2.ico
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
nsis:
|
nsis:
|
||||||
oneClick: false
|
oneClick: false
|
||||||
allowToChangeInstallationDirectory: true
|
allowToChangeInstallationDirectory: true
|
||||||
|
@ -51,8 +46,8 @@ publish:
|
||||||
electronDownload:
|
electronDownload:
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
mirror: https://npmmirror.com/mirrors/electron/
|
||||||
# 额外依赖打包到输出目录
|
# 额外依赖打包到输出目录
|
||||||
#extraFiles:
|
extraFiles:
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
- from: ./node_modules/im_electron_sdk/lib/
|
||||||
# to: ./resources
|
to: ./resources
|
||||||
# filter:
|
filter:
|
||||||
# - '**/*'
|
- '**/*'
|
||||||
|
|
|
@ -1,16 +1,11 @@
|
||||||
appId: com.electron.app.yc
|
appId: com.electron.app.yc
|
||||||
productName: 永川中小学AI教学系统
|
productName: 文枢课堂
|
||||||
directories:
|
directories:
|
||||||
output: dist
|
output: dist
|
||||||
buildResources: build
|
buildResources: build
|
||||||
win:
|
win:
|
||||||
executableName: 永川中小学AI教学系统
|
executableName: 文枢课堂
|
||||||
icon: resources/yc-logo.png
|
icon: resources/yc-logo.png
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
files:
|
files:
|
||||||
- '!**/.vscode/*'
|
- '!**/.vscode/*'
|
||||||
- '!src/*'
|
- '!src/*'
|
||||||
|
@ -22,7 +17,7 @@ asarUnpack:
|
||||||
nsis:
|
nsis:
|
||||||
oneClick: false
|
oneClick: false
|
||||||
allowToChangeInstallationDirectory: true
|
allowToChangeInstallationDirectory: true
|
||||||
artifactName: ${name}-${version}-setup.${ext}
|
artifactName: ${name}-yc-${version}-setup.${ext}
|
||||||
shortcutName: ${productName}
|
shortcutName: ${productName}
|
||||||
uninstallDisplayName: ${productName}
|
uninstallDisplayName: ${productName}
|
||||||
createDesktopShortcut: always
|
createDesktopShortcut: always
|
||||||
|
@ -52,8 +47,8 @@ publish:
|
||||||
electronDownload:
|
electronDownload:
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
mirror: https://npmmirror.com/mirrors/electron/
|
||||||
# 额外依赖打包到输出目录
|
# 额外依赖打包到输出目录
|
||||||
#extraFiles:
|
extraFiles:
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
- from: ./node_modules/im_electron_sdk/lib/
|
||||||
# to: ./resources
|
to: ./resources
|
||||||
# filter:
|
filter:
|
||||||
# - '**/*'
|
- '**/*'
|
||||||
|
|
|
@ -6,11 +6,6 @@ directories:
|
||||||
win:
|
win:
|
||||||
executableName: 实训教学
|
executableName: 实训教学
|
||||||
icon: resources/yc-logo.png
|
icon: resources/yc-logo.png
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
files:
|
files:
|
||||||
- '!**/.vscode/*'
|
- '!**/.vscode/*'
|
||||||
- '!src/*'
|
- '!src/*'
|
||||||
|
@ -22,7 +17,7 @@ asarUnpack:
|
||||||
nsis:
|
nsis:
|
||||||
oneClick: false
|
oneClick: false
|
||||||
allowToChangeInstallationDirectory: true
|
allowToChangeInstallationDirectory: true
|
||||||
artifactName: ${name}-${version}-setup.${ext}
|
artifactName: ${name}-ycsx-${version}-setup.${ext}
|
||||||
shortcutName: ${productName}
|
shortcutName: ${productName}
|
||||||
uninstallDisplayName: ${productName}
|
uninstallDisplayName: ${productName}
|
||||||
createDesktopShortcut: always
|
createDesktopShortcut: always
|
||||||
|
@ -52,8 +47,8 @@ publish:
|
||||||
electronDownload:
|
electronDownload:
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
mirror: https://npmmirror.com/mirrors/electron/
|
||||||
# 额外依赖打包到输出目录
|
# 额外依赖打包到输出目录
|
||||||
#extraFiles:
|
extraFiles:
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
- from: ./node_modules/im_electron_sdk/lib/
|
||||||
# to: ./resources
|
to: ./resources
|
||||||
# filter:
|
filter:
|
||||||
# - '**/*'
|
- '**/*'
|
||||||
|
|
|
@ -1,59 +0,0 @@
|
||||||
appId: com.electron.app.yy
|
|
||||||
productName: 育人酉数平台
|
|
||||||
directories:
|
|
||||||
output: dist
|
|
||||||
buildResources: build
|
|
||||||
win:
|
|
||||||
executableName: 育人酉数平台
|
|
||||||
icon: resources/yy-logo.png
|
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
files:
|
|
||||||
- '!**/.vscode/*'
|
|
||||||
- '!src/*'
|
|
||||||
- '!electron.vite.config.{js,ts,mjs,cjs}'
|
|
||||||
- '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
|
|
||||||
- '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
|
|
||||||
asarUnpack:
|
|
||||||
- resources/**
|
|
||||||
nsis:
|
|
||||||
oneClick: false
|
|
||||||
allowToChangeInstallationDirectory: true
|
|
||||||
artifactName: ${name}-${version}-setup.${ext}
|
|
||||||
shortcutName: ${productName}
|
|
||||||
uninstallDisplayName: ${productName}
|
|
||||||
createDesktopShortcut: always
|
|
||||||
mac:
|
|
||||||
entitlementsInherit: build/entitlements.mac.plist
|
|
||||||
extendInfo:
|
|
||||||
- NSCameraUsageDescription: Application requests access to the device's camera.
|
|
||||||
- NSMicrophoneUsageDescription: Application requests access to the device's microphone.
|
|
||||||
- NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
|
|
||||||
- NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
|
|
||||||
notarize: false
|
|
||||||
dmg:
|
|
||||||
artifactName: ${name}-${version}.${ext}
|
|
||||||
linux:
|
|
||||||
target:
|
|
||||||
- AppImage
|
|
||||||
- snap
|
|
||||||
- deb
|
|
||||||
maintainer: electronjs.org
|
|
||||||
category: Utility
|
|
||||||
appImage:
|
|
||||||
artifactName: ${name}-${version}.${ext}
|
|
||||||
npmRebuild: false
|
|
||||||
publish:
|
|
||||||
provider: generic
|
|
||||||
url: https://prev.ysaix.com:7868/src/assets/smarttalkyy/
|
|
||||||
electronDownload:
|
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
|
||||||
# 额外依赖打包到输出目录
|
|
||||||
#extraFiles:
|
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
|
||||||
# to: ./resources
|
|
||||||
# filter:
|
|
||||||
# - '**/*'
|
|
|
@ -13,11 +13,6 @@ asarUnpack:
|
||||||
win:
|
win:
|
||||||
executableName: AIx
|
executableName: AIx
|
||||||
icon: resources/logo2.ico
|
icon: resources/logo2.ico
|
||||||
target:
|
|
||||||
- target: nsis
|
|
||||||
arch:
|
|
||||||
- x64
|
|
||||||
- ia32
|
|
||||||
nsis:
|
nsis:
|
||||||
oneClick: false
|
oneClick: false
|
||||||
allowToChangeInstallationDirectory: true
|
allowToChangeInstallationDirectory: true
|
||||||
|
@ -51,8 +46,8 @@ publish:
|
||||||
electronDownload:
|
electronDownload:
|
||||||
mirror: https://npmmirror.com/mirrors/electron/
|
mirror: https://npmmirror.com/mirrors/electron/
|
||||||
# 额外依赖打包到输出目录
|
# 额外依赖打包到输出目录
|
||||||
#extraFiles:
|
extraFiles:
|
||||||
# - from: ./node_modules/im_electron_sdk/lib/
|
- from: ./node_modules/im_electron_sdk/lib/
|
||||||
# to: ./resources
|
to: ./resources
|
||||||
# filter:
|
filter:
|
||||||
# - '**/*'
|
- '**/*'
|
||||||
|
|
|
@ -35,7 +35,7 @@ export default defineConfig({
|
||||||
target: 'http://27.128.240.72:7865',
|
target: 'http://27.128.240.72:7865',
|
||||||
// target: 'https://prev.ysaix.com:7868/prod-api/',
|
// target: 'https://prev.ysaix.com:7868/prod-api/',
|
||||||
// target: 'http://36.134.181.164:7863',
|
// target: 'http://36.134.181.164:7863',
|
||||||
// target: 'http://192.168.2.237:7865',
|
// target: 'http://192.168.0.102:7865',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: (p) => p.replace(/^\/dev-api/, '')
|
rewrite: (p) => p.replace(/^\/dev-api/, '')
|
||||||
},
|
},
|
||||||
|
|
19
package.json
19
package.json
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "aix-win-ws",
|
"name": "aix-win-ws",
|
||||||
"version": "2.5.16",
|
"version": "2.5.11",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "./out/main/index.js",
|
"main": "./out/main/index.js",
|
||||||
"author": "上海交大重庆人工智能研究院",
|
"author": "上海交大重庆人工智能研究院",
|
||||||
|
@ -10,15 +10,14 @@
|
||||||
"lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
|
"lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
|
||||||
"start": "electron-vite preview",
|
"start": "electron-vite preview",
|
||||||
"dev": "electron-vite dev",
|
"dev": "electron-vite dev",
|
||||||
|
"build": "electron-vite build",
|
||||||
"postinstall": "electron-builder install-app-deps",
|
"postinstall": "electron-builder install-app-deps",
|
||||||
"build:unpack": "npm run build && electron-builder --dir",
|
"build:unpack": "npm run build && electron-builder --dir",
|
||||||
"build:dev": "npm run build && electron-builder --win --config ./electron-builder-test.yml",
|
"build:dev": "npm run build && electron-builder --win --config ./electron-builder-test.yml",
|
||||||
"build:test": "node updatePackageJsonName.js && electron-vite build --mode test && electron-builder --win --config ./electron-builder.yml",
|
"build:test": "electron-vite build --mode test && electron-builder --win --config ./electron-builder.yml",
|
||||||
"build:prod": "node updatePackageJsonName.js && electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml --win",
|
"build:prod": "electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml",
|
||||||
"build:prod32": "node updatePackageJsonName.js && electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml --win --ia32",
|
"build:yc": "electron-vite build --mode yc && electron-builder --win --config ./electron-builder-yc.yml",
|
||||||
"build:yc": "node updatePackageJsonName.js && electron-vite build --mode yc && electron-builder --win --config ./electron-builder-yc.yml",
|
"build:yc2": "electron-vite build --mode yc2 && electron-builder --win --config ./electron-builder-yc2.yml",
|
||||||
"build:yc2": "node updatePackageJsonName.js && electron-vite build --mode yc2 && electron-builder --win --config ./electron-builder-yc2.yml",
|
|
||||||
"build:yy": "node updatePackageJsonName.js && electron-vite build --mode yy && electron-builder --win --config ./electron-builder-yy.yml",
|
|
||||||
"build:lt": "electron-vite build --mode lt && electron-builder --win --config ./electron-builder-lt.yml",
|
"build:lt": "electron-vite build --mode lt && electron-builder --win --config ./electron-builder-lt.yml",
|
||||||
"build:mac": "electron-vite build --mode production && electron-builder --mac --config ./electron-builder-prod.yml",
|
"build:mac": "electron-vite build --mode production && electron-builder --mac --config ./electron-builder-prod.yml",
|
||||||
"build:linux": "npm run build && electron-builder --linux"
|
"build:linux": "npm run build && electron-builder --linux"
|
||||||
|
@ -37,14 +36,12 @@
|
||||||
"@electron/remote": "^2.1.2",
|
"@electron/remote": "^2.1.2",
|
||||||
"@element-plus/icons-vue": "^2.3.1",
|
"@element-plus/icons-vue": "^2.3.1",
|
||||||
"@icon-park/vue-next": "^1.4.2",
|
"@icon-park/vue-next": "^1.4.2",
|
||||||
"@kangc/v-md-editor": "^2.3.18",
|
|
||||||
"@tinymce/tinymce-vue": "5.1.1",
|
"@tinymce/tinymce-vue": "5.1.1",
|
||||||
"@vitejs/plugin-vue-jsx": "^4.0.0",
|
"@vitejs/plugin-vue-jsx": "^4.0.0",
|
||||||
"@vue-office/docx": "^1.6.2",
|
"@vue-office/docx": "^1.6.2",
|
||||||
"@vue-office/excel": "^1.7.11",
|
"@vue-office/excel": "^1.7.11",
|
||||||
"@vue-office/pdf": "^2.0.2",
|
"@vue-office/pdf": "^2.0.2",
|
||||||
"@vueuse/core": "^10.11.0",
|
"@vueuse/core": "^10.11.0",
|
||||||
"aix-plugins-aitools": "^1.1.5",
|
|
||||||
"animate.css": "^4.1.1",
|
"animate.css": "^4.1.1",
|
||||||
"circular-json": "^0.5.9",
|
"circular-json": "^0.5.9",
|
||||||
"clipboard": "^2.0.11",
|
"clipboard": "^2.0.11",
|
||||||
|
@ -56,12 +53,14 @@
|
||||||
"electron-log": "^5.1.7",
|
"electron-log": "^5.1.7",
|
||||||
"electron-store": "8.0.0",
|
"electron-store": "8.0.0",
|
||||||
"electron-updater": "^6.1.7",
|
"electron-updater": "^6.1.7",
|
||||||
|
"element-china-area-data": "^6.1.0",
|
||||||
"element-plus": "^2.8.0",
|
"element-plus": "^2.8.0",
|
||||||
"fabric": "^5.3.0",
|
"fabric": "^5.3.0",
|
||||||
"file-saver": "^2.0.5",
|
"file-saver": "^2.0.5",
|
||||||
"hfmath": "^0.0.2",
|
"hfmath": "^0.0.2",
|
||||||
"html-to-image": "^1.11.11",
|
"html-to-image": "^1.11.11",
|
||||||
"html2canvas": "^1.4.1",
|
"html2canvas": "^1.4.1",
|
||||||
|
"im_electron_sdk": "^8.0.5904",
|
||||||
"js-cookie": "^3.0.5",
|
"js-cookie": "^3.0.5",
|
||||||
"jsencrypt": "^3.3.2",
|
"jsencrypt": "^3.3.2",
|
||||||
"jsondiffpatch": "0.6.0",
|
"jsondiffpatch": "0.6.0",
|
||||||
|
@ -139,4 +138,4 @@
|
||||||
"vue-tsc": "^1.8.25",
|
"vue-tsc": "^1.8.25",
|
||||||
"windicss": "^3.5.6"
|
"windicss": "^3.5.6"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 107 KiB |
|
@ -359,11 +359,6 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
|
||||||
|
|
||||||
//下载文件
|
//下载文件
|
||||||
ipcMain.on('download-file-default', (e, { url, fileName }) => {
|
ipcMain.on('download-file-default', (e, { url, fileName }) => {
|
||||||
console.log(url, fileName)
|
|
||||||
if (!url) {
|
|
||||||
e.reply('download-file-default' + fileName, false)
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
createFolder('selfFile')
|
createFolder('selfFile')
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
const browserWindow = BrowserWindow.getFocusedWindow()
|
const browserWindow = BrowserWindow.getFocusedWindow()
|
||||||
|
|
|
@ -4,7 +4,7 @@ import { electronApp, optimizer, is } from '@electron-toolkit/utils'
|
||||||
import icon from '../../resources/icon.png?asset'
|
import icon from '../../resources/icon.png?asset'
|
||||||
import File from './file'
|
import File from './file'
|
||||||
import Logger from './logger' // 日志封装
|
import Logger from './logger' // 日志封装
|
||||||
// import chat from './chat' // chat封装
|
import chat from './chat' // chat封装
|
||||||
import Store from './store' // Store封装
|
import Store from './store' // Store封装
|
||||||
import updateInit from './update'
|
import updateInit from './update'
|
||||||
|
|
||||||
|
@ -42,28 +42,12 @@ if(!gotTheLock){
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
let logoIco = ""
|
let logoIco = import.meta.env.MODE==='yc'||import.meta.env.MODE==='yc2'?'../../resources/yc-logo.png':'../../resources/logo2.ico'
|
||||||
|
|
||||||
switch (import.meta.env.MODE) {
|
|
||||||
case 'yc':
|
|
||||||
logoIco = '../../resources/yc-logo.png'
|
|
||||||
break
|
|
||||||
case 'yc2':
|
|
||||||
logoIco = '../../resources/yc-logo.png'
|
|
||||||
break
|
|
||||||
case 'yy':
|
|
||||||
logoIco = '../../resources/yy-logo.png'
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
logoIco = '../../resources/logo2.ico'
|
|
||||||
break
|
|
||||||
}
|
|
||||||
//登录窗口
|
//登录窗口
|
||||||
function createLoginWindow() {
|
function createLoginWindow() {
|
||||||
if (loginWindow) return
|
if (loginWindow) return
|
||||||
loginWindow = new BrowserWindow({
|
loginWindow = new BrowserWindow({
|
||||||
// width: import.meta.env.MODE==='yc'||import.meta.env.MODE==='yc2'?1060:888,
|
width: import.meta.env.MODE==='yc'||import.meta.env.MODE==='yc2'?1060:888,
|
||||||
width: 1060,
|
|
||||||
height: 520,
|
height: 520,
|
||||||
show: false,
|
show: false,
|
||||||
frame: false,
|
frame: false,
|
||||||
|
@ -260,13 +244,6 @@ app.on('ready', () => {
|
||||||
loginWindow.show()
|
loginWindow.show()
|
||||||
loginWindow.focus()
|
loginWindow.focus()
|
||||||
})
|
})
|
||||||
// 打印窗口
|
|
||||||
ipcMain.on('printPage', (event, printOptions) => {
|
|
||||||
//console.log("ipcMain-print-page")
|
|
||||||
mainWindow.webContents.print(printOptions, (success, failureReason) => {
|
|
||||||
if (!success) console.error(failureReason);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
//打开作业窗口
|
//打开作业窗口
|
||||||
ipcMain.on('openWindow', (e, data) => {
|
ipcMain.on('openWindow', (e, data) => {
|
||||||
|
@ -293,14 +270,14 @@ app.on('window-all-closed', () => {
|
||||||
|
|
||||||
// 监听全局事件
|
// 监听全局事件
|
||||||
function handleAll() {
|
function handleAll() {
|
||||||
// const chatInstance = chat.initialize() // im-chat 实例
|
const chatInstance = chat.initialize() // im-chat 实例
|
||||||
// 新窗口创建-监听
|
// 新窗口创建-监听
|
||||||
ipcMain.handle('new-window', (e, data) => {
|
ipcMain.handle('new-window', (e, data) => {
|
||||||
const { id, type } = data
|
const { id, type } = data
|
||||||
const win = BrowserWindow.fromId(id)
|
const win = BrowserWindow.fromId(id)
|
||||||
win.type = type // 绑定独立标识
|
win.type = type // 绑定独立标识
|
||||||
remote.enable(win.webContents) // 开启远程服务
|
remote.enable(win.webContents) // 开启远程服务
|
||||||
// chatInstance.enable(win.webContents) // 开启im-chat
|
chatInstance.enable(win.webContents) // 开启im-chat
|
||||||
console.log(`主进程 [${type}]: 窗口注册-远程代理-完毕(${Date.now()})`)
|
console.log(`主进程 [${type}]: 窗口注册-远程代理-完毕(${Date.now()})`)
|
||||||
})
|
})
|
||||||
// 用于监听-状态管理变化-同步所有窗口
|
// 用于监听-状态管理变化-同步所有窗口
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
import { contextBridge } from 'electron'
|
import { contextBridge } from 'electron'
|
||||||
import { electronAPI } from '@electron-toolkit/preload'
|
import { electronAPI } from '@electron-toolkit/preload'
|
||||||
// import TimRender from 'im_electron_sdk/dist/renderer' // im渲染部分实例
|
import TimRender from 'im_electron_sdk/dist/renderer' // im渲染部分实例
|
||||||
// Custom APIs for renderer
|
// Custom APIs for renderer
|
||||||
const api = {
|
const api = {
|
||||||
preloadPath: __dirname, // 当前preload地址
|
preloadPath: __dirname, // 当前preload地址
|
||||||
// getTimRender: () => new TimRender(), // im渲染部分实例
|
getTimRender: () => new TimRender(), // im渲染部分实例
|
||||||
}
|
}
|
||||||
// Use `contextBridge` APIs to expose Electron APIs to
|
// Use `contextBridge` APIs to expose Electron APIs to
|
||||||
// renderer only if context isolation is enabled, otherwise
|
// renderer only if context isolation is enabled, otherwise
|
||||||
|
|
|
@ -8,13 +8,12 @@
|
||||||
http-equiv="Content-Security-Policy"
|
http-equiv="Content-Security-Policy"
|
||||||
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
|
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
|
||||||
/> -->
|
/> -->
|
||||||
<meta http-equiv="Content-Security-Policy" content="connect-src * blob: data:; frame-src 'self' *; default-src 'self' https://wzyzoss.eos-chongqing-3.cmecloud.cn/; script-src 'self' 'unsafe-eval' http://www.wiris.net 'unsafe-inline'; script-src-elem 'self' https://sdk.amazonaws.com; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net data:;" />
|
<meta http-equiv="Content-Security-Policy" content="connect-src * blob: data:; frame-src 'self' *; default-src 'self' https://wzyzoss.eos-chongqing-3.cmecloud.cn/; script-src 'self' 'unsafe-eval' http://www.wiris.net 'unsafe-inline'; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net;" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- <script src="https://sdk.amazonaws.com/js/aws-sdk-2.100.0.min.js"></script>-->
|
|
||||||
<script type="module" src="/src/main.js"></script>
|
<script type="module" src="/src/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -1,3 +0,0 @@
|
||||||
<svg style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6511">
|
|
||||||
<path d="M512 34.133333c263.466667 0 477.866667 214.4 477.866667 477.866667S775.466667 989.866667 512 989.866667 34.133333 775.466667 34.133333 512 248.533333 34.133333 512 34.133333M512 0C229.333333 0 0 229.333333 0 512s229.333333 512 512 512 512-229.333333 512-512S794.666667 0 512 0z" fill="#87C1FF" p-id="6512"></path><path d="M505.173333 611.62666667c100.053333 0 181.333333-80.64 181.333334-180.053333 0-99.2-81.28-180.053333-181.333334-180.053334-100.053333 0-181.333333 80.64-181.333333 180.053334s81.28 180.053333 181.333333 180.053333zM579.84 661.54666667h-135.893333c-126.293333 0-229.12 102.4-229.12 228.053333v13.44c0 65.706667 101.12 65.706667 229.12 65.706667h135.893333c122.88 0 229.12 0 229.12-65.706667v-13.44c0-125.653333-102.826667-228.053333-229.12-228.053333z" fill="#87C1FF" p-id="6513"></path>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1006 B |
File diff suppressed because one or more lines are too long
|
@ -38,12 +38,12 @@ export class Classcourse {
|
||||||
if (isCourse) {
|
if (isCourse) {
|
||||||
// 连接socket
|
// 连接socket
|
||||||
ChatWs.id = classcourse.timgroupid // 群组id
|
ChatWs.id = classcourse.timgroupid // 群组id
|
||||||
// if (!ChatWs.ws) {
|
if (!ChatWs.ws) {
|
||||||
// ChatWs.init().then(_ => {
|
ChatWs.init().then(_ => {
|
||||||
// isPublic && ChatWs.sendMsg('open', {id: classcourse.id})
|
isPublic && ChatWs.sendMsg('open', {id: classcourse.id})
|
||||||
// // isPublic && console.log('socket-开课消息-已发送')
|
// isPublic && console.log('socket-开课消息-已发送')
|
||||||
// })
|
})
|
||||||
// }
|
}
|
||||||
this.classcourse = classcourse // 课堂信息
|
this.classcourse = classcourse // 课堂信息
|
||||||
this.id = classcourse.id // 课堂id
|
this.id = classcourse.id // 课堂id
|
||||||
// 如果课堂信息有paging,则更新当前页码
|
// 如果课堂信息有paging,则更新当前页码
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -41,7 +41,7 @@ export const enum ElementTypes {
|
||||||
*
|
*
|
||||||
* rotate: 渐变角度(线性渐变)
|
* rotate: 渐变角度(线性渐变)
|
||||||
*/
|
*/
|
||||||
export type GradientType = 'linear' | 'radial' | 'image'
|
export type GradientType = 'linear' | 'radial'
|
||||||
export type GradientColor = {
|
export type GradientColor = {
|
||||||
pos: number
|
pos: number
|
||||||
color: string
|
color: string
|
||||||
|
|
|
@ -5,21 +5,14 @@
|
||||||
</header>
|
</header>
|
||||||
<div class="flex material-list" v-loading="loading">
|
<div class="flex material-list" v-loading="loading">
|
||||||
<div class="flex material-item" v-for="item in list" :key="item.id" >
|
<div class="flex material-item" v-for="item in list" :key="item.id" >
|
||||||
<div class="flex material-item">
|
<div class="flex">
|
||||||
<el-image v-if="item.fileType.indexOf('image')!=-1" :src="fileUrl(item)" class="img" />
|
<el-image :src="fileUrl(item)" class="img" />
|
||||||
<svg v-if="item.fileType.indexOf('video')!=-1" class="icon file-icon" aria-hidden="true" :style="{ 'font-size': 100 + 'px' }">
|
<el-text truncated>{{ item.fileShowName }}</el-text>
|
||||||
<use :xlink:href="'#icon-video'"></use>
|
|
||||||
</svg>
|
|
||||||
<svg class="icon file-icon" v-if="item.fileType.indexOf('audio')!=-1" aria-hidden="true" :style="{ 'font-size': 100 + 'px' }">
|
|
||||||
<use :xlink:href="'#icon-mp'"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="texts">{{ item.fileShowName }}</div>
|
|
||||||
<!-- <el-text truncated>{{ item.fileShowName }}</el-text> -->
|
|
||||||
</div>
|
</div>
|
||||||
<el-button style="margin-left: 10px;" type="primary" @click="onInsert(item)">插入</el-button>
|
<el-button type="primary" @click="onInsert(item)">插入</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-empty description="暂无素材" v-if="!list.length" />
|
<el-empty description="暂无素材" v-if="!list.length" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -44,7 +37,7 @@ let params = {
|
||||||
pageSize: 500
|
pageSize: 500
|
||||||
}
|
}
|
||||||
|
|
||||||
const suffixAry = [ 'jpeg','jpg','png','gif','mp3','mp4','avi','mov',"wav"]
|
const suffixAry = [ 'jpeg','jpg','png','gif','mp3','mp4','avi','mov']
|
||||||
const videoSuffix = ['mp3','mp4','avi','mov']
|
const videoSuffix = ['mp3','mp4','avi','mov']
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
|
@ -55,7 +48,6 @@ const init = () => {
|
||||||
if(res.rows && res.rows.length){
|
if(res.rows && res.rows.length){
|
||||||
// 过滤出图片和视频
|
// 过滤出图片和视频
|
||||||
list.value = res.rows.filter( item => suffixAry.indexOf(getFileSuffix(item.fileShowName)) != -1)
|
list.value = res.rows.filter( item => suffixAry.indexOf(getFileSuffix(item.fileShowName)) != -1)
|
||||||
console.log(list.value)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -72,19 +64,16 @@ const fileUrl = computed(() => (item) =>{
|
||||||
// 插入
|
// 插入
|
||||||
const onInsert = async (item) =>{
|
const onInsert = async (item) =>{
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
const res = await fetch(item.fileFullPath)
|
||||||
// const res = await fetch(item.fileFullPath)
|
const bolb = await res.blob()
|
||||||
// const bolb = await res.blob()
|
const file = commUtils.blobToFile(bolb, item.fileShowName)
|
||||||
// const file = commUtils.blobToFile(bolb, item.fileShowName)
|
|
||||||
const data=item.fileFullPath
|
|
||||||
try {
|
try {
|
||||||
console.log('item', item)
|
const data = await PPTApi.toRousrceUrl(file)
|
||||||
// const data = await PPTApi.toRousrceUrl(file)
|
|
||||||
if(videoSuffix.indexOf(getFileSuffix(item.fileShowName)) != -1){
|
if(videoSuffix.indexOf(getFileSuffix(item.fileShowName)) != -1){
|
||||||
emit('insertMaterial',{ type: 'video', data })
|
emit('insertMaterial',{ type: 'video', data })
|
||||||
}else if(item.fileType.indexOf('audio') != -1){
|
}
|
||||||
emit('insertMaterial',{ type: 'audio', data })
|
else{
|
||||||
}else{
|
|
||||||
emit('insertMaterial',{ type: 'img', data })
|
emit('insertMaterial',{ type: 'img', data })
|
||||||
}
|
}
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -136,17 +125,11 @@ onMounted(() => {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
justify-content: space-between;
|
||||||
.img{
|
.img{
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.texts{
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
max-width: 600px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -287,8 +287,6 @@ const insertMaterial = async (item: MaterialParams) =>{
|
||||||
const { type, data } = item
|
const { type, data } = item
|
||||||
if(type == 'video'){
|
if(type == 'video'){
|
||||||
createVideoElement(data)
|
createVideoElement(data)
|
||||||
}else if(type == 'audio'){
|
|
||||||
createAudioElement(data)
|
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
createImageElement(data)
|
createImageElement(data)
|
||||||
|
|
|
@ -46,12 +46,11 @@
|
||||||
:options="[
|
:options="[
|
||||||
{ label: '线性渐变', value: 'linear' },
|
{ label: '线性渐变', value: 'linear' },
|
||||||
{ label: '径向渐变', value: 'radial' },
|
{ label: '径向渐变', value: 'radial' },
|
||||||
{ label: '背景图', value: 'image' },
|
|
||||||
]"
|
]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template v-if="fillType === 'gradient' && gradient.type !== 'image'">
|
<template v-if="fillType === 'gradient'">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<GradientBar
|
<GradientBar
|
||||||
:value="gradient.colors"
|
:value="gradient.colors"
|
||||||
|
@ -207,13 +206,6 @@ const updateFillType = (type: 'gradient' | 'fill') => {
|
||||||
const updateGradient = (gradientProps: Partial<Gradient>) => {
|
const updateGradient = (gradientProps: Partial<Gradient>) => {
|
||||||
if (!gradient.value) return
|
if (!gradient.value) return
|
||||||
const _gradient = { ...gradient.value, ...gradientProps }
|
const _gradient = { ...gradient.value, ...gradientProps }
|
||||||
if (!_gradient.colors) {
|
|
||||||
_gradient.colors = [
|
|
||||||
{ pos: 0, color: '#fff' },
|
|
||||||
{ pos: 100, color: '#fff' },
|
|
||||||
]
|
|
||||||
_gradient.rotate = 0
|
|
||||||
}
|
|
||||||
updateElement({ gradient: _gradient })
|
updateElement({ gradient: _gradient })
|
||||||
}
|
}
|
||||||
const updateGradientColors = (color: string) => {
|
const updateGradientColors = (color: string) => {
|
||||||
|
|
|
@ -47,10 +47,9 @@
|
||||||
<IconListView class="tool-btn" v-tooltip="'演讲者视图'" @click="changeViewMode('presenter')" />
|
<IconListView class="tool-btn" v-tooltip="'演讲者视图'" @click="changeViewMode('presenter')" />
|
||||||
<IconOffScreenOne class="tool-btn" v-tooltip="'退出全屏'" v-if="fullscreenState" @click="manualExitFullscreen()" />
|
<IconOffScreenOne class="tool-btn" v-tooltip="'退出全屏'" v-if="fullscreenState" @click="manualExitFullscreen()" />
|
||||||
<IconFullScreenOne class="tool-btn" v-tooltip="'进入全屏'" v-else @click="enterFullscreen()" />
|
<IconFullScreenOne class="tool-btn" v-tooltip="'进入全屏'" v-else @click="enterFullscreen()" />
|
||||||
<Hands class="tool-btn" v-if="classcourse" v-tooltip="'课堂点名'" @click="ToolHandle('named')" />
|
|
||||||
<Share class="tool-btn" v-if="classcourse" v-tooltip="'分享'" @click="ShareCode()" />
|
|
||||||
<IconPower class="tool-btn" v-if="!classcourse" v-tooltip="'结束放映'" @click="exitScreening()" />
|
<IconPower class="tool-btn" v-if="!classcourse" v-tooltip="'结束放映'" @click="exitScreening()" />
|
||||||
<IconPower class="tool-btn" v-else v-tooltip="'结束课堂'" @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt" />
|
<IconPower class="tool-btn" v-else v-tooltip="'结束课堂'" @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt" />
|
||||||
|
<Share class="tool-btn" v-if="classcourse" v-tooltip="'分享'" @click="ShareCode()" />
|
||||||
</div>
|
</div>
|
||||||
<div :class="['tools-icon',{opacity:iconHide}]" @click.stop="toolTrigger('icon')">
|
<div :class="['tools-icon',{opacity:iconHide}]" @click.stop="toolTrigger('icon')">
|
||||||
<circle-double-down v-if="rightToolsVisible" theme="outline" size="30" fill="#409EFF"/>
|
<circle-double-down v-if="rightToolsVisible" theme="outline" size="30" fill="#409EFF"/>
|
||||||
|
@ -77,8 +76,8 @@ import WritingBoardTool from './WritingBoardTool.vue'
|
||||||
import CountdownTimer from './CountdownTimer.vue'
|
import CountdownTimer from './CountdownTimer.vue'
|
||||||
import emitter from '@/utils/mitt';
|
import emitter from '@/utils/mitt';
|
||||||
import Chat from '../../api/chat' // 聊天
|
import Chat from '../../api/chat' // 聊天
|
||||||
import { CircleDoubleDown, CircleDoubleUp, Share, Hands } from '@icon-park/vue-next' // icon-park 图标库
|
import { CircleDoubleDown, CircleDoubleUp, Share } from '@icon-park/vue-next' // icon-park 图标库
|
||||||
import { ShareCode, ToolHandle } from '@/utils/ppt' // ppt相关
|
import { ShareCode } from '@/utils/ppt' // ppt相关
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
changeViewMode: (mode: 'base' | 'presenter') => void
|
changeViewMode: (mode: 'base' | 'presenter') => void
|
||||||
|
|
|
@ -10,10 +10,7 @@
|
||||||
<IconOffScreenOne class="tool-icon" v-else />
|
<IconOffScreenOne class="tool-icon" v-else />
|
||||||
<span>{{ fullscreenState ? '退出全屏' : '全屏' }}</span>
|
<span>{{ fullscreenState ? '退出全屏' : '全屏' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="classcourse">
|
<div class="tool-btn" @click="ShareCode()"><Share class="tool-icon" /><span>分享</span></div>
|
||||||
<div class="tool-btn" @click="ToolHandle('named')"><Hands class="tool-icon" /><span>课堂点名</span></div>
|
|
||||||
<div class="tool-btn" @click="ShareCode()"><Share class="tool-icon" /><span>分享</span></div>
|
|
||||||
</template>
|
|
||||||
<Divider class="divider" />
|
<Divider class="divider" />
|
||||||
<div class="tool-btn" v-if="!classcourse" @click="exitScreening()"><IconPower class="tool-icon" /><span>结束放映</span></div>
|
<div class="tool-btn" v-if="!classcourse" @click="exitScreening()"><IconPower class="tool-icon" /><span>结束放映</span></div>
|
||||||
<div class="tool-btn" v-else @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt"><IconPower class="tool-icon" /><span>结束课堂</span></div>
|
<div class="tool-btn" v-else @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt"><IconPower class="tool-icon" /><span>结束课堂</span></div>
|
||||||
|
@ -82,7 +79,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { Share, Hands } from '@icon-park/vue-next' // icon-park 图标库
|
import { Share } from '@icon-park/vue-next' // icon-park 图标库
|
||||||
import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
|
import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||||
import { storeToRefs } from 'pinia'
|
import { storeToRefs } from 'pinia'
|
||||||
import { useSlidesStore, useClasscourseStore } from '../../store'
|
import { useSlidesStore, useClasscourseStore } from '../../store'
|
||||||
|
@ -102,7 +99,7 @@ import CountdownTimer from './CountdownTimer.vue'
|
||||||
import Divider from '../../components/Divider.vue'
|
import Divider from '../../components/Divider.vue'
|
||||||
import emitter from '@/utils/mitt';
|
import emitter from '@/utils/mitt';
|
||||||
import Chat from '../../api/chat' // 聊天
|
import Chat from '../../api/chat' // 聊天
|
||||||
import { ShareCode, ToolHandle } from '@/utils/ppt' // ppt相关
|
import { ShareCode } from '@/utils/ppt' // ppt相关
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
changeViewMode: (mode: 'base' | 'presenter') => void
|
changeViewMode: (mode: 'base' | 'presenter') => void
|
||||||
|
|
|
@ -4,7 +4,8 @@
|
||||||
<PresenterView :changeViewMode="changeViewMode" v-else-if="viewMode === 'presenter'" />
|
<PresenterView :changeViewMode="changeViewMode" v-else-if="viewMode === 'presenter'" />
|
||||||
<!-- 点赞组件 -->
|
<!-- 点赞组件 -->
|
||||||
<upvote-vue ref="upvoteRef" type="2"></upvote-vue>
|
<upvote-vue ref="upvoteRef" type="2"></upvote-vue>
|
||||||
|
<!-- <div style="z-index: 999;position: absolute;top:10px">
|
||||||
|
</div> -->
|
||||||
<!-- 推图上屏弹窗 -->
|
<!-- 推图上屏弹窗 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="dialogVisible"
|
v-model="dialogVisible"
|
||||||
|
@ -14,7 +15,7 @@
|
||||||
:show-close="false"
|
:show-close="false"
|
||||||
>
|
>
|
||||||
<grid-pic ref="gridPicRef" style="height:100%;" @clear="clearchidrenPic"></grid-pic>
|
<grid-pic ref="gridPicRef" style="height:100%;" @clear="clearchidrenPic"></grid-pic>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -33,8 +33,6 @@
|
||||||
:type="elementInfo.gradient.type"
|
:type="elementInfo.gradient.type"
|
||||||
:colors="elementInfo.gradient.colors"
|
:colors="elementInfo.gradient.colors"
|
||||||
:rotate="elementInfo.gradient.rotate"
|
:rotate="elementInfo.gradient.rotate"
|
||||||
:image="elementInfo.gradient.image"
|
|
||||||
:info="elementInfo"
|
|
||||||
/>
|
/>
|
||||||
</defs>
|
</defs>
|
||||||
<g
|
<g
|
||||||
|
|
|
@ -1,25 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- auth:zdg 增加图片 -->
|
|
||||||
<pattern
|
|
||||||
v-if="type === 'image'"
|
|
||||||
:id="id"
|
|
||||||
:x="image?.stretch?.l || 0"
|
|
||||||
:y="image?.stretch?.t || 0"
|
|
||||||
:width="image?.path_W||'100%'"
|
|
||||||
:height="image?.path_h||'100%'"
|
|
||||||
:style="image.rotWithShape==0?'transform:rotate('+(-info.rotate)+'deg)' : ''"
|
|
||||||
patternUnits="userSpaceOnUse">
|
|
||||||
<image
|
|
||||||
:width="image?.path_W||200"
|
|
||||||
:height="image?.path_h||200"
|
|
||||||
:href="image.src"
|
|
||||||
:opacity="image.opacity"
|
|
||||||
preserveAspectRatio="none"
|
|
||||||
/>
|
|
||||||
</pattern>
|
|
||||||
<!-- auth:zdg 默认 线性渐变 -->
|
|
||||||
<linearGradient
|
<linearGradient
|
||||||
v-else-if="type === 'linear'"
|
v-if="type === 'linear'"
|
||||||
:id="id"
|
:id="id"
|
||||||
x1="0%"
|
x1="0%"
|
||||||
y1="0%"
|
y1="0%"
|
||||||
|
@ -29,35 +10,20 @@
|
||||||
>
|
>
|
||||||
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<!-- auth:zdg 默认 径向渐变 -->
|
|
||||||
<radialGradient :id="id" v-else>
|
<radialGradient :id="id" v-else>
|
||||||
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
||||||
</radialGradient>
|
</radialGradient>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import type { GradientColor, GradientType, PPTShapeElement } from '../../../../types/slides'
|
import type { GradientColor, GradientType } from '../../../../types/slides'
|
||||||
interface ImageSvg {
|
|
||||||
src: string,
|
withDefaults(defineProps<{
|
||||||
width: number,
|
|
||||||
height: number,
|
|
||||||
zipPath: string,
|
|
||||||
opacity: number,
|
|
||||||
rotWithShape: string,
|
|
||||||
stretch?: {
|
|
||||||
l?: number,
|
|
||||||
t?: number,
|
|
||||||
r?: number,
|
|
||||||
b?: number
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const data = withDefaults(defineProps<{
|
|
||||||
id: string
|
id: string
|
||||||
type: GradientType
|
type: GradientType
|
||||||
colors?: GradientColor[]
|
colors: GradientColor[]
|
||||||
rotate?: number,
|
rotate?: number
|
||||||
image?: ImageSvg,
|
|
||||||
info?: PPTShapeElement
|
|
||||||
}>(), {
|
}>(), {
|
||||||
rotate: 0,
|
rotate: 0,
|
||||||
})
|
})
|
||||||
|
|
|
@ -42,8 +42,6 @@
|
||||||
:type="elementInfo.gradient.type"
|
:type="elementInfo.gradient.type"
|
||||||
:colors="elementInfo.gradient.colors"
|
:colors="elementInfo.gradient.colors"
|
||||||
:rotate="elementInfo.gradient.rotate"
|
:rotate="elementInfo.gradient.rotate"
|
||||||
:image="elementInfo.gradient.image"
|
|
||||||
:info="elementInfo"
|
|
||||||
/>
|
/>
|
||||||
</defs>
|
</defs>
|
||||||
<g
|
<g
|
||||||
|
|
|
@ -79,34 +79,3 @@ export const getModelInfo = (params) => {
|
||||||
params
|
params
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 上传tts语音
|
|
||||||
export const aitts = (data) => {
|
|
||||||
return request({
|
|
||||||
url: '/aitts/createTts',
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 语音关联课
|
|
||||||
export const addFileToSC = (params) => {
|
|
||||||
return request({
|
|
||||||
url: '/smarttalk/file/addFileToSC',
|
|
||||||
method: 'post',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//EOS生成表单上传的签名
|
|
||||||
export const createSignature = (data) => {
|
|
||||||
return request({
|
|
||||||
url: '/eos/createSignature',
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//EOS生成本地上传的临时签名
|
|
||||||
export const sessionToken = () => {
|
|
||||||
return request({
|
|
||||||
url: '/eos/sessionToken',
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
|
@ -118,13 +118,6 @@ export function docList(params) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除 doc ai文档
|
|
||||||
export function removeDoc(id) {
|
|
||||||
return request({
|
|
||||||
url: '/education/doc/' + id,
|
|
||||||
method: 'delete',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 保存教学大纲
|
// 保存教学大纲
|
||||||
export function addSyllabus(data) {
|
export function addSyllabus(data) {
|
||||||
|
@ -135,27 +128,3 @@ export function addSyllabus(data) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取保存的大纲列表
|
|
||||||
export function syllabusList(params) {
|
|
||||||
return request({
|
|
||||||
url: '/education/generate/list',
|
|
||||||
method: 'get',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 删除大纲
|
|
||||||
export function removeSyllabus(id) {
|
|
||||||
return request({
|
|
||||||
url: '/education/generate/' + id,
|
|
||||||
method: 'delete',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function editSyllabus(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/generate',
|
|
||||||
method: 'put',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
|
@ -114,16 +114,4 @@ export function getShareCode(id) {
|
||||||
data: { id }
|
data: { id }
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* 课堂点名
|
|
||||||
* @param {*} timgroupid 群id
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export function rollCall(timgroupid) {
|
|
||||||
return request({
|
|
||||||
url: '/education/classcourse/roll/call',
|
|
||||||
method: 'post',
|
|
||||||
data: { timgroupid }
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 107 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.5 MiB |
|
@ -1,135 +0,0 @@
|
||||||
<template>
|
|
||||||
<!-- <form @submit.prevent="submitForm" enctype="multipart/form-data">-->
|
|
||||||
<form action="https://wzyzoss.eos-chongqing-3.cmecloud.cn" method="post" enctype="multipart/form-data">
|
|
||||||
<!-- action 是具体要上传的地址 -->
|
|
||||||
<!--
|
|
||||||
|
|
||||||
上传后文件(Object)名:
|
|
||||||
<input type="input" name="key" :value="uploadData.key" placeholder="文件名" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
ACL:
|
|
||||||
<input type="hidden" name="acl" :value="uploadData.acl" placeholder="文件 ACL" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
Content-Type:
|
|
||||||
<input type="input" name="Content-Type" :value="uploadData['Content-Type']" placeholder="文件类型" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
X-Amz-Credential:
|
|
||||||
<input type="text" name="X-Amz-Credential" :value="uploadData['x-amz-credential']" placeholder="X-Amz-Credential,从后端程序返回中获取" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
X-Amz-Algorithm:
|
|
||||||
<input type="text" name="X-Amz-Algorithm" :value="uploadData['x-amz-algorithm']" placeholder="X-Amz-Algorithm, 从后端程序返回中获取" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
X-Amz-Date:
|
|
||||||
<input type="text" name="X-Amz-Date" :value="uploadData['x-amz-date']" placeholder="X-Amz-Date 从后端程序返回中获取" style="width: 400px"><br/><br/>
|
|
||||||
|
|
||||||
Policy:
|
|
||||||
<input type="text" name="Policy" :value="uploadData.policy" placeholder="Policy 从后端程序返回中获取" style="width: 400px"/><br/><br/>
|
|
||||||
|
|
||||||
X-Amz-Signature:
|
|
||||||
<input type="text" name="X-Amz-Signature" :value="uploadData['x-amz-signature']" placeholder="X-Amz-Signature 从后端程序返回中获取" style="width: 400px"/><br/><br/>
|
|
||||||
-->
|
|
||||||
|
|
||||||
选择文件(Object)
|
|
||||||
<input type="file" name="file" @change="handleFileChange" style="width: 400px"/> <br/><br/>
|
|
||||||
<input type="submit" name="submit" value="上传到 EOS" style="width: 400px"/><br/><br/>
|
|
||||||
<el-button @click="uploadFile">上传</el-button>
|
|
||||||
</form>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import {ref, onMounted} from "vue"
|
|
||||||
import {createSignature, sessionToken} from "@/api/file";
|
|
||||||
import axios from "axios"
|
|
||||||
|
|
||||||
const url = "https://wzyzoss.eos-chongqing-3.cmecloud.cn"
|
|
||||||
const uploadData = ref({
|
|
||||||
"bucket": "wzyzoss",
|
|
||||||
"x-amz-date": "20250113T061000Z",
|
|
||||||
"x-amz-signature": "2d6fba9f27544bfc7414d660e2e73aafdaf02fe3de45e68f59d580276239cd07",
|
|
||||||
"acl": "private",
|
|
||||||
"x-amz-algorithm": "AWS4-HMAC-SHA256",
|
|
||||||
"key": "wzyzossa",
|
|
||||||
"x-amz-credential": "07ICFAF4IWWZP6RH0WCG/20250113/us-east-1/s3/aws4_request",
|
|
||||||
"Content-Type": null,
|
|
||||||
"policy": "eyJleHBpcmF0aW9uIjoiMjAyNS0wMS0xM1QwNzoxMDowMC42NzVaIiwiY29uZGl0aW9ucyI6W3sieC1hbXotZGF0ZSI6IjIwMjUwMTEzVDA2MTAwMFoifSx7ImFjbCI6InByaXZhdGUifSx7ImJ1Y2tldCI6Ind6eXpvc3MifSxbInN0YXJ0cy13aXRoIiwiJGtleSIsInd6eXpvc3NhIl0sWyJzdGFydHMtd2l0aCIsIiRDb250ZW50LVR5cGUiLCJudWxsIl0seyJ4LWFtei1hbGdvcml0aG0iOiJBV1M0LUhNQUMtU0hBMjU2In0seyJ4LWFtei1jcmVkZW50aWFsIjoiMDdJQ0ZBRjRJV1daUDZSSDBXQ0cvMjAyNTAxMTMvdXMtZWFzdC0xL3MzL2F3czRfcmVxdWVzdCJ9LFsiY29udGVudC1sZW5ndGgtcmFuZ2UiLDEsMTAwMDAwXV19"
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const submitForm = ()=> {
|
|
||||||
let formData = new FormData();
|
|
||||||
for (const formDataKey in formData) {
|
|
||||||
formData.append(formDataKey, formData[formDataKey]);
|
|
||||||
}
|
|
||||||
axios.post(url, formData, {
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'multipart/form-data'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.then(response => {
|
|
||||||
console.log('表单提交成功,服务器响应:', response.data);
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.log('表单提交失败:', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const S3Data = {
|
|
||||||
apiVersion: "2006-03-01",
|
|
||||||
accessKeyId: "2UYNH48SKS4O3WB4W4OI", // 服务端获取到的 access key ID
|
|
||||||
secretAccessKey: "spwk4vcPbQUa3n7H8AwOFWqhK712XUX23CrUlwC8", // 服务端获取到的 secret access key
|
|
||||||
endpoint: "eos-chongqing-3.cmecloud.cn",
|
|
||||||
signatureVersion: "v2",
|
|
||||||
sslEnabled: true // 是否启用 HTTPS 连接
|
|
||||||
}
|
|
||||||
|
|
||||||
let selectedFile = null
|
|
||||||
|
|
||||||
const handleFileChange = (event)=> {
|
|
||||||
// 获取选中的文件
|
|
||||||
selectedFile = event.target.files[0];
|
|
||||||
}
|
|
||||||
|
|
||||||
const uploadMessage = ref(null)
|
|
||||||
|
|
||||||
const uploadFile = ()=>{
|
|
||||||
if (selectedFile) {
|
|
||||||
console.log(S3Data)
|
|
||||||
// 创建一个 AWS.S3 实例
|
|
||||||
const s3 = new AWS.S3(S3Data);
|
|
||||||
let params = {
|
|
||||||
Key: selectedFile.name,
|
|
||||||
Bucket: "wzyzoss",
|
|
||||||
ContentType: selectedFile.type,
|
|
||||||
Body: selectedFile
|
|
||||||
}
|
|
||||||
console.log(params)
|
|
||||||
s3.putObject(params, function (err, data) {
|
|
||||||
console.log(err,data)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(()=>{
|
|
||||||
console.log(AWS)
|
|
||||||
/*createSignature({objectName:"123.jpg",contentType:"image/png"}).then(res=>{
|
|
||||||
uploadData.value = res.body
|
|
||||||
})*/
|
|
||||||
sessionToken().then(res=>{
|
|
||||||
uploadMessage.value = res.data
|
|
||||||
console.log(res.data)
|
|
||||||
S3Data.accessKeyId = res.data.accessKeyId
|
|
||||||
// S3Data.accessKeyId = "kzOm2cc7nT12ao907Tc"
|
|
||||||
S3Data.secretAccessKey = res.data.secretAccessKey
|
|
||||||
// S3Data.secretAccessKey = "MYXV8Z3UKZVQETFNKQKLJQA67II6E3YEY8RODCV"
|
|
||||||
S3Data.endpoint = res.data.endPoint
|
|
||||||
S3Data.sessionToken = res.data.sessionToken
|
|
||||||
// S3Data.sessionToken = "zPpRolsWE3n7fbmqdt/tzyoSeYULFedptLuKdnJBag5X9y73fitu93WPLMMqYQzYTR+mg86jxs3IQJjOpgFRShdiNB2/mWRvfyeEZ3xo6cRMYnFXSLASIxCyvAH48pH6Z1pI3NuqtaZzlx7zdeoHYCskOuzBXoLhxN1cCXTg3AEZqQ0K4v1RcPIi4cD/YE+XCa+V7DjYU2Bs9zxZ4I52wXOtdnTg9Gj+MwfT+CywOio="
|
|
||||||
S3Data.apiVersion = "2006-03-01"
|
|
||||||
})
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
|
|
||||||
</style>
|
|
|
@ -1,240 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div style="height: auto; display: flex">
|
|
||||||
<div style="flex: 1">
|
|
||||||
<div class="audio-container">
|
|
||||||
<aiAudio
|
|
||||||
@saveClick="saveClick"
|
|
||||||
ref="audioRef"
|
|
||||||
:audioSrc="audioSrc"
|
|
||||||
@auditionClick="auditionClick"
|
|
||||||
></aiAudio>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="background: #fff; height: 85vh; min-width: 364px; margin-left: 20px;overflow: hidden;">
|
|
||||||
<div style="padding: 0 20px; height: 100%;">
|
|
||||||
<el-tabs v-model="activeTab" class="prepare-tabs">
|
|
||||||
<el-tab-pane label="素材" name="素材">
|
|
||||||
<div class="prepare-body-header">
|
|
||||||
<div>
|
|
||||||
<label style="font-size: 15px"
|
|
||||||
>共{{
|
|
||||||
currentFileList.filter(
|
|
||||||
(ite) => ite.fileFlag !== 'apt' && ite.fileFlag !== '课件'
|
|
||||||
).length
|
|
||||||
}}个文件</label
|
|
||||||
>
|
|
||||||
<!-- <el-popover placement="top-start" :width="250" trigger="hover">
|
|
||||||
<template #default>
|
|
||||||
<div>
|
|
||||||
<el-button
|
|
||||||
v-if="lastAsyncAllTime"
|
|
||||||
type="success"
|
|
||||||
size="small"
|
|
||||||
:icon="Check"
|
|
||||||
circle
|
|
||||||
/>
|
|
||||||
{{ lastAsyncAllTime ? toTimeText(lastAsyncAllTime) + '同步成功' : '' }}
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template #reference>
|
|
||||||
<el-button size="small" text @click="asyncAllFile">
|
|
||||||
<el-icon v-loading="asyncAllFileVisiable">
|
|
||||||
<Refresh />
|
|
||||||
</el-icon>
|
|
||||||
{{ asyncAllFileVisiable ? '同步中' : '云同步' }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-popover> -->
|
|
||||||
<!-- <el-button size="small" @click="isDialogOpen = true">上传资料</el-button>
|
|
||||||
<el-button size="small" @click="reloadFiles">资源重载</el-button> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-checkbox-group
|
|
||||||
v-model="checkFileList"
|
|
||||||
class="prepare-body-main"
|
|
||||||
:style="{ 'margin-bottom': checkFileList.length > 0 ? '40px' : '0' }"
|
|
||||||
>
|
|
||||||
<file-list-item
|
|
||||||
v-for="(item, index) in currentSCFileList"
|
|
||||||
:key="index"
|
|
||||||
:item="item"
|
|
||||||
:index="index"
|
|
||||||
@on-delete="deleteSuccess"
|
|
||||||
>
|
|
||||||
</file-list-item>
|
|
||||||
</el-checkbox-group>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { useRoute } from 'vue-router'
|
|
||||||
import { getSmarttalkPage, moveSmarttalk, creatAPT } from '@/api/file'
|
|
||||||
import FileListItem from '@/views/prepare/container/file-list-item.vue'
|
|
||||||
import { parseCataByNode, creatPPT, asyncLocalFile, removeLocalFiles } from '@/utils/talkFile'
|
|
||||||
import { uploadPicture } from '@/api/aiGeneratedImage/index.js'
|
|
||||||
import { aitts, addFileToSC } from '@/api/file/index.js'
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
FileListItem
|
|
||||||
},
|
|
||||||
props: {},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
activeTab: '素材',
|
|
||||||
currentFileList: [],
|
|
||||||
uploadData: {},
|
|
||||||
checkFileList: [],
|
|
||||||
isLoading: false,
|
|
||||||
lastAsyncAllTime: '',
|
|
||||||
audioSrc: null,
|
|
||||||
filedata: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
isCheckAll() {
|
|
||||||
return (
|
|
||||||
this.checkFileList.length > 0 && this.checkFileList.length === this.currentSCFileList.length
|
|
||||||
)
|
|
||||||
},
|
|
||||||
currentSCFileList() {
|
|
||||||
// return this.currentFileList.filter((item) => item.fileFlag !== 'apt' && item.fileFlag !== '课件')
|
|
||||||
return this.currentFileList.filter((item) => !['apt', 'aippt'].includes(item.fileFlag))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
deleteSuccess(item) {
|
|
||||||
this.asyncAllFile() // 刷新资源列表
|
|
||||||
},
|
|
||||||
auditionClick(requestData) {
|
|
||||||
this.$refs.audioRef.startLoading = true
|
|
||||||
aitts(requestData)
|
|
||||||
.then((res) => {
|
|
||||||
console.log(res)
|
|
||||||
if (res.code == 200) {
|
|
||||||
this.audioSrc = res.data.fullUrl
|
|
||||||
this.filedata = res.data
|
|
||||||
this.$refs.audioRef.startLoading = false
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.msg)
|
|
||||||
this.$refs.audioRef.startLoading = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
this.$refs.audioRef.startLoading = false
|
|
||||||
})
|
|
||||||
},
|
|
||||||
saveClick(requestData) {
|
|
||||||
this.$refs.audioRef.saveLoading = true
|
|
||||||
aitts(requestData)
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
this.filedata = res.data
|
|
||||||
const saveObj = {
|
|
||||||
textbookId: this.uploadData.textbookId,
|
|
||||||
levelFirstId: this.uploadData.levelFirstId,
|
|
||||||
levelSecondId: this.uploadData.levelSecondId,
|
|
||||||
fileSource: this.uploadData.fileSource,
|
|
||||||
fileRoot: this.uploadData.fileRoot,
|
|
||||||
fileShowName: this.filedata.uploadTime+'音频.' + this.filedata.fileSuffix,
|
|
||||||
fileFlag: '素材',
|
|
||||||
fileId: this.filedata.id
|
|
||||||
}
|
|
||||||
addFileToSC(saveObj)
|
|
||||||
.then((resone) => {
|
|
||||||
this.$message.success('上传成功')
|
|
||||||
this.asyncAllFile()
|
|
||||||
this.$refs.audioRef.saveLoading = false
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
this.$refs.audioRef.saveLoading = false
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$message.error(res.msg)
|
|
||||||
this.$refs.audioRef.saveLoading = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
console.log(err)
|
|
||||||
this.$refs.audioRef.saveLoading = false
|
|
||||||
})
|
|
||||||
|
|
||||||
},
|
|
||||||
asyncAllFile() {
|
|
||||||
this.isLoading = true
|
|
||||||
return getSmarttalkPage({
|
|
||||||
...this.uploadData,
|
|
||||||
orderByColumn: 'createTime',
|
|
||||||
isAsc: 'desc',
|
|
||||||
pageSize: 500
|
|
||||||
})
|
|
||||||
.then(async (res) => {
|
|
||||||
this.currentFileList = [...res.rows].filter((item) => item.fileType === 'audio/wav')
|
|
||||||
this.isLoading = false
|
|
||||||
this.lastAsyncAllTime = new Date()
|
|
||||||
localStorage.setItem('lastAsyncAllTime', this.lastAsyncAllTime)
|
|
||||||
this.asyncAllFileVisiable = true
|
|
||||||
for (let i = 0; i < this.currentFileList.length; i++) {
|
|
||||||
let item = this.currentFileList[i]
|
|
||||||
if (item.fileFlag === 'apt') continue
|
|
||||||
if (item.fileFlag === 'aippt') continue
|
|
||||||
await asyncLocalFile(item)
|
|
||||||
}
|
|
||||||
this.asyncAllFileVisiable = false
|
|
||||||
return Promise.resolve()
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.isLoading = false
|
|
||||||
return Promise.resolve()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onMoveSingleFile(item) {
|
|
||||||
this.moveFile = [item]
|
|
||||||
this.isMoveDialogOpen = true
|
|
||||||
},
|
|
||||||
deleteTalk(item) {
|
|
||||||
let index = this.currentFileList.indexOf(item)
|
|
||||||
this.currentFileList.splice(index, 1)
|
|
||||||
},
|
|
||||||
// 打开布置作业窗口
|
|
||||||
openSet(row) {
|
|
||||||
// 布置推送:row 这里是单个,转为list
|
|
||||||
this.rows = [row]
|
|
||||||
this.setDialog = true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
const route = useRoute()
|
|
||||||
this.uploadData = route.query
|
|
||||||
// this.dataset_id = route.query.datasetId;
|
|
||||||
// this.courseName = route.query.coursetitle;
|
|
||||||
// this.levelFirstId = route.query.levelFirstId;
|
|
||||||
// this.levelSecondId = route.query.levelSecondId;
|
|
||||||
// this.textbookId = route.query.textbookId;
|
|
||||||
this.asyncAllFile() // 刷新资源列表
|
|
||||||
},
|
|
||||||
beforeDestroy() {}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped scss>
|
|
||||||
:deep(.prepare-item-info-title) {
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
.prepare-body-main{
|
|
||||||
overflow-y: auto;
|
|
||||||
height: 74vh;
|
|
||||||
}
|
|
||||||
:deep(.audio-container .content-main){
|
|
||||||
height: 85vh !important ;
|
|
||||||
}
|
|
||||||
:deep(.audio-container .content-main div:nth-of-type(1)){
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -11,21 +11,15 @@
|
||||||
:default-expanded-keys="defaultExpandedKeys" :current-node-key="curNode.data.id" highlight-current
|
:default-expanded-keys="defaultExpandedKeys" :current-node-key="curNode.data.id" highlight-current
|
||||||
@node-click="handleNodeClick">
|
@node-click="handleNodeClick">
|
||||||
<template #default="{ node, data }">
|
<template #default="{ node, data }">
|
||||||
<div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')" class="tree-label-wrap">
|
<div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')">
|
||||||
<el-tooltip effect="light" placement="right" >
|
<el-tooltip effect="light" placement="right" content="该单元章节无自主试题">
|
||||||
<template #content> {{ node.label }}<br /><span style="color: red;">-该单元章节无自主试题-</span> </template>
|
<span class="tree-label" style="color: #A5B3CA">
|
||||||
<div class="tree-label" style="color: #A5B3CA" >
|
|
||||||
{{ node.label }}
|
{{ node.label }}
|
||||||
</div>
|
</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="tree-label-wrap">
|
<div v-else>
|
||||||
<el-tooltip effect="light" placement="right" >
|
<span class="tree-label">{{ node.label }}</span>
|
||||||
<template #content> {{ node.label }}</template>
|
|
||||||
<div class="tree-label">
|
|
||||||
{{ node.label }}
|
|
||||||
</div>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
|
@ -44,9 +38,8 @@
|
||||||
|
|
||||||
<div class="textbook-container">
|
<div class="textbook-container">
|
||||||
<el-scrollbar height="450px">
|
<el-scrollbar height="450px">
|
||||||
<div
|
<div class="textbook-item flex" v-for="item in subjectList" :class="curBook.data.id == item.id ? 'active-item' : ''"
|
||||||
v-for="item in subjectList" :key="item.id" class="textbook-item flex"
|
:key="item.id" @click="changeBook(item)">
|
||||||
:class="curBook.data.id == item.id ? 'active-item' : ''" @click="changeBook(item)">
|
|
||||||
<img v-if="item.avartar" :src="item.avartar.indexOf('http') === 0 ? item.avartar : BaseUrl + item.avartar" class="textbook-img" alt="">
|
<img v-if="item.avartar" :src="item.avartar.indexOf('http') === 0 ? item.avartar : BaseUrl + item.avartar" class="textbook-img" alt="">
|
||||||
<div v-else class="textbook-img">
|
<div v-else class="textbook-img">
|
||||||
<i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
|
<i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
|
||||||
|
@ -341,8 +334,7 @@ onMounted( async () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tree-label-wrap, .tree-label {
|
.tree-label {
|
||||||
max-width: 100%;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
|
@ -26,7 +26,6 @@ const getFileTypeIcon = () => {
|
||||||
doc: 'icon-word',
|
doc: 'icon-word',
|
||||||
docx: 'icon-word',
|
docx: 'icon-word',
|
||||||
mp4: 'icon-video',
|
mp4: 'icon-video',
|
||||||
wav: 'icon-mp',
|
|
||||||
mov: 'icon-mov',
|
mov: 'icon-mov',
|
||||||
avi: 'icon-avi',
|
avi: 'icon-avi',
|
||||||
jpeg: 'icon-jpeg',
|
jpeg: 'icon-jpeg',
|
||||||
|
|
|
@ -2,45 +2,34 @@
|
||||||
<el-dialog v-model="isDialog" :show-close="false" width="900" append-to-body destroy-on-close>
|
<el-dialog v-model="isDialog" :show-close="false" width="900" append-to-body destroy-on-close>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="custom-header flex">
|
<div class="custom-header flex">
|
||||||
<span>选择</span>
|
<span>选择{{ title }}</span>
|
||||||
<i class="iconfont icon-guanbi" @click="isDialog = false"></i>
|
<i class="iconfont icon-guanbi" @click="isDialog = false"></i>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="dialog-content" v-loading="loading">
|
<div class="dialog-content">
|
||||||
|
|
||||||
<div class="content-list">
|
<div class="content-list">
|
||||||
<el-empty description="暂无数据" v-if="!fileList.length" />
|
<ul>
|
||||||
<el-radio-group v-model="curFileId">
|
<li v-for="(item, index) in fileList" :class="activeIndex == index ? 'li-active' : ''"
|
||||||
<el-row>
|
@click="clickItem(index, item)">
|
||||||
<el-col :span="12" v-for="item in fileList" :key="item.id">
|
<el-image class="img" :src="url" />
|
||||||
<el-radio :value="item.id">
|
<el-button type="primary" class="prev-btn" @click.stop="onPrevItem(item)">预览</el-button>
|
||||||
<el-text class="w-50" truncated>{{ item.fileName }}</el-text>
|
<el-text truncated>{{ item.fileName }}</el-text>
|
||||||
<div class="flex items-center">
|
</li>
|
||||||
<el-button type="primary" link v-if="isPrev(item).value" @click="onPrevItem(item)"
|
</ul>
|
||||||
>预览</el-button
|
|
||||||
>
|
|
||||||
<el-button type="danger" link @click="removeItem(item)">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</el-radio>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-radio-group>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-upload
|
<el-upload class="upload-demo" :action="uploadFileUrl" :limit="1" :show-file-list="false" :headers="headers"
|
||||||
class="upload-demo"
|
:on-success="onSuccess">
|
||||||
:action="uploadFileUrl"
|
|
||||||
:limit="1"
|
|
||||||
:show-file-list="false"
|
|
||||||
:headers="headers"
|
|
||||||
:on-success="onSuccess"
|
|
||||||
>
|
|
||||||
<el-button type="primary">上传</el-button>
|
<el-button type="primary">上传</el-button>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
<div>
|
<div>
|
||||||
<el-button @click="isDialog = false">取消</el-button>
|
<el-button @click="isDialog = false">取消</el-button>
|
||||||
<el-button type="primary" @click="handleDialog"> 确定 </el-button>
|
<el-button type="primary" @click="isDialog = false">
|
||||||
|
确定
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -52,18 +41,21 @@
|
||||||
<i class="iconfont icon-guanbi" @click="prevVisible = false"></i>
|
<i class="iconfont icon-guanbi" @click="prevVisible = false"></i>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div style="height: calc(100vh - 120px); text-align: center;">
|
<div style="height: calc(100vh - 120px);">
|
||||||
<template v-if="getFileSuffix(prevItem.fileUrl) == 'pdf'">
|
<template v-if="getFileSuffix(prevItem.fileUrl) == 'pdf'">
|
||||||
<iframe :src="prevItem.fileUrl" frameborder="0" width="100%" height="100%"></iframe>
|
<iframe :src="prevItem.fileUrl"
|
||||||
|
frameborder="0" width="100%" height="100%"></iframe>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-image :src="prevItem.fileUrl" style="height: 100%" />
|
<el-image :src="prevItem.fileUrl" style="height:100%"/>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<div></div>
|
<div></div>
|
||||||
<el-button type="primary" @click="prevVisible = false"> 关闭 </el-button>
|
<el-button type="primary" @click="prevVisible = false">
|
||||||
|
关闭
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
@ -71,19 +63,20 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, computed, onMounted, reactive } from 'vue'
|
import { ref, computed, onMounted, reactive } from 'vue'
|
||||||
import { completion, addDoc, docList, removeDoc } from '@/api/mode/index.js'
|
import { completion, addDoc, docList } from '@/api/mode/index.js'
|
||||||
import { getToken } from '@/utils/auth'
|
import { getToken } from "@/utils/auth";
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import { dataSetJson } from '@/utils/comm.js'
|
import { dataSetJson } from '@/utils/comm.js'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { getFileSuffix } from '@/utils/ruoyi.js'
|
import { getFileSuffix } from '@/utils/ruoyi.js'
|
||||||
import emitter from '@/utils/mitt'
|
import emitter from '@/utils/mitt';
|
||||||
import { cloneDeep } from 'lodash'
|
|
||||||
|
|
||||||
const userInfo = useUserStore().user
|
const userInfo = useUserStore().user
|
||||||
const uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + '/common/upload')
|
const uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload");
|
||||||
const headers = ref({ Authorization: 'Bearer ' + getToken() })
|
const headers = ref({ Authorization: "Bearer " + getToken() });
|
||||||
|
|
||||||
|
const url = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F11044b08-04c1-41a0-a453-1fd20b58a614%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1732953359&t=7ab1d1b3a903db85b1149914407aea35'
|
||||||
|
|
||||||
const isDialog = defineModel()
|
const isDialog = defineModel()
|
||||||
const prevVisible = ref(false)
|
const prevVisible = ref(false)
|
||||||
|
@ -95,14 +88,36 @@ const props = defineProps({
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const title = computed(() => {
|
||||||
|
if (props.modeType == 1) return '课标';
|
||||||
|
if (props.modeType == 2) return '教材';
|
||||||
|
if (props.modeType == 3) return '考试';
|
||||||
|
})
|
||||||
|
|
||||||
const isPrev = (item) => {
|
const radio = ref(1)
|
||||||
return computed(() => {
|
const radioList = ref([
|
||||||
return ['pdf', 'png', 'jpg', 'jpeg', 'gif', 'webp'].includes(getFileSuffix(item.fileUrl))
|
{ label: '浏览研读', value: 1 },
|
||||||
})
|
{ label: '跨学科研读', value: 2 },
|
||||||
|
{ label: '跨学段研读', value: 3 },
|
||||||
|
{ label: '课标修订研读', value: 4 },
|
||||||
|
{ label: '自由研读', value: 5 },
|
||||||
|
])
|
||||||
|
const list = ref([
|
||||||
|
{
|
||||||
|
name: '高中语文课程标准',
|
||||||
|
url
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const changeRadio = () => {
|
||||||
|
list.value = []
|
||||||
|
for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
|
||||||
|
list.value.push({
|
||||||
|
name: '高中语文课程标准',
|
||||||
|
url
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
const activeIndex = ref(0)
|
||||||
const curFileId = ref(0)
|
|
||||||
|
|
||||||
const dataset_id = ref('')
|
const dataset_id = ref('')
|
||||||
|
|
||||||
|
@ -128,79 +143,43 @@ const onSuccess = async (response) => {
|
||||||
const { msg } = await addDoc(docData)
|
const { msg } = await addDoc(docData)
|
||||||
ElMessage.success(msg)
|
ElMessage.success(msg)
|
||||||
getList()
|
getList()
|
||||||
|
|
||||||
}
|
}
|
||||||
const curNode = reactive({})
|
const curNode = reactive({})
|
||||||
|
|
||||||
// 获取doc ai 文档列表
|
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
const curFile = reactive({})
|
const curFile = reactive({})
|
||||||
const getList = () => {
|
const getList = () => {
|
||||||
docList({
|
docList({
|
||||||
createUser: userInfo.userId,
|
userId: userInfo.userId,
|
||||||
datasetId: dataset_id.value
|
dataset_id: dataset_id.value
|
||||||
}).then((res) => {
|
}).then(res => {
|
||||||
fileList.value = [...res.rows]
|
fileList.value = [...res.rows]
|
||||||
if(res.rows.length){
|
Object.assign(curFile, fileList.value[0])
|
||||||
Object.assign(curFile, fileList.value[0])
|
|
||||||
curFileId.value = fileList.value[0].id
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const clickItem = (index, item) => {
|
||||||
// 删除
|
activeIndex.value = index
|
||||||
const loading = ref(false)
|
Object.assign(curFile, item)
|
||||||
const removeItem = (item) => {
|
emitter.emit('changeCurFile', item)
|
||||||
ElMessageBox.confirm('确定要删除?', '温馨提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning'
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
loading.value = true
|
|
||||||
removeDoc(item.id)
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('操作成功')
|
|
||||||
getList()
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
})
|
|
||||||
.catch(() => {})
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 预览
|
|
||||||
const prevItem = reactive({})
|
const prevItem = reactive({})
|
||||||
const onPrevItem = (item) => {
|
const onPrevItem = (item) => {
|
||||||
Object.assign(prevItem, item)
|
Object.assign(prevItem, item)
|
||||||
prevVisible.value = true
|
prevVisible.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
//确定选择
|
|
||||||
const handleDialog = () => {
|
|
||||||
isDialog.value = false
|
|
||||||
|
|
||||||
const item = fileList.value.find((item) => item.id == curFileId.value)
|
|
||||||
|
|
||||||
Object.assign(curFile, item)
|
|
||||||
emitter.emit('changeCurFile', item)
|
|
||||||
|
|
||||||
// 改变左侧 pdf
|
|
||||||
if (getFileSuffix(curFile.fileUrl) == 'pdf') {
|
|
||||||
let data = cloneDeep(curFile)
|
|
||||||
emitter.emit('changePdfUrl', data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
let data = sessionStore.get('subject.curNode')
|
let data = sessionStore.get('subject.curNode')
|
||||||
Object.assign(curNode, data)
|
Object.assign(curNode, data);
|
||||||
// 暂时写死"考试-" 目前只有考试分析才会弹出来
|
// 暂时写死"考试-" 目前只有考试分析才会弹出来
|
||||||
let jsonKey = `考试-${curNode.edustage}-${curNode.edusubject}`
|
let jsonKey = `考试-${curNode.edustage}-${curNode.edusubject}`
|
||||||
dataset_id.value = dataSetJson[jsonKey]
|
dataset_id.value = dataSetJson[jsonKey]
|
||||||
getList()
|
getList()
|
||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.custom-header {
|
.custom-header {
|
||||||
|
@ -219,6 +198,45 @@ onMounted(() => {
|
||||||
.content-list {
|
.content-list {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 130px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
height: 130px;
|
||||||
|
border: solid #ccc 1px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #E0EAFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover .prev-btn {
|
||||||
|
transform: translate(-50%, -40px)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.li-active {
|
||||||
|
background: #E0EAFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -228,7 +246,13 @@ onMounted(() => {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-radio__label) {
|
.prev-btn {
|
||||||
display: flex;
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%) translateY(-110px);
|
||||||
|
/* 按钮初始位置在容器外 */
|
||||||
|
transition: transform 0.3s ease-in-out;
|
||||||
|
/* 设置过渡效果 */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -2,9 +2,8 @@
|
||||||
<div class="container-left-page flex">
|
<div class="container-left-page flex">
|
||||||
<div class="container-left-header flex">
|
<div class="container-left-header flex">
|
||||||
<el-button link @click="onClick">
|
<el-button link @click="onClick">
|
||||||
{{ curNode.edustage }}{{ curNode.edusubject
|
{{ curNode.edustage }}{{ curNode.edusubject }}{{ type == 1 ? '课标研读' : type == 2 ? '教材分析' : '考试分析' }}<i
|
||||||
}}{{ type == 1 ? '课标研读' : type == 2 ? '教材分析' : '考试分析'
|
class="iconfont icon-xiangxia"></i>
|
||||||
}}<i v-if="type == 3" class="iconfont icon-xiangxia"></i>
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="container-left-pdf">
|
<div class="container-left-pdf">
|
||||||
|
@ -21,7 +20,6 @@ import { ref, onMounted, nextTick, reactive } from 'vue'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import PDF from '@/components/PdfJs/index.vue'
|
import PDF from '@/components/PdfJs/index.vue'
|
||||||
import LeftDialog from './left-dialog.vue'
|
import LeftDialog from './left-dialog.vue'
|
||||||
import emitter from '@/utils/mitt'
|
|
||||||
|
|
||||||
const props = defineProps(['type'])
|
const props = defineProps(['type'])
|
||||||
|
|
||||||
|
@ -31,12 +29,6 @@ const onClick = () => {
|
||||||
showDialog.value = true
|
showDialog.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
emitter.on('changePdfUrl', async (data) => {
|
|
||||||
pdfUrl.value = ''
|
|
||||||
await nextTick()
|
|
||||||
pdfUrl.value = data.fileUrl
|
|
||||||
})
|
|
||||||
|
|
||||||
// 加载PDF
|
// 加载PDF
|
||||||
const pdfUrl = ref('')
|
const pdfUrl = ref('')
|
||||||
const curNode = reactive({})
|
const curNode = reactive({})
|
||||||
|
@ -44,15 +36,16 @@ onMounted(async () => {
|
||||||
await nextTick()
|
await nextTick()
|
||||||
// 当前节点
|
// 当前节点
|
||||||
let nodeData = sessionStore.get('subject.curNode')
|
let nodeData = sessionStore.get('subject.curNode')
|
||||||
Object.assign(curNode, nodeData)
|
Object.assign(curNode, nodeData);
|
||||||
|
|
||||||
let data = sessionStore.get('subject.curBook')
|
let data = sessionStore.get('subject.curBook')
|
||||||
let fileurl = data.fileurl
|
let fileurl = data.fileurl
|
||||||
if (props.type == 1) {
|
if(props.type == 1){
|
||||||
fileurl = `${data.edustage}-${data.edusubject}-课标.txt`
|
fileurl = `${data.edustage}-${data.edusubject}-课标.txt`
|
||||||
}
|
}
|
||||||
if (fileurl == '') return
|
if(fileurl == '') return
|
||||||
pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt', '.pdf')
|
pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt', '.pdf')
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -60,7 +53,6 @@ onMounted(async () => {
|
||||||
.container-left-page {
|
.container-left-page {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.container-left-header {
|
.container-left-header {
|
||||||
height: 45px;
|
height: 45px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
@ -78,4 +70,4 @@ onMounted(async () => {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -16,7 +16,7 @@
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
|
<el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
|
||||||
<el-option v-for="item in modeOptions" :key="item.value" :disabled="item.disabled" :label="item.label" :value="item.value" />
|
<el-option v-for="item in modeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button type="danger" link :disabled="!(templateList.length)" @click="removeItem(curTemplate, false)">
|
<el-button type="danger" link :disabled="!(templateList.length)" @click="removeItem(curTemplate, false)">
|
||||||
删除
|
删除
|
||||||
|
@ -104,12 +104,6 @@ import { cloneDeep } from 'lodash'
|
||||||
const props = defineProps(['type'])
|
const props = defineProps(['type'])
|
||||||
const { user } = useUserStore()
|
const { user } = useUserStore()
|
||||||
|
|
||||||
const params = reactive(
|
|
||||||
{
|
|
||||||
prompt: '',
|
|
||||||
dataset_id: ''
|
|
||||||
}
|
|
||||||
)
|
|
||||||
const curMode = ref(2)
|
const curMode = ref(2)
|
||||||
const modeOptions = ref([
|
const modeOptions = ref([
|
||||||
{
|
{
|
||||||
|
@ -118,8 +112,7 @@ const modeOptions = ref([
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '知识库模型',
|
label: '知识库模型',
|
||||||
value: 2,
|
value: 2
|
||||||
disabled: false
|
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
|
|
||||||
|
@ -295,7 +288,12 @@ const onEdit = (index, item) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 重新研读
|
// 重新研读
|
||||||
|
const params = reactive(
|
||||||
|
{
|
||||||
|
prompt: '',
|
||||||
|
dataset_id: ''
|
||||||
|
}
|
||||||
|
)
|
||||||
const prompt = ref('')
|
const prompt = ref('')
|
||||||
|
|
||||||
// 重新研读
|
// 重新研读
|
||||||
|
@ -346,8 +344,6 @@ const againResult = async (index, item) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
|
|
||||||
// 一键研读
|
// 一键研读
|
||||||
const getCompletion = async () => {
|
const getCompletion = async () => {
|
||||||
isStarted.value = new Array(childTempList.length).fill(false)
|
isStarted.value = new Array(childTempList.length).fill(false)
|
||||||
|
@ -376,7 +372,6 @@ const getCompletion = async () => {
|
||||||
conversationId: conversation_id.value,
|
conversationId: conversation_id.value,
|
||||||
stream: false
|
stream: false
|
||||||
})
|
})
|
||||||
await delay(1000); // 每个请求之间延迟 1 秒
|
|
||||||
data = res.data
|
data = res.data
|
||||||
}
|
}
|
||||||
// 知识库模型
|
// 知识库模型
|
||||||
|
@ -485,18 +480,7 @@ onMounted(() => {
|
||||||
|
|
||||||
getTemplateList()
|
getTemplateList()
|
||||||
let jsonKey = `${modeType.value}-${data.edustage}-${data.edusubject}`
|
let jsonKey = `${modeType.value}-${data.edustage}-${data.edusubject}`
|
||||||
|
|
||||||
|
|
||||||
params.dataset_id = dataSetJson[jsonKey]
|
params.dataset_id = dataSetJson[jsonKey]
|
||||||
if(!params.dataset_id){
|
|
||||||
curMode.value = 1
|
|
||||||
modeOptions.value.forEach(item => {
|
|
||||||
if(item.value == 2){
|
|
||||||
item.disabled = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取百度千帆会话ID
|
// 获取百度千帆会话ID
|
||||||
conversation_id.value = localStorage.getItem('conversation_id')
|
conversation_id.value = localStorage.getItem('conversation_id')
|
||||||
if (!conversation_id.value) {
|
if (!conversation_id.value) {
|
||||||
|
|
|
@ -123,7 +123,7 @@
|
||||||
<!-- 边框样式 -->
|
<!-- 边框样式 -->
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
|
<el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
|
||||||
<el-button><el-image :src="borderStyleImg"
|
<el-button><el-image src="../../../src/assets/images/borderstyle.png"
|
||||||
style="width: 14px; height: 14px"></el-image></el-button>
|
style="width: 14px; height: 14px"></el-image></el-button>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
|
@ -303,7 +303,6 @@ import {
|
||||||
import Contextmenu from './components/Contextmenu.vue'
|
import Contextmenu from './components/Contextmenu.vue'
|
||||||
import { fontFamilyList, fontSizeList } from './constants'
|
import { fontFamilyList, fontSizeList } from './constants'
|
||||||
|
|
||||||
const borderStyleImg = new URL('../../../src/assets/images/borderstyle.png', import.meta.url).href
|
|
||||||
const borderImg = new URL('../../../src/assets/images/borderwidth.png', import.meta.url).href
|
const borderImg = new URL('../../../src/assets/images/borderwidth.png', import.meta.url).href
|
||||||
const pointerImg = new URL('../../../src/assets/images/mouse-pointer.png', import.meta.url).href
|
const pointerImg = new URL('../../../src/assets/images/mouse-pointer.png', import.meta.url).href
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
|
|
|
@ -328,7 +328,7 @@ export const processList = (row, aloneOption=false) => {
|
||||||
// 处理[答案显示] - 1-正常 0-错误
|
// 处理[答案显示] - 1-正常 0-错误
|
||||||
const answer = workAnswerArr
|
const answer = workAnswerArr
|
||||||
.map((item) => {
|
.map((item) => {
|
||||||
return DICT_TRUE_OR_FALSE.TRUE.includes(item) ? '正确' : DICT_TRUE_OR_FALSE.FALSE.includes(item)?'错误':item;
|
return item === '1' ? '正确' : '错误'
|
||||||
})
|
})
|
||||||
.join('、')
|
.join('、')
|
||||||
row[i].workanswerFormat = answer
|
row[i].workanswerFormat = answer
|
||||||
|
@ -341,8 +341,3 @@ export const processList = (row, aloneOption=false) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const DICT_TRUE_OR_FALSE = {
|
|
||||||
TRUE: ['正确', '对', '√', '1'],
|
|
||||||
FALSE: ['错误', '错', '×', '0'],
|
|
||||||
};
|
|
|
@ -5,11 +5,7 @@
|
||||||
<el-popover ref="popoverRef" placement="right" trigger="hover" popper-class="popoverStyle" :tabindex="999" >
|
<el-popover ref="popoverRef" placement="right" trigger="hover" popper-class="popoverStyle" :tabindex="999" >
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<div class="user-info">
|
<div class="user-info">
|
||||||
<el-image class="user-img" :src="img">
|
<el-image class="user-img" :src="userStore.user.avatar ==='/img/avatar-default.jpg' || userStore.user.avatar ==='/images/img-avatar.png' ? defaultUserImg : dev_api + userStore.user.avatar" />
|
||||||
<template #error>
|
|
||||||
<img :src="route_path + userStore.user.avatar">
|
|
||||||
</template>
|
|
||||||
</el-image>
|
|
||||||
<span>{{ userStore.user.nickName }}</span>
|
<span>{{ userStore.user.nickName }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -69,7 +65,6 @@ import {toLinkLeftWeb} from "@/utils/tool"
|
||||||
|
|
||||||
const { ipcRenderer } = window.electron || {}
|
const { ipcRenderer } = window.electron || {}
|
||||||
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
||||||
const route_path = ref(import.meta.env.VITE_APP_BUILD_BASE_PATH)
|
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const currentRoute = ref('')
|
const currentRoute = ref('')
|
||||||
|
@ -80,9 +75,6 @@ const activeId = ref('/home')
|
||||||
const version = ref(pkc.version)
|
const version = ref(pkc.version)
|
||||||
|
|
||||||
const popoverRef = ref('')
|
const popoverRef = ref('')
|
||||||
// 默认图片
|
|
||||||
const img = ref('')
|
|
||||||
const defaultImg = ['/img/avatar-default.jpg','/images/img-avatar.png','/src/assets/images/img-avatar.png']
|
|
||||||
|
|
||||||
//是否是基地人员
|
//是否是基地人员
|
||||||
const isStadium = () => {
|
const isStadium = () => {
|
||||||
|
@ -232,11 +224,6 @@ const logout = () => {
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
userStore.getDeptInfo()
|
userStore.getDeptInfo()
|
||||||
// getregisterinfo()
|
// getregisterinfo()
|
||||||
if(defaultImg.includes(userStore.user.avatar)){
|
|
||||||
img.value = defaultUserImg
|
|
||||||
}else{
|
|
||||||
img.value = dev_api.value + userStore.user.avatar
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -358,7 +345,6 @@ onMounted(() => {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
.pointer-events{
|
.pointer-events{
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<span class="ml-5">《{{ curNode.itemtitle }}》</span>
|
<span class="ml-5">《{{ curNode.itemtitle }}》</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-center" v-else>
|
<div class="header-center" v-else>
|
||||||
{{APP_TITLE}}{{ version }}
|
AI文枢{{ version }}
|
||||||
</div>
|
</div>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<WindowTools />
|
<WindowTools />
|
||||||
|
@ -29,7 +29,6 @@ import pkc from "../../../../../package.json"
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
|
|
||||||
const version = ref(pkc.version)
|
const version = ref(pkc.version)
|
||||||
const APP_TITLE = import.meta.env.VITE_APP_TITLE
|
|
||||||
|
|
||||||
// 返回
|
// 返回
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
|
@ -10,15 +10,6 @@ import './assets/iconfont/iconfont'
|
||||||
import 'virtual:windi.css'
|
import 'virtual:windi.css'
|
||||||
import request from "@/utils/request";
|
import request from "@/utils/request";
|
||||||
|
|
||||||
//v-md-editor
|
|
||||||
import VMdPreview from '@kangc/v-md-editor/lib/preview';
|
|
||||||
import '@kangc/v-md-editor/lib/style/preview.css';
|
|
||||||
// 引入你所使用的主题 此处以 github 主题为例
|
|
||||||
import githubTheme from '@kangc/v-md-editor/lib/theme/github';
|
|
||||||
import '@kangc/v-md-editor/lib/theme/style/github.css';
|
|
||||||
// highlightjs
|
|
||||||
import hljs from 'highlight.js';
|
|
||||||
|
|
||||||
import { store } from '@/store'
|
import { store } from '@/store'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
|
@ -26,9 +17,6 @@ import log from 'electron-log/renderer' // 渲染进程日志-文件记录
|
||||||
import customComponent from '@/components/common' // 自定义组件
|
import customComponent from '@/components/common' // 自定义组件
|
||||||
import plugins from './plugins' // plugins插件
|
import plugins from './plugins' // plugins插件
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import aiAudio from 'aix-plugins-aitools' // 文字转语音插件
|
|
||||||
import '../../../node_modules/aix-plugins-aitools/aitools.css'
|
|
||||||
|
|
||||||
|
|
||||||
if(process.env.NODE_ENV != 'development') { // 非开发环境,将日志打印到日志文件
|
if(process.env.NODE_ENV != 'development') { // 非开发环境,将日志打印到日志文件
|
||||||
Object.assign(console, log.functions) // 渲染进程日志-控制台替换
|
Object.assign(console, log.functions) // 渲染进程日志-控制台替换
|
||||||
|
@ -51,40 +39,6 @@ app.config.globalProperties.$requestGetJYW = (url,config)=>{
|
||||||
import Icon from '@/AixPPTist/src/plugins/icon'
|
import Icon from '@/AixPPTist/src/plugins/icon'
|
||||||
import Directive from '@/AixPPTist/src/plugins/directive'
|
import Directive from '@/AixPPTist/src/plugins/directive'
|
||||||
|
|
||||||
VMdPreview.use(githubTheme, {
|
|
||||||
Hljs: hljs,
|
|
||||||
});
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
//!['development', 'mock'].includes(process.env.NODE_ENV)&&
|
|
||||||
if (import.meta.env.VITE_SHOW_DEV_TOOLS==='false') {
|
|
||||||
['log', 'warn', 'error', 'info'].forEach((item) => {
|
|
||||||
console[item] = (function (func) {
|
|
||||||
const res = localStorage.getItem('debug');
|
|
||||||
if (res === 'GMV_desk') {
|
|
||||||
return func;
|
|
||||||
}
|
|
||||||
return function () {};
|
|
||||||
})(console[item]);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})()
|
|
||||||
|
|
||||||
|
|
||||||
let script = document.createElement('script');
|
|
||||||
if (process.env.NODE_ENV !== 'development') {
|
|
||||||
const isNode = typeof require !== 'undefined' // 是否支持node函数
|
|
||||||
const path = isNode?require('path'):{}
|
|
||||||
// 设置 src 属性
|
|
||||||
script.src = path.join(__dirname, "/lib/build/aws-sdk-2.100.0.min.js");
|
|
||||||
}else {
|
|
||||||
script.src = "https://sdk.amazonaws.com/js/aws-sdk-2.100.0.min.js";
|
|
||||||
}
|
|
||||||
// 设置 async 属性,让脚本异步加载
|
|
||||||
script.async = false;
|
|
||||||
// 将 script 元素添加到文档的 head 元素中
|
|
||||||
document.head.appendChild(script);
|
|
||||||
|
|
||||||
app.use(router)
|
app.use(router)
|
||||||
.use(store)
|
.use(store)
|
||||||
.use(ElementPlus, { locale: zhLocale })
|
.use(ElementPlus, { locale: zhLocale })
|
||||||
|
@ -92,8 +46,6 @@ app.use(router)
|
||||||
.use(plugins)
|
.use(plugins)
|
||||||
.use(Icon)
|
.use(Icon)
|
||||||
.use(Directive)
|
.use(Directive)
|
||||||
.use(aiAudio)
|
|
||||||
.use(VMdPreview)
|
|
||||||
.mount('#app')
|
.mount('#app')
|
||||||
|
|
||||||
const isStadium = (user) => {
|
const isStadium = (user) => {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,358 +0,0 @@
|
||||||
// import type { number } from "echarts"
|
|
||||||
|
|
||||||
export interface Shadow {
|
|
||||||
h: number
|
|
||||||
v: number
|
|
||||||
blur: number
|
|
||||||
color: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Shape {
|
|
||||||
type: 'shape'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
borderColor: string
|
|
||||||
borderWidth: number
|
|
||||||
borderType: 'solid' | 'dashed' | 'dotted'
|
|
||||||
borderStrokeDasharray: string
|
|
||||||
shadow?: Shadow
|
|
||||||
fillColor: string
|
|
||||||
content: string
|
|
||||||
isFlipV: boolean
|
|
||||||
isFlipH: boolean
|
|
||||||
rotate: number
|
|
||||||
shapType: string
|
|
||||||
vAlign: string
|
|
||||||
path?: string
|
|
||||||
name: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Text {
|
|
||||||
type: 'text'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
borderColor: string
|
|
||||||
borderWidth: number
|
|
||||||
borderType: 'solid' | 'dashed' | 'dotted'
|
|
||||||
borderStrokeDasharray: string
|
|
||||||
shadow?: Shadow
|
|
||||||
fillColor: string
|
|
||||||
isFlipV: boolean
|
|
||||||
isFlipH: boolean
|
|
||||||
isVertical: boolean
|
|
||||||
rotate: number
|
|
||||||
content: string
|
|
||||||
vAlign: string
|
|
||||||
name: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Image {
|
|
||||||
type: 'image'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
src: string
|
|
||||||
rotate: number
|
|
||||||
isFlipH: boolean
|
|
||||||
isFlipV: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TableCell {
|
|
||||||
text: string
|
|
||||||
rowSpan?: number
|
|
||||||
colSpan?: number
|
|
||||||
vMerge?: number
|
|
||||||
hMerge?: number
|
|
||||||
fillColor?: string
|
|
||||||
fontColor?: string
|
|
||||||
fontBold?: boolean
|
|
||||||
}
|
|
||||||
export interface Table {
|
|
||||||
type: 'table'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
data: TableCell[][]
|
|
||||||
borderColor: string
|
|
||||||
borderWidth: number
|
|
||||||
borderType: 'solid' | 'dashed' | 'dotted'
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ChartType = 'lineChart' |
|
|
||||||
'line3DChart' |
|
|
||||||
'barChart' |
|
|
||||||
'bar3DChart' |
|
|
||||||
'pieChart' |
|
|
||||||
'pie3DChart' |
|
|
||||||
'doughnutChart' |
|
|
||||||
'areaChart' |
|
|
||||||
'area3DChart' |
|
|
||||||
'scatterChart' |
|
|
||||||
'bubbleChart' |
|
|
||||||
'radarChart' |
|
|
||||||
'surfaceChart' |
|
|
||||||
'surface3DChart' |
|
|
||||||
'stockChart'
|
|
||||||
|
|
||||||
export interface ChartValue {
|
|
||||||
x: string
|
|
||||||
y: number
|
|
||||||
}
|
|
||||||
export interface ChartXLabel {
|
|
||||||
[key: string]: string
|
|
||||||
}
|
|
||||||
export interface ChartItem {
|
|
||||||
key: string
|
|
||||||
values: ChartValue[]
|
|
||||||
xlabels: ChartXLabel
|
|
||||||
}
|
|
||||||
export type ScatterChartData = [number[], number[]]
|
|
||||||
export interface CommonChart {
|
|
||||||
type: 'chart'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
data: ChartItem[]
|
|
||||||
chartType: Exclude<ChartType, 'scatterChart' | 'bubbleChart'>
|
|
||||||
barDir?: 'bar' | 'col'
|
|
||||||
marker?: boolean
|
|
||||||
holeSize?: string
|
|
||||||
grouping?: string
|
|
||||||
style?: string
|
|
||||||
}
|
|
||||||
export interface ScatterChart {
|
|
||||||
type: 'chart'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
data: ScatterChartData,
|
|
||||||
chartType: 'scatterChart' | 'bubbleChart'
|
|
||||||
}
|
|
||||||
export type Chart = CommonChart | ScatterChart
|
|
||||||
|
|
||||||
export interface Video {
|
|
||||||
type: 'video'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
blob?: string
|
|
||||||
src?: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Audio {
|
|
||||||
type: 'audio'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
blob: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Diagram {
|
|
||||||
type: 'diagram'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
elements: (Shape | Text)[]
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Math {
|
|
||||||
type: 'math'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
latex: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export type BaseElement = Shape | Text | Image | Table | Chart | Video | Audio | Diagram | Math
|
|
||||||
|
|
||||||
export interface Group {
|
|
||||||
type: 'group'
|
|
||||||
left: number
|
|
||||||
top: number
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
rotate: number
|
|
||||||
elements: BaseElement[]
|
|
||||||
}
|
|
||||||
export type Element = BaseElement | Group
|
|
||||||
|
|
||||||
export interface SlideColorFill {
|
|
||||||
type: 'color'
|
|
||||||
value: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SlideImageFill {
|
|
||||||
type: 'image'
|
|
||||||
value: {
|
|
||||||
picBase64: string
|
|
||||||
opacity: number
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SlideGradientFill {
|
|
||||||
type: 'gradient'
|
|
||||||
value: {
|
|
||||||
rot: number
|
|
||||||
colors: {
|
|
||||||
pos: string
|
|
||||||
color: string
|
|
||||||
}[]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export type SlideFill = SlideColorFill | SlideImageFill | SlideGradientFill
|
|
||||||
|
|
||||||
export interface Slide {
|
|
||||||
fill: SlideFill
|
|
||||||
elements: Element[]
|
|
||||||
note: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Options {
|
|
||||||
slideFactor?: number
|
|
||||||
fontsizeFactor?: number
|
|
||||||
}
|
|
||||||
|
|
||||||
export const parse: (file: ArrayBuffer, options?: Options) => Promise<{
|
|
||||||
slides: Slide[]
|
|
||||||
size: {
|
|
||||||
width: number
|
|
||||||
height: number
|
|
||||||
}
|
|
||||||
}>
|
|
||||||
|
|
||||||
/** zdg: 新内容 */
|
|
||||||
export const align = {
|
|
||||||
getHorizontalAlign?: (t,e,r,n) => string
|
|
||||||
getVerticalAlign?: (t,e,r,n) => string
|
|
||||||
}
|
|
||||||
export const border = {
|
|
||||||
getBorder?: (t,e,r) => string
|
|
||||||
}
|
|
||||||
export const chart = {
|
|
||||||
getChartInfo?: (t) => string
|
|
||||||
}
|
|
||||||
export const color = {
|
|
||||||
applyHueMod?: (t) => string
|
|
||||||
applyLumMod?: (t) => string
|
|
||||||
applyLumOff?: (t) => string
|
|
||||||
applySatMod?: (t) => string
|
|
||||||
applyShade?: (t) => string
|
|
||||||
applyTint?: (t) => string
|
|
||||||
getColorName2Hex?: (t) => string
|
|
||||||
hslToRgb?: (t) => string
|
|
||||||
hueToRgb?: (t) => string
|
|
||||||
}
|
|
||||||
export const fontStyle = {
|
|
||||||
getFontBold?: (t) => string
|
|
||||||
getFontColor?: (t) => string
|
|
||||||
getFontDecoration?: (t) => string
|
|
||||||
getFontDecorationLine?: (t) => string
|
|
||||||
getFontItalic?: (t) => string
|
|
||||||
getFontShadow?: (t) => string
|
|
||||||
getFontSize?: (t) => string
|
|
||||||
getFontSpace?: (t) => string
|
|
||||||
getFontSubscript?: (t) => string
|
|
||||||
getFontType?: (t) => string
|
|
||||||
}
|
|
||||||
export const fill = {
|
|
||||||
getBgGradientFill?: (bgPr, phClr, slideMasterContent, warpObj) => string|object|null
|
|
||||||
getBgPicFill?: (bgPr, sorce, warpObj) => object|null
|
|
||||||
getFillType?: (node) => string
|
|
||||||
getPicFill?: (type, node, warpObj) => string|null|undefined
|
|
||||||
getPicFillBase64?: (zipPath, zipObj) => string|null|undefined
|
|
||||||
getShapeFill?: (node, isSvgMode, warpObj) => object|null
|
|
||||||
getShapeFillBg?: (node, source, warpObj) => object<{zipPath:string,opacity:number}>|null
|
|
||||||
getSlideBackgroundFill?: (warpObj) => object<{type: string, value: string}>
|
|
||||||
getSolidFill?: (solidFill, clrMap, phClr, warpObj) => string
|
|
||||||
}
|
|
||||||
export const math = {
|
|
||||||
findOMath?: (t) => string
|
|
||||||
latexFormart?: (t) => string
|
|
||||||
parseAccent?: (t) => string
|
|
||||||
parseBar?: (t) => string
|
|
||||||
parseBox?: (t) => string
|
|
||||||
parseDelimiter?: (t) => string
|
|
||||||
parseEqArr?: (t) => string
|
|
||||||
parseFraction?: (t) => string
|
|
||||||
parseFunction?: (t) => string
|
|
||||||
parseGroupChr?: (t) => string
|
|
||||||
parseLimit?: (t) => string
|
|
||||||
parseMatrix?: (t) => string
|
|
||||||
parseNary?: (t) => string
|
|
||||||
parseOMath?: (t) => string
|
|
||||||
parseRadical?: (t) => string
|
|
||||||
parseSubscript?: (t) => string
|
|
||||||
parseSuperscript?: (t) => string
|
|
||||||
}
|
|
||||||
export const position = {
|
|
||||||
getPosition?: (t) => string
|
|
||||||
getPt?: (t) => string
|
|
||||||
getSize?: (t) => string
|
|
||||||
}
|
|
||||||
export const readXmlFile = {
|
|
||||||
readXmlFile?: (t) => string
|
|
||||||
simplifyLostLess?: (t) => string
|
|
||||||
}
|
|
||||||
export const schemeColor = {
|
|
||||||
getSchemeColorFromTheme?: (t) => string
|
|
||||||
}
|
|
||||||
export const shadow = {
|
|
||||||
getShadow?: (t) => string
|
|
||||||
}
|
|
||||||
export const shape = {
|
|
||||||
getCustomShapePath?: (t) => string
|
|
||||||
shapeArc?: (t) => string
|
|
||||||
}
|
|
||||||
export const table = {
|
|
||||||
getTableBorders?: (t) => string
|
|
||||||
getTableCellParams?: (t) => string
|
|
||||||
getTableRowParams?: (t) => string
|
|
||||||
}
|
|
||||||
export const text = {
|
|
||||||
genSpanElement?: (t) => string
|
|
||||||
genTextBody?: (t) => string
|
|
||||||
getListType?: (t) => string
|
|
||||||
}
|
|
||||||
export const utils = {
|
|
||||||
angleToDegrees?: (t) => string
|
|
||||||
base64ArrayBuffer?: (t) => string
|
|
||||||
eachElement?: (t) => string
|
|
||||||
escapeHtml?: (t) => string
|
|
||||||
extractFileExtension?: (t) => string
|
|
||||||
getMimeType?: (t) => string
|
|
||||||
getTextByPathList?: (t) => string
|
|
||||||
isVideoLink?: (t) => string
|
|
||||||
toHex?: (t) => string
|
|
||||||
}
|
|
||||||
|
|
||||||
export const genChart: (node, warpObj) => object
|
|
||||||
export const genDiagram: (node, warpObj) => object
|
|
||||||
export const genShape: (node, slideLayoutSpNode, slideMasterSpNode, name, type, warpObj) => object
|
|
||||||
export const genTable: (node, warpObj) => object
|
|
||||||
export const getContentTypes: (zip) => object
|
|
||||||
export const getNote: (noteContent) => string
|
|
||||||
export const getSlideInfo: (zip) => object
|
|
||||||
export const getSlideLayoutEl: (warpObj, isPh) => Array
|
|
||||||
export const indexNodes: (content) => object
|
|
||||||
export const loadTheme: (zip) => object|null
|
|
||||||
export const processCxnSpNode: (node, warpObj) => object
|
|
||||||
export const processGraphicFrameNode: (node, warpObj, source) => string
|
|
||||||
export const processGroupSpNode: (node, warpObj, source) => object|null
|
|
||||||
export const processMathNode: (t) => string
|
|
||||||
export const processNodesInSlide: (t) => string
|
|
||||||
export const processPicNode: (t) => string
|
|
||||||
export const processSingleSlide: (t) => string
|
|
||||||
export const processSpNode: (t) => string
|
|
File diff suppressed because it is too large
Load Diff
|
@ -90,24 +90,12 @@ export const constantRoutes = [
|
||||||
name: 'questionUpload',
|
name: 'questionUpload',
|
||||||
meta: { title: '习题上传', showBread: true }
|
meta: { title: '习题上传', showBread: true }
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'groupTestPaper',
|
|
||||||
component: () => import('@/views/classTask/groupTestPaper/index.vue'),
|
|
||||||
name: 'groupTestPaper',
|
|
||||||
meta: { title: '自动组卷', showBread: true }
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: 'aiKolors',
|
path: 'aiKolors',
|
||||||
component: () => import('@/components/ai-kolors/index.vue'),
|
component: () => import('@/components/ai-kolors/index.vue'),
|
||||||
name: 'aiKolors',
|
name: 'aiKolors',
|
||||||
meta: { title: '文生图片', showBread: true }
|
meta: { title: '文生图片', showBread: true }
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'aiVoice',
|
|
||||||
component: () => import('@/components/ai-voice/index.vue'),
|
|
||||||
name: 'aiVoice',
|
|
||||||
meta: { title: '语音生成', showBread: true }
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -407,54 +407,11 @@ export const dataSetJson = {
|
||||||
"教材-高中-数学": "e03aa4fe9fd011ef91270242ac140006",
|
"教材-高中-数学": "e03aa4fe9fd011ef91270242ac140006",
|
||||||
"教材-高中-地理": "270516829fd111efb13c0242ac140006",
|
"教材-高中-地理": "270516829fd111efb13c0242ac140006",
|
||||||
"教材-高中-政治": "a2f0b247b85d11ef84290242ac140005",
|
"教材-高中-政治": "a2f0b247b85d11ef84290242ac140005",
|
||||||
|
|
||||||
"考试-小学-语文": "570f7ed2cc9d11ef9e070242ac140002",
|
|
||||||
"考试-小学-数学": "983270b8cc9d11efbbd80242ac140002",
|
|
||||||
"考试-小学-英语": "d5f80e4ccc9d11ef96fa0242ac140002",
|
|
||||||
"课标-小学-信息科技": "2fe08c7ad18911efbeaa0242ac140002",
|
|
||||||
"课标-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
"课标-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
||||||
"课标-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
"课标-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
||||||
"课标-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
"课标-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
||||||
"课标-小学-道德": "8da87869cbd711ef92280242ac140002",
|
|
||||||
"课标-小学-英语": "dc963316cbd811ef8d820242ac140002",
|
|
||||||
"课标-小学-劳动": "fc047d81cbdc11efa1740242ac140002",
|
|
||||||
"教材-小学-信息科技": "2fe08c7ad18911efbeaa0242ac140002",
|
|
||||||
"教材-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
"教材-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
||||||
"教材-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
"教材-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
||||||
"教材-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
"教材-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
||||||
"教材-小学-道德": "8da87869cbd711ef92280242ac140002",
|
|
||||||
"教材-小学-英语": "dc963316cbd811ef8d820242ac140002",
|
|
||||||
"教材-小学-劳动": "fc047d81cbdc11efa1740242ac140002",
|
|
||||||
|
|
||||||
"教材-初中-道德与法治": "df9f3ccccbdd11ef9e550242ac140002",
|
|
||||||
"教材-初中-语文": "3770ad18cbde11efadaa0242ac140002",
|
|
||||||
"教材-初中-数学": "8cc0a799cbde11ef8b440242ac140002",
|
|
||||||
"教材-初中-英语": "07b58ca2cbdf11efaa180242ac140002",
|
|
||||||
"教材-初中-物理": "86f2c018cbf211ef9d6a0242ac140002",
|
|
||||||
"教材-初中-化学": "c7b34790cbf211ef92350242ac140002",
|
|
||||||
"教材-初中-生物": "083ac3edcbf311efaad30242ac140002",
|
|
||||||
"教材-初中-地理": "7ee584e1cbf311efbd270242ac140002",
|
|
||||||
"教材-初中-历史": "8ae07971cbf411ef81e70242ac140002",
|
|
||||||
"教材-初中-信息技术": "ca476233cbf411efa9860242ac140002",
|
|
||||||
"课标-初中-道德与法治": "df9f3ccccbdd11ef9e550242ac140002",
|
|
||||||
"课标-初中-语文": "3770ad18cbde11efadaa0242ac140002",
|
|
||||||
"课标-初中-数学": "8cc0a799cbde11ef8b440242ac140002",
|
|
||||||
"课标-初中-英语": "07b58ca2cbdf11efaa180242ac140002",
|
|
||||||
"课标-初中-物理": "86f2c018cbf211ef9d6a0242ac140002",
|
|
||||||
"课标-初中-化学": "c7b34790cbf211ef92350242ac140002",
|
|
||||||
"课标-初中-生物": "083ac3edcbf311efaad30242ac140002",
|
|
||||||
"课标-初中-地理": "7ee584e1cbf311efbd270242ac140002",
|
|
||||||
"课标-初中-历史": "8ae07971cbf411ef81e70242ac140002",
|
|
||||||
"课标-初中-信息技术": "ca476233cbf411efa9860242ac140002",
|
|
||||||
|
|
||||||
"考试-初中-语文": "6be6d201cc0111ef89100242ac140002",
|
|
||||||
"考试-初中-数学": "d764b539cc0111ef8f1b0242ac140002",
|
|
||||||
"考试-初中-英语": "3477cff7cc9911efbfa50242ac140002",
|
|
||||||
"考试-初中-政治": "7ac981d8cc9a11efa5dc0242ac140002",
|
|
||||||
"考试-初中-历史": "c058a33acc9a11efb7f00242ac140002",
|
|
||||||
"考试-初中-地理": "5548224ecc9b11efa76d0242ac140002",
|
|
||||||
"考试-初中-生物": "206c5fd3cc9c11ef990f0242ac140002",
|
|
||||||
"考试-初中-物理": "93039442cc9c11ef89b10242ac140002",
|
|
||||||
"考试-初中-化学": "f8d78002cc9c11efbbf60242ac140002",
|
|
||||||
"鉴权": "ragflow-IwMDI1MGU2YTU3NjExZWZiNWEzMDI0Mm"
|
"鉴权": "ragflow-IwMDI1MGU2YTU3NjExZWZiNWEzMDI0Mm"
|
||||||
}
|
}
|
||||||
|
|
|
@ -106,22 +106,6 @@ const getBackGroundV2 = async () => {
|
||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const createOutlineV2 = async (data) => {
|
|
||||||
try {
|
|
||||||
const response = await request({
|
|
||||||
url:"/api/aipptV2/createOutlineV2",
|
|
||||||
method: "POST",
|
|
||||||
data
|
|
||||||
});
|
|
||||||
console.log("createOutline response:", response);
|
|
||||||
|
|
||||||
return response.data;
|
|
||||||
} catch (error) {
|
|
||||||
console.error("请求失败:", error);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const createPPTV2 = async (data) => {
|
const createPPTV2 = async (data) => {
|
||||||
try {
|
try {
|
||||||
const response = await req("/api/aipptV2/createV2", "POST", data);
|
const response = await req("/api/aipptV2/createV2", "POST", data);
|
||||||
|
@ -133,18 +117,6 @@ const createPPTV2 = async (data) => {
|
||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const createPptByOutline = async (data) => {
|
|
||||||
try {
|
|
||||||
const response = await req("/api/aipptV2/createPptByOutline", "POST", data);
|
|
||||||
console.log("createOutline response:", response);
|
|
||||||
|
|
||||||
return response.data;
|
|
||||||
} catch (error) {
|
|
||||||
console.error("请求失败:", error);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const getProgressV2 = async (id) => {
|
const getProgressV2 = async (id) => {
|
||||||
try {
|
try {
|
||||||
const response = await req(`/api/aipptV2/progressV2?sid=${id}`, "GET");
|
const response = await req(`/api/aipptV2/progressV2?sid=${id}`, "GET");
|
||||||
|
@ -155,4 +127,4 @@ const getProgressV2 = async (id) => {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export { createOutline, getBackGround, createPPT, getProgress, getBackGroundV2, createOutlineV2, createPPTV2, getProgressV2, createByOutline, createPptByOutline };
|
export { createOutline, getBackGround, createPPT, getProgress, getBackGroundV2, createPPTV2, getProgressV2, createByOutline };
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/**
|
/**
|
||||||
* ppt 相关方法
|
* ppt 转换为图片
|
||||||
*/
|
*/
|
||||||
import { h, render, getCurrentInstance } from 'vue'
|
import { h, render, getCurrentInstance } from 'vue'
|
||||||
import { toPng, toJpeg } from 'html-to-image' // 引入html-to-image库
|
import { toPng, toJpeg } from 'html-to-image' // 引入html-to-image库
|
||||||
|
@ -8,7 +8,6 @@ import ThumbnailSlide from '@/AixPPTist/src/views/components/ThumbnailSlide/inde
|
||||||
import { useSlidesStore } from '@/AixPPTist/src/store'
|
import { useSlidesStore } from '@/AixPPTist/src/store'
|
||||||
import * as ElementPlus from 'element-plus'
|
import * as ElementPlus from 'element-plus'
|
||||||
import { sessionStore } from '@/utils/store' // electron-store 状态管理
|
import { sessionStore } from '@/utils/store' // electron-store 状态管理
|
||||||
import { getStaticUrl } from '@/utils/tool' // 工具类
|
|
||||||
import * as Http_Classcourse from '@/api/teaching/classcourse' // api接口
|
import * as Http_Classcourse from '@/api/teaching/classcourse' // api接口
|
||||||
|
|
||||||
// 延时
|
// 延时
|
||||||
|
@ -129,82 +128,4 @@ export const ShareCode = async(code, cb) => {
|
||||||
} else done()
|
} else done()
|
||||||
}
|
}
|
||||||
}).catch(() => {})
|
}).catch(() => {})
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 提示框
|
|
||||||
* @param {*} msg 内容
|
|
||||||
* @param {*} title 标题
|
|
||||||
* @param {*} option 配置
|
|
||||||
* @param {*} cb 关闭前回调 ({ h, instance, action, done }, done)
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const Alert = async (msg, title, option, cb) => {
|
|
||||||
try {
|
|
||||||
if (typeof msg == 'function') msg = await msg(h)
|
|
||||||
return await ElementPlus.ElMessageBox.alert(msg, title, {
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '关闭',
|
|
||||||
showCancelButton: true,
|
|
||||||
beforeClose: (action, instance, done) => {
|
|
||||||
if (action == 'confirm') { // 确认
|
|
||||||
if (!!cb) { // 回调
|
|
||||||
cb({ h, instance, action, done }, done) && done()
|
|
||||||
} else { // 默认确认
|
|
||||||
done()
|
|
||||||
}
|
|
||||||
} else done()
|
|
||||||
},
|
|
||||||
...option,
|
|
||||||
})
|
|
||||||
} catch { }
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 课堂工具栏-钩子
|
|
||||||
*/
|
|
||||||
export const ToolType = {
|
|
||||||
/** 分享码 */
|
|
||||||
SHARE_CODE: 'shareCode',
|
|
||||||
/** 课堂点名 */
|
|
||||||
NAMED: 'named',
|
|
||||||
}
|
|
||||||
export const ToolHandle = async(type, data, cb) => {
|
|
||||||
const classcourse = sessionStore.get('curr.classcourse') // 课堂信息
|
|
||||||
switch (type) {
|
|
||||||
case ToolType.SHARE_CODE:
|
|
||||||
return ShareCode(data, cb)
|
|
||||||
case ToolType.NAMED: {
|
|
||||||
if (!classcourse) return ElementPlus.ElMessage.warning('没有课堂信息!')
|
|
||||||
const avatar = getStaticUrl('/icon/avatar.svg')
|
|
||||||
const timgroupid = classcourse.timgroupid
|
|
||||||
if (!timgroupid) return ElementPlus.ElMessage.warning('没有课堂群信息!')
|
|
||||||
// 课堂点名
|
|
||||||
const res = await Http_Classcourse.rollCall(timgroupid)
|
|
||||||
if (!(res && res.code == 200 && res.data)) return ElementPlus.ElMessage.warning('点名失败!')
|
|
||||||
const userList = res?.data || []
|
|
||||||
const refresh = () => { ToolHandle(ToolType.NAMED); return true }
|
|
||||||
Alert(h => {
|
|
||||||
const attr_0 = {style:{display:'flex',gap:'10px', cursor:'pointer'}}
|
|
||||||
const attr_1 = { style:{display:'inline-flex',alignItems:'center',gap:'10px',padding:'5px 10px'}}
|
|
||||||
const attr_2 = { src: avatar, style: { width: '50px', height: '50px' }}
|
|
||||||
const attr_3 = { style: { fontSize: '20px', fontWeight: 'bold', color: '#409EFF' }}
|
|
||||||
const attr_4 = { style: { fontSize: '12px' }}
|
|
||||||
const userList_H = userList.map(o => {
|
|
||||||
attr_1.title = o.name
|
|
||||||
attr_4.style.color = o.online ? '#67C23A' : '#F56C6C'
|
|
||||||
return h('div', attr_1, [
|
|
||||||
h('img', attr_2),
|
|
||||||
h('div', [
|
|
||||||
h('p', attr_3, o.name),
|
|
||||||
h('span', attr_4, o.online?'在线':'离线')
|
|
||||||
])
|
|
||||||
])
|
|
||||||
})
|
|
||||||
return h('div', attr_0, userList_H)
|
|
||||||
}, '课堂点名', { confirmButtonText: '刷新' }, refresh)
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
break
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -1,138 +0,0 @@
|
||||||
/**
|
|
||||||
* svg 相关工具类
|
|
||||||
* @module svgUtils
|
|
||||||
* import { svgUtils } from '@/utils/svgUtils'
|
|
||||||
* @author: zdg
|
|
||||||
*/
|
|
||||||
|
|
||||||
// zdg: 计算路径的边界
|
|
||||||
export const calculatePathDimensions = (d) => {
|
|
||||||
let minX = Infinity;
|
|
||||||
let maxX = -Infinity;
|
|
||||||
let minY = Infinity;
|
|
||||||
let maxY = -Infinity;
|
|
||||||
let currentX = 0;
|
|
||||||
let currentY = 0;
|
|
||||||
const commandRegex = /([A-Za-z])([^A-Za-z]+)/g;
|
|
||||||
let match;
|
|
||||||
while ((match = commandRegex.exec(d))!== null) {
|
|
||||||
const type = match[1];
|
|
||||||
const params = match[2].trim().split(/\s+|,/).map(Number);
|
|
||||||
switch (type) {
|
|
||||||
case 'M': // 移动到
|
|
||||||
currentX = params[0];
|
|
||||||
currentY = params[1];
|
|
||||||
break;
|
|
||||||
case 'L': // 直线到
|
|
||||||
currentX = params[0];
|
|
||||||
currentY = params[1];
|
|
||||||
break;
|
|
||||||
case 'H': // 水平直线
|
|
||||||
currentX = params[0];
|
|
||||||
break;
|
|
||||||
case 'V': // 垂直直线
|
|
||||||
currentY = params[0];
|
|
||||||
break;
|
|
||||||
case 'C': // 三次贝塞尔曲线
|
|
||||||
for (let i = 0; i < params.length; i += 6) {
|
|
||||||
const control1X = params[i];
|
|
||||||
const control1Y = params[i + 1];
|
|
||||||
const control2X = params[i + 2];
|
|
||||||
const control2Y = params[i + 3];
|
|
||||||
const endX = params[i + 4];
|
|
||||||
const endY = params[i + 5];
|
|
||||||
// 更新边界
|
|
||||||
if (control1X < minX) minX = control1X;
|
|
||||||
if (control1X > maxX) maxX = control1X;
|
|
||||||
if (control1Y < minY) minY = control1Y;
|
|
||||||
if (control1Y > maxY) maxY = control1Y;
|
|
||||||
if (control2X < minX) minX = control2X;
|
|
||||||
if (control2X > maxX) maxX = control2X;
|
|
||||||
if (control2Y < minY) minY = control2Y;
|
|
||||||
if (control2Y > maxY) maxY = control2Y;
|
|
||||||
if (endX < minX) minX = endX;
|
|
||||||
if (endX > maxX) maxX = endX;
|
|
||||||
if (endY < minY) minY = endY;
|
|
||||||
if (endY > maxY) maxY = endY;
|
|
||||||
currentX = endX;
|
|
||||||
currentY = endY;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'S': // 光滑三次贝塞尔曲线
|
|
||||||
for (let i = 0; i < params.length; i += 4) {
|
|
||||||
const controlX = params[i];
|
|
||||||
const controlY = params[i + 1];
|
|
||||||
const endX = params[i + 2];
|
|
||||||
const endY = params[i + 3];
|
|
||||||
// 更新边界
|
|
||||||
if (controlX < minX) minX = controlX;
|
|
||||||
if (controlX > maxX) maxX = controlX;
|
|
||||||
if (controlY < minY) minY = controlY;
|
|
||||||
if (controlY > maxY) maxY = controlY;
|
|
||||||
if (endX < minX) minX = endX;
|
|
||||||
if (endX > maxX) maxX = endX;
|
|
||||||
if (endY < minY) minY = endY;
|
|
||||||
if (endY > maxY) maxY = endY;
|
|
||||||
currentX = endX;
|
|
||||||
currentY = endY;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'Q': // 二次贝塞尔曲线
|
|
||||||
for (let i = 0; i < params.length; i += 4) {
|
|
||||||
const controlX = params[i];
|
|
||||||
const controlY = params[i + 1];
|
|
||||||
const endX = params[i + 2];
|
|
||||||
const endY = params[i + 3];
|
|
||||||
// 更新边界
|
|
||||||
if (controlX < minX) minX = controlX;
|
|
||||||
if (controlX > maxX) maxX = controlX;
|
|
||||||
if (controlY < minY) minY = controlY;
|
|
||||||
if (controlY > maxY) maxY = controlY;
|
|
||||||
if (endX < minX) minX = endX;
|
|
||||||
if (endX > maxX) maxX = endX;
|
|
||||||
if (endY < minY) minY = endY;
|
|
||||||
if (endY > maxY) maxY = endY;
|
|
||||||
currentX = endX;
|
|
||||||
currentY = endY;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'T': // 光滑二次贝塞尔曲线
|
|
||||||
for (let i = 0; i < params.length; i += 2) {
|
|
||||||
const endX = params[i];
|
|
||||||
const endY = params[i + 1];
|
|
||||||
// 更新边界
|
|
||||||
if (endX < minX) minX = endX;
|
|
||||||
if (endX > maxX) maxX = endX;
|
|
||||||
if (endY < minY) minY = endY;
|
|
||||||
if (endY > maxY) maxY = endY;
|
|
||||||
currentX = endX;
|
|
||||||
currentY = endY;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'A': // 椭圆弧
|
|
||||||
const endX = params[5];
|
|
||||||
const endY = params[6];
|
|
||||||
// 更新边界
|
|
||||||
if (endX < minX) minX = endX;
|
|
||||||
if (endX > maxX) maxX = endX;
|
|
||||||
if (endY < minY) minY = endY;
|
|
||||||
if (endY > maxY) maxY = endY;
|
|
||||||
currentX = endX;
|
|
||||||
currentY = endY;
|
|
||||||
break;
|
|
||||||
case 'Z': // 闭合路径
|
|
||||||
// 闭合路径不影响边界,这里不需要额外操作
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
console.error(`Unknown command: ${type}`);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
if (currentX < minX) minX = currentX;
|
|
||||||
if (currentX > maxX) maxX = currentX;
|
|
||||||
if (currentY < minY) minY = currentY;
|
|
||||||
if (currentY > maxY) maxY = currentY;
|
|
||||||
}
|
|
||||||
const width = maxX - minX;
|
|
||||||
const height = maxY - minY;
|
|
||||||
return { width, height };
|
|
||||||
}
|
|
|
@ -9,8 +9,11 @@
|
||||||
<div style="font-size: 16px;font-weight: bold;color: #000;text-align: left;margin-bottom: 5px">可用分组</div>
|
<div style="font-size: 16px;font-weight: bold;color: #000;text-align: left;margin-bottom: 5px">可用分组</div>
|
||||||
<div class="groupList">
|
<div class="groupList">
|
||||||
<template v-for="(item,index) in groupList" :key="index">
|
<template v-for="(item,index) in groupList" :key="index">
|
||||||
<el-card
|
<el-card style="width: 20%;
|
||||||
class="card_div"
|
margin-right: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;"
|
||||||
v-if="item.parentid === 0"
|
v-if="item.parentid === 0"
|
||||||
@mouseenter="cardEnter(item,index)"
|
@mouseenter="cardEnter(item,index)"
|
||||||
@mouseleave="cardLeave(item,index)"
|
@mouseleave="cardLeave(item,index)"
|
||||||
|
@ -388,7 +391,6 @@ watch(()=> props.classId,()=> {
|
||||||
.groupList{
|
.groupList{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap:10px;
|
|
||||||
}
|
}
|
||||||
.card-row {
|
.card-row {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
@ -413,10 +415,4 @@ watch(()=> props.classId,()=> {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.card_div{
|
|
||||||
width: calc(20% - 10px);
|
|
||||||
margin-bottom: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,69 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card style="width: 100%;height: 100%">
|
<el-card style="width: 100%;height: 100%">
|
||||||
<el-descriptions
|
<el-descriptions :column="1">
|
||||||
class="margin-top"
|
<el-descriptions-item label="班级名称">{{ classInfo.caption }}</el-descriptions-item>
|
||||||
:column="6"
|
<el-descriptions-item label="教师">
|
||||||
:size="size"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-descriptions-item :span="2" :width="120">
|
|
||||||
<template #label>
|
|
||||||
<div class="cell-item">
|
|
||||||
<el-icon :style="iconStyle">
|
|
||||||
<user />
|
|
||||||
</el-icon>
|
|
||||||
班级名称
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
{{ classInfo.caption }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2" :width="120">
|
|
||||||
<template #label>
|
|
||||||
<div class="cell-item">
|
|
||||||
<el-icon :style="iconStyle">
|
|
||||||
<tickets />
|
|
||||||
</el-icon>
|
|
||||||
学段
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
{{ currentGrade }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2" :width="120">
|
|
||||||
<template #label>
|
|
||||||
<div class="cell-item">
|
|
||||||
<el-icon :style="iconStyle">
|
|
||||||
<location />
|
|
||||||
</el-icon>
|
|
||||||
年级
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
{{ currentGradeName }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2" :width="120">
|
|
||||||
<template #label>
|
|
||||||
<div class="cell-item">
|
|
||||||
<el-icon :style="iconStyle">
|
|
||||||
<iphone />
|
|
||||||
</el-icon>
|
|
||||||
学生人数
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
{{ classInfo.classstudentcount || 0 }}人
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="4" :width="120">
|
|
||||||
<template #label>
|
|
||||||
<div class="cell-item">
|
|
||||||
<el-icon :style="iconStyle">
|
|
||||||
<office-building />
|
|
||||||
</el-icon>
|
|
||||||
教师
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-if="classInfo.teacher.length > 0">
|
<template v-if="classInfo.teacher.length > 0">
|
||||||
<el-tag style="margin-right: 5px;margin-bottom: 5px;" type="primary" v-for="(item, index) in classInfo.teacher" :key="index">{{item.name}}</el-tag>
|
<el-tag style="margin-right: 5px;margin-bottom: 5px;" type="primary" v-for="(item, index) in classInfo.teacher" :key="index">{{item.name}}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>{{ classInfo.teachername }}</template>
|
<template v-else>{{ classInfo.teachername }}</template>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="学生人数">{{ classInfo.classstudentcount || 0 }}人</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
@ -72,7 +17,7 @@
|
||||||
import {ElMessage, ElMessageBox} from "element-plus";
|
import {ElMessage, ElMessageBox} from "element-plus";
|
||||||
import { getClassmain,listClassuser,leaveClass} from '@/api/classManage/index'
|
import { getClassmain,listClassuser,leaveClass} from '@/api/classManage/index'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import {reactive,onMounted,nextTick,watch,ref} from 'vue'
|
import {reactive,onMounted,nextTick,watch} from 'vue'
|
||||||
import delClassDemo from '@/store/modules/delClass'
|
import delClassDemo from '@/store/modules/delClass'
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
classId: {
|
classId: {
|
||||||
|
@ -86,36 +31,6 @@
|
||||||
})
|
})
|
||||||
const isDelClass = delClassDemo()
|
const isDelClass = delClassDemo()
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
// 当前年级
|
|
||||||
const currentGradeName = ref('')
|
|
||||||
// 当前学段
|
|
||||||
const currentGrade = ref('')
|
|
||||||
// 获取年级
|
|
||||||
const gradeDataList = reactive([
|
|
||||||
[
|
|
||||||
{ label: '一年级', agekey: 1, checked: false, current: 1 },
|
|
||||||
{ label: '二年级', agekey: 2, checked: false, current: 1 },
|
|
||||||
{ label: '三年级', agekey: 3, checked: false, current: 1 },
|
|
||||||
{ label: '四年级', agekey: 4, checked: false, current: 1 },
|
|
||||||
{ label: '五年级', agekey: 5, checked: false, current: 1 },
|
|
||||||
{ label: '六年级', agekey: 6, checked: false, current: 1 },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ label: '初一', agekey: 7, checked: false, current: 2 },
|
|
||||||
{ label: '初二', agekey: 8, checked: false, current: 2 },
|
|
||||||
{ label: '初三', agekey: 9, checked: false, current: 2 },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ label: '高一', agekey: 10, checked: false, current: 3 },
|
|
||||||
{ label: '高二', agekey: 11, checked: false, current: 3 },
|
|
||||||
{ label: '高三', agekey: 12, checked: false, current: 3 },
|
|
||||||
],
|
|
||||||
])
|
|
||||||
const gradeData = reactive([
|
|
||||||
{current:1, label:'小学',},
|
|
||||||
{current:2, label:'初中',},
|
|
||||||
{current:3, label:'高中',},
|
|
||||||
])
|
|
||||||
//删除教室
|
//删除教室
|
||||||
const deleteClassRoom = () => {
|
const deleteClassRoom = () => {
|
||||||
ElMessageBox.alert('确认删除该班级?', {
|
ElMessageBox.alert('确认删除该班级?', {
|
||||||
|
@ -138,14 +53,6 @@
|
||||||
if(props.classId){
|
if(props.classId){
|
||||||
getClassmain(props.classId).then(response => {
|
getClassmain(props.classId).then(response => {
|
||||||
Object.assign(classInfo,response.data)
|
Object.assign(classInfo,response.data)
|
||||||
//先把二级数组转化为一级数组,用于筛选
|
|
||||||
const flatGradeDataList = gradeDataList.flat();
|
|
||||||
//学段和年级的回显处理
|
|
||||||
const currentIndex = flatGradeDataList.findIndex(item => item.agekey === Number(response.data.agekey));
|
|
||||||
currentGradeName.value = flatGradeDataList[currentIndex].label
|
|
||||||
const current = flatGradeDataList[currentIndex].current
|
|
||||||
currentGrade.value = gradeData.find(item => item.current === current).label
|
|
||||||
console.log(classInfo,'classInfo');
|
|
||||||
listClassuser({classid:props.classId,pageSize:100}).then(res => {
|
listClassuser({classid:props.classId,pageSize:100}).then(res => {
|
||||||
classInfo.teacher = res.rows.filter(item => item.inrole === 'teacher')
|
classInfo.teacher = res.rows.filter(item => item.inrole === 'teacher')
|
||||||
classInfo.student = res.rows.filter(item => item.inrole === 'student')
|
classInfo.student = res.rows.filter(item => item.inrole === 'student')
|
||||||
|
@ -164,14 +71,5 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.el-descriptions {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.cell-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.margin-top {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,195 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="page-testpaper">
|
|
||||||
<div class="page-center">
|
|
||||||
<el-tabs v-model="activeAptTab" style="height: 100%;">
|
|
||||||
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
|
|
||||||
<SearchQuestion :bookobj="courseObj" @addQuizItem="handleClassWorkQuizItemAdd" />
|
|
||||||
</el-tab-pane>
|
|
||||||
<!-- <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
|
|
||||||
<SchoolQuestion />
|
|
||||||
</el-tab-pane> -->
|
|
||||||
<el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
|
|
||||||
<MyQuestion :bookobj="courseObj" @addQuizItem="handleClassWorkQuizItemAdd"/>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
|
||||||
<div class="page-right">
|
|
||||||
<p>总{{ classWorkForm.quizlist.length }}题 <span>进入组卷中心</span></p>
|
|
||||||
<div v-for="(item, index) in classWorkForm.worktypeList" :key="index" class="page-right-item">
|
|
||||||
<span>{{ item.key }}: {{ item.value }}题</span> <span @click="handleDeleteQuizItem(item)">删除</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { onMounted, ref, watch, reactive, getCurrentInstance, nextTick, defineEmits } from 'vue'
|
|
||||||
import { ElMessage } from 'element-plus'
|
|
||||||
import { cloneDeep } from 'lodash'
|
|
||||||
import { processList } from '@/hooks/useProcessList'
|
|
||||||
|
|
||||||
import MyQuestion from '@/views/classTask/newClassTaskAssign/myQuestion/index.vue'
|
|
||||||
import SearchQuestion from '@/views/classTask/newClassTaskAssign/searchQuestion/index.vue'
|
|
||||||
|
|
||||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
|
||||||
import { sessionStore } from '@/utils/store'
|
|
||||||
import { useRouter, useRoute } from 'vue-router'
|
|
||||||
import useUserStore from '@/store/modules/user'
|
|
||||||
import useClassTaskStore from '@/store/modules/classTask'
|
|
||||||
|
|
||||||
const userStore = useUserStore().user
|
|
||||||
const route = useRoute();
|
|
||||||
const router = useRouter()
|
|
||||||
const { proxy } = getCurrentInstance()
|
|
||||||
|
|
||||||
const emits = defineEmits(['getData'])
|
|
||||||
const props = defineProps({
|
|
||||||
currentCourse: Object,
|
|
||||||
})
|
|
||||||
|
|
||||||
const propsQueryCourseObj = route.query.courseObj;//作业布置的内容对象
|
|
||||||
const courseObj = reactive({
|
|
||||||
// 课程相关参数: 教材id,单元id,章节id,课程名称
|
|
||||||
textbookId: '',
|
|
||||||
levelFirstId: '',
|
|
||||||
levelSecondId: '',
|
|
||||||
coursetitle:'',
|
|
||||||
node: null, // 选择的课程节点
|
|
||||||
//
|
|
||||||
})
|
|
||||||
const activeAptTab = ref("自主搜题");
|
|
||||||
let classWorkForm = reactive({
|
|
||||||
id: '',// ,
|
|
||||||
uniquekey: '',// , // 作业唯一标识 作业名称
|
|
||||||
worktype: '',// '习题训练', //作业类型
|
|
||||||
worktypeList: [],// '习题训练', //作业类型
|
|
||||||
title: '',// // 作业说明
|
|
||||||
quizlist: [],// // 作业习题列表内容
|
|
||||||
}); // 需要提交 提交的作业内容
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
if(propsQueryCourseObj){
|
|
||||||
if(JSON.parse(propsQueryCourseObj)){
|
|
||||||
courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj // 版本
|
|
||||||
courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId // 单元
|
|
||||||
courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId // 章节
|
|
||||||
courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle // (单元/章节) 名称
|
|
||||||
courseObj.node = JSON.parse(propsQueryCourseObj).node; // 保存当前节点
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 添加作业
|
|
||||||
* @param entpcourseworkid
|
|
||||||
*/
|
|
||||||
const handleClassWorkQuizItemAdd = (row) => {
|
|
||||||
var exist = false;
|
|
||||||
for (var i=0; i< classWorkForm.quizlist.length; i++) {
|
|
||||||
if (classWorkForm.quizlist[i].id == row.id) {
|
|
||||||
exist = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (exist == false) {
|
|
||||||
// getEntpcoursework(entpcourseworkid).then(res => {
|
|
||||||
// //res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
|
|
||||||
// // 暂时手动新增试题的分数
|
|
||||||
// if(res.data.score == null){
|
|
||||||
// res.data.score = 4;
|
|
||||||
// }
|
|
||||||
// classWorkForm.quizlist.push(res.data);
|
|
||||||
// // 格式化试题
|
|
||||||
// processList(classWorkForm.quizlist);
|
|
||||||
// })
|
|
||||||
|
|
||||||
// TODO 先写死
|
|
||||||
classWorkForm.quizlist.push(row);
|
|
||||||
// 格式化试题
|
|
||||||
processList(classWorkForm.quizlist);
|
|
||||||
|
|
||||||
console.log(classWorkForm.quizlist)
|
|
||||||
// 作业类型分类
|
|
||||||
classWorkForm.quizlist && classWorkForm.quizlist.forEach(item => {
|
|
||||||
if(!classWorkForm.worktypeList.some(i => i.key.includes(item.worktype))){
|
|
||||||
const num = classWorkForm.quizlist.filter(_item => _item.key == item.worktype).length
|
|
||||||
const obj = {
|
|
||||||
key: item.worktype,
|
|
||||||
value: num
|
|
||||||
}
|
|
||||||
classWorkForm.worktypeList.push(obj)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
console.log(classWorkForm.worktypeList)
|
|
||||||
|
|
||||||
} else {
|
|
||||||
ElMessage('试题已经存在')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 删除作业类型试题
|
|
||||||
* @param row
|
|
||||||
*/
|
|
||||||
const handleDeleteQuizItem = (row) => {
|
|
||||||
for (var i=0; i< classWorkForm.worktypeList.length; i++) {
|
|
||||||
if (classWorkForm.worktypeList[i].key == row.key) {
|
|
||||||
classWorkForm.worktypeList.splice(i, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (var j=0; j< classWorkForm.quizlist.length; j++) {
|
|
||||||
if (classWorkForm.quizlist[j].worktype == row.key) {
|
|
||||||
classWorkForm.quizlist.splice(j, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
watch(() => props.currentCourse, (newVal, oldVal) => {
|
|
||||||
|
|
||||||
},{deep:true})
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.page-testpaper {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
.page-center{
|
|
||||||
flex: 1;
|
|
||||||
//min-width: calc(100% - 675px);
|
|
||||||
height: 100%;
|
|
||||||
padding: 0 5px;
|
|
||||||
margin: 0 5px;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 10px;
|
|
||||||
background-color: white;
|
|
||||||
|
|
||||||
.prepare-center-zzst{
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
.prepare-center-xbtk{
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.prepare-center-grst{
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.page-right{
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
|
@ -38,7 +38,6 @@ const items = shallowRef([
|
||||||
// { title: 'AI设计作业', description: '通过AI助手,根据课标、教材、考试等分析结果,智能创建作业。', icon: '#icon-jiqiren_o',type:'danger' },
|
// { title: 'AI设计作业', description: '通过AI助手,根据课标、教材、考试等分析结果,智能创建作业。', icon: '#icon-jiqiren_o',type:'danger' },
|
||||||
{ title: '习题上传', description: '自己上传个人题库。', icon: '#icon-shangchuan',type:'danger' },
|
{ title: '习题上传', description: '自己上传个人题库。', icon: '#icon-shangchuan',type:'danger' },
|
||||||
{ title: '科学实验', description: '学生完成虚拟仿真实验,并提交实验结果。', icon: '#icon-shangchuan',type:'primary' },
|
{ title: '科学实验', description: '学生完成虚拟仿真实验,并提交实验结果。', icon: '#icon-shangchuan',type:'primary' },
|
||||||
// { title: '自主组卷', description: '老师自主选择试题组卷。', icon: '#icon-shangchuan',type:'primary' },
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const handleClick = (item) => {
|
const handleClick = (item) => {
|
||||||
|
|
|
@ -1,25 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="page-top" v-if="!isShow">
|
<div class="page-top" v-if="!isShow">
|
||||||
<div>
|
<div class="page-top-left">
|
||||||
<el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button>
|
<el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button>
|
||||||
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-left: 20px;">
|
<div v-if="currentRow.id > 0" class="page-top-right">
|
||||||
<div v-if="currentRow.id > 0">
|
<el-button type="primary" @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
|
||||||
<el-button type="primary" @click="handleNewAllClass"><i class="iconfont icon-fanhui"></i>返回 设计作业</el-button>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<span style="font-size: 14px; color: red">温馨提示:选择下列作业类型可进行作业设计</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page-resource">
|
<div class="page-resource">
|
||||||
<div class="page-left" v-if="!isShow">
|
<div class="page-left" v-if="!isShow">
|
||||||
<el-table ref="taskTable" v-loading="tasklist_loading" :data="taskList" :tree-props="{ checkStrictly: true }"
|
<el-table
|
||||||
row-key="id" style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
|
ref="taskTable"
|
||||||
highlight-current-row @current-change="handleCurrentChange">
|
v-loading="tasklist_loading"
|
||||||
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable" />
|
:data="taskList"
|
||||||
|
:tree-props="{checkStrictly: true}"
|
||||||
|
row-key="id"
|
||||||
|
style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
|
||||||
|
highlight-current-row
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
||||||
<el-table-column label="作业布置" min-width="15%" align="center">
|
<el-table-column label="作业布置" min-width="15%" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div style="height: 100px;cursor: pointer">
|
<div style="height: 100px;cursor: pointer">
|
||||||
|
@ -29,13 +31,11 @@
|
||||||
<span>{{ scope.row.uniquekey }}</span>
|
<span>{{ scope.row.uniquekey }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
|
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
|
||||||
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype
|
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
||||||
}}</el-tag>
|
|
||||||
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
|
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
|
||||||
</div>
|
</div>
|
||||||
<div class="pageleft-table-cont">
|
<div class="pageleft-table-cont">
|
||||||
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype ==
|
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
|
||||||
"课堂展示" ? scope.row.worktag : scope.row.title }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<svg class="icon iconfont" aria-hidden="true">
|
<svg class="icon iconfont" aria-hidden="true">
|
||||||
|
@ -53,8 +53,7 @@
|
||||||
<Right @itemClick="handleItemClick" />
|
<Right @itemClick="handleItemClick" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id > 0"
|
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id>0" class="page-center">
|
||||||
class="page-center">
|
|
||||||
<el-tabs v-model="activeAptTab" style="height: 100%;">
|
<el-tabs v-model="activeAptTab" style="height: 100%;">
|
||||||
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
|
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
|
||||||
<SearchQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
|
<SearchQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
|
||||||
|
@ -63,65 +62,59 @@
|
||||||
<SchoolQuestion />
|
<SchoolQuestion />
|
||||||
</el-tab-pane> -->
|
</el-tab-pane> -->
|
||||||
<el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
|
<el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
|
||||||
<MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
|
<MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd"/>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id > 0"
|
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
|
||||||
class="page-center">
|
|
||||||
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
||||||
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false"
|
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj" />
|
||||||
:data="classWorkForm.whiteboardObj" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业') && currentRow.id > 0"
|
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
|
||||||
class="page-center">
|
|
||||||
<div v-loading="fileLoading" class="upload-homework">
|
<div v-loading="fileLoading" class="upload-homework">
|
||||||
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800"
|
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
|
||||||
:fileType="['mp3', 'mp4', 'doc', 'docx', 'xlsx', 'xls', 'pdf', 'ppt', 'pptx', 'jpg', 'jpeg', 'gif', 'png', 'txt']" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验') && currentRow.id > 0"
|
<div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验')&& currentRow.id>0" class="page-center">
|
||||||
class="page-center">
|
|
||||||
<div class="experiment-homework">
|
<div class="experiment-homework">
|
||||||
<ExperimentQuestion :expObj="classWorkForm.fileHomeworkList&&classWorkForm.fileHomeworkList[0]" @clickExpObj="getExpObj" />
|
<ExperimentQuestion :expObj="classWorkForm.fileHomeworkList&&classWorkForm.fileHomeworkList[0]" @clickExpObj="getExpObj" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="currentRow.id > 0" class="page-right">
|
<div v-if="currentRow.id>0 " class="page-right">
|
||||||
<div class="prepare-top">
|
<div class="prepare-top" >
|
||||||
<span>作业详情说明</span>
|
<el-button v-if="currentRow.id != 1 " type="success" @click="openSet(currentRow,'item')">推 送</el-button>
|
||||||
<el-button v-if="currentRow.id != 1" type="success" @click="openSet(currentRow, 'item')">推 送</el-button>
|
|
||||||
<el-button type="primary" @click="handleClassWorkSave">保 存</el-button>
|
<el-button type="primary" @click="handleClassWorkSave">保 存</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="prepare-con">
|
<div class="prepare-con" >
|
||||||
<el-form ref="classWorkFormRef" :model="classWorkForm" label-width="90"
|
<el-form
|
||||||
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;">
|
ref="classWorkFormRef"
|
||||||
<div>
|
:model="classWorkForm"
|
||||||
|
label-width="90"
|
||||||
|
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
|
||||||
|
>
|
||||||
|
<div >
|
||||||
<el-form-item label="作业名称">
|
<el-form-item label="作业名称">
|
||||||
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称" />
|
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="作业说明" style="margin: 10px 0;">
|
<el-form-item label="作业说明" style="margin: 10px 0;">
|
||||||
<el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title" style="width: 400px"
|
<el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title" style="width: 400px" placeholder="请输入作业说明"/>
|
||||||
placeholder="请输入作业说明" />
|
|
||||||
<!-- 课堂展示 这里字段不一样 -->
|
<!-- 课堂展示 这里字段不一样 -->
|
||||||
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea"
|
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea" placeholder="请输入作业说明" />
|
||||||
placeholder="请输入作业说明" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
|
<div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
|
||||||
<div
|
<div :style="{height: '100%', 'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
|
||||||
:style="{ height: '100%', 'overflow': 'auto', 'border': '1px dotted blue', 'border-radius': '5px', 'background-color': '#f7f7f7' }">
|
<template v-for="(item,index) in classWorkForm.quizlist" :key="item.id">
|
||||||
<template v-for="(item, index) in classWorkForm.quizlist" :key="item.id">
|
|
||||||
<div style="margin: 5px; background-color: white; text-align: left;">
|
<div style="margin: 5px; background-color: white; text-align: left;">
|
||||||
<div v-html="item.titleFormat" style="padding: 15px 20px 5px 20px"></div>
|
<div v-html="item.titleFormat" style="padding: 15px 20px 5px 20px"></div>
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<el-form-item label="分值">
|
<el-form-item label="分值">
|
||||||
<el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number>
|
<el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number >
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger"
|
<div style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger" @click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
|
||||||
@click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -133,8 +126,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 推送作业的配置对话框 -->
|
<!-- 推送作业的配置对话框 -->
|
||||||
<SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework"
|
<SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework" @on-success="successHomework"/>
|
||||||
@on-success="successHomework" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -143,9 +135,9 @@ import { ElMessage } from 'element-plus'
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import { Plus, Delete } from '@element-plus/icons-vue'
|
import { Plus, Delete } from '@element-plus/icons-vue'
|
||||||
import { delClasswork } from '@/api/teaching/classwork'
|
import { delClasswork } from '@/api/teaching/classwork'
|
||||||
import { listEntpcoursework, listEntpcourseworkNew, getEntpcoursework } from '@/api/education/entpCourseWork'
|
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
||||||
import { updateClasswork, listEvaluationclue, listClassworkeval, delClassworkeval, addClassworkeval, updateClassworkeval } from '@/api/classTask'
|
import { updateClasswork, listEvaluationclue, listClassworkeval,delClassworkeval,addClassworkeval,updateClassworkeval } from '@/api/classTask'
|
||||||
|
|
||||||
import { processList } from '@/hooks/useProcessList'
|
import { processList } from '@/hooks/useProcessList'
|
||||||
import { editListItem } from '@/hooks/useClassTask'
|
import { editListItem } from '@/hooks/useClassTask'
|
||||||
|
@ -169,7 +161,6 @@ const route = useRoute();
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
const useClassTaskStores = useClassTaskStore();
|
const useClassTaskStores = useClassTaskStore();
|
||||||
const { ipcRenderer } = require('electron')
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
currentCourse: Object,
|
currentCourse: Object,
|
||||||
|
@ -188,12 +179,12 @@ const courseObj = reactive({
|
||||||
textbookId: '',
|
textbookId: '',
|
||||||
levelFirstId: '',
|
levelFirstId: '',
|
||||||
levelSecondId: '',
|
levelSecondId: '',
|
||||||
coursetitle: '',
|
coursetitle:'',
|
||||||
node: null, // 选择的课程节点
|
node: null, // 选择的课程节点
|
||||||
//
|
//
|
||||||
})
|
})
|
||||||
const taskTable = ref(null);
|
const taskTable = ref(null);
|
||||||
const activeAptTab = ref("自主搜题");
|
const activeAptTab = ref("自主搜题");
|
||||||
const taskList = ref([]); // 作业列表
|
const taskList = ref([]); // 作业列表
|
||||||
const tasklist_loading = ref(false); // 加载中
|
const tasklist_loading = ref(false); // 加载中
|
||||||
const classWorkFormRef = ref(null);
|
const classWorkFormRef = ref(null);
|
||||||
|
@ -203,7 +194,7 @@ const setDialog = ref(false); // 推送配置 弹窗
|
||||||
const rowsList = ref([]) // 当前需要推送行的数据
|
const rowsList = ref([]) // 当前需要推送行的数据
|
||||||
const entpcourseid = ref('') // 当前课程id
|
const entpcourseid = ref('') // 当前课程id
|
||||||
|
|
||||||
const currentRow = ref({ id: 0 }); // 当前选中的行--左侧作业布置模版列表
|
const currentRow = ref({id:0}); // 当前选中的行--左侧作业布置模版列表
|
||||||
|
|
||||||
// 课堂展示-------
|
// 课堂展示-------
|
||||||
const boardLoading = ref(false);
|
const boardLoading = ref(false);
|
||||||
|
@ -213,16 +204,16 @@ const fileLoading = ref(false); // 常规作业loading
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
//console.log("----onMounted-------");
|
//console.log("----onMounted-------");
|
||||||
currentRow.value.id = 0
|
currentRow.value.id = 0
|
||||||
if (propsQueryCourseObj) {
|
if(propsQueryCourseObj){
|
||||||
if (JSON.parse(propsQueryCourseObj)) {
|
if(JSON.parse(propsQueryCourseObj)){
|
||||||
courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj // 版本
|
courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj // 版本
|
||||||
courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId // 单元
|
courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId // 单元
|
||||||
courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId // 章节
|
courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId // 章节
|
||||||
courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle // (单元/章节) 名称
|
courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle // (单元/章节) 名称
|
||||||
courseObj.node = JSON.parse(propsQueryCourseObj).node; // 保存当前节点
|
courseObj.node = JSON.parse(propsQueryCourseObj).node; // 保存当前节点
|
||||||
}
|
}
|
||||||
} else {
|
}else{
|
||||||
if (props.currentCourse) {
|
if(props.currentCourse){
|
||||||
courseObj.textbookId = props.currentCourse.textbookId // 版本
|
courseObj.textbookId = props.currentCourse.textbookId // 版本
|
||||||
courseObj.levelFirstId = props.currentCourse.levelFirstId // 单元
|
courseObj.levelFirstId = props.currentCourse.levelFirstId // 单元
|
||||||
courseObj.levelSecondId = props.currentCourse.levelSecondId // 章节
|
courseObj.levelSecondId = props.currentCourse.levelSecondId // 章节
|
||||||
|
@ -230,11 +221,11 @@ onMounted(() => {
|
||||||
courseObj.node = props.currentCourse.node; // 保存当前节点
|
courseObj.node = props.currentCourse.node; // 保存当前节点
|
||||||
classWorkForm.worktype = props.currentCourse.worktype
|
classWorkForm.worktype = props.currentCourse.worktype
|
||||||
currentRow.value = {
|
currentRow.value = {
|
||||||
id: props.currentCourse.id,
|
id:props.currentCourse.id,
|
||||||
worktype: props.currentCourse.worktype
|
worktype:props.currentCourse.worktype
|
||||||
}
|
}
|
||||||
isShow.value = true;
|
isShow.value = true;
|
||||||
} else {
|
}else{
|
||||||
isShow.value = false;
|
isShow.value = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -243,8 +234,8 @@ onMounted(() => {
|
||||||
})
|
})
|
||||||
// 是否进入个人题库
|
// 是否进入个人题库
|
||||||
const isInToMyQuestion = () => {
|
const isInToMyQuestion = () => {
|
||||||
console.log('isOpenQuestUploadView', useClassTaskStores.isOpenQuestUploadView);
|
console.log('isOpenQuestUploadView',useClassTaskStores.isOpenQuestUploadView);
|
||||||
if (useClassTaskStores.isOpenQuestUploadView) {
|
if(useClassTaskStores.isOpenQuestUploadView){
|
||||||
useClassTaskStores.isOpenQuestUploadView = false;
|
useClassTaskStores.isOpenQuestUploadView = false;
|
||||||
|
|
||||||
currentRow.value.id = 1; // 作业设计
|
currentRow.value.id = 1; // 作业设计
|
||||||
|
@ -262,23 +253,23 @@ const isInToMyQuestion = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
watch(() => props.currentCourse, (newVal, oldVal) => {
|
watch(() => props.currentCourse, (newVal, oldVal) => {
|
||||||
if (newVal) {
|
if(newVal){
|
||||||
courseObj.textbookId = newVal.textbookId // 版本
|
courseObj.textbookId = newVal.textbookId // 版本
|
||||||
courseObj.levelFirstId = newVal.levelFirstId // 单元
|
courseObj.levelFirstId = newVal.levelFirstId // 单元
|
||||||
courseObj.levelSecondId = newVal.levelSecondId // 章节
|
courseObj.levelSecondId = newVal.levelSecondId // 章节
|
||||||
courseObj.coursetitle = newVal.coursetitle // (单元/章节) 名称
|
courseObj.coursetitle = newVal.coursetitle // (单元/章节) 名称
|
||||||
courseObj.node = newVal.node; // 保存当前节点
|
courseObj.node = newVal.node; // 保存当前节点
|
||||||
classWorkForm.worktype = newVal.worktype
|
classWorkForm.worktype = newVal.worktype
|
||||||
currentRow.value = {
|
currentRow.value = {
|
||||||
id: props.currentCourse.id,
|
id:props.currentCourse.id,
|
||||||
worktype: props.currentCourse.worktype
|
worktype:props.currentCourse.worktype
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
console.log(newVal,'newval');
|
||||||
console.log(newVal, 'newval');
|
},{deep:true})
|
||||||
}, { deep: true })
|
|
||||||
|
|
||||||
// ------------科学实验
|
// ------------科学实验
|
||||||
const getExpObj = (obj) => {
|
const getExpObj = (obj)=>{
|
||||||
// obj:{
|
// obj:{
|
||||||
// fileurl: "https://phet.colorado.edu/sims/html/number-compare/latest/number-compare_zh_CN.html"
|
// fileurl: "https://phet.colorado.edu/sims/html/number-compare/latest/number-compare_zh_CN.html"
|
||||||
// label: "数量比较"
|
// label: "数量比较"
|
||||||
|
@ -289,14 +280,10 @@ const getExpObj = (obj) => {
|
||||||
//---------作业设计---
|
//---------作业设计---
|
||||||
const handleItemClick = (itemName) => {
|
const handleItemClick = (itemName) => {
|
||||||
console.log('itemName', itemName);
|
console.log('itemName', itemName);
|
||||||
if (itemName == '习题上传') {
|
if(itemName == '习题上传'){
|
||||||
router.push({ path: '/model/questionUpload', query: { courseObj: JSON.stringify(courseObj) } });
|
router.push({ path: '/model/questionUpload', query: { courseObj: JSON.stringify(courseObj) } });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (itemName == '自主组卷') {
|
|
||||||
router.push({ path: '/model/groupTestPaper', query: { courseObj: JSON.stringify(courseObj) } });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
currentRow.value.id = 1; // 作业设计
|
currentRow.value.id = 1; // 作业设计
|
||||||
/**
|
/**
|
||||||
|
@ -305,7 +292,7 @@ const handleItemClick = (itemName) => {
|
||||||
* 课堂展示
|
* 课堂展示
|
||||||
* 常规作业
|
* 常规作业
|
||||||
*/
|
*/
|
||||||
const typeName = itemName == "自主搜题" || itemName == "校本题库" || itemName == "个人题库" ? "习题训练" : itemName;
|
const typeName = itemName == "自主搜题" || itemName == "校本题库"|| itemName == "个人题库" ? "习题训练" : itemName;
|
||||||
activeAptTab.value = itemName;
|
activeAptTab.value = itemName;
|
||||||
//提交内容清空 重置
|
//提交内容清空 重置
|
||||||
classWorkForm.id = 0;
|
classWorkForm.id = 0;
|
||||||
|
@ -322,13 +309,13 @@ const handleItemClick = (itemName) => {
|
||||||
|
|
||||||
|
|
||||||
//---------作业布置列表相关--------------
|
//---------作业布置列表相关--------------
|
||||||
const selectable = (row, index) => {
|
const selectable=(row, index)=>{
|
||||||
return row.status == '10';
|
return row.status == '10';
|
||||||
};
|
};
|
||||||
/**
|
/**
|
||||||
* 获取 entpcourseid 获取作业列表
|
* 获取 entpcourseid 获取作业列表
|
||||||
*/
|
*/
|
||||||
const initHomeWork = async () => {
|
const initHomeWork = async ()=> {
|
||||||
tasklist_loading.value = true;
|
tasklist_loading.value = true;
|
||||||
// const { res, chapterId } = await useGetHomework(courseObj.node);
|
// const { res, chapterId } = await useGetHomework(courseObj.node);
|
||||||
const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
|
const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
|
||||||
|
@ -338,9 +325,9 @@ const initHomeWork = async () => {
|
||||||
taskList.value = res;
|
taskList.value = res;
|
||||||
// 判断当前是否存在其他页面跳转编辑, 如果初次且存在id,则选中该任务
|
// 判断当前是否存在其他页面跳转编辑, 如果初次且存在id,则选中该任务
|
||||||
const taskId = propsQueryTask?.id ?? 0;
|
const taskId = propsQueryTask?.id ?? 0;
|
||||||
if (!propsQueryTask.isInit && taskId != 0) {
|
if (!propsQueryTask.isInit && taskId!=0){
|
||||||
const activeRow = taskList.value.find(o => o.id == taskId);
|
const activeRow = taskList.value.find(o => o.id == taskId);
|
||||||
if (activeRow) {
|
if (activeRow){
|
||||||
propsQueryTask.isInit = true; // 清空避免重新保存后再次选中该任务
|
propsQueryTask.isInit = true; // 清空避免重新保存后再次选中该任务
|
||||||
taskTable.value.setCurrentRow(activeRow);
|
taskTable.value.setCurrentRow(activeRow);
|
||||||
handleCurrentChange(activeRow);
|
handleCurrentChange(activeRow);
|
||||||
|
@ -367,10 +354,10 @@ const handleNewAllClass = () => {
|
||||||
/**
|
/**
|
||||||
* 删除按钮操作
|
* 删除按钮操作
|
||||||
* */
|
* */
|
||||||
const handleDelete = () => {
|
const handleDelete =() => {
|
||||||
let rows = proxy.$refs.taskTable.getSelectionRows();
|
let rows = proxy.$refs.taskTable.getSelectionRows();
|
||||||
if (rows.length > 0) {
|
if (rows.length > 0) {
|
||||||
proxy.$modal.confirm('是否确认选中的学习任务?').then(() => {
|
proxy.$modal.confirm('是否确认选中的学习任务?').then(()=> {
|
||||||
let ids = [];
|
let ids = [];
|
||||||
for (let i = 0; i < rows.length; i++) {
|
for (let i = 0; i < rows.length; i++) {
|
||||||
ids.push(rows[i].id);
|
ids.push(rows[i].id);
|
||||||
|
@ -386,8 +373,8 @@ const handleDelete = () => {
|
||||||
}, 1500);
|
}, 1500);
|
||||||
proxy.$modal.msgSuccess("删除成功");
|
proxy.$modal.msgSuccess("删除成功");
|
||||||
|
|
||||||
}).catch(() => { })
|
}).catch(() => {})
|
||||||
} else {
|
}else{
|
||||||
proxy.$modal.alertWarning("请选择删除项")
|
proxy.$modal.alertWarning("请选择删除项")
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -398,12 +385,12 @@ const handleDelete = () => {
|
||||||
const handleTaskAssignToAllClass = () => {
|
const handleTaskAssignToAllClass = () => {
|
||||||
let rows = proxy.$refs.taskTable.getSelectionRows();
|
let rows = proxy.$refs.taskTable.getSelectionRows();
|
||||||
if (rows.length > 0) {
|
if (rows.length > 0) {
|
||||||
proxy.$modal.confirm('是否确认推送选中的学习任务?').then(() => {
|
proxy.$modal.confirm('是否确认推送选中的学习任务?').then(()=> {
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
// 弹出配置窗口 ,让用户配置推送策略
|
// 弹出配置窗口 ,让用户配置推送策略
|
||||||
openSet(rows, 'list');
|
openSet(rows,'list');
|
||||||
}).catch(() => { })
|
}).catch(() => {})
|
||||||
} else {
|
}else{
|
||||||
return proxy.$modal.alertWarning("请选择需要推送的任务!");
|
return proxy.$modal.alertWarning("请选择需要推送的任务!");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -412,12 +399,12 @@ const handleTaskAssignToAllClass = () => {
|
||||||
* //改为list形式,有地方需要批量布置推送
|
* //改为list形式,有地方需要批量布置推送
|
||||||
*/
|
*/
|
||||||
// 打开布置作业窗口
|
// 打开布置作业窗口
|
||||||
const openSet = (row, type) => {
|
const openSet=(row, type)=> {
|
||||||
if (type == 'list') {
|
if(type == 'list'){
|
||||||
// 批量布置推送 row 是多个rows,直接赋值
|
// 批量布置推送 row 是多个rows,直接赋值
|
||||||
rowsList.value = row;
|
rowsList.value = row;
|
||||||
setDialog.value = true;
|
setDialog.value = true;
|
||||||
} else {
|
}else{
|
||||||
// 单个布置推送 row 是单个row,变成数组
|
// 单个布置推送 row 是单个row,变成数组
|
||||||
rowsList.value = [row];
|
rowsList.value = [row];
|
||||||
setDialog.value = true;
|
setDialog.value = true;
|
||||||
|
@ -426,7 +413,7 @@ const openSet = (row, type) => {
|
||||||
/**
|
/**
|
||||||
* 关闭布置作业窗口
|
* 关闭布置作业窗口
|
||||||
*/
|
*/
|
||||||
const closeHomework = () => {
|
const closeHomework = () => {
|
||||||
rowsList.value = [];
|
rowsList.value = [];
|
||||||
setDialog.value = false;
|
setDialog.value = false;
|
||||||
}
|
}
|
||||||
|
@ -442,7 +429,7 @@ const successHomework = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// --------------------作业编辑
|
// --------------------作业编辑
|
||||||
let classWorkForm = reactive({
|
let classWorkForm = reactive({
|
||||||
id: '',// cloneDeep(props.propsformobj.id),
|
id: '',// cloneDeep(props.propsformobj.id),
|
||||||
uniquekey: '',// props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):'', // 作业唯一标识 作业名称
|
uniquekey: '',// props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):'', // 作业唯一标识 作业名称
|
||||||
worktype: '',// props.propsformobj.worktype?cloneDeep(props.propsformobj.worktype): '习题训练', //作业类型
|
worktype: '',// props.propsformobj.worktype?cloneDeep(props.propsformobj.worktype): '习题训练', //作业类型
|
||||||
|
@ -469,14 +456,12 @@ let propsformobj = reactive({
|
||||||
*/
|
*/
|
||||||
const handleCurrentChange = (val) => {
|
const handleCurrentChange = (val) => {
|
||||||
|
|
||||||
console.log(val, '选中的布置作业')
|
console.log(val,'???????????')
|
||||||
if (val && val.id > 0) {
|
if(val && val.id >0 ) {
|
||||||
currentRow.value.id = 1;
|
currentRow.value.id = 1;
|
||||||
const typeName = val.worktype == "习题训练" ? "自主搜题" : "";
|
|
||||||
activeAptTab.value = typeName;
|
|
||||||
classWorkForm.worktype = val.worktype; //作业类型
|
classWorkForm.worktype = val.worktype; //作业类型
|
||||||
editListItem(val, courseObj).then((obj) => {
|
editListItem(val, courseObj).then((obj) => {
|
||||||
if (obj) {
|
if(obj){
|
||||||
propsformobj = obj;
|
propsformobj = obj;
|
||||||
// 新赋值的作业内容
|
// 新赋值的作业内容
|
||||||
classWorkForm.id = obj.id;
|
classWorkForm.id = obj.id;
|
||||||
|
@ -498,7 +483,7 @@ const handleCurrentChange = (val) => {
|
||||||
*/
|
*/
|
||||||
const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
||||||
var exist = false;
|
var exist = false;
|
||||||
for (var i = 0; i < classWorkForm.quizlist.length; i++) {
|
for (var i=0; i< classWorkForm.quizlist.length; i++) {
|
||||||
if (classWorkForm.quizlist[i].id == entpcourseworkid) {
|
if (classWorkForm.quizlist[i].id == entpcourseworkid) {
|
||||||
exist = true;
|
exist = true;
|
||||||
break;
|
break;
|
||||||
|
@ -508,7 +493,7 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
||||||
getEntpcoursework(entpcourseworkid).then(res => {
|
getEntpcoursework(entpcourseworkid).then(res => {
|
||||||
//res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
|
//res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
|
||||||
// 暂时手动新增试题的分数
|
// 暂时手动新增试题的分数
|
||||||
if (res.data.score == null) {
|
if(res.data.score == null){
|
||||||
res.data.score = 4;
|
res.data.score = 4;
|
||||||
}
|
}
|
||||||
classWorkForm.quizlist.push(res.data);
|
classWorkForm.quizlist.push(res.data);
|
||||||
|
@ -520,14 +505,14 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/** 右侧资源删除按钮 习题list */
|
/** 右侧资源删除按钮 习题list */
|
||||||
const handleClassWorkFormQuizRemove = (index) => {
|
const handleClassWorkFormQuizRemove = (index) =>{
|
||||||
classWorkForm.quizlist.splice(index, 1);
|
classWorkForm.quizlist.splice(index, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 作业设计-提交
|
* 作业设计-提交
|
||||||
*/
|
*/
|
||||||
const handleClassWorkSave = async () => {
|
const handleClassWorkSave = async () => {
|
||||||
await nextTick(); // 确保DOM更新完成
|
await nextTick(); // 确保DOM更新完成
|
||||||
proxy.$refs["classWorkFormRef"].validate(async valid => {
|
proxy.$refs["classWorkFormRef"].validate(async valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
|
@ -558,16 +543,16 @@ const handleClassWorkSave = async () => {
|
||||||
entpcourseworklist: '', // 选择的 习题训练 list 需要转字符串
|
entpcourseworklist: '', // 选择的 习题训练 list 需要转字符串
|
||||||
};
|
};
|
||||||
|
|
||||||
if (cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!' });
|
if(cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!'});
|
||||||
|
|
||||||
// 当前为[编辑]状态下点进来得处理 newWorkSpaceEdit true 为编辑状态
|
// 当前为[编辑]状态下点进来得处理 newWorkSpaceEdit true 为编辑状态
|
||||||
if (isShow.value === false) {
|
if(isShow.value === false){
|
||||||
if (classWorkForm.id != '') {// 编辑状态 有id
|
if(classWorkForm.id != '' ) {// 编辑状态 有id
|
||||||
editWork(cform); // 编辑作业
|
editWork(cform); // 编辑作业
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (classWorkForm.worktype === "课堂展示") {
|
if (classWorkForm.worktype === "课堂展示") {
|
||||||
boardLoading.value = true
|
boardLoading.value = true
|
||||||
|
@ -576,11 +561,11 @@ const handleClassWorkSave = async () => {
|
||||||
// 课堂展示提交内容
|
// 课堂展示提交内容
|
||||||
cform.worktag = classWorkForm.question;
|
cform.worktag = classWorkForm.question;
|
||||||
cform.title = classWorkForm.title;
|
cform.title = classWorkForm.title;
|
||||||
cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
|
cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
|
||||||
cform.entpcourseworklist = JSON.stringify([{ 'id': -1, 'score': '10' }]);
|
cform.entpcourseworklist = JSON.stringify([{'id':-1, 'score': '10'}]);
|
||||||
try {
|
try {
|
||||||
addClassworkReturnId(cform).then((res) => {
|
addClassworkReturnId(cform).then((res) => {
|
||||||
ElMessage({ type: 'success', message: '作业设计成功!' });
|
ElMessage({ type: 'success', message: '作业设计成功!'});
|
||||||
// 重置提交表单
|
// 重置提交表单
|
||||||
classWorkForm.worktype = "课堂展示";
|
classWorkForm.worktype = "课堂展示";
|
||||||
classWorkForm.uniquekey = '';// classWorkForm.uniquekey, // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = '';// classWorkForm.uniquekey, // 作业唯一标识 作业名称
|
||||||
|
@ -588,67 +573,67 @@ const handleClassWorkSave = async () => {
|
||||||
classWorkForm.question = "";
|
classWorkForm.question = "";
|
||||||
classWorkForm.quizlist = [], // 作业习题列表内容
|
classWorkForm.quizlist = [], // 作业习题列表内容
|
||||||
|
|
||||||
// 情况选择的资源缓存
|
// 情况选择的资源缓存
|
||||||
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
||||||
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
||||||
classWorkForm.id = res
|
classWorkForm.id = res
|
||||||
emits('getData', classWorkForm)
|
emits('getData',classWorkForm)
|
||||||
boardLoading.value = false
|
boardLoading.value = false
|
||||||
})
|
})
|
||||||
} finally {
|
} finally {
|
||||||
boardLoading.value = false
|
boardLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype === "常规作业") {
|
else if(classWorkForm.worktype === "常规作业"){
|
||||||
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
|
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
|
||||||
fileLoading.value = true
|
fileLoading.value = true
|
||||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
||||||
cform.entpcourseworklist = JSON.stringify([{ 'id': -2, 'score': '10' }]);
|
cform.entpcourseworklist = JSON.stringify([{'id':-2, 'score': '10'}]);
|
||||||
try {
|
try {
|
||||||
addClassworkReturnId(cform).then((res) => {
|
addClassworkReturnId(cform).then((res) => {
|
||||||
ElMessage({ type: 'success', message: '作业设计成功!' });
|
ElMessage({ type: 'success', message: '作业设计成功!'});
|
||||||
// 重置提交表单
|
// 重置提交表单
|
||||||
classWorkForm.worktype = "常规作业";
|
classWorkForm.worktype = "常规作业";
|
||||||
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
||||||
classWorkForm.title = "";
|
classWorkForm.title = "";
|
||||||
classWorkForm.quizlist = [], // 作业习题列表内容
|
classWorkForm.quizlist = [], // 作业习题列表内容
|
||||||
|
|
||||||
// 情况选择的资源缓存
|
// 情况选择的资源缓存
|
||||||
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
||||||
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
||||||
classWorkForm.fileHomeworkList = []; // 常规作业list
|
classWorkForm.fileHomeworkList = []; // 常规作业list
|
||||||
classWorkForm.id = res
|
classWorkForm.id = res
|
||||||
emits('getData', classWorkForm)
|
emits('getData',classWorkForm)
|
||||||
fileLoading.value = false
|
fileLoading.value = false
|
||||||
})
|
})
|
||||||
} finally {
|
} finally {
|
||||||
fileLoading.value = false
|
fileLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype === "科学实验") {
|
else if(classWorkForm.worktype === "科学实验"){
|
||||||
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!' });
|
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!'});
|
||||||
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo; // 当前实验的学段学科, 格式为[小学-数学]
|
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo; // 当前实验的学段学科, 格式为[小学-数学]
|
||||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList); // 实验信息
|
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList); // 实验信息
|
||||||
cform.entpcourseworklist = JSON.stringify([{ 'id': -3, 'score': '10' }]);
|
cform.entpcourseworklist = JSON.stringify([{'id':-3, 'score': '10'}]);
|
||||||
try {
|
try {
|
||||||
console.log(cform, '科学实验')
|
console.log(cform,'科学实验')
|
||||||
addClassworkReturnId(cform).then((res) => {
|
addClassworkReturnId(cform).then((res) => {
|
||||||
ElMessage({ type: 'success', message: '作业设计成功!' });
|
ElMessage({ type: 'success', message: '作业设计成功!'});
|
||||||
// 重置提交表单
|
// 重置提交表单
|
||||||
classWorkForm.worktype = "科学实验";
|
classWorkForm.worktype = "科学实验";
|
||||||
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
||||||
classWorkForm.title = "";
|
classWorkForm.title = "";
|
||||||
classWorkForm.quizlist = [], // 作业习题列表内容
|
classWorkForm.quizlist = [], // 作业习题列表内容
|
||||||
|
|
||||||
// 情况选择的资源缓存
|
// 情况选择的资源缓存
|
||||||
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
classWorkForm.chooseWorkLists = []; // 框架梳理list
|
||||||
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
||||||
classWorkForm.fileHomeworkList = []; // 常规作业list
|
classWorkForm.fileHomeworkList = []; // 常规作业list
|
||||||
classWorkForm.id = res
|
classWorkForm.id = res
|
||||||
emits('getData', classWorkForm)
|
emits('getData',classWorkForm)
|
||||||
// TODO 科学实验 待完善
|
// TODO 科学实验 待完善
|
||||||
})
|
})
|
||||||
} finally {
|
} finally{
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -656,14 +641,14 @@ const handleClassWorkSave = async () => {
|
||||||
// 正常新任务
|
// 正常新任务
|
||||||
var ll = [];
|
var ll = [];
|
||||||
if (classWorkForm.worktype === "习题训练") {
|
if (classWorkForm.worktype === "习题训练") {
|
||||||
for (var i = 0; i < classWorkForm.quizlist.length; i++) {
|
for (var i=0; i< classWorkForm.quizlist.length; i++) {
|
||||||
// 更新 题目分值
|
// 更新 题目分值
|
||||||
ll.push({ 'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score });
|
ll.push({'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score});
|
||||||
}
|
}
|
||||||
} else if (classWorkForm.worktype === "框架梳理") {
|
}else if( classWorkForm.worktype === "框架梳理") {
|
||||||
classWorkForm.chooseWorkLists.filter((item) => {
|
classWorkForm.chooseWorkLists.filter((item) => {
|
||||||
if (item.worktype === classWorkForm.worktype) {
|
if (item.worktype === classWorkForm.worktype) {
|
||||||
ll.push({ 'id': item.id, 'score': item.score });
|
ll.push({'id':item.id, 'score': item.score});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -673,22 +658,22 @@ const handleClassWorkSave = async () => {
|
||||||
} else {
|
} else {
|
||||||
cform.entpcourseworklist = '';
|
cform.entpcourseworklist = '';
|
||||||
}
|
}
|
||||||
console.log(cform, '提交的数据');
|
console.log(cform,'提交的数据');
|
||||||
if (cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!' });
|
if(cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!'});
|
||||||
|
|
||||||
addClassworkReturnId(cform).then(res => {
|
addClassworkReturnId(cform).then(res => {
|
||||||
ElMessage({ type: 'success', message: '作业设计成功!' });
|
ElMessage({ type: 'success', message: '作业设计成功!'});
|
||||||
// 重置提交表单
|
// 重置提交表单
|
||||||
classWorkForm.worktype = "习题训练";
|
classWorkForm.worktype = "习题训练";
|
||||||
classWorkForm.uniquekey = '',// props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = '',// props.propsformobj.uniquekey, // 作业唯一标识 作业名称
|
||||||
classWorkForm.title = "";
|
classWorkForm.title = "";
|
||||||
classWorkForm.quizlist = [], // 作业习题列表内容
|
classWorkForm.quizlist = [], // 作业习题列表内容
|
||||||
|
|
||||||
// 情况选择的资源缓存
|
// 情况选择的资源缓存
|
||||||
classWorkForm.chooseWorkLists = [];
|
classWorkForm.chooseWorkLists = [];
|
||||||
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
classWorkForm.whiteboardObj = ''; // ? // 清空白板
|
||||||
classWorkForm.id = res
|
classWorkForm.id = res
|
||||||
emits('getData', classWorkForm)
|
emits('getData',classWorkForm)
|
||||||
// refresh the list
|
// refresh the list
|
||||||
//这里分离了,所以不需要更新表单数据了
|
//这里分离了,所以不需要更新表单数据了
|
||||||
// this.getClassWorkAllList();
|
// this.getClassWorkAllList();
|
||||||
|
@ -697,9 +682,9 @@ const handleClassWorkSave = async () => {
|
||||||
}
|
}
|
||||||
console.log('该清空左侧列表数据了');
|
console.log('该清空左侧列表数据了');
|
||||||
// 清空左侧 选中的布置列表 并刷新列表
|
// 清空左侧 选中的布置列表 并刷新列表
|
||||||
if (isShow.value) {
|
if(isShow.value){
|
||||||
currentRow.value.id = 1;
|
currentRow.value.id = 1;
|
||||||
} else {
|
}else{
|
||||||
currentRow.value.id = 0;
|
currentRow.value.id = 0;
|
||||||
}
|
}
|
||||||
initHomeWork();
|
initHomeWork();
|
||||||
|
@ -720,9 +705,9 @@ const handleClassWorkSave = async () => {
|
||||||
* 编辑作业内容
|
* 编辑作业内容
|
||||||
* @param cform 表单数据
|
* @param cform 表单数据
|
||||||
*/
|
*/
|
||||||
const editWork = async (cform) => {
|
const editWork = async (cform) =>{
|
||||||
// 基础参数
|
// 基础参数
|
||||||
cform.id = classWorkForm.id;
|
cform.id= classWorkForm.id;
|
||||||
|
|
||||||
// 0.右侧作业资源添加检测
|
// 0.右侧作业资源添加检测
|
||||||
if (classWorkForm.worktype == '习题训练') {
|
if (classWorkForm.worktype == '习题训练') {
|
||||||
|
@ -730,15 +715,15 @@ const editWork = async (cform) => {
|
||||||
ElMessage.error('请先添加作业资源!');
|
ElMessage.error('请先添加作业资源!');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
} else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
|
}else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
|
||||||
// 不做校验
|
// 不做校验
|
||||||
if (classWorkForm.worktype == '课堂展示') {
|
if(classWorkForm.worktype == '课堂展示'){
|
||||||
//
|
//
|
||||||
} else {
|
}else{
|
||||||
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
|
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
|
||||||
}
|
}
|
||||||
} else if (classWorkForm.worktype == '科学实验') {
|
}else if( classWorkForm.worktype == '科学实验') {
|
||||||
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!' });
|
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!'});
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
if (classWorkForm.chooseWorkLists.length == 0) {
|
if (classWorkForm.chooseWorkLists.length == 0) {
|
||||||
|
@ -750,13 +735,13 @@ const editWork = async (cform) => {
|
||||||
|
|
||||||
|
|
||||||
// 根据作业类型分类处理
|
// 根据作业类型分类处理
|
||||||
if (classWorkForm.worktype == '习题训练') {
|
if (classWorkForm.worktype=='习题训练'){
|
||||||
|
|
||||||
// 1.判断当前添加的作业是否与原来不同(跟父组件传来的值对比)
|
// 1.判断当前添加的作业是否与原来不同(跟父组件传来的值对比)
|
||||||
let needUplEval = false;
|
let needUplEval = false;
|
||||||
if (classWorkForm.quizlist.length != propsformobj.quizlist.length) {
|
if (classWorkForm.quizlist.length != propsformobj.quizlist.length) {
|
||||||
needUplEval = true;
|
needUplEval = true;
|
||||||
} else {
|
}else {
|
||||||
// 只要有一个不一致则说明需要更新
|
// 只要有一个不一致则说明需要更新
|
||||||
needUplEval = classWorkForm.quizlist.some(cur =>
|
needUplEval = classWorkForm.quizlist.some(cur =>
|
||||||
!propsformobj.quizlist.some(last =>
|
!propsformobj.quizlist.some(last =>
|
||||||
|
@ -770,7 +755,7 @@ const editWork = async (cform) => {
|
||||||
// 说明: 因试题分值也需修改, 故无法通过按钮的增长删除来处理, 故将原作业全部删除后再重新添加
|
// 说明: 因试题分值也需修改, 故无法通过按钮的增长删除来处理, 故将原作业全部删除后再重新添加
|
||||||
// 2.1.先查询该workid下所有的id
|
// 2.1.先查询该workid下所有的id
|
||||||
let arrEvalids = [];
|
let arrEvalids = [];
|
||||||
const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
|
const wevalres = await listClassworkeval({'workid': classWorkForm.id});
|
||||||
wevalres.rows.forEach(element => {
|
wevalres.rows.forEach(element => {
|
||||||
arrEvalids.push(element.id);
|
arrEvalids.push(element.id);
|
||||||
});
|
});
|
||||||
|
@ -780,22 +765,21 @@ const editWork = async (cform) => {
|
||||||
const delRes = await delClassworkeval(ids);
|
const delRes = await delClassworkeval(ids);
|
||||||
|
|
||||||
// 2.3.重新添加新作业
|
// 2.3.重新添加新作业
|
||||||
for (let i = 0; i < classWorkForm.quizlist.length; i++) {
|
for(let i=0; i< classWorkForm.quizlist.length; i++){
|
||||||
const addRes = await addClassworkeval({
|
const addRes = await addClassworkeval({
|
||||||
'workid': classWorkForm.id,
|
'workid': classWorkForm.id,
|
||||||
'entpcourseworkid': classWorkForm.quizlist[i].id,
|
'entpcourseworkid': classWorkForm.quizlist[i].id,
|
||||||
'workdataid': 0,
|
'workdataid': 0,
|
||||||
'score': classWorkForm.quizlist[i].score
|
'score': classWorkForm.quizlist[i].score}
|
||||||
}
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 3.更新作业任务信息-判断最后更新了
|
// 3.更新作业任务信息-判断最后更新了
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype == '框架梳理') {
|
else if (classWorkForm.worktype=='框架梳理') {
|
||||||
// 1.先查询该workid下所有的id
|
// 1.先查询该workid下所有的id
|
||||||
const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
|
const wevalres = await listClassworkeval({'workid': classWorkForm.id});
|
||||||
if (wevalres.rows.length == 0) {
|
if (wevalres.rows.length == 0) {
|
||||||
ElMessage.error('未找到原框架梳理任务,请或退出重试');
|
ElMessage.error('未找到原框架梳理任务,请或退出重试');
|
||||||
return;
|
return;
|
||||||
|
@ -805,7 +789,7 @@ const editWork = async (cform) => {
|
||||||
let needUplEval = false;
|
let needUplEval = false;
|
||||||
if (classWorkForm.chooseWorkLists.length !== propsformobj.chooseWorkLists.length) {
|
if (classWorkForm.chooseWorkLists.length !== propsformobj.chooseWorkLists.length) {
|
||||||
needUplEval = true;
|
needUplEval = true;
|
||||||
} else {
|
}else {
|
||||||
// 只要有一个不一致则说明需要更新
|
// 只要有一个不一致则说明需要更新
|
||||||
needUplEval = classWorkForm.chooseWorkLists.some(cur =>
|
needUplEval = classWorkForm.chooseWorkLists.some(cur =>
|
||||||
!propsformobj.chooseWorkLists.some(last =>
|
!propsformobj.chooseWorkLists.some(last =>
|
||||||
|
@ -823,17 +807,17 @@ const editWork = async (cform) => {
|
||||||
let res = await updateClassworkeval(uplParams);
|
let res = await updateClassworkeval(uplParams);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype == '课堂展示') {
|
else if (classWorkForm.worktype=='课堂展示') {
|
||||||
let canvasJson = proxy.$refs.boardref.getCanvasJson()
|
let canvasJson = proxy.$refs.boardref.getCanvasJson()
|
||||||
let canvasBase64 = await proxy.$refs.boardref.getCanvasBase64()
|
let canvasBase64 = await proxy.$refs.boardref.getCanvasBase64()
|
||||||
cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
|
cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
|
||||||
cform.worktag = classWorkForm.question;
|
cform.worktag = classWorkForm.question;
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype == '常规作业') {
|
else if (classWorkForm.worktype=='常规作业') {
|
||||||
// 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
|
// 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
|
||||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
||||||
}
|
}
|
||||||
else if (classWorkForm.worktype == '科学实验') { //TODO 注意,fileHomeworkList字段与常规作业共用
|
else if (classWorkForm.worktype=='科学实验') { //TODO 注意,fileHomeworkList字段与常规作业共用
|
||||||
// 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
|
// 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
|
||||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
||||||
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;
|
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;
|
||||||
|
@ -845,9 +829,9 @@ const editWork = async (cform) => {
|
||||||
ElMessage.success('更新成功');
|
ElMessage.success('更新成功');
|
||||||
taskList.value = [];
|
taskList.value = [];
|
||||||
// 清空左侧 选中的布置列表 并刷新列表
|
// 清空左侧 选中的布置列表 并刷新列表
|
||||||
if (isShow.value) {
|
if(isShow.value){
|
||||||
currentRow.value.id = 1;
|
currentRow.value.id = 1;
|
||||||
} else {
|
}else{
|
||||||
handleNewAllClass();
|
handleNewAllClass();
|
||||||
currentRow.value.id = 0;
|
currentRow.value.id = 0;
|
||||||
}
|
}
|
||||||
|
@ -857,22 +841,6 @@ const editWork = async (cform) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 测试, 未实装
|
|
||||||
const handlePrint = () => {
|
|
||||||
const printOptions = {
|
|
||||||
silent: false, // 是否静默打印
|
|
||||||
printBackground: true, // 是否打印背景颜色和图像
|
|
||||||
color: false, // 是否打印为黑白
|
|
||||||
marginsType: 0, // 边距类型,0: 默认边距,1: 无边距,2: 最小边距
|
|
||||||
pageSize: 'A4', // 纸张大小
|
|
||||||
// 其他选项可以根据需要配置
|
|
||||||
};
|
|
||||||
|
|
||||||
console.log("print-page-click");
|
|
||||||
ipcRenderer.send('printPage', printOptions);
|
|
||||||
};
|
|
||||||
|
|
||||||
//----
|
//----
|
||||||
|
|
||||||
|
|
||||||
|
@ -880,33 +848,29 @@ const handlePrint = () => {
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.page {
|
.page {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.page-top {
|
.page-top {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
justify-content: space-between;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-resource {
|
.page-resource {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
height: calc(100% - 55px);
|
height: calc(100% - 55px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
|
||||||
:deep(.el-tabs__nav) {
|
:deep(.el-tabs__nav) {
|
||||||
.el-tabs__item {
|
.el-tabs__item{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-left {
|
.page-left {
|
||||||
width: 240px;
|
width: 240px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
@ -919,7 +883,6 @@ const handlePrint = () => {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageleft-table-cont {
|
.pageleft-table-cont {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
|
@ -928,30 +891,21 @@ const handlePrint = () => {
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
// flex-direction: row;
|
// flex-direction: row;
|
||||||
// text-overflow: ellipsis;
|
// text-overflow: ellipsis;
|
||||||
width: 100%;
|
width: 100%; /* 设置容器的宽度 */
|
||||||
/* 设置容器的宽度 */
|
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||||
overflow: hidden;
|
white-space: nowrap; /* 防止文本换行 */
|
||||||
/* 隐藏超出容器的部分 */
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||||
white-space: nowrap;
|
|
||||||
/* 防止文本换行 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
/* 超出部分显示省略号 */
|
|
||||||
.ellipsis {
|
.ellipsis {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow: hidden;
|
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||||
/* 隐藏超出容器的部分 */
|
white-space: nowrap; /* 防止文本换行 */
|
||||||
white-space: nowrap;
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||||
/* 防止文本换行 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
/* 超出部分显示省略号 */
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.page-center{
|
||||||
.page-center {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
//min-width: calc(100% - 675px);
|
//min-width: calc(100% - 675px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -961,34 +915,31 @@ const handlePrint = () => {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
||||||
.prepare-center-zzst {
|
.prepare-center-zzst{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.prepare-center-xbtk{
|
||||||
.prepare-center-xbtk {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
.prepare-center-grst{
|
||||||
.prepare-center-grst {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.upload-homework {
|
.upload-homework{
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.experiment-homework {
|
.experiment-homework{
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-right {
|
.page-right {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -1000,17 +951,15 @@ const handlePrint = () => {
|
||||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.prepare-top {
|
.prepare-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
border-bottom: 2px solid #e5e7eb;
|
border-bottom: 2px solid #e5e7eb;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
.prepare-con{
|
||||||
.prepare-con {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -1028,8 +977,5 @@ const handlePrint = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
::v-deep img {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -85,7 +85,7 @@
|
||||||
<el-table-column align="left" width="100">
|
<el-table-column align="left" width="100">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button v-if="props.isHtml2canvas" type="primary" @click="captureScreenshot(scope.row.id)">选取该题</el-button>
|
<el-button v-if="props.isHtml2canvas" type="primary" @click="captureScreenshot(scope.row.id)">选取该题</el-button>
|
||||||
<el-button v-else type="primary" @click="handleClassWorkQuizAdd(scope.row, scope.row.id)">添加</el-button>
|
<el-button v-else type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
@ -126,7 +126,7 @@ import useUserStore from '@/store/modules/user'
|
||||||
import useClassTaskStore from '@/store/modules/classTask'
|
import useClassTaskStore from '@/store/modules/classTask'
|
||||||
|
|
||||||
// 定义要发送的emit事件
|
// 定义要发送的emit事件
|
||||||
let emit = defineEmits(['addQuiz', 'addQuizImgBs64', "addQuizItem"])
|
let emit = defineEmits(['addQuiz', 'addQuizImgBs64'])
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
const {
|
const {
|
||||||
|
@ -420,13 +420,11 @@ const getPaginationList = async ( page, limit ) => {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 添加资源
|
* 添加资源
|
||||||
* @param rw - 试题itemINFO
|
* @param fromsrc - 试题来源
|
||||||
* @param entpcourseworkid
|
* @param entpcourseworkid
|
||||||
*/
|
*/
|
||||||
const handleClassWorkQuizAdd = (row, entpcourseworkid) => {
|
const handleClassWorkQuizAdd = (fromsrc, entpcourseworkid) => {
|
||||||
emit('addQuiz', entpcourseworkid);
|
emit('addQuiz', entpcourseworkid);
|
||||||
emit('addQuizItem', row); // TODO 暂时使用,后面修改逻辑---添加到 自主组卷
|
|
||||||
|
|
||||||
// var exist = false;
|
// var exist = false;
|
||||||
// for (var i=0; i< classWorkForm.quizlist.length; i++) {
|
// for (var i=0; i< classWorkForm.quizlist.length; i++) {
|
||||||
// if (classWorkForm.quizlist[i].id == entpcourseworkid) {
|
// if (classWorkForm.quizlist[i].id == entpcourseworkid) {
|
||||||
|
|
|
@ -821,7 +821,6 @@ onUnmounted(() => {
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.teachClassTask{
|
.teachClassTask{
|
||||||
padding: 10px;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -6,14 +6,14 @@
|
||||||
<img style="margin: 0 auto;height:85px" src="@/assets/images/shenhe.png" alt="">
|
<img style="margin: 0 auto;height:85px" src="@/assets/images/shenhe.png" alt="">
|
||||||
<p style="color:#F59A23;font-size:22px">申请审核中</p>
|
<p style="color:#F59A23;font-size:22px">申请审核中</p>
|
||||||
<p style="color:#000;font-size:16px;font-weight:600">申请信息已提交,请耐心等待审核通过即可完成申请。</p>
|
<p style="color:#000;font-size:16px;font-weight:600">申请信息已提交,请耐心等待审核通过即可完成申请。</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="border:1px solid #000;margin-bottom:20px;background:#DFF0D8" v-if="userregister.value.auditStatus==1">
|
<div style="border:1px solid #000;margin-bottom:20px;background:#DFF0D8" v-if="userregister.value.auditStatus==1">
|
||||||
<div style="display: flex;align-items: center;justify-content: center;">
|
<div style="display: flex;align-items: center;justify-content: center;">
|
||||||
<el-result style="padding: 17px 35px;" icon="success"></el-result>
|
<el-result style="padding: 17px 35px;" icon="success"></el-result>
|
||||||
<p style="font-size:30px;color:#67C23A">审核通过</p>
|
<p style="font-size:30px;color:#67C23A">审核通过</p>
|
||||||
</div>
|
</div>
|
||||||
<p style="margin-bottom:10px;color:#439FFE; cursor: pointer" @click='chongxin'>重新认证</p>
|
<p style="margin-bottom:10px;color:#439FFE; cursor: pointer" @click='chongxin'>重新认证</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="border:1px solid #000;margin-bottom:20px;background:#F2DEDE" v-if="userregister.value.auditStatus==2">
|
<div style="border:1px solid #000;margin-bottom:20px;background:#F2DEDE" v-if="userregister.value.auditStatus==2">
|
||||||
<div style="display: flex;align-items: center;justify-content: center;">
|
<div style="display: flex;align-items: center;justify-content: center;">
|
||||||
<el-result style="padding: 17px 35px;" icon="error"></el-result>
|
<el-result style="padding: 17px 35px;" icon="error"></el-result>
|
||||||
|
@ -41,7 +41,7 @@
|
||||||
<el-form-item label="申请人电话" >
|
<el-form-item label="申请人电话" >
|
||||||
{{ state.user.phonenumber }}
|
{{ state.user.phonenumber }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item >
|
<el-form-item >
|
||||||
<div style="width:100%;text-align: right;padding-right:100px">
|
<div style="width:100%;text-align: right;padding-right:100px">
|
||||||
<el-button style="width:150px" type="default" @click="closed">关闭</el-button>
|
<el-button style="width:150px" type="default" @click="closed">关闭</el-button>
|
||||||
|
@ -55,7 +55,7 @@
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
import { ref, reactive, onMounted ,watch} from 'vue'
|
import { ref, reactive, onMounted ,watch} from 'vue'
|
||||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
import { getUserProfile } from '@/api/system/user'
|
import { getUserProfile } from '@/api/system/user'
|
||||||
import {getDept} from '@/api/login'
|
import {getDept} from '@/api/login'
|
||||||
import {school} from '@/api/apiService'
|
import {school} from '@/api/apiService'
|
||||||
|
@ -101,7 +101,7 @@ async function getUser() {
|
||||||
// response.data.avatar = import.meta.env.VITE_APP_BASE_API + response.data.avatar
|
// response.data.avatar = import.meta.env.VITE_APP_BASE_API + response.data.avatar
|
||||||
Object.assign(state.user,response.data)
|
Object.assign(state.user,response.data)
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
const getSchoolList = () => {
|
const getSchoolList = () => {
|
||||||
school.deptTree().then(res=>{
|
school.deptTree().then(res=>{
|
||||||
|
@ -142,7 +142,7 @@ const submitForm = async (formEl) => {
|
||||||
if(res.code==200){
|
if(res.code==200){
|
||||||
ElMessage.success('提交成功')
|
ElMessage.success('提交成功')
|
||||||
await userStore.getDeptInfo()
|
await userStore.getDeptInfo()
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
console.log('submit!')
|
console.log('submit!')
|
||||||
|
@ -165,7 +165,7 @@ const getregisterinfo=()=>{
|
||||||
isshwoBtn.value=false
|
isshwoBtn.value=false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
// 关闭
|
// 关闭
|
||||||
const closed=()=>{
|
const closed=()=>{
|
||||||
|
@ -192,4 +192,4 @@ onMounted(async () => {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -114,7 +114,7 @@ import { ref, defineExpose, reactive ,onMounted} from 'vue'
|
||||||
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn, retrievePwd} from '@/api/login'
|
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn, retrievePwd} from '@/api/login'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import {setToken, removeToken } from '@/utils/auth'
|
import {setToken, removeToken } from '@/utils/auth'
|
||||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
const ruleFormRef = ref(null)
|
const ruleFormRef = ref(null)
|
||||||
const activeIndex=ref(1)
|
const activeIndex=ref(1)
|
||||||
const ruleForm = reactive({
|
const ruleForm = reactive({
|
||||||
|
@ -352,7 +352,7 @@ const submitForm = async (formEl) => {
|
||||||
schoolSubject.value=[]
|
schoolSubject.value=[]
|
||||||
gradeTree.value=[]
|
gradeTree.value=[]
|
||||||
Object.assign(ruleForm, restValue);
|
Object.assign(ruleForm, restValue);
|
||||||
dialogVisible.value=false
|
dialogVisible.value=false
|
||||||
activeIndex.value=1
|
activeIndex.value=1
|
||||||
}else{
|
}else{
|
||||||
ElMessage.error(res.msg)
|
ElMessage.error(res.msg)
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
<div class="box-item desc" style="flex: 1">
|
<div class="box-item desc">
|
||||||
<div class="welcome">
|
<div class="welcome">
|
||||||
<p>欢迎登录 {{ homeTitle }}</p>
|
<p>欢迎登录 {{ homeTitle }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,14 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<ycLogin v-if="buildMode === 'yc'||buildMode === 'yc2'">
|
<ycLogin v-if="buildMode === 'yc'||buildMode === 'yc2'">
|
||||||
</ycLogin>
|
</ycLogin>
|
||||||
<yyLogin v-else-if="buildMode === 'yy'">
|
|
||||||
</yyLogin>
|
|
||||||
<defultLogin v-else>
|
<defultLogin v-else>
|
||||||
</defultLogin>
|
</defultLogin>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import ycLogin from './yc-login.vue'
|
import ycLogin from './yc-login.vue'
|
||||||
import yyLogin from './yy-login.vue'
|
|
||||||
import defultLogin from './defult-login.vue'
|
import defultLogin from './defult-login.vue'
|
||||||
const buildMode = import.meta.env.MODE
|
const buildMode = import.meta.env.MODE
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,458 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="login-container">
|
|
||||||
<div class="login-yc">
|
|
||||||
<img class="welcome-img" :src="leftBg1" />
|
|
||||||
</div>
|
|
||||||
<div class="box-item login" v-if="isRegister">
|
|
||||||
<WindowTools :is-has-max="false" />
|
|
||||||
<div style="display: flex;justify-content: center;"><img class="title-logo" :src="yylogo" /></div>
|
|
||||||
<div class="login-title">育人酉数平台</div>
|
|
||||||
<el-form ref="formRef" class="login-form" :model="loginForm" :rules="rules" size="large">
|
|
||||||
<el-form-item prop="username">
|
|
||||||
<el-input v-model.trim="loginForm.username" placeholder="请输入用户名" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="password" style="margin-bottom: 15px">
|
|
||||||
<el-input v-model="loginForm.password" autocomplete="on" type="password" placeholder="请输入密码" />
|
|
||||||
</el-form-item>
|
|
||||||
<div class="flex mb-5">
|
|
||||||
<el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
|
|
||||||
<!-- <el-checkbox >阅读并同意《xxx》</el-checkbox> -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<el-form-item style="margin-bottom: 20px">
|
|
||||||
<el-button :loading="btnLoading" class="btn" type="primary" @click="submitForm(formRef)">登录</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
|
|
||||||
<a class="hover:text-sky-500" style="margin-right: 10px;" @click="gotoreRegister">注册账号</a>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="box-item login" v-else>
|
|
||||||
<WindowTools :is-has-max="false" />
|
|
||||||
<div class="login-title">账号注册</div>
|
|
||||||
<el-form ref="ruleFormRef" class="login-form" :model="ruleForm" label-width="auto" :rules="rules" size="large">
|
|
||||||
<el-form-item label="手机号" prop="username">
|
|
||||||
<el-input v-model="ruleForm.username" placeholder="请输入手机号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="验证码" prop="smsCode" style="display: flex">
|
|
||||||
<el-input style="width:185px" v-model="ruleForm.smsCode" placeholder="请输入验证码" /><el-button style="margin-left:10px;width:100px" :disabled="codeName=='发送验证码'?false:true" type="primary" @click="sendyzm">{{ codeName }}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="密码" prop="password" >
|
|
||||||
<el-input autocomplete="on" type="password" v-model="ruleForm.password" placeholder="请输入密码" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-button class="btn" type="primary" @click="RegisterForm(ruleFormRef)">立即注册</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
|
|
||||||
<a class="hover:text-sky-500" style="margin-right: 10px;" @click="gotoLogin"> 《 返回登录 </a>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-dialog v-model="showDownLoading" width="500" :show-close="false" :close-on-click-modal="false"
|
|
||||||
:close-on-press-escape="false" align-center>
|
|
||||||
<el-progress :text-inside="true" :stroke-width="22" :percentage="downloadProp" :show-text="false"
|
|
||||||
status="success" />
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog
|
|
||||||
v-model="isImg"
|
|
||||||
title="人机验证"
|
|
||||||
width="500"
|
|
||||||
style=" -webkit-app-region: no-drag;"
|
|
||||||
>
|
|
||||||
<span>根据图片回答相关问题1</span>
|
|
||||||
<div style="display: flex;align-items: center;;margin-top:30px">
|
|
||||||
<img :src="isPeopleImg" style="width:200px;height:60px;cursor: pointer;" alt="" srcset="" @click="refreshImg">
|
|
||||||
<el-input v-model="ruleForm.imgCode" style="width: 250px;height:40px;margin-left:20px" placeholder="请根据图片填入答案" />
|
|
||||||
</div>
|
|
||||||
<div style="display: flex;justify-content: center;margin-top:30px">
|
|
||||||
<el-button type="primary" @click="sbmitImg">确定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
<!--选择学科-->
|
|
||||||
<SelectSubject v-model="isSubject" :login-data="loginForm" />
|
|
||||||
<!--注册弹框-->
|
|
||||||
<Register ref="RegModel"></Register>
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { onMounted, reactive, ref } from 'vue'
|
|
||||||
import { ElMessage } from 'element-plus'
|
|
||||||
import { encrypt, decrypt } from '@/utils/jsencrypt'
|
|
||||||
import useUserStore from '@/store/modules/user'
|
|
||||||
import WindowTools from '@/components/window-tools/index.vue'
|
|
||||||
import SelectSubject from '@/components/select-subject/index.vue'
|
|
||||||
import Register from './components/Register.vue'
|
|
||||||
import { sessionStore } from '@/utils/store'
|
|
||||||
import {sendcode,instructorregister,getCodeImg} from '@/api/login'
|
|
||||||
import yylogo from '@/assets/images/login/yy-logo.png'
|
|
||||||
import leftBg1 from '@/assets/images/login/yy_bacg.jpg'
|
|
||||||
const { session } = require('@electron/remote')
|
|
||||||
const buildMode = import.meta.env.MODE
|
|
||||||
const downloadProp = ref(0)
|
|
||||||
const showDownLoading = ref(false)
|
|
||||||
const { ipcRenderer } = window.electron || {}
|
|
||||||
const formRef = ref()
|
|
||||||
const userStore = useUserStore()
|
|
||||||
const btnLoading = ref(false)
|
|
||||||
const isSubject = ref(false)
|
|
||||||
const RegModel = ref(false)
|
|
||||||
const isRegister = ref(true)
|
|
||||||
const ruleFormRef = ref(null)
|
|
||||||
const codeName=ref('发送验证码')
|
|
||||||
const timer=ref(null)
|
|
||||||
const isImg=ref(false)
|
|
||||||
const isPeopleImg=ref(null)
|
|
||||||
const type=ref(1) // 1注册 2找回密码
|
|
||||||
const resImg = reactive({ imgData: {} });
|
|
||||||
|
|
||||||
//表单
|
|
||||||
const loginForm = reactive({
|
|
||||||
username: '',
|
|
||||||
password: '',
|
|
||||||
rememberMe: false
|
|
||||||
})
|
|
||||||
// 注册表单
|
|
||||||
const ruleForm = reactive({
|
|
||||||
|
|
||||||
})
|
|
||||||
//表单规则
|
|
||||||
const rules = reactive({
|
|
||||||
username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
|
|
||||||
password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
|
|
||||||
smsCode: [{ required: true, trigger: 'blur', message: '请输入您的验证码' }],
|
|
||||||
})
|
|
||||||
|
|
||||||
let curWinUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
|
|
||||||
let homeTitle = ref(import.meta.env.VITE_APP_TITLE)
|
|
||||||
ipcRenderer.on('update-app-progress', (e, prop) => {
|
|
||||||
downloadProp.value = prop
|
|
||||||
showDownLoading.value = prop !== 100
|
|
||||||
})
|
|
||||||
const gotoreRegister=()=>{
|
|
||||||
codeName.value='发送验证码'
|
|
||||||
if(timer.value){
|
|
||||||
clearInterval(timer.value);
|
|
||||||
}
|
|
||||||
isRegister.value=false
|
|
||||||
}
|
|
||||||
// 刷新
|
|
||||||
const refreshImg=()=>{
|
|
||||||
getCodeImg().then(res=>{
|
|
||||||
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
|
||||||
resImg.imgData=res
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 提交人机验证
|
|
||||||
const sbmitImg=()=>{
|
|
||||||
if(ruleForm.imgCode){
|
|
||||||
// {mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}
|
|
||||||
const { username:username,imgCode:code } = ruleForm
|
|
||||||
const params = {
|
|
||||||
username, code,
|
|
||||||
uuid: resImg.imgData.uuid,
|
|
||||||
source:4
|
|
||||||
}
|
|
||||||
sendcode(params).then(res=>{
|
|
||||||
if(res.code==200){
|
|
||||||
ElMessage.success('短信发送成功')
|
|
||||||
ruleForm.Code=res.data
|
|
||||||
isImg.value=false
|
|
||||||
codeName.value=60
|
|
||||||
timer.value=setInterval(()=>{
|
|
||||||
codeName.value--
|
|
||||||
if(codeName.value==0){
|
|
||||||
codeName.value='发送验证码'
|
|
||||||
clearInterval(timer.value);
|
|
||||||
}
|
|
||||||
},1000)
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
ElMessage.error('请根据图片输入验证码')
|
|
||||||
}
|
|
||||||
//
|
|
||||||
}
|
|
||||||
// 发送验证码
|
|
||||||
const sendyzm=()=>{
|
|
||||||
if(ruleForm.username){
|
|
||||||
const pattern = /^1[3-9]\d{9}$/;
|
|
||||||
if( pattern.test(ruleForm.username) ){
|
|
||||||
|
|
||||||
getCodeImg().then(res=>{
|
|
||||||
if(res.code==200){
|
|
||||||
ruleForm.imgCode=null
|
|
||||||
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
|
||||||
isImg.value=true
|
|
||||||
resImg.imgData=res
|
|
||||||
// codeName.value=60
|
|
||||||
// timer.value=setInterval(()=>{
|
|
||||||
// codeName.value--
|
|
||||||
// if(codeName.value==0){
|
|
||||||
// codeName.value='发送验证码'
|
|
||||||
// clearInterval(timer.value);
|
|
||||||
// }
|
|
||||||
// },1000)
|
|
||||||
}else{
|
|
||||||
ElMessage.error(res.msg)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
ElMessage.error('请输入正确的手机号码')
|
|
||||||
}
|
|
||||||
// captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
|
||||||
// console.log('res->', res)
|
|
||||||
// })
|
|
||||||
}else{
|
|
||||||
ElMessage.error('请输入手机号码')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 打开弹窗
|
|
||||||
const RegisterModel = type => {
|
|
||||||
RegModel.value.OpenModel(type)
|
|
||||||
}
|
|
||||||
//登录
|
|
||||||
const submitForm = async (formEl) => {
|
|
||||||
if (!formEl) return
|
|
||||||
await formEl.validate(async (valid) => {
|
|
||||||
if (valid) {
|
|
||||||
btnLoading.value = true
|
|
||||||
|
|
||||||
// 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
|
|
||||||
if (loginForm.rememberMe) {
|
|
||||||
await setCookie('username', loginForm.username)
|
|
||||||
await setCookie('password', encrypt(loginForm.password))
|
|
||||||
await setCookie('rememberMe', loginForm.rememberMe.toString())
|
|
||||||
} else {
|
|
||||||
// 否则移除
|
|
||||||
await session.defaultSession.clearStorageData({
|
|
||||||
origin: curWinUrl,
|
|
||||||
storages: ['cookies']
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
await userStore.login(loginForm)
|
|
||||||
await userStore.getInfo()
|
|
||||||
if (userStore.user.edustage || userStore.user.edusubject || isStadium(userStore.user)) {
|
|
||||||
ElMessage.success('登录成功')
|
|
||||||
ipcRenderer && ipcRenderer.send('openMainWindow')
|
|
||||||
} else {
|
|
||||||
isSubject.value = true
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
btnLoading.value = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const isStadium = (user) => {
|
|
||||||
let roles = user.roles
|
|
||||||
return roles.some(item => item.roleKey === 'stadium')
|
|
||||||
}
|
|
||||||
|
|
||||||
const getCookie = async () => {
|
|
||||||
const username = (await getCookieDetail('username'))[0]
|
|
||||||
const password = (await getCookieDetail('password'))[0]
|
|
||||||
const rememberMe = (await getCookieDetail('rememberMe'))[0]
|
|
||||||
loginForm.username = username ? username.value : loginForm.username
|
|
||||||
loginForm.password = password ? decrypt(password.value) : loginForm.password
|
|
||||||
loginForm.rememberMe = rememberMe ? Boolean(rememberMe.value) : false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取cookie
|
|
||||||
const getCookieDetail = (name) => {
|
|
||||||
return session.defaultSession.cookies.get({ url: curWinUrl, name })
|
|
||||||
}
|
|
||||||
|
|
||||||
// 设置cookie
|
|
||||||
const setCookie = (name, value) => {
|
|
||||||
// 30天过期
|
|
||||||
let Days = 30
|
|
||||||
let times = Math.round(Date.now() / 1000) + Days * 24 * 60 * 60
|
|
||||||
const cookie = {
|
|
||||||
url: curWinUrl,
|
|
||||||
name,
|
|
||||||
value,
|
|
||||||
expirationDate: times
|
|
||||||
}
|
|
||||||
return session.defaultSession.cookies.set(cookie)
|
|
||||||
}
|
|
||||||
const gotoLogin = () => {
|
|
||||||
codeName.value='发送验证码'
|
|
||||||
if (timer.value){
|
|
||||||
clearInterval(timer.value);
|
|
||||||
}
|
|
||||||
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
|
||||||
isRegister.value = true
|
|
||||||
}
|
|
||||||
// 注册
|
|
||||||
const RegisterForm = async (formEl) => {
|
|
||||||
if (!formEl) return
|
|
||||||
await formEl.validate((valid, fields) => {
|
|
||||||
if (valid) {
|
|
||||||
instructorregister(ruleForm).then(res=>{
|
|
||||||
if(res.code==200){
|
|
||||||
ElMessage.success('您已注册成功')
|
|
||||||
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
|
||||||
gotoLogin()
|
|
||||||
}else{
|
|
||||||
ElMessage.error(res.msg)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
console.log('submit!')
|
|
||||||
} else {
|
|
||||||
console.log('error submit!', fields)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
onMounted(() => {
|
|
||||||
localStorage.clear()
|
|
||||||
sessionStore.set('subject', {
|
|
||||||
bookList: null,
|
|
||||||
curBook: null,
|
|
||||||
curNode: null,
|
|
||||||
defaultExpandedKeys: [],
|
|
||||||
subjectTree: []
|
|
||||||
})
|
|
||||||
getCookie()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.login-container {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
-webkit-app-region: drag;
|
|
||||||
|
|
||||||
.login-yc{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
img{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-item {
|
|
||||||
width: 370px;
|
|
||||||
height: 520px;
|
|
||||||
|
|
||||||
&.desc {
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 12px 0px 0px 12px;
|
|
||||||
box-shadow: 0px 16px 73px 8px rgba(203, 203, 203, 0.2);
|
|
||||||
padding: 23px 25px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-start;
|
|
||||||
background-color: #003b94;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.login {
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 0px 12px 12px 0px;
|
|
||||||
padding: 34px 42px;
|
|
||||||
position: relative;
|
|
||||||
.title-logo{
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome {
|
|
||||||
padding-top: 35px;
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 25px;
|
|
||||||
letter-spacing: 0.26px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome-img {
|
|
||||||
margin-top: 20px;
|
|
||||||
width: 350px;
|
|
||||||
height: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-title {
|
|
||||||
font-size: 20px;
|
|
||||||
text-align: center;
|
|
||||||
color: #1e1e1e;
|
|
||||||
margin-bottom: 35px;
|
|
||||||
margin-top: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-title {
|
|
||||||
font-size: 20px;
|
|
||||||
text-align: center;
|
|
||||||
color: #1e1e1e;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-top: 5px;
|
|
||||||
font-width: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-title2 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-form {
|
|
||||||
-webkit-app-region: no-drag;
|
|
||||||
|
|
||||||
.captcha-input {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.captcha-img {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-bottom{
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(0, 0, 0, 0.45);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
width: 350px;
|
|
||||||
height: 50px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 700;
|
|
||||||
text-align: center;
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-tool {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
-webkit-app-region: no-drag;
|
|
||||||
|
|
||||||
span {
|
|
||||||
padding: 5px 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-form-item {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -69,7 +69,6 @@
|
||||||
<div class="content-body-right-item-text">{{item.name}}</div>
|
<div class="content-body-right-item-text">{{item.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <Eos></Eos>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -95,7 +94,7 @@ import { sessionStore } from '@/utils/store'
|
||||||
import {listEntpcourse} from "@/api/teaching/classwork";
|
import {listEntpcourse} from "@/api/teaching/classwork";
|
||||||
import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
|
import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
|
||||||
import {createWindow, toLinkLeftWeb, getStaticUrl} from "@/utils/tool";
|
import {createWindow, toLinkLeftWeb, getStaticUrl} from "@/utils/tool";
|
||||||
import {ElMessage, ElMessageBox} from "element-plus";
|
import {ElMessage} from "element-plus";
|
||||||
import {PPTXFileToJson} from "@/AixPPTist/src/hooks/useImport";
|
import {PPTXFileToJson} from "@/AixPPTist/src/hooks/useImport";
|
||||||
import * as API_entpcoursefile from "@/api/education/entpcoursefile";
|
import * as API_entpcoursefile from "@/api/education/entpcoursefile";
|
||||||
import msgUtils from "@/plugins/modal";
|
import msgUtils from "@/plugins/modal";
|
||||||
|
@ -103,7 +102,6 @@ import * as commUtils from "@/utils/comm";
|
||||||
import * as Api_server from "@/api/apiService"; // 学科名字文生图
|
import * as Api_server from "@/api/apiService"; // 学科名字文生图
|
||||||
import useClassTaskStore from '@/store/modules/classTask'
|
import useClassTaskStore from '@/store/modules/classTask'
|
||||||
import { slidesToImg } from '@/utils/ppt' // ppt相关工具
|
import { slidesToImg } from '@/utils/ppt' // ppt相关工具
|
||||||
import Eos from "@/components/FileUpload/Eos.vue"
|
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const userStore = useUserStore().user // 用户信息
|
const userStore = useUserStore().user // 用户信息
|
||||||
|
@ -155,7 +153,7 @@ const tools = reactive([{
|
||||||
img: 'airobot'
|
img: 'airobot'
|
||||||
},{
|
},{
|
||||||
name: '语音生成',
|
name: '语音生成',
|
||||||
path: '/model/aiVoice',
|
path: '',
|
||||||
img: 'aiyuyin'
|
img: 'aiyuyin'
|
||||||
},{
|
},{
|
||||||
name: '文生图片',
|
name: '文生图片',
|
||||||
|
@ -213,20 +211,7 @@ const gotoRoute = (item) => {
|
||||||
if (item.path) {
|
if (item.path) {
|
||||||
if (item.path === '/model/aiKolors') {
|
if (item.path === '/model/aiKolors') {
|
||||||
gotoAiKolors(item.path)
|
gotoAiKolors(item.path)
|
||||||
}else if(item.path == '/model/aiVoice'){
|
}else {
|
||||||
console.log('aiVoice',uploadData.value)
|
|
||||||
const path = '/model/aiVoice'
|
|
||||||
let subjectdata = sessionStore.get('subject.curNode')
|
|
||||||
let datasubject = `课标-${subjectdata.edustage}-${subjectdata.edusubject}`
|
|
||||||
router.push({
|
|
||||||
path,
|
|
||||||
query: {
|
|
||||||
datasetId: dataSetJson[datasubject],
|
|
||||||
coursetitle: currentNode.value.itemtitle,
|
|
||||||
...uploadData.value
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else {
|
|
||||||
router.push(item.path)
|
router.push(item.path)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -304,8 +289,6 @@ const pgDialog = ref({ // 弹窗-进度条
|
||||||
|
|
||||||
const fileInput = ref(null)
|
const fileInput = ref(null)
|
||||||
|
|
||||||
let pptMedia = {} // ppt媒体数据
|
|
||||||
|
|
||||||
const openFilePicker = () =>{
|
const openFilePicker = () =>{
|
||||||
fileInput.value.click();
|
fileInput.value.click();
|
||||||
}
|
}
|
||||||
|
@ -319,13 +302,9 @@ const handleFileChange = ()=> {
|
||||||
}
|
}
|
||||||
// ppt文件转PPT线上数据
|
// ppt文件转PPT线上数据
|
||||||
const createAIPPTByFile = async (file)=> {
|
const createAIPPTByFile = async (file)=> {
|
||||||
pgDialog.value.visible = true
|
// pgDialog.value.visible = true
|
||||||
pgDialog.value.pg.percentage = 0
|
// pgDialog.value.pg.percentage = 0
|
||||||
pptMedia = {} // 清空媒体数据
|
const resPptJson = await PPTXFileToJson(file)
|
||||||
const resPptJson = await PPTXFileToJson(file).catch(() => {
|
|
||||||
ElMessageBox.alert('PPT文件转换失败!请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入!')
|
|
||||||
pgDialog.value.visible = false
|
|
||||||
})
|
|
||||||
const { def, slides, ...content } = resPptJson
|
const { def, slides, ...content } = resPptJson
|
||||||
// 生成缩略图
|
// 生成缩略图
|
||||||
const thumbnails = await slidesToImg(slides, content.width)
|
const thumbnails = await slidesToImg(slides, content.width)
|
||||||
|
@ -397,63 +376,39 @@ const createAIPPTByFile = async (file)=> {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 将图片|音频|视频 转换为线上地址
|
|
||||||
const getOnlineFileUrl = (data, name) => {
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
let file
|
|
||||||
if (data instanceof Blob) { // blob类型判断
|
|
||||||
const fileName = Date.now() + `.${name||'png'}`
|
|
||||||
file = commUtils.blobToFile(data, fileName)
|
|
||||||
} else if (data instanceof File) { // file类型判断
|
|
||||||
file = data
|
|
||||||
} else { // 其他类型 base64
|
|
||||||
const blob = commUtils.base64ToBlob(data)
|
|
||||||
const fileName = Date.now() + `.${name||'png'}`
|
|
||||||
file = commUtils.blobToFile(blob, fileName)
|
|
||||||
}
|
|
||||||
const formData = new FormData()
|
|
||||||
formData.append('file', file)
|
|
||||||
const res = await Api_server.Other.uploadFile(formData)
|
|
||||||
if (res && res.code == 200){
|
|
||||||
resolve(res?.url)
|
|
||||||
} else { // 失败
|
|
||||||
reject(res?.msg||'上传失败')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const toRousrceUrl = async (o) => {
|
const toRousrceUrl = async (o) => {
|
||||||
if (!!o.src) { // 如果有src就转换
|
if (!!o.src) { // 如果有src就转换
|
||||||
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
||||||
const isBlobUrl = /^blob:/.test(o.src)
|
const isBlobUrl = /^blob:/.test(o.src)
|
||||||
let onLineUrl = '' // 线上地址
|
// console.log('isBase64', o, isBase64)
|
||||||
if (!!o.zipPath) onLineUrl = pptMedia[o.zipPath] || '' // 是否已上传过
|
if (isBase64) {
|
||||||
if (onLineUrl) o.src = onLineUrl // 已存在线上地址直接赋值
|
const bolb = commUtils.base64ToBlob(o.src)
|
||||||
else { // 不存在重新上传
|
const fileName = Date.now() + '.png'
|
||||||
if (isBase64) { // 相同资源处理
|
const file = commUtils.blobToFile(bolb, fileName)
|
||||||
const url = await getOnlineFileUrl(o.src)
|
// o.src = fileName
|
||||||
url && o.zipPath && (pptMedia[o.zipPath] = url) // 缓存
|
// console.log('file', file)
|
||||||
} else if (isBlobUrl) { // 视频和音频
|
const formData = new FormData()
|
||||||
const res = await fetch(o.src)
|
formData.append('file', file)
|
||||||
const blob = await res.blob()
|
const res = await Api_server.Other.uploadFile(formData)
|
||||||
const url = await getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3')
|
if (res && res.code == 200){
|
||||||
URL.revokeObjectURL(o.src) // 释放内存
|
const url = res?.url
|
||||||
|
url &&(o.src = url)
|
||||||
|
}
|
||||||
|
} else if (isBlobUrl) { // 视频和音频
|
||||||
|
const res = await fetch(o.src)
|
||||||
|
const blob = await res.blob()
|
||||||
|
const fileName = o.type=='video'? Date.now() + '.mp4':Date.now() + '.mp3'
|
||||||
|
const file = commUtils.blobToFile(blob, fileName)
|
||||||
|
// o.src = fileName
|
||||||
|
// console.log('file', file)
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
const ress = await Api_server.Other.uploadFile(formData)
|
||||||
|
if (ress && ress.code == 200){
|
||||||
|
const url = ress?.url
|
||||||
url &&(o.src = url)
|
url &&(o.src = url)
|
||||||
url && o.zipPath && (pptMedia[o.zipPath] = url) // 缓存
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理元素为shape 可能存在背景图等
|
|
||||||
const isBg = o?.gradient?.type == 'image' && !!o?.gradient?.image
|
|
||||||
if (isBg) {
|
|
||||||
const {src, zipPath} = o.gradient.image || {}
|
|
||||||
let onLineUrl = '' // 线上地址
|
|
||||||
if (!!zipPath) onLineUrl = pptMedia[zipPath] || '' // 是否已上传过
|
|
||||||
if (onLineUrl) o.gradient.image.src = onLineUrl // 已存在线上地址直接赋值
|
|
||||||
else { // 重新上传
|
|
||||||
const url = await getOnlineFileUrl(src)
|
|
||||||
o.gradient.image.src = url
|
|
||||||
url && zipPath && (pptMedia[zipPath] = url) // 缓存
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -725,7 +680,6 @@ onMounted(async () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 15px;
|
gap: 15px;
|
||||||
padding: 10px;
|
|
||||||
.content-body-right-item{
|
.content-body-right-item{
|
||||||
&:hover{
|
&:hover{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -18,9 +18,7 @@
|
||||||
{{ item.fileShowName.substring(0, item.fileShowName.lastIndexOf('.')) }}
|
{{ item.fileShowName.substring(0, item.fileShowName.lastIndexOf('.')) }}
|
||||||
<el-tag type="danger" effect="dark">{{item.fileShowName.substring(item.fileShowName.lastIndexOf('.')+1)}}</el-tag>
|
<el-tag type="danger" effect="dark">{{item.fileShowName.substring(item.fileShowName.lastIndexOf('.')+1)}}</el-tag>
|
||||||
<template v-if="item.fileTag">
|
<template v-if="item.fileTag">
|
||||||
<el-tag v-for="(item1, index1) in item.fileTag.split(',')"
|
<el-tag v-for="(item1, index1) in item.fileTag.split(',')" :key="index1" type="success" effect="dark" style="margin-left: 5px">{{item1}}</el-tag>
|
||||||
@close="deleteTag(item, item1, index1)" closable :key="index1"
|
|
||||||
@click.stop="editTag(item, item1, index1)" type="success" effect="dark" style="margin-left: 5px">{{item1}}</el-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -284,71 +282,6 @@ export default {
|
||||||
})
|
})
|
||||||
// this.$emit('on-start-class', item)
|
// this.$emit('on-start-class', item)
|
||||||
},
|
},
|
||||||
editTagMsg(type, item, value, index) {
|
|
||||||
let fileTagList = []
|
|
||||||
if (!item.fileTag) {
|
|
||||||
item.fileTag="";
|
|
||||||
fileTagList = [];
|
|
||||||
}else {
|
|
||||||
fileTagList = item.fileTag.split(',');
|
|
||||||
}
|
|
||||||
let message = '';
|
|
||||||
switch (type) {
|
|
||||||
case 'add':
|
|
||||||
fileTagList.push(value);
|
|
||||||
message = '添加成功!';
|
|
||||||
break;
|
|
||||||
case 'delete':
|
|
||||||
fileTagList.splice(index, 1);
|
|
||||||
message = '删除成功!';
|
|
||||||
break;
|
|
||||||
case 'edit':
|
|
||||||
fileTagList[index] = value;
|
|
||||||
message = '修改成功!';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
item.fileTagList = fileTagList;
|
|
||||||
item.fileTag = fileTagList.join(",")
|
|
||||||
updateSmarttalk({ id: item.id, fileTag: item.fileTag, fileShowName: item.fileShowName }).then((res) => {
|
|
||||||
if (res.data === true) {
|
|
||||||
ElMessage({
|
|
||||||
type: 'success',
|
|
||||||
message: message
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
deleteTag(item, item1, index) {
|
|
||||||
ElMessageBox.confirm(
|
|
||||||
'是否确认删除这个标签?',
|
|
||||||
'提示',
|
|
||||||
{
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
}
|
|
||||||
)
|
|
||||||
.then(() => {
|
|
||||||
this.editTagMsg('delete', item, "", index)
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
})
|
|
||||||
},
|
|
||||||
editTag(item, item1, index) {
|
|
||||||
console.log(item, item1, index)
|
|
||||||
ElMessageBox.prompt('请输入新的标签', '修改标签', {
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
inputValue: item1,
|
|
||||||
inputPattern: /^[a-zA-Z0-9\u4e00-\u9fa5]{1,5}$/,
|
|
||||||
inputErrorMessage: '请输入最多五个字的标签,不能携带标点符号'
|
|
||||||
})
|
|
||||||
.then(({ value }) => {
|
|
||||||
this.editTagMsg('edit', item, value, index)
|
|
||||||
}).catch(() => {})
|
|
||||||
},
|
|
||||||
editTalk(item) {
|
editTalk(item) {
|
||||||
ElMessageBox.prompt('请输入新的标签', '添加标签', {
|
ElMessageBox.prompt('请输入新的标签', '添加标签', {
|
||||||
confirmButtonText: '确认',
|
confirmButtonText: '确认',
|
||||||
|
@ -358,7 +291,24 @@ export default {
|
||||||
inputErrorMessage: '请输入最多五个字的标签,不能携带标点符号'
|
inputErrorMessage: '请输入最多五个字的标签,不能携带标点符号'
|
||||||
})
|
})
|
||||||
.then(({ value }) => {
|
.then(({ value }) => {
|
||||||
this.editTagMsg('add', item, value, 0)
|
let fileTagList = []
|
||||||
|
if (!item.fileTag) {
|
||||||
|
item.fileTag="";
|
||||||
|
fileTagList = [];
|
||||||
|
}else {
|
||||||
|
fileTagList = item.fileTag.split(',');
|
||||||
|
}
|
||||||
|
fileTagList.push(value);
|
||||||
|
item.fileTagList = fileTagList;
|
||||||
|
item.fileTag = fileTagList.join(",")
|
||||||
|
updateSmarttalk({ id: item.id, fileTag: item.fileTag, fileShowName: item.fileShowName }).then((res) => {
|
||||||
|
if (res.data === true) {
|
||||||
|
ElMessage({
|
||||||
|
type: 'success',
|
||||||
|
message: `添加成功!`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,124 +1,30 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog class="ppt-dialog" v-model="model" title="生成PPT(试验版)"
|
<el-dialog class="ppt-dialog" v-model="model" :show-close="false" width="800" destroy-on-close :top="'3vh'">
|
||||||
:close-on-click-modal="false"
|
<template #header="{ close, titleId, titleClass }">
|
||||||
:close-on-press-escape="false"
|
<div class="dialog-header">
|
||||||
:show-close="false" width="1000" destroy-on-close >
|
<h4 :id="titleId" :class="titleClass">生成PPT(试验版)</h4>
|
||||||
<!-- <AiPptist @add-success="addAiPPT" :dataList="dataList"/>-->
|
<i class="iconfont icon-guanbi" @click="close"></i>
|
||||||
<div class="ppt-dialog-content">
|
|
||||||
<div v-if="activeStep === 1" class="ppt-dialog-cover-wrap">
|
|
||||||
<div v-for="(item,index) in backGroundList"
|
|
||||||
:key="item.templateIndexId"
|
|
||||||
@click="outlineData.templateId = item.templateIndexId"
|
|
||||||
:class="outlineData.templateId === item.templateIndexId?'active-mode':''"
|
|
||||||
class="ppt-dialog-cover-item">
|
|
||||||
<div class="icon-select">
|
|
||||||
<Select />
|
|
||||||
</div>
|
|
||||||
<img :src="getBackGroundImg(item.detailImage)">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="ppt-dialog-prog-wrap" v-if="activeStep === 2">
|
</template>
|
||||||
<el-progress :percentage="percentage" type="circle"></el-progress>
|
<AiPptist @add-success="addAiPPT" :dataList="dataList"/>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ppt-dialog-footer" v-if="activeStep === 1">
|
|
||||||
<el-button @click="closeDialog">关闭</el-button>
|
|
||||||
<el-button type="primary" :loading="createPPTLoading" @click="createPPT">生成课件</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import AiPptist from './ai-pptistV2.vue';
|
import AiPptist from './ai-pptistV2.vue';
|
||||||
import {Select} from "@element-plus/icons-vue";
|
|
||||||
import {ref, defineEmits, onMounted} from "vue";
|
|
||||||
import {createPPTV2, getBackGroundV2, getProgressV2, createPptByOutline} from "@/utils/ppt-request";
|
|
||||||
import {ElMessage} from "element-plus";
|
|
||||||
import useUserStore from '@/store/modules/user'
|
|
||||||
const userStore = useUserStore()
|
|
||||||
const model = defineModel()
|
const model = defineModel()
|
||||||
const emit = defineEmits(['addSuccess', 'close-dialogs'])
|
const emit = defineEmits(['addSuccess'])
|
||||||
const backGroundList = ref([]);
|
|
||||||
const activeStep = ref(1);
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: {
|
dataList: {
|
||||||
type: Object,
|
type: Array,
|
||||||
default: () => {}
|
default: () => []
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
const closeDialog = () => {
|
|
||||||
emit('close-dialogs')
|
|
||||||
}
|
|
||||||
const addAiPPT = (data) => {
|
const addAiPPT = (data) => {
|
||||||
emit('addSuccess', data)
|
emit('addSuccess', data)
|
||||||
}
|
}
|
||||||
const getBackGroundImg = (imgUrlStr) => {
|
|
||||||
return JSON.parse(imgUrlStr).titleCoverImage
|
|
||||||
};
|
|
||||||
|
|
||||||
const createPPTLoading = ref(false);
|
|
||||||
const outlineData = ref({
|
|
||||||
query: '', // 用户要求(最多8000字)
|
|
||||||
templateId: '', // ppt生成主题
|
|
||||||
author: userStore.user.nickName,
|
|
||||||
isFigure: false, // 是否自动配图
|
|
||||||
search: true,
|
|
||||||
language: "cn"
|
|
||||||
})
|
|
||||||
const percentage = ref(0);
|
|
||||||
const outlineCreatePPT = () => {
|
|
||||||
const newOutlineData = { ...outlineData.value, };
|
|
||||||
let outline = JSON.parse(props.dataList.outline).json
|
|
||||||
newOutlineData.outline = JSON.stringify(outline);
|
|
||||||
newOutlineData.query = "通过传入大纲帮我生成相应的PPT课件"
|
|
||||||
createPPTLoading.value = true;
|
|
||||||
createPptByOutline(newOutlineData).then((res) => {
|
|
||||||
console.log(res, "正在生成中");
|
|
||||||
createPPTLoading.value = false;
|
|
||||||
activeStep.value = 2
|
|
||||||
|
|
||||||
const checkProgress = () => {
|
|
||||||
getProgressV2(res.sid).then(response => {
|
|
||||||
percentage.value = Math.round(response?.donePages*100/response?.totalPages);
|
|
||||||
if (response.pptStatus === "done") {
|
|
||||||
emit('addSuccess',{...res,url:response.pptUrl})
|
|
||||||
ElMessage.success("生成成功");
|
|
||||||
} else {
|
|
||||||
const sleepTime = 2000;
|
|
||||||
let remainingTime = sleepTime;
|
|
||||||
const intervalId = setInterval(() => {
|
|
||||||
remainingTime -= 100;
|
|
||||||
if (remainingTime <= 0) {
|
|
||||||
clearInterval(intervalId);
|
|
||||||
checkProgress();
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
checkProgress();
|
|
||||||
}).finally(()=>{
|
|
||||||
createPPTLoading.value = false
|
|
||||||
})
|
|
||||||
};
|
|
||||||
|
|
||||||
const createPPT = () => {
|
|
||||||
if (outlineData.value.templateId) {
|
|
||||||
outlineCreatePPT()
|
|
||||||
}else {
|
|
||||||
ElMessage.warning("请选择模板");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
// emit('addSuccess',{url:'https://bjcdn.openstorage.cn/xinghuo-privatedata/%2Ftmp/apiTempFileba724e0344f74e1480535eedf3ebec661601807661085006275/%E9%87%91%E9%A9%AC%E5%A5%96%E5%B0%B4%E5%B0%AC%E4%BA%8B%E4%BB%B6%E5%88%86%E6%9E%90%E4%B8%8E%E5%BA%94%E5%AF%B9%E7%AD%96%E7%95%A5.pptx'})
|
|
||||||
getBackGroundV2().then((res) => {
|
|
||||||
backGroundList.value = res.records;
|
|
||||||
});
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@ -134,50 +40,4 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ppt-dialog-footer{
|
|
||||||
padding-top: 20px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.ppt-dialog-content{
|
|
||||||
height: 500px;
|
|
||||||
overflow: auto;
|
|
||||||
.ppt-dialog-prog-wrap{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.ppt-dialog-cover-wrap{
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
.ppt-dialog-cover-item{
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border: 10px solid #ccc;
|
|
||||||
border-radius: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
img{
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
.icon-select{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.active-mode{
|
|
||||||
border: 10px solid #5e24d0;
|
|
||||||
position: relative;
|
|
||||||
.icon-select{
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
color: #fff;
|
|
||||||
background: #5e24d0;
|
|
||||||
border-radius: 5px;
|
|
||||||
display: block!important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -289,8 +289,7 @@ export default {
|
||||||
{ color: '#5cb87a', percentage: 100 }, // 绿色
|
{ color: '#5cb87a', percentage: 100 }, // 绿色
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
pptMedia: {} // ppt媒体数据
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
@ -562,7 +561,6 @@ export default {
|
||||||
},
|
},
|
||||||
importPPT(item) {
|
importPPT(item) {
|
||||||
let _this = this;
|
let _this = this;
|
||||||
// item.fileFullPath = "https://wzyzoss.eos-chongqing-3.cmecloud.cn/2025/1/14/c4d8ae796fc74417aefe017a49388962.ppt"
|
|
||||||
fetch(item.fileFullPath)
|
fetch(item.fileFullPath)
|
||||||
.then(res => res.arrayBuffer())
|
.then(res => res.arrayBuffer())
|
||||||
.then(buffer => {
|
.then(buffer => {
|
||||||
|
@ -592,81 +590,53 @@ export default {
|
||||||
this.createAIPPTByFile(file, this.currentNode.itemtitle + '.aippt')
|
this.createAIPPTByFile(file, this.currentNode.itemtitle + '.aippt')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 将图片|音频|视频 转换为线上地址
|
|
||||||
getOnlineFileUrl(data, name){
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
let file
|
|
||||||
if (data instanceof Blob) { // blob类型判断
|
|
||||||
const fileName = Date.now() + `.${name||'png'}`
|
|
||||||
file = commUtils.blobToFile(data, fileName)
|
|
||||||
} else if (data instanceof File) { // file类型判断
|
|
||||||
file = data
|
|
||||||
} else { // 其他类型 base64
|
|
||||||
const blob = commUtils.base64ToBlob(data)
|
|
||||||
const fileName = Date.now() + `.${name||'png'}`
|
|
||||||
file = commUtils.blobToFile(blob, fileName)
|
|
||||||
}
|
|
||||||
const formData = new FormData()
|
|
||||||
formData.append('file', file)
|
|
||||||
const res = await Api_server.Other.uploadFile(formData)
|
|
||||||
if (res && res.code == 200){
|
|
||||||
resolve(res?.url)
|
|
||||||
} else { // 失败
|
|
||||||
reject(res?.msg||'上传失败')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async toRousrceUrl(o) {
|
async toRousrceUrl(o) {
|
||||||
if (!!o.src) { // 如果有src就转换
|
if (!!o.src) { // 如果有src就转换
|
||||||
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
||||||
const isBlobUrl = /^blob:/.test(o.src)
|
const isBlobUrl = /^blob:/.test(o.src)
|
||||||
let onLineUrl = '' // 线上地址
|
// console.log('isBase64', o, isBase64)
|
||||||
if (!!o.zipPath) onLineUrl = this.pptMedia[o.zipPath] || '' // 是否已上传过
|
if (isBase64) {
|
||||||
if (onLineUrl) o.src = onLineUrl // 已存在线上地址直接赋值
|
const bolb = commUtils.base64ToBlob(o.src)
|
||||||
else { // 不存在重新上传
|
const fileName = Date.now() + '.png'
|
||||||
if (isBase64) { // 相同资源处理
|
const file = commUtils.blobToFile(bolb, fileName)
|
||||||
const url = await this.getOnlineFileUrl(o.src)
|
// o.src = fileName
|
||||||
url && o.zipPath && (this.pptMedia[o.zipPath] = url) // 缓存
|
// console.log('file', file)
|
||||||
} else if (isBlobUrl) { // 视频和音频
|
const formData = new FormData()
|
||||||
const res = await fetch(o.src)
|
formData.append('file', file)
|
||||||
const blob = await res.blob()
|
const res = await Api_server.Other.uploadFile(formData)
|
||||||
const url = await this.getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3')
|
if (res && res.code == 200){
|
||||||
URL.revokeObjectURL(o.src) // 释放内存
|
const url = res?.url
|
||||||
|
url &&(o.src = url)
|
||||||
|
}
|
||||||
|
} else if (isBlobUrl) { // 视频和音频
|
||||||
|
const res = await fetch(o.src)
|
||||||
|
const blob = await res.blob()
|
||||||
|
const fileName = o.type=='video'? Date.now() + '.mp4':Date.now() + '.mp3'
|
||||||
|
const file = commUtils.blobToFile(blob, fileName)
|
||||||
|
// o.src = fileName
|
||||||
|
// console.log('file', file)
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
const ress = await Api_server.Other.uploadFile(formData)
|
||||||
|
if (ress && ress.code == 200){
|
||||||
|
const url = ress?.url
|
||||||
url &&(o.src = url)
|
url &&(o.src = url)
|
||||||
url && o.zipPath && (this.pptMedia[o.zipPath] = url) // 缓存
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 处理元素为shape 可能存在背景图等
|
|
||||||
const isBg = o?.gradient?.type == 'image' && !!o?.gradient?.image
|
|
||||||
if (isBg) {
|
|
||||||
const {src, zipPath} = o.gradient.image || {}
|
|
||||||
let onLineUrl = '' // 线上地址
|
|
||||||
if (!!zipPath) onLineUrl = this.pptMedia[zipPath] || '' // 是否已上传过
|
|
||||||
if (onLineUrl) o.gradient.image.src = onLineUrl // 已存在线上地址直接赋值
|
|
||||||
else { // 重新上传
|
|
||||||
const url = await this.getOnlineFileUrl(src)
|
|
||||||
o.gradient.image.src = url
|
|
||||||
url && zipPath && (this.pptMedia[zipPath] = url) // 缓存
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (o?.background?.image) await this.toRousrceUrl(o.background.image)
|
if (o?.background?.image) await this.toRousrceUrl(o.background.image)
|
||||||
if(o?.elements){
|
// if (o?.elements) o.elements.forEach(async o => {await this.toRousrceUrl(o)})
|
||||||
for (let element of o.elements) {
|
if(o?.elements){
|
||||||
await this.toRousrceUrl(element);
|
for (let element of o.elements) {
|
||||||
}
|
await this.toRousrceUrl(element);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
async createAIPPTByFile(file,fileShowName) {
|
async createAIPPTByFile(file,fileShowName) {
|
||||||
this.pgDialog.visible = true
|
this.pgDialog.visible = true
|
||||||
this.pgDialog.pg.percentage = 0
|
this.pgDialog.pg.percentage = 0
|
||||||
this.pptMedia = {} // 清空媒体数据
|
const resPptJson = await PPTXFileToJson(file)
|
||||||
const resPptJson = await PPTXFileToJson(file).catch(() => {
|
|
||||||
ElMessageBox.alert('PPT文件转换失败!请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入!')
|
|
||||||
this.pgDialog.visible = false
|
|
||||||
})
|
|
||||||
if (!resPptJson) return
|
|
||||||
const { def, slides, ...content } = resPptJson
|
const { def, slides, ...content } = resPptJson
|
||||||
// 生成缩略图
|
// 生成缩略图
|
||||||
const thumbnails = await slidesToImg(slides, content.width)
|
const thumbnails = await slidesToImg(slides, content.width)
|
||||||
|
|
|
@ -1,155 +1,90 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div style="display: flex;">
|
||||||
<div style="display: flex; align-items: center;">
|
<div style="margin-left: 15px">
|
||||||
<div style="margin-left: 15px">
|
<el-dropdown @command="handleUserEduStage">
|
||||||
<span class="el-dropdown-link">
|
<span class="el-dropdown-link">
|
||||||
<el-button class="custom-button" type="default" round>{{ eduStage || userStore.edustage }}</el-button>
|
<el-button class="custom-button" type="default" round >{{ userStore.edustage }}
|
||||||
</span>
|
<el-icon><ArrowDown /></el-icon>
|
||||||
</div>
|
</el-button>
|
||||||
<div style="margin-left: 15px">
|
</span>
|
||||||
<span class="el-dropdown-link">
|
<template #dropdown>
|
||||||
<el-button class="custom-button" type="default" round>{{ eduSubject || userStore.edusubject }}</el-button>
|
<el-dropdown-menu>
|
||||||
</span>
|
<el-dropdown-item command="幼儿园">幼儿园</el-dropdown-item>
|
||||||
</div>
|
<el-dropdown-item command="小学">小学</el-dropdown-item>
|
||||||
<el-text
|
<el-dropdown-item command="初中">初中</el-dropdown-item>
|
||||||
type="primary"
|
<el-dropdown-item command="高中">高中</el-dropdown-item>
|
||||||
style="margin-left: 10px; cursor: pointer;"
|
</el-dropdown-menu>
|
||||||
@click="handleUserEduSubject"
|
</template>
|
||||||
v-popover="popoverRef"
|
</el-dropdown>
|
||||||
ref="buttonRef"
|
|
||||||
>修改</el-text>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 级联选择框 -->
|
<div style="margin-left: 15px">
|
||||||
<el-popover
|
<el-dropdown @command="handleUserEduSubject">
|
||||||
ref="popoverRef"
|
<span class="el-dropdown-link">
|
||||||
:virtual-ref="buttonRef"
|
<el-button class="custom-button" type="default" round>{{ userStore.edusubject }}
|
||||||
trigger="click"
|
<el-icon><ArrowDown /></el-icon>
|
||||||
title="修改学科学段"
|
</el-button>
|
||||||
virtual-triggering
|
</span>
|
||||||
placement="right"
|
<template #dropdown>
|
||||||
width="300px"
|
<el-dropdown-menu>
|
||||||
>
|
<template v-for="(item, index) in subjectList">
|
||||||
<div class="sidebar">
|
<el-dropdown-item v-if="item.edustage == userStore.edustage" :command="item.itemtitle">{{
|
||||||
<div class="nav-level-one">
|
item.itemtitle }}</el-dropdown-item>
|
||||||
<template v-for="(item,index) in options" :key="index">
|
|
||||||
<div :class="[currentIndex===index?'active':'','nav-item']" @click="handleUserEduStage(item.label,index)">
|
|
||||||
<span class="nav-text">{{ item.label }}</span>
|
|
||||||
<el-icon class="icon"><ArrowRight /></el-icon>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</el-dropdown-menu>
|
||||||
<div class="nav-level-two">
|
</template>
|
||||||
<el-scrollbar height="180">
|
</el-dropdown>
|
||||||
<template v-for="(item,index) in cascadeOptions" :key="index">
|
|
||||||
<div class="nav-item" @click="handleChange(item)">
|
|
||||||
<span class="nav-text">{{ item.label }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-scrollbar>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { onMounted, ref, unref } from 'vue';
|
import {ArrowDown} from '@element-plus/icons-vue'
|
||||||
|
import { onMounted,ref } from 'vue';
|
||||||
import { listEvaluation } from '@/api/subject/index'
|
import { listEvaluation } from '@/api/subject/index'
|
||||||
import { sessionStore } from '@/utils/store'
|
import {sessionStore} from '@/utils/store'
|
||||||
import { ArrowRight } from '@element-plus/icons-vue'
|
|
||||||
|
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
const subjectList = ref([])
|
const subjectList = ref([])
|
||||||
const buttonRef = ref()
|
|
||||||
const popoverRef = ref()
|
|
||||||
// 获取当前选择的学段
|
|
||||||
const currentIndex = ref(0)
|
|
||||||
// 当前的学科和学段
|
|
||||||
const eduStage = ref('')
|
|
||||||
const eduSubject = ref('')
|
|
||||||
|
|
||||||
// 学段固定
|
|
||||||
const options = ref([
|
|
||||||
{
|
|
||||||
value: '幼儿园',
|
|
||||||
label: '幼儿园',
|
|
||||||
children: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '小学',
|
|
||||||
label: '小学',
|
|
||||||
children: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '初中',
|
|
||||||
label: '初中',
|
|
||||||
children: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '高中',
|
|
||||||
label: '高中',
|
|
||||||
children: [],
|
|
||||||
},
|
|
||||||
])
|
|
||||||
// 选择学段时后筛选学科
|
|
||||||
const cascadeOptions = ref([]);
|
|
||||||
// 获取基础的学科
|
// 获取基础的学科
|
||||||
const getSubject = () => {
|
const getSubject = () => {
|
||||||
if (!userStore.subject) return;
|
//没有学科则不进行下面的步骤
|
||||||
|
if(!userStore.subject) return
|
||||||
listEvaluation({ itemkey: 'subject', pageSize: 500 }).then((res) => {
|
listEvaluation({ itemkey: 'subject', pageSize: 500 }).then((res) => {
|
||||||
const arr = userStore.subject.split(',');
|
const arr = userStore.subject.split(',')
|
||||||
subjectList.value = res.rows.filter(item => arr.includes(String(item.id)));
|
subjectList.value = res.rows.filter(item => arr.includes(String(item.id))).map(items => items)
|
||||||
if (subjectList.value.length === 0) return;
|
console.log(subjectList,'subjectList');
|
||||||
options.value.forEach(option => {
|
|
||||||
option.children = subjectList.value
|
})
|
||||||
.filter(items => items.edustage === option.label)
|
|
||||||
.map(item => ({ value: item.id, label: item.edusubject }));
|
|
||||||
});
|
|
||||||
// 首次获取学段和学科列表
|
|
||||||
const cIndex = options.value.findIndex(item => item.label === userStore.edustage);
|
|
||||||
cascadeOptions.value = [...options.value[cIndex].children]
|
|
||||||
currentIndex.value = cIndex
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 选择学段
|
// 选择学段
|
||||||
const handleUserEduStage = (stage,index) => {
|
const handleUserEduStage = (item) => {
|
||||||
const currentData = options.value.find(item => item.label === stage);
|
userStore.edustage = item
|
||||||
cascadeOptions.value = [...currentData.children]
|
sessionStore.set('edustageSelf',item)
|
||||||
currentIndex.value = index
|
if(item === '幼儿园'){
|
||||||
}
|
// 默认语文
|
||||||
|
userStore.edusubject = '语文'
|
||||||
// 选择学科
|
sessionStore.set('edusubjectSelf','语文')
|
||||||
const handleUserEduSubject = () => {
|
}
|
||||||
unref(popoverRef).popperRef?.delayHide?.();
|
else if(item === '高中' && userStore.edusubject === "道德与法治"){
|
||||||
}
|
// 默认语文
|
||||||
|
userStore.edusubject = '政治'
|
||||||
const handleChange = (item) => {
|
sessionStore.set('edusubjectSelf','政治')
|
||||||
const id = item.value
|
}
|
||||||
const current = subjectList.value.find(item => item.id === id);
|
else if(item != '高中' && userStore.edusubject === "政治"){
|
||||||
if (current) {
|
// 默认语文
|
||||||
eduSubject.value = item.label;
|
userStore.edusubject = '道德与法治'
|
||||||
eduStage.value = current.edustage;
|
sessionStore.set('edusubjectSelf','道德与法治')
|
||||||
sessionStore.set('edustageSelf', eduStage.value);
|
|
||||||
|
|
||||||
if (eduStage.value === '高中' && eduSubject.value === "道德与法治") {
|
|
||||||
eduSubject.value = '政治';
|
|
||||||
sessionStore.set('edusubjectSelf', '政治');
|
|
||||||
} else if (eduStage.value !== '高中' && eduSubject.value === "政治") {
|
|
||||||
eduSubject.value = '道德与法治';
|
|
||||||
sessionStore.set('edusubjectSelf', '道德与法治');
|
|
||||||
} else {
|
|
||||||
sessionStore.set('edusubjectSelf', eduSubject.value);
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
// 选择学科
|
||||||
|
const handleUserEduSubject = (item) => {
|
||||||
|
userStore.edusubject = item;
|
||||||
|
sessionStore.set('edusubjectSelf',item)
|
||||||
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSubject();
|
getSubject()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.custom-button {
|
.custom-button {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -158,58 +93,10 @@ onMounted(() => {
|
||||||
outline-offset: none;
|
outline-offset: none;
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-button i {
|
.custom-button i {
|
||||||
margin-left: 8px; /* 调整图标与文字之间的间距 */
|
margin-left: 8px; /* 调整图标与文字之间的间距 */
|
||||||
}
|
}
|
||||||
.sidebar {
|
</style>
|
||||||
width: 100%;
|
|
||||||
padding: 5px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-level-one,.nav-level-two {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
width: 120px;
|
|
||||||
}
|
|
||||||
.nav-level-two .nav-item{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding: 8px 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-item:hover {
|
|
||||||
background-color: rgb(245, 247, 250);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-text {
|
|
||||||
flex: 1;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-arrow {
|
|
||||||
font-size: 12px;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-level-one.nav-item:first-child.nav-text {
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
.active .nav-text{
|
|
||||||
font-weight: bold;
|
|
||||||
color:rgb(64, 158, 255)
|
|
||||||
}
|
|
||||||
.active .icon{
|
|
||||||
font-weight: bold;
|
|
||||||
color:rgb(64, 158, 255)
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -22,11 +22,13 @@
|
||||||
|
|
||||||
<!-- 裁剪按钮-->
|
<!-- 裁剪按钮-->
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
<label for="submit">
|
<el-button style="margin-right: 20px">选择</el-button>
|
||||||
<div class="lBut"><span>选择</span></div>
|
<input
|
||||||
</label>
|
class="upload"
|
||||||
<input class="upload" id="submit" accept=".png, .jpg, .jpeg" type="file" style="display: none;" @change="uploadImg" />
|
type="file"
|
||||||
<!-- <el-button style="margin-right: 20px;cursor:pointer">选择</el-button> -->
|
accept=".png, .jpg, .jpeg"
|
||||||
|
@change="uploadImg"
|
||||||
|
/>
|
||||||
|
|
||||||
<el-button @click="cancle">取消</el-button>
|
<el-button @click="cancle">取消</el-button>
|
||||||
<el-button @click="sureSava">提交</el-button>
|
<el-button @click="sureSava">提交</el-button>
|
||||||
|
@ -214,7 +216,6 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
cursor: pointer;
|
|
||||||
> .upload {
|
> .upload {
|
||||||
display: block;
|
display: block;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -223,7 +224,6 @@ export default {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -265,22 +265,4 @@ export default {
|
||||||
background-color: rgba(43, 43, 43, 0.7215686275);
|
background-color: rgba(43, 43, 43, 0.7215686275);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.lBut{
|
|
||||||
width: 87px;
|
|
||||||
height: 32px;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.15;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 8px 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
transition: all 0.5s;
|
|
||||||
white-space: nowrap;
|
|
||||||
background-color: #409eff;
|
|
||||||
color: white;
|
|
||||||
border: 1px solid #409eff;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="info-name">{{ state.user.nickName }}</div>
|
<div class="info-name">{{ state.user.nickName }}</div>
|
||||||
<div class="infomation" v-if="isStadium() !== true" >
|
<div class="infomation" v-if="isStadium() !== true" >
|
||||||
<SelectClass v-if="!isSubject"/>
|
<selectClass v-if="!isSubject"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +34,7 @@ import resetPwd from './resetPwd.vue'
|
||||||
import { getUserProfile } from '@/api/system/user'
|
import { getUserProfile } from '@/api/system/user'
|
||||||
import pkc from "../../../../../package.json"
|
import pkc from "../../../../../package.json"
|
||||||
//选择学校和班级
|
//选择学校和班级
|
||||||
import SelectClass from './components/selectClass.vue'
|
import selectClass from './components/selectClass.vue'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
|
||||||
const version = ref(pkc.version)
|
const version = ref(pkc.version)
|
||||||
|
|
|
@ -1,11 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="user-info-head" @click="editCropper()">
|
<div class="user-info-head" @click="editCropper()">
|
||||||
<!-- <img :src="options.img" title="点击上传头像" class="img-circle img-lg" /> -->
|
<img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
|
||||||
<el-image class="user-img" :src="options.img" style="width: 120px;">
|
|
||||||
<template #error>
|
|
||||||
<img :src="route_path + userStore.user.avatar">
|
|
||||||
</template>
|
|
||||||
</el-image>
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="open"
|
v-model="open"
|
||||||
append-to-body
|
append-to-body
|
||||||
|
@ -24,7 +19,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
import {ref, reactive} from 'vue'
|
||||||
import { uploadAvatar } from '@/api/system/user'
|
import { uploadAvatar } from '@/api/system/user'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
|
@ -36,12 +31,10 @@ const userStore = useUserStore()
|
||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
const visible = ref(false)
|
const visible = ref(false)
|
||||||
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
||||||
const route_path = ref(import.meta.env.VITE_APP_BUILD_BASE_PATH)
|
|
||||||
const defaultImg = ['/img/avatar-default.jpg','/images/img-avatar.png','/src/assets/images/img-avatar.png']
|
|
||||||
|
|
||||||
//图片裁剪数据
|
//图片裁剪数据
|
||||||
const options = reactive({
|
const options = reactive({
|
||||||
img: '', // 裁剪图片的地址
|
img: userStore.user.avatar ==='/img/avatar-default.jpg' || userStore.user.avatar ==='/images/img-avatar.png' ? defaultUserImg : dev_api.value + userStore.user.avatar, // 裁剪图片的地址
|
||||||
autoCrop: true, // 是否默认生成截图框
|
autoCrop: true, // 是否默认生成截图框
|
||||||
autoCropWidth: 400, // 默认生成截图框宽度
|
autoCropWidth: 400, // 默认生成截图框宽度
|
||||||
autoCropHeight: 400, // 默认生成截图框高度
|
autoCropHeight: 400, // 默认生成截图框高度
|
||||||
|
@ -77,19 +70,12 @@ function uploadImg(data) {
|
||||||
|
|
||||||
/** 关闭窗口 */
|
/** 关闭窗口 */
|
||||||
function closeDialog() {
|
function closeDialog() {
|
||||||
// options.img = userStore.user.avatar ==='/img/avatar-default.jpg' || userStore.user.avatar ==='/images/img-avatar.png' ? defaultUserImg : dev_api.value + userStore.user.avatar
|
options.img = userStore.user.avatar ==='/img/avatar-default.jpg' || userStore.user.avatar ==='/images/img-avatar.png' ? defaultUserImg : dev_api.value + userStore.user.avatar
|
||||||
options.visible = false
|
options.visible = false
|
||||||
}
|
}
|
||||||
const cancle = () => {
|
const cancle = () => {
|
||||||
open.value = false
|
open.value = false
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
|
||||||
if(defaultImg.includes(userStore.user.avatar)){
|
|
||||||
options.img = defaultUserImg
|
|
||||||
}else{
|
|
||||||
options.img = dev_api.value + userStore.user.avatar
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang='scss' scoped>
|
<style lang='scss' scoped>
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
<p style="margin-bottom:10px;font-size:18px;font-weight:600">申请信息已驳回,请重新提交申请信息。</p>
|
<p style="margin-bottom:10px;font-size:18px;font-weight:600">申请信息已驳回,请重新提交申请信息。</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box-item" :style="userregister.value?'':'margin-top:30px'" >
|
<div class="box-item" :style="userregister.value?'':'margin-top:30px'" >
|
||||||
<el-form ref="ruleFormRef" label-width="auto" :rules="rules" :model="ruleForm" size="large" >
|
<el-form ref="ruleFormRef" label-width="auto" :rules="rules" :model="ruleForm" size="large" >
|
||||||
<el-form-item label="学校名称" prop="schoolName" >
|
<el-form-item label="学校名称" prop="schoolName" >
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
<el-form-item label="经办人电话" >
|
<el-form-item label="经办人电话" >
|
||||||
{{ state.user.phonenumber }}
|
{{ state.user.phonenumber }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item >
|
<el-form-item >
|
||||||
<div style="display:flex;align-items:center;justify-content: space-between;padding-right:100px; width: 100%;">
|
<div style="display:flex;align-items:center;justify-content: space-between;padding-right:100px; width: 100%;">
|
||||||
<div style="display:flex;align-items:center;">
|
<div style="display:flex;align-items:center;">
|
||||||
|
@ -57,7 +57,7 @@
|
||||||
<el-button style="width:150px" type="primary" @click="submitForm(ruleFormRef)" v-if="isshwoBtn">确定</el-button>
|
<el-button style="width:150px" type="primary" @click="submitForm(ruleFormRef)" v-if="isshwoBtn">确定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
|
|
||||||
<script setup >
|
<script setup >
|
||||||
import { ref, reactive, onMounted,watch } from 'vue'
|
import { ref, reactive, onMounted,watch } from 'vue'
|
||||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
import { getUserProfile } from '@/api/system/user'
|
import { getUserProfile } from '@/api/system/user'
|
||||||
import {getDept} from '@/api/login'
|
import {getDept} from '@/api/login'
|
||||||
import {school} from '@/api/apiService'
|
import {school} from '@/api/apiService'
|
||||||
|
@ -158,7 +158,7 @@ const submitForm = async (formEl) => {
|
||||||
if(!ruleForm.istrue) {
|
if(!ruleForm.istrue) {
|
||||||
ElMessage.error('请勾选以上信息真实有效的复选框')
|
ElMessage.error('请勾选以上信息真实有效的复选框')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
const araname = codeToText[ruleForm.address[0]] + '-' + codeToText[ruleForm.address[1]] + '-' + codeToText[ruleForm.address[2]];
|
const araname = codeToText[ruleForm.address[0]] + '-' + codeToText[ruleForm.address[1]] + '-' + codeToText[ruleForm.address[2]];
|
||||||
const form={
|
const form={
|
||||||
schoolName:ruleForm.schoolName,
|
schoolName:ruleForm.schoolName,
|
||||||
|
@ -170,7 +170,7 @@ const submitForm = async (formEl) => {
|
||||||
if(res.code==200){
|
if(res.code==200){
|
||||||
ElMessage.success('提交成功')
|
ElMessage.success('提交成功')
|
||||||
await userStore.getDeptInfo()
|
await userStore.getDeptInfo()
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -190,7 +190,7 @@ onMounted(() => {
|
||||||
getregisterinfo()
|
getregisterinfo()
|
||||||
getSchoolList()
|
getSchoolList()
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -203,7 +203,7 @@ onMounted(() => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -40,7 +40,7 @@
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-pagination style="margin-top:10px;float: right;" background layout="prev, pager, next" @size-change="handleSizeChange"
|
<el-pagination style="margin-top:10px;float: right;" background layout="prev, pager, next" @size-change="handleSizeChange"
|
||||||
@current-change="handleCurrentChange" :default-page-size="searchValue.pageSize" v-model:current-page="searchValue.pageNum" :total="total" />
|
@current-change="handleCurrentChange" :default-page-size="searchValue.pageSize" v-model:current-page="searchValue.pageNum" :total="total" />
|
||||||
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="dialogVisible"
|
v-model="dialogVisible"
|
||||||
title="加入学校审核"
|
title="加入学校审核"
|
||||||
|
@ -80,7 +80,7 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { school } from '@/api/apiService';
|
import { school } from '@/api/apiService';
|
||||||
import { ref, reactive, onMounted ,computed} from 'vue'
|
import { ref, reactive, onMounted ,computed} from 'vue'
|
||||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
|
@ -150,7 +150,7 @@ const getList = () =>{
|
||||||
const area=formattedAddress()
|
const area=formattedAddress()
|
||||||
searchValue.area=area
|
searchValue.area=area
|
||||||
let obj= filterNullProperties(searchValue)
|
let obj= filterNullProperties(searchValue)
|
||||||
|
|
||||||
school.auditlist(obj).then(res=>{
|
school.auditlist(obj).then(res=>{
|
||||||
tableData.value=res.rows
|
tableData.value=res.rows
|
||||||
total.value=res.total
|
total.value=res.total
|
||||||
|
@ -194,4 +194,4 @@ onMounted(()=>{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -0,0 +1,282 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog v-model="isDialog" :show-close="false" width="800" destroy-on-close>
|
||||||
|
<template #header>
|
||||||
|
<div class="custom-header flex">
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
<i class="iconfont icon-guanbi" @click="isDialog = false"></i>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<el-scrollbar height="400px">
|
||||||
|
<div class="chart-con flex">
|
||||||
|
<template v-for="item in msgList">
|
||||||
|
<div class="flex-end flex" v-if="item.type == 'user'">
|
||||||
|
<div class="chart-item user">{{ item.msg }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-start flex" v-else>
|
||||||
|
<div class="flex" v-loading="!item.msg">
|
||||||
|
<div class="chart-item robot">{{ item.msg }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-end replace-item">
|
||||||
|
<span @click="saveAdjust(item)"><i class="iconfont icon-tihuan"></i>替换分析结果</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="loaded" class="chart-loading">
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</el-scrollbar>
|
||||||
|
<div class="input-box flex">
|
||||||
|
<el-input v-model="textarea" @keyup.enter="send" :disabled="loaded" />
|
||||||
|
<div class="ipt-icon" @click="send">
|
||||||
|
<i class="iconfont icon-fasong"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
|
import { completion } from '@/api/mode/index'
|
||||||
|
import { dataSetJson } from '@/utils/comm.js'
|
||||||
|
import emitter from '@/utils/mitt';
|
||||||
|
import { sessionStore } from '@/utils/store'
|
||||||
|
import { sendChart } from '@/api/ai/index'
|
||||||
|
|
||||||
|
const textarea = ref('')
|
||||||
|
|
||||||
|
const isDialog = defineModel()
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return { name: '11' }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
curMode:{
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
},
|
||||||
|
conversation_id: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['saveEdit'])
|
||||||
|
|
||||||
|
const loaded = ref(false)
|
||||||
|
|
||||||
|
const msgList = ref([])
|
||||||
|
|
||||||
|
const send = () => {
|
||||||
|
if (loaded.value) return
|
||||||
|
msgList.value.push({
|
||||||
|
type: 'user',
|
||||||
|
msg: textarea.value
|
||||||
|
})
|
||||||
|
loaded.value = true
|
||||||
|
getConversation(textarea.value)
|
||||||
|
textarea.value = ''
|
||||||
|
}
|
||||||
|
const curNode = reactive({})
|
||||||
|
|
||||||
|
const params = reactive(
|
||||||
|
{
|
||||||
|
prompt: '',
|
||||||
|
dataset_id: '',
|
||||||
|
template: ''
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
// 大模型对话
|
||||||
|
const getConversation = async (val) => {
|
||||||
|
try {
|
||||||
|
params.prompt = `按照${val}的要求,针对${curNode.edustage}${curNode.edusubject}课标,对${curNode.itemtitle}进行教学分析`
|
||||||
|
params.template = props.item.prompt
|
||||||
|
|
||||||
|
let data = null;
|
||||||
|
// 教学大模型
|
||||||
|
if(props.curMode == 1){
|
||||||
|
const res = await sendChart({
|
||||||
|
content: params.prompt,
|
||||||
|
conversationId: props.conversation_id,
|
||||||
|
stream: false
|
||||||
|
})
|
||||||
|
data = res.data
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// 知识库模型
|
||||||
|
const res = await completion(params)
|
||||||
|
data = res.data
|
||||||
|
}
|
||||||
|
|
||||||
|
msgList.value.push({
|
||||||
|
type: 'robot',
|
||||||
|
msg: data.answer,
|
||||||
|
})
|
||||||
|
} finally {
|
||||||
|
loaded.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const saveAdjust = (item) => {
|
||||||
|
isDialog.value = false
|
||||||
|
emitter.emit('onSaveAdjust', item.msg)
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
let data = sessionStore.get('subject.curNode')
|
||||||
|
Object.assign(curNode, data);
|
||||||
|
// 框架设计 用课标的dataset_id
|
||||||
|
let jsonKey = `课标-${data.edustage}-${data.edusubject}`
|
||||||
|
params.dataset_id = dataSetJson[jsonKey]
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.custom-header {
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.icon-guanbi {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
|
||||||
|
.chart-con {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.flex-end {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-start {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-start;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-item {
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user {
|
||||||
|
background: #F2F2F2;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.robot {
|
||||||
|
background: #409EFF;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.replace-item {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #409EFF;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-box {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.ipt-icon {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0 5px;
|
||||||
|
|
||||||
|
.icon-fasong {
|
||||||
|
font-size: 26px;
|
||||||
|
color: #409EFF;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading,
|
||||||
|
.chart-loading>div {
|
||||||
|
position: relative;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading {
|
||||||
|
display: block;
|
||||||
|
font-size: 0;
|
||||||
|
color: #66b1ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading.la-dark {
|
||||||
|
color: #66b1ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading>div {
|
||||||
|
display: inline-block;
|
||||||
|
float: none;
|
||||||
|
background-color: currentColor;
|
||||||
|
border: 0 solid currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading {
|
||||||
|
width: 54px;
|
||||||
|
height: 18px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading>div:nth-child(1) {
|
||||||
|
animation-delay: -200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading>div:nth-child(2) {
|
||||||
|
animation-delay: -100ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading>div:nth-child(3) {
|
||||||
|
animation-delay: 0ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-loading>div {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 100%;
|
||||||
|
margin-right: 4px;
|
||||||
|
animation: ball-pulse 1s ease infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes ball-pulse {
|
||||||
|
|
||||||
|
0%,
|
||||||
|
60%,
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
30% {
|
||||||
|
opacity: 0.1;
|
||||||
|
transform: scale(0.01);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -9,33 +9,25 @@
|
||||||
<el-button type="primary" @click="createAi">
|
<el-button type="primary" @click="createAi">
|
||||||
<i class="iconfont icon-chuangzuo"></i>生成教学大纲
|
<i class="iconfont icon-chuangzuo"></i>生成教学大纲
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="danger" :disabled="!!curItem.parentId" @click="delAnswer">
|
|
||||||
<i class="iconfont icon-shanchu"></i>
|
|
||||||
删除大纲
|
|
||||||
</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="center-con" v-loading="loading">
|
<div class="center-con" v-loading="loading">
|
||||||
<!-- <v-md-editor v-if="markeDownAnswer" :model-value="markeDownAnswer" mode="preview"></v-md-editor> -->
|
<TypingEffect v-if="answer" :text="answer" :delay="10" aiShow/>
|
||||||
<v-md-preview v-if="markeDownAnswer" :text="markeDownAnswer"></v-md-preview>
|
<el-empty v-if="!answer" description="请选择符合您需要的教学模式,生成教学大纲" />
|
||||||
|
|
||||||
<el-empty v-else description="请选择符合您需要的教学模式,生成教学大纲" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, onUnmounted } from 'vue'
|
import { ref, reactive, onMounted, onUnmounted } from 'vue'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import emitter from '@/utils/mitt'
|
import emitter from '@/utils/mitt'
|
||||||
import * as commUtils from '@/utils/comm.js'
|
import * as commUtils from '@/utils/comm.js'
|
||||||
import { createChart, sendChart } from '@/api/ai/index'
|
import { createChart, sendChart } from '@/api/ai/index'
|
||||||
import { completion, addSyllabus, removeSyllabus, modelList } from '@/api/mode/index.js'
|
import { completion, addSyllabus } from '@/api/mode/index.js'
|
||||||
import { createOutlineV2 } from '@/utils/ppt-request.js'
|
import TypingEffect from '@/components/typing-effect/index.vue'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { cloneDeep } from 'lodash'
|
|
||||||
|
|
||||||
const curMode = ref(2)
|
const curMode = ref(2)
|
||||||
|
|
||||||
|
@ -48,24 +40,15 @@ const modeOptions = ref([
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '知识库模型',
|
label: '知识库模型',
|
||||||
value: 2,
|
value: 2
|
||||||
disabled: false
|
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
|
|
||||||
// 选中的环节
|
// 选中的环节
|
||||||
const selectedData = ref([])
|
const selectedData = ref([])
|
||||||
emitter.on('selected', (data) => {
|
emitter.on('selected', (data)=>{
|
||||||
selectedData.value = data
|
selectedData.value = data
|
||||||
})
|
})
|
||||||
// 回显大纲
|
|
||||||
const curItem = reactive({})
|
|
||||||
emitter.on('onShow', (data) => {
|
|
||||||
let outline = cloneDeep(JSON.parse(data.outline))
|
|
||||||
markeDownAnswer.value = outline.markdown
|
|
||||||
emitter.emit('onResult', cloneDeep(data))
|
|
||||||
Object.assign(curItem, data)
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
const params = reactive(
|
const params = reactive(
|
||||||
|
@ -78,23 +61,21 @@ const params = reactive(
|
||||||
|
|
||||||
// 研读
|
// 研读
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
// const answer = reactive({})
|
const answer = ref('')
|
||||||
const markeDownAnswer = ref('')
|
const createAi = async ()=>{
|
||||||
|
console.log(selectedData.value)
|
||||||
const createAi = async () => {
|
if(selectedData.value.length == 0){
|
||||||
if (selectedData.value.length == 0) {
|
|
||||||
ElMessage.warning('请先选择教学环节后再生成教学大纲')
|
ElMessage.warning('请先选择教学环节后再生成教学大纲')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
onSaveTemp()
|
||||||
|
return
|
||||||
let str = selectedData.value.map( item => item.name).join('、')
|
let str = selectedData.value.map( item => item.name).join('、')
|
||||||
// let bookV = curNode.roottitle.split('-')[1] + '版'
|
let bookV = curNode.roottitle.split('-')[1] + '版'
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
|
||||||
try {
|
try {
|
||||||
params.prompt = prompt.value.replace(/{模板名称}/g, str)
|
|
||||||
|
|
||||||
//params.prompt = `针对${curNode.edustage}${curNode.edusubject}${bookV}${curNode.itemtitle}这一课,根据以下教学环节:${str},进行课件教学PPT内容设计,按照幻灯片1、幻灯片2、...的格式`
|
params.prompt = `针对${curNode.edustage}${curNode.edusubject}${bookV}${curNode.itemtitle}这一课,根据以下教学环节:${str},进行课件教学PPT内容设计`
|
||||||
// params.template = item.prompt
|
// params.template = item.prompt
|
||||||
|
|
||||||
// 教学大模型
|
// 教学大模型
|
||||||
|
@ -110,69 +91,49 @@ const createAi = async () => {
|
||||||
// 知识库模型
|
// 知识库模型
|
||||||
else {
|
else {
|
||||||
const res = await completion(params)
|
const res = await completion(params)
|
||||||
|
|
||||||
data = res.data
|
data = res.data
|
||||||
}
|
}
|
||||||
|
console.log(data)
|
||||||
|
emitter('onResult', data.answer)
|
||||||
|
answer.value = getResult(data.answer)
|
||||||
|
|
||||||
const res = await createOutlineV2({ query: data.answer })
|
// onSaveTemp(item)
|
||||||
|
|
||||||
markeDownAnswer.value = data.answer
|
|
||||||
let outline = JSON.stringify({
|
|
||||||
json: res.outline,
|
|
||||||
markdown: data.answer
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
Object.assign(curItem, {...curItem, outline})
|
|
||||||
|
|
||||||
emitter.emit('onResult', curItem)
|
|
||||||
onSaveTemp(outline)
|
|
||||||
} finally {
|
} finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 保存模板
|
// 保存模板
|
||||||
const onSaveTemp = async (outline) => {
|
const onSaveTemp = async (data) => {
|
||||||
let modelIds = selectedData.value.map(item => item.id).join(',')
|
if (data == '') return
|
||||||
const data = {
|
console.log(selectedData)
|
||||||
|
let modelIds = selectedData.value.map( item => item.id).join(',')
|
||||||
|
console.log(modelIds)
|
||||||
|
console.log(user)
|
||||||
|
const data1 = {
|
||||||
eduId: curNode.id,
|
eduId: curNode.id,
|
||||||
outline,
|
outline: data,
|
||||||
outlineType: curMode.value == 1 ? 0 : 1,
|
outlineType: curMode.value == 1 ? 0 : 1,
|
||||||
modelIds,
|
modelIds,
|
||||||
sourceType: 1,
|
sourceType: 1,
|
||||||
createUserId: user.userId,
|
createUserId: 1
|
||||||
createUserName: user.nickName
|
}
|
||||||
|
// const res = await addSyllabus(data)
|
||||||
|
|
||||||
|
if(!item.resultId){
|
||||||
|
item.resultId = res.data
|
||||||
}
|
}
|
||||||
await addSyllabus(data)
|
|
||||||
emitter.emit('getLastInfo')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除大纲
|
|
||||||
const delAnswer = () => {
|
|
||||||
if(!curItem.id) return
|
|
||||||
ElMessageBox.confirm(
|
|
||||||
'确定要删除大纲吗?',
|
|
||||||
'温馨提示',
|
|
||||||
{
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
}
|
|
||||||
)
|
|
||||||
.then(async () => {
|
|
||||||
await removeSyllabus(curItem.id)
|
|
||||||
ElMessage.success('操作成功')
|
|
||||||
markeDownAnswer.value = ''
|
|
||||||
|
|
||||||
emitter.emit('resetSelect')
|
|
||||||
})
|
|
||||||
.catch(() => {})
|
|
||||||
|
|
||||||
|
// 去掉字符串中的 ### **
|
||||||
|
let getResult = (str) => {
|
||||||
|
let newStr = str.replace(/#+|(\*\*)/g, '');
|
||||||
|
return newStr
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 千帆创建对话
|
// 千帆创建对话
|
||||||
const conversation_id = ref('')
|
const conversation_id = ref('')
|
||||||
const getChartId = () => {
|
const getChartId = () => {
|
||||||
|
@ -182,24 +143,9 @@ const getChartId = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询prompt 替换
|
onUnmounted(()=>{
|
||||||
const prompt = ref('')
|
emitter.off('selected')
|
||||||
const getPrompt = async () => {
|
})
|
||||||
const { rows } = await modelList({ model: 5 })
|
|
||||||
|
|
||||||
let str = rows.find(item => item.name.indexOf('框架设计') != -1).prompt
|
|
||||||
|
|
||||||
str = str.replace('{学段}', curNode.edustage)
|
|
||||||
str = str.replace('{学科}', curNode.edusubject)
|
|
||||||
let bookV = curNode.roottitle + '版'
|
|
||||||
str = str.replace('{教材版本}', bookV)
|
|
||||||
str = str.replace('{课程名称}', `《${curNode.itemtitle}》`)
|
|
||||||
|
|
||||||
prompt.value = str
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const curNode = reactive({})
|
const curNode = reactive({})
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
@ -208,14 +154,6 @@ onMounted(() => {
|
||||||
// 框架设计 用课标的dataset_id
|
// 框架设计 用课标的dataset_id
|
||||||
let jsonKey = `课标-${data.edustage}-${data.edusubject}`
|
let jsonKey = `课标-${data.edustage}-${data.edusubject}`
|
||||||
params.dataset_id = commUtils.dataSetJson[jsonKey]
|
params.dataset_id = commUtils.dataSetJson[jsonKey]
|
||||||
if(!params.dataset_id){
|
|
||||||
curMode.value = 1
|
|
||||||
modeOptions.value.forEach(item => {
|
|
||||||
if(item.value == 2){
|
|
||||||
item.disabled = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取百度千帆会话ID
|
// 获取百度千帆会话ID
|
||||||
conversation_id.value = localStorage.getItem('conversation_id')
|
conversation_id.value = localStorage.getItem('conversation_id')
|
||||||
|
@ -223,59 +161,29 @@ onMounted(() => {
|
||||||
getChartId();
|
getChartId();
|
||||||
}
|
}
|
||||||
|
|
||||||
getPrompt()
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
onUnmounted(() => {
|
|
||||||
emitter.off('selected')
|
|
||||||
emitter.off('onShow')
|
|
||||||
emitter.off('editItem')
|
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container-center {
|
.container-center{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
.center-header{
|
||||||
.center-header {
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
.icon-jiahao{
|
||||||
.icon-jiahao {
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.center-con{
|
||||||
.center-con {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 15px;
|
|
||||||
|
|
||||||
.con-item {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-top: 15px;
|
|
||||||
.item-name{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.item-text {
|
|
||||||
background: #F2F2F2;
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
|
@ -2,33 +2,16 @@
|
||||||
<el-dialog v-model="isDialog" :show-close="false" width="900" destroy-on-close>
|
<el-dialog v-model="isDialog" :show-close="false" width="900" destroy-on-close>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="custom-header flex">
|
<div class="custom-header flex">
|
||||||
<span>编辑大纲</span>
|
<span>{{ item.name }}</span>
|
||||||
<i class="iconfont icon-guanbi" @click="isDialog = false"></i>
|
<i class="iconfont icon-guanbi" @click="isDialog = false"></i>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="dialog-content" v-loading="loading">
|
<div class="dialog-content">
|
||||||
<template v-if="props.index == -1">
|
<el-row>
|
||||||
<div class="flex mb-5">
|
<el-col :span="24">
|
||||||
<span class="name">标题:</span>
|
<el-input v-model="textarea" :autosize="{ minRows: 5, maxRows: 15 }" type="textarea" />
|
||||||
<el-input v-model="editItem.title" />
|
</el-col>
|
||||||
</div>
|
</el-row>
|
||||||
<div class="flex mb-5">
|
|
||||||
<span class="name">副标题</span>
|
|
||||||
<el-input v-model="editItem.subTitle" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="flex mb-5">
|
|
||||||
<span class="name">标题:</span>
|
|
||||||
<el-input v-model="editItem.chapterTitle" />
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<span class="name">内容:</span>
|
|
||||||
<div class="flex edit-con">
|
|
||||||
<el-input class="mb-3" v-model="item.chapterTitle" v-for="item in editItem.chapterContents" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
|
@ -43,53 +26,34 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive, ref, watch} from 'vue'
|
import { ref, watch} from 'vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { editSyllabus } from '@/api/mode/index.js'
|
|
||||||
import { cloneDeep } from 'lodash';
|
|
||||||
import emitter from '@/utils/mitt';
|
import emitter from '@/utils/mitt';
|
||||||
|
|
||||||
|
const textarea = ref('')
|
||||||
|
|
||||||
const isDialog = defineModel()
|
const isDialog = defineModel()
|
||||||
const loading = ref(false)
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
item: {
|
item: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
default: () => {
|
||||||
},
|
return { name: '11' }
|
||||||
index: {
|
}
|
||||||
type: [Number, String]
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const editItem = reactive({})
|
watch(() => props.item.answer, (newVal) => {
|
||||||
|
if (newVal) {
|
||||||
watch(() => isDialog.value, (newVal) => {
|
textarea.value = newVal
|
||||||
if(newVal){
|
|
||||||
let data = cloneDeep(props.item)
|
|
||||||
Object.assign(editItem, data)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},{ deep: true })
|
},{ deep: true })
|
||||||
|
|
||||||
const emit = defineEmits(['saveEdit'])
|
const emit = defineEmits(['saveEdit'])
|
||||||
const onSave = () =>{
|
const onSave = () =>{
|
||||||
emitter.emit('editItem', editItem)
|
emitter.emit('changeResult', textarea.value)
|
||||||
isDialog.value = false
|
isDialog.value = false
|
||||||
return
|
ElMessage.success('操作成功')
|
||||||
loading.value = true
|
|
||||||
let data = cloneDeep(props.item)
|
|
||||||
data.outline = textarea.value
|
|
||||||
|
|
||||||
editSyllabus(data).then( res =>{
|
|
||||||
isDialog.value = false
|
|
||||||
ElMessage.success('操作成功')
|
|
||||||
emitter.emit('onShow', data)
|
|
||||||
}).finally( ()=>{
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -108,12 +72,6 @@ const onSave = () =>{
|
||||||
|
|
||||||
.dialog-content {
|
.dialog-content {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
.name{
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
.edit-con{
|
|
||||||
width: 100%;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -0,0 +1,159 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog v-model="mode" :show-close="false" width="600" append-to-body destroy-on-close>
|
||||||
|
<template #header>
|
||||||
|
<div class="custom-header flex">
|
||||||
|
<span>{{ item.ex3 == '1' ? '请输入新的模板名称' : item.isAdd ? '添加提示词' : '编辑提示词' }}</span>
|
||||||
|
<i class="iconfont icon-guanbi" @click="mode = false"></i>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="dialog-content" v-loading="loading">
|
||||||
|
<p class="small-tip" v-if="item && item.ex3 == '1'">*当前模板为系统预设,不支持直接操作。需要复制一份为自己的然后再操作</p>
|
||||||
|
<el-form :model="form" label-width="auto">
|
||||||
|
<el-form-item label="名称">
|
||||||
|
<el-input v-model="form.name" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="提示词" v-if="item.ex3 == '1' ? false : true">
|
||||||
|
<el-input v-model="form.prompt" type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="mode = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="saveAdd">
|
||||||
|
确定
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, watch } from 'vue'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import emitter from '@/utils/mitt';
|
||||||
|
import { addKeyWords, addChildTemp, editChildTemp } from '@/api/mode/index'
|
||||||
|
|
||||||
|
const mode = defineModel()
|
||||||
|
const props = defineProps({
|
||||||
|
modeType: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
},
|
||||||
|
item: { // 当前操作的模板
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return { ex3: '' }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
const form = reactive({
|
||||||
|
name: '',
|
||||||
|
prompt: '',
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
watch(() => mode.value, (newVal) => {
|
||||||
|
if(newVal){
|
||||||
|
if (props.item.isAdd) {
|
||||||
|
form.name = ''
|
||||||
|
form.prompt = ''
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
form.name = props.item?.name
|
||||||
|
form.prompt = props.item?.prompt
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},{ deep: true})
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const saveAdd = async () => {
|
||||||
|
loading.value = true
|
||||||
|
|
||||||
|
if (props.item.ex3 == '1') {
|
||||||
|
let id; // id 为主模板id
|
||||||
|
if (props.item.isAdd) {
|
||||||
|
id = props.item.id
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// 编辑状态下 item 为子模板 主模板则是item.parentId
|
||||||
|
id = props.item.parentId
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
// 系统预设模板 copy一份
|
||||||
|
const { msg } = await addKeyWords({ name: form.name, id })
|
||||||
|
emitter.emit('onGetMain', props.item)
|
||||||
|
ElMessage.success(msg)
|
||||||
|
mode.value = false
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
if (props.item.isAdd) {
|
||||||
|
onAddChildTemp(props.item.id)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
try {
|
||||||
|
let data = JSON.parse(JSON.stringify(props.item))
|
||||||
|
data.name = form.name;
|
||||||
|
data.prompt = form.prompt
|
||||||
|
const { msg } = await editChildTemp(data)
|
||||||
|
emitter.emit('onGetChild', data )
|
||||||
|
ElMessage.success(msg)
|
||||||
|
mode.value = false
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加子模板
|
||||||
|
const onAddChildTemp = async (parentId) => {
|
||||||
|
// 添加子模板
|
||||||
|
let obj = {
|
||||||
|
name: form.name,
|
||||||
|
type: 2, // 子模板 固定值为2
|
||||||
|
sortNum: 1,
|
||||||
|
parentId,
|
||||||
|
lmType: 1,
|
||||||
|
model: props.modeType,
|
||||||
|
prompt: form.prompt,
|
||||||
|
ex1: props.item.ex1, //学段
|
||||||
|
ex2: props.item.ex2, // 学科
|
||||||
|
ex3: '', //是否系统预设 这里默认空
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
var { msg } = await addChildTemp(obj)
|
||||||
|
emitter.emit('onGetChild')
|
||||||
|
ElMessage.success(msg)
|
||||||
|
mode.value = false
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.custom-header {
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.icon-guanbi {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-tip {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 12px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
color: #F56C6C;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -1,398 +1,193 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="container-left flex" v-loading="loading">
|
<div class="container-left flex">
|
||||||
<div class="left-header flex">
|
<div class="left-header flex">教学模式</div>
|
||||||
<span>教学模式</span>
|
<div class="left-con" v-loading="loading">
|
||||||
<div>
|
<el-empty v-if="!(tempList.length)" description="暂无数据" />
|
||||||
<el-button type="primary" link @click="resetSelect">重置</el-button>
|
<div class="con-item" v-for="item in tempList" :key="item.id" :class=" actId == item.id ? 'item-act' : ''">
|
||||||
<el-button type="primary" link @click="
|
<div class="item-header flex">
|
||||||
addVisible = true,
|
<span>{{ item.name }}</span>
|
||||||
addChild = false,
|
<el-button type="primary" link @click="onSelect(item)">选择模式</el-button>
|
||||||
isEdit = false
|
|
||||||
"><i class="iconfont icon-jiahao"></i>新增</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="left-list">
|
|
||||||
<div class="item" v-for="item in templateList" :key="item.id">
|
|
||||||
<div class="item-name flex" @mouseenter="item.isAdd = true" @mouseleave="item.isAdd = false"
|
|
||||||
@click="toggleParent(item)">
|
|
||||||
<div class="flex">
|
|
||||||
<span>{{ item.name }}</span>
|
|
||||||
<!--个人教学模式才会有添加、编辑-->
|
|
||||||
<div v-if="!item.ex3" class="ml-3">
|
|
||||||
<el-button type="primary" link @click.stop="addModeChild(item)">添加</el-button>
|
|
||||||
<el-button type="primary" link @click.stop="editMode(item)">编辑</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--加号 数鼠标悬浮 显示-->
|
|
||||||
<i v-show="item.isAdd && !item.selected" class="iconfont icon-jiahao"></i>
|
|
||||||
<!--减号 选中之后显示-->
|
|
||||||
<i v-show="item.selected" class="iconfont icon-zuixiaohua"></i>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="item-child flex" :class="child.selected ? 'act-child' : ''" v-for="child in item.children"
|
<div class="content-list">
|
||||||
:key="child.id" @mouseenter="child.isAdd = true" @mouseleave="child.isAdd = false"
|
<div class="item-list flex" >
|
||||||
@click="toggleChild(item, child)">
|
<el-card class="item-card" shadow="never" v-for="el in item.child" :key="el.id">
|
||||||
<div>
|
<p class="card-name">
|
||||||
<span>{{ child.name }}</span>
|
<el-text line-clamp="1" :title="el.name">
|
||||||
<!--个人教学模式才会有编辑-->
|
{{ el.name }}
|
||||||
<el-button v-if="!child.ex3" class="ml-3" type="primary" link @click.stop="editMode(child)">编辑</el-button>
|
</el-text>
|
||||||
|
</p>
|
||||||
|
<div class="card-text">
|
||||||
|
<el-text line-clamp="4" :title="el.prompt">
|
||||||
|
{{ el.prompt }}
|
||||||
|
</el-text>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<i v-show="child.isAdd && !child.selected" class="iconfont icon-jiahao"></i>
|
|
||||||
<i v-show="child.selected" class="iconfont icon-zuixiaohua"></i>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--弹窗-->
|
|
||||||
<el-dialog v-model="addVisible" append-to-body :show-close="false" width="550" :before-close="handleBeforeClose"
|
|
||||||
style="border-radius: 10px; padding: 10px 15px">
|
|
||||||
<template #header>
|
|
||||||
<div class="mode-dialog-header flex">
|
|
||||||
<span>{{ addChild ? '教学环节' : '教学模式' }}</span>
|
|
||||||
<i class="iconfont icon-guanbi" @click="addVisible = false"></i>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
|
|
||||||
class="demo-ruleForm">
|
|
||||||
<el-form-item :label="`教学${addChild ? '环节' : '模式'}名称`" prop="name">
|
|
||||||
<div class="flex" style="width: 100%">
|
|
||||||
<el-input v-model="ruleForm.name" />
|
|
||||||
<el-button v-if="isEdit" link type="danger" class="ml-5 mr-3" @click="onDel">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="说明" v-if="addChild" prop="prompt">
|
|
||||||
<el-input v-model="ruleForm.prompt" type="textarea" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div class="mt-10 form-btn">
|
|
||||||
<el-button @click="closeDialog">关闭</el-button>
|
|
||||||
<el-button type="primary" @click="onSubmit(ruleFormRef)">保存</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, onUnmounted } from 'vue'
|
import { ref, reactive, onMounted, onUnmounted } from 'vue';
|
||||||
|
import emitter from '@/utils/mitt';
|
||||||
import { modelList } from '@/api/mode/index'
|
import { modelList } from '@/api/mode/index'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import emitter from '@/utils/mitt'
|
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
||||||
import { addChildTemp, editChildTemp, removeChildTemp, syllabusList } from '@/api/mode'
|
|
||||||
import { cloneDeep } from 'lodash'
|
|
||||||
|
|
||||||
const { user } = useUserStore()
|
const { user } = useUserStore()
|
||||||
|
|
||||||
// 获取模板
|
// 获取模板
|
||||||
|
let list = ref([])
|
||||||
|
const getTemplate = async (id) => {
|
||||||
|
const { rows } = await modelList({ createUser: user.userId, model: 4, type: 1, pageNum: 1, pageSize: 10000})
|
||||||
|
list.value = rows
|
||||||
|
if(list.value.length){
|
||||||
|
getChildTemp(id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取子模板
|
||||||
|
const actId = ref('')
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const templateList = ref([])
|
const tempList = ref([])
|
||||||
const getTemplate = async () => {
|
const getChildTemp = async (parentId) => {
|
||||||
|
tempList.value.length = 0
|
||||||
loading.value = true
|
loading.value = true
|
||||||
const { rows } = await modelList({
|
for (let item of list.value) {
|
||||||
createUser: user.userId,
|
try {
|
||||||
model: 4,
|
const { rows } = await modelList({ model: 4, type: 2, parentId: item.id })
|
||||||
pageNum: 1,
|
tempList.value.push({
|
||||||
pageSize: 10000
|
id: item.id,
|
||||||
})
|
name: item.name,
|
||||||
loading.value = false
|
child: rows
|
||||||
|
|
||||||
// 过滤出 type 为 1 的项
|
|
||||||
let ary1 = rows.filter((item) => item.type === 1)
|
|
||||||
templateList.value = ary1.map((parent) => {
|
|
||||||
parent.children = rows.filter((child) => child.type === 2 && child.parentId === parent.id)
|
|
||||||
return parent
|
|
||||||
})
|
|
||||||
getSyllabus()
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查询生成大纲记录
|
|
||||||
const getSyllabus = async () => {
|
|
||||||
const { rows } = await syllabusList({
|
|
||||||
createUserId: user.userId,
|
|
||||||
eduId: curNode.id,
|
|
||||||
sourceType: 1,
|
|
||||||
pageSize: 1,
|
|
||||||
orderByColumn: 'createTime',
|
|
||||||
isAsc: 'desc'
|
|
||||||
})
|
|
||||||
if (rows && rows.length) {
|
|
||||||
const idsAry = rows
|
|
||||||
.at(-1)
|
|
||||||
.modelIds.split(',')
|
|
||||||
.map((item) => Number(item))
|
|
||||||
// 设置选中
|
|
||||||
let ary = []
|
|
||||||
templateList.value.forEach((parent) => {
|
|
||||||
parent.children.forEach((child) => {
|
|
||||||
child.selected = idsAry.includes(child.id)
|
|
||||||
if (child.selected) {
|
|
||||||
ary.push(child)
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
// 更新父项的 selected 状态
|
} finally {
|
||||||
parent.selected = parent.children.every((child) => child.selected)
|
loading.value = false
|
||||||
})
|
|
||||||
// 回显大纲数据
|
|
||||||
emitter.emit('onShow', rows.at(-1))
|
|
||||||
emitter.emit('selected', ary)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 重置选中
|
|
||||||
const resetSelect = () => {
|
|
||||||
templateList.value.forEach((item) => {
|
|
||||||
item.selected = false
|
|
||||||
item.children.forEach((el) => {
|
|
||||||
el.selected = false
|
|
||||||
})
|
|
||||||
})
|
|
||||||
emitter.emit('selected', [])
|
|
||||||
}
|
|
||||||
|
|
||||||
emitter.on('resetSelect', () => {
|
|
||||||
resetSelect()
|
|
||||||
getSyllabus()
|
|
||||||
})
|
|
||||||
emitter.on('getLastInfo',() =>{
|
|
||||||
getSyllabus()
|
|
||||||
})
|
|
||||||
|
|
||||||
// 点击教学模式
|
|
||||||
const toggleParent = (parent) => {
|
|
||||||
parent.selected = !parent.selected
|
|
||||||
parent.children.forEach((child) => {
|
|
||||||
child.selected = parent.selected
|
|
||||||
})
|
|
||||||
const selectedData = templateList.value
|
|
||||||
.map((item) => item.children.filter((child) => child.selected))
|
|
||||||
.flat()
|
|
||||||
// .flat()将二维数组扁平化为一维数组
|
|
||||||
emitter.emit('selected', selectedData)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 点击教学环节
|
|
||||||
const toggleChild = (parent, child) => {
|
|
||||||
child.selected = !child.selected
|
|
||||||
updateParentSelection(parent)
|
|
||||||
const selectedData = templateList.value
|
|
||||||
.map((item) => item.children.filter((child) => child.selected))
|
|
||||||
.flat()
|
|
||||||
emitter.emit('selected', selectedData)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查父项(教学模式)的所有子项(教学环节)是否都被选中,如果是,则设置父项为选中状态,否则取消选中
|
|
||||||
const updateParentSelection = (parent) => {
|
|
||||||
parent.selected = parent.children.every((child) => child.selected)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 弹窗
|
|
||||||
const addVisible = ref(false)
|
|
||||||
|
|
||||||
const ruleFormRef = ref()
|
|
||||||
const rules = reactive({
|
|
||||||
name: [{ required: true, message: '不能为空', trigger: 'blur' }]
|
|
||||||
})
|
|
||||||
const ruleForm = reactive({
|
|
||||||
name: '',
|
|
||||||
prompt: ''
|
|
||||||
})
|
|
||||||
// 提交
|
|
||||||
const onSubmit = async (formEl) => {
|
|
||||||
if (!formEl) return
|
|
||||||
await formEl.validate(async (valid, fields) => {
|
|
||||||
if (valid) {
|
|
||||||
// 修改
|
|
||||||
if (isEdit.value) {
|
|
||||||
let data = cloneDeep(curEditItem)
|
|
||||||
data.name = ruleForm.name
|
|
||||||
await editChildTemp(data)
|
|
||||||
}
|
|
||||||
// 新增
|
|
||||||
else {
|
|
||||||
let obj = {
|
|
||||||
ex1: curNode.edustage,
|
|
||||||
ex2: curNode.edusubject,
|
|
||||||
model: 4,
|
|
||||||
name: ruleForm.name,
|
|
||||||
sortNum: 1,
|
|
||||||
type: 1
|
|
||||||
}
|
|
||||||
// 新增教学环节
|
|
||||||
if (addChild.value) {
|
|
||||||
obj.parentId = curEditItem.id
|
|
||||||
obj.prompt = ruleForm.prompt
|
|
||||||
obj.type = 2
|
|
||||||
}
|
|
||||||
await addChildTemp(obj)
|
|
||||||
}
|
|
||||||
ElMessage.success('操作成功')
|
|
||||||
resetForm()
|
|
||||||
addVisible.value = false
|
|
||||||
getTemplate()
|
|
||||||
} else {
|
|
||||||
console.log('error submit!', fields)
|
|
||||||
}
|
}
|
||||||
})
|
actId.value = tempList.value[0].id
|
||||||
}
|
}
|
||||||
|
if(parentId){
|
||||||
// 是否编辑
|
const item = tempList.value.find(item => item.id == parentId)
|
||||||
const isEdit = ref(false)
|
emitter.emit('changeMode', item)
|
||||||
// 区分是新增教学模式false 还是现在教学环节true
|
}
|
||||||
const addChild = ref(false)
|
else{
|
||||||
|
emitter.emit('changeMode', tempList.value[0])
|
||||||
const curEditItem = reactive({})
|
|
||||||
const addModeChild = (item) => {
|
|
||||||
isEdit.value = false
|
|
||||||
Object.assign(curEditItem, item)
|
|
||||||
addChild.value = true
|
|
||||||
addVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
|
|
||||||
const editMode = (item) => {
|
|
||||||
isEdit.value = true
|
|
||||||
addChild.value = false
|
|
||||||
Object.assign(curEditItem, item)
|
|
||||||
ruleForm.name = item.name
|
|
||||||
addVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
// 删除 教学模式 教学环节
|
|
||||||
const onDel = () => {
|
|
||||||
ElMessageBox.confirm('确定要删除模板吗?', '温馨提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning'
|
|
||||||
})
|
|
||||||
.then(async () => {
|
|
||||||
await removeChildTemp(curEditItem.id)
|
|
||||||
ElMessage.success('操作成功')
|
|
||||||
resetForm()
|
|
||||||
addVisible.value = false
|
|
||||||
getTemplate()
|
|
||||||
})
|
|
||||||
.catch(() => { })
|
|
||||||
}
|
|
||||||
|
|
||||||
const closeDialog = () => {
|
|
||||||
handleBeforeClose(() => (addVisible.value = false))
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleBeforeClose = (done) => {
|
|
||||||
resetForm()
|
|
||||||
done()
|
|
||||||
}
|
|
||||||
const resetForm = () => {
|
|
||||||
if (ruleFormRef.value) {
|
|
||||||
ruleFormRef.value.resetFields()
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 操作之后获取子模板
|
||||||
|
emitter.on('onGetChild', async (data) => {
|
||||||
|
|
||||||
|
await getTemplate(data.parentId)
|
||||||
|
|
||||||
|
})
|
||||||
|
// 操作之后获取主模板
|
||||||
|
emitter.on('onGetMain', (item) => {
|
||||||
|
getTemplate(item.parentId)
|
||||||
|
})
|
||||||
|
|
||||||
|
// 选择模板
|
||||||
|
const emit = defineEmits([''])
|
||||||
|
const onSelect = (item) =>{
|
||||||
|
actId.value = item.id
|
||||||
|
item.child.forEach(el =>{
|
||||||
|
el.aiShow = false
|
||||||
|
})
|
||||||
|
emitter.emit('changeMode', item)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
const curNode = reactive({})
|
const curNode = reactive({})
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
let data = sessionStore.get('subject.curNode')
|
let data = sessionStore.get('subject.curNode')
|
||||||
Object.assign(curNode, data)
|
Object.assign(curNode, data);
|
||||||
getTemplate()
|
getTemplate()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// 解绑
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
emitter.off('resetSelect')
|
|
||||||
|
emitter.off('onGetMain');
|
||||||
|
emitter.off('onGetChild');
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container-left {
|
.container-left {
|
||||||
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 15px;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.left-header {
|
.left-header {
|
||||||
height: 32px;
|
height: 45px;
|
||||||
justify-content: space-between;
|
background: #F6F6F6;
|
||||||
|
border-radius: 5px 0 0 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
font-size: 14px;
|
||||||
.icon-jiahao {
|
font-weight: bold;
|
||||||
font-size: 12px;
|
text-indent: 2em;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-list {
|
.left-con {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-top: 5px;
|
background: #fff;
|
||||||
background-color: #fff;
|
border-radius: 0 0 0 5px;
|
||||||
border-radius: 5px;
|
padding: 15px;
|
||||||
text-align: left;
|
box-sizing: border-box;
|
||||||
padding: 0 10px;
|
font-size: 14px;
|
||||||
line-height: 30px;
|
overflow: auto;
|
||||||
overflow-y: auto;
|
.item-header {
|
||||||
|
|
||||||
.item-name {
|
|
||||||
line-height: 40px;
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-right: 10px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
.con-item {
|
||||||
.item-child {
|
margin-bottom: 20px;
|
||||||
padding-left: 3em;
|
display: flex;
|
||||||
justify-content: space-between;
|
flex-direction: column;
|
||||||
cursor: pointer;
|
padding: 10px;
|
||||||
align-items: center;
|
|
||||||
padding-right: 10px;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: '';
|
|
||||||
width: 5px;
|
|
||||||
height: 5px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #666;
|
|
||||||
position: absolute;
|
|
||||||
left: 2em;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.item-list{
|
||||||
|
|
||||||
.iconfont {
|
padding: 10px;
|
||||||
font-weight: bold;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
}
|
||||||
|
.item-act{
|
||||||
.icon-jiahao {
|
border: solid 1px #409eff;
|
||||||
color: #409eff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-zuixiaohua {
|
|
||||||
color: #f56c6c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.act-child {
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: #eaf3ff;
|
}
|
||||||
|
.item-card {
|
||||||
|
width: 130px;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-right: 20px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
:deep(.el-card__body) {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
&::after {
|
.card-name {
|
||||||
background-color: #409eff;
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-text {
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.el-text{
|
||||||
|
font-size: 12px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.content-list{
|
||||||
.mode-dialog-header {
|
overflow-x: auto
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
.icon-guanbi {
|
|
||||||
font-size: 20px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.content-list::-webkit-scrollbar {
|
||||||
.form-btn {
|
height: 8px;
|
||||||
text-align: right;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -0,0 +1,386 @@
|
||||||
|
<template>
|
||||||
|
<div class="container-left flex" v-loading="loading">
|
||||||
|
<div class="left-header flex">
|
||||||
|
<span>教学模式</span>
|
||||||
|
<div>
|
||||||
|
<el-button type="primary" link @click="resetSelect">重置</el-button>
|
||||||
|
<el-button type="primary" link @click="addVisible = true; addChild = false; isEdit = false"><i class="iconfont icon-jiahao"
|
||||||
|
></i>新增</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="left-list">
|
||||||
|
<div class="item" v-for="item in templateList" :key="item.id">
|
||||||
|
<div class="item-name flex" @mouseenter="item.isAdd = true" @mouseleave="item.isAdd = false"
|
||||||
|
@click="handleItem(item)">
|
||||||
|
<div class="flex">
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
<!--个人教学模式才会有添加、编辑-->
|
||||||
|
<div v-if="!item.ex3" class="ml-3">
|
||||||
|
<el-button type="primary" link @click.stop="addModeChild(item)">添加</el-button>
|
||||||
|
<el-button type="primary" link @click.stop="editMode(item)">编辑</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--加号 数鼠标悬浮 显示-->
|
||||||
|
<i v-show="item.isAdd && !item.isSelect" class="iconfont icon-jiahao"></i>
|
||||||
|
<!--减号 选中之后显示-->
|
||||||
|
<i v-show="item.isSelect" class="iconfont icon-zuixiaohua"></i>
|
||||||
|
</div>
|
||||||
|
<div class="item-child flex" :class="el.isSelect ? 'act-child' : ''" v-for="el in item.child" :key="el.id"
|
||||||
|
@mouseenter="el.isAdd = true" @mouseleave="el.isAdd = false" @click="handleItemChild(el)">
|
||||||
|
<div>
|
||||||
|
<span>{{ el.name }}</span>
|
||||||
|
<!--个人教学模式才会有编辑-->
|
||||||
|
<el-button v-if="!el.ex3" class="ml-3" type="primary" link @click.stop="editMode(el)">编辑</el-button>
|
||||||
|
</div>
|
||||||
|
<i v-show="el.isAdd && !el.isSelect" class="iconfont icon-jiahao"></i>
|
||||||
|
<i v-show="el.isSelect" class="iconfont icon-zuixiaohua "></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--弹窗-->
|
||||||
|
<el-dialog v-model="addVisible" append-to-body :show-close="false" width="550" :before-close="handleBeforeClose"
|
||||||
|
style="border-radius: 10px; padding: 10px 15px;">
|
||||||
|
<template #header>
|
||||||
|
<div class="mode-dialog-header flex">
|
||||||
|
<span>{{ addChild ? '教学环节' : '教学模式' }}</span>
|
||||||
|
<i class="iconfont icon-guanbi" @click="addVisible = false"></i>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item :label="`教学${ addChild ? '环节' : '模式'}名称`" prop="name">
|
||||||
|
<div class="flex" style="width: 100%;">
|
||||||
|
<el-input v-model="ruleForm.name" />
|
||||||
|
<el-button v-if="isEdit" link type="danger" class="ml-5 mr-3" @click="onDel">删除</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="说明" v-if="addChild" prop="prompt">
|
||||||
|
<el-input v-model="ruleForm.prompt" type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div class="mt-10 form-btn">
|
||||||
|
<el-button @click="closeDialog">关闭</el-button>
|
||||||
|
<el-button type="primary" @click="onSubmit(ruleFormRef)">保存</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
|
import { modelList } from '@/api/mode/index'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import { sessionStore } from '@/utils/store'
|
||||||
|
import emitter from '@/utils/mitt'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import { addChildTemp, editChildTemp, removeChildTemp } from '@/api/mode'
|
||||||
|
import { cloneDeep } from 'lodash'
|
||||||
|
|
||||||
|
|
||||||
|
const { user } = useUserStore()
|
||||||
|
|
||||||
|
// 获取主模板
|
||||||
|
const loading = ref(false)
|
||||||
|
let list = ref([])
|
||||||
|
const getTemplate = async (id) => {
|
||||||
|
loading.value = true
|
||||||
|
const { rows } = await modelList({ createUser: user.userId, model: 4, type: 1, pageNum: 1, pageSize: 10000 })
|
||||||
|
loading.value = false
|
||||||
|
list.value = rows
|
||||||
|
if (list.value.length) {
|
||||||
|
getChildTemp(id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取子模板
|
||||||
|
const templateList = ref([])
|
||||||
|
const getChildTemp = async () => {
|
||||||
|
templateList.value = []
|
||||||
|
loading.value = true
|
||||||
|
|
||||||
|
for (let item of list.value) {
|
||||||
|
try {
|
||||||
|
let { rows } = await modelList({ model: 4, type: 2, parentId: item.id })
|
||||||
|
templateList.value.push({
|
||||||
|
...item,
|
||||||
|
child: rows
|
||||||
|
})
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 重置选中
|
||||||
|
const resetSelect = () =>{
|
||||||
|
templateList.value.forEach(item =>{
|
||||||
|
item.isSelect = false
|
||||||
|
item.child.forEach( el=>{
|
||||||
|
el.isSelect = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleItem = (item) => {
|
||||||
|
if(item.newMode) return
|
||||||
|
item.isSelect = !item.isSelect
|
||||||
|
item.child.forEach(el => {
|
||||||
|
el.isSelect = !el.isSelect
|
||||||
|
})
|
||||||
|
|
||||||
|
let data = collectSelectedItems(templateList.value)
|
||||||
|
emitter.emit('selected', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleItemChild = (el) =>{
|
||||||
|
el.isSelect = !el.isSelect
|
||||||
|
|
||||||
|
let data = collectSelectedItems(templateList.value)
|
||||||
|
emitter.emit('selected', data)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 定义一个函数来过滤 children 中 isSelect 为 true 的对象
|
||||||
|
const collectSelectedItems = (data) => {
|
||||||
|
let result = [];
|
||||||
|
|
||||||
|
// 遍历每个父节点
|
||||||
|
data.forEach(parent => {
|
||||||
|
if (Array.isArray(parent.child)) {
|
||||||
|
// 使用 filter 方法筛选出 children 中 isSelect 为 true 的对象
|
||||||
|
const selectedChildren = parent.child.filter(child => child.isSelect === true);
|
||||||
|
|
||||||
|
// 将筛选后的子节点添加到结果数组中
|
||||||
|
result = result.concat(selectedChildren.map(child => ({
|
||||||
|
...child
|
||||||
|
})));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 弹窗
|
||||||
|
const addVisible = ref(false)
|
||||||
|
|
||||||
|
const ruleFormRef = ref()
|
||||||
|
const rules = reactive({
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const ruleForm = reactive({
|
||||||
|
name: '',
|
||||||
|
prompt: ''
|
||||||
|
})
|
||||||
|
// 提交
|
||||||
|
const onSubmit = async (formEl) =>{
|
||||||
|
if (!formEl) return
|
||||||
|
await formEl.validate(async (valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
if(isEdit.value){
|
||||||
|
let data = cloneDeep(curEditItem)
|
||||||
|
data.name = ruleForm.name
|
||||||
|
await editChildTemp(data)
|
||||||
|
}
|
||||||
|
// 新增
|
||||||
|
else{
|
||||||
|
let obj = {
|
||||||
|
ex1: curNode.edustage,
|
||||||
|
ex2: curNode.edusubject,
|
||||||
|
model: 4,
|
||||||
|
name: ruleForm.name,
|
||||||
|
sortNum: 1,
|
||||||
|
type: 1
|
||||||
|
}
|
||||||
|
// 新增教学环节
|
||||||
|
if(addChild.value){
|
||||||
|
obj.parentId = curEditItem.id
|
||||||
|
obj.prompt = ruleForm.prompt
|
||||||
|
obj.type = 2
|
||||||
|
}
|
||||||
|
await addChildTemp(obj)
|
||||||
|
|
||||||
|
}
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
resetForm()
|
||||||
|
addVisible.value = false
|
||||||
|
getTemplate()
|
||||||
|
} else {
|
||||||
|
console.log('error submit!', fields)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 是否编辑
|
||||||
|
const isEdit = ref(false)
|
||||||
|
// 区分是新增教学模式false 还是现在教学环节true
|
||||||
|
const addChild = ref(false)
|
||||||
|
|
||||||
|
const curEditItem = reactive({})
|
||||||
|
const addModeChild = (item) =>{
|
||||||
|
isEdit.value = false
|
||||||
|
Object.assign(curEditItem, item)
|
||||||
|
addChild.value = true
|
||||||
|
addVisible.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
|
||||||
|
const editMode = (item)=>{
|
||||||
|
isEdit.value = true
|
||||||
|
addChild.value = false
|
||||||
|
Object.assign(curEditItem, item)
|
||||||
|
ruleForm.name = item.name
|
||||||
|
addVisible.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除 教学模式 教学环节
|
||||||
|
const onDel = () =>{
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'确定要删除模板吗?',
|
||||||
|
'温馨提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(async () => {
|
||||||
|
await removeChildTemp(curEditItem.id)
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
resetForm()
|
||||||
|
addVisible.value = false
|
||||||
|
getTemplate()
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const closeDialog = () =>{
|
||||||
|
handleBeforeClose(() => addVisible.value = false);
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleBeforeClose = (done) =>{
|
||||||
|
resetForm()
|
||||||
|
done()
|
||||||
|
}
|
||||||
|
const resetForm = () => {
|
||||||
|
if (ruleFormRef.value) {
|
||||||
|
ruleFormRef.value.resetFields();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const curNode = reactive({})
|
||||||
|
onMounted(() => {
|
||||||
|
let data = sessionStore.get('subject.curNode')
|
||||||
|
Object.assign(curNode, data);
|
||||||
|
getTemplate()
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container-left {
|
||||||
|
height: 100%;
|
||||||
|
font-size: 15px;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.left-header {
|
||||||
|
height: 32px;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.icon-jiahao {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-list {
|
||||||
|
flex: 1;
|
||||||
|
margin-top: 5px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0 10px;
|
||||||
|
line-height: 30px;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.item-name {
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-child {
|
||||||
|
padding-left: 3em;
|
||||||
|
justify-content: space-between;
|
||||||
|
cursor: pointer;
|
||||||
|
align-items: center;
|
||||||
|
padding-right: 10px;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #666;
|
||||||
|
position: absolute;
|
||||||
|
left: 2em;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-jiahao {
|
||||||
|
color: #409eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-zuixiaohua {
|
||||||
|
color: #f56c6c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.act-child {
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #eaf3ff;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
background-color: #409eff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode-dialog-header {
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
.icon-guanbi {
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-btn{
|
||||||
|
text-align: right;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<el-dialog class="aix-progress-dialog" v-model="open" v-bind="dAttrs">
|
<el-dialog v-model="open" v-bind="dAttrs">
|
||||||
<el-progress type="dashboard" v-bind="$attrs.pg" />
|
<el-progress type="dashboard" v-bind="$attrs.pg" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
@ -29,10 +29,5 @@ const dAttrs = computed(() => {
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
</style>
|
|
||||||
<style>
|
</style>
|
||||||
.aix-progress-dialog .el-dialog__body{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,49 +1,107 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="container-right flex">
|
<div class="container-right flex">
|
||||||
<div class="right-header flex">
|
<div class="right-header flex">
|
||||||
<span>预览</span>
|
<div class="header-left">
|
||||||
<div>
|
<!-- <el-button type="primary" link>
|
||||||
<el-button :disabled="!result?.outline" type="danger" @click="onCreate">一键生成</el-button>
|
<i class="iconfont icon-jiahao"></i>新活动
|
||||||
<el-button :disabled="!result?.parentId" @click="openAiPPT">编辑</el-button>
|
</el-button>
|
||||||
|
<el-button type="primary" link>
|
||||||
|
<i class="iconfont icon-baocun"></i>保存为教学模式
|
||||||
|
</el-button> -->
|
||||||
|
</div>
|
||||||
|
<div class="header-right">
|
||||||
|
<el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
|
||||||
|
<el-option v-for="item in modeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
<el-button type="primary" :disabled="!(resultList.length)" @click="getCompletion">一键研读</el-button>
|
||||||
|
<el-button type="danger" @click="onCreate">生成PPT</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right-con">
|
<div class="right-con flex" ref="listRef">
|
||||||
<el-empty v-if="!result?.parentId" description="请先生成教学大纲,再生成教学课件" />
|
<el-empty v-if="!(resultList.length)" description="暂无数据" />
|
||||||
<div v-for="(item,index) in pptSlides" class="right-con-item">
|
<div class="con-item flex" v-for="(item, index) in resultList" :key="item.id" v-loading="item.loading">
|
||||||
<div>{{index+1}}</div><img :src="item.fileurl">
|
<div class="item-top flex">
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
<el-popover placement="bottom-end" trigger="hover" popper-class="template-custom-popover">
|
||||||
|
<template #reference>
|
||||||
|
<el-button link type="primary">
|
||||||
|
<i class="iconfont icon-shenglvehao"></i></el-button>
|
||||||
|
</template>
|
||||||
|
<template #default>
|
||||||
|
<el-button type="primary" link @click="editKeyWord(item, false)">编辑</el-button>
|
||||||
|
<el-button type="primary" link @click="removeItem(item, true)">移除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
</div>
|
||||||
|
<div class="item-bom">
|
||||||
|
<div class="item-prompt">{{ item.prompt }}</div>
|
||||||
|
<div class="item-answer" v-if="item.answer">
|
||||||
|
<div class="answer-text">
|
||||||
|
<TypingEffect v-if="isStarted[index]" :text="item.answer" :delay="10" :aiShow="item.aiShow"
|
||||||
|
@complete="handleCompleteText($event, index)" @updateScroll="scrollToBottom($event, index)" />
|
||||||
|
</div>
|
||||||
|
<div class="item-btn flex">
|
||||||
|
<el-button type="primary" link @click="againResult(index, item)">
|
||||||
|
<i class="iconfont icon-ai1"></i>
|
||||||
|
重新生成
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" link @click="onAdjust(index, item)">
|
||||||
|
<i class="iconfont icon-duihua"></i>
|
||||||
|
AI对话调整
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" link @click="onEdit(index, item)">
|
||||||
|
<i class="iconfont icon-bianji1"></i>
|
||||||
|
手动编辑结果
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<PptDialog @close-dialogs="pptDialog = false" @add-success="addAiPPT" :dataList="result" v-model="pptDialog" />
|
<EditDialog v-model="isEdit" :item="curItem" />
|
||||||
|
<AdjustDialog v-model="isAdjust" :item="curItem" :curMode="curMode" :conversation_id="conversation_id" />
|
||||||
|
<PptDialog @add-success="addAiPPT" :dataList="resultList" v-model="pptDialog" />
|
||||||
<progress-dialog v-model:visible="pgDialog.visible" v-bind="pgDialog" />
|
<progress-dialog v-model:visible="pgDialog.visible" v-bind="pgDialog" />
|
||||||
|
<!--添加、编辑提示词-->
|
||||||
|
<keywordDialog v-model="isWordDialog" :item="curItem" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, onUnmounted, onMounted, reactive} from 'vue'
|
import { ref, onMounted, onUnmounted, reactive, nextTick } from 'vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import { sessionStore } from '@/utils/store'
|
||||||
import emitter from '@/utils/mitt'
|
import emitter from '@/utils/mitt'
|
||||||
|
import EditDialog from './edit-dialog.vue'
|
||||||
|
import AdjustDialog from './adjust-dialog.vue'
|
||||||
import progressDialog from './progress-dialog.vue'
|
import progressDialog from './progress-dialog.vue'
|
||||||
import PptDialog from "@/views/prepare/container/pptist-dialog.vue";
|
import { completion, tempResult, tempSave, removeChildTemp, editTempResult, modelList } from '@/api/mode/index.js'
|
||||||
import msgUtils from "@/plugins/modal";
|
import { createChart, sendChart } from '@/api/ai/index'
|
||||||
import {PPTXFileToJson} from "@/AixPPTist/src/hooks/useImport";
|
// import { dataSetJson } from '@/utils/comm.js'
|
||||||
import {slidesToImg} from "@/utils/ppt";
|
|
||||||
import {getEntpcoursefile, listEntpcoursefileNew} from "@/api/education/entpcoursefile";
|
|
||||||
import {sessionStore} from "@/utils/store";
|
|
||||||
import * as API_smarttalk from "@/api/file";
|
|
||||||
import * as API_entpcourse from "@/api/education/entpcourse";
|
|
||||||
import * as API_entpcoursefile from "@/api/education/entpcoursefile";
|
|
||||||
import * as commUtils from '@/utils/comm.js'
|
import * as commUtils from '@/utils/comm.js'
|
||||||
import * as Api_server from '@/api/apiService' // 相关api
|
import PptDialog from '@/views/prepare/container/pptist-dialog.vue'
|
||||||
import {createWindow} from "@/utils/tool";
|
import keywordDialog from './keyword-dialog.vue'
|
||||||
import {editSyllabus} from "@/api/mode";
|
import TypingEffect from '@/components/typing-effect/index.vue'
|
||||||
import { getSmarttalkPage } from "@/api/file"
|
import { cloneDeep } from 'lodash'
|
||||||
|
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import { PPTXFileToJson } from '@/AixPPTist/src/hooks/useImport' // ppt转json
|
||||||
|
import * as API_entpcourse from '@/api/education/entpcourse' // 相关api
|
||||||
|
import * as API_entpcoursefile from '@/api/education/entpcoursefile' // 相关api
|
||||||
|
import * as Api_server from '@/api/apiService' // 相关api
|
||||||
|
import * as API_smarttalk from '@/api/file' // 文件相关api
|
||||||
|
import msgUtils from '@/plugins/modal'
|
||||||
|
import { getEntpcoursefile } from '@/api/education/entpcoursefile'
|
||||||
|
import { createWindow } from '@/utils/tool' // 消息工具
|
||||||
|
import { slidesToImg } from '@/utils/ppt' // ppt相关工具
|
||||||
|
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const pptDialog = ref(false)
|
const pptDialog = ref(false)
|
||||||
const result = ref(null)
|
const resultList = ref([])
|
||||||
const courseObj = reactive({
|
const courseObj = reactive({
|
||||||
node: null, // 选择的课程节点
|
node: null, // 选择的课程节点
|
||||||
})
|
})
|
||||||
const curNode = reactive({})
|
|
||||||
const pgDialog = reactive({ // 弹窗-进度条
|
const pgDialog = reactive({ // 弹窗-进度条
|
||||||
visible: false,
|
visible: false,
|
||||||
title: 'PPT解析中...',
|
title: 'PPT解析中...',
|
||||||
|
@ -61,28 +119,214 @@ const pgDialog = reactive({ // 弹窗-进度条
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const pptSlides = ref([])
|
const curMode = ref(2)
|
||||||
|
const modeOptions = ref([
|
||||||
emitter.on('onResult', (data)=>{
|
{
|
||||||
console.log(data)
|
label: '教学大模型',
|
||||||
result.value = data
|
value: 1
|
||||||
if (!!result.value.parentId) {
|
},
|
||||||
listEntpcoursefileNew({parentid: result.value.parentId}).then(res=>{
|
{
|
||||||
pptSlides.value = res.rows
|
label: '知识库模型',
|
||||||
})
|
value: 2
|
||||||
}else {
|
|
||||||
pptSlides.value = []
|
|
||||||
}
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
emitter.on('changeMode', (item) => {
|
||||||
|
resultList.value = item.child
|
||||||
|
getTempResult(item.id)
|
||||||
})
|
})
|
||||||
|
|
||||||
const onCreate = () =>{
|
const onCreate = () =>{
|
||||||
if(!result.value){
|
let isAnswer = resultList.value.every(item => !item.answer)
|
||||||
|
if(isAnswer){
|
||||||
ElMessage.warning('请先进行研读')
|
ElMessage.warning('请先进行研读')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
pptDialog.value = true
|
pptDialog.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 一键研读
|
||||||
|
const getCompletion = async () => {
|
||||||
|
isStarted.value = new Array(resultList.length).fill(false)
|
||||||
|
isStarted.value[0] = true
|
||||||
|
|
||||||
|
resultList.value.forEach(item => {
|
||||||
|
if (item.answer) {
|
||||||
|
item.answer = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
for (let item of resultList.value) {
|
||||||
|
|
||||||
|
try {
|
||||||
|
item.loading = true
|
||||||
|
item.aiShow = true
|
||||||
|
|
||||||
|
let str = cloneDeep(prompt.value)
|
||||||
|
str = str.replace(/{模板名称}/g, item.name)
|
||||||
|
params.prompt = str
|
||||||
|
params.template = item.prompt
|
||||||
|
|
||||||
|
// 教学大模型
|
||||||
|
let data = null
|
||||||
|
if (curMode.value == 1) {
|
||||||
|
const res = await sendChart({
|
||||||
|
content: params.prompt,
|
||||||
|
conversationId: conversation_id.value,
|
||||||
|
stream: false
|
||||||
|
})
|
||||||
|
data = res.data
|
||||||
|
}
|
||||||
|
// 知识库模型
|
||||||
|
else {
|
||||||
|
const res = await completion(params)
|
||||||
|
data = res.data
|
||||||
|
}
|
||||||
|
|
||||||
|
item.answer = getResult(data.answer)
|
||||||
|
onSaveTemp(item)
|
||||||
|
} finally {
|
||||||
|
item.loading = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleCompleteText = async (answer, index) => {
|
||||||
|
if (index < resultList.value.length - 1) {
|
||||||
|
isStarted.value[index + 1] = true; // 开始显示下一个文本
|
||||||
|
}
|
||||||
|
if (isAgain.value) {
|
||||||
|
try {
|
||||||
|
await editTempResult({ id: resultList.value[index].resultId, content: answer })
|
||||||
|
} finally {
|
||||||
|
isAgain.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 保存模板
|
||||||
|
const onSaveTemp = async (item) => {
|
||||||
|
if (item.answer == '') return
|
||||||
|
|
||||||
|
const data = {
|
||||||
|
mainModelId: item.parentId,
|
||||||
|
modelId: item.id,
|
||||||
|
examDocld: '',
|
||||||
|
content: item.answer,
|
||||||
|
ex1: curNode.id
|
||||||
|
}
|
||||||
|
const res = await tempSave(data)
|
||||||
|
|
||||||
|
if(!item.resultId){
|
||||||
|
item.resultId = res.data
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const isWordDialog = ref(false)
|
||||||
|
const editKeyWord = (item, val) => {
|
||||||
|
/**
|
||||||
|
* isAdd: 子模板中的移除 为编辑false 头部删除 添加提示词为新增 true
|
||||||
|
*/
|
||||||
|
Object.assign(curItem, item)
|
||||||
|
curItem.isAdd = val
|
||||||
|
isWordDialog.value = true
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 移除模板
|
||||||
|
const removeItem = async (item, isChild) => {
|
||||||
|
/**
|
||||||
|
* item: 当前操作的模板
|
||||||
|
* isChild: 子模板中的移除为 true
|
||||||
|
*/
|
||||||
|
if (item.ex3 != '1') {
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'确认是否移除?',
|
||||||
|
'提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
removeChildTemp(item.id).then(res => {
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
if (isChild) {
|
||||||
|
// 获取子模板
|
||||||
|
emitter.emit('onGetChild', item)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 获取主模板
|
||||||
|
// getTemplateList()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// editKeyWord(item, !isChild)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const listRef = ref()
|
||||||
|
// 查询模板结果
|
||||||
|
const isStarted = ref([]);
|
||||||
|
const getTempResult = (id) => {
|
||||||
|
tempResult({ mainModelId: id, pageNum: 1, pageSize: 10000, ex1: curNode.id }).then(res => {
|
||||||
|
let rows = res.rows
|
||||||
|
if (rows.length > 0) {
|
||||||
|
isStarted.value = new Array(rows.length).fill(true)
|
||||||
|
resultList.value.forEach(item => {
|
||||||
|
rows.forEach(el => {
|
||||||
|
if (item.id == el.modelId) {
|
||||||
|
item.answer = getResult(el.content)
|
||||||
|
item.resultId = el.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const scrollToBottom = (height, index) => {
|
||||||
|
|
||||||
|
if (listRef.value) {
|
||||||
|
let sum = 0
|
||||||
|
let listDom = listRef.value.children
|
||||||
|
|
||||||
|
if (index == 0) {
|
||||||
|
// 220 去掉头部
|
||||||
|
let screenHeight = window.innerHeight - 220
|
||||||
|
if (height > screenHeight) {
|
||||||
|
listRef.value.scrollTop = (height - screenHeight + 50)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
for (let i = 0; i < index; i++) {
|
||||||
|
sum += listDom[i].clientHeight
|
||||||
|
}
|
||||||
|
listRef.value.scrollTop = sum + height
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 去掉字符串中的 ### **
|
||||||
|
let getResult = (str) => {
|
||||||
|
let newStr = str.replace(/#+|(\*\*)/g, '');
|
||||||
|
return newStr
|
||||||
|
}
|
||||||
|
|
||||||
|
const params = reactive(
|
||||||
|
{
|
||||||
|
prompt: '',
|
||||||
|
dataset_id: '',
|
||||||
|
template: ''
|
||||||
|
}
|
||||||
|
)
|
||||||
|
const prompt = ref('')
|
||||||
|
|
||||||
|
|
||||||
const addAiPPT = async (res) => {
|
const addAiPPT = async (res) => {
|
||||||
// res = { url: 'https://bjcdn.openstorage.cn/xinghuo-privatedata/%2Ftmp/apiTempFileba724e0344f74e1480535eedf3ebec661601807661085006275/%E9%87%91%E9%A9%AC%E5%A5%96%E5%B0%B4%E5%B0%AC%E4%BA%8B%E4%BB%B6%E5%88%86%E6%9E%90%E4%B8%8E%E5%BA%94%E5%AF%B9%E7%AD%96%E7%95%A5.pptx' }
|
// res = { url: 'https://bjcdn.openstorage.cn/xinghuo-privatedata/%2Ftmp/apiTempFileba724e0344f74e1480535eedf3ebec661601807661085006275/%E9%87%91%E9%A9%AC%E5%A5%96%E5%B0%B4%E5%B0%AC%E4%BA%8B%E4%BB%B6%E5%88%86%E6%9E%90%E4%B8%8E%E5%BA%94%E5%AF%B9%E7%AD%96%E7%95%A5.pptx' }
|
||||||
let node = courseObj.node
|
let node = courseObj.node
|
||||||
|
@ -129,10 +373,6 @@ const addAiPPT = async (res) => {
|
||||||
if (res_3 && res_3.code == 200) {
|
if (res_3 && res_3.code == 200) {
|
||||||
msgUtils.msgSuccess('生成PPT课件成功')
|
msgUtils.msgSuccess('生成PPT课件成功')
|
||||||
//TODO 打开生成的课件
|
//TODO 打开生成的课件
|
||||||
updateGen(parentid)
|
|
||||||
listEntpcoursefileNew({parentid: parentid}).then(res=>{
|
|
||||||
pptSlides.value = res.rows
|
|
||||||
})
|
|
||||||
const res = await getEntpcoursefile(parentid)
|
const res = await getEntpcoursefile(parentid)
|
||||||
if (res && res.code === 200) {
|
if (res && res.code === 200) {
|
||||||
openPublicScreen('edit', res.data, smarttalk.resData) // 打开公屏-窗口
|
openPublicScreen('edit', res.data, smarttalk.resData) // 打开公屏-窗口
|
||||||
|
@ -144,29 +384,7 @@ const addAiPPT = async (res) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}).finally(()=>{
|
})
|
||||||
pgDialog.visible = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAiPPT = async () =>{
|
|
||||||
let parentid = result.value.parentId
|
|
||||||
const res = await getEntpcoursefile(parentid)
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
const smarttalk = await getSmarttalkPage({fileId: parentid})
|
|
||||||
if (smarttalk && smarttalk.rows.length>0) {
|
|
||||||
openPublicScreen('edit', res.data, smarttalk.rows[0]) // 打开公屏-窗口
|
|
||||||
}else {
|
|
||||||
ElMessage.warning(res.msg||'没有查询到课件!')
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
ElMessage.warning(res.msg||'文件获取异常!')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const updateGen = (parentid)=>{
|
|
||||||
result.value.parentId = parentid
|
|
||||||
editSyllabus(result.value)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const openPublicScreen = (type, resource, currData)=> {
|
const openPublicScreen = (type, resource, currData)=> {
|
||||||
|
@ -183,50 +401,92 @@ const openPublicScreen = (type, resource, currData)=> {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const isEdit = ref(false)
|
||||||
|
// 当前操作的索引
|
||||||
|
const curIndex = ref(-1)
|
||||||
|
// 当前操作的item
|
||||||
|
const curItem = reactive({})
|
||||||
|
|
||||||
// 图片|音频|视频 转换为在线地址
|
// 重新生成
|
||||||
const toRousrceUrl = async (o) => {
|
const isAgain = ref(false)
|
||||||
if (!!o.src) { // 如果有src就转换
|
const againResult = async (index, item) => {
|
||||||
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
isAgain.value = true
|
||||||
const isBlobUrl = /^blob:/.test(o.src)
|
isStarted.value[index] = false
|
||||||
console.log('isBase64', o, isBase64)
|
resultList.value[index].answer = ''
|
||||||
if (isBase64) {
|
if (index == 0) {
|
||||||
const bolb = commUtils.base64ToBlob(o.src)
|
listRef.value.scrollTop = 0
|
||||||
const fileName = Date.now() + '.png'
|
|
||||||
const file = commUtils.blobToFile(bolb, fileName)
|
} else {
|
||||||
// o.src = fileName
|
scrollToBottom(50, index)
|
||||||
// console.log('file', file)
|
|
||||||
const formData = new FormData()
|
|
||||||
formData.append('file', file)
|
|
||||||
const res = await Api_server.Other.uploadFile(formData)
|
|
||||||
if (res && res.code == 200) {
|
|
||||||
const url = res?.url
|
|
||||||
url && (o.src = url)
|
|
||||||
}
|
|
||||||
} else if (isBlobUrl) { // 视频和音频
|
|
||||||
const res = await fetch(o.src)
|
|
||||||
const blob = await res.blob()
|
|
||||||
const fileName = o.type == 'video' ? Date.now() + '.mp4' : Date.now() + '.mp3'
|
|
||||||
const file = commUtils.blobToFile(blob, fileName)
|
|
||||||
// o.src = fileName
|
|
||||||
// console.log('file', file)
|
|
||||||
const formData = new FormData()
|
|
||||||
formData.append('file', file)
|
|
||||||
const ress = await Api_server.Other.uploadFile(formData)
|
|
||||||
if (ress && ress.code == 200) {
|
|
||||||
const url = ress?.url
|
|
||||||
url && (o.src = url)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (o?.background?.image) await toRousrceUrl(o.background.image)
|
|
||||||
if (o?.elements) {
|
try {
|
||||||
for (let element of o.elements) {
|
await nextTick()
|
||||||
await toRousrceUrl(element);
|
resultList.value[index].loading = true
|
||||||
|
item.aiShow = true
|
||||||
|
|
||||||
|
let str = cloneDeep(prompt.value)
|
||||||
|
str = str.replace(/{模板名称}/g, item.name)
|
||||||
|
params.prompt = str
|
||||||
|
params.template = item.prompt
|
||||||
|
|
||||||
|
let data = null;
|
||||||
|
// 教学大模型
|
||||||
|
if (curMode.value == 1) {
|
||||||
|
const res = await sendChart({
|
||||||
|
content: params.prompt,
|
||||||
|
conversationId: conversation_id.value,
|
||||||
|
stream: false
|
||||||
|
})
|
||||||
|
data = res.data
|
||||||
|
} else {
|
||||||
|
// 知识库模型
|
||||||
|
const res = await completion(params)
|
||||||
|
data = res.data
|
||||||
}
|
}
|
||||||
|
|
||||||
|
resultList.value[index].answer = getResult(data.answer)
|
||||||
|
isStarted.value[index] = true
|
||||||
|
} finally {
|
||||||
|
resultList.value[index].loading = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 对话调整
|
||||||
|
const isAdjust = ref(false)
|
||||||
|
const onAdjust = (index, item) => {
|
||||||
|
curIndex.value = index
|
||||||
|
Object.assign(curItem, item)
|
||||||
|
isAdjust.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 替换分析结果
|
||||||
|
emitter.on('onSaveAdjust', (item) => {
|
||||||
|
resultList.value[curIndex.value].answer = item
|
||||||
|
onEditSave(resultList.value[curIndex.value])
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// 保存 重新研读后的结果
|
||||||
|
const onEditSave = async (item) => {
|
||||||
|
const { msg } = await editTempResult({ id: item.resultId, content: item.answer })
|
||||||
|
ElMessage.success(msg)
|
||||||
|
getChildTemplate()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑
|
||||||
|
const onEdit = (index, item) => {
|
||||||
|
curIndex.value = index
|
||||||
|
Object.assign(curItem, item)
|
||||||
|
isEdit.value = true
|
||||||
|
}
|
||||||
|
emitter.on('changeResult', (item) => {
|
||||||
|
resultList.value[curIndex.value].answer = item
|
||||||
|
})
|
||||||
|
|
||||||
|
// ======== zdg start ============
|
||||||
|
// 统一HTTP处理
|
||||||
const HTTP_SERVER_API = (type, params = {}) => {
|
const HTTP_SERVER_API = (type, params = {}) => {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 'addSmarttalk': { // 获取课程
|
case 'addSmarttalk': { // 获取课程
|
||||||
|
@ -304,43 +564,214 @@ const getDefParams = (params) => {
|
||||||
}
|
}
|
||||||
return Object.assign(def, params)
|
return Object.assign(def, params)
|
||||||
}
|
}
|
||||||
onMounted(()=>{
|
// 图片|音频|视频 转换为在线地址
|
||||||
|
const toRousrceUrl = async (o) => {
|
||||||
|
if (!!o.src) { // 如果有src就转换
|
||||||
|
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
||||||
|
const isBlobUrl = /^blob:/.test(o.src)
|
||||||
|
console.log('isBase64', o, isBase64)
|
||||||
|
if (isBase64) {
|
||||||
|
const bolb = commUtils.base64ToBlob(o.src)
|
||||||
|
const fileName = Date.now() + '.png'
|
||||||
|
const file = commUtils.blobToFile(bolb, fileName)
|
||||||
|
// o.src = fileName
|
||||||
|
// console.log('file', file)
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
const res = await Api_server.Other.uploadFile(formData)
|
||||||
|
if (res && res.code == 200) {
|
||||||
|
const url = res?.url
|
||||||
|
url && (o.src = url)
|
||||||
|
}
|
||||||
|
} else if (isBlobUrl) { // 视频和音频
|
||||||
|
const res = await fetch(o.src)
|
||||||
|
const blob = await res.blob()
|
||||||
|
const fileName = o.type == 'video' ? Date.now() + '.mp4' : Date.now() + '.mp3'
|
||||||
|
const file = commUtils.blobToFile(blob, fileName)
|
||||||
|
// o.src = fileName
|
||||||
|
// console.log('file', file)
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
const ress = await Api_server.Other.uploadFile(formData)
|
||||||
|
if (ress && ress.code == 200) {
|
||||||
|
const url = ress?.url
|
||||||
|
url && (o.src = url)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (o?.background?.image) await toRousrceUrl(o.background.image)
|
||||||
|
if (o?.elements) {
|
||||||
|
for (let element of o.elements) {
|
||||||
|
await toRousrceUrl(element);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// ======== zdg end ============
|
||||||
|
|
||||||
|
// 创建对话
|
||||||
|
const conversation_id = ref('')
|
||||||
|
const getChartId = () => {
|
||||||
|
createChart({ app_id: '712ff0df-ed6b-470f-bf87-8cfbaf757be5' }).then(res => {
|
||||||
|
localStorage.setItem("conversation_id", res.data.conversation_id);
|
||||||
|
conversation_id.value = res.data.conversation_id;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询prompt 替换
|
||||||
|
const getPrompt = async () => {
|
||||||
|
const { rows } = await modelList({ model: 5 })
|
||||||
|
let str = rows.find(item => item.name.indexOf('框架设计') != -1).prompt
|
||||||
|
str = str.replace('{学段}', curNode.edustage)
|
||||||
|
str = str.replace('{学科}', curNode.edusubject)
|
||||||
|
let bookV = curNode.roottitle.split('-')[1] + '版本'
|
||||||
|
str = str.replace('{教材版本}', bookV)
|
||||||
|
str = str.replace('{课程名称}', `《${curNode.itemtitle}》`)
|
||||||
|
prompt.value = str
|
||||||
|
}
|
||||||
|
|
||||||
|
const curNode = reactive({})
|
||||||
|
onMounted(() => {
|
||||||
let data = sessionStore.get('subject.curNode')
|
let data = sessionStore.get('subject.curNode')
|
||||||
Object.assign(curNode, data);
|
Object.assign(curNode, data);
|
||||||
courseObj.node = data
|
courseObj.node = data
|
||||||
|
// 框架设计 用课标的dataset_id
|
||||||
|
let jsonKey = `课标-${data.edustage}-${data.edusubject}`
|
||||||
|
params.dataset_id = commUtils.dataSetJson[jsonKey]
|
||||||
|
|
||||||
|
// 获取百度千帆会话ID
|
||||||
|
conversation_id.value = localStorage.getItem('conversation_id')
|
||||||
|
if (!conversation_id.value) {
|
||||||
|
getChartId();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取prompt
|
||||||
|
getPrompt()
|
||||||
})
|
})
|
||||||
|
|
||||||
onUnmounted(()=>{
|
|
||||||
emitter.off('onResult')
|
// 解绑
|
||||||
|
onUnmounted(() => {
|
||||||
|
emitter.off('changeMode')
|
||||||
|
emitter.off('changeResult')
|
||||||
|
emitter.off('changeAdjust')
|
||||||
|
emitter.off('onSaveAdjust');
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container-right{
|
.container-right {
|
||||||
height: 100%;
|
|
||||||
font-size: 15px;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.right-header{
|
height: 100%;
|
||||||
|
|
||||||
|
.right-header {
|
||||||
|
height: 45px;
|
||||||
|
background: #fff;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.icon-jiahao{
|
padding: 0 20px;
|
||||||
font-size: 12px;
|
border-radius: 0 5px 0 0;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.right-con{
|
|
||||||
|
.right-con {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-top: 5px;
|
background: #F6F6F6;
|
||||||
background-color: #fff;
|
padding: 15px;
|
||||||
border-radius: 5px;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
.right-con-item{
|
|
||||||
display: flex;
|
.con-item {
|
||||||
margin: 10px 0;
|
width: 100%;
|
||||||
justify-content: space-around;
|
flex-direction: column;
|
||||||
img{
|
padding-bottom: 20px;
|
||||||
width: 150px;
|
position: relative;
|
||||||
|
padding-left: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #409eff;
|
||||||
|
position: absolute;
|
||||||
|
left: -8px;
|
||||||
|
top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
background: #409eff;
|
||||||
|
position: absolute;
|
||||||
|
left: -1px;
|
||||||
|
top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
width: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-top {
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
.icon-shenglvehao {
|
||||||
|
font-weight: bold
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-bom {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
.item-prompt {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-answer {
|
||||||
|
padding: 10px;
|
||||||
|
background: #F2F2F2;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
.answer-text {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-btn {
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-ai1 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.template-custom-popover {
|
||||||
|
width: 110px !important;
|
||||||
|
min-width: 110px !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -0,0 +1,57 @@
|
||||||
|
<template>
|
||||||
|
<div class="container-right flex">
|
||||||
|
<div class="right-header flex">
|
||||||
|
<span>课件预览</span>
|
||||||
|
<div>
|
||||||
|
<el-button type="danger" @click="onCreate">一键生成</el-button>
|
||||||
|
<el-button>编辑课件</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right-con">
|
||||||
|
<el-empty v-if="!result" description="请先生成教学大纲,再生成教学课件" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { ref, onUnmounted } from 'vue'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import emitter from '@/utils/mitt'
|
||||||
|
|
||||||
|
const result = ref('')
|
||||||
|
emitter.on('onResult', (data)=>{
|
||||||
|
result.value = data
|
||||||
|
})
|
||||||
|
|
||||||
|
const onCreate = () =>{
|
||||||
|
if(!result.value){
|
||||||
|
ElMessage.warning('请先进行研读')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onUnmounted(()=>{
|
||||||
|
emitter.off('onResult')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container-right{
|
||||||
|
height: 100%;
|
||||||
|
font-size: 15px;
|
||||||
|
flex-direction: column;
|
||||||
|
.right-header{
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.icon-jiahao{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right-con{
|
||||||
|
flex: 1;
|
||||||
|
margin-top: 5px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
|
@ -1,35 +1,54 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page-design">
|
<div class="page-design flex">
|
||||||
<el-row :gutter="20">
|
<div class="page-left">
|
||||||
<el-col :span="5">
|
|
||||||
<Left />
|
<left />
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="15">
|
<div class="page-right">
|
||||||
<Center />
|
|
||||||
</el-col>
|
<right />
|
||||||
<el-col :span="4">
|
</div>
|
||||||
<Right />
|
<!-- <el-row :gutter="20">
|
||||||
</el-col>
|
<el-col :span="5">
|
||||||
</el-row>
|
<Left/>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="13">
|
||||||
|
<Center/>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<Right/>
|
||||||
|
</el-col>
|
||||||
|
</el-row> -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import Left from './container/left.vue'
|
import left from './container/left.vue';
|
||||||
import Center from './container/center.vue'
|
import right from './container/right.vue';
|
||||||
import Right from './container/right.vue'
|
// import Left from './container/left2.vue'
|
||||||
|
// import Center from './container/center.vue'
|
||||||
|
// import Right from './container/right2.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
// .page-design {
|
||||||
|
// height: 100%;
|
||||||
|
// .el-row{
|
||||||
|
// height: 100%;
|
||||||
|
// .el-col{
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
.page-design {
|
.page-design {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
.page-left{
|
||||||
.el-row {
|
width: 50%;
|
||||||
height: 100%;
|
}
|
||||||
|
.page-right{
|
||||||
.el-col {
|
width: 50%;
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -1,14 +0,0 @@
|
||||||
const fs = require('fs');
|
|
||||||
const path = require('path');
|
|
||||||
const { env } = require('process');
|
|
||||||
|
|
||||||
// 读取当前的package.json文件
|
|
||||||
const packageJsonPath = path.join(__dirname, 'package.json');
|
|
||||||
const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
|
|
||||||
console.log(env)
|
|
||||||
let res = env.npm_lifecycle_event.replace("build", "").replace(":", "");
|
|
||||||
res = res&&res!=='prod'?"-" + res:"";
|
|
||||||
packageJson.name = "aix-win-ws" + res
|
|
||||||
|
|
||||||
// 将修改后的内容写回package.json文件
|
|
||||||
fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
|
|
Loading…
Reference in New Issue