大模型首页

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

@@ -24,7 +24,7 @@
             <kj-list-item
               v-for="(item, index) in currentFileList"
               :key="index"
-              :ref="'kjItemRef'+item.id"
+              :ref="collectRef('kjItemRef'+item.id)"
               :item="item"
               :show-tool="false"
               :index="index"
@@ -48,9 +48,9 @@
         <div class="content-body-right">
           <div class="content-body-right-title">模型辅助工具</div>
           <div class="content-body-right-body">
-            <div class="content-body-right-item" v-for="(item,index) in tools" :key="index">
+            <div class="content-body-right-item" v-for="(item,index) in tools" :key="index" @click="gotoRoute(item)">
               <div class="content-body-right-item-img">
-                <img :src="item.img" />
+                <FileImage :fileName="item.img"/>
               </div>
               <div class="content-body-right-item-text">{{item.name}}</div>
             </div>
@@ -62,7 +62,7 @@
 </template>
 
 <script setup>
-import { onMounted, reactive, ref } from 'vue'
+import { onMounted, reactive, ref, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import useUserStore from '@/store/modules/user' // 用户信息
 // 组件引入
@@ -76,15 +76,18 @@ import { dataSetJson } from '@/utils/comm' // 数据集id文生图
 import { sessionStore } from '@/utils/store'
 import {listEntpcourse} from "@/api/teaching/classwork";
 import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
-import MsgEnum from "@/plugins/imChat/msgEnum";
-import {updateClasscourse} from "@/api/teaching/classcourse";
-import {useToolState} from "@/store/modules/tool";
 import {createWindow, ipcMsgSend} from "@/utils/tool";
-import {endClass} from "@/api/classManage";
 import {ElMessage} from "element-plus"; // 学科名字文生图
 const router = useRouter()
 const userStore = useUserStore().user // 用户信息
 const currentNode = ref({})
+const refs = ref([]);
+
+const collectRef = (key) => {
+  return (el) => {
+    refs.value[key] = el;
+  };
+};
 
 const tags = reactive([{
   name: '课标分析',
@@ -114,24 +117,24 @@ const tags = reactive([{
 
 const tools = reactive([{
   name: '数字人生成',
-  path: '/',
-  img: '../../src/assets/images/ai-04.png'
+  path: '',
+  img: 'airobot'
 },{
   name: '语音生成',
-  path: '/',
-  img: '../../src/assets/images/ai-04.png'
+  path: '',
+  img: 'aiyuyin'
 },{
   name: '文生图片',
-  path: '/',
-  img: '../../src/assets/images/ai-04.png'
+  path: '/model/aiKolors',
+  img: 'aiimg'
 },{
   name: '文生连环画',
-  path: '/',
-  img: '../../src/assets/images/ai-04.png'
+  path: '',
+  img: 'aidraw'
 },{
   name: '视频生成',
-  path: '/',
-  img: '../../src/assets/images/ai-04.png'
+  path: '',
+  img: 'aivideo'
 }])
 
 const uploadData = ref({
@@ -146,6 +149,16 @@ const currentFileList = ref([])
 onMounted(() => {
 })
 
+const gotoRoute = (item) => {
+  if (item.path) {
+    if (item.path === '/model/aiKolors') {
+      gotoAiKolors(item.path)
+    }else {
+      router.push(item.path)
+    }
+  }
+}
+
 const createAIPPT = () => {
   console.log(userStore)
   listEntpcourse({
@@ -189,11 +202,10 @@ const createAIPPT = () => {
           fileId: slideid,
           fileFlag: 'aippt',
           fileShowName: currentNode.value.itemtitle + '.aippt'
-        }).then((res) => {
+        }).then(async (res) => {
           currentFileList.value.unshift(res.resData)
-          setTimeout(()=>{
-            ref('kjItemRef'+res.resData.id)[0].openFileWin(res.resData);
-          },500)
+          await nextTick();
+          refs.value['kjItemRef'+res.resData.id].openFileWin(res.resData);
         })
       })
     })
@@ -230,25 +242,29 @@ const onchange = (item) => {
     // 作业管理
     router.push({ path, query: { courseObj: JSON.stringify(courseObj) } })
   } else if (path == '/model/aiKolors') {
-    // ai生图
-    let subjectdata = sessionStore.get('subject.curNode')
-    let datasubject = `课标-${subjectdata.edustage}-${subjectdata.edusubject}`
-    console.log(subjectdata)
-    router.push({
-      path,
-      query: {
-        datasetId: dataSetJson[datasubject],
-        coursetitle: currentNode.value.itemtitle,
-        levelFirstId: subjectdata.parentid,
-        levelSecondId: subjectdata.id,
-        textbookId: subjectdata.rootid,
-      }
-    });
+    gotoAiKolors(path)
   } else {
     router.push(path)
   }
 }
 
+const gotoAiKolors = (path)=> {
+  // ai生图
+  let subjectdata = sessionStore.get('subject.curNode')
+  let datasubject = `课标-${subjectdata.edustage}-${subjectdata.edusubject}`
+  console.log(subjectdata)
+  router.push({
+    path,
+    query: {
+      datasetId: dataSetJson[datasubject],
+      coursetitle: currentNode.value.itemtitle,
+      levelFirstId: subjectdata.parentid,
+      levelSecondId: subjectdata.id,
+      textbookId: subjectdata.rootid,
+    }
+  });
+}
+
 const changeClass = async (type, row, other) => {
   switch(type) {
     case 'click': { // 点击-打开课件-aippt