Merge branch 'main' into zouyf_dev

electron-builder-prod.yml

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

electron-builder-yc.yml

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

electron-builder-yc2.yml

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

electron-builder-yy.yml

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

electron-builder.yml

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aix-win-ws",
-  "version": "2.5.16",
+  "version": "2.5.18",
   "description": "",
   "main": "./out/main/index.js",
   "author": "上海交大重庆人工智能研究院",
@@ -44,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.5",
+    "aix-plugins-aitools": "^1.1.10",
     "animate.css": "^4.1.1",
     "circular-json": "^0.5.9",
     "clipboard": "^2.0.11",

src/renderer/src/AixPPTist/src/views/Editor/CanvasTool/MediaInput.vue

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

src/renderer/src/AixPPTist/src/views/Screen/ScreenSlideList.vue

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

src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts

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

src/renderer/src/components/template-study/container/right.vue

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

src/renderer/src/components/typing-effect/index.vue

@@ -40,9 +40,22 @@ const type = async () => {
     displayedText.value = props.text
     return
   }
+  //限制多久内打印完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);
+      index.value++;
+    } else {
+      break;
+    }
+  }
   if (index.value <= props.text.length) {
-    displayedText.value += props.text.charAt(index.value);
+    // displayedText.value += props.text.charAt(index.value);
-    index.value++;
+    // index.value++;
     setTimeout(() => {
       type();
       emit('updateScroll', typingEffectRef.value.clientHeight); // 每次添加新字符后滚动到底部

src/renderer/src/layout/components/Aside.vue

@@ -23,7 +23,7 @@
               </li>
               <li v-if="computedregistertype!=4" :class="computedregistertype==1 || computedregistertype==2 ? '':'pointer-events'" @click="onUserTo('/joinSchool')">加入学校</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 @click="logout">退出登录</li>
             </ul>
@@ -65,7 +65,7 @@ import pkc from "../../../../../package.json"
 import defaultUserImg from '@/assets/images/img-avatar.png'
 import { sessionStore } from '@/utils/store'
 import {toLinkLeftWeb} from "@/utils/tool"
-
+import { checkRole } from '@/utils/permission'
 
 const { ipcRenderer } = window.electron || {}
 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 = () => {
+  console.log('isStadium',userStore.roles )
   let user = userStore.user
   let roles = user.roles
   return  roles.some(item => item.roleKey === 'stadium')

src/renderer/src/main.js

@@ -25,7 +25,7 @@ import log from 'electron-log/renderer' // 渲染进程日志-文件记录
 import customComponent from '@/components/common' // 自定义组件
 import plugins from './plugins' // plugins插件
 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'
 
 
@@ -91,7 +91,7 @@ app.use(router)
     .use(plugins)
     .use(Icon)
     .use(Directive)
-    .use(aiAudio)
+    .use(aiTools)
     .use(VMdEditor)
     .mount('#app')
 

src/renderer/src/utils/permission.js

@@ -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
+  }
+}

src/renderer/src/utils/tool.js

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

src/renderer/src/views/mindMap/index.vue

@@ -1,267 +1,91 @@
 <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>
 
 <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")
 
-// 当前节点
+  let curNode = sessionStore.get('subject.curNode')
-const curNode = reactive({})
+  const title = ref(curNode.itemtitle)
-
+  let curModel = ref({})
-const textVal = ref(``)
+  const getPrompt = async () => {
-
+    let str = curModel.value.prompt
-const loadingAnswer = ref(false)
+    str = str.replace('{学段}', curNode.edustage)
-
+    str = str.replace('{学科}', curNode.edusubject)
-const scale = ref(5)
+    let bookV = curNode.roottitle + '版'
-
+    str = str.replace('{教材版本}', bookV)
-// const textVal = computed(() => {
+    str = str.replace('{课程名称}', `《${curNode.itemtitle}》`)
-//   return `生成${curNode.itemtitle}的教学思维导图，按照markdown的格式编写，只返回markdown的部分`
+    prompt.value = str
-// })
-
-const curMode = ref(2)
-const modeOptions = ref([
-  {
-    label: '教学大模型',
-    value: 1
-  },
-  {
-    label: '知识库模型',
-    value: 2,
   }
-])
 
-const isEdit = ref(false)
+  const exportImg = (data) => {
+    exportImg64File(data, `${curNode.itemtitle}思维导图`)
+  }
 
-// AI 对话
+  const createMindMap = async (data) => {
-const resMarkdown = ref(``)
+    if (tempData.value) {
-const params = reactive({
+      tempData.value.content = data
-  prompt: '',
+      await editTempResult(tempData.value)
-  dataset_id: '',
+    }else {
-  template: ''
+      const item = {
-})
+        mainModelId: 5,
-const messages = ref([
+        modelId: curModel.value.id,
-  {
+        content: data,
-    role: 'user',
+        ex1: curNode.id
-    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}`
       }
-    ]
+      await tempSave(item)
+      await getTempData()
+    }
   }
-  let res = await text2mindmap(data).finally(() => {
-    loadingAnswer.value = false
-  })
-  resMarkdown.value = res.data.answer.content.replaceAll('```markdown','').replaceAll('```', '')
-}
 
-const text2mindmap =(data)=> {
+  const reloadMindMap = async (data) => {
-  return axios({
+    tempData.value.content = data
-    url: "https://ai.ysaix.com:7865/chat",
+    await editTempResult(tempData.value)
-    method: "post",
+  }
-    headers: {
-      "Content-Type": "application/json",
-      Accept: "*/*",
-    },
-    data:data
-  });
-}
 
-// 查询prompt 替换
+  const getTempData = async () => {
-const prompt = ref('')
+    const { rows } = await tempResult({
-const getPrompt = async () => {
+      mainModelId: 5,
-  const { rows } = await modelList({ model: 5 })
+      modelId: curModel.value.id,
-  let str = rows.find((item) => item.name.indexOf('思维导图') != -1).prompt
+      ex1: curNode.id,
-
+      createUser: user.userId
-  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)
     })
+    tempData.value = rows?rows[0]:null
   }
-}
 
-const outputImg = () => {
+  const reloadData = ref('')
-  let svg = window.document.getElementById('Mindmap_svg-wrapper_fgvb6')
+  const tempData = ref(null)
-  // let das = svg.querySelectorAll('.Mindmap_root_fgvb6')[0]
+  const mindMapRef = ref(null)
-  html2canvas(svg,{
+  onMounted(async () => {
-    scale: scale.value
+    const { rows } = await modelList({ model: 5 })
-  }).then((canvas) => {
+    curModel.value = rows.find((item) => item.name.indexOf('思维导图') != -1)
-    const dataUrl = canvas.toDataURL()
+    await getTempData()
-    exportImg64File(dataUrl, `${curNode.itemtitle}思维导图`)
+    reloadData.value = tempData.value?tempData.value.content:'';
+    await getPrompt()
+    mindMapRef.value.initData({
+      reloadData: reloadData.value,
+      title: title.value,
+      prompt: prompt.value,
+      url: url.value
+    })
+    // showMap.value = true
   })
-  // 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>

src/renderer/src/views/mindMap/index_old.vue

@@ -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}的教学思维导图，按照markdown的格式编写，只返回markdown的部分`
+// })
+
+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>

src/renderer/src/views/mindMap/mindMapAITools.vue

@@ -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>

src/renderer/src/views/model/index.vue

@@ -288,14 +288,17 @@ const createAIPPT = () => {
     })
   })
 }
-
+const isPgDialogClose = ref(false) // 弹窗-进度条-是否关闭
 const pgDialog = ref({ // 弹窗-进度条
   visible: false,
   title: 'PPT解析中...',
   width: 300,
-  showClose: false,
+  showClose: true,
   draggable: true,
-  beforeClose: done => {}, // 阻止-弹窗事件
+  beforeClose: done => { // 弹窗关闭前回调
+    isPgDialogClose.value = true
+    done()
+  },
   pg: { // 进度条-参数
     percentage: 0, // 百分比
     color: [
@@ -316,20 +319,26 @@ const openFilePicker = () =>{
 
 const handleFileChange = ()=> {
   const file = event.target.files[0];
+  fileInput.value.value = ''
   if (file) {
-    console.log(file);
     createAIPPTByFile(file)
   }
 }
 // ppt文件转PPT线上数据
 const createAIPPTByFile = async (file)=> {
+  isPgDialogClose.value = false // 默认没有关闭
   pgDialog.value.visible = true
   pgDialog.value.pg.percentage = 0
+  const closePgDialog = () => {
+    pgDialog.value.pg.percentage = 0
+    pgDialog.value.visible = false
+  }
   pptMedia = {} // 清空媒体数据
   const resPptJson = await PPTXFileToJson(file).catch(() => {
     ElMessageBox.alert('PPT文件转换失败！请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入！')
     pgDialog.value.visible = false
   })
+  if(isPgDialogClose.value) return closePgDialog() // 弹窗关闭了,终止进行
   const { def, slides, ...content } = resPptJson
   // 生成缩略图
   const thumbnails = await slidesToImg(slides, content.width)
@@ -337,13 +346,13 @@ const createAIPPTByFile = async (file)=> {
   let completed = 0
   const total = slides.length
   for( let o of slides ) {
+    if(isPgDialogClose.value) return closePgDialog() // 弹窗关闭了,终止进行
     completed++
     await toRousrceUrl(o)
     // 设置进度条
     pgDialog.value.pg.percentage = Math.floor(completed / total * 100)
   }
-  pgDialog.value.pg.percentage = 0
+  closePgDialog() // 关闭进度条弹窗
-  pgDialog.value.visible = false
   listEntpcourse({
     evalid: currentNode.value.id,
     edituserid: userStore.userId,
@@ -429,17 +438,23 @@ const toRousrceUrl = async (o) => {
   if (!!o.src) { // 如果有src就转换
     const isBase64 = /^data:image\/(\w+);base64,/.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 // 已存在线上地址直接赋值
     else { // 不存在重新上传
       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) // 缓存
       } else if (isBlobUrl) { // 视频和音频
+        if(!typeExt) typeExt = o.type=='video'?'mp4':'mp3'
         const res = await fetch(o.src)
         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 &&(o.src = url)
         url && o.zipPath && (pptMedia[o.zipPath] = url) // 缓存
@@ -564,13 +579,38 @@ const changeClass = async (type, row, other) => {
   switch(type) {
     case 'click': { // 点击-打开课件-aippt
       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)
         if (res && res.code === 200) {
+          openFileIds.push(id) // 课堂资源缓存-允许打开多个
+          sessionStore.set('curr.openFileIds', openFileIds) // 更新窗口课件列表id
           sessionStore.set('curr.resource', res.data) // 缓存当前资源信息
           sessionStore.set('curr.smarttalk', row) // 缓存当前文件smarttalk
           createWindow('open-win', {
             url: '/pptist', // 窗口关闭时，清除缓存
-            close: () => {
+            success: (win) => { // 窗口打开成功
+              const map = sessionStore.get('curr.winMap') || {}
+              map[win.id] = id // 将当前窗口id和课件id进行关联
+              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.smarttalk') // 清除缓存
               getSmarttalkPage({

src/renderer/src/views/prepare/index.vue

@@ -274,13 +274,17 @@ export default {
       treelogRef:null,
       // 获取当前章节对应的课程信息 Entpcourse
       entp: null,
+      isPgDialogClose: false, // 关闭进度条弹窗
       pgDialog: { // 弹窗-进度条
         visible: false,
         title: 'PPT解析中...',
         width: 300,
-        showClose: false,
+        showClose: true,
         draggable: true,
-        beforeClose: done => {}, // 阻止-弹窗事件
+        beforeClose: done => { // 弹窗关闭前回调
+          this.isPgDialogClose = true
+          done()
+        },
         pg: { // 进度条-参数
           percentage: 0, // 百分比
           color: [
@@ -453,6 +457,9 @@ export default {
         }
         case 'click': { // 点击-打开课件-aippt
           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') // 清除上课相关信息
             const res = await getEntpcoursefile(row.fileId)
             if (res && res.code === 200) {
@@ -496,12 +503,37 @@ export default {
      * @param {object} currData 当前数据 type: edit/class 备课信息 | 课堂信息
      */
     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) // 缓存当前资源信息
       if (type=='edit') sessionStore.set('curr.smarttalk', currData) // 缓存当前文件smarttalk
       else sessionStore.set('curr.classcourse', currData) // 缓存当前当前上课
       createWindow('open-win', {
         url: '/pptist', // 窗口关闭时，清除缓存
-        close: () => {
+        success: (win) => { // 窗口打开成功
+          const map = sessionStore.get('curr.winMap') || {}
+          map[win.id] = resource.id // 将当前窗口id和课件id进行关联
+          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') // 清除缓存
           if (type=='edit') {
             sessionStore.delete('curr.smarttalk') // 清除缓存
@@ -584,6 +616,7 @@ export default {
     },
     handleFileChange(){
       const file = event.target.files[0];
+      this.$refs.fileInput.value = ''
       if (file) {
         console.log(file);
         console.log('文件名:', file.name);
@@ -620,17 +653,23 @@ export default {
       if (!!o.src) { // 如果有src就转换
         const isBase64 = /^data:image\/(\w+);base64,/.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 // 已存在线上地址直接赋值
         else { // 不存在重新上传
           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) // 缓存
           } else if (isBlobUrl) { // 视频和音频
+            if(!typeExt) typeExt = o.type=='video'?'mp4':'mp3'
             const res = await fetch(o.src)
             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 &&(o.src = url)
             url && o.zipPath && (this.pptMedia[o.zipPath] = url) // 缓存
@@ -659,14 +698,20 @@ export default {
       }
     },
     async createAIPPTByFile(file,fileShowName) {
+      this.isPgDialogClose = false // 默认不关闭
       this.pgDialog.visible = true
       this.pgDialog.pg.percentage = 0
+      const closePgDialog = () => {
+        this.pgDialog.pg.percentage = 0
+        this.pgDialog.visible = false
+      }
       this.pptMedia = {} // 清空媒体数据
       const resPptJson = await PPTXFileToJson(file).catch(() => {
         ElMessageBox.alert('PPT文件转换失败！请点击素材右侧...下载文件后打开另存为PPTX文件格式再进行导入！')
         this.pgDialog.visible = false
       })
       if (!resPptJson) return
+      if(this.isPgDialogClose) return closePgDialog() // 弹窗关闭了,终止进行
       const { def, slides, ...content } = resPptJson
       // 生成缩略图
       const thumbnails = await slidesToImg(slides, content.width)
@@ -674,13 +719,13 @@ export default {
       let completed = 0
       const total = slides.length
       for( let o of slides ) {
+        if(this.isPgDialogClose) return closePgDialog() // 弹窗关闭了,终止进行
         completed++
         await this.toRousrceUrl(o)
         // 设置进度条
         this.pgDialog.pg.percentage = Math.floor(completed / total * 100)
       }
-      this.pgDialog.pg.percentage = 0
+      closePgDialog() // 关闭进度条弹窗
-      this.pgDialog.visible = false
       listEntpcourse({
         evalid: this.currentNode.id,
         edituserid: this.userStore.userId,