Compare commits
8 Commits
64d2dbcabb
...
9f4e232d6f
Author | SHA1 | Date |
---|---|---|
朱浩 | 9f4e232d6f | |
朱浩 | afc9fe89d1 | |
朱浩 | 894ed269ce | |
朱浩 | 9c7aeb1a27 | |
朱浩 | a9faeea3fd | |
朱浩 | 5493de7a61 | |
朱浩 | 02ab1ffa8e | |
朱浩 | 10e76add35 |
|
@ -22,4 +22,4 @@ VITE_APP_BUILD_BASE_PATH = 'https://prev.ysaix.com:7868/'
|
||||||
VITE_APP_WS_URL = 'wss://file.ysaix.com:7868'
|
VITE_APP_WS_URL = 'wss://file.ysaix.com:7868'
|
||||||
|
|
||||||
# 是否显示开发工具
|
# 是否显示开发工具
|
||||||
VITE_SHOW_DEV_TOOLS = 'false'
|
VITE_SHOW_DEV_TOOLS = 'true'
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "aix-win-ws",
|
"name": "aix-win-ws",
|
||||||
"version": "2.5.4",
|
"version": "2.5.5",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "./out/main/index.js",
|
"main": "./out/main/index.js",
|
||||||
"author": "上海交大重庆人工智能研究院",
|
"author": "上海交大重庆人工智能研究院",
|
||||||
|
|
|
@ -39,8 +39,8 @@ const slidesStore = useSlidesStore()
|
||||||
const { databaseId } = storeToRefs(mainStore)
|
const { databaseId } = storeToRefs(mainStore)
|
||||||
const { screening } = storeToRefs(useScreenStore())
|
const { screening } = storeToRefs(useScreenStore())
|
||||||
|
|
||||||
if (import.meta.env.MODE !== 'development') {
|
if (import.meta.env.MODE === 'development') {
|
||||||
window.onbeforeunload = () => false
|
// window.onbeforeunload = () => false
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="book-wrap">
|
<div class="book-wrap">
|
||||||
<el-scrollbar height="100%">
|
<el-scrollbar height="100%">
|
||||||
<div class="book-name flex" @click="dialogVisible = true">
|
<div class="book-name flex" v-if="isStadium() === true"> {{userStore.user.deptName}}</div>
|
||||||
|
<div v-else class="book-name flex" @click="dialogVisible = true">
|
||||||
<span>{{ curBook.data.itemtitle }}</span>
|
<span>{{ curBook.data.itemtitle }}</span>
|
||||||
<i class="iconfont icon-xiangyou"></i>
|
<i class="iconfont icon-xiangyou"></i>
|
||||||
</div>
|
</div>
|
||||||
|
@ -46,8 +47,14 @@ import { onMounted, ref, nextTick, toRaw, reactive } from 'vue';
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import { useGetSubject } from '@/hooks/useGetSubject'
|
import { useGetSubject } from '@/hooks/useGetSubject'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
const userStore = useUserStore()
|
||||||
|
|
||||||
const BaseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
|
const BaseUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH
|
||||||
|
const isStadium = () => {
|
||||||
|
let roles = userStore.user.roles
|
||||||
|
return roles.some(item => item.roleKey === 'stadium')
|
||||||
|
}
|
||||||
// 定义要发送的emit事件
|
// 定义要发送的emit事件
|
||||||
const emit = defineEmits(['nodeClick', 'changeBook'])
|
const emit = defineEmits(['nodeClick', 'changeBook'])
|
||||||
let useSubject = null
|
let useSubject = null
|
||||||
|
@ -139,7 +146,7 @@ const handleNodeClick = (data) => {
|
||||||
* data : 当前节点数据
|
* data : 当前节点数据
|
||||||
*/
|
*/
|
||||||
let nodeData = cloneDeep(toRaw(data));
|
let nodeData = cloneDeep(toRaw(data));
|
||||||
|
|
||||||
//增加一个label 之前取的label
|
//增加一个label 之前取的label
|
||||||
nodeData.label = nodeData.itemtitle
|
nodeData.label = nodeData.itemtitle
|
||||||
let parentNode
|
let parentNode
|
||||||
|
@ -181,13 +188,17 @@ onMounted( async () => {
|
||||||
curBook.data = sessionStore.get('subject.curBook')
|
curBook.data = sessionStore.get('subject.curBook')
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
curBook.data = subjectList.value[0]
|
if (subjectList.value) {
|
||||||
|
curBook.data = subjectList.value[0]
|
||||||
|
}else {
|
||||||
|
curBook.data = {}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 章节"树"
|
// 章节"树"
|
||||||
treeData.value = useSubject.getTreeData(curBook.data.id)
|
treeData.value = useSubject.getTreeData(curBook.data.id)
|
||||||
sessionStore.set('subject.subjectTree',useSubject.getTreeData(curBook.data.id))
|
sessionStore.set('subject.subjectTree',useSubject.getTreeData(curBook.data.id))
|
||||||
|
|
||||||
nextTick(() =>{
|
nextTick(() =>{
|
||||||
// 默认展开 选中
|
// 默认展开 选中
|
||||||
if(sessionStore.get('subject.curNode')){
|
if(sessionStore.get('subject.curNode')){
|
||||||
|
@ -199,7 +210,7 @@ onMounted( async () => {
|
||||||
}
|
}
|
||||||
handleNodeClick(curNode.data)
|
handleNodeClick(curNode.data)
|
||||||
})
|
})
|
||||||
|
|
||||||
} finally{
|
} finally{
|
||||||
treeLoading.value = false
|
treeLoading.value = false
|
||||||
}
|
}
|
||||||
|
|
|
@ -136,7 +136,7 @@ const handleNodeClick = (data) => {
|
||||||
id: nodeData.parentid,
|
id: nodeData.parentid,
|
||||||
label: nodeData.parenttitle,
|
label: nodeData.parenttitle,
|
||||||
itemtitle: nodeData.parenttitle
|
itemtitle: nodeData.parenttitle
|
||||||
}
|
}
|
||||||
const parentNode = nodeData.parentid ? parent : null
|
const parentNode = nodeData.parentid ? parent : null
|
||||||
nodeData.parentNode = parentNode
|
nodeData.parentNode = parentNode
|
||||||
|
|
||||||
|
@ -204,7 +204,11 @@ onMounted(async () => {
|
||||||
curBook.data = sessionStore.get('subject.curBook')
|
curBook.data = sessionStore.get('subject.curBook')
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
curBook.data = subjectList.value[0]
|
if (subjectList.value) {
|
||||||
|
curBook.data = subjectList.value[0]
|
||||||
|
}else {
|
||||||
|
curBook.data = {}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 章节"树"
|
// 章节"树"
|
||||||
|
@ -220,7 +224,7 @@ onMounted(async () => {
|
||||||
}
|
}
|
||||||
handleNodeClick(curNode.data)
|
handleNodeClick(curNode.data)
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -15,24 +15,40 @@ export const useGetSubject = async () =>{
|
||||||
// 单元章节树结构
|
// 单元章节树结构
|
||||||
let treeData = null
|
let treeData = null
|
||||||
|
|
||||||
// 根据学科 + 学段 获取所有单元章节
|
// 根据学科 + 学段 获取所有单元章节
|
||||||
const getSubjectUnit = async () =>{
|
const getSubjectUnit = async () =>{
|
||||||
if(sessionStore.get('subject.unitList')){
|
if(isStadium(userStore.user)) {
|
||||||
unitList.value = sessionStore.get('subject.unitList')
|
//如果是基地人员,直接拿treeData
|
||||||
}
|
|
||||||
else{
|
|
||||||
const unitParams = {
|
const unitParams = {
|
||||||
edusubject,
|
itemgroup: '基地课程',
|
||||||
edustage,
|
|
||||||
itemgroup: 'textbook',
|
|
||||||
orderby: 'orderidx asc',
|
orderby: 'orderidx asc',
|
||||||
|
entpid: userStore.user.deptId,
|
||||||
pageSize: 10000
|
pageSize: 10000
|
||||||
}
|
}
|
||||||
const { rows } = await listEvaluation(unitParams)
|
const { rows } = await listEvaluation(unitParams)
|
||||||
unitList.value = rows
|
unitList.value = rows
|
||||||
sessionStore.set('subject.unitList', rows)
|
}else{
|
||||||
|
if(sessionStore.get('subject.unitList')){
|
||||||
|
unitList.value = sessionStore.get('subject.unitList')
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
const unitParams = {
|
||||||
|
edusubject,
|
||||||
|
edustage,
|
||||||
|
itemgroup: 'textbook',
|
||||||
|
orderby: 'orderidx asc',
|
||||||
|
pageSize: 10000
|
||||||
|
}
|
||||||
|
const { rows } = await listEvaluation(unitParams)
|
||||||
|
unitList.value = rows
|
||||||
|
sessionStore.set('subject.unitList', rows)
|
||||||
|
}
|
||||||
|
await getSubject()
|
||||||
}
|
}
|
||||||
await getSubject()
|
}
|
||||||
|
const isStadium = (user) => {
|
||||||
|
let roles = user.roles
|
||||||
|
return roles.some(item => item.roleKey === 'stadium')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 根据学科 + 学段 获取教材
|
// 根据学科 + 学段 获取教材
|
||||||
|
@ -42,7 +58,7 @@ export const useGetSubject = async () =>{
|
||||||
subjectList = sessionStore.get('subject.bookList')
|
subjectList = sessionStore.get('subject.bookList')
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
const subjectParams = {
|
const subjectParams = {
|
||||||
itemkey: "version",
|
itemkey: "version",
|
||||||
edusubject,
|
edusubject,
|
||||||
edustage,
|
edustage,
|
||||||
|
@ -68,11 +84,14 @@ export const useGetSubject = async () =>{
|
||||||
|
|
||||||
// 单元章节数据转为“树”结构
|
// 单元章节数据转为“树”结构
|
||||||
const getTreeData = (bookId) =>{
|
const getTreeData = (bookId) =>{
|
||||||
// 根据当前教材的id 查找出对应的章节
|
if (!bookId) {
|
||||||
let data = unitList.value.filter(item => item.rootid == bookId && item.level == 1)
|
return unitList.value
|
||||||
|
}
|
||||||
|
// 根据当前教材的id 查找出对应的章节
|
||||||
|
let data = unitList.value.filter(item => item.rootid == bookId && item.level == 1)
|
||||||
data.forEach( item => {
|
data.forEach( item => {
|
||||||
item.children = unitList.value.filter( item2 => item2.parentid == item.id && item2.level == 2)
|
item.children = unitList.value.filter( item2 => item2.parentid == item.id && item2.level == 2)
|
||||||
})
|
})
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -80,4 +99,4 @@ export const useGetSubject = async () =>{
|
||||||
|
|
||||||
return { subjectList, treeData, getTreeData }
|
return { subjectList, treeData, getTreeData }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
</template>
|
</template>
|
||||||
<div class="head-aside">
|
<div class="head-aside">
|
||||||
<ul >
|
<ul >
|
||||||
<li :class="computedregistertype==1 || computedregistertype==3?'auth-li':'auth-li pointer-events'" @click="onUserTo('/schoolCertification')" >
|
<li v-if="!isStadium" :class="computedregistertype==1 || computedregistertype==3?'auth-li':'auth-li pointer-events'" @click="onUserTo('/schoolCertification')" >
|
||||||
<i class="iconfont icon-renzheng-" :style="computedregistertype==4?'color:green;':''"></i>
|
<i class="iconfont icon-renzheng-" :style="computedregistertype==4?'color:green;':''"></i>
|
||||||
<span class="mlr-5" v-if="computedregistertype!=4">学校认证</span>
|
<span class="mlr-5" v-if="computedregistertype!=4">学校认证</span>
|
||||||
<span class="mlr-5" v-else>{{ userStore.DeptInfo.register.schoolName }}</span>
|
<span class="mlr-5" v-else>{{ userStore.DeptInfo.register.schoolName }}</span>
|
||||||
|
@ -19,8 +19,8 @@
|
||||||
</li>
|
</li>
|
||||||
<li v-if="computedregistertype!=4" :class="computedregistertype==1 || computedregistertype==2 ? '':'pointer-events'" @click="onUserTo('/joinSchool')">加入学校</li>
|
<li v-if="computedregistertype!=4" :class="computedregistertype==1 || computedregistertype==2 ? '':'pointer-events'" @click="onUserTo('/joinSchool')">加入学校</li>
|
||||||
<li @click="onUserTo('/profile')">个人中心</li>
|
<li @click="onUserTo('/profile')">个人中心</li>
|
||||||
<li @click="onUserTo('/schoolManagement')">学校管理</li>
|
<li v-if="!isStadium" @click="onUserTo('/schoolManagement')">学校管理</li>
|
||||||
<li @click="onUserTo('/class')">班级中心</li>
|
<li v-if="!isStadium" @click="onUserTo('/class')">班级中心</li>
|
||||||
<li @click="logout">退出登录</li>
|
<li @click="logout">退出登录</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, watch , reactive, onMounted,computed} from 'vue'
|
import { ref, watch , reactive, onMounted, onBeforeMount, computed} from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { ElMessageBox, ElMessage } from 'element-plus'
|
import { ElMessageBox, ElMessage } from 'element-plus'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
@ -64,6 +64,7 @@ import pkc from "../../../../../package.json"
|
||||||
const { ipcRenderer } = window.electron || {}
|
const { ipcRenderer } = window.electron || {}
|
||||||
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
|
console.log(userStore)
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const currentRoute = ref('')
|
const currentRoute = ref('')
|
||||||
const activeId = ref('/home')
|
const activeId = ref('/home')
|
||||||
|
@ -74,7 +75,19 @@ const version = ref(pkc.version)
|
||||||
|
|
||||||
const popoverRef = ref('')
|
const popoverRef = ref('')
|
||||||
|
|
||||||
const headerMenus = [
|
//是否是基地人员
|
||||||
|
const isStadium = () => {
|
||||||
|
let user = userStore.user
|
||||||
|
let roles = user.roles
|
||||||
|
return roles.some(item => item.roleKey === 'stadium')
|
||||||
|
}
|
||||||
|
|
||||||
|
const headerMenus = isStadium() ?[{
|
||||||
|
name: '教学实践',
|
||||||
|
id: 4,
|
||||||
|
icon: 'icon-jiaoxueshijian',
|
||||||
|
path: '/prepare'
|
||||||
|
},]:[
|
||||||
{
|
{
|
||||||
name: '教学大模型',
|
name: '教学大模型',
|
||||||
id: 1,
|
id: 1,
|
||||||
|
|
|
@ -16,6 +16,7 @@ import router from './router'
|
||||||
import log from 'electron-log/renderer' // 渲染进程日志-文件记录
|
import log from 'electron-log/renderer' // 渲染进程日志-文件记录
|
||||||
import customComponent from '@/components/common' // 自定义组件
|
import customComponent from '@/components/common' // 自定义组件
|
||||||
import plugins from './plugins' // plugins插件
|
import plugins from './plugins' // plugins插件
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
|
||||||
if(process.env.NODE_ENV != 'development') { // 非开发环境,将日志打印到日志文件
|
if(process.env.NODE_ENV != 'development') { // 非开发环境,将日志打印到日志文件
|
||||||
Object.assign(console, log.functions) // 渲染进程日志-控制台替换
|
Object.assign(console, log.functions) // 渲染进程日志-控制台替换
|
||||||
|
@ -47,3 +48,16 @@ app.use(router)
|
||||||
.use(Icon)
|
.use(Icon)
|
||||||
.use(Directive)
|
.use(Directive)
|
||||||
.mount('#app')
|
.mount('#app')
|
||||||
|
|
||||||
|
const isStadium = (user) => {
|
||||||
|
let roles = user.roles
|
||||||
|
return roles.some(item => item.roleKey === 'stadium')
|
||||||
|
}
|
||||||
|
|
||||||
|
router.beforeEach((to, from, next) => {
|
||||||
|
if (to.path === '/model/index') {
|
||||||
|
isStadium(useUserStore().user) === true ? next('/prepare') :next()
|
||||||
|
}else {
|
||||||
|
next()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
|
@ -101,7 +101,7 @@ const dynamicRoutes = [
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: '/desktop',
|
redirect: '/model/index',
|
||||||
meta: { title: '教学工作台' },
|
meta: { title: '教学工作台' },
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
<el-form-item label="密码" prop="password" >
|
<el-form-item label="密码" prop="password" >
|
||||||
<el-input autocomplete="on" type="password" v-model="ruleForm.password" placeholder="请输入密码" />
|
<el-input autocomplete="on" type="password" v-model="ruleForm.password" placeholder="请输入密码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button class="btn" type="primary" @click="RegisterForm(ruleFormRef)">立即注册</el-button>
|
<el-button class="btn" type="primary" @click="RegisterForm(ruleFormRef)">立即注册</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
@ -77,8 +77,8 @@
|
||||||
<SelectSubject v-model="isSubject" :login-data="loginForm" />
|
<SelectSubject v-model="isSubject" :login-data="loginForm" />
|
||||||
<!--注册弹框-->
|
<!--注册弹框-->
|
||||||
<Register ref="RegModel"></Register>
|
<Register ref="RegModel"></Register>
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted, reactive, ref } from 'vue'
|
import { onMounted, reactive, ref } from 'vue'
|
||||||
|
@ -118,7 +118,7 @@ const loginForm = reactive({
|
||||||
})
|
})
|
||||||
// 注册表单
|
// 注册表单
|
||||||
const ruleForm = reactive({
|
const ruleForm = reactive({
|
||||||
|
|
||||||
})
|
})
|
||||||
//表单规则
|
//表单规则
|
||||||
const rules = reactive({
|
const rules = reactive({
|
||||||
|
@ -175,7 +175,7 @@ const sendyzm=()=>{
|
||||||
if(ruleForm.username){
|
if(ruleForm.username){
|
||||||
const pattern = /^1[3-9]\d{9}$/;
|
const pattern = /^1[3-9]\d{9}$/;
|
||||||
if( pattern.test(ruleForm.username) ){
|
if( pattern.test(ruleForm.username) ){
|
||||||
|
|
||||||
getCodeImg().then(res=>{
|
getCodeImg().then(res=>{
|
||||||
if(res.code==200){
|
if(res.code==200){
|
||||||
ruleForm.imgCode=null
|
ruleForm.imgCode=null
|
||||||
|
@ -231,7 +231,7 @@ const submitForm = async (formEl) => {
|
||||||
try {
|
try {
|
||||||
await userStore.login(loginForm)
|
await userStore.login(loginForm)
|
||||||
await userStore.getInfo()
|
await userStore.getInfo()
|
||||||
if (userStore.user.edustage || userStore.user.edusubject) {
|
if (userStore.user.edustage || userStore.user.edusubject || isStadium(userStore.user)) {
|
||||||
ElMessage.success('登录成功')
|
ElMessage.success('登录成功')
|
||||||
ipcRenderer && ipcRenderer.send('openMainWindow')
|
ipcRenderer && ipcRenderer.send('openMainWindow')
|
||||||
} else {
|
} else {
|
||||||
|
@ -244,6 +244,11 @@ const submitForm = async (formEl) => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const isStadium = (user) => {
|
||||||
|
let roles = user.roles
|
||||||
|
return roles.some(item => item.roleKey === 'stadium')
|
||||||
|
}
|
||||||
|
|
||||||
const getCookie = async () => {
|
const getCookie = async () => {
|
||||||
const username = (await getCookieDetail('username'))[0]
|
const username = (await getCookieDetail('username'))[0]
|
||||||
const password = (await getCookieDetail('password'))[0]
|
const password = (await getCookieDetail('password'))[0]
|
||||||
|
@ -298,12 +303,12 @@ const RegisterForm = async (formEl) => {
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
localStorage.clear()
|
localStorage.clear()
|
||||||
sessionStore.set('subject', {
|
sessionStore.set('subject', {
|
||||||
bookList: null,
|
bookList: null,
|
||||||
curBook: null,
|
curBook: null,
|
||||||
curNode: null,
|
curNode: null,
|
||||||
defaultExpandedKeys: [],
|
defaultExpandedKeys: [],
|
||||||
subjectTree: []
|
subjectTree: []
|
||||||
})
|
})
|
||||||
getCookie()
|
getCookie()
|
||||||
})
|
})
|
||||||
|
|
|
@ -18,7 +18,20 @@
|
||||||
<div class="content-body-left">
|
<div class="content-body-left">
|
||||||
<div class="content-body-left-title">
|
<div class="content-body-left-title">
|
||||||
文枢课件
|
文枢课件
|
||||||
<el-button class="add-btn" size="small" type="primary" @click="createAIPPT">新建</el-button>
|
<!-- <el-button class="add-btn" size="small" type="primary" @click="createAIPPT">新建</el-button>-->
|
||||||
|
<el-dropdown class="prepare-center-dropdown add-btn">
|
||||||
|
<el-button type="primary">
|
||||||
|
新建<el-icon class="el-icon--right"><arrow-down /></el-icon>
|
||||||
|
</el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item @click="createAIPPT">新建文枢课件</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="router.push({path: '/model/design'})">AI一键生成</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>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-body-left-body">
|
<div class="content-body-left-body">
|
||||||
<kj-list-item
|
<kj-list-item
|
||||||
|
@ -59,6 +72,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<progress-dialog v-model:visible="pgDialog.visible" v-bind="pgDialog" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -70,14 +84,20 @@ import ChooseTextbook from '@/components/choose-textbook/index.vue'
|
||||||
import KjListItem from '@/views/prepare/container/kj-list-item.vue'
|
import KjListItem from '@/views/prepare/container/kj-list-item.vue'
|
||||||
import FileImage from '@/components/file-image/index.vue'
|
import FileImage from '@/components/file-image/index.vue'
|
||||||
import {creatAPT, getSmarttalkPage} from '@/api/file'
|
import {creatAPT, getSmarttalkPage} from '@/api/file'
|
||||||
import {Flag, Position} from '@element-plus/icons-vue'
|
import {ArrowDown, Flag, Position} from '@element-plus/icons-vue'
|
||||||
import {asyncLocalFile, parseCataByNode} from "@/utils/talkFile";
|
import {asyncLocalFile, parseCataByNode} from "@/utils/talkFile";
|
||||||
import { dataSetJson } from '@/utils/comm' // 数据集id文生图
|
import { dataSetJson } from '@/utils/comm' // 数据集id文生图
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import {listEntpcourse} from "@/api/teaching/classwork";
|
import {listEntpcourse} from "@/api/teaching/classwork";
|
||||||
import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
|
import {addEntpcoursefileReturnId, getEntpcoursefile} from "@/api/education/entpcoursefile";
|
||||||
import {createWindow, ipcMsgSend} from "@/utils/tool";
|
import {createWindow, ipcMsgSend} from "@/utils/tool";
|
||||||
import {ElMessage} from "element-plus"; // 学科名字文生图
|
import {ElMessage} from "element-plus";
|
||||||
|
import {PPTXFileToJson} from "@/AixPPTist/src/hooks/useImport";
|
||||||
|
import * as API_entpcoursefile from "@/api/education/entpcoursefile";
|
||||||
|
import progressDialog from '@/views/teachingDesign/container/progress-dialog.vue'
|
||||||
|
import msgUtils from "@/plugins/modal";
|
||||||
|
import * as commUtils from "@/utils/comm";
|
||||||
|
import * as Api_server from "@/api/apiService"; // 学科名字文生图
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const userStore = useUserStore().user // 用户信息
|
const userStore = useUserStore().user // 用户信息
|
||||||
const currentNode = ref({})
|
const currentNode = ref({})
|
||||||
|
@ -212,6 +232,153 @@ const createAIPPT = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const pgDialog = ref({ // 弹窗-进度条
|
||||||
|
visible: false,
|
||||||
|
title: 'PPT解析中...',
|
||||||
|
width: 300,
|
||||||
|
showClose: false,
|
||||||
|
draggable: true,
|
||||||
|
beforeClose: done => {}, // 阻止-弹窗事件
|
||||||
|
pg: { // 进度条-参数
|
||||||
|
percentage: 0, // 百分比
|
||||||
|
color: [
|
||||||
|
{ color: '#1989fa', percentage: 50 }, // 蓝色
|
||||||
|
{ color: '#e6a23c', percentage: 80 }, // 橙色
|
||||||
|
{ color: '#5cb87a', percentage: 100 }, // 绿色
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const fileInput = ref(null)
|
||||||
|
|
||||||
|
const openFilePicker = () =>{
|
||||||
|
fileInput.value.click();
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleFileChange = ()=> {
|
||||||
|
const file = event.target.files[0];
|
||||||
|
if (file) {
|
||||||
|
console.log(file);
|
||||||
|
createAIPPTByFile(file)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const createAIPPTByFile = async (file)=> {
|
||||||
|
pgDialog.value.visible = true
|
||||||
|
pgDialog.value.pg.percentage = 0
|
||||||
|
const resPptJson = await PPTXFileToJson(file)
|
||||||
|
const { def, slides, ...content } = resPptJson
|
||||||
|
// 转换图片|音频|视频 为线上地址
|
||||||
|
let completed = 0
|
||||||
|
const total = slides.length
|
||||||
|
for( let o of slides ) {
|
||||||
|
completed++
|
||||||
|
await toRousrceUrl(o)
|
||||||
|
// 设置进度条
|
||||||
|
pgDialog.value.pg.percentage = Math.floor(completed / total * 100)
|
||||||
|
}
|
||||||
|
pgDialog.value.pg.percentage = 0
|
||||||
|
pgDialog.value.visible = false
|
||||||
|
listEntpcourse({
|
||||||
|
evalid: currentNode.value.id,
|
||||||
|
edituserid: userStore.userId,
|
||||||
|
pageSize: 500
|
||||||
|
}).then((response) => {
|
||||||
|
if (response.rows.length <= 0) return
|
||||||
|
let resCourse = response.rows[0]
|
||||||
|
// 添加
|
||||||
|
let form = {
|
||||||
|
parentid: 0,
|
||||||
|
entpid: userStore.deptId,
|
||||||
|
entpcourseid: resCourse.id,
|
||||||
|
ppttype: 'file',
|
||||||
|
title: resCourse.coursetitle,
|
||||||
|
fileurl: '',
|
||||||
|
filetype: 'aippt',
|
||||||
|
datacontent: '',
|
||||||
|
parentContent: JSON.stringify(content),
|
||||||
|
filekey: '',
|
||||||
|
filetag: '',
|
||||||
|
fileidx: 0,
|
||||||
|
dflag: 0,
|
||||||
|
status: '',
|
||||||
|
edituserid: userStore.userId
|
||||||
|
}
|
||||||
|
addEntpcoursefileReturnId(form).then((slideid) => {
|
||||||
|
creatAPT({
|
||||||
|
...uploadData.value,
|
||||||
|
fileId: slideid,
|
||||||
|
fileFlag: 'aippt',
|
||||||
|
fileShowName: currentNode.value.itemtitle + '.aippt'
|
||||||
|
}).then(async (res) => {
|
||||||
|
|
||||||
|
const resSlides = slides.map(({id, ...slide}) => JSON.stringify(slide))
|
||||||
|
let params = {
|
||||||
|
parentid: slideid,
|
||||||
|
entpid: resCourse.entpid,
|
||||||
|
entpcourseid: resCourse.id,
|
||||||
|
title: '',
|
||||||
|
filetype: 'slide',
|
||||||
|
slides: resSlides,
|
||||||
|
edituserid: userStore.userId
|
||||||
|
}
|
||||||
|
const res_3 = await API_entpcoursefile.batchAddNew(params)
|
||||||
|
if (res_3 && res_3.code == 200) {
|
||||||
|
msgUtils.msgSuccess('导入PPT课件成功')
|
||||||
|
currentFileList.value.unshift(res.resData)
|
||||||
|
await nextTick();
|
||||||
|
refs.value['kjItemRef'+res.resData.id].openFileWin(res.resData);
|
||||||
|
} else {
|
||||||
|
msgUtils.msgWarning('导入PPT课件失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const toRousrceUrl = async (o) => {
|
||||||
|
if (!!o.src) { // 如果有src就转换
|
||||||
|
const isBase64 = /^data:image\/(\w+);base64,/.test(o.src)
|
||||||
|
const isBlobUrl = /^blob:/.test(o.src)
|
||||||
|
// console.log('isBase64', o, isBase64)
|
||||||
|
if (isBase64) {
|
||||||
|
const bolb = commUtils.base64ToBlob(o.src)
|
||||||
|
const fileName = Date.now() + '.png'
|
||||||
|
const file = commUtils.blobToFile(bolb, fileName)
|
||||||
|
// o.src = fileName
|
||||||
|
// console.log('file', file)
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
const res = await Api_server.Other.uploadFile(formData)
|
||||||
|
if (res && res.code == 200){
|
||||||
|
const url = res?.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 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){
|
||||||
|
const url = ress?.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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const deleteTalk = (item) => {
|
const deleteTalk = (item) => {
|
||||||
let index = currentFileList.value.indexOf(item)
|
let index = currentFileList.value.indexOf(item)
|
||||||
currentFileList.value.splice(index, 1)
|
currentFileList.value.splice(index, 1)
|
||||||
|
@ -219,7 +386,6 @@ const deleteTalk = (item) => {
|
||||||
|
|
||||||
// 教材选中
|
// 教材选中
|
||||||
const changeBook = async(data) => {
|
const changeBook = async(data) => {
|
||||||
console.log(data)
|
|
||||||
let cata = parseCataByNode(data.node)
|
let cata = parseCataByNode(data.node)
|
||||||
currentNode.value = data.node
|
currentNode.value = data.node
|
||||||
uploadData.value.levelFirstId = cata[0]
|
uploadData.value.levelFirstId = cata[0]
|
||||||
|
|
|
@ -1127,7 +1127,6 @@ export default {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
position: relative;
|
position: relative;
|
||||||
.prepare-center-dropdown{
|
.prepare-center-dropdown{
|
||||||
z-index: 9999;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
|
|
Loading…
Reference in New Issue