Compare commits
23 Commits
Author | SHA1 | Date |
---|---|---|
yangws | 8d85ad6ab6 | |
小杨 | 3c0e7777f8 | |
zhengdegang | a73a409776 | |
zdg | b6d1e03201 | |
zdg | 8d8b8d223c | |
zhengdegang | f47f305dc9 | |
zdg | 95fcd2445e | |
zdg | 4af2b5fc3a | |
朱浩 | 91e9468f41 | |
朱浩 | 16100d1ffa | |
yangws | a368925887 | |
小杨 | 9d29238017 | |
朱浩 | 2c90e96c5f | |
朱浩 | 90aafaba10 | |
朱浩 | 1d68bc6534 | |
朱浩 | 088eac287b | |
朱浩 | 934f561dee | |
朱浩 | 1326c5dd02 | |
朱浩 | 9c2c31e4b7 | |
朱浩 | 121cff7c2b | |
朱浩 | 2ad1ae4946 | |
朱浩 | f8f0646bde | |
朱浩 | ca6efb4d66 |
|
@ -0,0 +1,27 @@
|
|||
# 页面标题
|
||||
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,6 +6,11 @@ directories:
|
|||
win:
|
||||
executableName: 文枢课堂
|
||||
icon: resources/logo2.ico
|
||||
target:
|
||||
- target: nsis
|
||||
arch:
|
||||
- x64
|
||||
- ia32
|
||||
files:
|
||||
- '!**/.vscode/*'
|
||||
- '!src/*'
|
||||
|
@ -47,8 +52,8 @@ publish:
|
|||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
#extraFiles:
|
||||
# - from: ./node_modules/im_electron_sdk/lib/
|
||||
# to: ./resources
|
||||
# filter:
|
||||
# - '**/*'
|
||||
|
|
|
@ -13,6 +13,11 @@ asarUnpack:
|
|||
win:
|
||||
executableName: AIx
|
||||
icon: resources/logo2.ico
|
||||
target:
|
||||
- target: nsis
|
||||
arch:
|
||||
- x64
|
||||
- ia32
|
||||
nsis:
|
||||
oneClick: false
|
||||
allowToChangeInstallationDirectory: true
|
||||
|
@ -46,8 +51,8 @@ publish:
|
|||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
#extraFiles:
|
||||
# - from: ./node_modules/im_electron_sdk/lib/
|
||||
# to: ./resources
|
||||
# filter:
|
||||
# - '**/*'
|
||||
|
|
|
@ -6,6 +6,11 @@ directories:
|
|||
win:
|
||||
executableName: 永川中小学AI教学系统
|
||||
icon: resources/yc-logo.png
|
||||
target:
|
||||
- target: nsis
|
||||
arch:
|
||||
- x64
|
||||
- ia32
|
||||
files:
|
||||
- '!**/.vscode/*'
|
||||
- '!src/*'
|
||||
|
@ -47,8 +52,8 @@ publish:
|
|||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
#extraFiles:
|
||||
# - from: ./node_modules/im_electron_sdk/lib/
|
||||
# to: ./resources
|
||||
# filter:
|
||||
# - '**/*'
|
||||
|
|
|
@ -6,6 +6,11 @@ directories:
|
|||
win:
|
||||
executableName: 实训教学
|
||||
icon: resources/yc-logo.png
|
||||
target:
|
||||
- target: nsis
|
||||
arch:
|
||||
- x64
|
||||
- ia32
|
||||
files:
|
||||
- '!**/.vscode/*'
|
||||
- '!src/*'
|
||||
|
@ -47,8 +52,8 @@ publish:
|
|||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
#extraFiles:
|
||||
# - from: ./node_modules/im_electron_sdk/lib/
|
||||
# to: ./resources
|
||||
# filter:
|
||||
# - '**/*'
|
||||
|
|
|
@ -0,0 +1,59 @@
|
|||
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,6 +13,11 @@ asarUnpack:
|
|||
win:
|
||||
executableName: AIx
|
||||
icon: resources/logo2.ico
|
||||
target:
|
||||
- target: nsis
|
||||
arch:
|
||||
- x64
|
||||
- ia32
|
||||
nsis:
|
||||
oneClick: false
|
||||
allowToChangeInstallationDirectory: true
|
||||
|
@ -46,8 +51,8 @@ publish:
|
|||
electronDownload:
|
||||
mirror: https://npmmirror.com/mirrors/electron/
|
||||
# 额外依赖打包到输出目录
|
||||
extraFiles:
|
||||
- from: ./node_modules/im_electron_sdk/lib/
|
||||
to: ./resources
|
||||
filter:
|
||||
- '**/*'
|
||||
#extraFiles:
|
||||
# - from: ./node_modules/im_electron_sdk/lib/
|
||||
# to: ./resources
|
||||
# filter:
|
||||
# - '**/*'
|
||||
|
|
10
package.json
10
package.json
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "aix-win-ws",
|
||||
"version": "2.5.15",
|
||||
"version": "2.5.16",
|
||||
"description": "",
|
||||
"main": "./out/main/index.js",
|
||||
"author": "上海交大重庆人工智能研究院",
|
||||
|
@ -14,9 +14,11 @@
|
|||
"build:unpack": "npm run build && electron-builder --dir",
|
||||
"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": "node updatePackageJsonName.js && electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml",
|
||||
"build:prod": "node updatePackageJsonName.js && electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml --win",
|
||||
"build:prod32": "node updatePackageJsonName.js && electron-vite build --mode production && electron-builder --win --config ./electron-builder-prod.yml --win --ia32",
|
||||
"build:yc": "node updatePackageJsonName.js && electron-vite build --mode yc && electron-builder --win --config ./electron-builder-yc.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:mac": "electron-vite build --mode production && electron-builder --mac --config ./electron-builder-prod.yml",
|
||||
"build:linux": "npm run build && electron-builder --linux"
|
||||
|
@ -42,7 +44,7 @@
|
|||
"@vue-office/excel": "^1.7.11",
|
||||
"@vue-office/pdf": "^2.0.2",
|
||||
"@vueuse/core": "^10.11.0",
|
||||
"aix-plugins-aitools": "^1.1.0",
|
||||
"aix-plugins-aitools": "^1.1.5",
|
||||
"animate.css": "^4.1.1",
|
||||
"circular-json": "^0.5.9",
|
||||
"clipboard": "^2.0.11",
|
||||
|
@ -54,14 +56,12 @@
|
|||
"electron-log": "^5.1.7",
|
||||
"electron-store": "8.0.0",
|
||||
"electron-updater": "^6.1.7",
|
||||
"element-china-area-data": "^6.1.0",
|
||||
"element-plus": "^2.8.0",
|
||||
"fabric": "^5.3.0",
|
||||
"file-saver": "^2.0.5",
|
||||
"hfmath": "^0.0.2",
|
||||
"html-to-image": "^1.11.11",
|
||||
"html2canvas": "^1.4.1",
|
||||
"im_electron_sdk": "^8.0.5904",
|
||||
"js-cookie": "^3.0.5",
|
||||
"jsencrypt": "^3.3.2",
|
||||
"jsondiffpatch": "0.6.0",
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 107 KiB |
|
@ -4,7 +4,7 @@ import { electronApp, optimizer, is } from '@electron-toolkit/utils'
|
|||
import icon from '../../resources/icon.png?asset'
|
||||
import File from './file'
|
||||
import Logger from './logger' // 日志封装
|
||||
import chat from './chat' // chat封装
|
||||
// import chat from './chat' // chat封装
|
||||
import Store from './store' // Store封装
|
||||
import updateInit from './update'
|
||||
|
||||
|
@ -42,12 +42,28 @@ if(!gotTheLock){
|
|||
}
|
||||
})
|
||||
}
|
||||
let logoIco = import.meta.env.MODE==='yc'||import.meta.env.MODE==='yc2'?'../../resources/yc-logo.png':'../../resources/logo2.ico'
|
||||
let logoIco = ""
|
||||
|
||||
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() {
|
||||
if (loginWindow) return
|
||||
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,
|
||||
show: false,
|
||||
frame: false,
|
||||
|
@ -277,14 +293,14 @@ app.on('window-all-closed', () => {
|
|||
|
||||
// 监听全局事件
|
||||
function handleAll() {
|
||||
const chatInstance = chat.initialize() // im-chat 实例
|
||||
// const chatInstance = chat.initialize() // im-chat 实例
|
||||
// 新窗口创建-监听
|
||||
ipcMain.handle('new-window', (e, data) => {
|
||||
const { id, type } = data
|
||||
const win = BrowserWindow.fromId(id)
|
||||
win.type = type // 绑定独立标识
|
||||
remote.enable(win.webContents) // 开启远程服务
|
||||
chatInstance.enable(win.webContents) // 开启im-chat
|
||||
// chatInstance.enable(win.webContents) // 开启im-chat
|
||||
console.log(`主进程 [${type}]: 窗口注册-远程代理-完毕(${Date.now()})`)
|
||||
})
|
||||
// 用于监听-状态管理变化-同步所有窗口
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
import { contextBridge } from 'electron'
|
||||
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
|
||||
const api = {
|
||||
preloadPath: __dirname, // 当前preload地址
|
||||
getTimRender: () => new TimRender(), // im渲染部分实例
|
||||
// getTimRender: () => new TimRender(), // im渲染部分实例
|
||||
}
|
||||
// Use `contextBridge` APIs to expose Electron APIs to
|
||||
// renderer only if context isolation is enabled, otherwise
|
||||
|
|
|
@ -8,12 +8,13 @@
|
|||
http-equiv="Content-Security-Policy"
|
||||
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'; 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'; 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:;" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,8 @@
|
|||
import { ref } from 'vue'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { parse, type Shape, type Element, type ChartItem } from 'pptxtojson'
|
||||
// import { parse, type Shape, type Element, type ChartItem } from 'pptxtojson'
|
||||
// import { parse, utils, fill as fillUtil } from '@/plugins/pptTojson'
|
||||
import { parse, fill as fillUtil, type Shape, type Element, type ChartItem } from '@/plugins/pptTojson'
|
||||
import { nanoid } from 'nanoid'
|
||||
import { useSlidesStore } from '../store'
|
||||
import { decrypt } from '../utils/crypto'
|
||||
|
@ -9,6 +11,7 @@ import useAddSlidesOrElements from '../hooks/useAddSlidesOrElements'
|
|||
import useSlideHandler from '../hooks/useSlideHandler'
|
||||
import message from '../utils/message'
|
||||
import { getSvgPathRange } from '../utils/svgPathParser'
|
||||
import { calculatePathDimensions } from '@/utils/ppt/svgUtils'
|
||||
import type {
|
||||
Slide,
|
||||
TableCellStyle,
|
||||
|
@ -75,57 +78,18 @@ const parseLineElement = (el: Shape) => {
|
|||
|
||||
return data
|
||||
}
|
||||
export default () => {
|
||||
|
||||
const exporting = ref(false)
|
||||
|
||||
// 导入pptist文件
|
||||
const importSpecificFile = (files: FileList, cover = false) => {
|
||||
const file = files[0]
|
||||
|
||||
const reader = new FileReader()
|
||||
reader.addEventListener('load', () => {
|
||||
try {
|
||||
const slides = JSON.parse(decrypt(reader.result as string))
|
||||
if (cover) {
|
||||
slidesStore.updateSlideIndex(0)
|
||||
slidesStore.setSlides(slides)
|
||||
}
|
||||
else if (isEmptySlide.value) slidesStore.setSlides(slides)
|
||||
else addSlidesFromData(slides)
|
||||
// PPT json二次加工处理
|
||||
const parsePptJsonSlides = (slides: Slide[]|any, zip) => {
|
||||
return new Promise(async (resolve, reject) => {
|
||||
try {
|
||||
const shapeList: ShapePoolItem[] = []
|
||||
for (const item of SHAPE_LIST) {
|
||||
shapeList.push(...item.children)
|
||||
}
|
||||
catch {
|
||||
message.error('无法正确读取 / 解析该文件')
|
||||
}
|
||||
})
|
||||
reader.readAsText(file)
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 导入PPTX文件
|
||||
const importPPTXFile = (files: FileList) => {
|
||||
const file = files[0]
|
||||
if (!file) return
|
||||
|
||||
exporting.value = true
|
||||
|
||||
const shapeList: ShapePoolItem[] = []
|
||||
for (const item of SHAPE_LIST) {
|
||||
shapeList.push(...item.children)
|
||||
}
|
||||
|
||||
const reader = new FileReader()
|
||||
reader.onload = async e => {
|
||||
const json = await parse(e.target!.result as ArrayBuffer)
|
||||
|
||||
const ratio = 96 / 72
|
||||
const width = json.size.width
|
||||
|
||||
slidesStore.setViewportSize(width * ratio)
|
||||
|
||||
const slides: Slide[] = []
|
||||
for (const item of json.slides) {
|
||||
const newSlides: Slide[] = []
|
||||
for (const item of slides) {
|
||||
const { type, value } = item.fill
|
||||
let background: SlideBackground
|
||||
if (type === 'image') {
|
||||
|
@ -163,7 +127,7 @@ export default () => {
|
|||
background,
|
||||
}
|
||||
|
||||
const parseElements = (elements: Element[]) => {
|
||||
const parseElements = async (elements: Element[]) => {
|
||||
for (const el of elements) {
|
||||
const originWidth = el.width || 1
|
||||
const originHeight = el.height || 1
|
||||
|
@ -219,6 +183,7 @@ export default () => {
|
|||
rotate: el.rotate,
|
||||
flipH: el.isFlipH,
|
||||
flipV: el.isFlipV,
|
||||
zipPath: el.zipPath,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'audio') {
|
||||
|
@ -235,6 +200,7 @@ export default () => {
|
|||
color: theme.value.themeColor,
|
||||
loop: false,
|
||||
autoplay: false,
|
||||
zipPath: el.zipPath,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'video') {
|
||||
|
@ -248,6 +214,7 @@ export default () => {
|
|||
top: el.top,
|
||||
rotate: 0,
|
||||
autoplay: false,
|
||||
zipPath: el.zipPath,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'shape') {
|
||||
|
@ -325,6 +292,34 @@ export default () => {
|
|||
element.viewBox = [maxX || originWidth, maxY || originHeight]
|
||||
}
|
||||
}
|
||||
// auth: zdg
|
||||
if (el.fill) {
|
||||
const { type, ...opt } = el.fill
|
||||
if (type === 'gradient') { // 线性渐变色
|
||||
element.gradient = {
|
||||
type: 'linear',
|
||||
colors: opt.colors.map(item => ({
|
||||
...item,
|
||||
pos: parseInt(item.pos),
|
||||
})),
|
||||
rotate: opt.rot,
|
||||
}
|
||||
} else if (type == 'image') { // 背景图填充
|
||||
const pathPos = calculatePathDimensions(element.path)
|
||||
const url = opt.picBase64 || (!!zip ? await fillUtil.getPicFillBase64(opt.zipPath, zip) : '')
|
||||
element.gradient = {
|
||||
type: 'image',
|
||||
image: {
|
||||
src: url,
|
||||
width: opt.w||el.width,
|
||||
height: opt.h||el.height,
|
||||
path_W: Math.round(pathPos.width), // 获取path 的宽高
|
||||
path_h: Math.round(pathPos.height), // 获取path 的宽高
|
||||
...opt
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (element.path) slide.elements.push(element)
|
||||
}
|
||||
|
@ -468,18 +463,91 @@ export default () => {
|
|||
})
|
||||
}
|
||||
else if (el.type === 'group' || el.type === 'diagram') {
|
||||
const elements = el.elements.map(_el => ({
|
||||
..._el,
|
||||
left: _el.left + originLeft,
|
||||
top: _el.top + originTop,
|
||||
}))
|
||||
parseElements(elements)
|
||||
const elements = el.elements.map(_el => {
|
||||
const isGroup = el.type === 'group' // 子级是否为分组
|
||||
const isFlipH = !!(_el.isFlipH ^ el.isFlipH) // 水平翻转(分组有值进行异或运算)
|
||||
const isFlipV = !!(_el.isFlipV ^ el.isFlipV) // 垂直翻转(分组有值进行异或运算)
|
||||
const isPleft = el.isFlipH_def // 是否父级翻转-改变子元素坐标left
|
||||
const isPtop = el.isFlipV_def // 是否父级翻转-改变子元素坐标top
|
||||
const left = originLeft + (isPleft ? originWidth - _el.left - _el.width : _el.left)
|
||||
const top = originTop + (isPtop ? originHeight - _el.top - _el.height : _el.top)
|
||||
return {
|
||||
..._el,
|
||||
left,
|
||||
top,
|
||||
isFlipH,
|
||||
isFlipV,
|
||||
isFlipH_def: _el.isFlipH, // 保留默认
|
||||
isFlipV_def: _el.isFlipV, // 保留默认
|
||||
}
|
||||
})
|
||||
await parseElements(elements)
|
||||
}
|
||||
}
|
||||
}
|
||||
parseElements(item.elements)
|
||||
slides.push(slide)
|
||||
// 设置默认翻转默认属性
|
||||
item.elements.forEach(o => { o.isFlipH_def = o.isFlipH; o.isFlipV_def = o.isFlipV })
|
||||
item.bgElements.forEach(o => { o.isFlipH_def = o.isFlipH; o.isFlipV_def = o.isFlipV })
|
||||
item.bgElements.length && await parseElements(item.bgElements) // 加载当前幻灯片对应的母版
|
||||
item.elements.length && await parseElements(item.elements) // 加载当前幻灯片
|
||||
newSlides.push(slide)
|
||||
}
|
||||
resolve(newSlides)
|
||||
} catch (error) {
|
||||
reject(error)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export default () => {
|
||||
|
||||
const exporting = ref(false)
|
||||
|
||||
// 导入pptist文件
|
||||
const importSpecificFile = (files: FileList, cover = false) => {
|
||||
const file = files[0]
|
||||
|
||||
const reader = new FileReader()
|
||||
reader.addEventListener('load', () => {
|
||||
try {
|
||||
const slides = JSON.parse(decrypt(reader.result as string))
|
||||
if (cover) {
|
||||
slidesStore.updateSlideIndex(0)
|
||||
slidesStore.setSlides(slides)
|
||||
}
|
||||
else if (isEmptySlide.value) slidesStore.setSlides(slides)
|
||||
else addSlidesFromData(slides)
|
||||
}
|
||||
catch {
|
||||
message.error('无法正确读取 / 解析该文件')
|
||||
}
|
||||
})
|
||||
reader.readAsText(file)
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 导入PPTX文件
|
||||
const importPPTXFile = (files: FileList) => {
|
||||
const file = files[0]
|
||||
if (!file) return
|
||||
|
||||
exporting.value = true
|
||||
|
||||
const shapeList: ShapePoolItem[] = []
|
||||
for (const item of SHAPE_LIST) {
|
||||
shapeList.push(...item.children)
|
||||
}
|
||||
|
||||
const reader = new FileReader()
|
||||
reader.onload = async e => {
|
||||
const json = await parse(e.target!.result as ArrayBuffer)
|
||||
|
||||
const ratio = 96 / 72
|
||||
const width = json.size.width
|
||||
slidesStore.setViewportSize(width * ratio)
|
||||
// json数据二次加工
|
||||
const slides = await parsePptJsonSlides(json.slides, json.zip)
|
||||
slidesStore.updateSlideIndex(0)
|
||||
slidesStore.setSlides(slides)
|
||||
exporting.value = false
|
||||
|
@ -529,7 +597,9 @@ export const PPTXFileToJson = (data: File|ArrayBuffer) => {
|
|||
}
|
||||
|
||||
// 开始解析
|
||||
const json = await parse(fileArrayBuffer)
|
||||
const json = await parse(fileArrayBuffer).catch((err) => {
|
||||
reject(err)
|
||||
})
|
||||
|
||||
const ratio = 96 / 72
|
||||
const width = json.size.width
|
||||
|
@ -537,365 +607,7 @@ export const PPTXFileToJson = (data: File|ArrayBuffer) => {
|
|||
resData.def = json // 保留原始数据
|
||||
resData.width = width * ratio
|
||||
resData.ratio = slidesStore.viewportRatio
|
||||
|
||||
const slides: Slide[] = []
|
||||
for (const item of json.slides) {
|
||||
const { type, value } = item.fill
|
||||
let background: SlideBackground
|
||||
if (type === 'image') {
|
||||
background = {
|
||||
type: 'image',
|
||||
image: {
|
||||
src: value.picBase64,
|
||||
size: 'cover',
|
||||
},
|
||||
}
|
||||
}
|
||||
else if (type === 'gradient') {
|
||||
background = {
|
||||
type: 'gradient',
|
||||
gradient: {
|
||||
type: 'linear',
|
||||
colors: value.colors.map(item => ({
|
||||
...item,
|
||||
pos: parseInt(item.pos),
|
||||
})),
|
||||
rotate: value.rot,
|
||||
},
|
||||
}
|
||||
}
|
||||
else {
|
||||
background = {
|
||||
type: 'solid',
|
||||
color: value,
|
||||
}
|
||||
}
|
||||
|
||||
const slide: Slide = {
|
||||
id: nanoid(10),
|
||||
elements: [],
|
||||
background,
|
||||
}
|
||||
|
||||
const parseElements = (elements: Element[]) => {
|
||||
for (const el of elements) {
|
||||
const originWidth = el.width || 1
|
||||
const originHeight = el.height || 1
|
||||
const originLeft = el.left
|
||||
const originTop = el.top
|
||||
|
||||
el.width = el.width * ratio
|
||||
el.height = el.height * ratio
|
||||
el.left = el.left * ratio
|
||||
el.top = el.top * ratio
|
||||
|
||||
if (el.type === 'text') {
|
||||
const textEl: PPTTextElement = {
|
||||
type: 'text',
|
||||
id: nanoid(10),
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
rotate: el.rotate,
|
||||
defaultFontName: theme.value.fontName,
|
||||
defaultColor: theme.value.fontColor,
|
||||
content: convertFontSizePtToPx(el.content, ratio),
|
||||
lineHeight: 1,
|
||||
outline: {
|
||||
color: el.borderColor,
|
||||
width: el.borderWidth,
|
||||
style: el.borderType,
|
||||
},
|
||||
fill: el.fillColor,
|
||||
vertical: el.isVertical,
|
||||
}
|
||||
if (el.shadow) {
|
||||
textEl.shadow = {
|
||||
h: el.shadow.h * ratio,
|
||||
v: el.shadow.v * ratio,
|
||||
blur: el.shadow.blur * ratio,
|
||||
color: el.shadow.color,
|
||||
}
|
||||
}
|
||||
slide.elements.push(textEl)
|
||||
}
|
||||
else if (el.type === 'image') {
|
||||
slide.elements.push({
|
||||
type: 'image',
|
||||
id: nanoid(10),
|
||||
src: el.src,
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
fixedRatio: true,
|
||||
rotate: el.rotate,
|
||||
flipH: el.isFlipH,
|
||||
flipV: el.isFlipV,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'audio') {
|
||||
slide.elements.push({
|
||||
type: 'audio',
|
||||
id: nanoid(10),
|
||||
src: el.blob,
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
rotate: 0,
|
||||
fixedRatio: false,
|
||||
color: theme.value.themeColor,
|
||||
loop: false,
|
||||
autoplay: false,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'video') {
|
||||
slide.elements.push({
|
||||
type: 'video',
|
||||
id: nanoid(10),
|
||||
src: (el.blob || el.src)!,
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
rotate: 0,
|
||||
autoplay: false,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'shape') {
|
||||
if (el.shapType === 'line' || /Connector/.test(el.shapType)) {
|
||||
// 从返回对象中解构出 xx 函数并调用
|
||||
const lineElement = parseLineElement(el)
|
||||
slide.elements.push(lineElement)
|
||||
}
|
||||
else {
|
||||
const shape = shapeList.find(item => item.pptxShapeType === el.shapType)
|
||||
|
||||
const vAlignMap: { [key: string]: ShapeTextAlign } = {
|
||||
'mid': 'middle',
|
||||
'down': 'bottom',
|
||||
'up': 'top',
|
||||
}
|
||||
|
||||
const element: PPTShapeElement = {
|
||||
type: 'shape',
|
||||
id: nanoid(10),
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
viewBox: [200, 200],
|
||||
path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
|
||||
fill: el.fillColor || 'none',
|
||||
fixedRatio: false,
|
||||
rotate: el.rotate,
|
||||
outline: {
|
||||
color: el.borderColor,
|
||||
width: el.borderWidth,
|
||||
style: el.borderType,
|
||||
},
|
||||
text: {
|
||||
content: convertFontSizePtToPx(el.content, ratio),
|
||||
defaultFontName: theme.value.fontName,
|
||||
defaultColor: theme.value.fontColor,
|
||||
align: vAlignMap[el.vAlign] || 'middle',
|
||||
},
|
||||
flipH: el.isFlipH,
|
||||
flipV: el.isFlipV,
|
||||
}
|
||||
if (el.shadow) {
|
||||
element.shadow = {
|
||||
h: el.shadow.h * ratio,
|
||||
v: el.shadow.v * ratio,
|
||||
blur: el.shadow.blur * ratio,
|
||||
color: el.shadow.color,
|
||||
}
|
||||
}
|
||||
|
||||
if (shape) {
|
||||
element.path = shape.path
|
||||
element.viewBox = shape.viewBox
|
||||
|
||||
if (shape.pathFormula) {
|
||||
element.pathFormula = shape.pathFormula
|
||||
element.viewBox = [el.width, el.height]
|
||||
|
||||
const pathFormula = SHAPE_PATH_FORMULAS[shape.pathFormula]
|
||||
if ('editable' in pathFormula && pathFormula.editable) {
|
||||
element.path = pathFormula.formula(el.width, el.height, pathFormula.defaultValue)
|
||||
element.keypoints = pathFormula.defaultValue
|
||||
}
|
||||
else element.path = pathFormula.formula(el.width, el.height)
|
||||
}
|
||||
}
|
||||
if (el.shapType === 'custom') {
|
||||
if (el.path!.indexOf('NaN') !== -1) element.path = ''
|
||||
else {
|
||||
element.special = true
|
||||
element.path = el.path!
|
||||
|
||||
const { maxX, maxY } = getSvgPathRange(element.path)
|
||||
element.viewBox = [maxX || originWidth, maxY || originHeight]
|
||||
}
|
||||
}
|
||||
|
||||
if (element.path) slide.elements.push(element)
|
||||
}
|
||||
}
|
||||
else if (el.type === 'table') {
|
||||
const row = el.data.length
|
||||
const col = el.data[0].length
|
||||
|
||||
const style: TableCellStyle = {
|
||||
fontname: theme.value.fontName,
|
||||
color: theme.value.fontColor,
|
||||
}
|
||||
const data: TableCell[][] = []
|
||||
for (let i = 0; i < row; i++) {
|
||||
const rowCells: TableCell[] = []
|
||||
for (let j = 0; j < col; j++) {
|
||||
const cellData = el.data[i][j]
|
||||
|
||||
let textDiv: HTMLDivElement | null = document.createElement('div')
|
||||
textDiv.innerHTML = cellData.text
|
||||
const p = textDiv.querySelector('p')
|
||||
const align = p?.style.textAlign || 'left'
|
||||
|
||||
const span = textDiv.querySelector('span')
|
||||
const fontsize = span?.style.fontSize ? (parseInt(span?.style.fontSize) * ratio).toFixed(1) + 'px' : ''
|
||||
const fontname = span?.style.fontFamily || ''
|
||||
const color = span?.style.color || cellData.fontColor
|
||||
|
||||
rowCells.push({
|
||||
id: nanoid(10),
|
||||
colspan: cellData.colSpan || 1,
|
||||
rowspan: cellData.rowSpan || 1,
|
||||
text: textDiv.innerText,
|
||||
style: {
|
||||
...style,
|
||||
align: ['left', 'right', 'center'].includes(align) ? (align as 'left' | 'right' | 'center') : 'left',
|
||||
fontsize,
|
||||
fontname,
|
||||
color,
|
||||
bold: cellData.fontBold,
|
||||
backcolor: cellData.fillColor,
|
||||
},
|
||||
})
|
||||
textDiv = null
|
||||
}
|
||||
data.push(rowCells)
|
||||
}
|
||||
|
||||
const colWidths: number[] = new Array(col).fill(1 / col)
|
||||
|
||||
slide.elements.push({
|
||||
type: 'table',
|
||||
id: nanoid(10),
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
colWidths,
|
||||
rotate: 0,
|
||||
data,
|
||||
outline: {
|
||||
width: el.borderWidth || 2,
|
||||
style: el.borderType,
|
||||
color: el.borderColor || '#eeece1',
|
||||
},
|
||||
cellMinHeight: 36,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'chart') {
|
||||
let labels: string[]
|
||||
let legends: string[]
|
||||
let series: number[][]
|
||||
|
||||
if (el.chartType === 'scatterChart' || el.chartType === 'bubbleChart') {
|
||||
labels = el.data[0].map((item, index) => `坐标${index + 1}`)
|
||||
legends = ['X', 'Y']
|
||||
series = el.data
|
||||
}
|
||||
else {
|
||||
const data = el.data as ChartItem[]
|
||||
labels = Object.values(data[0].xlabels)
|
||||
legends = data.map(item => item.key)
|
||||
series = data.map(item => item.values.map(v => v.y))
|
||||
}
|
||||
|
||||
const options: ChartOptions = {}
|
||||
|
||||
let chartType: ChartType = 'bar'
|
||||
|
||||
switch (el.chartType) {
|
||||
case 'barChart':
|
||||
case 'bar3DChart':
|
||||
chartType = 'bar'
|
||||
if (el.barDir === 'bar') chartType = 'column'
|
||||
if (el.grouping === 'stacked' || el.grouping === 'percentStacked') options.stack = true
|
||||
break
|
||||
case 'lineChart':
|
||||
case 'line3DChart':
|
||||
if (el.grouping === 'stacked' || el.grouping === 'percentStacked') options.stack = true
|
||||
chartType = 'line'
|
||||
break
|
||||
case 'areaChart':
|
||||
case 'area3DChart':
|
||||
if (el.grouping === 'stacked' || el.grouping === 'percentStacked') options.stack = true
|
||||
chartType = 'area'
|
||||
break
|
||||
case 'scatterChart':
|
||||
case 'bubbleChart':
|
||||
chartType = 'scatter'
|
||||
break
|
||||
case 'pieChart':
|
||||
case 'pie3DChart':
|
||||
chartType = 'pie'
|
||||
break
|
||||
case 'radarChart':
|
||||
chartType = 'radar'
|
||||
break
|
||||
case 'doughnutChart':
|
||||
chartType = 'ring'
|
||||
break
|
||||
default:
|
||||
}
|
||||
|
||||
slide.elements.push({
|
||||
type: 'chart',
|
||||
id: nanoid(10),
|
||||
chartType: chartType,
|
||||
width: el.width,
|
||||
height: el.height,
|
||||
left: el.left,
|
||||
top: el.top,
|
||||
rotate: 0,
|
||||
themeColors: [theme.value.themeColor],
|
||||
textColor: theme.value.fontColor,
|
||||
data: {
|
||||
labels,
|
||||
legends,
|
||||
series,
|
||||
},
|
||||
options,
|
||||
})
|
||||
}
|
||||
else if (el.type === 'group' || el.type === 'diagram') {
|
||||
const elements = el.elements.map(_el => ({
|
||||
..._el,
|
||||
left: _el.left + originLeft,
|
||||
top: _el.top + originTop,
|
||||
}))
|
||||
parseElements(elements)
|
||||
}
|
||||
}
|
||||
}
|
||||
parseElements(item.elements)
|
||||
slides.push(slide)
|
||||
}
|
||||
resData.slides = slides
|
||||
resData.slides = await parsePptJsonSlides(json.slides, json.zip)
|
||||
resolve(resData)
|
||||
})
|
||||
}
|
|
@ -41,7 +41,7 @@ export const enum ElementTypes {
|
|||
*
|
||||
* rotate: 渐变角度(线性渐变)
|
||||
*/
|
||||
export type GradientType = 'linear' | 'radial'
|
||||
export type GradientType = 'linear' | 'radial' | 'image'
|
||||
export type GradientColor = {
|
||||
pos: number
|
||||
color: string
|
||||
|
|
|
@ -46,11 +46,12 @@
|
|||
:options="[
|
||||
{ label: '线性渐变', value: 'linear' },
|
||||
{ label: '径向渐变', value: 'radial' },
|
||||
{ label: '背景图', value: 'image' },
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<template v-if="fillType === 'gradient'">
|
||||
<template v-if="fillType === 'gradient' && gradient.type !== 'image'">
|
||||
<div class="row">
|
||||
<GradientBar
|
||||
:value="gradient.colors"
|
||||
|
@ -206,6 +207,13 @@ const updateFillType = (type: 'gradient' | 'fill') => {
|
|||
const updateGradient = (gradientProps: Partial<Gradient>) => {
|
||||
if (!gradient.value) return
|
||||
const _gradient = { ...gradient.value, ...gradientProps }
|
||||
if (!_gradient.colors) {
|
||||
_gradient.colors = [
|
||||
{ pos: 0, color: '#fff' },
|
||||
{ pos: 100, color: '#fff' },
|
||||
]
|
||||
_gradient.rotate = 0
|
||||
}
|
||||
updateElement({ gradient: _gradient })
|
||||
}
|
||||
const updateGradientColors = (color: string) => {
|
||||
|
|
|
@ -33,6 +33,8 @@
|
|||
:type="elementInfo.gradient.type"
|
||||
:colors="elementInfo.gradient.colors"
|
||||
:rotate="elementInfo.gradient.rotate"
|
||||
:image="elementInfo.gradient.image"
|
||||
:info="elementInfo"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
|
|
|
@ -1,6 +1,25 @@
|
|||
<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
|
||||
v-if="type === 'linear'"
|
||||
v-else-if="type === 'linear'"
|
||||
:id="id"
|
||||
x1="0%"
|
||||
y1="0%"
|
||||
|
@ -10,20 +29,35 @@
|
|||
>
|
||||
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- auth:zdg 默认 径向渐变 -->
|
||||
<radialGradient :id="id" v-else>
|
||||
<stop v-for="(item, index) in colors" :key="index" :offset="`${item.pos}%`" :stop-color="item.color" />
|
||||
</radialGradient>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import type { GradientColor, GradientType } from '../../../../types/slides'
|
||||
|
||||
withDefaults(defineProps<{
|
||||
import type { GradientColor, GradientType, PPTShapeElement } from '../../../../types/slides'
|
||||
interface ImageSvg {
|
||||
src: string,
|
||||
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
|
||||
type: GradientType
|
||||
colors: GradientColor[]
|
||||
rotate?: number
|
||||
colors?: GradientColor[]
|
||||
rotate?: number,
|
||||
image?: ImageSvg,
|
||||
info?: PPTShapeElement
|
||||
}>(), {
|
||||
rotate: 0,
|
||||
})
|
||||
|
|
|
@ -42,6 +42,8 @@
|
|||
:type="elementInfo.gradient.type"
|
||||
:colors="elementInfo.gradient.colors"
|
||||
:rotate="elementInfo.gradient.rotate"
|
||||
:image="elementInfo.gradient.image"
|
||||
:info="elementInfo"
|
||||
/>
|
||||
</defs>
|
||||
<g
|
||||
|
|
|
@ -95,3 +95,18 @@ export const addFileToSC = (params) => {
|
|||
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'
|
||||
})
|
||||
}
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
After Width: | Height: | Size: 5.5 MiB |
|
@ -0,0 +1,135 @@
|
|||
<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>
|
|
@ -5,7 +5,11 @@
|
|||
<el-popover ref="popoverRef" placement="right" trigger="hover" popper-class="popoverStyle" :tabindex="999" >
|
||||
<template #reference>
|
||||
<div class="user-info">
|
||||
<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" />
|
||||
<el-image class="user-img" :src="img">
|
||||
<template #error>
|
||||
<img :src="route_path + userStore.user.avatar">
|
||||
</template>
|
||||
</el-image>
|
||||
<span>{{ userStore.user.nickName }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -65,6 +69,7 @@ import {toLinkLeftWeb} from "@/utils/tool"
|
|||
|
||||
const { ipcRenderer } = window.electron || {}
|
||||
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 router = useRouter()
|
||||
const currentRoute = ref('')
|
||||
|
@ -75,6 +80,9 @@ const activeId = ref('/home')
|
|||
const version = ref(pkc.version)
|
||||
|
||||
const popoverRef = ref('')
|
||||
// 默认图片
|
||||
const img = ref('')
|
||||
const defaultImg = ['/img/avatar-default.jpg','/images/img-avatar.png','/src/assets/images/img-avatar.png']
|
||||
|
||||
//是否是基地人员
|
||||
const isStadium = () => {
|
||||
|
@ -224,6 +232,11 @@ const logout = () => {
|
|||
onMounted(() => {
|
||||
userStore.getDeptInfo()
|
||||
// getregisterinfo()
|
||||
if(defaultImg.includes(userStore.user.avatar)){
|
||||
img.value = defaultUserImg
|
||||
}else{
|
||||
img.value = dev_api.value + userStore.user.avatar
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
<span class="ml-5">《{{ curNode.itemtitle }}》</span>
|
||||
</div>
|
||||
<div class="header-center" v-else>
|
||||
AI文枢{{ version }}
|
||||
{{APP_TITLE}}{{ version }}
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<WindowTools />
|
||||
|
@ -29,6 +29,7 @@ import pkc from "../../../../../package.json"
|
|||
import { sessionStore } from '@/utils/store'
|
||||
|
||||
const version = ref(pkc.version)
|
||||
const APP_TITLE = import.meta.env.VITE_APP_TITLE
|
||||
|
||||
// 返回
|
||||
const router = useRouter()
|
||||
|
|
|
@ -55,6 +55,36 @@ 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)
|
||||
.use(store)
|
||||
.use(ElementPlus, { locale: zhLocale })
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,358 @@
|
|||
// 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
|
@ -411,12 +411,14 @@ export const dataSetJson = {
|
|||
"考试-小学-语文": "570f7ed2cc9d11ef9e070242ac140002",
|
||||
"考试-小学-数学": "983270b8cc9d11efbbd80242ac140002",
|
||||
"考试-小学-英语": "d5f80e4ccc9d11ef96fa0242ac140002",
|
||||
"课标-小学-信息科技": "2fe08c7ad18911efbeaa0242ac140002",
|
||||
"课标-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
||||
"课标-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
||||
"课标-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
||||
"课标-小学-道德": "8da87869cbd711ef92280242ac140002",
|
||||
"课标-小学-英语": "dc963316cbd811ef8d820242ac140002",
|
||||
"课标-小学-劳动": "fc047d81cbdc11efa1740242ac140002",
|
||||
"教材-小学-信息科技": "2fe08c7ad18911efbeaa0242ac140002",
|
||||
"教材-小学-科学": "935cfec8bf6a11ef98950242ac140006",
|
||||
"教材-小学-数学": "3c4e298fbf7911ef8e8b0242ac140002",
|
||||
"教材-小学-语文": "f76f1aa5bf7111ef90c80242ac140002",
|
||||
|
|
|
@ -0,0 +1,138 @@
|
|||
/**
|
||||
* 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 };
|
||||
}
|
|
@ -55,7 +55,7 @@
|
|||
|
||||
<script setup >
|
||||
import { ref, reactive, onMounted ,watch} from 'vue'
|
||||
import { regionData, codeToText } from 'element-china-area-data'
|
||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
||||
import { getUserProfile } from '@/api/system/user'
|
||||
import {getDept} from '@/api/login'
|
||||
import {school} from '@/api/apiService'
|
||||
|
|
|
@ -114,7 +114,7 @@ import { ref, defineExpose, reactive ,onMounted} from 'vue'
|
|||
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn, retrievePwd} from '@/api/login'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import {setToken, removeToken } from '@/utils/auth'
|
||||
import { regionData, codeToText } from 'element-china-area-data'
|
||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
||||
const ruleFormRef = ref(null)
|
||||
const activeIndex=ref(1)
|
||||
const ruleForm = reactive({
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="login-container">
|
||||
<div class="box-item desc">
|
||||
<div class="box-item desc" style="flex: 1">
|
||||
<div class="welcome">
|
||||
<p>欢迎登录 {{ homeTitle }}</p>
|
||||
</div>
|
||||
|
|
|
@ -1,11 +1,14 @@
|
|||
<template>
|
||||
<ycLogin v-if="buildMode === 'yc'||buildMode === 'yc2'">
|
||||
</ycLogin>
|
||||
<yyLogin v-else-if="buildMode === 'yy'">
|
||||
</yyLogin>
|
||||
<defultLogin v-else>
|
||||
</defultLogin>
|
||||
</template>
|
||||
<script setup>
|
||||
import ycLogin from './yc-login.vue'
|
||||
import yyLogin from './yy-login.vue'
|
||||
import defultLogin from './defult-login.vue'
|
||||
const buildMode = import.meta.env.MODE
|
||||
</script>
|
||||
|
|
|
@ -0,0 +1,458 @@
|
|||
<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,6 +69,7 @@
|
|||
<div class="content-body-right-item-text">{{item.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <Eos></Eos>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -94,7 +95,7 @@ import { sessionStore } from '@/utils/store'
|
|||
import {listEntpcourse} from "@/api/teaching/classwork";
|
||||
import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
|
||||
import {createWindow, toLinkLeftWeb, getStaticUrl} from "@/utils/tool";
|
||||
import {ElMessage} from "element-plus";
|
||||
import {ElMessage, ElMessageBox} from "element-plus";
|
||||
import {PPTXFileToJson} from "@/AixPPTist/src/hooks/useImport";
|
||||
import * as API_entpcoursefile from "@/api/education/entpcoursefile";
|
||||
import msgUtils from "@/plugins/modal";
|
||||
|
@ -102,6 +103,7 @@ import * as commUtils from "@/utils/comm";
|
|||
import * as Api_server from "@/api/apiService"; // 学科名字文生图
|
||||
import useClassTaskStore from '@/store/modules/classTask'
|
||||
import { slidesToImg } from '@/utils/ppt' // ppt相关工具
|
||||
import Eos from "@/components/FileUpload/Eos.vue"
|
||||
|
||||
const router = useRouter()
|
||||
const userStore = useUserStore().user // 用户信息
|
||||
|
@ -302,6 +304,8 @@ const pgDialog = ref({ // 弹窗-进度条
|
|||
|
||||
const fileInput = ref(null)
|
||||
|
||||
let pptMedia = {} // ppt媒体数据
|
||||
|
||||
const openFilePicker = () =>{
|
||||
fileInput.value.click();
|
||||
}
|
||||
|
@ -315,9 +319,13 @@ const handleFileChange = ()=> {
|
|||
}
|
||||
// ppt文件转PPT线上数据
|
||||
const createAIPPTByFile = async (file)=> {
|
||||
// pgDialog.value.visible = true
|
||||
// pgDialog.value.pg.percentage = 0
|
||||
const resPptJson = await PPTXFileToJson(file)
|
||||
pgDialog.value.visible = true
|
||||
pgDialog.value.pg.percentage = 0
|
||||
pptMedia = {} // 清空媒体数据
|
||||
const resPptJson = await PPTXFileToJson(file).catch(() => {
|
||||
ElMessageBox.alert('PPT文件转换失败!请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入!')
|
||||
pgDialog.value.visible = false
|
||||
})
|
||||
const { def, slides, ...content } = resPptJson
|
||||
// 生成缩略图
|
||||
const thumbnails = await slidesToImg(slides, content.width)
|
||||
|
@ -389,42 +397,66 @@ 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) => {
|
||||
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
|
||||
let onLineUrl = '' // 线上地址
|
||||
if (!!o.zipPath) onLineUrl = pptMedia[o.zipPath] || '' // 是否已上传过
|
||||
if (onLineUrl) o.src = onLineUrl // 已存在线上地址直接赋值
|
||||
else { // 不存在重新上传
|
||||
if (isBase64) { // 相同资源处理
|
||||
const url = await getOnlineFileUrl(o.src)
|
||||
url && o.zipPath && (pptMedia[o.zipPath] = url) // 缓存
|
||||
} else if (isBlobUrl) { // 视频和音频
|
||||
const res = await fetch(o.src)
|
||||
const blob = await res.blob()
|
||||
const url = await getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3')
|
||||
URL.revokeObjectURL(o.src) // 释放内存
|
||||
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) // 缓存
|
||||
}
|
||||
}
|
||||
|
||||
if (o?.background?.image) await toRousrceUrl(o.background.image)
|
||||
if(o?.elements){
|
||||
for (let element of o.elements) {
|
||||
|
|
|
@ -18,7 +18,9 @@
|
|||
{{ item.fileShowName.substring(0, item.fileShowName.lastIndexOf('.')) }}
|
||||
<el-tag type="danger" effect="dark">{{item.fileShowName.substring(item.fileShowName.lastIndexOf('.')+1)}}</el-tag>
|
||||
<template v-if="item.fileTag">
|
||||
<el-tag v-for="(item1, index1) in item.fileTag.split(',')" :key="index1" type="success" effect="dark" style="margin-left: 5px">{{item1}}</el-tag>
|
||||
<el-tag v-for="(item1, index1) in item.fileTag.split(',')"
|
||||
@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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -282,6 +284,71 @@ export default {
|
|||
})
|
||||
// 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) {
|
||||
ElMessageBox.prompt('请输入新的标签', '添加标签', {
|
||||
confirmButtonText: '确认',
|
||||
|
@ -291,24 +358,7 @@ export default {
|
|||
inputErrorMessage: '请输入最多五个字的标签,不能携带标点符号'
|
||||
})
|
||||
.then(({ value }) => {
|
||||
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: `添加成功!`
|
||||
})
|
||||
}
|
||||
})
|
||||
this.editTagMsg('add', item, value, 0)
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
|
|
|
@ -289,7 +289,8 @@ export default {
|
|||
{ color: '#5cb87a', percentage: 100 }, // 绿色
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
pptMedia: {} // ppt媒体数据
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
@ -561,6 +562,7 @@ export default {
|
|||
},
|
||||
importPPT(item) {
|
||||
let _this = this;
|
||||
// item.fileFullPath = "https://wzyzoss.eos-chongqing-3.cmecloud.cn/2025/1/14/c4d8ae796fc74417aefe017a49388962.ppt"
|
||||
fetch(item.fileFullPath)
|
||||
.then(res => res.arrayBuffer())
|
||||
.then(buffer => {
|
||||
|
@ -590,53 +592,81 @@ export default {
|
|||
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) {
|
||||
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
|
||||
let onLineUrl = '' // 线上地址
|
||||
if (!!o.zipPath) onLineUrl = this.pptMedia[o.zipPath] || '' // 是否已上传过
|
||||
if (onLineUrl) o.src = onLineUrl // 已存在线上地址直接赋值
|
||||
else { // 不存在重新上传
|
||||
if (isBase64) { // 相同资源处理
|
||||
const url = await this.getOnlineFileUrl(o.src)
|
||||
url && o.zipPath && (this.pptMedia[o.zipPath] = url) // 缓存
|
||||
} else if (isBlobUrl) { // 视频和音频
|
||||
const res = await fetch(o.src)
|
||||
const blob = await res.blob()
|
||||
const url = await this.getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3')
|
||||
URL.revokeObjectURL(o.src) // 释放内存
|
||||
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?.elements) o.elements.forEach(async o => {await this.toRousrceUrl(o)})
|
||||
if(o?.elements){
|
||||
for (let element of o.elements) {
|
||||
await this.toRousrceUrl(element);
|
||||
}
|
||||
}
|
||||
if(o?.elements){
|
||||
for (let element of o.elements) {
|
||||
await this.toRousrceUrl(element);
|
||||
}
|
||||
}
|
||||
},
|
||||
async createAIPPTByFile(file,fileShowName) {
|
||||
this.pgDialog.visible = true
|
||||
this.pgDialog.pg.percentage = 0
|
||||
const resPptJson = await PPTXFileToJson(file)
|
||||
this.pptMedia = {} // 清空媒体数据
|
||||
const resPptJson = await PPTXFileToJson(file).catch(() => {
|
||||
ElMessageBox.alert('PPT文件转换失败!请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入!')
|
||||
this.pgDialog.visible = false
|
||||
})
|
||||
if (!resPptJson) return
|
||||
const { def, slides, ...content } = resPptJson
|
||||
// 生成缩略图
|
||||
const thumbnails = await slidesToImg(slides, content.width)
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<template>
|
||||
<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
|
||||
v-model="open"
|
||||
append-to-body
|
||||
|
@ -19,7 +24,7 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref, reactive} from 'vue'
|
||||
import {ref, reactive, onMounted} from 'vue'
|
||||
import { uploadAvatar } from '@/api/system/user'
|
||||
import useUserStore from '@/store/modules/user'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
@ -31,10 +36,12 @@ const userStore = useUserStore()
|
|||
const open = ref(false)
|
||||
const visible = ref(false)
|
||||
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({
|
||||
img: userStore.user.avatar ==='/img/avatar-default.jpg' || userStore.user.avatar ==='/images/img-avatar.png' ? defaultUserImg : dev_api.value + userStore.user.avatar, // 裁剪图片的地址
|
||||
img: '', // 裁剪图片的地址
|
||||
autoCrop: true, // 是否默认生成截图框
|
||||
autoCropWidth: 400, // 默认生成截图框宽度
|
||||
autoCropHeight: 400, // 默认生成截图框高度
|
||||
|
@ -70,12 +77,19 @@ function uploadImg(data) {
|
|||
|
||||
/** 关闭窗口 */
|
||||
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
|
||||
}
|
||||
const cancle = () => {
|
||||
open.value = false
|
||||
}
|
||||
onMounted(() => {
|
||||
if(defaultImg.includes(userStore.user.avatar)){
|
||||
options.img = defaultUserImg
|
||||
}else{
|
||||
options.img = dev_api.value + userStore.user.avatar
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
|
||||
<script setup >
|
||||
import { ref, reactive, onMounted,watch } from 'vue'
|
||||
import { regionData, codeToText } from 'element-china-area-data'
|
||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
||||
import { getUserProfile } from '@/api/system/user'
|
||||
import {getDept} from '@/api/login'
|
||||
import {school} from '@/api/apiService'
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
<script setup>
|
||||
import { school } from '@/api/apiService';
|
||||
import { ref, reactive, onMounted ,computed} from 'vue'
|
||||
import { regionData, codeToText } from 'element-china-area-data'
|
||||
import { regionData, codeToText } from '@/plugins/china-area-data-json'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import useUserStore from '@/store/modules/user'
|
||||
const userStore = useUserStore()
|
||||
|
|
|
@ -7,7 +7,7 @@ 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:"";
|
||||
res = res&&res!=='prod'?"-" + res:"";
|
||||
packageJson.name = "aix-win-ws" + res
|
||||
|
||||
// 将修改后的内容写回package.json文件
|
||||
|
|
Loading…
Reference in New Issue