Merge branch 'main' into zouyf_dev

This commit is contained in:
“zouyf” 2025-02-19 10:27:22 +08:00
commit f5c9cdc9de
22 changed files with 813 additions and 311 deletions

View File

@ -6,11 +6,11 @@ directories:
win: win:
executableName: 文枢课堂 executableName: 文枢课堂
icon: resources/logo2.ico icon: resources/logo2.ico
target: # target:
- target: nsis # - target: nsis
arch: # arch:
- x64 # - x64
- ia32 # - ia32
files: files:
- '!**/.vscode/*' - '!**/.vscode/*'
- '!src/*' - '!src/*'

View File

@ -6,11 +6,11 @@ directories:
win: win:
executableName: 永川中小学AI教学系统 executableName: 永川中小学AI教学系统
icon: resources/yc-logo.png icon: resources/yc-logo.png
target: # target:
- target: nsis # - target: nsis
arch: # arch:
- x64 # - x64
- ia32 # - ia32
files: files:
- '!**/.vscode/*' - '!**/.vscode/*'
- '!src/*' - '!src/*'

View File

@ -6,11 +6,11 @@ directories:
win: win:
executableName: 实训教学 executableName: 实训教学
icon: resources/yc-logo.png icon: resources/yc-logo.png
target: # target:
- target: nsis # - target: nsis
arch: # arch:
- x64 # - x64
- ia32 # - ia32
files: files:
- '!**/.vscode/*' - '!**/.vscode/*'
- '!src/*' - '!src/*'

View File

@ -6,11 +6,11 @@ directories:
win: win:
executableName: 育人酉数平台 executableName: 育人酉数平台
icon: resources/yy-logo.png icon: resources/yy-logo.png
target: # target:
- target: nsis # - target: nsis
arch: # arch:
- x64 # - x64
- ia32 # - ia32
files: files:
- '!**/.vscode/*' - '!**/.vscode/*'
- '!src/*' - '!src/*'

View File

@ -13,11 +13,11 @@ asarUnpack:
win: win:
executableName: AIx executableName: AIx
icon: resources/logo2.ico icon: resources/logo2.ico
target: # target:
- target: nsis # - target: nsis
arch: # arch:
- x64 # - x64
- ia32 # - ia32
nsis: nsis:
oneClick: false oneClick: false
allowToChangeInstallationDirectory: true allowToChangeInstallationDirectory: true

View File

