From 2e2ebbd47fbf7280ca0cd48623e8fb39d25ea1d4 Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Wed, 18 Dec 2024 11:17:09 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E6=96=B0=E5=A2=9E=20?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/api/ai/index.js              |   3 +-
 .../container/adjust-dialog.vue               |  24 +-
 .../template-study/container/right.vue        | 149 +++++++++--
 .../views/teachingDesign/container/right.vue  | 250 ++++++++++++------
 4 files changed, 300 insertions(+), 126 deletions(-)

diff --git a/src/renderer/src/api/ai/index.js b/src/renderer/src/api/ai/index.js
index ef5cfd6..5e491d3 100644
--- a/src/renderer/src/api/ai/index.js
+++ b/src/renderer/src/api/ai/index.js
@@ -10,11 +10,10 @@ export const createChart = ({ headers, data }) => {
   })
 }
 // 大模型对话
-export const sendChart = ({ headers, data }) => {
+export const sendChart = (data) => {
   return request({
     url: '/qf/sendTalk',
     method: 'post',
-    headers,
     data,
   })
 }
\ No newline at end of file
diff --git a/src/renderer/src/components/template-study/container/adjust-dialog.vue b/src/renderer/src/components/template-study/container/adjust-dialog.vue
index 65316c3..a5fa027 100644
--- a/src/renderer/src/components/template-study/container/adjust-dialog.vue
+++ b/src/renderer/src/components/template-study/container/adjust-dialog.vue
@@ -30,7 +30,7 @@
         </div>
       </el-scrollbar>
       <div class="file-list">
-        <el-dropdown @command="changeFile">
+        <el-dropdown @command="changeFile" v-if="type == 3">
         <span class="el-dropdown-link">
           {{ curFile.fileName }}
           <i class="iconfont icon-xiangxia"></i>
@@ -54,7 +54,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, onUnmounted, watch } from 'vue'
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
 import { completion, docList } from '@/api/mode/index'
 import { sessionStore } from '@/utils/store'
 import { dataSetJson } from '@/utils/comm.js'
