zhuhao
/
AIx_Smarttalk_WS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

lyc-dev #148

Merged
lyc merged 2 commits from lyc-dev into main 2024-12-18 11:17:55 +08:00
Conversation 0 Commits 2 Files Changed 4 +300 -126
4 changed files with 300 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/src/api/ai/index.js
View File

@ -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,
})
}

24
src/renderer/src/components/template-study/container/adjust-dialog.vue
View File

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

137
src/renderer/src/components/template-study/container/right.vue
View File

@ -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
}
])
/*****************提示词相关****************/
/**
@ -141,7 +159,7 @@ 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 => {
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 listDom = listRef.value.children
if(index == 0){
if (index == 0) {
// 220 去掉头部
let screenHeight = window.innerHeight - 220
if(height > screenHeight){
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()
})
// 解绑

190
src/renderer/src/views/teachingDesign/container/right.vue
View File

@ -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>
@ -35,7 +38,8 @@
<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,7 +63,7 @@
</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" />
@ -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
}
}
@ -234,26 +273,26 @@ const getTempResult = (id) => {
})
}
const scrollToBottom = (height,index) =>{
const scrollToBottom = (height, index) => {
if (listRef.value) {
if (listRef.value) {
let sum = 0
let listDom = listRef.value.children
if(index == 0){
if (index == 0) {
// 220 去掉头部
let screenHeight = window.innerHeight - 220
if(height > screenHeight){
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
}
}
}
}
// 去掉字符串中的 ### **
@ -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('请选择章节?')
@ -291,7 +333,7 @@ const addAiPPT = async(res) => {
// 转换图片|音频|视频 为线上地址
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,28 +530,28 @@ 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){
if (o?.elements) {
for (let element of o.elements) {
await toRousrceUrl(element);
}
@ -498,6 +559,27 @@ const toRousrceUrl = async(o) => {
}
// ======== 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
}
}