|
|
|
|
@ -1,246 +1,180 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="page-resource flex mb-4">
|
|
|
|
|
<!-- 左侧 教材 目录 -->
|
|
|
|
|
<!-- <ChooseTextbook @change-book="getData" @node-click="getData" /> -->
|
|
|
|
|
|
|
|
|
|
<div class="page-right">
|
|
|
|
|
<div class="button-container">
|
|
|
|
|
<el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
|
|
|
|
<!-- <el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button> -->
|
|
|
|
|
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理</el-button>
|
|
|
|
|
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
|
|
|
|
<el-button type="info" @click="onchange('/model/design')">教学框架设计</el-button>
|
|
|
|
|
<!-- <el-button type="success" @click="openPPTist">打开PPTist</el-button>-->
|
|
|
|
|
<el-button type="info" @click="onchange('/model/examination')">考试分析</el-button>
|
|
|
|
|
<el-button type="primary" v-menus="dt.menus">测试</el-button>
|
|
|
|
|
<el-button type="success" @click="onchange('/model/aiKolors')">文生图片</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row class="container">
|
|
|
|
|
<el-row class="model-wrap">
|
|
|
|
|
<!-- 左侧 选择教材 目录 -->
|
|
|
|
|
<ChooseTextbook @change-book="changeBook" @node-click="changeBook" />
|
|
|
|
|
<!-- 中间 展示内容 -->
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<div class="c-item mb-4 mx-4">
|
|
|
|
|
<div class="flex justify-between pb-2">
|
|
|
|
|
<h3>教师资源</h3>
|
|
|
|
|
<span class="c-btns">
|
|
|
|
|
<template v-for="item in resourBtns">
|
|
|
|
|
<el-button :size="item.size" text :icon="item.icon" @click="handleAll(item.prop)">{{ item.name }}</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</span>
|
|
|
|
|
<!-- 右侧 展示内容 -->
|
|
|
|
|
<div class="right-content">
|
|
|
|
|
<div class="content-header-wrap">
|
|
|
|
|
<div v-for="(item,index) in tags" :key="index" :style="{'background-color':item.bgcolor}" @click="onchange(item)">
|
|
|
|
|
<el-icon class="item-icon"><Flag /></el-icon>
|
|
|
|
|
<div class="content-header-title">{{item.name}}</div>
|
|
|
|
|
<div class="content-header-body">
|
|
|
|
|
<div class="content-header-num">6</div>
|
|
|
|
|
<div class="content-header-text">分析结果</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-body-wrap">
|
|
|
|
|
<div class="content-body-left">
|
|
|
|
|
<div class="content-body-left-title">
|
|
|
|
|
文枢课件
|
|
|
|
|
<el-button class="add-btn" size="small" type="primary" @click="createAIPPT">新建</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-body-left-body">
|
|
|
|
|
<kj-list-item
|
|
|
|
|
v-for="(item, index) in currentFileList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:ref="collectRef('kjItemRef'+item.id)"
|
|
|
|
|
:item="item"
|
|
|
|
|
:show-tool="false"
|
|
|
|
|
:index="index"
|
|
|
|
|
:curNode="currentNode"
|
|
|
|
|
@on-delete="deleteTalk"
|
|
|
|
|
@change="changeClass"
|
|
|
|
|
>
|
|
|
|
|
</kj-list-item>
|
|
|
|
|
<!-- <div class="content-body-left-item" v-for="item in 5">
|
|
|
|
|
<div class="content-body-left-item-img">
|
|
|
|
|
<FileImage :size="50" :file-name="'aaa.aippt'" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-body-left-item-text">
|
|
|
|
|
<div class="content-body-left-item-title">沁园春*长沙</div>
|
|
|
|
|
<div class="content-body-left-item-info">21页 访问 100 引用 50 点赞 20 更新时间 2022-01-01 15:20</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<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" @click="gotoRoute(item)">
|
|
|
|
|
<div class="content-body-right-item-img">
|
|
|
|
|
<FileImage :fileName="item.img"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-body-right-item-text">{{item.name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<c-table ref="resourRef" v-bind="sourceOpt" t-class="rounded">
|
|
|
|
|
<template #title="{row,value}">
|
|
|
|
|
<el-link :underline="false" @click="handleAll('open', row)">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use :xlink:href="`#icon-${getIcon(row)}`"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
<b class="ml-1">{{ value }}</b>
|
|
|
|
|
</el-link>
|
|
|
|
|
</template>
|
|
|
|
|
</c-table>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { onMounted, ref, watch, reactive } from 'vue'
|
|
|
|
|
import { onMounted, reactive, ref, nextTick } from 'vue'
|
|
|
|
|
import { useRouter } from 'vue-router'
|
|
|
|
|
import { Plus, Refresh, Upload, Files, UploadFilled } from '@element-plus/icons-vue'
|
|
|
|
|
import useUserStore from '@/store/modules/user' // 用户信息
|
|
|
|
|
import msgUtils from '@/plugins/modal' // 消息工具
|
|
|
|
|
import { createWindow } from '@/utils/tool' // 相关工具
|
|
|
|
|
import * as API_smarttalk from '@/api/file' // 文件相关api
|
|
|
|
|
import * as API_entpcourse from '@/api/education/entpcourse' // 相关api
|
|
|
|
|
import * as API_entpcoursefile from '@/api/education/entpcoursefile' // 相关api
|
|
|
|
|
import { dataSetJson } from '@/utils/comm' // 数据集id文生图
|
|
|
|
|
import { sessionStore } from '@/utils/store' // 学科名字文生图
|
|
|
|
|
// 组件引入
|
|
|
|
|
import ChooseTextbook from '@/components/choose-textbook/index.vue'
|
|
|
|
|
import { menusEvent } from '@/plugins/vue3-menus' // 右键菜单
|
|
|
|
|
import KjListItem from '@/views/prepare/container/kj-list-item.vue'
|
|
|
|
|
import FileImage from '@/components/file-image/index.vue'
|
|
|
|
|
import {creatAPT, getSmarttalkPage} from '@/api/file'
|
|
|
|
|
import {Flag, Position} from '@element-plus/icons-vue'
|
|
|
|
|
import {asyncLocalFile, parseCataByNode} from "@/utils/talkFile";
|
|
|
|
|
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 {createWindow, ipcMsgSend} from "@/utils/tool";
|
|
|
|
|
import {ElMessage} from "element-plus"; // 学科名字文生图
|
|
|
|
|
const router = useRouter()
|
|
|
|
|
const userStore = useUserStore() // 用户信息
|
|
|
|
|
const userStore = useUserStore().user // 用户信息
|
|
|
|
|
const currentNode = ref({})
|
|
|
|
|
const refs = ref([]);
|
|
|
|
|
|
|
|
|
|
const courseObj = reactive({
|
|
|
|
|
// 课程相关参数: 教材id,单元id,章节id,课程名称
|
|
|
|
|
textbookId: '',
|
|
|
|
|
levelFirstId: '',
|
|
|
|
|
levelSecondId: '',
|
|
|
|
|
coursetitle: '',
|
|
|
|
|
node: null, // 选择的课程节点
|
|
|
|
|
entp: null, // 当前课程
|
|
|
|
|
})
|
|
|
|
|
const dt = reactive({
|
|
|
|
|
curRow: null, // 当前行数据
|
|
|
|
|
menus: [ // 右键菜单
|
|
|
|
|
{ label: '打开', click: (_, args) => handleAll('open', args) },
|
|
|
|
|
{ label: '删除', click: (_, args) => handleAll('delete', args) },
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
// ref定义
|
|
|
|
|
const resourRef = ref() // 资源ref
|
|
|
|
|
// 资源按钮配置
|
|
|
|
|
const resourBtns = [
|
|
|
|
|
{ name: '刷新', prop: 'refresh', size: 'small', icon: Refresh },
|
|
|
|
|
{ name: '资源库', prop:'resource', size:'small', icon: Files },
|
|
|
|
|
{ name: '上传', prop:'upload', size:'small', icon: UploadFilled },
|
|
|
|
|
{ name: '添加', prop:'add', size:'small', icon: Plus },
|
|
|
|
|
]
|
|
|
|
|
// 资源相关配置-cTable
|
|
|
|
|
const sourceOpt = reactive({
|
|
|
|
|
data: [], // 数据
|
|
|
|
|
option: [ // 列配置
|
|
|
|
|
{ label: '名称', prop: 'title', align: 'left' },
|
|
|
|
|
{ label: '类型', prop: 'filetype', width: 80, },
|
|
|
|
|
{ label: '时间', prop: 'timestamp', width: 160, sortable: true },
|
|
|
|
|
],
|
|
|
|
|
noPage: true, // 不显示分页
|
|
|
|
|
isMain: false, // 主界面
|
|
|
|
|
highlightCurrentRow: true, // 高亮当前行
|
|
|
|
|
rowClick: (r, c, e) => { // 行点击事件-处理高亮(再次点击取消选中)
|
|
|
|
|
if (dt.curRow == r) { // 重复点击-取消选中
|
|
|
|
|
resourRef.value.$refs.table.setCurrentRow()
|
|
|
|
|
dt.curRow = null
|
|
|
|
|
} else dt.curRow = r
|
|
|
|
|
},
|
|
|
|
|
rowContextmenu: (r, c, e) => { // 行—右键菜单事件
|
|
|
|
|
dt.menus.forEach(item => {
|
|
|
|
|
if(item.label == '打开') item.icon = getIcon(r, 'svg')
|
|
|
|
|
else if(item.label == '删除') item.icon = getIcon('icon-shanchu', 'class')
|
|
|
|
|
})
|
|
|
|
|
menusEvent(e, dt.menus, r)
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
const collectRef = (key) => {
|
|
|
|
|
return (el) => {
|
|
|
|
|
refs.value[key] = el;
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const tags = reactive([{
|
|
|
|
|
name: '课标分析',
|
|
|
|
|
path: '/model/curriculum',
|
|
|
|
|
bgcolor: 'rgb(241,65,108)'
|
|
|
|
|
},{
|
|
|
|
|
name: '教材分析',
|
|
|
|
|
path: '/model/teaching',
|
|
|
|
|
bgcolor: 'rgb(114,57,234)'
|
|
|
|
|
},{
|
|
|
|
|
name: '考试分析',
|
|
|
|
|
path: '/model/examination',
|
|
|
|
|
bgcolor: 'rgb(251,132,4)'
|
|
|
|
|
},{
|
|
|
|
|
name: '素材设计',
|
|
|
|
|
path: '/model/aiKolors',
|
|
|
|
|
bgcolor: 'rgb(25,123,237)'
|
|
|
|
|
},{
|
|
|
|
|
name: '作业设计',
|
|
|
|
|
path: '/model/newClassTaskAssign',
|
|
|
|
|
bgcolor: 'rgb(23,198,83)'
|
|
|
|
|
},{
|
|
|
|
|
name: '框架设计',
|
|
|
|
|
path: '/model/design',
|
|
|
|
|
bgcolor: 'rgb(34,35,43)'
|
|
|
|
|
}])
|
|
|
|
|
|
|
|
|
|
const tools = reactive([{
|
|
|
|
|
name: '数字人生成',
|
|
|
|
|
path: '',
|
|
|
|
|
img: 'airobot'
|
|
|
|
|
},{
|
|
|
|
|
name: '语音生成',
|
|
|
|
|
path: '',
|
|
|
|
|
img: 'aiyuyin'
|
|
|
|
|
},{
|
|
|
|
|
name: '文生图片',
|
|
|
|
|
path: '/model/aiKolors',
|
|
|
|
|
img: 'aiimg'
|
|
|
|
|
},{
|
|
|
|
|
name: '文生连环画',
|
|
|
|
|
path: '',
|
|
|
|
|
img: 'aidraw'
|
|
|
|
|
},{
|
|
|
|
|
name: '视频生成',
|
|
|
|
|
path: '',
|
|
|
|
|
img: 'aivideo'
|
|
|
|
|
}])
|
|
|
|
|
|
|
|
|
|
const uploadData = ref({
|
|
|
|
|
textbookId: null,
|
|
|
|
|
levelFirstId: null,
|
|
|
|
|
levelSecondId: null,
|
|
|
|
|
fileSource: '个人',
|
|
|
|
|
fileRoot: '备课'
|
|
|
|
|
})
|
|
|
|
|
const currentFileList = ref([])
|
|
|
|
|
// 页面加载
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 相关方法-methods
|
|
|
|
|
// 教材选中
|
|
|
|
|
const changeBook = async(data) => {
|
|
|
|
|
// console.log(data)
|
|
|
|
|
const { textBook, node } = data
|
|
|
|
|
let textbookId = textBook.curBookId
|
|
|
|
|
let levelSecondId = node.id
|
|
|
|
|
let levelFirstId
|
|
|
|
|
if (node.parentNode) {
|
|
|
|
|
levelFirstId = node.parentNode.id
|
|
|
|
|
const gotoRoute = (item) => {
|
|
|
|
|
if (item.path) {
|
|
|
|
|
if (item.path === '/model/aiKolors') {
|
|
|
|
|
gotoAiKolors(item.path)
|
|
|
|
|
}else {
|
|
|
|
|
levelFirstId = node.id
|
|
|
|
|
levelSecondId = ''
|
|
|
|
|
router.push(item.path)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
courseObj.textbookId = textbookId // 版本
|
|
|
|
|
courseObj.levelFirstId = levelFirstId // 单元
|
|
|
|
|
courseObj.levelSecondId = levelSecondId // 章节
|
|
|
|
|
courseObj.coursetitle = node.itemtitle // (单元/章节) 名称
|
|
|
|
|
courseObj.node = node; // 保存当前节点
|
|
|
|
|
|
|
|
|
|
// 头部 教材分析打开外部链接需要当前章节ID
|
|
|
|
|
localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId }))
|
|
|
|
|
// 获取当前章节对应的课程信息
|
|
|
|
|
const params = { evalid: node.id, edituserid: userStore.id, pageSize: 1 }
|
|
|
|
|
const res = await HTTP_SERVER_API('getCourseList', params)
|
|
|
|
|
courseObj.entp = res?.rows?.[0] || null
|
|
|
|
|
sessionStore.set('curr.entp', courseObj.entp) // 缓存当前课程信息
|
|
|
|
|
// 更新-资源列表
|
|
|
|
|
getResourceList()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const openPPTist = () => {
|
|
|
|
|
createWindow('open-win', { url: '/pptist' })
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const onchange = (path) => {
|
|
|
|
|
if (path == '/model/newClassTaskAssign') {
|
|
|
|
|
// 作业管理
|
|
|
|
|
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: courseObj.coursetitle,
|
|
|
|
|
levelFirstId: subjectdata.parentid,
|
|
|
|
|
levelSecondId: subjectdata.id,
|
|
|
|
|
textbookId: subjectdata.rootid,
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
router.push(path)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 获取资源列表
|
|
|
|
|
const getResourceList = async () => {
|
|
|
|
|
const entpcourseidarray = courseObj?.entp?.id
|
|
|
|
|
if (!entpcourseidarray) return msgUtils.msgWarning('请选择章节?')
|
|
|
|
|
const params = {
|
|
|
|
|
pageSize: 100, parentid: 0, entpcourseidarray,
|
|
|
|
|
orderByColumn: 'timestamp', isAsc: 'desc',
|
|
|
|
|
}
|
|
|
|
|
const res = await HTTP_SERVER_API('getCourseFileList', params)
|
|
|
|
|
if (res?.code == 200) {
|
|
|
|
|
sourceOpt.data = res?.rows || []
|
|
|
|
|
} else {
|
|
|
|
|
msgUtils.msgWarning('获取资源列表, 请重试')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 统一HTTP处理
|
|
|
|
|
const HTTP_SERVER_API = (type, params = {}) => {
|
|
|
|
|
switch (type) {
|
|
|
|
|
case 'addSmarttalk': { // 获取课程
|
|
|
|
|
const def = {
|
|
|
|
|
fileId: '', // 文件id - Entpcoursefile 对应id
|
|
|
|
|
fileFlag: 'aippt',
|
|
|
|
|
fileShowName: courseObj.coursetitle + '.aippt',
|
|
|
|
|
textbookId: courseObj.textbookId,
|
|
|
|
|
levelFirstId: courseObj.levelFirstId,
|
|
|
|
|
levelSecondId: courseObj.levelSecondId,
|
|
|
|
|
fileSource: '个人',
|
|
|
|
|
fileRoot: '备课'
|
|
|
|
|
}
|
|
|
|
|
return API_smarttalk.creatAPT({...def, ...params})
|
|
|
|
|
}
|
|
|
|
|
case 'addEntpcourse': { // 添加课程
|
|
|
|
|
const node = courseObj.node || {}
|
|
|
|
|
if (!node) return msgUtils.msgWarning('请选择章节?')
|
|
|
|
|
const def = { // 默认参数
|
|
|
|
|
entpid: userStore.user.deptId, // 部门id
|
|
|
|
|
level: 1, // 层级
|
|
|
|
|
parentid: 0, // 父级id
|
|
|
|
|
dictid: 0, // 字典id
|
|
|
|
|
evalid: node.id, // 章节id
|
|
|
|
|
evalparentid: node.parentid, // 单元id(父级id)
|
|
|
|
|
edusubject: node.edusubject, // 学科
|
|
|
|
|
edudegree: node.edudegree, // 年级
|
|
|
|
|
edustage: node.edustage, // 阶段
|
|
|
|
|
coursetype: '课标学科', // 课程类型
|
|
|
|
|
coursetitle: node.itemtitle, // 课程名称
|
|
|
|
|
coursedesc: '', // 课程描述
|
|
|
|
|
status: '', // 状态
|
|
|
|
|
dflag: 0, // 状态
|
|
|
|
|
edituserid: userStore.id, // 编辑人id
|
|
|
|
|
createblankfile: 'no', // 创建空白文件
|
|
|
|
|
}
|
|
|
|
|
courseObj.entp = def
|
|
|
|
|
return API_entpcourse.addEntpcourse(def)
|
|
|
|
|
}
|
|
|
|
|
case 'addEntpcoursefile': { // 添加课程文件
|
|
|
|
|
const enpt = courseObj.entp
|
|
|
|
|
const def = {
|
|
|
|
|
const createAIPPT = () => {
|
|
|
|
|
console.log(userStore)
|
|
|
|
|
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.user.deptId,
|
|
|
|
|
entpcourseid: enpt.id,
|
|
|
|
|
entpid: userStore.deptId,
|
|
|
|
|
entpcourseid: resCourse.id,
|
|
|
|
|
ppttype: 'file',
|
|
|
|
|
title: enpt.coursetitle,
|
|
|
|
|
title: resCourse.coursetitle,
|
|
|
|
|
fileurl: '',
|
|
|
|
|
filetype: 'aippt',
|
|
|
|
|
datacontent: '',
|
|
|
|
|
@ -249,141 +183,280 @@ const HTTP_SERVER_API = (type, params = {}) => {
|
|
|
|
|
fileidx: 0,
|
|
|
|
|
dflag: 0,
|
|
|
|
|
status: '',
|
|
|
|
|
edituserid: userStore.id
|
|
|
|
|
edituserid: userStore.userId
|
|
|
|
|
}
|
|
|
|
|
// return Promise.resolve(1)
|
|
|
|
|
return API_entpcoursefile.addEntpcoursefileReturnId({...def,...params})
|
|
|
|
|
}
|
|
|
|
|
case 'getCourseList': { // 获取课程列表
|
|
|
|
|
return API_entpcourse.listEntpcourse(params)
|
|
|
|
|
}
|
|
|
|
|
case 'getCourseFileList':{ // 获取课程文件列表
|
|
|
|
|
return API_entpcoursefile.listEntpcoursefileNew(params)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 事件回调
|
|
|
|
|
const handleAll = async(type, row) =>{
|
|
|
|
|
// console.log(type)
|
|
|
|
|
switch (type) {
|
|
|
|
|
case 'refresh': // 刷新
|
|
|
|
|
getResourceList()
|
|
|
|
|
break;
|
|
|
|
|
case 'resource': // 资源库
|
|
|
|
|
break;
|
|
|
|
|
case 'upload': // 上传
|
|
|
|
|
break;
|
|
|
|
|
case 'add':{ // 添加PPT-list - 课程文件
|
|
|
|
|
const enpt = courseObj.entp // 获取课程信息
|
|
|
|
|
if (!enpt) { // 如果没有，就新增课程
|
|
|
|
|
const resid = await HTTP_SERVER_API('addEntpcourse')
|
|
|
|
|
courseObj.entp.id = resid
|
|
|
|
|
}
|
|
|
|
|
// 生成ppt课件-父级
|
|
|
|
|
const p_params = {parentContent: '{"width":1000,"ratio":0.5625}'}
|
|
|
|
|
const id = await HTTP_SERVER_API('addEntpcoursefile', p_params)
|
|
|
|
|
if (!!id??null) { // 生成第一个幻灯片
|
|
|
|
|
const params = {
|
|
|
|
|
parentid: id,
|
|
|
|
|
addEntpcoursefileReturnId(form).then((slideid) => {
|
|
|
|
|
// 添加
|
|
|
|
|
var form = {
|
|
|
|
|
parentid: slideid,
|
|
|
|
|
entpid: resCourse.entpid,
|
|
|
|
|
entpcourseid: resCourse.id,
|
|
|
|
|
title: '第一页',
|
|
|
|
|
filetype: 'slide',
|
|
|
|
|
datacontent: '{"elements":[],"background":{"type":"solid","color":"#fff"}}' // json内容
|
|
|
|
|
datacontent: '{"elements":[],"background":{"type":"solid","color":"#fff"}}',
|
|
|
|
|
edituserid: userStore.userId
|
|
|
|
|
}
|
|
|
|
|
// 生成ppt课件-子级(slide)
|
|
|
|
|
await HTTP_SERVER_API('addEntpcoursefile', params)
|
|
|
|
|
// 生成备课资源-Smarttalk
|
|
|
|
|
await HTTP_SERVER_API('addSmarttalk',{fileId: id})
|
|
|
|
|
// 刷新资源列表
|
|
|
|
|
await getResourceList()
|
|
|
|
|
addEntpcoursefileReturnId(form).then((res) => {
|
|
|
|
|
creatAPT({
|
|
|
|
|
...uploadData.value,
|
|
|
|
|
fileId: slideid,
|
|
|
|
|
fileFlag: 'aippt',
|
|
|
|
|
fileShowName: currentNode.value.itemtitle + '.aippt'
|
|
|
|
|
}).then(async (res) => {
|
|
|
|
|
currentFileList.value.unshift(res.resData)
|
|
|
|
|
await nextTick();
|
|
|
|
|
refs.value['kjItemRef'+res.resData.id].openFileWin(res.resData);
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const deleteTalk = (item) => {
|
|
|
|
|
let index = currentFileList.value.indexOf(item)
|
|
|
|
|
currentFileList.value.splice(index, 1)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 教材选中
|
|
|
|
|
const changeBook = async(data) => {
|
|
|
|
|
console.log(data)
|
|
|
|
|
let cata = parseCataByNode(data.node)
|
|
|
|
|
currentNode.value = data.node
|
|
|
|
|
uploadData.value.levelFirstId = cata[0]
|
|
|
|
|
uploadData.value.levelSecondId = cata[1]
|
|
|
|
|
uploadData.value.levelThirdId = cata[2]
|
|
|
|
|
uploadData.value.textbookId = data.textBook.curBookId
|
|
|
|
|
getSmarttalkPage({
|
|
|
|
|
...uploadData.value,
|
|
|
|
|
orderByColumn: 'createTime',
|
|
|
|
|
fileFlags: "'aippt'",
|
|
|
|
|
isAsc: 'desc',
|
|
|
|
|
pageSize: 500
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
currentFileList.value = [...res.rows]
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const onchange = (item) => {
|
|
|
|
|
let path = item.path
|
|
|
|
|
if (path == '/model/newClassTaskAssign') {
|
|
|
|
|
uploadData.value.coursetitle = currentNode.value.itemtitle // (单元/章节) 名称
|
|
|
|
|
uploadData.value.node = currentNode.value; // 保存当前节点
|
|
|
|
|
// 作业管理
|
|
|
|
|
router.push({ path, query: { courseObj: JSON.stringify(uploadData.value) } })
|
|
|
|
|
} else if (path == '/model/aiKolors') {
|
|
|
|
|
gotoAiKolors(path)
|
|
|
|
|
} else {
|
|
|
|
|
msgUtils.msgWarning('添加失败!')
|
|
|
|
|
router.push(path)
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
case 'open': { // 打开资源-pptist
|
|
|
|
|
if (row.filetype != 'aippt') return msgUtils.msgWarning('暂不支持该类型文件操作!')
|
|
|
|
|
sessionStore.set('curr.resource', row) // 缓存当前资源信息
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
if (row.fileFlag === 'aippt' && !!row.fileId) {
|
|
|
|
|
const res = await getEntpcoursefile(row.fileId)
|
|
|
|
|
if (res && res.code === 200) {
|
|
|
|
|
sessionStore.set('curr.resource', res.data) // 缓存当前资源信息
|
|
|
|
|
sessionStore.set('curr.smarttalk', row) // 缓存当前文件smarttalk
|
|
|
|
|
createWindow('open-win', {
|
|
|
|
|
url: '/pptist', // 窗口关闭时，清除缓存
|
|
|
|
|
close: () => {
|
|
|
|
|
sessionStore.set('curr.resource', null) // 清除缓存
|
|
|
|
|
getResourceList() // 刷新资源列表
|
|
|
|
|
sessionStore.set('curr.smarttalk', null) // 清除缓存
|
|
|
|
|
getSmarttalkPage({
|
|
|
|
|
...uploadData.value,
|
|
|
|
|
orderByColumn: 'createTime',
|
|
|
|
|
fileFlags: "'aippt'",
|
|
|
|
|
isAsc: 'desc',
|
|
|
|
|
pageSize: 500
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
currentFileList.value = [...res.rows]
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
ElMessage.warning(res.msg||'文件获取异常！')
|
|
|
|
|
}
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
ElMessage.warning('该功能暂未开放！')
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
case 'delete':{ // 删除资源
|
|
|
|
|
if (!(row && row.id)) return msgUtils.msgWarning('请选择要删除的资源!')
|
|
|
|
|
await msgUtils.confirm(`是否确认删除【${row.title}】课程课件？`)
|
|
|
|
|
await API_entpcoursefile.delEntpcoursefileNew(row.id)
|
|
|
|
|
msgUtils.msgSuccess('删除成功!')
|
|
|
|
|
// 刷新资源列表
|
|
|
|
|
await getResourceList()
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// icons 处理 type 代表传递svg
|
|
|
|
|
const getIcon = (o, type) => {
|
|
|
|
|
let icon = typeof o == 'string' ? o : o?.filetype
|
|
|
|
|
if (['aippt'].includes(o?.filetype)) icon = 'pptx'
|
|
|
|
|
if (!!type) { // 其他格式icon
|
|
|
|
|
switch(type) {
|
|
|
|
|
case 'svg': // 返回svg格式
|
|
|
|
|
return `<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#icon-${icon}"></use>
|
|
|
|
|
</svg>`
|
|
|
|
|
case 'class': // class
|
|
|
|
|
return `<span class="icon iconfont ${icon}"></span>`
|
|
|
|
|
case 'unicode': // unicode
|
|
|
|
|
return `<span class="icon iconfont">${icon}</span>`
|
|
|
|
|
default: // 返回icon-class
|
|
|
|
|
return `icon-${icon}`
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return icon
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.page-resource {
|
|
|
|
|
// height: 100%;
|
|
|
|
|
// padding: 10px 15px 0;
|
|
|
|
|
|
|
|
|
|
.page-right {
|
|
|
|
|
min-width: 0;
|
|
|
|
|
.model-wrap{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
.right-content{
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
flex: 1;
|
|
|
|
|
// margin-left: 20px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button-container {
|
|
|
|
|
.content-header-wrap{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
gap: 10px;
|
|
|
|
|
margin: 1rem;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
//height: 215px;
|
|
|
|
|
&>div{
|
|
|
|
|
&:hover{
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
width: calc(100%/6 - 10px);
|
|
|
|
|
aspect-ratio: 0.718 / 1;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
color: white;
|
|
|
|
|
text-align: left;
|
|
|
|
|
background-color: #999999;
|
|
|
|
|
position: relative;
|
|
|
|
|
.item-icon{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 10px;
|
|
|
|
|
left: 20px;
|
|
|
|
|
font-size: calc(1.8vw);
|
|
|
|
|
}
|
|
|
|
|
.content-header-title{
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 50%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: calc(1.8vw);
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
}
|
|
|
|
|
.content-header-body{
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.27);
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 25%;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: calc(1vw);
|
|
|
|
|
border-radius: 0 0 10px 10px;
|
|
|
|
|
.content-header-num{
|
|
|
|
|
}
|
|
|
|
|
.content-header-text{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content-body-wrap{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
flex: 1;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
height: 100%;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
.content-body-left{
|
|
|
|
|
width: calc(50% - 7px);
|
|
|
|
|
background-color: white;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.content-body-left-title{
|
|
|
|
|
text-align: left;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 40px;
|
|
|
|
|
.add-btn{
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content-body-left-body{
|
|
|
|
|
flex: 1;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
.content-body-left-item{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
border-bottom: 1px solid rgba(153, 153, 153, 0.29);
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
.content-body-left-item-img{
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
}
|
|
|
|
|
.content-body-left-item-text{
|
|
|
|
|
text-align: left;
|
|
|
|
|
.content-body-left-item-title{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
.content-body-left-item-info{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content-body-right{
|
|
|
|
|
width: calc(50% - 8px);
|
|
|
|
|
background-color: white;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
.content-body-right-title{
|
|
|
|
|
text-align: left;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.content-body-right-body{
|
|
|
|
|
display: flex;
|
|
|
|
|
.content-body-right-item{
|
|
|
|
|
&:hover{
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
height: 80px;
|
|
|
|
|
width: 100px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.content-body-right-item-img{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 50px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
border: 1px solid rgba(153, 153, 153, 0.18);
|
|
|
|
|
img{
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
width: 25px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content-body-right-item-text{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-button {
|
|
|
|
|
flex: 1 1 15%;
|
|
|
|
|
max-width: 15%;
|
|
|
|
|
min-width: 15%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.container{
|
|
|
|
|
height: calc(100% - 32px - 3rem);
|
|
|
|
|
.c-item{
|
|
|
|
|
.c-btns{
|
|
|
|
|
.el-button{margin: 0;}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