@@ -71,7 +71,7 @@ const props = defineProps({
   item: {
     type: Object,
     default: () => {
-      return { name: '11' }
+      return { name: '' }
     }
   },
   type: {
@@ -125,19 +125,6 @@ const saveAdjust = (item) =>{
   emitter.emit('onSaveAdjust', item.msg)
 }
 
-const modeType = ref('课标')
-watch(() => props.type, (newVal) => {
-  if (newVal == 1){
-    modeType.value = '课标'
-  }
-  if (newVal == 2){
-    modeType.value = '教材'
-  }
-  if (newVal == 2){
-    modeType.value = '考试'
-  }
-
-}, { immediate: false })
 
 const curFile = reactive({})
 const dataset_id = ref('')
@@ -160,11 +147,12 @@ const changeFile = (val) =>{
   params.document_ids = val.docId
 }
 
-
+const modeType = ref('')
 onMounted(() => {
   let data = sessionStore.get('subject.curNode')
-
   Object.assign(curNode, data);
+
+  modeType.value = props.type == 1 ? '课标' : props.type == 2 ? '教材' : '考试'
   let jsonKey = `${modeType.value}-${data.edustage}-${data.edusubject}`
   params.dataset_id = dataSetJson[jsonKey]
   if(props.type == 3){
diff --git a/src/renderer/src/components/template-study/container/right.vue b/src/renderer/src/components/template-study/container/right.vue
index b2fd574..74a87c3 100644
--- a/src/renderer/src/components/template-study/container/right.vue
+++ b/src/renderer/src/components/template-study/container/right.vue
@@ -14,7 +14,10 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <div>
+      <div class="flex">
+        <el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
+          <el-option v-for="item in modeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
         <el-button type="danger" link :disabled="!(templateList.length)" @click="removeItem(curTemplate, false)">
           删除
         </el-button>
@@ -52,7 +55,8 @@
               <i class="iconfont icon-ai"></i>
             </div>
             <div class="item-answer">
-              <TypingEffect v-if="isStarted[index]" :text="item.answer" :delay="10" :aiShow="item.aiShow" @complete="handleCompleteText($event,index)" @updateScroll="scrollToBottom($event,index)" />
+              <TypingEffect v-if="isStarted[index]" :text="item.answer" :delay="10" :aiShow="item.aiShow"
+                @complete="handleCompleteText($event, index)" @updateScroll="scrollToBottom($event, index)" />
             </div>
           </div>
           <div class="ai-btn" v-if="item.answer">
@@ -86,6 +90,7 @@
 import { ref, reactive, onMounted, onUnmounted, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { tempSave, completion, modelList, removeChildTemp, tempResult, editTempResult } from '@/api/mode/index'
+import { createChart, sendChart } from '@/api/ai/index'
 import { sessionStore } from '@/utils/store'
 import keywordDialog from './keyword-dialog.vue';
 import AdjustDialog from './adjust-dialog.vue'
@@ -94,10 +99,23 @@ import TypingEffect from '@/components/typing-effect/index.vue'
 import useUserStore from '@/store/modules/user'
 import emitter from '@/utils/mitt';
 import { dataSetJson } from '@/utils/comm.js'
+import { cloneDeep } from 'lodash'
 
 const props = defineProps(['type'])
 const { user } = useUserStore()
 
+const curMode = ref(1)
+const modeOptions = ref([
+  {
+    label: '教学大模型',
+    value: 1
+  },
+  {
+    label: '知识库模型',
+    value: 2
+  }
+])
+
 /*****************提示词相关****************/
 
 /**
@@ -122,7 +140,7 @@ const editKeyWord = (item, val) => {
   Object.assign(editItem, item)
   editItem.isAdd = val
   isWordDialog.value = true
- 
+
 }
 
 /*******************模板相关**********************/
@@ -139,9 +157,9 @@ const curTemplate = reactive({ name: '', id: '' })
 const templateList = ref([])
 const childTempList = ref([])
 const getTemplateList = () => {
-  modelList({ createUser: user.userId, model: props.type, type: 1, pageNum: 1, pageSize: 10000, ex1: curNode.edustage, ex2: curNode.edusubject  }).then(res => {
+  modelList({ createUser: user.userId, model: props.type, type: 1, pageNum: 1, pageSize: 10000, ex1: curNode.edustage, ex2: curNode.edusubject }).then(res => {
     templateList.value = res.rows
-    if(res.rows.length > 0){
+    if (res.rows.length > 0) {
       Object.assign(curTemplate, res.rows[0]);
       getChildTemplate()
     }
@@ -151,7 +169,7 @@ const getChildTemplate = () => {
   tempLoading.value = true
   modelList({ model: props.type, type: 2, parentId: curTemplate.id, ex1: curNode.edustage, ex2: curNode.edusubject }).then(res => {
     childTempList.value = res.rows
-    if(childTempList.value.length){
+    if (childTempList.value.length) {
       childTempList.value.forEach(item => item.answer = '')
     }
     getTempResult()
@@ -173,28 +191,28 @@ const getTempResult = () => {
         }
       })
     })
-    if(rows.length > 0){
+    if (rows.length > 0) {
       isStarted.value = new Array(rows.length).fill(true)
     }
 
   })
 }
 
-const scrollToBottom = (height,index) =>{
+const scrollToBottom = (height, index) => {
 
   if (listRef.value) {
-    let sum = 0 
+    let sum = 0
     let listDom = listRef.value.children
-    
-    if(index == 0){
+
+    if (index == 0) {
       // 220 去掉头部 
-      let screenHeight  = window.innerHeight - 220
-      if(height > screenHeight){
+      let screenHeight = window.innerHeight - 220
+      if (height > screenHeight) {
         listRef.value.scrollTop = (height - screenHeight + 50)
       }
     }
-    else{
-      for(let i = 0; i < index; i++){
+    else {
+      for (let i = 0; i < index; i++) {
         sum += listDom[i].clientHeight
       }
       listRef.value.scrollTop = sum + height
@@ -252,7 +270,6 @@ const removeItem = async (item, isChild) => {
   }
 }
 
-
 // Ai对话调整
 const curIndex = ref(-1)
 const isAdjust = ref(false)
@@ -277,6 +294,7 @@ const params = reactive(
     dataset_id: ''
   }
 )
+const prompt = ref('')
 
 // 重新研读
 const isAgain = ref(false)
@@ -285,10 +303,10 @@ const againResult = async (index, item) => {
   isStarted.value[index] = false
   childTempList.value[index].answer = ''
 
-  if(index == 0){
+  if (index == 0) {
     listRef.value.scrollTop = 0
-   
-  }else{
+
+  } else {
     scrollToBottom(50, index)
   }
 
@@ -296,8 +314,28 @@ const againResult = async (index, item) => {
     await nextTick()
     childTempList.value[index].loading = true
     item.aiShow = true
-    params.prompt = `按照${item.prompt}的要求，针对${curNode.edustage}${curNode.edusubject}${modeType.value} 对${curNode.itemtitle}进行教学分析`
-    const { data } = await completion(params)
+
+    let str = cloneDeep(prompt.value)
+    str = str.replace('{模板标题}',item.name)
+    str = str.replace('{模板内容}',item.prompt)
+    params.prompt = str
+    params.template = item.prompt
+    
+    let data = null;
+    // 教学大模型
+    if (mode.value == 1) {
+      const res = await sendChart({
+        content: params.prompt,
+        conversationId: conversation_id.value,
+        stream: false
+      })
+      data = res.data
+    } else {
+      // 知识库模型
+      const res = await completion(params)
+      data = res.data
+    }
+
     childTempList.value[index].answer = getResult(data.answer);
     isStarted.value[index] = true
 
@@ -305,13 +343,14 @@ const againResult = async (index, item) => {
     childTempList.value[index].loading = false
   }
 }
+
 // 一键研读
 const getCompletion = async () => {
   isStarted.value = new Array(childTempList.length).fill(false)
   isStarted.value[0] = true
 
-  childTempList.value.forEach(item =>{
-    if(item.answer){
+  childTempList.value.forEach(item => {
+    if (item.answer) {
       item.answer = ''
     }
   })
@@ -320,8 +359,27 @@ const getCompletion = async () => {
     try {
       item.loading = true
       item.aiShow = true
-      params.prompt = `按照${item.prompt}的要求，针对${curNode.edustage}${curNode.edusubject}${modeType.value} 对${curNode.itemtitle}进行教学分析`
-      const { data } = await completion(params)
+      let str = cloneDeep(prompt.value)
+      str = str.replace('{模板标题}',item.name)
+      str = str.replace('{模板内容}',item.prompt)
+      params.prompt = str
+      params.template = item.prompt
+      // 教学大模型
+      let data = null
+      if (curMode.value == 1) {
+        const res = await sendChart({
+          content: params.prompt,
+          conversationId: conversation_id.value,
+          stream: false
+        })
+        data = res.data
+      }
+      // 知识库模型
+      else {
+        const res = await completion(params)
+        data = res.data
+      }
+
       item.answer = getResult(data.answer)
       onSaveTemp(item)
     } finally {
@@ -330,14 +388,14 @@ const getCompletion = async () => {
   }
 }
 
-const handleCompleteText = async (answer, index) =>{
+const handleCompleteText = async (answer, index) => {
   if (index < childTempList.value.length - 1) {
     isStarted.value[index + 1] = true; // 开始显示下一个文本
   }
-  if(isAgain.value){
-    try{
+  if (isAgain.value) {
+    try {
       await editTempResult({ id: childTempList.value[index].resultId, content: answer })
-    }finally{
+    } finally {
       isAgain.value = false
     }
   }
@@ -386,6 +444,30 @@ emitter.on('onGetMain', () => {
 })
 
 
+// 创建对话
+const conversation_id = ref('')
+const getChartId = () => {
+  createChart({ app_id: '712ff0df-ed6b-470f-bf87-8cfbaf757be5' }).then(res => {
+    localStorage.setItem("conversation_id", res.data.conversation_id);
+    conversation_id.value = res.data.conversation_id;
+  })
+}
+
+// 查询prompt 替换
+const getPrompt = async () => {
+  const { rows } = await modelList({ model: 5 })
+  let str = rows.find(item => item.name.indexOf(modeType.value) != -1).prompt
+  str = str.replace('{学段}', curNode.edustage)
+  str = str.replace('{学科}', curNode.edusubject)
+  let bookV = curNode.roottitle.split('-')[1] + '版本'
+  str = str.replace('{教材版本}', bookV)
+  str = str.replace('{课程名称}', `《${curNode.itemtitle}》`)
+  if(modeType.value == '课标'){
+    str = str.replace('{课标名称}', `${curNode.edustage}${curNode.edusubject}课标`)
+  }
+  prompt.value = str
+}
+
 const curNode = reactive({})
 const modeType = ref('')
 onMounted(() => {
@@ -396,6 +478,15 @@ onMounted(() => {
   getTemplateList()
   let jsonKey = `${modeType.value}-${data.edustage}-${data.edusubject}`
   params.dataset_id = dataSetJson[jsonKey]
+  // 获取百度千帆会话ID
+  conversation_id.value = localStorage.getItem('conversation_id')
+  if (!conversation_id.value) {
+    getChartId();
+  }
+
+  // 获取prompt
+  getPrompt()
+
 })
 
 // 解绑
diff --git a/src/renderer/src/views/teachingDesign/container/right.vue b/src/renderer/src/views/teachingDesign/container/right.vue
index d757d60..f551157 100644
--- a/src/renderer/src/views/teachingDesign/container/right.vue
+++ b/src/renderer/src/views/teachingDesign/container/right.vue
@@ -10,6 +10,9 @@
         </el-button>
       </div>
       <div class="header-right">
+        <el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
+          <el-option v-for="item in modeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
         <el-button type="primary" :disabled="!(resultList.length)" @click="getCompletion">一键研读</el-button>
         <el-button type="primary">生成大纲</el-button>
         <el-button type="danger" @click="pptDialog = true">生成PPT</el-button>
@@ -21,21 +24,22 @@
         <div class="item-top flex">
           <span>{{ item.name }}</span>
           <el-popover placement="bottom-end" trigger="hover" popper-class="template-custom-popover">
-              <template #reference>
-                <el-button link type="primary">
-                  <i class="iconfont icon-shenglvehao"></i></el-button>
-              </template>
-              <template #default>
-                <el-button type="primary" link @click="editKeyWord(item, false)">编辑</el-button>
-                <el-button type="primary" link @click="removeItem(item, true)">移除</el-button>
-              </template>
-            </el-popover>
+            <template #reference>
+              <el-button link type="primary">
+                <i class="iconfont icon-shenglvehao"></i></el-button>
+            </template>
+            <template #default>
+              <el-button type="primary" link @click="editKeyWord(item, false)">编辑</el-button>
+              <el-button type="primary" link @click="removeItem(item, true)">移除</el-button>
+            </template>
+          </el-popover>
         </div>
         <div class="item-bom">
           <div class="item-prompt">{{ item.prompt }}</div>
           <div class="item-answer" v-if="item.answer">
             <div class="answer-text">
-              <TypingEffect v-if="isStarted[index]" :text="item.answer" :delay="10" :aiShow="item.aiShow" @complete="handleCompleteText($event,index)" @updateScroll="scrollToBottom($event,index)" />
+              <TypingEffect v-if="isStarted[index]" :text="item.answer" :delay="10" :aiShow="item.aiShow"
+                @complete="handleCompleteText($event, index)" @updateScroll="scrollToBottom($event, index)" />
             </div>
             <div class="item-btn flex">
               <el-button type="primary" link @click="againResult(index, item)">
@@ -59,10 +63,10 @@
   </div>
   <EditDialog v-model="isEdit" :item="curItem" />
   <AdjustDialog v-model="isAdjust" :item="curItem" />
-  <PptDialog @add-success="addAiPPT" :dataList="resultList" v-model="pptDialog"/>
+  <PptDialog @add-success="addAiPPT" :dataList="resultList" v-model="pptDialog" />
   <progress-dialog v-model:visible="pgDialog.visible" v-bind="pgDialog" />
-    <!--添加、编辑提示词-->
-    <keywordDialog v-model="isWordDialog" :item="curItem" />
+  <!--添加、编辑提示词-->
+  <keywordDialog v-model="isWordDialog" :item="curItem" />
 </template>
 
 <script setup>
@@ -73,15 +77,17 @@ import emitter from '@/utils/mitt'
 import EditDialog from './edit-dialog.vue'
 import AdjustDialog from './adjust-dialog.vue'
 import progressDialog from './progress-dialog.vue'
-import { completion, tempResult, tempSave, removeChildTemp, editTempResult } from '@/api/mode/index.js'
+import { completion, tempResult, tempSave, removeChildTemp, editTempResult, modelList } from '@/api/mode/index.js'
+import { createChart, sendChart } from '@/api/ai/index'
 // import { dataSetJson } from '@/utils/comm.js'
 import * as commUtils from '@/utils/comm.js'
 import PptDialog from '@/views/prepare/container/pptist-dialog.vue'
 import keywordDialog from './keyword-dialog.vue'
 import TypingEffect from '@/components/typing-effect/index.vue'
+import { cloneDeep } from 'lodash'
 
 import useUserStore from '@/store/modules/user'
-import {PPTXFileToJson} from '@/AixPPTist/src/hooks/useImport' // ppt转json
+import { PPTXFileToJson } from '@/AixPPTist/src/hooks/useImport' // ppt转json
 import * as API_entpcourse from '@/api/education/entpcourse' // 相关api
 import * as API_entpcoursefile from '@/api/education/entpcoursefile' // 相关api
 import * as Api_server from '@/api/apiService' // 相关api
@@ -100,7 +106,7 @@ const pgDialog = reactive({ // 弹窗-进度条
   width: 300,
   showClose: false,
   draggable: true,
-  beforeClose: done => {}, // 阻止-弹窗事件
+  beforeClose: done => { }, // 阻止-弹窗事件
   pg: { // 进度条-参数
     percentage: 0, // 百分比
     color: [
@@ -110,6 +116,19 @@ const pgDialog = reactive({ // 弹窗-进度条
     ]
   }
 })
+
+const curMode = ref(1)
+const modeOptions = ref([
+  {
+    label: '教学大模型',
+    value: 1
+  },
+  {
+    label: '知识库模型',
+    value: 2
+  }
+])
+
 emitter.on('changeMode', (item) => {
   resultList.value = item.child
   getTempResult(item.id)
@@ -121,8 +140,8 @@ const getCompletion = async () => {
   isStarted.value = new Array(resultList.length).fill(false)
   isStarted.value[0] = true
 
-  resultList.value.forEach(item =>{
-    if(item.answer){
+  resultList.value.forEach(item => {
+    if (item.answer) {
       item.answer = ''
     }
   })
@@ -131,8 +150,28 @@ const getCompletion = async () => {
     try {
       item.loading = true
       item.aiShow = true
-      params.prompt = `按照${item.prompt}的要求，针对${curNode.edustage}${curNode.edusubject} 对${curNode.itemtitle}进行教学分析`
-      const { data } = await completion(params)
+
+      let str = cloneDeep(prompt.value)
+      str = str.replace(/{模板名称}/g, item.name)
+      params.prompt = str
+      params.template = item.prompt
+
+      // 教学大模型
+      let data = null
+      if (curMode.value == 1) {
+        const res = await sendChart({
+          content: params.prompt,
+          conversationId: conversation_id.value,
+          stream: false
+        })
+        data = res.data
+      }
+      // 知识库模型
+      else {
+        const res = await completion(params)
+        data = res.data
+      }
+
       item.answer = getResult(data.answer)
       onSaveTemp(item)
     } finally {
@@ -141,14 +180,14 @@ const getCompletion = async () => {
   }
 }
 
-const handleCompleteText = async (answer, index) =>{
+const handleCompleteText = async (answer, index) => {
   if (index < resultList.value.length - 1) {
     isStarted.value[index + 1] = true; // 开始显示下一个文本
   }
-  if(isAgain.value){
-    try{
+  if (isAgain.value) {
+    try {
       await editTempResult({ id: resultList.value[index].resultId, content: answer })
-    }finally{
+    } finally {
       isAgain.value = false
     }
   }
@@ -176,7 +215,7 @@ const editKeyWord = (item, val) => {
   Object.assign(curItem, item)
   curItem.isAdd = val
   isWordDialog.value = true
- 
+
 }
 
 
@@ -230,30 +269,30 @@ const getTempResult = (id) => {
         })
       })
     }
-    
+
   })
 }
 
-const scrollToBottom = (height,index) =>{
+const scrollToBottom = (height, index) => {
 
-if (listRef.value) {
-  let sum = 0 
-  let listDom = listRef.value.children
-  
-  if(index == 0){
-    // 220 去掉头部 
-    let screenHeight  = window.innerHeight - 220
-    if(height > screenHeight){
-      listRef.value.scrollTop = (height - screenHeight + 50)
+  if (listRef.value) {
+    let sum = 0
+    let listDom = listRef.value.children
+
+    if (index == 0) {
+      // 220 去掉头部 
+      let screenHeight = window.innerHeight - 220
+      if (height > screenHeight) {
+        listRef.value.scrollTop = (height - screenHeight + 50)
+      }
+    }
+    else {
+      for (let i = 0; i < index; i++) {
+        sum += listDom[i].clientHeight
+      }
+      listRef.value.scrollTop = sum + height
     }
   }
-  else{
-    for(let i = 0; i < index; i++){
-      sum += listDom[i].clientHeight
-    }
-    listRef.value.scrollTop = sum + height
-  }
-}
 }
 
 // 去掉字符串中的 ### **
@@ -265,11 +304,14 @@ let getResult = (str) => {
 const params = reactive(
   {
     prompt: '',
-    dataset_id: ''
+    dataset_id: '',
+    template: ''
   }
 )
+const prompt = ref('')
 
-const addAiPPT = async(res) => {
+
+const addAiPPT = async (res) => {
   let node = courseObj.node
   pptDialog.value = false;
   if (!node) return msgUtils.msgWarning('请选择章节?')
@@ -284,14 +326,14 @@ const addAiPPT = async(res) => {
   } else courseObj.entp = resEnpt?.rows?.[0] || null
   // 下载PPT 并解析json转换到我们自己数据库
   fetch(res.url)
-   .then(res => res.arrayBuffer())
-   .then(async buffer => {
+    .then(res => res.arrayBuffer())
+    .then(async buffer => {
       const resPptJson = await PPTXFileToJson(buffer)
       const { def, slides, ...content } = resPptJson
       // 转换图片|音频|视频 为线上地址
       let completed = 0
       const total = slides.length
-      for( let o of slides ) {
+      for (let o of slides) {
         completed++
         await toRousrceUrl(o)
         // 设置进度条
@@ -300,14 +342,14 @@ const addAiPPT = async(res) => {
       pgDialog.pg.percentage = 0
       pgDialog.visible = false
       // 生成ppt课件-父级
-      const p_params = {parentContent: JSON.stringify(content)}
+      const p_params = { parentContent: JSON.stringify(content) }
       const parentid = await HTTP_SERVER_API('addEntpcoursefile', p_params)
-      if (!!parentid??null) { // 生成内容幻灯片
+      if (!!parentid ?? null) { // 生成内容幻灯片
         // 生成备课资源-Smarttalk
-        HTTP_SERVER_API('addSmarttalk',{fileId: parentid})
+        HTTP_SERVER_API('addSmarttalk', { fileId: parentid })
         if (slides.length > 0) {
-          const resSlides = slides.map(({id, ...slide}) => JSON.stringify(slide))
-          const params = {parentid, filetype: 'slide', title: '', slides: resSlides }
+          const resSlides = slides.map(({ id, ...slide }) => JSON.stringify(slide))
+          const params = { parentid, filetype: 'slide', title: '', slides: resSlides }
           const res_3 = await HTTP_SERVER_API('batchAddNew', params)
           if (res_3 && res_3.code == 200) {
             msgUtils.msgSuccess('生成PPT课件成功')
@@ -332,10 +374,10 @@ const againResult = async (index, item) => {
   isAgain.value = true
   isStarted.value[index] = false
   resultList.value[index].answer = ''
-  if(index == 0){
+  if (index == 0) {
     listRef.value.scrollTop = 0
-   
-  }else{
+
+  } else {
     scrollToBottom(50, index)
   }
 
@@ -343,8 +385,27 @@ const againResult = async (index, item) => {
     await nextTick()
     resultList.value[index].loading = true
     item.aiShow = true
-    params.prompt = `按照${item.prompt}的要求，针对${curNode.edustage}${curNode.edusubject}课标对${curNode.itemtitle}进行教学分析`
-    const { data } = await completion(params)
+
+    let str = cloneDeep(prompt.value)
+    str = str.replace(/{模板名称}/g, item.name)
+    params.prompt = str
+    params.template = item.prompt
+
+    let data = null;
+    // 教学大模型
+    if (mode.value == 1) {
+      const res = await sendChart({
+        content: params.prompt,
+        conversationId: conversation_id.value,
+        stream: false
+      })
+      data = res.data
+    } else {
+      // 知识库模型
+      const res = await completion(params)
+      data = res.data
+    }
+
     resultList.value[index].answer = getResult(data.answer)
     isStarted.value[index] = true
   } finally {
@@ -386,12 +447,12 @@ const HTTP_SERVER_API = (type, params = {}) => {
         fileFlag: 'aippt',
         fileShowName: node.itemtitle + '.aippt',
         textbookId: node.rootid,
-        levelFirstId: node.parentid||node.id,
+        levelFirstId: node.parentid || node.id,
         levelSecondId: node.parentid && node.id,
         fileSource: '个人',
         fileRoot: '备课'
       }
-      return API_smarttalk.creatAPT({...def, ...params})
+      return API_smarttalk.creatAPT({ ...def, ...params })
     }
     case 'addEntpcourse': { // 添加课程
       const node = courseObj.node || {}
@@ -428,7 +489,7 @@ const HTTP_SERVER_API = (type, params = {}) => {
     case 'getCourseList': { // 获取课程列表
       return API_entpcourse.listEntpcourse(params)
     }
-    case 'getCourseFileList':{ // 获取课程文件列表
+    case 'getCourseFileList': { // 获取课程文件列表
       return API_entpcoursefile.listEntpcoursefileNew(params)
     }
   }
@@ -455,7 +516,7 @@ const getDefParams = (params) => {
   return Object.assign(def, params)
 }
 // 图片|音频|视频 转换为在线地址
-const toRousrceUrl = async(o) => {
+const toRousrceUrl = async (o) => {
   if (!!o.src) { // 如果有src就转换
     const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
     const isBlobUrl = /^blob:/.test(o.src)
@@ -469,35 +530,56 @@ const toRousrceUrl = async(o) => {
       const formData = new FormData()
       formData.append('file', file)
       const res = await Api_server.Other.uploadFile(formData)
-      if (res && res.code == 200){
+      if (res && res.code == 200) {
         const url = res?.url
-        url &&(o.src = url)
+        url && (o.src = url)
       }
     } else if (isBlobUrl) { // 视频和音频
       const res = await fetch(o.src)
       const blob = await res.blob()
-      const fileName = o.type=='video'? Date.now() + '.mp4':Date.now() + '.mp3'
+      const fileName = o.type == 'video' ? Date.now() + '.mp4' : Date.now() + '.mp3'
       const file = commUtils.blobToFile(blob, fileName)
       // o.src = fileName
       // console.log('file', file)
       const formData = new FormData()
       formData.append('file', file)
       const ress = await Api_server.Other.uploadFile(formData)
-      if (ress && ress.code == 200){
+      if (ress && ress.code == 200) {
         const url = ress?.url
-        url &&(o.src = url)
+        url && (o.src = url)
       }
     }
   }
   if (o?.background?.image) await toRousrceUrl(o.background.image)
-  if(o?.elements){
-          for (let element of o.elements) {
-              await toRousrceUrl(element);
-          }
-       }
+  if (o?.elements) {
+    for (let element of o.elements) {
+      await toRousrceUrl(element);
+    }
+  }
 }
 // ======== zdg end ============
 
+// 创建对话
+const conversation_id = ref('')
+const getChartId = () => {
+  createChart({ app_id: '712ff0df-ed6b-470f-bf87-8cfbaf757be5' }).then(res => {
+    localStorage.setItem("conversation_id", res.data.conversation_id);
+    conversation_id.value = res.data.conversation_id;
+  })
+}
+
+// 查询prompt 替换
+const getPrompt = async () => {
+  const { rows } = await modelList({ model: 5 })
+  let str = rows.find(item => item.name.indexOf('框架设计') != -1).prompt
+  str = str.replace('{学段}', curNode.edustage)
+  str = str.replace('{学科}', curNode.edusubject)
+  let bookV = curNode.roottitle.split('-')[1] + '版本'
+  str = str.replace('{教材版本}', bookV)
+  str = str.replace('{课程名称}', `《${curNode.itemtitle}》`)
+  prompt.value = str
+}
+
 const curNode = reactive({})
 onMounted(() => {
   let data = sessionStore.get('subject.curNode')
@@ -506,6 +588,15 @@ onMounted(() => {
 
   let jsonKey = `课标-${data.edustage}-${data.edusubject}`
   params.dataset_id = commUtils.dataSetJson[jsonKey]
+
+  // 获取百度千帆会话ID
+  conversation_id.value = localStorage.getItem('conversation_id')
+  if (!conversation_id.value) {
+    getChartId();
+  }
+
+  // 获取prompt
+  getPrompt()
 })
 
 
@@ -548,7 +639,8 @@ onUnmounted(() => {
       position: relative;
       padding-left: 15px;
       box-sizing: border-box;
-      &::after{
+
+      &::after {
         content: '';
         width: 15px;
         height: 15px;
@@ -558,7 +650,8 @@ onUnmounted(() => {
         left: -8px;
         top: 5px;
       }
-      &::before{
+
+      &::before {
         content: '';
         width: 2px;
         height: 100%;
@@ -567,17 +660,20 @@ onUnmounted(() => {
         left: -1px;
         top: 5px;
       }
-      &:last-child{
-        &::before{
+
+      &:last-child {
+        &::before {
           content: '';
           width: 0
         }
       }
+
       .item-top {
         justify-content: space-between;
         align-items: center;
         margin-bottom: 5px;
-        .icon-shenglvehao{
+
+        .icon-shenglvehao {
           font-weight: bold
         }
       }

From b0fca4ad9bd04908ef093dcb7cbf29895cb11af5 Mon Sep 17 00:00:00 2001
From: zdg <zdg@163.com>
Date: Wed, 18 Dec 2024 15:59:45 +0800
Subject: [PATCH 2/6] =?UTF-8?q?ppt=E4=B8=8A=E8=AF=BE-=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E6=BC=94=E8=AE=B2=E8=80=85=20=E7=82=B9=E8=B5=9E=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/AixPPTist/src/api/classcourse.ts      | 19 ++-----
 src/renderer/src/AixPPTist/src/api/upvote.ts  | 33 ++++++++++++
 src/renderer/src/AixPPTist/src/api/watcher.ts | 14 ++---
 .../src/AixPPTist/src/store/classcourse.ts    |  5 ++
 .../src/AixPPTist/src/store/slides.ts         |  7 ++-
 .../AixPPTist/src/views/Screen/BaseView.vue   | 53 ++-----------------
 .../src/views/Screen/PresenterView.vue        |  7 +--
 .../src/views/Screen/hooks/useExecPlay.ts     |  9 ++--
 .../src/AixPPTist/src/views/Screen/index.vue  |  8 +++
 .../src/views/tool/components/upvote.vue      |  2 +
 10 files changed, 79 insertions(+), 78 deletions(-)
 create mode 100644 src/renderer/src/AixPPTist/src/api/upvote.ts

diff --git a/src/renderer/src/AixPPTist/src/api/classcourse.ts b/src/renderer/src/AixPPTist/src/api/classcourse.ts
index b41091e..21e7296 100644
--- a/src/renderer/src/AixPPTist/src/api/classcourse.ts
+++ b/src/renderer/src/AixPPTist/src/api/classcourse.ts
@@ -41,21 +41,12 @@ export class Classcourse {
       this.classcourse = classcourse // 课堂信息
       this.id = classcourse.id // 课堂id
       // 如果课堂信息有paging，则更新当前页码
-      const { paging } = classcourse
+      const { paging, cartoonTimes } = classcourse
       const isPaging = !!paging || paging === 0
-      if (isPaging) {
-        await this.sleep(200)
-        emitter.emit('useExecPlay', {key:'turnSlideToIndex', paging})
-        await this.sleep(1000)
-        // 如果课堂信息有paging，则更新动画播放状态
-        const isAnim = !!classcourse.cartoonTimes
-        if (isAnim) { // 动画播放
-          for (let i = 0; i < classcourse.cartoonTimes; i++) {
-            // 异步执行动画
-            emitter.emit('useExecPlay', {key:'execNext', isAsync:true})
-          }
-        }
-      }
+      // 如果课堂信息有paging，则更新动画播放状态
+      const isAnim = !!cartoonTimes || cartoonTimes === 0
+      if (isPaging) slidesStore.updateSlideIndex(paging)
+      if (isAnim) slidesStore.updateAnimationIndex(cartoonTimes+1)
       // 课堂信息-状态管理
       classcourseStore.setClasscourse(classcourse)
       // 待上课提示
diff --git a/src/renderer/src/AixPPTist/src/api/upvote.ts b/src/renderer/src/AixPPTist/src/api/upvote.ts
new file mode 100644
index 0000000..4e84407
--- /dev/null
+++ b/src/renderer/src/AixPPTist/src/api/upvote.ts
@@ -0,0 +1,33 @@
+/**
+ * 点赞组件-相关
+ */
+export default class Upvote {
+  instance: any = null // 自身实例
+  upvoteRef: any = null // 点赞组件
+  constructor(elRef?: any) {
+    if(!!elRef) this.upvoteRef = elRef // 点赞组件
+    if (!Upvote.Instance) {
+      Upvote.Instance = this
+    }
+    return Upvote.Instance
+  }
+
+  // 初始化
+  init(elRef) {
+    if(!!elRef) this.upvoteRef = elRef // 点赞组件
+    return this
+  }
+  // 打开点赞或者疑问 1点赞 2疑问
+  trigger(type) {
+    this.upvoteRef?.value?.trigger?.(type)
+    return this
+  }
+  // 静态方法-初始化
+  static init(elRef) {
+    return new Upvote(elRef)
+  }
+  // 静态方法-打开点赞或者疑问 1点赞 2疑问
+  static trigger(type) {
+    return new Upvote().trigger(type)
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/src/AixPPTist/src/api/watcher.ts b/src/renderer/src/AixPPTist/src/api/watcher.ts
index 35d8454..cb67de2 100644
--- a/src/renderer/src/AixPPTist/src/api/watcher.ts
+++ b/src/renderer/src/AixPPTist/src/api/watcher.ts
@@ -13,6 +13,7 @@ import msgUtils from '@/plugins/modal' // 消息工具
 import { Homework } from './index' // api-作业相关
 import emitter from '@/utils/mitt' //mitt 事件总线
 import useExecPlay from '../views/Screen/hooks/useExecPlay' // 播放控制
+import hooksUpvote from './upvote' // 点赞-工具
 
 /**
  * @description 监听器
@@ -22,7 +23,7 @@ export default () => {
   const classcourseStore = store.useClasscourseStore() // 课堂信息-状态管理
   const resource = sessionStore.get('curr.resource') // apt 资源
   const smarttalk = sessionStore.get('curr.smarttalk') // 备课资源
-  const execPlay = useExecPlay() // 播放控制
+  const { execNext, turnPrevSlide } = useExecPlay()
   // 监听幻灯片内容变化
   watch(() => slidesStore.slides, (newVal, oldVal) => {
     PPTApi.updateSlides(newVal, oldVal) // 更新幻灯片内容
@@ -98,9 +99,8 @@ export default () => {
         case MsgEnum.HEADS.MSG_slideFlapping: // 幻灯片翻页
           const slideIndex = content?.current || 0
           const type = content?.animation
-          // if (type === 'Nextsteps') emitter.emit('useExecPlay', 'execNext') // 下一步
-          if (type === 'Nextsteps') emitter.emit('useExecPlay', {key:'execNext', isAsync:true}) // 下一步
-          else if (type === 'Previoustep') emitter.emit('useExecPlay', 'turnPrevSlide') // 上一步清空-动画
+          if (type === 'Nextsteps') execNext(true) // 下一步-异步动画
+          else if (type === 'Previoustep') turnPrevSlide() // 上一步清空-动画
           else slidesStore.updateSlideIndex(slideIndex) // 更新幻灯片下标
           break
         case MsgEnum.HEADS.MSG_homework: // 作业|活动-布置
@@ -111,10 +111,12 @@ export default () => {
           close()
           break
         case MsgEnum.HEADS.MSG_dz: // 点赞
-          emitter.emit('upvoteTrigger', 1)
+          // emitter.emit('upvoteTrigger', 1)
+          hooksUpvote.trigger(1)
           break
         case MsgEnum.HEADS.MSG_yh: // 疑惑
-          emitter.emit('upvoteTrigger', 2)
+          // emitter.emit('upvoteTrigger', 2)
+          hooksUpvote.trigger(2)
           break
         case MsgEnum.HEADS.MSG_0010: // 备用
           break
diff --git a/src/renderer/src/AixPPTist/src/store/classcourse.ts b/src/renderer/src/AixPPTist/src/store/classcourse.ts
index bd77fbd..5d83314 100644
--- a/src/renderer/src/AixPPTist/src/store/classcourse.ts
+++ b/src/renderer/src/AixPPTist/src/store/classcourse.ts
@@ -3,16 +3,21 @@ import type { Classcourse } from '../api/types'
 
 export interface ClasscourseState {
   classcourse: Classcourse | any, // 课堂信息
+  isEmit: boolean, // 是否加载监听事件(动画播放)
 }
 
 export const useClasscourseStore = defineStore('classcourse', {
   state: (): ClasscourseState => ({
     classcourse: null, // 课堂信息
+    isEmit: false, // 是否加载监听事件(动画播放)
   }),
 
   actions: {
     setClasscourse(classcourse: Classcourse) {
       this.classcourse = classcourse
     },
+    setIsEmit(isEmit: boolean) {
+      this.isEmit = isEmit
+    },
   },
 })
\ No newline at end of file
diff --git a/src/renderer/src/AixPPTist/src/store/slides.ts b/src/renderer/src/AixPPTist/src/store/slides.ts
index d7a3bae..f3a23fa 100644
--- a/src/renderer/src/AixPPTist/src/store/slides.ts
+++ b/src/renderer/src/AixPPTist/src/store/slides.ts
@@ -33,7 +33,8 @@ export interface SlidesState {
   slides: Slide[]
   slideIndex: number
   viewportSize: number
-  viewportRatio: number
+  viewportRatio: number,
+  animationIndex: number, // 不是从0开始
   workList:Object[],
   workItem:Object[],
 }
@@ -46,6 +47,7 @@ export const useSlidesStore = defineStore('slides', {
     slideIndex: 0, // 当前页面索引
     viewportSize: 1000, // 可视区域宽度基数
     viewportRatio: 0.5625, // 可视区域比例，默认16:9
+    animationIndex: 0, // 不是从0开始
     workList:[],// 活动的列表
     workItem:[],// 获取到的所有pptlist
   }),
@@ -206,6 +208,9 @@ export const useSlidesStore = defineStore('slides', {
     updateSlideIndex(index: number) {
       this.slideIndex = index
     },
+    updateAnimationIndex(index: number) {
+      this.animationIndex = index
+    },
   
     addElement(element: PPTElement | PPTElement[]) {
       const elements = Array.isArray(element) ? element : [element]
diff --git a/src/renderer/src/AixPPTist/src/views/Screen/BaseView.vue b/src/renderer/src/AixPPTist/src/views/Screen/BaseView.vue
index fc4940a..8e7acf0 100644
--- a/src/renderer/src/AixPPTist/src/views/Screen/BaseView.vue
+++ b/src/renderer/src/AixPPTist/src/views/Screen/BaseView.vue
@@ -30,14 +30,10 @@
       @close="timerlVisible = false" 
     />
 
-    <div class="tools-left">
+    <div class="tools-left" v-if="!classcourse">
       <IconLeftTwo class="tool-btn" theme="two-tone" :fill="['#111', '#fff']" @click="execPrev()" />
       <IconRightTwo class="tool-btn" theme="two-tone" :fill="['#111', '#fff']" @click="execNext()" />
     </div>
-    <!-- 点赞组件 -->
-    <div style="z-index: 999;position: absolute;top:10px">
-      <upvote-vue ref="upvoteRef"  type="2"></upvote-vue>
-    </div>
     <div 
       class="tools-right" :class="{ 'visible': rightToolsVisible }" 
       @mouseleave="rightToolsVisible = false"
@@ -59,7 +55,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref , watchEffect} from 'vue'
+import { ref , watchEffect, onMounted, onUnmounted} from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore ,useScreenStore, useClasscourseStore} from '../../store'
 import type { ContextmenuItem } from '../../components/Contextmenu/types'
@@ -73,18 +69,15 @@ import ScreenSlideList from './ScreenSlideList.vue'
 import SlideThumbnails from './SlideThumbnails.vue'
 import WritingBoardTool from './WritingBoardTool.vue'
 import CountdownTimer from './CountdownTimer.vue'
-import upvoteVue from '@/views/tool/components/upvote.vue' // 点赞-子组件
 import emitter from '@/utils/mitt';
 import Chat from '../../api/chat' // 聊天
-// import * as emits from './hooks/emitter'
-// emits.init() // 初始化事件
 
 const props = defineProps<{
   changeViewMode: (mode: 'base' | 'presenter') => void
 }>()
 
 const { slides, slideIndex } = storeToRefs(useSlidesStore())
-const { classcourse } = storeToRefs(useClasscourseStore()) // 课堂信息
+const { classcourse, isEmit } = storeToRefs(useClasscourseStore()) // 课堂信息
 
 const {
   autoPlayTimer,
@@ -105,26 +98,6 @@ const {
   execNext,
   animationIndex,
 } = useExecPlay()
-// zdg: 使用方法才生效
-const execPlay = {
-  autoPlayTimer,
-  autoPlay,
-  closeAutoPlay,
-  autoPlayInterval,
-  setAutoPlayInterval,
-  loopPlay,
-  setLoopPlay,
-  mousewheelListener,
-  touchStartListener,
-  touchEndListener,
-  turnPrevSlide,
-  turnNextSlide,
-  turnSlideToIndex,
-  turnSlideToId,
-  execPrev,
-  execNext,
-  animationIndex,
-}
 const { slideWidth, slideHeight } = useSlideSize()
 const { exitScreening } = useScreening()
 const { fullscreenState, manualExitFullscreen } = useFullscreen()
@@ -135,7 +108,6 @@ const writingBoardToolVisible = ref(false)
 const timerlVisible = ref(false)
 const slideThumbnailModelVisible = ref(false)
 const laserPen = ref(false)
-const upvoteRef = ref(null)
 const screenStore =useScreenStore()
 const contextmenus = (): ContextmenuItem[] => {
   return [
@@ -226,25 +198,6 @@ const exitCourse = async () => {
   exitScreening() // 结束放映
 }
 
-// 打开点赞或者疑问 1点赞 2疑问
-emitter.on('upvoteTrigger', (type) => {
-  upvoteRef.value?.trigger(type)
-});
-
-// 监听
-emitter.on('useExecPlay', (data: string|any) => {
-  console.log('useExecPlay', data)
-  if (!data) throw new Error('参数错误')
-  if (typeof data === 'string') { // 字符串
-    if (execPlay[data]) execPlay[data]()
-    else throw new Error('方法不存在')
-  } else { // 对象
-    const { key, ...params } = data || {}
-    const paramsArray = Object.values(params)
-    if (execPlay[key]) execPlay[key](...paramsArray)
-    else throw new Error('方法不存在')
-  }
-})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/renderer/src/AixPPTist/src/views/Screen/PresenterView.vue b/src/renderer/src/AixPPTist/src/views/Screen/PresenterView.vue
index bca776e..a747a9c 100644
--- a/src/renderer/src/AixPPTist/src/views/Screen/PresenterView.vue
+++ b/src/renderer/src/AixPPTist/src/views/Screen/PresenterView.vue
@@ -78,7 +78,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, ref, watch } from 'vue'
+import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useSlidesStore, useClasscourseStore } from '../../store'
 import type { ContextmenuItem } from '../../components/Contextmenu/types'
@@ -95,6 +95,7 @@ import ScreenSlideList from './ScreenSlideList.vue'
 import WritingBoardTool from './WritingBoardTool.vue'
 import CountdownTimer from './CountdownTimer.vue'
 import Divider from '../../components/Divider.vue'
+import emitter from '@/utils/mitt';
 import Chat from '../../api/chat' // 聊天
 
 const props = defineProps<{
@@ -102,7 +103,7 @@ const props = defineProps<{
 }>()
 
 const { slides, slideIndex, viewportRatio, currentSlide } = storeToRefs(useSlidesStore())
-const { classcourse } = storeToRefs(useClasscourseStore()) // 课堂信息
+const { classcourse, isEmit } = storeToRefs(useClasscourseStore()) // 课堂信息
 
 const slideListWrapRef = ref<HTMLElement>()
 const thumbnailsRef = ref<HTMLElement>()
@@ -120,7 +121,6 @@ const {
   turnSlideToId,
   animationIndex,
 } = useExecPlay()
-
 const { slideWidth, slideHeight } = useSlideSize(slideListWrapRef)
 const { exitScreening } = useScreening()
 const { slidesLoadLimit } = useLoadSlides()
@@ -210,6 +210,7 @@ const contextmenus = (): ContextmenuItem[] => {
     },
   ]
 }
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts b/src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts
index b0b6777..860e37a 100644
--- a/src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts
+++ b/src/renderer/src/AixPPTist/src/views/Screen/hooks/useExecPlay.ts
@@ -5,14 +5,15 @@ import { useSlidesStore, useClasscourseStore } from '../../../store'
 import { KEYS } from '../../../configs/hotkey'
 import { ANIMATION_CLASS_PREFIX } from '../../../configs/animation'
 import message from '../../../utils/message'
+import emitter from '@/utils/mitt';
 
 export default () => {
   const slidesStore = useSlidesStore()
   const classcourseStore = useClasscourseStore() // 课堂信息-状态管理
-  const { slides, slideIndex, formatedAnimations } = storeToRefs(slidesStore)
+  const { slides, slideIndex, formatedAnimations, animationIndex } = storeToRefs(slidesStore)
 
   // 当前页的元素动画执行到的位置
-  const animationIndex = ref(0)
+  // const animationIndex = ref(0)
 
   // 动画执行状态
   const inAnimation = ref(false)
@@ -230,8 +231,8 @@ export default () => {
     ) turning(e, 'next')
   }
 
-  onMounted(() => document.addEventListener('keydown', keydownListener))
-  onUnmounted(() => document.removeEventListener('keydown', keydownListener))
+  onMounted(() => {document.addEventListener('keydown', keydownListener)})
+  onUnmounted(() => {document.removeEventListener('keydown', keydownListener)})
 
   // 切换到上一张/上一张幻灯片（无视元素的入场动画）
   const turnPrevSlide = () => {
diff --git a/src/renderer/src/AixPPTist/src/views/Screen/index.vue b/src/renderer/src/AixPPTist/src/views/Screen/index.vue
index 2f929c8..d5aa87f 100644
--- a/src/renderer/src/AixPPTist/src/views/Screen/index.vue
+++ b/src/renderer/src/AixPPTist/src/views/Screen/index.vue
@@ -2,6 +2,10 @@
   <div class="pptist-screen">
     <BaseView :changeViewMode="changeViewMode" v-if="viewMode === 'base'" />
     <PresenterView :changeViewMode="changeViewMode" v-else-if="viewMode === 'presenter'" />
+    <!-- 点赞组件 -->
+    <upvote-vue ref="upvoteRef"  type="2"></upvote-vue>
+    <!-- <div style="z-index: 999;position: absolute;top:10px">
+    </div> -->
   </div>
 </template>
 
@@ -9,9 +13,11 @@
 import { onMounted, onUnmounted, ref } from 'vue'
 import { KEYS } from '../../configs/hotkey'
 import useScreening from '../../hooks/useScreening'
+import hooksUpvote from '../../api/upvote' // 点赞-工具
 
 import BaseView from './BaseView.vue'
 import PresenterView from './PresenterView.vue'
+import upvoteVue from '@/views/tool/components/upvote.vue' // 点赞-子组件
 
 const viewMode = ref<'base' | 'presenter'>('base')
 
@@ -20,6 +26,8 @@ const changeViewMode = (mode: 'base' | 'presenter') => {
 }
 
 const { exitScreening } = useScreening()
+const upvoteRef = ref(null)
+hooksUpvote.init(upvoteRef) // 初始化点赞
 
 // 快捷键退出放映
 const keydownListener = (e: KeyboardEvent) => {
diff --git a/src/renderer/src/views/tool/components/upvote.vue b/src/renderer/src/views/tool/components/upvote.vue
index 317e270..f8a1a08 100644
--- a/src/renderer/src/views/tool/components/upvote.vue
+++ b/src/renderer/src/views/tool/components/upvote.vue
@@ -248,6 +248,8 @@ defineExpose({ trigger })
   position: fixed;
   // height: 90vh;
   // border: 1px solid;
+  z-index: 99;
+  pointer-events: none;
   inset: auto auto 3em 1em;
   display: flex;
   gap: 10px;

From 38a50d18bf5e3398c178a91e23ae0a78a30b3943 Mon Sep 17 00:00:00 2001
From: zdg <zdg@163.com>
Date: Wed, 18 Dec 2024 16:00:31 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/AixPPTist/src/api/watcher.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/renderer/src/AixPPTist/src/api/watcher.ts b/src/renderer/src/AixPPTist/src/api/watcher.ts
index cb67de2..220ed53 100644
--- a/src/renderer/src/AixPPTist/src/api/watcher.ts
+++ b/src/renderer/src/AixPPTist/src/api/watcher.ts
@@ -11,7 +11,7 @@ import ChatWs from '@/plugins/socket' // 聊天socket
 import Classcourse from './classcourse' // 课程相关
 import msgUtils from '@/plugins/modal' // 消息工具
 import { Homework } from './index' // api-作业相关
-import emitter from '@/utils/mitt' //mitt 事件总线
+// import emitter from '@/utils/mitt' //mitt 事件总线
 import useExecPlay from '../views/Screen/hooks/useExecPlay' // 播放控制
 import hooksUpvote from './upvote' // 点赞-工具
 
@@ -111,11 +111,9 @@ export default () => {
           close()
           break
         case MsgEnum.HEADS.MSG_dz: // 点赞
-          // emitter.emit('upvoteTrigger', 1)
           hooksUpvote.trigger(1)
           break
         case MsgEnum.HEADS.MSG_yh: // 疑惑
-          // emitter.emit('upvoteTrigger', 2)
           hooksUpvote.trigger(2)
           break
         case MsgEnum.HEADS.MSG_0010: // 备用

From 627c70d0e1a790693a594d835a5f859ab65f384d Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Wed, 18 Dec 2024 17:16:23 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E7=99=BD=E6=9D=BF=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=B8=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/whiteboard/whiteboard.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/whiteboard/whiteboard.vue b/src/renderer/src/components/whiteboard/whiteboard.vue
index 88c9860..c6eb9a2 100644
--- a/src/renderer/src/components/whiteboard/whiteboard.vue
+++ b/src/renderer/src/components/whiteboard/whiteboard.vue
@@ -15,7 +15,7 @@
           </el-tooltip>
         </div>
         <div class="blockBox">
-          <el-button @click="currentType = 'selection'"><el-image src="../../../src/assets/images/mouse-pointer.png"
+          <el-button @click="currentType = 'selection'"><el-image :src="pointerImg"
               style="width: 14px; height: 14px; color: silver" /></el-button>
         </div>
         <template v-if="type == 'design'">
@@ -145,7 +145,7 @@
           <!-- 边框粗细 -->
           <div class="blockBox">
             <el-dropdown @command="updateStyle('lineWidth', $event)" placement="top">
-              <el-button><el-image src="../../../src/assets/images/borderwidth.png"
+              <el-button><el-image :src="borderImg"
                   style="width: 14px; height: 14px"></el-image></el-button>
               <template #dropdown>
                 <el-dropdown-menu>
@@ -303,6 +303,9 @@ import {
 import Contextmenu from './components/Contextmenu.vue'
 import { fontFamilyList, fontSizeList } from './constants'
 
+const borderImg = new URL('../../../src/assets/images/borderwidth.png', import.meta.url).href
+const pointerImg = new URL('../../../src/assets/images/mouse-pointer.png', import.meta.url).href
+
 const props = defineProps({
   modelValue: {
     type: Boolean,

From 0ed69394efbd91c2cec7b0b031c0fe0a7830cbf7 Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Wed, 18 Dec 2024 17:31:10 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../container/adjust-dialog.vue               | 31 ++++++++++-
 .../template-study/container/right.vue        |  4 +-
 .../container/adjust-dialog.vue               | 51 +++++++++++++++----
 .../views/teachingDesign/container/right.vue  | 26 +++++++---
 4 files changed, 91 insertions(+), 21 deletions(-)

diff --git a/src/renderer/src/components/template-study/container/adjust-dialog.vue b/src/renderer/src/components/template-study/container/adjust-dialog.vue
index a5fa027..000f8e2 100644
--- a/src/renderer/src/components/template-study/container/adjust-dialog.vue
+++ b/src/renderer/src/components/template-study/container/adjust-dialog.vue
@@ -59,6 +59,7 @@ import { completion, docList } from '@/api/mode/index'
 import { sessionStore } from '@/utils/store'
 import { dataSetJson } from '@/utils/comm.js'
 import useUserStore from '@/store/modules/user'
+import { sendChart } from '@/api/ai/index'
 import emitter from '@/utils/mitt';
 
 const userInfo = useUserStore().user
@@ -77,6 +78,14 @@ const props = defineProps({
   type: {
     type: Number,
     default: 1
+  },
+  curMode:{
+    type: Number,
+    default: 1
+  },
+  conversation_id: {
+    type: [Number, String],
+    default: ''
   }
 })
 
@@ -100,7 +109,8 @@ const curNode = reactive({})
 const params = reactive(
   {
     prompt: '',
-    dataset_id: ''
+    dataset_id: '',
+    template: ''
   }
 )
 
@@ -108,7 +118,24 @@ const params = reactive(
 const getCompletion = async (val) => {
   try {
     params.prompt = `按照${val}的要求，针对${curNode.edustage}${curNode.edusubject}${modeType.value} 对${curNode.itemtitle}进行教学分析`
-    const { data } = await completion(params)
+    params.template = props.item.prompt
+
+    let data = null;
+    // 教学大模型
+    if(props.curMode == 1){
+      const res = await sendChart({
+        content: params.prompt,
+        conversationId: props.conversation_id,
+        stream: false
+      })
+      data = res.data
+    }
+    else{
+      // 知识库模型
+      const res = await completion(params)
+      data = res.data
+    }
+
     let answer = data.answer
     msgList.value.push({
       type: 'robot',
diff --git a/src/renderer/src/components/template-study/container/right.vue b/src/renderer/src/components/template-study/container/right.vue
index 74a87c3..2f4b93c 100644
--- a/src/renderer/src/components/template-study/container/right.vue
+++ b/src/renderer/src/components/template-study/container/right.vue
@@ -81,7 +81,7 @@
   <!--编辑结果-->
   <EditDialog v-model="isEdit" :item="editItem" />
   <!--AI 对话调整-->
-  <AdjustDialog v-model="isAdjust" :type="type" :item="editItem" />
+  <AdjustDialog v-model="isAdjust" :type="type" :item="editItem" :curMode="curMode" :conversation_id="conversation_id"/>
   <!--添加、编辑提示词-->
   <keywordDialog v-model="isWordDialog" :item="editItem" />
 </template>
@@ -323,7 +323,7 @@ const againResult = async (index, item) => {
     
     let data = null;
     // 教学大模型
-    if (mode.value == 1) {
+    if (curMode.value == 1) {
       const res = await sendChart({
         content: params.prompt,
         conversationId: conversation_id.value,
diff --git a/src/renderer/src/views/teachingDesign/container/adjust-dialog.vue b/src/renderer/src/views/teachingDesign/container/adjust-dialog.vue
index fd887a2..a58bbd8 100644
--- a/src/renderer/src/views/teachingDesign/container/adjust-dialog.vue
+++ b/src/renderer/src/views/teachingDesign/container/adjust-dialog.vue
@@ -42,9 +42,10 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { completion } from '@/api/mode/index'
+import { dataSetJson } from '@/utils/comm.js'
 import emitter from '@/utils/mitt';
 import { sessionStore } from '@/utils/store'
-import { ElMessage } from 'element-plus'
+import { sendChart } from '@/api/ai/index'
 
 const textarea = ref('')
 
@@ -56,6 +57,14 @@ const props = defineProps({
     default: () => {
       return { name: '11' }
     }
+  },
+  curMode:{
+    type: Number,
+    default: 1
+  },
+  conversation_id: {
+    type: [Number, String],
+    default: ''
   }
 })
 
@@ -77,13 +86,36 @@ const send = () => {
 }
 const curNode = reactive({})
 
-// 获取会话ID
+const params = reactive(
+  {
+    prompt: '',
+    dataset_id: '',
+    template: ''
+  }
+)
+
+// 大模型对话
 const getConversation = async (val) => {
   try {
-    const { data } = await completion({
-      dataset_id: 'cee3062a9fcf11efa6910242ac140006',
-      prompt: val
-    })
+    params.prompt = `按照${val}的要求，针对${curNode.edustage}${curNode.edusubject}课标，对${curNode.itemtitle}进行教学分析`
+    params.template = props.item.prompt
+    
+    let data = null;
+    // 教学大模型
+    if(props.curMode == 1){
+      const res = await sendChart({
+        content: params.prompt,
+        conversationId: props.conversation_id,
+        stream: false
+      })
+      data = res.data
+    }
+    else{
+      // 知识库模型
+      const res = await completion(params)
+      data = res.data
+    }
+    
     msgList.value.push({
       type: 'robot',
       msg: data.answer,
@@ -94,15 +126,16 @@ const getConversation = async (val) => {
 }
 
 const saveAdjust = (item) => {
-  // emit('saveAdjust', item.msg)
-  emitter.emit('changeAdjust', item.msg)
   isDialog.value = false
-  ElMessage.success('操作成功')
+  emitter.emit('onSaveAdjust', item.msg)
 }
 
 onMounted(() => {
   let data = sessionStore.get('subject.curNode')
   Object.assign(curNode, data);
+  // 框架设计 用课标的dataset_id
+  let jsonKey = `课标-${data.edustage}-${data.edusubject}`
+  params.dataset_id = dataSetJson[jsonKey]
 
 })
 
diff --git a/src/renderer/src/views/teachingDesign/container/right.vue b/src/renderer/src/views/teachingDesign/container/right.vue
index f551157..c69a22b 100644
--- a/src/renderer/src/views/teachingDesign/container/right.vue
+++ b/src/renderer/src/views/teachingDesign/container/right.vue
@@ -2,12 +2,12 @@
   <div class="container-right flex">
     <div class="right-header flex">
       <div class="header-left">
-        <el-button type="primary" link>
+        <!-- <el-button type="primary" link>
           <i class="iconfont icon-jiahao"></i>新活动
         </el-button>
         <el-button type="primary" link>
           <i class="iconfont icon-baocun"></i>保存为教学模式
-        </el-button>
+        </el-button> -->
       </div>
       <div class="header-right">
         <el-select v-model="curMode" placeholder="Select" class="mr-4 w-30">
@@ -62,7 +62,7 @@
     </div>
   </div>
   <EditDialog v-model="isEdit" :item="curItem" />
-  <AdjustDialog v-model="isAdjust" :item="curItem" />
+  <AdjustDialog v-model="isAdjust" :item="curItem" :curMode="curMode" :conversation_id="conversation_id" />
   <PptDialog @add-success="addAiPPT" :dataList="resultList" v-model="pptDialog" />
   <progress-dialog v-model:visible="pgDialog.visible" v-bind="pgDialog" />
   <!--添加、编辑提示词-->
@@ -393,7 +393,7 @@ const againResult = async (index, item) => {
 
     let data = null;
     // 教学大模型
-    if (mode.value == 1) {
+    if (curMode.value == 1) {
       const res = await sendChart({
         content: params.prompt,
         conversationId: conversation_id.value,
@@ -421,11 +421,21 @@ const onAdjust = (index, item) => {
   Object.assign(curItem, item)
   isAdjust.value = true
 }
-emitter.on('changeAdjust', (item) => {
+
+// 替换分析结果
+emitter.on('onSaveAdjust', (item) => {
   resultList.value[curIndex.value].answer = item
+  onEditSave(resultList.value[curIndex.value])
 })
 
 
+// 保存 重新研读后的结果
+const onEditSave = async (item) => {
+  const { msg } = await editTempResult({ id: item.resultId, content: item.answer })
+  ElMessage.success(msg)
+  getChildTemplate()
+}
+
 // 编辑
 const onEdit = (index, item) => {
   curIndex.value = index
@@ -585,7 +595,7 @@ onMounted(() => {
   let data = sessionStore.get('subject.curNode')
   Object.assign(curNode, data);
   courseObj.node = data
-
+  // 框架设计 用课标的dataset_id
   let jsonKey = `课标-${data.edustage}-${data.edusubject}`
   params.dataset_id = commUtils.dataSetJson[jsonKey]
 
@@ -605,7 +615,7 @@ onUnmounted(() => {
   emitter.off('changeMode')
   emitter.off('changeResult')
   emitter.off('changeAdjust')
-
+  emitter.off('onSaveAdjust');
 })
 
 
@@ -630,7 +640,7 @@ onUnmounted(() => {
     background: #F6F6F6;
     padding: 15px;
     flex-direction: column;
-    overflow-y: scroll;
+    overflow-y: auto;
 
     .con-item {
       width: 100%;

From e0a406c497e3190125312be945b4639f7d6422c5 Mon Sep 17 00:00:00 2001
From: zhuhao <979263092@qq.com>
Date: Thu, 19 Dec 2024 11:07:12 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AE=AB=E6=A0=BC?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E6=8F=92=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 .../src/components/grid-pic/index.vue         | 172 ++++++++++++++++++
 .../src/components/grid-pic/viewer-item.vue   |  59 ++++++
 src/renderer/src/main.js                      |   5 +-
 src/renderer/src/router/index.js              |   5 +
 src/renderer/src/views/prepare/index.vue      |   9 +
 6 files changed, 250 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/src/components/grid-pic/index.vue
 create mode 100644 src/renderer/src/components/grid-pic/viewer-item.vue

diff --git a/package.json b/package.json
index f861a30..0f89d82 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,8 @@
     "tinycolor2": "^1.6.0",
     "tinymce": "6.8.3",
     "tippy.js": "^6.3.7",
+    "v-viewer": "^3.0.11",
+    "viewerjs": "^1.11.7",
     "vite-plugin-electron": "^0.28.8",
     "vue": "^3.4.34",
     "vue-cropper": "1.0.3",
diff --git a/src/renderer/src/components/grid-pic/index.vue b/src/renderer/src/components/grid-pic/index.vue
new file mode 100644
index 0000000..8913651
--- /dev/null
+++ b/src/renderer/src/components/grid-pic/index.vue
@@ -0,0 +1,172 @@
+<template>
+  <draggable handle=".header-btn" :draggable="false" item-key="backgroundColor" v-model="gridPicList" class="grid-pic-wrap" :style="getGrid">
+    <template #item="{ element, index }">
+      <div class="grid-pic-item" :key="element.backgroundColor" :style="getWH(element,index)">
+        <div class="delete-btn" @click="gridPicList.splice(index,1)">X</div>
+        <div class="header-btn"></div>
+        <ViewerItem :gridPicList="gridPicList" :index="index" :images="[element.src]"></ViewerItem>
+      </div>
+    </template>
+  </draggable>
+  <el-input style="position:fixed;bottom: 20px;right: 80px;width: 1000px" v-model="inputValue" type="text" />
+  <el-button class="add-btn" @click="addPic">
+    添加
+  </el-button>
+</template>
+
+<script setup>
+  import {ref, computed} from 'vue'
+  import Draggable from 'vuedraggable'
+  import ViewerItem from "./viewer-item.vue";
+
+  const gridPicList = ref([])
+  const inputValue = ref('')
+  // 获取图片样式
+  const getWH = (item,index)=>{
+    return {
+      backgroundColor: item.backgroundColor,
+      'grid-area': 'a' + index
+    }
+  }
+
+  // 获取grid样式
+  const getGrid = computed(() => {
+    switch (gridPicList.value.length) {
+      case 1:
+        return {
+          'grid-template-areas':
+          `"a0"`
+        }
+      case 2:
+        return {
+          'grid-template-areas':
+            `"a0 a1"`
+        }
+      case 3:
+        return {
+          'grid-template-areas':
+            `"a0 a1"
+            "a0 a2"`
+        }
+      case 4:
+        return {
+          'grid-template-areas':
+            `"a0 a2"
+            "a1 a3"`
+        }
+      case 5:
+        return {
+          'grid-template-areas':
+            `"a0 a2 a4"
+            "a1 a3 a4"`
+        }
+      case 6:
+        return {
+          'grid-template-areas':
+            `"a0 a2 a4"
+            "a1 a3 a5"`
+        }
+      case 7:
+        return {
+          'grid-template-areas':
+            `"a0 a2 a4"
+            "a0 a2 a4"
+            "a0 a2 a5"
+            "a1 a3 a5"
+            "a1 a3 a6"
+            "a1 a3 a6"`
+        }
+      case 8:
+        return {
+          'grid-template-areas':
+            `"a0 a3 a6"
+            "a0 a3 a6"
+            "a1 a4 a6"
+            "a1 a4 a7"
+            "a2 a5 a7"
+            "a2 a5 a7"`
+        }
+      case 9:
+        return {
+          'grid-template-areas':
+            `"a0 a3 a6"
+            "a1 a4 a7"
+            "a2 a5 a8"`
+        }
+      default:
+        return {
+          width: '100%',
+          height: '100%'
+        }
+    }
+  })
+
+  // 添加图片
+  const addPic = () => {
+    if (gridPicList.value.length >= 9) {
+      return
+    }
+    gridPicList.value.push({
+      src: inputValue.value,
+      backgroundColor: getRandomColor()
+    })
+    inputValue.value = ''
+  }
+  // 生成随机颜色
+  function getRandomColor() {
+    let r = Math.floor(Math.random() * 256).toString(16);
+    let g = Math.floor(Math.random() * 256).toString(16);
+    let b = Math.floor(Math.random() * 256).toString(16);
+    // 如果生成的十六进制数字只有一位，前面补0
+    r = r.length === 1? '0' + r : r;
+    g = g.length === 1? '0' + g : g;
+    b = b.length === 1? '0' + b : b;
+    return `#${r}${g}${b}`;
+  }
+
+</script>
+<style scoped lang="scss">
+.grid-pic-wrap{
+  width: 100%;
+  height: 100%;
+  display: grid;
+  overflow: hidden;
+  .grid-pic-item{
+    //animation: fadeIn 0.5s ease-in-out forwards;
+    background-color: #0a84ff;
+    position: relative;
+    .delete-btn{
+      position: absolute;
+      top: 0;
+      right: 10px;
+      z-index: 999;
+      &:hover{
+        color: #fff;
+        cursor: pointer;
+      }
+    }
+    .header-btn{
+      position: absolute;
+      z-index: 998;
+      height: 30px;
+      width: 100%;
+      border-bottom: 1px dotted #ccc;
+    }
+  }
+}
+.add-btn{
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/src/renderer/src/components/grid-pic/viewer-item.vue b/src/renderer/src/components/grid-pic/viewer-item.vue
new file mode 100644
index 0000000..f62bbfc
--- /dev/null
+++ b/src/renderer/src/components/grid-pic/viewer-item.vue
@@ -0,0 +1,59 @@
+<template>
+  <viewer :ref="collectRef('viewerRef'+index)" :options="optins" :images="images" class="images clearfix">
+    <template #default="scope">
+      <img v-for="src in scope.images" :key="index" :src="src" style="display: none">
+    </template>
+  </viewer>
+</template>
+<script setup>
+import {ref, watch, nextTick} from "vue";
+
+const props = defineProps({
+  images: {
+    type: Object,
+    default: () => {}
+  },
+  index: {
+    type: Number,
+    default: 0
+  },
+  gridPicList: {
+    type: Array,
+    default: () => []
+  }
+})
+const refs = ref([]);
+
+const collectRef = (key) => {
+  return (el) => {
+    refs.value[key] = el;
+  };
+};
+//viewer配置
+const optins = {
+  "inline": true,
+  "button": false,
+  "navbar": false,
+  "title": false,
+  "toolbar": false,
+  "tooltip": true,
+  "movable": true,
+  "zoomable": true,
+  "rotatable": true,
+  "scalable": true,
+  "transition": true,
+  "fullscreen": true,
+  "keyboard": true
+}
+const initViewers = () => {
+  refs.value['viewerRef'+props.index]?.rebuildViewer()
+}
+watch(props.gridPicList, (newValue, oldValue) => {
+  nextTick(()=>{
+    initViewers()
+  })
+});
+</script>
+<style scoped lang="scss">
+
+</style>
diff --git a/src/renderer/src/main.js b/src/renderer/src/main.js
index fbf0a59..ab4962c 100644
--- a/src/renderer/src/main.js
+++ b/src/renderer/src/main.js
@@ -17,14 +17,14 @@ import log from 'electron-log/renderer' // 渲染进程日志-文件记录
 import customComponent from '@/components/common' // 自定义组件
 import plugins from './plugins' // plugins插件
 import useUserStore from '@/store/modules/user'
-
+import VueViewer from 'v-viewer'
+import 'viewerjs/dist/viewer.css'
 if(process.env.NODE_ENV != 'development') { // 非开发环境，将日志打印到日志文件
   Object.assign(console, log.functions) // 渲染进程日志-控制台替换
 }
 
 const app = createApp(App)
 
-
 //专为菁优网配置的请求转发
 app.config.globalProperties.$requestGetJYW = (url,config)=>{
   config.params = config.params?config.params:{}
@@ -42,6 +42,7 @@ import Directive from '@/AixPPTist/src/plugins/directive'
 
 app.use(router)
     .use(store)
+    .use(VueViewer)
     .use(ElementPlus, { locale: zhLocale })
     .use(customComponent) // 自定义组件
     .use(plugins)
diff --git a/src/renderer/src/router/index.js b/src/renderer/src/router/index.js
index 470b3b9..8f982da 100644
--- a/src/renderer/src/router/index.js
+++ b/src/renderer/src/router/index.js
@@ -31,6 +31,11 @@ export const constantRoutes = [
     component: () => import('@/AixPPTist/src/App.vue'),
     hidden: true
   },
+  {
+    path: '/gridPic',
+    component: () => import('@/components/grid-pic/index.vue'),
+    hidden: true
+  },
   {
     path: '/model',
     component: Layout,
diff --git a/src/renderer/src/views/prepare/index.vue b/src/renderer/src/views/prepare/index.vue
index c593d06..ca770aa 100644
--- a/src/renderer/src/views/prepare/index.vue
+++ b/src/renderer/src/views/prepare/index.vue
@@ -10,6 +10,7 @@
           <el-dropdown-menu>
             <el-dropdown-item @click="createAIPPT">新建文枢课件</el-dropdown-item>
             <el-dropdown-item @click="aiTOPPT">AI一键生成</el-dropdown-item>
+            <el-dropdown-item @click="openGridPic">打开宫格</el-dropdown-item>
             <el-dropdown-item @click="openFilePicker">导入PPT</el-dropdown-item>
             <input type="file" ref="fileInput" style="display: none;" @change="handleFileChange" accept="application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation">
           </el-dropdown-menu>
@@ -341,6 +342,14 @@ export default {
   //   }
   // },
   methods: {
+    openGridPic() {
+      createWindow('open-win', {
+        url: '/gridPic', // 窗口关闭时，清除缓存
+        option: {
+          maximizable: true
+        }
+      })
+    },
     // 延时
     sleep(ms){return new Promise(resolve => setTimeout(resolve, ms))},
     addAiPPT(item) {