@ -1,6 +1,6 @@
{ {
"name": "aix-win-ws", "name": "aix-win-ws",
"version": "2.5.16", "version": "2.5.18",
"description": "", "description": "",
"main": "./out/main/index.js", "main": "./out/main/index.js",
"author": "上海交大重庆人工智能研究院", "author": "上海交大重庆人工智能研究院",
@ -44,7 +44,7 @@
"@vue-office/excel": "^1.7.11", "@vue-office/excel": "^1.7.11",
"@vue-office/pdf": "^2.0.2", "@vue-office/pdf": "^2.0.2",
"@vueuse/core": "^10.11.0", "@vueuse/core": "^10.11.0",
"aix-plugins-aitools": "^1.1.5", "aix-plugins-aitools": "^1.1.10",
"animate.css": "^4.1.1", "animate.css": "^4.1.1",
"circular-json": "^0.5.9", "circular-json": "^0.5.9",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 79 KiB

View File

@ -94,7 +94,7 @@ const insertImageElementaudio = (files: FileList) => {
const imageFile = files[0] const imageFile = files[0]
if (!imageFile) return if (!imageFile) return
PPTApi.toRousrceUrl(imageFile).then(data=>{ PPTApi.toRousrceUrl(imageFile).then(data=>{
videoSrc.value=data audioSrc.value=data
insertAudio() insertAudio()
}) })

View File

@ -80,6 +80,7 @@ provide(injectKeySlideScale, scale)
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
} }
.slide-item { .slide-item {
position: absolute; position: absolute;

View File

@ -198,7 +198,7 @@ export default (isLoader?: boolean = true) => {
const touchInfo = ref<{ x: number; y: number; } | null>(null) const touchInfo = ref<{ x: number; y: number; } | null>(null)
const touchStartListener = (e: TouchEvent) => { const touchStartListener = (e: TouchEvent) => {
e.preventDefault() // 阻止默认事件 // e.preventDefault() // 阻止默认事件
touchInfo.value = { touchInfo.value = {
// x: e.changedTouches[0].pageX, // x: e.changedTouches[0].pageX,
// y: e.changedTouches[0].pageY, // y: e.changedTouches[0].pageY,
@ -208,6 +208,7 @@ export default (isLoader?: boolean = true) => {
} }
const touchEndListener = (e: TouchEvent) => { const touchEndListener = (e: TouchEvent) => {
if (!touchInfo.value) return if (!touchInfo.value) return
// window.scrollTo(0, 0) // 滚动到顶部
const offsetX = Math.abs(touchInfo.value.x - e.changedTouches[0].clientX) const offsetX = Math.abs(touchInfo.value.x - e.changedTouches[0].clientX)
const offsetY = e.changedTouches[0].clientY - touchInfo.value.y const offsetY = e.changedTouches[0].clientY - touchInfo.value.y
if ( Math.abs(offsetY) > offsetX && Math.abs(offsetY) > 50 ) { if ( Math.abs(offsetY) > offsetX && Math.abs(offsetY) > 50 ) {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -23,7 +23,7 @@
</el-button> </el-button>
<el-button type="primary" link :disabled="!(templateList.length)" @click="onAdd"> <el-button type="primary" link :disabled="!(templateList.length)" @click="onAdd">
<i class="iconfont icon-jiahao"></i> <i class="iconfont icon-jiahao"></i>
添加提示词 {{curTemplate.ex3 === '1' ? '复制并创建个人模板' : '添加提示词'}}
</el-button> </el-button>
<el-button type="primary" :disabled="!(childTempList.length)" @click="getCompletion">一键研读</el-button> <el-button type="primary" :disabled="!(childTempList.length)" @click="getCompletion">一键研读</el-button>
</div> </div>
@ -120,6 +120,10 @@ const modeOptions = ref([
label: '知识库模型', label: '知识库模型',
value: 2, value: 2,
disabled: false disabled: false
},
{
label: 'deepseek模型',
value: 3
} }
]) ])
@ -134,7 +138,7 @@ const modeOptions = ref([
const isWordDialog = ref(false) const isWordDialog = ref(false)
const editItem = reactive({}) const editItem = reactive({})
const onAdd = () => { const onAdd = () => {
console.log(curTemplate)
Object.assign(editItem, curTemplate) Object.assign(editItem, curTemplate)
editItem.isAdd = true editItem.isAdd = true
isWordDialog.value = true isWordDialog.value = true
@ -333,6 +337,9 @@ const againResult = async (index, item) => {
}) })
data = res.data data = res.data
} else { } else {
if (curMode.value == 3) {
params.llm = 'deepseek-r1:8b'
}
// //
const res = await completion(params) const res = await completion(params)
data = res.data data = res.data
@ -381,6 +388,9 @@ const getCompletion = async () => {
} }
// //
else { else {
if (curMode.value == 3) {
params.llm = 'deepseek-r1:8b'
}
const res = await completion(params) const res = await completion(params)
data = res.data data = res.data
} }
@ -439,6 +449,7 @@ const onSaveTemp = async (item) => {
// ### ** // ### **
let getResult = (str) => { let getResult = (str) => {
let newStr = str.replace(/#+|(\*\*)/g, ''); let newStr = str.replace(/#+|(\*\*)/g, '');
newStr = newStr.replace(/<think>[\s\S]*?<\/think>/g, '');
return newStr return newStr
} }

View File

@ -40,9 +40,22 @@ const type = async () => {
displayedText.value = props.text displayedText.value = props.text
return return
} }
if (index.value <= props.text.length) { //ms
let allLength = props.text.length
let allTime = 3000
let addIndex = allLength/(allTime/props.delay);
//5
for (let i = 0; i < addIndex; i++) {
if (index.value <= allLength) {
displayedText.value += props.text.charAt(index.value); displayedText.value += props.text.charAt(index.value);
index.value++; index.value++;
} else {
break;
}
}
if (index.value <= props.text.length) {
// displayedText.value += props.text.charAt(index.value);
// index.value++;
setTimeout(() => { setTimeout(() => {
type(); type();
emit('updateScroll', typingEffectRef.value.clientHeight); // emit('updateScroll', typingEffectRef.value.clientHeight); //

View File

@ -23,7 +23,7 @@
</li> </li>
<li v-if="computedregistertype!=4" :class="computedregistertype==1 || computedregistertype==2 ? '':'pointer-events'" @click="onUserTo('/joinSchool')">加入学校</li> <li v-if="computedregistertype!=4" :class="computedregistertype==1 || computedregistertype==2 ? '':'pointer-events'" @click="onUserTo('/joinSchool')">加入学校</li>
<li @click="onUserTo('/profile')">个人中心</li> <li @click="onUserTo('/profile')">个人中心</li>
<li v-if="isStadium() !== true" @click="onUserTo('/schoolManagement')">学校管理</li> <li v-if="isStadium() !== true && checkRole(['admin','headmaster'])" @click="onUserTo('/schoolManagement')">学校管理</li>
<li v-if="isStadium() !== true" @click="onUserTo('/class')">班级中心</li> <li v-if="isStadium() !== true" @click="onUserTo('/class')">班级中心</li>
<li @click="logout">退出登录</li> <li @click="logout">退出登录</li>
</ul> </ul>
@ -65,7 +65,7 @@ import pkc from "../../../../../package.json"
import defaultUserImg from '@/assets/images/img-avatar.png' import defaultUserImg from '@/assets/images/img-avatar.png'
import { sessionStore } from '@/utils/store' import { sessionStore } from '@/utils/store'
import {toLinkLeftWeb} from "@/utils/tool" import {toLinkLeftWeb} from "@/utils/tool"
import { checkRole } from '@/utils/permission'
const { ipcRenderer } = window.electron || {} const { ipcRenderer } = window.electron || {}
const dev_api = ref(import.meta.env.VITE_APP_BASE_API) const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
@ -86,6 +86,7 @@ const defaultImg = ['/img/avatar-default.jpg','/images/img-avatar.png','/src/ass
// //
const isStadium = () => { const isStadium = () => {
console.log('isStadium',userStore.roles )
let user = userStore.user let user = userStore.user
let roles = user.roles let roles = user.roles
return roles.some(item => item.roleKey === 'stadium') return roles.some(item => item.roleKey === 'stadium')

View File

@ -25,7 +25,7 @@ import log from 'electron-log/renderer' // 渲染进程日志-文件记录
import customComponent from '@/components/common' // 自定义组件 import customComponent from '@/components/common' // 自定义组件
import plugins from './plugins' // plugins插件 import plugins from './plugins' // plugins插件
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
import aiAudio from 'aix-plugins-aitools' // 文字转语音插件 import aiTools from 'aix-plugins-aitools' // 文字转语音插件
import '../../../node_modules/aix-plugins-aitools/aitools.css' import '../../../node_modules/aix-plugins-aitools/aitools.css'
@ -91,7 +91,7 @@ app.use(router)
.use(plugins) .use(plugins)
.use(Icon) .use(Icon)
.use(Directive) .use(Directive)
.use(aiAudio) .use(aiTools)
.use(VMdEditor) .use(VMdEditor)
.mount('#app') .mount('#app')

View File

@ -0,0 +1,51 @@
import useUserStore from '@/store/modules/user'
/**
* 字符权限校验
* @param {Array} value 校验值
* @returns {Boolean}
*/
export function checkPermi(value) {
if (value && value instanceof Array && value.length > 0) {
const permissions = useUserStore().permissions
const permissionDatas = value
const all_permission = "*:*:*";
const hasPermission = permissions.some(permission => {
return all_permission === permission || permissionDatas.includes(permission)
})
if (!hasPermission) {
return false
}
return true
} else {
console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`)
return false
}
}
/**
* 角色权限校验
* @param {Array} value 校验值
* @returns {Boolean}
*/
export function checkRole(value) {
if (value && value instanceof Array && value.length > 0) {
const roles = useUserStore().roles
const permissionRoles = value
const super_admin = "admin";
const hasRole = roles.some(role => {
return super_admin === role || permissionRoles.includes(role)
})
if (!hasRole) {
return false
}
return true
} else {
console.error(`need roles! Like checkRole="['admin','editor']"`)
return false
}
}

View File

@ -222,9 +222,11 @@ export const createWindow = async (type, data) => {
if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') win.webContents.openDevTools() // 打开调试工具 if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') win.webContents.openDevTools() // 打开调试工具
let events = {} // 事件处理函数对象 let events = {} // 事件处理函数对象
Object.keys(data) Object.keys(data)
.filter(k => typeof data[k] === 'function') .filter(k => typeof data[k] === 'function' && k!=='success')
.forEach(k => events[k] = data[k]) .forEach(k => events[k] = data[k])
eventHandles(type, win, events) // 事件监听处理 eventHandles(type, win, events) // 事件监听处理
// 创建成功后触发回调
data.success && data.success(win)
return win return win
} }
default: default:
@ -306,9 +308,9 @@ const eventHandles = (type, win, events) => {
// 监听主窗口-关闭事件 // 监听主窗口-关闭事件
mainWin.once('close', () => {winPdf=null;win.destroy();}) mainWin.once('close', () => {winPdf=null;win.destroy();})
win.on('closed', () => { win.on('closed', () => {
if(!!onClosed) onClosed() // 自定义关闭事件 if(!!onClosed) onClosed(win) // 自定义关闭事件
if(!!closed) closed() // 自定义关闭事件 if(!!closed) closed(win) // 自定义关闭事件
if(!!close) close() // 自定义关闭事件 if(!!close) close(win) // 自定义关闭事件
win = null win = null
wins_tool = null wins_tool = null
winChild=null winChild=null

View File

@ -1,267 +1,91 @@
<template> <template>
<div class="page-mindmap flex flex-col h-full"> <aiMindMap
<div class="mindmap-header flex items-center justify-between pl-5"> @exportImg="exportImg"
<div class="flex w-1/2 items-center justify-between"> @createMindMap="createMindMap"
<div> @reloadMindMap="reloadMindMap"
<b>AI思维导图</b> <span class="ml-5">{{ curNode.itemtitle }}</span> ref="mindMapRef"
</div>
<div>
<template v-if="isEdit">
<el-button class="mr-3" @click="isEdit = false">取消</el-button>
<el-button type="success" class="mr-3" @click="isEdit = false">保存</el-button>
</template>
<!-- <el-button v-else type="primary" class="mr-3" @click="isEdit = true">编辑</el-button>-->
<!-- <el-select v-model="curMode" class="mr-3 w-30">
<el-option
v-for="item in modeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/> />
</el-select>-->
</div>
</div>
<div>
导出清晰度<el-input-number v-model="scale" :min="1" :max="10" />数字越大越清晰但图片大小会越大
<el-button @click="outputImg" type="primary">导出图片</el-button>
</div>
</div>
<div class="mindmap-main flex flex-1" style="overflow: auto;">
<div class="w-1/3 h-full p-3 main-left flex flex-col" v-loading="loadingAnswer" style="overflow: auto;">
<div class="flex flex-1" style="overflow: auto;">
<v-md-editor v-model="resMarkdown" :mode="isEdit ? 'edit' : 'preview'" />
</div>
<div class="main-left-ipt">
<el-input
v-model="textVal"
style="max-width: 600px"
placeholder="请输入信息对内容进一步调整"
class="input-with-select"
>
<template #append>
<el-icon size="20" style="cursor: pointer;" @click="sendMessage"><Position /></el-icon>
</template>
</el-input>
<!-- <el-input style="float: left;" v-model="textVal" size="large" placeholder="请输入信息对内容进一步调整" /><el-button>发送</el-button>-->
</div>
</div>
<div class="w-2/3 h-full main-right">
<mindmap v-if="rootData" :timetravel="true" :drag="true" :zoom="true" :edit="true"
:center-btn="true" :fit-btn="true" :ctm="true" :add-node-btn="true"
v-model="rootData"></mindmap>
</div>
</div>
</div>
</template> </template>
<script setup> <script setup>
import { ref, reactive, onMounted, computed, watch } from 'vue' import {onMounted, ref} from "vue";
import { Position } from "@element-plus/icons-vue" // import aiMindMap from './mindMapAITools.vue'
import { sessionStore } from '@/utils/store' import {sessionStore} from "@/utils/store";
import { modelList, completion, modelChat } from '@/api/mode/index.js' import {editTempResult, modelList, tempResult, tempSave} from "@/api/mode";
import { createChart, sendChart } from '@/api/ai/index' import {exportImg64File} from "@/utils/talkFile";
import { Transformer } from 'markmap-lib' import useUserStore from '@/store/modules/user'
import mindmap from 'vue3-mindmap' const { user } = useUserStore()
import html2canvas from 'html2canvas'
import 'vue3-mindmap/dist/style.css'
import {exportImg64File} from "@/utils/talkFile";
import axios from 'axios'
const transformer = new Transformer() const showMap = ref(false)
const prompt = ref('')
// const url = ref("https://ai.ysaix.com:7865/chat")
const curNode = reactive({})
const textVal = ref(``)
const loadingAnswer = ref(false)
const scale = ref(5)
// const textVal = computed(() => {
// return `${curNode.itemtitle}markdownmarkdown`
// })
const curMode = ref(2)
const modeOptions = ref([
{
label: '教学大模型',
value: 1
},
{
label: '知识库模型',
value: 2,
}
])
const isEdit = ref(false)
// AI
const resMarkdown = ref(``)
const params = reactive({
prompt: '',
dataset_id: '',
template: ''
})
const messages = ref([
{
role: 'user',
content: ''
}
])
const aiConversation = async () => {
console.log(prompt.value)
// return
// params.prompt = prompt.value.replace(/{}/g, '')
//
// let str = '-PPT'
// messages.value[0].content = str
params.prompt = prompt.value
//
loadingAnswer.value = true
if (curMode.value == 1) {
const res = await sendChart({
content: params.prompt,
conversationId: conversation_id.value,
stream: false
})
resMarkdown.value = res.data.answer.replaceAll('```markdown','').replaceAll('```', '')
}
//
else {
let data = {
"messages": [
{
"role": "user",
"content": params.prompt
}
]
}
const res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
console.log(res)
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
}
}
const sendMessage = async () => {
loadingAnswer.value = true
rootData.value = null
let data = {
"messages": [
{
"role":"assiatant",
"content": resMarkdown.value
},
{
"role": "user",
"content": `${textVal.value}${prompt.value}`
}
]
}
let res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
}
const text2mindmap =(data)=> {
return axios({
url: "https://ai.ysaix.com:7865/chat",
method: "post",
headers: {
"Content-Type": "application/json",
Accept: "*/*",
},
data:data
});
}
// prompt
const prompt = ref('')
const getPrompt = async () => {
const { rows } = await modelList({ model: 5 })
let str = rows.find((item) => item.name.indexOf('思维导图') != -1).prompt
let curNode = sessionStore.get('subject.curNode')
const title = ref(curNode.itemtitle)
let curModel = ref({})
const getPrompt = async () => {
let str = curModel.value.prompt
str = str.replace('{学段}', curNode.edustage) str = str.replace('{学段}', curNode.edustage)
str = str.replace('{学科}', curNode.edusubject) str = str.replace('{学科}', curNode.edusubject)
let bookV = curNode.roottitle + '版' let bookV = curNode.roottitle + '版'
str = str.replace('{教材版本}', bookV) str = str.replace('{教材版本}', bookV)
str = str.replace('{课程名称}', `${curNode.itemtitle}`) str = str.replace('{课程名称}', `${curNode.itemtitle}`)
prompt.value = str prompt.value = str
}
//
const conversation_id = ref('')
const getChartId = async () => {
const res = await createChart()
conversation_id.value = res.data.conversation_id
// ai
aiConversation()
}
const rootData = ref(null)
const degure = (item) => {
item.name = item.content.replace(/<[^>]*>/g, '');;
if (item.children && item.children.length) {
item.children.forEach(item2 => {
degure(item2)
})
} }
}
const outputImg = () => { const exportImg = (data) => {
let svg = window.document.getElementById('Mindmap_svg-wrapper_fgvb6') exportImg64File(data, `${curNode.itemtitle}思维导图`)
// let das = svg.querySelectorAll('.Mindmap_root_fgvb6')[0] }
html2canvas(svg,{
scale: scale.value const createMindMap = async (data) => {
}).then((canvas) => { if (tempData.value) {
const dataUrl = canvas.toDataURL() tempData.value.content = data
exportImg64File(dataUrl, `${curNode.itemtitle}思维导图`) await editTempResult(tempData.value)
}else {
const item = {
mainModelId: 5,
modelId: curModel.value.id,
content: data,
ex1: curNode.id
}
await tempSave(item)
await getTempData()
}
}
const reloadMindMap = async (data) => {
tempData.value.content = data
await editTempResult(tempData.value)
}
const getTempData = async () => {
const { rows } = await tempResult({
mainModelId: 5,
modelId: curModel.value.id,
ex1: curNode.id,
createUser: user.userId
}) })
// mm.value.fit() tempData.value = rows?rows[0]:null
} }
//
onMounted(() => {
let data = sessionStore.get('subject.curNode')
Object.assign(curNode, data)
// const reloadData = ref('')
getPrompt() const tempData = ref(null)
// ID const mindMapRef = ref(null)
getChartId() onMounted(async () => {
const { rows } = await modelList({ model: 5 })
}) curModel.value = rows.find((item) => item.name.indexOf('思维导图') != -1)
// initValue await getTempData()
watch(() => resMarkdown.value, () => { reloadData.value = tempData.value?tempData.value.content:'';
const { root } = transformer.transform(resMarkdown.value) await getPrompt()
degure(root) mindMapRef.value.initData({
rootData.value = [root] reloadData: reloadData.value,
console.log(rootData.value) title: title.value,
}) prompt: prompt.value,
url: url.value
})
// showMap.value = true
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mindmap-header {
background: #fff;
height: 45px;
border-radius: 5px;
margin-bottom: 20px;
}
.main-left {
background: #fff;
border-radius: 5px;
.main-left-ipt {
height: 40px;
}
}
.main-right{
border: 1px solid #ccc;
svg {
width: 100%;
height: 100%;
}
}
</style> </style>

View File

@ -0,0 +1,267 @@
<template>
<div class="page-mindmap flex flex-col h-full">
<div class="mindmap-header flex items-center justify-between pl-5">
<div class="flex w-1/2 items-center justify-between">
<div>
<b>AI思维导图</b> <span class="ml-5">{{ curNode.itemtitle }}</span>
</div>
<div>
<template v-if="isEdit">
<el-button class="mr-3" @click="isEdit = false">取消</el-button>
<el-button type="success" class="mr-3" @click="isEdit = false">保存</el-button>
</template>
<!-- <el-button v-else type="primary" class="mr-3" @click="isEdit = true">编辑</el-button>-->
<!-- <el-select v-model="curMode" class="mr-3 w-30">
<el-option
v-for="item in modeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>-->
</div>
</div>
<div>
导出清晰度<el-input-number v-model="scale" :min="1" :max="10" />数字越大越清晰但图片大小会越大
<el-button @click="outputImg" type="primary">导出图片</el-button>
</div>
</div>
<div class="mindmap-main flex flex-1" style="overflow: auto;">
<div class="w-1/3 h-full p-3 main-left flex flex-col" v-loading="loadingAnswer" style="overflow: auto;">
<div class="flex flex-1" style="overflow: auto;">
<v-md-editor v-model="resMarkdown" :mode="isEdit ? 'edit' : 'preview'" />
</div>
<div class="main-left-ipt">
<el-input
v-model="textVal"
style="max-width: 600px"
placeholder="请输入信息对内容进一步调整"
class="input-with-select"
>
<template #append>
<el-icon size="20" style="cursor: pointer;" @click="sendMessage"><Position /></el-icon>
</template>
</el-input>
<!-- <el-input style="float: left;" v-model="textVal" size="large" placeholder="请输入信息对内容进一步调整" /><el-button>发送</el-button>-->
</div>
</div>
<div class="w-2/3 h-full main-right">
<mindmap v-if="rootData" :timetravel="true" :drag="true" :zoom="true" :edit="true"
:center-btn="true" :fit-btn="true" :ctm="true" :add-node-btn="true"
v-model="rootData"></mindmap>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, onMounted, computed, watch } from 'vue'
import { Position } from "@element-plus/icons-vue"
import { sessionStore } from '@/utils/store'
import { modelList, completion, modelChat } from '@/api/mode/index.js'
import { createChart, sendChart } from '@/api/ai/index'
import { Transformer } from 'markmap-lib'
import mindmap from 'vue3-mindmap'
import html2canvas from 'html2canvas'
import 'vue3-mindmap/dist/style.css'
import {exportImg64File} from "@/utils/talkFile";
import axios from 'axios'
const transformer = new Transformer()
//
const curNode = reactive({})
const textVal = ref(``)
const loadingAnswer = ref(false)
const scale = ref(5)
// const textVal = computed(() => {
// return `${curNode.itemtitle}markdownmarkdown`
// })
const curMode = ref(2)
const modeOptions = ref([
{
label: '教学大模型',
value: 1
},
{
label: '知识库模型',
value: 2,
}
])
const isEdit = ref(false)
// AI
const resMarkdown = ref(``)
const params = reactive({
prompt: '',
dataset_id: '',
template: ''
})
const messages = ref([
{
role: 'user',
content: ''
}
])
const aiConversation = async () => {
console.log(prompt.value)
// return
// params.prompt = prompt.value.replace(/{}/g, '')
//
// let str = '-PPT'
// messages.value[0].content = str
params.prompt = prompt.value
//
loadingAnswer.value = true
if (curMode.value == 1) {
const res = await sendChart({
content: params.prompt,
conversationId: conversation_id.value,
stream: false
})
resMarkdown.value = res.data.answer.replaceAll('```markdown','').replaceAll('```', '')
}
//
else {
let data = {
"messages": [
{
"role": "user",
"content": params.prompt
}
]
}
const res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
console.log(res)
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
}
}
const sendMessage = async () => {
loadingAnswer.value = true
rootData.value = null
let data = {
"messages": [
{
"role":"assiatant",
"content": resMarkdown.value
},
{
"role": "user",
"content": `${textVal.value}${prompt.value}`
}
]
}
let res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
}
const text2mindmap =(data)=> {
return axios({
url: "https://ai.ysaix.com:7865/chat",
method: "post",
headers: {
"Content-Type": "application/json",
Accept: "*/*",
},
data:data
});
}
// prompt
const prompt = ref('')
const getPrompt = async () => {
const { rows } = await modelList({ model: 5 })
let str = rows.find((item) => item.name.indexOf('思维导图') != -1).prompt
str = str.replace('{学段}', curNode.edustage)
str = str.replace('{学科}', curNode.edusubject)
let bookV = curNode.roottitle + '版'
str = str.replace('{教材版本}', bookV)
str = str.replace('{课程名称}', `${curNode.itemtitle}`)
prompt.value = str
}
//
const conversation_id = ref('')
const getChartId = async () => {
const res = await createChart()
conversation_id.value = res.data.conversation_id
// ai
aiConversation()
}
const rootData = ref(null)
const degure = (item) => {
item.name = item.content.replace(/<[^>]*>/g, '');;
if (item.children && item.children.length) {
item.children.forEach(item2 => {
degure(item2)
})
}
}
const outputImg = () => {
let svg = window.document.getElementById('Mindmap_svg-wrapper_fgvb6')
// let das = svg.querySelectorAll('.Mindmap_root_fgvb6')[0]
html2canvas(svg,{
scale: scale.value
}).then((canvas) => {
const dataUrl = canvas.toDataURL()
exportImg64File(dataUrl, `${curNode.itemtitle}思维导图`)
})
// mm.value.fit()
}
//
onMounted(() => {
let data = sessionStore.get('subject.curNode')
Object.assign(curNode, data)
//
getPrompt()
// ID
getChartId()
})
// initValue
watch(() => resMarkdown.value, () => {
const { root } = transformer.transform(resMarkdown.value)
degure(root)
rootData.value = [root]
console.log(rootData.value)
})
</script>
<style lang="scss" scoped>
.mindmap-header {
background: #fff;
height: 45px;
border-radius: 5px;
margin-bottom: 20px;
}
.main-left {
background: #fff;
border-radius: 5px;
.main-left-ipt {
height: 40px;
}
}
.main-right{
border: 1px solid #ccc;
svg {
width: 100%;
height: 100%;
}
}
</style>

View File

@ -0,0 +1,246 @@
<!--
initData参数
{
prompt: 思维导图prompt数据,
title: 标题
url: 请求地址
reloadData: 初始化数据如果为空则默认去获取
}
回调函数
emits: {
exportImg: 导出图片按钮回调
createMindMap: 创建思维导图回调,初始化生成
reloadMindMap: 重新加载思维导图回调对话重新生成
}
-->
<template>
<div class="page-mindmap flex flex-col h-full">
<div class="mindmap-header flex items-center justify-between pl-5">
<div class="flex w-1/2 items-center justify-between">
<div>
<b>AI思维导图</b> <span class="ml-5">{{ props.title }}</span>
</div>
<div>
<template v-if="isEdit">
<el-button class="mr-3" @click="isEdit = false">取消</el-button>
<el-button type="success" class="mr-3" @click="isEdit = false">保存</el-button>
</template>
<!-- <el-button v-else type="primary" class="mr-3" @click="isEdit = true">编辑</el-button>-->
</div>
</div>
<div>
导出清晰度<el-input-number v-model="scale" :min="1" :max="10" />数字越大越清晰但图片大小会越大
<el-button @click="outputImg" type="primary">导出图片</el-button>
</div>
</div>
<div class="mindmap-main flex flex-1" style="overflow: auto;">
<div class="w-1/3 h-full p-3 main-left flex flex-col" v-loading="loadingAnswer" style="overflow: auto;">
<div class="flex flex-1" style="overflow: auto;">
<v-md-editor v-model="resMarkdown" :mode="isEdit ? 'edit' : 'preview'" />
</div>
<div class="main-left-ipt">
<el-input
v-model="textVal"
style="max-width: 600px"
placeholder="请输入信息对内容进一步调整"
class="input-with-select"
>
<template #append>
<el-icon size="20" style="cursor: pointer;" @click="reConversation"><Position /></el-icon>
</template>
</el-input>
<!-- <el-input style="float: left;" v-model="textVal" size="large" placeholder="请输入信息对内容进一步调整" /><el-button>发送</el-button>-->
</div>
</div>
<div class="w-2/3 h-full main-right">
<mindmap v-if="rootData" :timetravel="true" :drag="true" :zoom="true" :edit="true"
:center-btn="true" :fit-btn="true" :ctm="true" :add-node-btn="true"
v-model="rootData"></mindmap>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'aiMindMap'
}
</script>
<script setup>
import { ref, reactive, onMounted, watch, defineExpose } from 'vue'
import { Position } from "@element-plus/icons-vue"
import { Transformer } from 'markmap-lib'
import mindmap from 'vue3-mindmap'
import html2canvas from 'html2canvas'
import 'vue3-mindmap/dist/style.css'
import axios from 'axios'
const transformer = new Transformer()
const emits = defineEmits(['exportImg', 'createMindMap', 'reloadMindMap'])
const props = reactive({
prompt: '',
url: '',
title: '',
reloadData: ''
})
const textVal = ref(``)
const loadingAnswer = ref(false)
const scale = ref(5)
const modeOptions = ref([
{
label: '教学大模型',
value: 1
},
{
label: '知识库模型',
value: 2,
}
])
const isEdit = ref(false)
// AI
const resMarkdown = ref(``)
const params = reactive({
prompt: '',
dataset_id: '',
template: ''
})
const messages = ref([
{
role: 'user',
content: ''
}
])
const aiConversation = async () => {
params.prompt = props.prompt
loadingAnswer.value = true
let data = {
"messages": [
{
"role": "user",
"content": params.prompt
}
]
}
const res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
emits('createMindMap', resMarkdown.value, res)
}
const reConversation = async () => {
loadingAnswer.value = true
rootData.value = null
let data = {
"messages": [
{
"role":"assiatant",
"content": resMarkdown.value
},
{
"role": "user",
"content": `${textVal.value}${props.prompt}`
}
]
}
let res = await text2mindmap(data).finally(() => {
loadingAnswer.value = false
})
resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
emits('reloadMindMap', resMarkdown.value, res)
}
const text2mindmap =(data)=> {
return axios({
url: props.url,
method: "post",
headers: {
"Content-Type": "application/json",
Accept: "*/*",
},
data:data
});
}
const rootData = ref(null)
const degure = (item) => {
item.name = item.content.replace(/<[^>]*>/g, '');;
if (item.children && item.children.length) {
item.children.forEach(item2 => {
degure(item2)
})
}
}
const outputImg = () => {
let svg = window.document.getElementById('Mindmap_svg-wrapper_fgvb6')
html2canvas(svg,{
scale: scale.value
}).then((canvas) => {
const dataUrl = canvas.toDataURL()
emits('exportImg', dataUrl)
})
}
const initData = (datas) => {
Object.assign(props, datas)
//
if (props.reloadData) {
resMarkdown.value = props.reloadData
}else {
aiConversation()
}
}
defineExpose({
initData,
outputImg,
aiConversation,
reConversation
})
//
onMounted(() => {
// initData()
})
// initValue
watch(() => resMarkdown.value, () => {
const { root } = transformer.transform(resMarkdown.value)
degure(root)
rootData.value = [root]
})
</script>
<style lang="scss" scoped>
.mindmap-header {
background: #fff;
height: 45px;
border-radius: 5px;
margin-bottom: 20px;
}
.main-left {
background: #fff;
border-radius: 5px;
.main-left-ipt {
height: 40px;
}
}
.main-right{
border: 1px solid #ccc;
svg {
width: 100%;
height: 100%;
}
}
</style>

View File

@ -288,14 +288,17 @@ const createAIPPT = () => {
}) })
}) })
} }
const isPgDialogClose = ref(false) // --
const pgDialog = ref({ // - const pgDialog = ref({ // -
visible: false, visible: false,
title: 'PPT解析中...', title: 'PPT解析中...',
width: 300, width: 300,
showClose: false, showClose: true,
draggable: true, draggable: true,
beforeClose: done => {}, // - beforeClose: done => { //
isPgDialogClose.value = true
done()
},
pg: { // - pg: { // -
percentage: 0, // percentage: 0, //
color: [ color: [
@ -316,20 +319,26 @@ const openFilePicker = () =>{
const handleFileChange = ()=> { const handleFileChange = ()=> {
const file = event.target.files[0]; const file = event.target.files[0];
fileInput.value.value = ''
if (file) { if (file) {
console.log(file);
createAIPPTByFile(file) createAIPPTByFile(file)
} }
} }
// pptPPT线 // pptPPT线
const createAIPPTByFile = async (file)=> { const createAIPPTByFile = async (file)=> {
isPgDialogClose.value = false //
pgDialog.value.visible = true pgDialog.value.visible = true
pgDialog.value.pg.percentage = 0 pgDialog.value.pg.percentage = 0
const closePgDialog = () => {
pgDialog.value.pg.percentage = 0
pgDialog.value.visible = false
}
pptMedia = {} // pptMedia = {} //
const resPptJson = await PPTXFileToJson(file).catch(() => { const resPptJson = await PPTXFileToJson(file).catch(() => {
ElMessageBox.alert('PPT文件转换失败请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入') ElMessageBox.alert('PPT文件转换失败请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入')
pgDialog.value.visible = false pgDialog.value.visible = false
}) })
if(isPgDialogClose.value) return closePgDialog() // ,
const { def, slides, ...content } = resPptJson const { def, slides, ...content } = resPptJson
// //
const thumbnails = await slidesToImg(slides, content.width) const thumbnails = await slidesToImg(slides, content.width)
@ -337,13 +346,13 @@ const createAIPPTByFile = async (file)=> {
let completed = 0 let completed = 0
const total = slides.length const total = slides.length
for( let o of slides ) { for( let o of slides ) {
if(isPgDialogClose.value) return closePgDialog() // ,
completed++ completed++
await toRousrceUrl(o) await toRousrceUrl(o)
// //
pgDialog.value.pg.percentage = Math.floor(completed / total * 100) pgDialog.value.pg.percentage = Math.floor(completed / total * 100)
} }
pgDialog.value.pg.percentage = 0 closePgDialog() //
pgDialog.value.visible = false
listEntpcourse({ listEntpcourse({
evalid: currentNode.value.id, evalid: currentNode.value.id,
edituserid: userStore.userId, edituserid: userStore.userId,
@ -429,17 +438,23 @@ const toRousrceUrl = async (o) => {
if (!!o.src) { // src if (!!o.src) { // src
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src) const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
const isBlobUrl = /^blob:/.test(o.src) const isBlobUrl = /^blob:/.test(o.src)
let onLineUrl = '' // 线 let onLineUrl = '', typeExt = '' // 线|
if (!!o.zipPath) onLineUrl = pptMedia[o.zipPath] || '' // if (!!o.zipPath) {
onLineUrl = pptMedia[o.zipPath] || '' //
typeExt = o.zipPath.split('.').pop()
}
if (onLineUrl) o.src = onLineUrl // 线 if (onLineUrl) o.src = onLineUrl // 线
else { // else { //
if (isBase64) { // if (isBase64) { //
const url = await getOnlineFileUrl(o.src) if(!typeExt) typeExt = 'png'
const url = await getOnlineFileUrl(o.src, typeExt)
url &&(o.src = url)
url && o.zipPath && (pptMedia[o.zipPath] = url) // url && o.zipPath && (pptMedia[o.zipPath] = url) //
} else if (isBlobUrl) { // } else if (isBlobUrl) { //
if(!typeExt) typeExt = o.type=='video'?'mp4':'mp3'
const res = await fetch(o.src) const res = await fetch(o.src)
const blob = await res.blob() const blob = await res.blob()
const url = await getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3') const url = await getOnlineFileUrl(blob, typeExt)
URL.revokeObjectURL(o.src) // URL.revokeObjectURL(o.src) //
url &&(o.src = url) url &&(o.src = url)
url && o.zipPath && (pptMedia[o.zipPath] = url) // url && o.zipPath && (pptMedia[o.zipPath] = url) //
@ -564,13 +579,38 @@ const changeClass = async (type, row, other) => {
switch(type) { switch(type) {
case 'click': { // --aippt case 'click': { // --aippt
if (row.fileFlag === 'aippt' && !!row.fileId) { if (row.fileFlag === 'aippt' && !!row.fileId) {
const id = Number(row.fileId)
const openFileIds = sessionStore.get('curr.openFileIds')||[] // id
const isHasOpen = openFileIds.includes(id) //
if (isHasOpen) return ElMessage.warning('该课件已打开!')
const res = await getEntpcoursefile(row.fileId) const res = await getEntpcoursefile(row.fileId)
if (res && res.code === 200) { if (res && res.code === 200) {
openFileIds.push(id) // -
sessionStore.set('curr.openFileIds', openFileIds) // id
sessionStore.set('curr.resource', res.data) // sessionStore.set('curr.resource', res.data) //
sessionStore.set('curr.smarttalk', row) // smarttalk sessionStore.set('curr.smarttalk', row) // smarttalk
createWindow('open-win', { createWindow('open-win', {
url: '/pptist', // url: '/pptist', //
close: () => { success: (win) => { //
const map = sessionStore.get('curr.winMap') || {}
map[win.id] = id // idid
sessionStore.set('curr.winMap', map)
},
close: (win) => {
const openFileIds = sessionStore.get('curr.openFileIds')||[] // id
const map = sessionStore.get('curr.winMap') || {}
const resourceId = map[win.id] // id
if (resourceId){
const ind = openFileIds.findIndex(id => id == resourceId) //
if (ind >= 0) { //
openFileIds.splice(ind, 1) //
if (openFileIds.length) sessionStore.set('curr.openFileIds', openFileIds) //
else sessionStore.delete('curr.openFileIds') //
delete map[win.id] //
if(Object.keys(map).length) sessionStore.set('curr.winMap', map) //
else sessionStore.delete('curr.winMap') //
}
}
sessionStore.delete('curr.resource') // sessionStore.delete('curr.resource') //
sessionStore.delete('curr.smarttalk') // sessionStore.delete('curr.smarttalk') //
getSmarttalkPage({ getSmarttalkPage({

View File

@ -274,13 +274,17 @@ export default {
treelogRef:null, treelogRef:null,
// Entpcourse // Entpcourse
entp: null, entp: null,
isPgDialogClose: false, //
pgDialog: { // - pgDialog: { // -
visible: false, visible: false,
title: 'PPT解析中...', title: 'PPT解析中...',
width: 300, width: 300,
showClose: false, showClose: true,
draggable: true, draggable: true,
beforeClose: done => {}, // - beforeClose: done => { //
this.isPgDialogClose = true
done()
},
pg: { // - pg: { // -
percentage: 0, // percentage: 0, //
color: [ color: [
@ -453,6 +457,9 @@ export default {
} }
case 'click': { // --aippt case 'click': { // --aippt
if (row.fileFlag === 'aippt' && !!row.fileId) { if (row.fileFlag === 'aippt' && !!row.fileId) {
const openFileIds = sessionStore.get('curr.openFileIds')||[] // id
const isHasOpen = openFileIds.includes(Number(row.fileId)) //
if (isHasOpen) return ElMessage.warning('该课件已打开!')
sessionStore.delete('curr.classcourse') // sessionStore.delete('curr.classcourse') //
const res = await getEntpcoursefile(row.fileId) const res = await getEntpcoursefile(row.fileId)
if (res && res.code === 200) { if (res && res.code === 200) {
@ -496,12 +503,37 @@ export default {
* @param {object} currData 当前数据 type: edit/class 备课信息 | 课堂信息 * @param {object} currData 当前数据 type: edit/class 备课信息 | 课堂信息
*/ */
openPublicScreen(type, resource, currData) { openPublicScreen(type, resource, currData) {
const openFileIds = sessionStore.get('curr.openFileIds')||[]
const isNoOpen = !openFileIds.includes(Number(resource.id)) //
if (isNoOpen) {
openFileIds.push(resource.id) // -
sessionStore.set('curr.openFileIds', openFileIds) // id
}
sessionStore.set('curr.resource', resource) // sessionStore.set('curr.resource', resource) //
if (type=='edit') sessionStore.set('curr.smarttalk', currData) // smarttalk if (type=='edit') sessionStore.set('curr.smarttalk', currData) // smarttalk
else sessionStore.set('curr.classcourse', currData) // else sessionStore.set('curr.classcourse', currData) //
createWindow('open-win', { createWindow('open-win', {
url: '/pptist', // url: '/pptist', //
close: () => { success: (win) => { //
const map = sessionStore.get('curr.winMap') || {}
map[win.id] = resource.id // idid
sessionStore.set('curr.winMap', map)
},
close: (win) => {
const openFileIds = sessionStore.get('curr.openFileIds')||[] //
const map = sessionStore.get('curr.winMap') || {}
const resourceId = map[win.id] // id
if (resourceId){
const ind = openFileIds.findIndex(id => id == resourceId) //
if (ind >= 0) { //
openFileIds.splice(ind, 1) //
if (openFileIds.length) sessionStore.set('curr.openFileIds', openFileIds) //
else sessionStore.delete('curr.openFileIds') //
delete map[win.id] //
if(Object.keys(map).length) sessionStore.set('curr.winMap', map) //
else sessionStore.delete('curr.winMap') //
}
}
sessionStore.delete('curr.resource') // sessionStore.delete('curr.resource') //
if (type=='edit') { if (type=='edit') {
sessionStore.delete('curr.smarttalk') // sessionStore.delete('curr.smarttalk') //
@ -584,6 +616,7 @@ export default {
}, },
handleFileChange(){ handleFileChange(){
const file = event.target.files[0]; const file = event.target.files[0];
this.$refs.fileInput.value = ''
if (file) { if (file) {
console.log(file); console.log(file);
console.log('文件名:', file.name); console.log('文件名:', file.name);
@ -620,17 +653,23 @@ export default {
if (!!o.src) { // src if (!!o.src) { // src
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src) const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
const isBlobUrl = /^blob:/.test(o.src) const isBlobUrl = /^blob:/.test(o.src)
let onLineUrl = '' // 线 let onLineUrl = '', typeExt = '' // 线|
if (!!o.zipPath) onLineUrl = this.pptMedia[o.zipPath] || '' // if (!!o.zipPath) {
onLineUrl = this.pptMedia[o.zipPath] || '' //
typeExt = o.zipPath.split('.').pop()
}
if (onLineUrl) o.src = onLineUrl // 线 if (onLineUrl) o.src = onLineUrl // 线
else { // else { //
if (isBase64) { // if (isBase64) { //
const url = await this.getOnlineFileUrl(o.src) if(!typeExt) typeExt = 'png'
const url = await this.getOnlineFileUrl(o.src, typeExt)
url &&(o.src = url)
url && o.zipPath && (this.pptMedia[o.zipPath] = url) // url && o.zipPath && (this.pptMedia[o.zipPath] = url) //
} else if (isBlobUrl) { // } else if (isBlobUrl) { //
if(!typeExt) typeExt = o.type=='video'?'mp4':'mp3'
const res = await fetch(o.src) const res = await fetch(o.src)
const blob = await res.blob() const blob = await res.blob()
const url = await this.getOnlineFileUrl(blob, o.type=='video'?'mp4':'mp3') const url = await this.getOnlineFileUrl(blob, typeExt)
URL.revokeObjectURL(o.src) // URL.revokeObjectURL(o.src) //
url &&(o.src = url) url &&(o.src = url)
url && o.zipPath && (this.pptMedia[o.zipPath] = url) // url && o.zipPath && (this.pptMedia[o.zipPath] = url) //
@ -659,14 +698,20 @@ export default {
} }
}, },
async createAIPPTByFile(file,fileShowName) { async createAIPPTByFile(file,fileShowName) {
this.isPgDialogClose = false //
this.pgDialog.visible = true this.pgDialog.visible = true
this.pgDialog.pg.percentage = 0 this.pgDialog.pg.percentage = 0
const closePgDialog = () => {
this.pgDialog.pg.percentage = 0
this.pgDialog.visible = false
}
this.pptMedia = {} // this.pptMedia = {} //
const resPptJson = await PPTXFileToJson(file).catch(() => { const resPptJson = await PPTXFileToJson(file).catch(() => {
ElMessageBox.alert('PPT文件转换失败请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入') ElMessageBox.alert('PPT文件转换失败请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入')
this.pgDialog.visible = false this.pgDialog.visible = false
}) })
if (!resPptJson) return if (!resPptJson) return
if(this.isPgDialogClose) return closePgDialog() // ,
const { def, slides, ...content } = resPptJson const { def, slides, ...content } = resPptJson
// //
const thumbnails = await slidesToImg(slides, content.width) const thumbnails = await slidesToImg(slides, content.width)
@ -674,13 +719,13 @@ export default {
let completed = 0 let completed = 0
const total = slides.length const total = slides.length
for( let o of slides ) { for( let o of slides ) {
if(this.isPgDialogClose) return closePgDialog() // ,
completed++ completed++
await this.toRousrceUrl(o) await this.toRousrceUrl(o)
// //
this.pgDialog.pg.percentage = Math.floor(completed / total * 100) this.pgDialog.pg.percentage = Math.floor(completed / total * 100)
} }
this.pgDialog.pg.percentage = 0 closePgDialog() //
this.pgDialog.visible = false
listEntpcourse({ listEntpcourse({
evalid: this.currentNode.id, evalid: this.currentNode.id,
edituserid: this.userStore.userId, edituserid: this.userStore.userId,