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

@@ -107,9 +107,13 @@ const getBackGroundV2 = async () => {
   }
 };
 
-const createOutlineV2 = async (data) => {
+const createOutlineV2 = async (params) => {
   try {
-    const response = await req("/api/aipptV2/createOutlineV2", "POST", data);
+    const response = await request({
+      url:"/api/aipptV2/createOutlineV2",
+      method: "POST", 
+      params
+    });
     console.log("createOutline response:", response);
 
     return response.data;

src/renderer/src/views/teachingDesign/container/center.vue

@@ -20,8 +20,20 @@
       </div>
     </div>
     <div class="center-con" v-loading="loading">
-      <TypingEffect v-if="answer" :text="answer" :delay="10" :aiShow="aiShow"/>
+      <!-- <TypingEffect v-if="answer" :text="answer" :delay="10" :aiShow="aiShow"/> -->
-      <el-empty v-if="!answer" description="请选择符合您需要的教学模式，生成教学大纲" />
+      <div style="font-size: 18px;color: #409eff;">封面页</div>
+      <div class="con-item mb-5">
+        <div class="item-name">标题：{{ answer.title }}</div>
+        <div class="item-name">副标题：{{answer.subTitle }}</div>
+      </div>
+      <div style="font-size: 18px;color: #409eff;">目录页</div>
+      <div class="con-item" v-for="(item,index) in answer.chapters">
+        <div class="item-name">{{index + 1}}：{{ item.chapterTitle }}</div>
+        <div class="item-text">
+          <p v-for="(el,i) in item.chapterContents">{{ index + 1 }} - {{ i + 1}} : {{ el.chapterTitle }}</p>
+        </div>
+      </div>
+      <el-empty v-if="!answer.title" description="请选择符合您需要的教学模式，生成教学大纲" />
     </div>
   </div>
   <EditDialog v-model="isEdit" :item="curItem" />
@@ -36,7 +48,7 @@ import emitter from '@/utils/mitt'
 import * as commUtils from '@/utils/comm.js'
 import { createChart, sendChart } from '@/api/ai/index'
 import { completion, addSyllabus, syllabuss, removeSyllabus } from '@/api/mode/index.js'
-import TypingEffect from '@/components/typing-effect/index.vue'
+import { createOutlineV2 } from '@/utils/ppt-request.js'
 import useUserStore from '@/store/modules/user'
 
 const curMode = ref(2)
@@ -64,8 +76,9 @@ emitter.on('selected', (data)=>{
 // 回显大纲
 const curItem = reactive({})
 emitter.on('onShow', (data)=>{
+  console.log(data)
   aiShow.value = false
-  answer.value = getResult(data.outline)
+  Object.assign(answer, JSON.parse(data.outline))
   Object.assign(curItem, data)
   curItem.answer = curItem.outline
   getDetails(data.id)
@@ -88,10 +101,9 @@ const params = reactive(
 
 // 研读
 const loading = ref(false)
-const answer = ref('')
+const answer = reactive({})
 
 const createAi = async ()=>{
-  console.log(selectedData.value)
   if(selectedData.value.length == 0){
     ElMessage.warning('请先选择教学环节后再生成教学大纲')
     return
@@ -119,17 +131,17 @@ const createAi = async ()=>{
     // 知识库模型
     else {
       const res = await completion(params)
+    
       data = res.data
     }
-    console.log(data)
+    const res = await createOutlineV2({query: data.answer})
-    emitter.emit('onResult', data.answer)
+    console.log(res)
-    answer.value = getResult(data.answer)
+    emitter.emit('onResult', res)
-
+    Object.assign(answer, res.outline)
-    onSaveTemp(data.answer)
+    onSaveTemp(JSON.stringify(res.outline))
   } finally {
     loading.value = false
   }
-
 }
 
 
@@ -170,11 +182,6 @@ const delAnswer = () =>{
   
 }
 
-// 去掉字符串中的 ### **
-let getResult = (str) => {
-  let newStr = str.replace(/#+|(\*\*)/g, '');
-  return newStr
-}
 
 // 千帆创建对话
 const conversation_id = ref('')
@@ -227,6 +234,18 @@ onMounted(() => {
     border-radius: 5px;
     text-align: left;
     overflow-y: auto;
+    padding: 15px;
+    .con-item{
+      display: flex;
+      flex-direction: column;
+      margin-top: 15px;
+      .item-text{
+        background: #F2F2F2;
+        padding: 15px;
+        border-radius: 5px;
+        margin-top: 10px;
+      }
+    }
   }
 }
 

src/renderer/src/views/teachingDesign/container/left2.vue

@@ -4,8 +4,11 @@
       <span>教学模式</span>
       <div>
         <el-button type="primary" link @click="resetSelect">重置</el-button>
-        <el-button type="primary" link @click="addVisible = true; addChild = false; isEdit = false"><i class="iconfont icon-jiahao"
+        <el-button type="primary" link @click="
-          ></i>新增</el-button>
+          addVisible = true,
+        addChild = false,
+        isEdit = false
+          "><i class="iconfont icon-jiahao"></i>新增</el-button>
       </div>
     </div>
     <div class="left-list">
@@ -13,33 +16,34 @@
         <div class="item-name flex" @mouseenter="item.isAdd = true" @mouseleave="item.isAdd = false"
           @click="toggleParent(item)">
           <div class="flex">
-              <span>{{ item.name }}</span>
+            <span>{{ item.name }}</span>
-              <!--个人教学模式才会有添加、编辑-->
+            <!--个人教学模式才会有添加、编辑-->
-              <div v-if="!item.ex3" class="ml-3">
+            <div v-if="!item.ex3" class="ml-3">
-                <el-button type="primary" link @click.stop="addModeChild(item)">添加</el-button>
+              <el-button type="primary" link @click.stop="addModeChild(item)">添加</el-button>
-                <el-button type="primary" link @click.stop="editMode(item)">编辑</el-button>
+              <el-button type="primary" link @click.stop="editMode(item)">编辑</el-button>
-              </div>
+            </div>
           </div>
           <!--加号 数鼠标悬浮 显示-->
           <i v-show="item.isAdd && !item.selected" class="iconfont icon-jiahao"></i>
           <!--减号 选中之后显示-->
           <i v-show="item.selected" class="iconfont icon-zuixiaohua"></i>
         </div>
-        <div class="item-child flex" :class="child.selected ? 'act-child' : ''" v-for="child in item.children" :key="child.id"
+        <div class="item-child flex" :class="child.selected ? 'act-child' : ''" v-for="child in item.children"
-          @mouseenter="child.isAdd = true" @mouseleave="child.isAdd = false" @click="toggleChild(item,child)">
+          :key="child.id" @mouseenter="child.isAdd = true" @mouseleave="child.isAdd = false"
+          @click="toggleChild(item, child)">
           <div>
             <span>{{ child.name }}</span>
-             <!--个人教学模式才会有编辑-->
+            <!--个人教学模式才会有编辑-->
-             <el-button v-if="!child.ex3" class="ml-3" type="primary" link @click.stop="editMode(child)">编辑</el-button>
+            <el-button v-if="!child.ex3" class="ml-3" type="primary" link @click.stop="editMode(child)">编辑</el-button>
           </div>
-            <i v-show="child.isAdd && !child.selected"  class="iconfont icon-jiahao"></i>
+          <i v-show="child.isAdd && !child.selected" class="iconfont icon-jiahao"></i>
-            <i v-show="child.selected" class="iconfont icon-zuixiaohua "></i>
+          <i v-show="child.selected" class="iconfont icon-zuixiaohua"></i>
         </div>
       </div>
     </div>
     <!--弹窗-->
     <el-dialog v-model="addVisible" append-to-body :show-close="false" width="550" :before-close="handleBeforeClose"
-      style="border-radius: 10px; padding: 10px 15px;">
+      style="border-radius: 10px; padding: 10px 15px">
       <template #header>
         <div class="mode-dialog-header flex">
           <span>{{ addChild ? '教学环节' : '教学模式' }}</span>
@@ -48,8 +52,8 @@
       </template>
       <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
         class="demo-ruleForm">
-        <el-form-item :label="`教学${ addChild ? '环节' : '模式'}名称`" prop="name">
+        <el-form-item :label="`教学${addChild ? '环节' : '模式'}名称`" prop="name">
-          <div class="flex" style="width: 100%;">
+          <div class="flex" style="width: 100%">
             <el-input v-model="ruleForm.name" />
             <el-button v-if="isEdit" link type="danger" class="ml-5 mr-3" @click="onDel">删除</el-button>
           </div>
@@ -64,7 +68,6 @@
       </div>
     </el-dialog>
   </div>
-
 </template>
 
 <script setup>
@@ -73,131 +76,134 @@ import { modelList } from '@/api/mode/index'
 import useUserStore from '@/store/modules/user'
 import { sessionStore } from '@/utils/store'
 import emitter from '@/utils/mitt'
-import { ElMessage, ElMessageBox  } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { addChildTemp, editChildTemp, removeChildTemp, syllabusList } from '@/api/mode'
 import { cloneDeep } from 'lodash'
 
-
 const { user } = useUserStore()
 
-// 获取主模板
+// 获取模板
 const loading = ref(false)
-let list = ref([])
-const getTemplate = async (id) => {
-  loading.value = true
-  const { rows } = await modelList({ createUser: user.userId, model: 4, type: 1, pageNum: 1, pageSize: 10000 })
-  loading.value = false
-  list.value = rows
-  if (list.value.length) {
-    getChildTemp(id)
-  }
-}
-
-// 获取子模板
 const templateList = ref([])
-const getChildTemp = async () => {
+const getTemplate = async () => {
-  templateList.value = []
   loading.value = true
+  const { rows } = await modelList({
+    createUser: user.userId,
+    model: 4,
+    pageNum: 1,
+    pageSize: 10000
+  })
+  loading.value = false
 
-  for (let item of list.value) {
+  // 过滤出 type 为 1 的项
-    try {
+  let ary1 = rows.filter((item) => item.type === 1)
-      let { rows } = await modelList({ model: 4, type: 2, parentId: item.id })
+  templateList.value = ary1.map((parent) => {
-      templateList.value.push({
+    parent.children = rows.filter((child) => child.type === 2 && child.parentId === parent.id)
-        ...item,
+    return parent
-        children: rows
+  })
-      })
-    } finally {
-      loading.value = false
-    }
-  }
   getSyllabus()
 }
 
 // 查询生成大纲记录
-const getSyllabus = async () =>{
+const getSyllabus = async () => {
-  const { rows } = await syllabusList()
+  const { rows } = await syllabusList({
-  if(rows && rows.length){
+    createUserId: user.userId,
-    const idsAry = rows.at(-1).modelIds.split(',').map(item => Number(item));
+    eduId: curNode.id,
+    sourceType: 1,
+    pageSize: 1,
+    orderByColumn: 'createTime',
+    isAsc: 'desc'
+  })
+  if (rows && rows.length) {
+    const idsAry = rows
+      .at(-1)
+      .modelIds.split(',')
+      .map((item) => Number(item))
     // 设置选中
+    let ary = []
     templateList.value.forEach((parent) => {
       parent.children.forEach((child) => {
-        child.selected = idsAry.includes(child.id);
+        child.selected = idsAry.includes(child.id)
-      });
+        if (child.selected) {
+          ary.push(child)
+        }
+      })
       // 更新父项的 selected 状态
-      parent.selected = parent.children.every((child) => child.selected);
+      parent.selected = parent.children.every((child) => child.selected)
-    });
+    })
     // 回显大纲数据
     emitter.emit('onShow', rows.at(-1))
+    emitter.emit('selected', ary)
   }
 }
 
 // 重置选中
-const resetSelect = () =>{
+const resetSelect = () => {
-  templateList.value.forEach(item =>{
+  templateList.value.forEach((item) => {
     item.selected = false
-    item.children.forEach( el=>{
+    item.children.forEach((el) => {
       el.selected = false
     })
   })
   emitter.emit('selected', [])
 }
 
-emitter.on('resetSelect', () =>{
+emitter.on('resetSelect', () => {
   resetSelect()
 })
 
 // 点击教学模式
 const toggleParent = (parent) => {
-  parent.selected = !parent.selected;
+  parent.selected = !parent.selected
-  parent.children.forEach(child => {
+  parent.children.forEach((child) => {
-    child.selected = parent.selected;
+    child.selected = parent.selected
-  });
+  })
-  const selectedData = templateList.value.map((item) => item.children.filter((child) => child.selected)).flat() 
+  const selectedData = templateList.value
-   // .flat()将二维数组扁平化为一维数组
+    .map((item) => item.children.filter((child) => child.selected))
+    .flat()
+  // .flat()将二维数组扁平化为一维数组
   emitter.emit('selected', selectedData)
 }
 
 // 点击教学环节
-const toggleChild = (parent,child) =>{
+const toggleChild = (parent, child) => {
-  child.selected = !child.selected;
+  child.selected = !child.selected
   updateParentSelection(parent)
-  const selectedData = templateList.value.map((item) => item.children.filter((child) => child.selected)).flat() 
+  const selectedData = templateList.value
+    .map((item) => item.children.filter((child) => child.selected))
+    .flat()
   emitter.emit('selected', selectedData)
 }
 
 // 检查父项(教学模式)的所有子项(教学环节)是否都被选中，如果是，则设置父项为选中状态，否则取消选中
 const updateParentSelection = (parent) => {
-  parent.selected = parent.children.every((child) => child.selected);
+  parent.selected = parent.children.every((child) => child.selected)
 }
 
-
 // 弹窗
 const addVisible = ref(false)
 
 const ruleFormRef = ref()
 const rules = reactive({
-  name: [
+  name: [{ required: true, message: '不能为空', trigger: 'blur' }]
-  { required: true, message: '不能为空', trigger: 'blur' },
-  ]
 })
 const ruleForm = reactive({
   name: '',
   prompt: ''
 })
 // 提交
-const onSubmit = async (formEl) =>{
+const onSubmit = async (formEl) => {
   if (!formEl) return
   await formEl.validate(async (valid, fields) => {
     if (valid) {
-
       // 修改
-      if(isEdit.value){
+      if (isEdit.value) {
         let data = cloneDeep(curEditItem)
         data.name = ruleForm.name
         await editChildTemp(data)
       }
       // 新增
-      else{
+      else {
         let obj = {
           ex1: curNode.edustage,
           ex2: curNode.edusubject,
@@ -207,13 +213,12 @@ const onSubmit = async (formEl) =>{
           type: 1
         }
         // 新增教学环节
-        if(addChild.value){
+        if (addChild.value) {
           obj.parentId = curEditItem.id
           obj.prompt = ruleForm.prompt
           obj.type = 2
         }
         await addChildTemp(obj)
-        
       }
       ElMessage.success('操作成功')
       resetForm()
@@ -231,7 +236,7 @@ const isEdit = ref(false)
 const addChild = ref(false)
 
 const curEditItem = reactive({})
-const addModeChild = (item) =>{
+const addModeChild = (item) => {
   isEdit.value = false
   Object.assign(curEditItem, item)
   addChild.value = true
@@ -240,7 +245,7 @@ const addModeChild = (item) =>{
 
 //
 
-const editMode = (item)=>{
+const editMode = (item) => {
   isEdit.value = true
   addChild.value = false
   Object.assign(curEditItem, item)
@@ -249,16 +254,12 @@ const editMode = (item)=>{
 }
 
 // 删除 教学模式 教学环节
-const onDel = () =>{
+const onDel = () => {
-  ElMessageBox.confirm(
+  ElMessageBox.confirm('确定要删除模板吗?', '温馨提示', {
-    '确定要删除模板吗?',
+    confirmButtonText: '确定',
-    '温馨提示',
+    cancelButtonText: '取消',
-    {
+    type: 'warning'
-      confirmButtonText: '确定',
+  })
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
-  )
     .then(async () => {
       await removeChildTemp(curEditItem.id)
       ElMessage.success('操作成功')
@@ -266,36 +267,33 @@ const onDel = () =>{
       addVisible.value = false
       getTemplate()
     })
-    .catch(() => {})
+    .catch(() => { })
 }
 
-
+const closeDialog = () => {
-const closeDialog = () =>{
+  handleBeforeClose(() => (addVisible.value = false))
-  handleBeforeClose(() => addVisible.value = false);
 }
 
-const handleBeforeClose = (done) =>{
+const handleBeforeClose = (done) => {
   resetForm()
   done()
 }
 const resetForm = () => {
   if (ruleFormRef.value) {
-    ruleFormRef.value.resetFields();
+    ruleFormRef.value.resetFields()
   }
-};
+}
 
 const curNode = reactive({})
 onMounted(() => {
   let data = sessionStore.get('subject.curNode')
-  Object.assign(curNode, data);
+  Object.assign(curNode, data)
   getTemplate()
 })
 
-
+onUnmounted(() => {
-onUnmounted(()=>{
   emitter.off('resetSelect')
 })
-
 </script>
 
 <style lang="scss" scoped>
@@ -342,7 +340,7 @@ onUnmounted(()=>{
       position: relative;
 
       &::after {
-        content: "";
+        content: '';
         width: 5px;
         height: 5px;
         border-radius: 50%;
@@ -352,7 +350,6 @@ onUnmounted(()=>{
         top: 50%;
         transform: translate(0, -50%);
       }
-
     }
 
     .iconfont {
@@ -389,7 +386,8 @@ onUnmounted(()=>{
     cursor: pointer;
   }
 }
-.form-btn{
+
+.form-btn {
   text-align: right;
   margin-bottom: 10px;
 }