fix：作业批阅柱状图改为百分比显示；

Reviewed-on: #319

electron.vite.config.mjs

@@ -43,6 +43,11 @@ export default defineConfig({
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/baidubce/, '')
         },
+        '/parth': {
+          target: 'https://zwapi.xfyun.cn', // 第三方API的地址
+          changeOrigin: true, // 改变请求的起源
+          rewrite: (path) => path.replace(/^\/parth/, '') // 重写路径
+        },
       },
     },
     plugins: [vue(), WindiCSS()],

src/renderer/src/layout/components/Header.vue

@@ -80,6 +80,8 @@ import { updateUserInfo } from '@/api/system/user'
 import logoIco from '@/assets/images/logo.png'
 import { listEvaluation } from '@/api/classManage/index'
 import { sessionStore } from '@/utils/store'
+import Chat from '@/utils/chat' // im 登录初始化
+if (!Chat.imChat) Chat.init()
 
 let homeTitle = ref(import.meta.env.VITE_APP_TITLE)
 const { ipcRenderer } = window.electron || {}
@@ -143,6 +145,7 @@ function handleCommand(command) {
       break
     case 'logout':
       logout()
+      Chat?.logout() // im 退出登录
       break
     default:
       break

src/renderer/src/layout/index.vue

@@ -19,8 +19,11 @@ import AppMain from './components/AppMain.vue'
 import Uploader from './components/Uploader.vue'
 import AiChart from '@/components/ai-chart/index.vue'
 import uploaderState from '@/store/modules/uploader'
+// import Chat from '@/utils/chat'
 
 let uploaderStore = ref(uploaderState())
+// window.test = Chat
+// Chat.init()
 
 </script>
 

src/renderer/src/plugins/imChat/index.js

@@ -70,7 +70,10 @@ export class ImChat {
     // 日志监听
     this.timChat.TIMSetLogCallback({
       callback: data => {
-        this.setConsole('%cchat-log ', data[1])
+        const [type, log] = data
+        if (type == log_level) { // 打印对应日志
+          this.setConsole('%cchat-log ', log)
+        }
       },
       user_data: ''
     })
@@ -86,7 +89,7 @@ export class ImChat {
         if (code == 0) { // 初始化成功
           this.setConsole('%cim-chat: init', '初始化成功')
           this.status.isConnect = true
-          this.setConfig() // 设置日志级别
+          // this.setConfig() // 设置日志级别
           resolve(this)
         } else { // 失败：具体请看code
           console.error('[im-chat]：初始化失败', code)
@@ -227,10 +230,11 @@ export class ImChat {
     })
   }
   // 删除群组
-  deleteGroup() {
-    if (!this.timGroupId) return
+  deleteGroup(timGroupId) {
+    const groupId = timGroupId || this.timGroupId
+    if (!groupId) return
     return this.timChat.TIMGroupDelete({
-      groupId: this.timGroupId,
+      groupId,
       data: '', // 用户自定义数据
     })
   }
@@ -249,7 +253,7 @@ export class ImChat {
   }
   // 获取群组列表
   getGroupList() {
-    return this.timChat.getGroupList().then(res => {
+    return this.timChat.TIMGroupGetJoinedGroupList().then(res => {
       console.log('获取群组列表', res)
       return res
     }).catch(error => {

src/renderer/src/utils/aichat.js

@@ -0,0 +1,80 @@
+import axios from "axios";
+import { getSignature } from "./index";
+
+let appId = "01ec9aa3";
+let secret = "M2QxMDAxMjYyYTEzODMwMGRkZTQ4NmUy";
+let timestamp = Math.floor(Date.now() / 1000);
+let signature = getSignature(appId, secret, timestamp);
+
+export function text2Text(data) {
+  return axios({
+    url: "v1/chat/completions",
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: "Bearer yjCwlZCeUtBYvjHAQZdk:FtWNmJSWcZMCmTBQZfoH",
+      Accept: "*/*",
+    },
+    data: {
+      model: "4.0Ultra",
+      messages: data,
+      stream: false,
+    },
+  });
+}
+export function uploadDoc(data) {
+  return axios({
+    url: "openapi/v1/file/upload",
+    method: "post",
+    headers: {
+      "Content-Type": "multipart/form-data",
+      appId: appId,
+      timestamp: timestamp,
+      signature: signature,
+    },
+    data: data,
+  });
+}
+export function queryDocStatus(data) {
+  return axios({
+    url: "openapi/v1/file/status",
+    method: "post",
+    headers: {
+      "Content-Type": "application/form-data",
+      appId: appId,
+      timestamp: timestamp,
+      signature: signature,
+    },
+    data: data
+  });
+}
+export function chatByDoc(fileId, data) {
+  const wsUrl = `wss://chatdoc.xfyun.cn/openapi/chat?fileId=${fileId}&appId=${appId}&timestamp=${timestamp}&signature=${signature}`;
+
+  const ws = new WebSocket(wsUrl);
+
+  ws.onopen = () => {
+    const messageBody = {
+      fileIds: [fileId],
+      messages: data,
+      chatExtends: {
+        wikiPromptTpl:
+          "请将以下内容作为已知信息：\n<wikicontent>\n请根据以上内容回答用户的问题。\n问题:<wikiquestion>\n回答:",
+        wikiFilterScore: 0.82,
+        temperature: 0.5,
+        sparkWhenWithoutEmbedding: false,
+      },
+    };
+
+    ws.send(JSON.stringify(messageBody));
+  };
+
+  ws.onmessage = (event) => {
+    const response = JSON.parse(event.data);
+    console.log("WebSocket 消息:", response);
+  };
+
+  ws.onerror = (error) => {
+    console.error("WebSocket 错误:", error);
+  };
+}

src/renderer/src/utils/chat.js

@@ -0,0 +1,98 @@
+/**
+* 实现单例模式
+*/
+import useUserStore from '@/store/modules/user'
+import { ImChat } from '@/plugins/imChat'
+import * as http from '@/api/apiService' // 自定义api service
+
+export class Chat {
+  instance = null;
+  sdkAppId = 0;  // 应用id
+  sign = '';     // 签名
+  imUserId = ''; // 用户id
+  imChat = null; // IM实例
+
+  constructor() {
+    if (!Chat.instance) { // 存在的时候
+      Chat.instance = this;
+    }
+    return Chat.instance;
+  }
+ /**
+      * 初始化 获取IM签名
+      * @param {*} isInit  : 是否初始化IM 
+      * @param {*} isLogin : 是否登录IM
+      * @param {*} callback: 监听消息回调函数 
+      * @returns Promise<ImChat>
+      */
+  async init(isInit = true, isLogin = true, callback) {
+    // 特殊处理，只传1个参数且为函数，则默认为callback，isInit和isLogin默认为true
+    if (typeof isInit == 'function'){
+      callback = isInit
+      isInit = true
+      isLogin = true
+    }
+    const userStore = useUserStore()
+    const { timuserid: imUserId } = userStore.user
+    // 获取腾讯云签名
+    const res = await http.imChat.getTxCloudSign({imUserId})
+    if (res && res.code == 200) {
+      const { sdkAppId, sign } = res.data
+      this.sdkAppId = sdkAppId
+      this.sign = sign
+      this.imUserId = imUserId
+      // 初始化IM
+      if (isInit) return await this.initIM(isLogin, callback)
+    }
+  }
+ // 初始化IM
+  async initIM(isLogin, callback) {
+    const imChat = new ImChat(this.sdkAppId, this.sign, this.imUserId)
+    this.imChat = imChat
+    await imChat.init()               // 初始化IM
+    callback && this.listenMsg(callback)   // 监听消息
+    if(isLogin) await imChat.login()  // 登录IM
+    return imChat
+  }
+ // 监听消息
+  async listenMsg(callback) {
+    if (!callback) return
+    if (!this.imChat) return
+    await this.imChat?.watch(msg => callback(msg))
+  }
+ // 解散群
+  async dismissGroup(groupId) {
+    if (!this.imChat) return
+    await this.imChat?.deleteGroup(groupId)
+  }
+ // 退出登录
+  async logout() {
+    if (!this.imChat) return
+    await this.imChat?.logout()
+    imChat = null
+    this.imChat = null
+  }
+  // 发群消息
+  async sendMsg(conv_id, msg) {
+    if (!this.imChat) return
+    await this.imChat?.sendMsg(conv_id, msg)
+  }
+  // 发群消息
+  async sendMsgGroup(msg, head, type) {
+    if (!this.imChat) return
+    this.imChat?.sendMsgGroup(msg, head, type)
+  }
+  // 发群消息
+  async sendMsgGroupId(groupId, msg, head, type) {
+    if (!this.imChat) return
+    const msgObj = this.imChat?.getMsgObj(head, msg, type)
+    this.imChat?.sendMsg(groupId, msgObj)
+  }
+  // 获取群列表
+  async getGroupList() {
+    if (!this.imChat) return
+    return await this.imChat?.getGroupList()
+  }
+}
+
+export default new Chat()

src/renderer/src/utils/index.js

@@ -0,0 +1,33 @@
+import CryptoJS from 'crypto-js';
+
+// 生成签名的主方法
+export function getSignature(appId, secret, ts) {
+    try {
+        const auth = md5(appId + ts);
+        return hmacSHA1Encrypt(auth, secret);
+    } catch (error) {
+        console.error('Error generating signature:', error);
+        return null;
+    }
+}
+
+// MD5 加密
+function md5(cipherText) {
+    try {
+        return CryptoJS.MD5(cipherText).toString(); // 使用 CryptoJS 进行 MD5 加密
+    } catch (error) {
+        console.error('Error in MD5 hashing:', error);
+        return null;
+    }
+}
+
+// HMAC-SHA1 加密
+function hmacSHA1Encrypt(encryptText, encryptKey) {
+    try {
+        // 使用 CryptoJS 进行 HMAC-SHA1 加密，并转换为 Base64 格式
+        return CryptoJS.HmacSHA1(encryptText, encryptKey).toString(CryptoJS.enc.Base64);
+    } catch (error) {
+        console.error('Error in HMAC-SHA1 encryption:', error);
+        return null;
+    }
+}

src/renderer/src/utils/ppt-request.js

@@ -0,0 +1,78 @@
+import axios from "axios";
+import { getSignature } from "./index";
+import { ElMessage } from "element-plus";
+
+let appId = "01ec9aa3";
+let secret = "M2QxMDAxMjYyYTEzODMwMGRkZTQ4NmUy";
+let timestamp = Math.floor(Date.now() / 1000);
+let signature = getSignature(appId, secret, timestamp);
+
+const instance = axios.create({
+  baseURL: "",
+  headers: {
+    "Content-Type": "application/json",
+    appId: appId,
+    timestamp: timestamp,
+    signature: signature,
+  },
+});
+
+const createOutline = async (data) => {
+  console.log("createOutline data:", data);
+  try {
+    const response = await instance.post(
+      "/parth/api/aippt/createOutline",
+      data
+    );
+    console.log("createOutline response:", response);
+    if (response.code == 81002) {
+      ElMessage.error("并发数量超过限制");
+    }
+    return response.data;
+  } catch (error) {
+    console.error("请求失败:", error);
+    throw error;
+  }
+};
+const getBackGround = async () => {
+  try {
+    const response = await instance.get("/parth/api/aippt/themeList");
+    return response.data;
+  } catch (error) {
+    console.error("请求失败:", error);
+    throw error;
+  }
+};
+const createPPT = async (data) => {
+  try {
+    const response = await instance.post("/parth/api/aippt/create", data);
+    console.log("createOutline response:", response);
+
+    return response.data;
+  } catch (error) {
+    console.error("请求失败:", error);
+    throw error;
+  }
+};
+const createByOutline = async (data) => {
+  try {
+    const response = await instance.post("/parth/api/aippt/createByOutline", data);
+    console.log("createByOutline response:", response);
+
+    return response.data;
+  } catch (error) {
+    console.error("请求失败:", error);
+    throw error;
+  }
+};
+const getProgress = async (id) => {
+  try {
+    const response = await instance.get(`/parth/api/aippt/progress?sid=${id}`);
+    return response.data;
+  } catch (error) {
+    console.error("请求失败:", error);
+    throw error;
+  }
+};
+
+export { instance, createOutline, getBackGround, createPPT, getProgress, createByOutline };

src/renderer/src/views/classManage/classReserv.vue

@@ -11,6 +11,7 @@
           v-if="item.bookImg"
           @open-edit="reservDialog.openDialog(item)"
           @delete-reserv="deleteReserv(item)"
+          @change="(...o) => emit('change', ...o)"
         ></reserv-item>
         <reserv-item-apt
           v-if="!item.bookImg"
@@ -18,6 +19,7 @@
           :item="item"
           @open-edit="reservDialog.openDialog(item)"
           @delete-reserv="deleteReserv(item)"
+          @change="(...o) => emit('change', ...o)"
         ></reserv-item-apt>
       </template>
     </div>
@@ -34,6 +36,10 @@ import Reserv from '@/views/prepare/container/reserv.vue'
 import { useToolState } from '@/store/modules/tool'
 import useUserStore from '@/store/modules/user'
 import ReservItemApt from '@/views/classManage/reserv-item-apt.vue'
+// import Chat from '@/utils/chat' // im 登录初始化
+// if (!Chat.imChat) Chat.init()
+
+const emit = defineEmits(['change'])
 const reservDialog = ref(null)
 const tabOptions = ref(['进行中', '已结束'])
 const tabActive = ref('进行中')

src/renderer/src/views/classManage/reserv-item-apt.vue

@@ -7,14 +7,14 @@
       <span>{{item.caption}}</span>
     </div>
     <div class="class-reserv-item-tool" style="width: 200px;max-width: 300px">
-      <el-tag v-if="item.status === 'close'" style="margin-right: 5px" type="success">已结束</el-tag>
+      <el-tag v-if="item.status === 'closed'" style="margin-right: 5px" type="success">已结束</el-tag>
       <el-tag v-if="item.status === 'open'" style="margin-right: 5px" type="danger">上课中</el-tag>
       <el-button v-if="item.status === 'open'" :disabled="toolStore.isToolWin" size="small" type="primary" @click="startClassR(item)"
       >继续上课</el-button
       >
       <!--      <el-button v-if="item.status === '未开始'" @click="openEdit">编辑</el-button>-->
-      <el-button v-if="item.status === 'open'" size="small" type="info" @click="endClassR(item)"
-      >下课</el-button
+      <el-button v-if="item.status === 'open'" :loading="loading" size="small" type="info" @click="endClassR(item)"
+      >下课{{ loading?'中...':'' }}</el-button
       >
     </div>
     <div class="class-reserv-item-tool" style="width: 50px;">
@@ -25,13 +25,14 @@
   </div>
 </template>
 <script setup>
+import { ref } from 'vue'
 import { useToolState } from '@/store/modules/tool'
 import useUserStore from '@/store/modules/user'
 import { createWindow } from '@/utils/tool'
 import { deleteSmartReserv, startClass, endClass } from '@/api/classManage'
 import { ElMessage } from 'element-plus'
 import { listEntpcourse } from '@/api/teaching/classwork'
-const emit = defineEmits(['openEdit', 'deleteReserv'])
+const emit = defineEmits(['openEdit', 'deleteReserv', 'change'])
 const props = defineProps({
   item: {
     type: Object,
@@ -40,6 +41,7 @@ const props = defineProps({
 })
 const basePath = import.meta.env.VITE_APP_BUILD_BASE_PATH
 const toolStore = useToolState() // 获取状态管理-tool
+const loading = ref(false)  // 下课中的loading
 const openEdit = () => {
   emit('openEdit', props.item)
 }
@@ -54,42 +56,15 @@ const deleteReserv = () => {
     }
   })
 }
+// 继续上课
 const startClassR = (item) => {
-  // startClass(item.id).then((res) => {
-  //   if (res.data === true) {
-  //     item.status = '上课中'
-  //     openLesson()
-  //   }
-  // })
-  // item.status = '上课中'
-  openLesson()
+  emit('change', 'continue', item)
 }
+// 下课
 const endClassR = (item) => {
-  /*endClass(item.id).then((res) => {
-    if (res.data === true) {
-      ElMessage({
-        message: '下课成功',
-        type: 'success'
-      })
-      item.status = '已结束'
-    }
-  })*/
-}
-// const toolStore = useToolState()
-let wins = null;
-// 上课-工具类悬浮
-const openLesson = () => {
-  // startClass(props.item.id)
-  /*listEntpcourse({
-    evalid: props.item.ex2,
-    edituserid: useUserStore().user.userId,
-    pageSize: 500
-  }).then(async res=>{
-    if (res.rows[0].id) {
-      wins = await createWindow('tool-sphere', { url: '/tool/sphere?entpcourseid=' + res.rows[0].id + "&reservId=" + props.item.id })
-    }
-  })*/
+  emit('change', 'close', item, { type: 2, loading })
 }
+
 </script>
 <style scoped lang="scss">
 .class-reserv-item {

src/renderer/src/views/classManage/reserv-item.vue

@@ -13,8 +13,8 @@
         >继续上课</el-button
       >
 <!--      <el-button v-if="item.status === '未开始'" @click="openEdit">编辑</el-button>-->
-      <el-button v-if="item.status === '上课中'" size="small" type="info" @click="endClassR(item)"
-        >下课</el-button
+      <el-button v-if="item.status === '上课中'" :loading="loading" size="small" type="info" @click="endClassR(item)"
+        >下课{{ loading?'中...':'' }}</el-button
       >
     </div>
     <div class="class-reserv-item-tool" style="width: 50px;">
@@ -25,13 +25,14 @@
   </div>
 </template>
 <script setup>
+import { ref } from 'vue'
 import { useToolState } from '@/store/modules/tool'
 import useUserStore from '@/store/modules/user'
 import { createWindow } from '@/utils/tool'
 import { deleteSmartReserv, startClass, endClass } from '@/api/classManage'
 import { ElMessage } from 'element-plus'
 import { listEntpcourse } from '@/api/teaching/classwork'
-const emit = defineEmits(['openEdit', 'deleteReserv'])
+const emit = defineEmits(['openEdit', 'deleteReserv','change'])
 const props = defineProps({
   item: {
     type: Object,
@@ -40,6 +41,7 @@ const props = defineProps({
 })
 const basePath = import.meta.env.VITE_APP_BUILD_BASE_PATH
 const toolStore = useToolState() // 获取状态管理-tool
+const loading = ref(false)  // 下课中的loading
 const openEdit = () => {
   emit('openEdit', props.item)
 }
@@ -80,15 +82,7 @@ const openLesson = () => {
   })
 }
 const endClassR = (item) => {
-  endClass(item.id).then((res) => {
-    if (res.data === true) {
-      ElMessage({
-        message: '下课成功',
-        type: 'success'
-      })
-      item.status = '已结束'
-    }
-  })
+  emit('change', 'close', item, { type: 2, loading })
 }
 </script>
 <style scoped lang="scss">

src/renderer/src/views/classTask/container/classOverview/distribution/echarts.vue

@@ -32,6 +32,8 @@ function getColor(index) {
 // 初始化图表
 function initChart() {
   const myChart = echarts.init(chartRef.value);
+  const total = dataList.value.reduce((acc, cur) => acc + cur.value, 0); // 计算总数
+
   const options = {
     tooltip: {
       trigger: 'axis',
@@ -70,7 +72,11 @@ function initChart() {
       label: {
         show: true,
         position: 'top',
-        formatter: '{c}人',
+        formatter: params => {
+          const value = dataList.value[params.dataIndex].value;
+          const percentage = ((value / total) * 100).toFixed(2); // 计算百分比并保留两位小数
+          return `${percentage}%`; // 显示为百分比形式
+        },
         color: '#333',
         fontSize: 12
       }

src/renderer/src/views/prepare/container/ai-ppt.vue

@@ -0,0 +1,697 @@
+<template>
+  <div class="ai-container">
+    <el-steps style="max-width:100% " :active="activeStep" align-center>
+      <el-step title="开始创作" />
+      <el-step title="输入主题" />
+      <el-step title="编辑大纲" />
+      <el-step title="选择模板" />
+      <el-step title="制作PPT" />
+    </el-steps>
+    <div class="card-box">
+      <el-card class="card1" v-if="activeStep == 0">
+        <el-tabs v-model="activeName" type="card" class="demo-tabs">
+          <el-tab-pane label="输入主题与要求" name="first">
+            <div style="padding: 20px;">输入主题</div>
+            <el-input type="textarea" v-model="inputTheme" :rows="3" placeholder="在此输入您的PPT主题..."
+              @keydown.enter.exact.prevent="addMessage" @keydown.enter.shift.exact.prevent="inputTheme += '\n'" />
+            <div style="padding: 20px;">具体生成要求</div>
+            <el-input type="textarea" v-model="inputRequire" :rows="3" placeholder="请输入对生成大纲的具体要求，比如要包含那些内容"
+              @keydown.enter.exact.prevent="addMessage" @keydown.enter.shift.exact.prevent="inputRequire += '\n'" />
+            <div>
+              <el-button style="margin:15px 0" type="primary" @click="addMessage">生成大纲→</el-button>
+            </div>
+          </el-tab-pane>
+          <!-- <el-tab-pane label="上传文件并解析" name="second">
+            <el-upload action="#" :on-change="onFileChange" :before-upload="beforeUpload" :show-file-list="false">
+              <el-button type="primary">点击上传并解析文件</el-button>
+              <text>(支持 doc/docx、pdf、md、txt 格式文档,不超过 20M,不超过 100W 字符)</text>
+            </el-upload>
+            <br/>
+            <div v-if="enableButton">{{docName}}文档已解析完毕</div>
+            <br/>
+            <div style="padding: 20px;">输入主题</div>
+            <textarea style="width:50vw" v-model="inputTheme" :rows="3" placeholder="在此输入您的PPT主题..."
+              @keydown.enter.shift.exact.prevent="inputTheme += '\n'">
+          </textarea>
+            <div style="padding: 20px;">具体生成要求</div>
+            <textarea style="width:50vw; margin:20px" v-model="docRequire" :rows="3"
+              placeholder="请输入对生成大纲的具体要求，比如要包含那些内容" @keydown.enter.shift.exact.prevent="inputRequire += '\n'">
+          </textarea>
+            <div>
+              <el-button style="padding:15px" type="primary" :disabled="!enableButton"
+                @click="chatDoc">生成大纲→</el-button>
+            </div>
+          </el-tab-pane> -->
+        </el-tabs>
+      </el-card>
+      <el-card class="card2" v-if="activeStep == 1">
+          <div class="paragraphs">
+            {{ outputText }}
+          </div>   
+      </el-card>
+      <el-card class="card3" v-if="activeStep == 2">
+        <div class="outline">
+          <el-scrollbar  height="250px">
+            <el-row :gutter="20" class="outline-row">
+              <el-col :span="8">
+                <div v-for="item in firstArray" :key="item" class="item-with-dash">{{ item }}</div>
+              </el-col>
+              <el-col :span="16">
+                <div v-for="(item, index) in secondArray" :key="index">
+                  <el-input v-model="item.value"></el-input>
+                </div>
+              </el-col>
+            </el-row>
+          </el-scrollbar>
+        </div>
+        <el-input type="textarea" v-model="fixRequire" :rows="3" placeholder="与AI对话，告诉AI您想如何修改"
+          @keydown.enter.exact.prevent="fixOutline" @keydown.enter.shift.exact.prevent="inputRequire += '\n'" />
+        <br />
+        <el-button v-if="fixRequire.length > 0" style="padding:15px" type="primary"
+          @click="fixOutline()">发送修改</el-button>
+        <el-button style="margin-top:15px" type="primary" @click="combineOutline()">下一步→</el-button>
+      </el-card>
+      <el-card v-if="activeStep == 3">
+        <div style="padding-bottom: 10px">ppt模板选择</div>
+        <div class="themes">
+          <div v-for="item in backGroundList" :key="item.key" :style="{
+            padding: '20px',
+            paddingRight: '30px',
+            paddingLeft: '30px',
+            margin: '10px',
+            backgroundColor: getBackgroundColor(item.key),
+            borderRadius: '10px',
+            borderBlock: '10px solid #e6e6e6'
+          }" @click="chooseBackground(item.key)" @mouseenter="changeCursor('pointer')" @mouseleave="changeCursor('default')">
+            {{ item.name }}
+            <br />
+            <img style="width: 150px; height: auto" :src="item.thumbnail" alt="" />
+          </div>
+        </div>
+        <el-row class="el-row">
+          <el-col :span="6" class="el-col">
+            <div class="grid-content-1">
+              <div>演讲备注</div>
+              <el-switch v-model="outlineData.is_card_note" />
+            </div>
+          </el-col>
+          <el-col :span="6" class="el-col">
+            <div class="grid-content-2">
+              <div>生成封面</div>
+              <el-switch v-model="outlineData.is_cover_img" />
+            </div>
+          </el-col>
+          <el-col :span="6" class="el-col">
+            <div class="grid-content-1">
+              <div>自动配图</div>
+              <el-switch v-model="outlineData.is_figure" />
+            </div>
+          </el-col>
+          <el-col :span="6" class="el-col">
+            <div class="grid-content-2">
+              <div>PPT作者名：</div>
+              <el-input v-model="outlineData.author" style="width: 50%" />
+            </div>
+          </el-col>
+        </el-row>
+        <div>
+          <el-button style="margin-bottom: 5px;" type="primary" @click="outlineCreatePPT()">生成PPT</el-button>
+        </div>
+      </el-card>
+      <el-card v-if="activeStep == 4">
+        <el-progress :percentage="30" type="circle" v-if="percentage == 30"></el-progress>
+        <el-progress :percentage="70" type="circle" v-if="percentage == 70"></el-progress>
+        <el-progress :percentage="100" type="circle" v-if="percentage == 100"></el-progress>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { ElMessage } from 'element-plus'
+import {
+  getBackGround,
+  createPPT,
+  getProgress,
+} from "@/utils/ppt-request.js";
+import { uploadDoc, queryDocStatus } from "@/utils/aichat.js";
+import CryptoJS from "crypto-js"
+
+import { getSignature } from "@/utils/index.js";
+
+let appId = "01ec9aa3";
+let secret = "M2QxMDAxMjYyYTEzODMwMGRkZTQ4NmUy";
+let apikey = "39d05b269fa229f431a56c21794a8ea5"
+let timestamp = Math.floor(Date.now() / 1000);
+let signature = getSignature(appId, secret, timestamp);
+const { ipcRenderer } = window.electron || {}
+
+
+const outputText = ref("");  // 用于展示的大纲数据
+const stagingData = ref([]);  //储存的对话数据，用于多轮对话
+const stagOutputText = ref("");  // 暂存大纲用于拆分
+let extractedParts = ref([]) // 初步拆分
+
+let firstArray = ref([]); //大纲的大纲等级数字部分
+let secondArray = ref([]); //大纲的文字部分
+
+
+const backGroundList = ref([]);
+
+const inputTheme = ref(""); // 输入的主题
+const inputRequire = ref("") // 输入的需求
+const activeStep = ref(0);  // 上方进度条
+const fixRequire = ref("");  // 对话修改大纲
+const combined = ref('')  // 修改完毕的大纲数据，准备传入ppt生成模型
+
+const treeData = ref([]);
+const status = ref("init");
+
+const percentage = ref(0);
+
+const activeName = ref("first");
+
+const getBackground = () => {
+  treeData.value = [];
+  getBackGround().then((res) => {
+    console.log(res);
+    backGroundList.value = res.data;
+  });
+};
+
+const getBackgroundColor = (key) => {
+  return outlineData.value.theme === key ? '#83e2b6' : '#f5f5f5';
+};
+
+const outlineData = ref({
+  query: '',  // 用户要求（最多8000字）
+  theme: 'auto',  // ppt生成主题
+  author: 'AIX平台',
+  is_card_note: false,  // 是否自动生成ppt演讲备注
+  is_cover_img: false,   // 是否自动生成封面
+  is_figure: false,   // 是否自动配图
+}
+)
+
+// 将输入数据或返回数据存入记忆中
+function updateStagingData(role, newData) {
+  stagingData.value.push({ role: role, content: newData });
+}
+//大纲直接生成ppt
+const outlineCreatePPT = () => {
+  const newOutlineData = { ...outlineData.value, };
+  newOutlineData.query = combined.value;
+
+  createPPT(newOutlineData).then((res) => {
+    console.log(res, "正在生成中");
+    activeStep.value = 4
+
+    const checkProgress = () => {
+      getProgress(res.data.sid).then((response) => {
+        percentage.value = response.data.process;
+        if (response.data && response.data.pptUrl && response.data.pptUrl.length > 4) {
+          console.log('PPT',response)
+          //TODO window.location.href = response.data.pptUrl;
+          ElMessage.success("生成成功");
+        } else {
+          const sleepTime = 2000;
+          let remainingTime = sleepTime;
+          const intervalId = setInterval(() => {
+            remainingTime -= 100;
+            if (remainingTime <= 0) {
+              clearInterval(intervalId);
+              checkProgress();
+            }
+          }, 100);
+        }
+      });
+    };
+
+    checkProgress();
+  })
+};
+
+//初次对话
+const addMessage = () => {
+  const themeValue = inputTheme.value;
+  const requireValue = inputRequire.value;
+  firstArray.value = []
+  secondArray.value = []
+  extractedParts.value = []
+  stagOutputText.value = ''
+  const combinedString = `请帮我生成一个ppt大纲，主题为：${themeValue}。具体内容要求为：${requireValue}。注意，用三个等级大纲展示，如1. 1.1 1.1.2 2. 2.1这种类型，且按照这种顺序，不要有完全相同数字等级的大纲，不要有目录`
+  updateStagingData("user", combinedString);
+  connectWebSocket(stagingData.value);
+  activeStep.value = 1
+};
+
+//修改大纲时和ai对话
+const fixOutline = () => {
+  outputText.value = '';
+  firstArray.value = [];
+  secondArray.value = [];
+  extractedParts.value = []
+  stagOutputText.value = ''
+
+  const fixValue = fixRequire.value;
+  updateStagingData('user', fixValue)
+  activeStep.value = 1
+  if (enableButton.value) {
+    uploadAndAskMainContent(stagingData.value)
+  } else { connectWebSocket(stagingData.value); }
+  fixRequire.value = ''
+};
+
+// 大纲的拆分
+function extractAndRemove() {
+  let startIndex = -1;
+  let endIndex = -1;
+
+  for (let i = 0; i < stagOutputText.value.length; i++) {
+    const char = stagOutputText.value[i];
+    if (!isNaN(parseInt(char))) {
+      startIndex = i;
+      break;
+    }
+  }
+
+  if (startIndex !== -1) {
+    for (let j = startIndex; j < stagOutputText.value.length; j++) {
+      const char2 = stagOutputText.value[j];
+      if (char2 === '\n') {
+        endIndex = j;
+        break;
+      }
+    }
+  }
+
+  let extractedPart = '';
+  if (startIndex !== -1 && endIndex !== -1) {
+    extractedPart = stagOutputText.value.slice(startIndex, endIndex).replace(/\n/g, '');
+    extractedParts.value.push(extractedPart);
+    stagOutputText.value = stagOutputText.value.replace(extractedPart, '');
+    return true;
+  } else {
+    return false;
+  }
+}
+
+// 开始大纲拆分
+function startExtraction() {
+  stagOutputText.value = outputText.value
+  while (extractAndRemove()) { }
+
+  //将拆分好的大纲的大纲等级和文字部分拆分到两个数组中
+  extractedParts.value.forEach(item => {
+    const parts = item.split(' ');
+    if (parts.length === 2) {
+      firstArray.value.push(parts[0]);
+      secondArray.value.push({ value: parts[1] });
+    }
+  })
+}
+
+// 拼接修改完毕的大纲
+function combineOutline() {
+  let tempCombined = '';
+  for (let i = 0; i < Math.max(firstArray.value.length, secondArray.value.length); i++) {
+    tempCombined += firstArray.value[i] || '';
+    tempCombined += secondArray.value[i] ? secondArray.value[i].value : '';
+    tempCombined += i < Math.max(firstArray.value.length, secondArray.value.length) - 1 ? ',' : '';
+  }
+
+  combined.value = tempCombined;
+  fixRequire.value = ''
+  activeStep.value = 3
+}
+
+
+let ttsWS
+function connectWebSocket(data) {
+  outputText.value = "";    //清楚展示部分内容
+  status.value = "ttsing";
+  return getWebsocketUrl().then((url) => {
+    ttsWS = new WebSocket(url);
+    ttsWS.onopen = () => {
+      webSocketSend(ttsWS, data);
+    };
+    ttsWS.onmessage = (e) => {
+      result1(e.data);
+    };
+    ttsWS.onerror = (e) => {
+      status.value = "error";
+      console.log("WebSocket error:", e);
+    };
+    ttsWS.onclose = () => {
+      status.value = "init";
+    };
+  });
+}
+
+function getWebsocketUrl() {
+  return new Promise((resolve, reject) => {
+    var apiKey = apikey;
+    var apiSecret = secret;
+    var url = "wss://spark-api.xf-yun.com/v4.0/chat";
+
+    var host = "spark-api.xf-yun.com";
+    var date = new Date().toGMTString();
+    var algorithm = "hmac-sha256";
+    var headers = "host date request-line";
+    var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v4.0/chat HTTP/1.1`;
+    var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, apiSecret);
+    var signature = CryptoJS.enc.Base64.stringify(signatureSha);
+
+    var authorizationOrigin = `api_key="${apiKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`;
+    var authorization = CryptoJS.enc.Base64.stringify(
+      CryptoJS.enc.Utf8.parse(authorizationOrigin)
+    );
+
+    url = `${url}?authorization=${authorization}&date=${date}&host=${host}`;
+    console.log(url);
+    resolve(url);
+  });
+}
+function webSocketSend(ws, data) {
+  const params = {
+    header: {
+      app_id: appId,
+    },
+    parameter: {
+      chat: {
+        domain: "4.0Ultra",
+        temperature: 0.5,
+        max_tokens: 1024,
+      },
+    },
+    payload: {
+      message: {
+        text: data,
+      },
+    },
+  };
+  ws.send(JSON.stringify(params));
+}
+
+function result1(resultData) {
+  let jsonData = JSON.parse(resultData);
+  outputText.value += jsonData.payload.choices.text[0].content;
+  const div = document.querySelector('.paragraphs');
+  if (div) {
+    div.scrollTop = div.scrollHeight;
+  }
+  if (jsonData.payload && jsonData.payload.usage) {
+    startExtraction() // 返回完毕后开始拆分大纲
+    console.log(firstArray.value, secondArray.value)
+    activeStep.value = 2
+    updateStagingData("assistant", outputText.value)  //返回数据存入记忆池
+  }
+  if (jsonData.header.code !== 0) {
+    alert(`提问失败: ${jsonData.header.code}:${jsonData.header.message}`);
+  }
+}
+
+
+const selectedFile = ref(null);
+
+const maxSize = 1024 * 1024 * 20;
+const allowedTypes = [
+  "application/pdf",
+  "application/msword",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "text/markdown",
+  "text/plain",
+];
+const fileType = "wiki";
+const parseType = "AUTO";
+const upfileId = ref('');
+const docName = ref('')
+
+const docTheme = ref('')  // 文档生成ppt的主题
+const docRequire = ref('')  // 文档生成要求
+
+const onFileChange = (file) => {
+  console.log(file);
+  if (!allowedTypes.includes(file.raw.type)) {
+    console.error("不支持的文件类型");
+    return;
+  }
+  if (file.size > maxSize) {
+    console.error("文件过大");
+    return;
+  }
+  docName.value = file.raw.name
+  selectedFile.value = file.raw;
+  uploadFile();
+};
+const beforeUpload = (file) => {
+  return false;
+};
+const uploadFile = async () => {
+  if (!selectedFile.value) {
+    console.error("请先选择文件");
+    return;
+  }
+
+  const formData = new FormData();
+  formData.append("file", selectedFile.value);
+  formData.append("fileType", fileType);
+  formData.append("parseType", parseType);
+
+  for (const pair of formData.entries()) {
+    console.log(pair[0], pair[1]);
+  }
+
+  try {
+    const response = await uploadDoc(formData);
+    const upfileData = new FormData();
+    upfileId.value = response.data.data.fileId;
+    upfileData.append("fileIds", upfileId.value);
+    askdoc(upfileData);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+//文档状态查询
+const askdoc = async (data) => {
+  const response = await queryDocStatus(data);
+  if (response.data.data && response.data.data.length > 0) {
+    let foundVectored = false;
+    for (const item of response.data.data) {
+      if (item.fileStatus === 'vectored') {
+        foundVectored = true;
+        break;
+      }
+    }
+    if (foundVectored) {
+      enableButton.value = true
+    } else {
+      const sleepTime = 2000;
+      let remainingTime = sleepTime;
+      const intervalId = setInterval(() => {
+        remainingTime -= 100;
+        if (remainingTime <= 0) {
+          clearInterval(intervalId);
+          askdoc(data);
+        }
+      }, 100);
+    }
+  }
+};
+
+//文档对话
+function chatDoc() {
+  const docthemeValue = docTheme.value;
+  const docrequireValue = docRequire.value;
+  firstArray.value = []
+  secondArray.value = []
+  extractedParts.value = []
+  stagOutputText.value = ''
+  const combinedString = `请帮我生成一个ppt大纲，主题为：${docthemeValue}。具体内容要求为：${docrequireValue}。注意，用三个等级大纲展示，如1. 1.1 1.1.2 2. 2.1这种类型，且按照这种顺序，不要有完全相同数字等级的大纲，不要有目录`
+  updateStagingData("user", combinedString);
+  activeStep.value = 1
+  uploadAndAskMainContent(stagingData.value);
+}
+
+function chatByDoc(fileId, data) {
+  const wsUrl = `wss://chatdoc.xfyun.cn/openapi/chat?fileId=${fileId}&appId=${appId}&timestamp=${timestamp}&signature=${signature}`;
+
+  const ws = new WebSocket(wsUrl);
+
+  ws.onopen = () => {
+    const messageBody = {
+      fileIds: [fileId],
+      messages: data,
+      chatExtends: {
+        wikiPromptTpl:
+          "请将以下内容作为已知信息：\n<wikicontent>\n请根据以上内容回答用户的问题。\n问题:<wikiquestion>\n回答:",
+        wikiFilterScore: 0.82,
+        temperature: 0.5,
+        sparkWhenWithoutEmbedding: false,
+      },
+    };
+
+    ws.send(JSON.stringify(messageBody));
+  };
+
+  ws.onmessage = (event) => {
+    const response = JSON.parse(event.data);
+    result2(response)
+    console.log("WebSocket 消息:", response);
+  };
+
+  ws.onerror = (error) => {
+    console.error("WebSocket 错误:", error);
+  };
+}
+
+function result2(resultData) {
+  const div = document.querySelector('.paragraphs');
+  if (div) {
+    div.scrollTop = div.scrollHeight;
+  }
+  if (resultData.status == 1) {
+    outputText.value += resultData.content
+  }
+  if (resultData.status == 2) {
+    startExtraction() // 返回完毕后开始拆分大纲
+    activeStep.value = 2
+    updateStagingData("assistant", outputText.value)  //返回数据存入记忆池
+  }
+  if (resultData.code !== 0) {
+    alert(`提问失败: ${jsonData.header.code}:${jsonData.header.message}`);
+  }
+}
+
+
+
+//文档上传问题查询
+const uploadAndAskMainContent = async (data) => {
+  try {
+    // const formData = new FormData();
+    // formData.append(
+    //   "url",
+    //   "https://bjcdn.openstorage.cn/xinghuo/chatdocs/2024-09-13/dad35a4f-e7c1-4efc-b6df-cae763cb984b/39052b09-d154-419f-9832-20884adeb2f41726226211177.pdf"
+    // );
+    // formData.append("fileName", "test.pdf");
+    // formData.append("appId", "2ff2cc26");
+    // formData.append("secret", "YTMyZWFiOGVlYTc5ZGM5NGIwOTU3NWMx");
+    // // formData.append("fileType", "wiki");
+    // // formData.append("parseType", "AUTO");
+
+    // const uploadResp = await uploadDoc(formData);
+    // const fileId = uploadResp.data.data.fileId;
+    const fileId = upfileId.value;
+    chatByDoc(fileId, data);
+
+  } catch (error) {
+    console.error("上传或提问过程中发生错误:", error);
+  }
+};
+const enableButton = ref(false);
+
+const chooseBackground = (data) => {
+  outlineData.value.theme = data
+}
+
+const changeCursor = (cursorStyle) => {
+  document.documentElement.style.cursor = cursorStyle;
+};
+
+onMounted(() => {
+  connectWebSocket("");
+  getBackground();
+});
+</script>
+
+<style scoped>
+.ai-container {
+  width: 100%;
+  background-color: #f5f7f6;
+  padding: 20px
+}
+
+.card-box {
+  margin-top: 20px;
+}
+
+.card1 {
+  padding: 0;
+  width: 100%;
+}
+
+.paragraphs {
+  white-space: pre-wrap;
+  text-align: left;
+  max-height: 60vh;
+  overflow-y: auto;
+  border: 1px solid #409EFF;
+  padding: 10px;
+  margin: 5px
+}
+
+.themes {
+  display: flex;
+  flex-wrap: wrap;
+  height: 250px;
+  overflow-y: auto;
+}
+
+.outline {
+  white-space: pre-wrap;
+  text-align: left;
+
+  border: 1px solid #409EFF;
+  padding: 10px;
+  outline-style: none;
+  /* margin: 5px */
+}
+
+.outline-row {
+  display: flex;
+}
+
+.outline-row>.el-col {
+  display: flex;
+  flex-direction: column
+}
+
+.outline-row>.el-col>div,
+.outline-row>.el-col>div>.el-input {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: 3px;
+}
+
+.item-with-dash {
+  margin-left: 100px
+}
+
+.item-with-dash::after {
+  content: "";
+  border-bottom: 1px dashed #000;
+  flex-grow: 1;
+  margin-left: 4px;
+}
+
+.grid-content-1 {
+  border-radius: 4px;
+  background-color: #c2dbf3;
+}
+
+.grid-content-2 {
+  border-radius: 4px;
+  background-color: #f5f5f5;
+}
+
+.el-row {
+  padding: 20px
+}
+:deep(.el-card__body){
+  padding: 10px 15px;
+}
+</style>

src/renderer/src/views/prepare/container/class-start.vue

@@ -24,9 +24,10 @@
         <el-col :span="24">
           <c-form v-bind="classForm">
             <template #item_classid="{prop, form}">
-              <el-select v-model="form[prop]" placeholder="请选择班级">
+              <span v-if="dt.ctCourse">{{ dt.ctCourse?.caption }}</span>
+              <el-select v-else v-model="form[prop]" placeholder="请选择班级">
                 <el-option v-for="item in listData.classList" :value="item.id"
-                           :label="`${item.caption} (${item.classstudentcount}人)`" />
+                          :label="`${item.caption} (${item.classstudentcount}人)`" />
               </el-select>
             </template>
           </c-form>
@@ -118,7 +119,9 @@ const dt = reactive({           // 其他数据
   isHistory: false,             // 是否显示-历史记录
   loading: false,               // 加载-loading
   loadingDel: false,            // 删除-loading
+  atClass: {},                  // 当前班级
   atCourse: {},                 // 当前课程
+  ctCourse: null,               // 继续课程
 })
 let chat = null                 // im-chat 对象
 
@@ -128,9 +131,10 @@ onMounted(() => {
 })
 /**
  * @description 暴露方法-打开对话框
- * @param row 课件对象
+ * @param id 课件id
+ * @param classObj 课程对象-用于继续上课
  */
-const open = async (id) => {
+const open = async (id, classObj) => {
   visible.value = true
   if (id) {
     // 重置数据
@@ -139,6 +143,11 @@ const open = async (id) => {
     await getAptInfo(id)
     // 获取班级列表
     getClassList()
+    // 继续上课
+    if (!!classObj) {
+      dt.ctCourse = classObj
+      teacherForm.form.classcourseid = classObj.id
+    }
     // 初始化im-chat
     nextTick(async() => {
       chat = await imChatRef.value?.initImChat()
@@ -148,8 +157,9 @@ const open = async (id) => {
 // 关闭弹窗
 const handleClose = async () => {
   reset() // 重置数据
-  await chat?.logout()
-  chat = null
+  // await chat?.logout()
+  // chat = null
+  dt.ctCourse = null
   emit('close')
 }
 // 初始化-数据
@@ -177,8 +187,10 @@ const reset = () => {
   teacherForm.form = { classcourseid: 0 }
   dt.isCreate = false
   dt.isHistory = false
+  dt.atClass = {}
   dt.atCourse = {}
 }
+
 // 获取课件APT
 const getAptInfo = async (id) => {
   const res = await Http_Entpcoursefile.getEntpcoursefile(id)
@@ -338,9 +350,9 @@ const chatChange = (type, data, ...args) => {
 // 监听-班级id
 watch(() => classForm.form.classid, (val)=> {
   // 获取选中课程
-  dt.atCourse = listData.classList.find(o => o.id === val) || {}
+  dt.atClass = listData.classList.find(o => o.id === val) || {}
   // 获取选中课程-学生列表
-  listData.activeStudentList = dt.atCourse?.classstudentlist || []
+  // listData.activeStudentList = dt.atClass?.classstudentlist || []
   // 清空课程列表
   listData.classcourseList = []
   // 如果当前显示历史, 就从新获取

src/renderer/src/views/prepare/container/kj-list-item.vue

@@ -102,7 +102,7 @@ import { deleteSmarttalk, updateSmarttalk, getPrepareById } from '@/api/file'
 import useUserStore from '@/store/modules/user'
 import outLink from '@/utils/linkConfig'
 import { sessionStore } from '@/utils/store'
-import { listClasscourseNew } from '@/api/teaching/classcourse'
+import { listClasscourseNew, updateClasscourse } from '@/api/teaching/classcourse'
 import { endClass, getSelfReserv } from '@/api/classManage'
 import { listEntpcourse } from '@/api/teaching/classwork'
 import { createWindow } from '@/utils/tool'
@@ -137,7 +137,7 @@ export default {
     }
   },
   expose: ['openFileWin'],
-  emits: { 'on-start-class': null, 'on-delete': null, 'on-set': null, 'on-delhomework': null,'on-filearg': null },
+  emits: { 'on-start-class': null, 'on-delete': null, 'on-set': null, 'on-delhomework': null,'on-filearg': null, 'change': null },
   data() {
     return {
       listenList: [],
@@ -148,27 +148,24 @@ export default {
     this.userInfo = useUserStore().user
   },
   methods: {
-    getOpenCourse() {
-      return Promise.all([listClasscourseNew({teacherid: this.userInfo.userId,status:"open",evalid: this.curNode.id,pageSize:1000}), getSelfReserv({ex2:this.curNode.id})]).then(([res1,res2])=>{
-        let list2 = res1.rows || []
-        let list = res2.data || []
-        let one = list.find(item1 => {
-          if (item1.status === "上课中") {
-            return true
-          }
+    // 获取当前上课的课程列表
+    getOpenCourse(isApt) {
+      const curNodeId = this.curNode.id
+      if (isApt) { // APT课程
+        const params = {teacherid: this.userInfo.userId,status:"open",evalid: curNodeId,pageSize:1000}
+        return listClasscourseNew(params).then(res => {
+          return (res.rows || [])
         })
-        if (one) {
-          return one
-        }
-        if (list2.length>0) {
-          one = list2[0]
-        }
-        return one
-      })
+      } else {    // 普通课程PPT
+        return getSelfReserv({ex2: curNodeId}).then(res => {
+          return (res.data || []).filter(o => o.status === "上课中")
+        })
+      }
     },
     clickStartClass(item) {
-      this.getOpenCourse().then(res=>{
-        if(!res){
+      const isApt = item.fileFlag === 'apt'
+      this.getOpenCourse(isApt).then(res => {
+        if(!res || res.length === 0){
           this.$emit('on-start-class', item)
         }else{
           ElMessageBox.alert('<strong>上次课程尚未结束，是否继续上课？</strong>', '', {
@@ -185,51 +182,80 @@ export default {
             confirmButtonClass: "el-button--danger",
             center: true,
             beforeClose: (action, instance, done) => {
+              const obj = res[0]
+              // console.log(action, obj, item)
               if (action === 'confirm'){
                 // 下课
-                if (res.bookImg) {
-                  //PPT
-                  endClass(res.id).then((res1) => {
-                    if (res1.data === true) {
-                      ElMessage({
-                        message: '下课成功',
-                        type: 'success'
-                      })
-                      res.status = '已结束'
-                      done()
-                    }
-                  })
-                }else {
-                  //APT
-                }
+                this.$emit('change', 'close', obj, { type: 1, instance, done })
+                // if (obj.bookImg) {
+                //   // //PPT
+                //   // endClass(obj.id).then((res1) => {
+                //   //   if (res1.data === true) {
+                //   //     ElMessage({
+                //   //       message: '下课成功',
+                //   //       type: 'success'
+                //   //     })
+                //   //     obj.status = '已结束'
+                //   //     done()
+                //   //   }
+                //   // })
+                // }else {
+                //   //APT 结束课程-父组件触发
+                //   // this.$emit('change', 'close', obj, { type: 1, instance, done })
+                //   // this.closeCourse(obj, instance, done)
+                // }
               }
               if (action === 'cancel'){
                 // 继续上课
-                if (res.bookImg) {
+                if (obj.bookImg) {
+                  console.log('PPT')
                   //PPT
                   listEntpcourse({
-                    evalid: res.ex2,
+                    evalid: obj.ex2,
                     edituserid: useUserStore().user.userId,
                     pageSize: 500
                   }).then(async res1=>{
                     if (res1.rows[0].id) {
-                      createWindow('tool-sphere', { url: '/tool/sphere?entpcourseid=' + res1.rows[0].id + "&reservId=" + res.id })
+                      createWindow('tool-sphere', { url: '/tool/sphere?entpcourseid=' + res1.rows[0].id + "&reservId=" + obj.id })
                       done()
                     }
                   })
                 }else {
                   //APT
+                  this.$emit('on-start-class', item, obj)
+                  done()
                 }
               }
               if (action === 'close') {
                 done()
               }
             },
-          })
+          }).catch(() => {})
         }
       })
       // this.$emit('on-start-class', item)
     },
+    // 结束课程(下课)
+    // async closeCourse(row, instance, done) {
+    //   instance.confirmButtonLoading = true
+    //   instance.confirmButtonText = '下课中...'
+    //   // 发送-下课消息
+    //   if (!!row.timgroupid) {
+    //     const msg = { msgKey: 'closed', actor: 'teacher', classcourseid: row.id }
+    //     Chat.sendMsg(row.timgroupid, msg)
+    //   }
+    //   // 接口-修改状态
+    //   const params = { id: row.id, status: 'closed', timgroupid: '' }
+    //   await updateClasscourse(params)
+    //   // 解散群
+    //   setTimeout(async() => {
+    //     if (!!row.timgroupid) await Chat.dismissGroup(row.timgroupid)
+    //     instance.confirmButtonLoading = false
+    //     instance.confirmButtonText = '下课'
+    //     done()
+    //     ElMessage({ type: 'success', message: `下课成功！` })
+    //   }, 1000)
+    // },
     editTalk(item) {
       ElMessageBox.prompt('请输入新的标签', '添加标签', {
         confirmButtonText: '确认',

src/renderer/src/views/prepare/container/ppt-dialog.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <el-dialog class="ppt-dialog" v-model="model" :show-close="false" width="900"  destroy-on-close :top="'3vh'">
+      <template #header="{ close, titleId, titleClass }">
+        <div class="dialog-header">
+          <h4 :id="titleId" :class="titleClass">生成PPT(试验版)</h4>
+          <i class="iconfont icon-guanbi" @click="close"></i>
+        </div>
+      </template>
+      <AiPpt/>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+  import AiPpt from './ai-ppt.vue';
+  const model = defineModel() 
+</script>
+
+<style lang="scss" scoped>
+:deep(.ppt-dialog){
+  -webkit-app-region: no-drag;
+}
+.dialog-header{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .icon-guanbi {
+    font-size: 20px;
+    cursor: pointer;
+  }
+}
+</style>

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

@@ -13,6 +13,10 @@
               <div class="create-btn-title"><el-icon><Plus /></el-icon><label>创建PPT</label></div>
               <div class="create-btn-info">传统课件</div>
             </div>
+            <div class="center-create-btn" style="background-color: #909399" @click="pptDialog = true">
+              <div class="create-btn-title"><el-icon><Plus /></el-icon><label>生成PPT</label></div>
+              <div class="create-btn-info">试验版</div>
+            </div>
           </div>
           <div class="prepare-center-body">
             <kj-list-item
@@ -24,12 +28,14 @@
               :curNode="currentNode"
               @on-delete="deleteTalk"
               @on-start-class="startClass"
+              @change="changeClass"
             >
             </kj-list-item>
           </div>
         </el-tab-pane>
         <el-tab-pane label="教学实录" name="教学实录" class="prepare-center-jxsl">
-          <class-reserv v-if="activeAptTab==='教学实录'" :curNode="currentNode"></class-reserv>
+          <class-reserv v-if="activeAptTab==='教学实录'" :curNode="currentNode" 
+            @change="changeClass"></class-reserv>
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -131,6 +137,7 @@
   ></reserv>
   <!-- 上课配置 -->
   <class-start ref="calssRef" @close="closeChange"/>
+  <PptDialog v-model="pptDialog"/>
 </template>
 <script setup>
 import { Check,Plus } from '@element-plus/icons-vue'
@@ -148,6 +155,7 @@ import { useToolState } from '@/store/modules/tool'
 import MoveFile from '@/components/move-file/index.vue'
 import FileListItem from '@/views/prepare/container/file-list-item.vue'
 import KjListItem from '@/views/prepare/container/kj-list-item.vue'
+import PptDialog from './container/ppt-dialog.vue'
 import { getSmarttalkPage, moveSmarttalk, creatAPT } from '@/api/file'
 import { toTimeText } from '@/utils/date'
 import { ElMessage } from 'element-plus'
@@ -155,16 +163,21 @@ import { parseCataByNode, creatPPT, asyncLocalFile } from '@/utils/talkFile'
 import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
 import SetHomework from '@/components/set-homework/index.vue'
 import outLink from '@/utils/linkConfig'
-import { createWindow, sessionStore, getAppInstallUrl } from '@/utils/tool'
+import { createWindow, sessionStore, getAppInstallUrl, ipcMsgSend } from '@/utils/tool'
 import { cloneDeep } from 'lodash'
 import { delClasswork, listEntpcourse } from '@/api/teaching/classwork'
-import { getClassInfo, getSelfReserv } from '@/api/classManage'
+import { updateClasscourse } from '@/api/teaching/classcourse'
+import { getClassInfo, getSelfReserv, endClass } from '@/api/classManage'
 import { useGetHomework } from '@/hooks/useGetHomework'
 import { addEntpcoursefileReturnId } from '@/api/education/entpcoursefile'
 import ClassReserv from '@/views/classManage/classReserv.vue'
 import classStart from './container/class-start.vue' // 预备上课
-const toolStore = useToolState()
+import MsgEnum from '@/plugins/imChat/msgEnum'  // im 消息枚举
+import Chat from '@/utils/chat' // im 登录初始化
+import msgEnum from '@/plugins/imChat/msgEnum'
+if (!Chat.imChat) Chat.init()
 
+const toolStore = useToolState()
 const fs = require('fs')
 const { ipcRenderer } = window.electron || {}
 
@@ -219,6 +232,7 @@ export default {
       isOpenHomework: false,
       // 当前上课课程
       activeClass: null,
+      pptDialog: false
     }
   },
   computed: {
@@ -272,7 +286,8 @@ export default {
   //   }
   // },
   methods: {
-    startClass(item) {
+    // 开始上课
+    startClass(item, classObj) {
       // 关闭状态，打开上课相关功能(已打开，忽略)
       const id = sessionStore.has('activeClass.id') ? sessionStore.get('activeClass.id') : null
       if (id && id == item.id) return ElMessage.warning('当前正在上课，请勿重复操作')
@@ -283,11 +298,68 @@ export default {
         this.openReserv()
       }
       if(item.fileFlag === 'apt') {
-        this.$refs.calssRef.open(item.fileId)
+        this.$refs.calssRef.open(item.fileId, classObj)
+      }
+    },
+    // 继续上课-apt
+    async changeClass(type, row, other) {
+      switch(type) {
+        case 'continue': { // 继续上课
+          const aptFileId = row.entpcoursefileid
+          this.$refs.calssRef.open(aptFileId, row)
+          break
+        }
+        case 'close': { // 关闭上课
+          const head = MsgEnum.HEADS.MSG_closed // closed
+          const msgT = msgEnum.TYPES.TEACHER    // teacher
+          const isApt = !row.bookImg // bookImg ppt 否则Apt
+          row.ex3 == 'undefined' && (row.ex3 = null)
+          const timgroupid = isApt ? row.timgroupid : row.ex3 // ex3 ppt 否则Apt
+          if (other.type == 1) { // 弹窗-下课
+            other.instance.confirmButtonLoading = true
+            other.instance.confirmButtonText = '下课中...'
+          } else { // 列表-下课
+            other.loading.value = true
+          }
+          // 发送-下课消息
+          if (!!timgroupid) {
+            const msg = { msgKey: head, actor: msgT, classcourseid: row.id }
+            Chat.sendMsg(timgroupid, msg)
+          }
+          if (isApt) { // Apt
+            // 接口-修改状态
+            await updateClasscourse({ id: row.id, status: head, timgroupid: '' })
+          } else {  // PPT
+            const toolStore = useToolState()
+            // 窗口已打开，直接关闭
+            if (toolStore.isToolWin) {
+              toolStore.resetDef()            // 重置状态
+              ipcMsgSend('tool-sphere:close') // 关闭窗口
+            }
+            // 接口-修改状态
+            await endClass(row.id)
+          }
+          // 解散群
+          setTimeout(async() => {
+            if (!!timgroupid) await Chat.dismissGroup(timgroupid)
+            if (other.type == 1) { // 弹窗-下课
+              other.instance.confirmButtonLoading = false
+              other.instance.confirmButtonText = '下课'
+              other.done()
+            } else {
+              other.loading.value = false
+              row.status = isApt ? head : '已结束'
+            }
+            ElMessage({ type: 'success', message: `下课成功！` })
+          }, 1000)
+          break
+        }
+        default: 
+          break
       }
     },
     closeChange() { // 上课弹窗被关闭-触发
-      console.log('关闭上课弹窗')
+      // console.log('关闭上课弹窗')
       // this.activeClass = null
       sessionStore.delete('activeClass')
     },

src/renderer/src/views/tool/sphere.vue

@@ -239,7 +239,7 @@ const sideChange = async o => {
         // 延迟2秒后关闭窗口，如果马上解散群，会导致群组不存在
         setTimeout(async() => {
           await imChatRef.value?.deleteGroup()  // 解散群
-          await imChatRef.value?.logout()       // 退出im
+          // await imChatRef.value?.logout()       // 退出im
           elMsg.close()
           ipcMsgSend('tool-sphere:close')       // 关闭窗口
         }, 500);