zouyf_dev #202
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "aix-win",
|
"name": "aix-win",
|
||||||
"version": "1.1.8",
|
"version": "1.2.2",
|
||||||
"description": "An Electron application with Vue",
|
"description": "An Electron application with Vue",
|
||||||
"main": "./out/main/index.js",
|
"main": "./out/main/index.js",
|
||||||
"author": "example.com",
|
"author": "example.com",
|
||||||
|
@ -69,6 +69,5 @@
|
||||||
"vite-plugin-windicss": "^1.9.3",
|
"vite-plugin-windicss": "^1.9.3",
|
||||||
"vue": "^3.4.30",
|
"vue": "^3.4.30",
|
||||||
"windicss": "^3.5.6"
|
"windicss": "^3.5.6"
|
||||||
},
|
}
|
||||||
"packageManager": "pnpm@9.9.0+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1"
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,7 +53,7 @@ function createLoginWindow() {
|
||||||
updateInit(loginWindow)
|
updateInit(loginWindow)
|
||||||
}
|
}
|
||||||
|
|
||||||
// loginWindow.webContents.openDevTools()
|
loginWindow.webContents.openDevTools()
|
||||||
loginWindow.once('ready-to-show', () => {
|
loginWindow.once('ready-to-show', () => {
|
||||||
loginWindow.show()
|
loginWindow.show()
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,7 +1,22 @@
|
||||||
// 查询evaluation列表
|
// 查询evaluation列表
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
// 查询反馈列表
|
// 查询作业列表
|
||||||
|
export function listByDeadDate(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classwork/listByDeadDate',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//多个班级学生作业数据
|
||||||
|
export function listClassworkdataByDeadDate(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classworkdata/listByDeadDate',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// 查询classworkdata列表 班级作业列表
|
// 查询classworkdata列表 班级作业列表
|
||||||
export function listClassworkdata(query) {
|
export function listClassworkdata(query) {
|
||||||
|
|
|
@ -88,6 +88,15 @@ export function signIn(data) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//登录模块-找回密码
|
||||||
|
export function retrievePwd(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/register/authRetrievePwd',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
//注册模块-获取学校
|
//注册模块-获取学校
|
||||||
export function deptTree(data) {
|
export function deptTree(data) {
|
||||||
return request({
|
return request({
|
||||||
|
|
|
@ -3,8 +3,7 @@
|
||||||
<svg class="icon ai-icon" aria-hidden="true" @click="isOpen = true; isMax = false" v-if="!isOpen">
|
<svg class="icon ai-icon" aria-hidden="true" @click="isOpen = true; isMax = false" v-if="!isOpen">
|
||||||
<use xlink:href="#icon-aijiqiren"></use>
|
<use xlink:href="#icon-aijiqiren"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<el-card v-else shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
|
<div v-else v-drag shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
|
||||||
<template #header>
|
|
||||||
<div class="flex chart-header">
|
<div class="flex chart-header">
|
||||||
<div class="header-name flex">
|
<div class="header-name flex">
|
||||||
<svg class="icon header-icon" aria-hidden="true">
|
<svg class="icon header-icon" aria-hidden="true">
|
||||||
|
@ -17,7 +16,7 @@
|
||||||
<i class="iconfont icon-close icon-tool" @click="closeChart"></i>
|
<i class="iconfont icon-close icon-tool" @click="closeChart"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
|
||||||
<div class="chart-body">
|
<div class="chart-body">
|
||||||
<el-scrollbar ref="chatref">
|
<el-scrollbar ref="chatref">
|
||||||
<div class="default-chart flex">
|
<div class="default-chart flex">
|
||||||
|
@ -55,12 +54,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
</div>
|
|
||||||
<div class="chart-input">
|
<div class="chart-input">
|
||||||
<el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
|
<el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
|
||||||
<i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
|
<i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -75,7 +75,6 @@ import vDrag from '@/views/tool/directive/drag'
|
||||||
|
|
||||||
|
|
||||||
const { ipcRenderer } = window.electron || {}
|
const { ipcRenderer } = window.electron || {}
|
||||||
|
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
|
|
||||||
|
|
||||||
|
@ -115,28 +114,28 @@ const outerAi = [
|
||||||
id: 1,
|
id: 1,
|
||||||
title: '生成图片',
|
title: '生成图片',
|
||||||
secondTit: '文生图大模型',
|
secondTit: '文生图大模型',
|
||||||
img: '../../../src/assets/images/ai-01.png',
|
img: new URL('../../../src/assets/images/ai-01.png', import.meta.url).href,
|
||||||
path: '/ais/aisd3'
|
path: '/ais/aisd3'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: '教学大模型',
|
title: '教学大模型',
|
||||||
secondTit: '中小学基础教学大模型',
|
secondTit: '中小学基础教学大模型',
|
||||||
img: '../../../src/assets/images/ai-02.png',
|
img: new URL('../../../src/assets/images/ai-02.png', import.meta.url).href,
|
||||||
disabled: true,
|
disabled: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: '育人大模型',
|
title: '育人大模型',
|
||||||
secondTit: '全场域育人大模型',
|
secondTit: '全场域育人大模型',
|
||||||
img: '../../../src/assets/images/ai-03.png',
|
img: new URL('../../../src/assets/images/ai-03.png', import.meta.url).href,
|
||||||
path: '/ais/aimodel'
|
path: '/ais/aimodel'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: 'ChatTTS',
|
title: 'ChatTTS',
|
||||||
secondTit: '文字转语音大模型',
|
secondTit: '文字转语音大模型',
|
||||||
img: '../../../src/assets/images/ai-04.png',
|
img: new URL('../../../src/assets/images/ai-04.png', import.meta.url).href,
|
||||||
path: '/ais/aiChatTTS'
|
path: '/ais/aiChatTTS'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
@ -218,6 +217,7 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-ai-chart {
|
.page-ai-chart {
|
||||||
|
|
||||||
.ai-icon {
|
.ai-icon {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 30px;
|
right: 30px;
|
||||||
|
@ -227,41 +227,38 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-card {
|
.chart-card {
|
||||||
|
background-color: #fff;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 20px;
|
bottom: 20px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: calc(100% - 110px);
|
height: calc(100% - 110px);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
z-index: 10;
|
||||||
:deep(.el-card__header) {
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-card__body) {
|
|
||||||
height: calc(100% - 50px);
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chart-body {
|
.chart-body {
|
||||||
height: calc(100% - 60px);
|
padding: 10px 15px;
|
||||||
|
height: calc(100% - 110px);
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-max {
|
.card-max {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0 !important;
|
||||||
top: 0;
|
top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-header {
|
.chart-header {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #e4e7ed;
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
.header-name {
|
.header-name {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.header-icon {
|
.header-icon {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -354,7 +351,10 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-input {
|
.chart-input {
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
width: 90%;
|
||||||
|
left: 5%;
|
||||||
|
bottom: 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
|
|
|
@ -100,6 +100,7 @@ const getSubjectContent = async () => {
|
||||||
edustage,
|
edustage,
|
||||||
// entpcourseedituserid: userId,
|
// entpcourseedituserid: userId,
|
||||||
itemgroup: 'textbook',
|
itemgroup: 'textbook',
|
||||||
|
orderby: 'orderidx asc',
|
||||||
pageSize: 10000
|
pageSize: 10000
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -263,7 +264,7 @@ const transData = (data) => {
|
||||||
//获取教材
|
//获取教材
|
||||||
const getSubject = async () => {
|
const getSubject = async () => {
|
||||||
|
|
||||||
const { rows } = await listEvaluation({ itemkey: "version", edusubject, edustage, pageSize: 10000 })
|
const { rows } = await listEvaluation({ itemkey: "version", edusubject, edustage, pageSize: 10000,orderby: 'orderidx asc', })
|
||||||
|
|
||||||
// subjectList.value = rows.filter(item => item.edustage == edustage && item.edusubject == edusubject)
|
// subjectList.value = rows.filter(item => item.edustage == edustage && item.edusubject == edusubject)
|
||||||
subjectList.value = rows
|
subjectList.value = rows
|
||||||
|
|
|
@ -41,7 +41,9 @@ const getSubject = (value) => {
|
||||||
gradeName:gradeList[currentIndex].label
|
gradeName:gradeList[currentIndex].label
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
const nameIndex = subjectList.value.findIndex(item => item.subjectName === useStore.user.edusubject)
|
//判断是否有名称或者包括名称就对应哪个学科
|
||||||
|
const nameIndex = subjectList.value.findIndex(item => item.subjectName === useStore.user.edusubject || item.subjectName.includes(useStore.user.edusubject))
|
||||||
|
if(nameIndex === -1) return;
|
||||||
getTagId({subjectId:subjectList.value[nameIndex].subjectId,subjectName:subjectList.value[nameIndex].subjectName})
|
getTagId({subjectId:subjectList.value[nameIndex].subjectId,subjectName:subjectList.value[nameIndex].subjectName})
|
||||||
if(textbookVersionId.value === 0){
|
if(textbookVersionId.value === 0){
|
||||||
getTagId(subjectList.value[0])
|
getTagId(subjectList.value[0])
|
||||||
|
|
|
@ -51,6 +51,8 @@ const closeWindow = () => {
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.header-tool {
|
.header-tool {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-end;
|
||||||
-webkit-app-region: no-drag;
|
-webkit-app-region: no-drag;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
|
|
@ -12,18 +12,6 @@
|
||||||
<i class="iconfont" :class="menu.icon"></i>
|
<i class="iconfont" :class="menu.icon"></i>
|
||||||
<span class="text">{{ menu.name }}</span>
|
<span class="text">{{ menu.name }}</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<!-- <li
|
|
||||||
v-for="(item, index) in routeHeader.nowRouter"
|
|
||||||
:key="index"
|
|
||||||
class="flex"
|
|
||||||
:style="{'color' : item.color}"
|
|
||||||
:class="currentRoute === item.url ? 'active-li' : ''"
|
|
||||||
@click="handleOutLink(item.url,item.type, item.name)"
|
|
||||||
>
|
|
||||||
<i :class="item.img"></i>
|
|
||||||
<span class="text">{{ item.name }}</span>
|
|
||||||
</li> -->
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -32,15 +20,9 @@
|
||||||
<WindowTools />
|
<WindowTools />
|
||||||
<div class="user flex">
|
<div class="user flex">
|
||||||
<div class="avatar-container">
|
<div class="avatar-container">
|
||||||
<el-dropdown
|
<div class="avatar-wrapper flex">
|
||||||
class="right-menu-item hover-effect"
|
<el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
|
||||||
trigger="click"
|
|
||||||
@command="handleCommand"
|
|
||||||
>
|
|
||||||
<div class="avatar-wrapper">
|
|
||||||
<img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
|
<img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
|
||||||
<div style="margin-top: 18px; font-size: 0.8em">{{ userStore.user.nickName }}</div>
|
|
||||||
</div>
|
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
||||||
|
@ -52,6 +34,27 @@
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
|
<div class="user-info flex">
|
||||||
|
<span class="user-name">{{ userStore.user.nickName }}</span>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="user-depname">{{ userStore.user.deptName }}</div>
|
||||||
|
<el-dropdown @command="changeSubject">
|
||||||
|
<div class="user-subject">{{ userStore.user.edusubject }}
|
||||||
|
<el-icon class="el-icon--right"><arrow-down />
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item v-for="item in userSubjectList" :key="item.id" :command="item">
|
||||||
|
{{ item.edustage }}-{{ item.edusubject }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -59,22 +62,23 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, watch } from 'vue'
|
import { ref, watch, onMounted } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { ElMessageBox } from 'element-plus'
|
import { ElMessageBox } from 'element-plus'
|
||||||
|
import { ArrowDown } from '@element-plus/icons-vue'
|
||||||
import WindowTools from '@/components/window-tools/index.vue'
|
import WindowTools from '@/components/window-tools/index.vue'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import routerStore from '@/store/modules/route'
|
import { updateUserInfo } from '@/api/system/user'
|
||||||
import outLink from '@/utils/linkConfig'
|
import outLink from '@/utils/linkConfig'
|
||||||
|
|
||||||
import logoIco from '@/assets/images/logo.png'
|
import logoIco from '@/assets/images/logo.png'
|
||||||
|
import { listEvaluation } from '@/api/classManage/index'
|
||||||
|
|
||||||
const routeHeader = routerStore()
|
|
||||||
const { ipcRenderer } = window.electron || {}
|
const { ipcRenderer } = window.electron || {}
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const currentRoute = ref('')
|
const currentRoute = ref('')
|
||||||
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
|
||||||
|
const userSubjectList = ref([])
|
||||||
|
|
||||||
const handleOutLink = (path, type, name) => {
|
const handleOutLink = (path, type, name) => {
|
||||||
if (!path) return
|
if (!path) return
|
||||||
|
@ -133,29 +137,6 @@ const clickMenu = ({ id, disabled, path }) =>{
|
||||||
router.push(path)
|
router.push(path)
|
||||||
}
|
}
|
||||||
|
|
||||||
/*const menus = ref([
|
|
||||||
{
|
|
||||||
icon: 'icon-zhuye2 icon-homepage',
|
|
||||||
name: '主页',
|
|
||||||
path: '/homepage'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: 'icon-jiaoxueziyuan icon-resource',
|
|
||||||
name: '资源',
|
|
||||||
path: '/resource'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: 'icon-beike icon-prepare',
|
|
||||||
name: '备课',
|
|
||||||
path: '/prepare'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: 'icon-jiangke1 icon-teach',
|
|
||||||
name: '授课',
|
|
||||||
path: '/teach'
|
|
||||||
}
|
|
||||||
])*/
|
|
||||||
|
|
||||||
// 监听当前路由
|
// 监听当前路由
|
||||||
watch(
|
watch(
|
||||||
() => router.currentRoute.value,
|
() => router.currentRoute.value,
|
||||||
|
@ -207,6 +188,35 @@ const emits = defineEmits(['setLayout'])
|
||||||
function setLayout() {
|
function setLayout() {
|
||||||
emits('setLayout')
|
emits('setLayout')
|
||||||
}
|
}
|
||||||
|
// 切换学科
|
||||||
|
const changeSubject = async (command) =>{
|
||||||
|
const { userId, userName, phonenumber, plainpwd } = userStore.user
|
||||||
|
const data = {
|
||||||
|
userId,
|
||||||
|
userName,
|
||||||
|
edustage: command.edustage,
|
||||||
|
edusubject: command.edusubject
|
||||||
|
}
|
||||||
|
await updateUserInfo(data)
|
||||||
|
await userStore.login({username: phonenumber, password: plainpwd})
|
||||||
|
await userStore.getInfo()
|
||||||
|
router.go()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取学科
|
||||||
|
const getAllSubject = async () => {
|
||||||
|
const { rows } = await listEvaluation({ itemkey: "subject", pageSize: 500 })
|
||||||
|
if(!userStore.user.subject) return
|
||||||
|
const subject = userStore.user.subject.split(',')
|
||||||
|
userSubjectList.value = rows.filter(item =>
|
||||||
|
subject.some(el => item.id == el)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getAllSubject()
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@ -222,17 +232,20 @@ function setLayout() {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
|
||||||
.title-box {
|
.title-box {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: #4b73df;
|
color: #4b73df;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-tab {
|
.change-tab {
|
||||||
-webkit-app-region: no-drag;
|
-webkit-app-region: no-drag;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
@ -273,13 +286,16 @@ function setLayout() {
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled {
|
.disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
color: #bfbfbf;
|
color: #bfbfbf;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #bfbfbf;
|
color: #bfbfbf;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active-li {
|
.active-li {
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
@ -302,11 +318,25 @@ function setLayout() {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.user {
|
.user {
|
||||||
|
padding-right: 10px;
|
||||||
|
|
||||||
.user-info {
|
.user-info {
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
align-items: center;
|
align-items: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
height: 100%;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
.user-depname {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-subject {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -316,12 +346,12 @@ function setLayout() {
|
||||||
|
|
||||||
.avatar-wrapper {
|
.avatar-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
.user-avatar {
|
.user-avatar {
|
||||||
width: 30px;
|
width: 35px;
|
||||||
height: 30px;
|
height: 35px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-top: 8px;
|
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -71,7 +71,7 @@ export const constantRoutes = [
|
||||||
{
|
{
|
||||||
path: '/classTask',
|
path: '/classTask',
|
||||||
component: () => import('@/views/classTask/classTask.vue'),
|
component: () => import('@/views/classTask/classTask.vue'),
|
||||||
name: 'class',
|
name: 'classCorrect',
|
||||||
meta: {title: '作业批改'},
|
meta: {title: '作业批改'},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -0,0 +1,28 @@
|
||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { } from '@/api/classTask/index.js'
|
||||||
|
import { listClassmain } from '@/api/classManage/index'
|
||||||
|
|
||||||
|
const useClassTaskStore = defineStore('classTask',{
|
||||||
|
state: () => ({
|
||||||
|
classListIds: [],
|
||||||
|
}),
|
||||||
|
actions: {
|
||||||
|
listClassmain(params) {
|
||||||
|
// 获取班级列表
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
listClassmain(params)
|
||||||
|
.then((res) => {
|
||||||
|
this.classListIds = res.rows&&res.rows.map((item) => item.id)
|
||||||
|
resolve(res)
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
reject(error)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
persist: true
|
||||||
|
})
|
||||||
|
export default useClassTaskStore
|
||||||
|
|
||||||
|
|
|
@ -88,6 +88,9 @@ export const getCurrentTime = (format)=> {
|
||||||
const day = now.getDate().toString().padStart(2, '0');
|
const day = now.getDate().toString().padStart(2, '0');
|
||||||
const hours = now.getHours().toString().padStart(2, '0');
|
const hours = now.getHours().toString().padStart(2, '0');
|
||||||
const minutes = now.getMinutes().toString().padStart(2, '0');
|
const minutes = now.getMinutes().toString().padStart(2, '0');
|
||||||
|
if(format == 'YYYY-MM-DD HH:mm'){
|
||||||
|
return `${year}-${month}-${day} ${hours}:${minutes}`;
|
||||||
|
}
|
||||||
if(format == 'YYYY-MM-DD'){
|
if(format == 'YYYY-MM-DD'){
|
||||||
return `${year}-${month}-${day}`;
|
return `${year}-${month}-${day}`;
|
||||||
}
|
}
|
||||||
|
@ -134,3 +137,19 @@ export function getTimeDate() {
|
||||||
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
||||||
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
|
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取明天日期
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export function getTomorrow() {
|
||||||
|
let date = new Date();
|
||||||
|
var year = date.getFullYear()
|
||||||
|
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
|
||||||
|
var day = date.getDate()+1 < 10 ? '0' + date.getDate()+1 : date.getDate()+1
|
||||||
|
|
||||||
|
// 获取明天的日期 .getDate() + 1
|
||||||
|
let tomorrow = `${year}-${month}-${day}`;
|
||||||
|
|
||||||
|
return tomorrow;
|
||||||
|
}
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
class="el-menu-vertical-demo"
|
class="el-menu-vertical-demo"
|
||||||
:default-active="activeIndex"
|
:default-active="activeIndex"
|
||||||
@select="handleSelect"
|
@select="handleSelect"
|
||||||
|
unique-opened
|
||||||
>
|
>
|
||||||
<template v-for="(item,index) in classList" :key="index">
|
<template v-for="(item,index) in classList" :key="index">
|
||||||
<el-sub-menu :index="`${index}`">
|
<el-sub-menu :index="`${index}`">
|
||||||
|
@ -33,7 +34,6 @@ const emits = defineEmits(['handleSelect'])
|
||||||
|
|
||||||
//点击跳转路由
|
//点击跳转路由
|
||||||
const handleSelect = (itemDom,pathKey) => {
|
const handleSelect = (itemDom,pathKey) => {
|
||||||
console.log(itemDom,pathKey)
|
|
||||||
const parts = pathKey[1].split("-")
|
const parts = pathKey[1].split("-")
|
||||||
const result = parts.slice(0, 2).join("-")
|
const result = parts.slice(0, 2).join("-")
|
||||||
const index = props.menuItems.findIndex(item=>item.index===result)
|
const index = props.menuItems.findIndex(item=>item.index===result)
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card style="width: 100%;height: 100%">
|
<el-card style="width: 100%;height: 100%;overflow: auto">
|
||||||
<!-- <template #header>-->
|
<!-- <template #header>-->
|
||||||
<!-- <div class="card-header" style="text-align: left">-->
|
<!-- <div class="card-header" style="text-align: left">-->
|
||||||
<!-- <el-button type="primary" @click="addGroup">新建分组</el-button>-->
|
<!-- <el-button type="primary" @click="addGroup">新建分组</el-button>-->
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<div class="common-layout">
|
<div class="common-layout">
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-aside style="width: 200px;margin-top: 20px">
|
<el-aside style="width: 200px;margin-top: 20px">
|
||||||
<el-card style="width: 200px" class="el-card-demo" :style="{'min-height': (viewportHeight - 120) + 'px'}">
|
<el-card style="width: 200px" class="el-card-demo" :style="{'min-height': (viewportHeight - 164) + 'px','max-height': (viewportHeight - 164) + 'px'}">
|
||||||
<div :style="{'max-height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}">
|
<div >
|
||||||
<Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
|
<Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
|
||||||
</div>
|
</div>
|
||||||
<!-- 隐藏操作按钮-->
|
<!-- 隐藏操作按钮-->
|
||||||
|
@ -19,9 +19,9 @@
|
||||||
</template>
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-main :style="{'min-height': (viewportHeight - 160) + 'px'}">
|
<el-main :style="{'min-height': (viewportHeight - 204) + 'px'}">
|
||||||
<!-- <router-view :style="{'height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}" :key="route.path"></router-view>-->
|
<!-- <router-view :style="{'height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}" :key="route.path"></router-view>-->
|
||||||
<div :style="{'height': (viewportHeight - 120) + 'px','overflow-y': 'auto'}">
|
<div :style="{'height': (viewportHeight - 164) + 'px','overflow-y': 'auto'}">
|
||||||
<!-- 班级概况-->
|
<!-- 班级概况-->
|
||||||
<ClassInfo v-if="currentIndex==0" :classId="classId"></ClassInfo>
|
<ClassInfo v-if="currentIndex==0" :classId="classId"></ClassInfo>
|
||||||
<!-- 学生列表-->
|
<!-- 学生列表-->
|
||||||
|
@ -192,13 +192,21 @@
|
||||||
classList.value = []
|
classList.value = []
|
||||||
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then(response => {
|
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then(response => {
|
||||||
classList.value = [...response.rows]
|
classList.value = [...response.rows]
|
||||||
//这里获取组装所有班级
|
|
||||||
gradeTree.value = groupByCondition(response.rows, item => item.agekey);
|
|
||||||
if(classList.value.length > 0){
|
if(classList.value.length > 0){
|
||||||
classId.value = classList.value[0].id
|
classId.value = classList.value[0].id
|
||||||
currentIndex.value = 0
|
currentIndex.value = 0
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
listClassmain({entpid: userStore.deptId, status: 'open', pageSize: 100}).then(response => {
|
||||||
|
//清除已有的班级
|
||||||
|
let arr = [...response.rows]
|
||||||
|
classList.value.forEach(item => {
|
||||||
|
const currentIndex = arr.findIndex(items => items.id === item.id)
|
||||||
|
if(currentIndex) arr.splice(currentIndex, 1)
|
||||||
|
})
|
||||||
|
//这里获取组装所有班级
|
||||||
|
gradeTree.value = groupByCondition(arr, item => item.agekey);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
//将所有班级筛选成二级的数组
|
//将所有班级筛选成二级的数组
|
||||||
function groupByCondition(arr, condition) {
|
function groupByCondition(arr, condition) {
|
||||||
|
@ -290,13 +298,15 @@
|
||||||
// }
|
// }
|
||||||
//新增班级
|
//新增班级
|
||||||
const btnSave = () => {
|
const btnSave = () => {
|
||||||
addClasses({classIds:classids.value.join(','),regId:userStore.userId}).then(res => {
|
addClasses({classIds:classids.value.join(','),userId:userStore.userId}).then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
|
//清空所选中的值
|
||||||
|
classids.value = []
|
||||||
}else{
|
}else{
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
|
|
|
@ -5,10 +5,31 @@
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<el-container class="class-reserv-wrap">
|
<el-container class="class-reserv-wrap">
|
||||||
|
<div style="display: flex; justify-content: space-between;">
|
||||||
<div class="class-reserv-tabs">
|
<div class="class-reserv-tabs">
|
||||||
<el-segmented v-model="tabActive" block :options="tabOptions" size="large" />
|
<el-segmented v-model="tabActive" block :options="tabOptions" size="large" />
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="tabActive === '已结束'">
|
||||||
|
<div class="demo-date-picker">
|
||||||
|
<div class="block">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="EndDate"
|
||||||
|
type="date"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
placeholder="请选择截止日期"
|
||||||
|
size="large"
|
||||||
|
:disabled-date="disabledDate"
|
||||||
|
@change="changeEndDate"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="class-reserv-body">
|
<div class="class-reserv-body">
|
||||||
|
<!-- loading <el-skeleton :rows="5" animated />-->
|
||||||
|
<el-skeleton :rows="5" :loading="loading" animated />
|
||||||
|
<div v-if="classWorkList.length > 0">
|
||||||
<task-item
|
<task-item
|
||||||
v-for="(item, index) in activeDataList"
|
v-for="(item, index) in activeDataList"
|
||||||
v-show="tabActive === '进行中'"
|
v-show="tabActive === '进行中'"
|
||||||
|
@ -28,40 +49,44 @@
|
||||||
@delete-reserv="deleteReserv(item)"
|
@delete-reserv="deleteReserv(item)"
|
||||||
></task-item>
|
></task-item>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<el-empty
|
||||||
|
v-show="classWorkList.length == 0 && !loading"
|
||||||
|
:description="'暂无'+tabActive+'作业数据'"
|
||||||
|
style="width: 100%; height: 400px"
|
||||||
|
></el-empty>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog>
|
<item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog>
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted, onUnmounted, computed, watch, reactive } from 'vue'
|
import { ref, onMounted, onUnmounted, computed, watch, reactive } from 'vue'
|
||||||
import { getSelfReserv } from '@/api/classManage'
|
import { listByDeadDate, listClassworkdataByDeadDate } from '@/api/classTask'
|
||||||
import { listClassmain } from '@/api/classManage/index'
|
|
||||||
import { listClassworkdata } from '@/api/classTask'
|
|
||||||
import { homeworklist } from '@/api/teaching/classwork'
|
|
||||||
|
|
||||||
import TaskItem from '@/views/classTask/container/task-item.vue'
|
import TaskItem from '@/views/classTask/container/task-item.vue'
|
||||||
import ItemDialog from '@/views/classTask/container/item-dialog.vue'
|
import ItemDialog from '@/views/classTask/container/item-dialog.vue'
|
||||||
import { useToolState } from '@/store/modules/tool'
|
import { useToolState } from '@/store/modules/tool'
|
||||||
import { sessionStore } from '@/utils/tool'
|
import { getCurrentTime, getTomorrow } from '@/utils/date'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import useClassTaskStore from "@/store/modules/classTask";
|
||||||
|
|
||||||
|
const classTaskStore = useClassTaskStore()
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
const itemDialogRef = ref(null)
|
const itemDialogRef = ref(null)
|
||||||
const tabOptions = ref(['进行中', '已结束'])
|
const tabOptions = ref(['进行中', '已结束'])
|
||||||
const tabActive = ref('进行中')
|
const tabActive = ref('进行中')
|
||||||
const dataList = ref([])
|
const dataList = ref([])
|
||||||
|
const EndDate = ref(getCurrentTime('YYYY-MM-DD'))
|
||||||
|
|
||||||
// 班级列表
|
|
||||||
const classList = ref([])
|
|
||||||
const classListIds = ref([])
|
|
||||||
// 所有班级作业列表
|
// 所有班级作业列表
|
||||||
const classWorkList = ref([])
|
const classWorkList = ref([])
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
|
|
||||||
const activeDataList = computed(() => {
|
const activeDataList = computed(() => {
|
||||||
// return classWorkList.value
|
return classWorkList.value
|
||||||
// 当前时间超过[作业任务]截止时间的跳过
|
|
||||||
return classWorkList.value && classWorkList.value.filter((item) => getDateTime > item.deaddate)
|
|
||||||
})
|
})
|
||||||
const deleteReserv = (item) => {
|
const deleteReserv = (item) => {
|
||||||
console.log('删除待开发', item)
|
console.log('删除待开发', item)
|
||||||
|
@ -70,31 +95,51 @@ const deleteReserv = (item) => {
|
||||||
// })
|
// })
|
||||||
}
|
}
|
||||||
const doneDataList = computed(() => {
|
const doneDataList = computed(() => {
|
||||||
// return classWorkList.value
|
return classWorkList.value
|
||||||
return classWorkList.value && classWorkList.value.filter((item) => getDateTime < item.deaddate)
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// 当日之后的日期禁用
|
||||||
|
const disabledDate = (time) => {
|
||||||
|
return time.getTime() > Date.now()
|
||||||
|
}
|
||||||
|
// 截止日期改变
|
||||||
|
const changeEndDate = (val) => {
|
||||||
|
console.log('截止日期改变', val)
|
||||||
|
getData() // 加载数据
|
||||||
|
}
|
||||||
|
|
||||||
// 获取数据
|
// 获取数据
|
||||||
const getData = () => {
|
const getData = () => {
|
||||||
// 获取班级列表
|
classWorkList.value = []
|
||||||
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then((res) => {
|
loading.value = true
|
||||||
var clslist = []
|
// 1、班级列表
|
||||||
for (var i = 0; i < res.rows.length; i++) {
|
getClassList()
|
||||||
if (res.rows[i].classstudentlist != '') {
|
// 2、班级作业
|
||||||
var array = JSON.parse('[' + res.rows[i].classstudentlist + ']')
|
getClassWorkList()
|
||||||
res.rows[i].classstudents = array
|
// 3、班级学生作业 包含多个班级
|
||||||
|
getStudentClassWorkData()
|
||||||
}
|
}
|
||||||
classListIds.value.push(res.rows[i].id)
|
/**
|
||||||
clslist.push(res.rows[i])
|
* 1、获取班级列表数据
|
||||||
|
* TODO 这里暂时取班级id的list,后续需要在修改
|
||||||
|
*/
|
||||||
|
const getClassList = () => {
|
||||||
|
if(classTaskStore.classListIds.length==0){
|
||||||
|
// 获取 班级列表ids 这里暂时取班级id的list,后续需要在修改
|
||||||
|
classTaskStore.listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' })
|
||||||
}
|
}
|
||||||
classList.value = clslist
|
}
|
||||||
|
/**
|
||||||
// 班级作业数据,包含多个班级
|
* 2、获取班级作业
|
||||||
homeworklist({
|
*/
|
||||||
classidarray: classListIds.value.join(','),
|
const getClassWorkList = () => {
|
||||||
//entpcourseid: '', // 章节id? 这里要全课程的作业 不分章节? 根据学段学科查询所有的作业
|
if(classTaskStore.classListIds.length>0){
|
||||||
|
// 班级作业数据,包含多个班级 homeworklist
|
||||||
|
listByDeadDate({
|
||||||
|
classidarray: classTaskStore.classListIds.join(','),
|
||||||
edustage: userStore.edustage,// 学段
|
edustage: userStore.edustage,// 学段
|
||||||
edusubject: userStore.edusubject,//学科
|
edusubject: userStore.edusubject,//学科
|
||||||
|
deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
orderby: 'uniquekey DESC',
|
orderby: 'uniquekey DESC',
|
||||||
pageSize: 100
|
pageSize: 100
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
|
@ -147,145 +192,32 @@ const getData = () => {
|
||||||
// 显示分配人数(workdatacount)>0 的
|
// 显示分配人数(workdatacount)>0 的
|
||||||
if (response.rows && response.rows.length > 0) {
|
if (response.rows && response.rows.length > 0) {
|
||||||
classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0)
|
classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0)
|
||||||
// classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0 && item.uniquekey == '语文-0808-1')
|
|
||||||
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
||||||
total.value = response.total
|
total.value = response.total
|
||||||
|
}else{
|
||||||
|
classWorkList.value = []
|
||||||
|
total.value = 0
|
||||||
}
|
}
|
||||||
loading.value = false
|
loading.value = false
|
||||||
|
|
||||||
// 再查找多个班级里,每个学生的作业数据
|
|
||||||
getStudentClassWorkData()
|
|
||||||
})
|
})
|
||||||
})
|
|
||||||
|
|
||||||
//--------------
|
|
||||||
// getSelfReserv().then((res) => {
|
|
||||||
// const list = res.data || []
|
|
||||||
// list.sort((a, b) => {
|
|
||||||
// if (a.status == '上课中') return -1
|
|
||||||
// else return 0
|
|
||||||
// })
|
|
||||||
// dataList.value = list
|
|
||||||
// })
|
|
||||||
}
|
}
|
||||||
const toolStore = useToolState()
|
|
||||||
|
|
||||||
// 将标签中的双引号增加转义
|
|
||||||
const escapeHtmlQuotes = (str) => {
|
|
||||||
// 后端已replace双引号, 故前端不用在处理
|
|
||||||
const regex1 = /\\+/g; // 匹配多个反斜杠
|
|
||||||
let result = str.replace(regex1, '\\');
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
const pollingST = ref(null) //轮询定时器标识
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getData() // 加载数据
|
|
||||||
// 轮询查询
|
|
||||||
getStudentClassWorkDataPolling()
|
|
||||||
})
|
|
||||||
|
|
||||||
// 轮询查询 学生作业进度
|
|
||||||
const getStudentClassWorkDataPolling = () => {
|
|
||||||
// 先查询一次后,
|
|
||||||
getStudentVisible()
|
|
||||||
// 在轮询
|
|
||||||
pollingST.value = setInterval(() => {
|
|
||||||
getStudentVisible()
|
|
||||||
}, 1000 * 10)
|
|
||||||
}
|
|
||||||
|
|
||||||
const closeDialog = () => {
|
|
||||||
console.log('关闭弹窗,开启作业进度轮询')
|
|
||||||
getStudentClassWorkDataPolling()
|
|
||||||
}
|
|
||||||
const onClickItem = (item) => {
|
|
||||||
console.log('开启弹窗,关闭作业进度轮询')
|
|
||||||
clearInterval(pollingST.value)
|
|
||||||
itemDialogRef.value.openDialog(item)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
onUnmounted(() => {
|
|
||||||
clearInterval(pollingST.value)
|
|
||||||
})
|
|
||||||
|
|
||||||
const getDateTime = () => {
|
|
||||||
//获取当前时间
|
|
||||||
const now = new Date()
|
|
||||||
const year = now.getFullYear()
|
|
||||||
const month = String(now.getMonth() + 1).padStart(2, '0')
|
|
||||||
const day = String(now.getDate()).padStart(2, '0')
|
|
||||||
const hh = String(now.getHours()).padStart(2, '0')
|
|
||||||
const mm = String(now.getMinutes()).padStart(2, '0')
|
|
||||||
return `${year}-${month}-${day} ${hh}:${mm}`
|
|
||||||
}
|
|
||||||
|
|
||||||
// [作业反馈] - 实际查询逻辑
|
|
||||||
const getStudentVisible = async () => {
|
|
||||||
if (classListIds.value.length <= 0) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
// 班级作业数据,多个班级
|
|
||||||
const response = await homeworklist({
|
|
||||||
classidarray: classListIds.value.join(','),
|
|
||||||
//entpcourseid: '', // 章节id? 这里要全课程的作业 不分章节? 根据学段学科查询所有的作业
|
|
||||||
edustage: userStore.edustage,// 学段
|
|
||||||
edusubject: userStore.edusubject,//学科
|
|
||||||
orderby: 'uniquekey DESC',
|
|
||||||
pageSize: 100
|
|
||||||
})
|
|
||||||
const curWorkList = response.rows
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* warn: 这里仅更新了finishpercent(进度条), 且当前作业布置推送新任务时, curWorkList中会查到新的任务与当前页面中this.classWorkList长度不一致,
|
* 3、获取多个班级学生作业数据
|
||||||
* 故这里需循环this.classWorkList且只更新当前页面中的存在的任务进度
|
|
||||||
*/
|
*/
|
||||||
for (let t = 0; t < classWorkList.value.length; t++) {
|
|
||||||
// 当前时间超过[作业任务]截止时间的跳过
|
|
||||||
// if( getDateTime > classWorkList.value[t].deaddate ){
|
|
||||||
// continue;
|
|
||||||
// }
|
|
||||||
// 确保当前拿到的任务与页面中存在的任务能一对一(避免因删除其他操作而删除作业任务导致两个数组的index不统一而越界)
|
|
||||||
let curWork = curWorkList.find((work) => work.id === classWorkList.value[t].id)
|
|
||||||
// workdataresultcount 完成人数 workdatacount人数要大于0
|
|
||||||
if (curWork && curWork.workdataresultcount > 0 && classWorkList.value[t].workdatacount > 0) {
|
|
||||||
classWorkList.value[t].workdataresultcount = curWork.workdataresultcount
|
|
||||||
// 桌面端貌似不需要进度条了?
|
|
||||||
classWorkList.value[t].finishpercent = parseInt(
|
|
||||||
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdatacount) * 100
|
|
||||||
)
|
|
||||||
// 计算参与学习任务的平均用时
|
|
||||||
if (classWorkList.value[t].workdatafeedbackcount > 0) {
|
|
||||||
classWorkList.value[t].averagetime = (classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount).toFixed(0)
|
|
||||||
} else {
|
|
||||||
classWorkList.value[t].averagetime = 0
|
|
||||||
}
|
|
||||||
// 更新批阅数
|
|
||||||
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
|
|
||||||
} else {
|
|
||||||
classWorkList.value[t].finishpercent = 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return 1
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取多个班级学生作业数据
|
|
||||||
const getStudentClassWorkData = () => {
|
const getStudentClassWorkData = () => {
|
||||||
// 再查找多个班级里,每个学生的作业数据
|
if(classTaskStore.classListIds.length>0){
|
||||||
listClassworkdata({
|
listClassworkdataByDeadDate({
|
||||||
classids: classListIds.value.join(','),
|
classids: classTaskStore.classListIds.join(','),
|
||||||
//entpcourseid: '', // 章节id? 这里要全课程的作业 不分章节? 根据学段学科查询所有的作业
|
|
||||||
edustage: userStore.edustage,// 学段
|
edustage: userStore.edustage,// 学段
|
||||||
edusubject: userStore.edusubject,//学科
|
edusubject: userStore.edusubject,//学科
|
||||||
orderby: "deaddate DESC",
|
deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
|
orderby: "uniquekey DESC",
|
||||||
pageSize: 1000
|
pageSize: 1000
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
for (var t = 0; t < classWorkList.value.length; t++) {
|
for (var t = 0; t < classWorkList.value.length; t++) {
|
||||||
for (var i = 0; i < res.rows.length; i++) {
|
for (var i = 0; i < res.rows.length; i++) {
|
||||||
//if (res.rows[i].uniquekey == classWorkList.value[t].uniquekey) {
|
|
||||||
if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].resultcount > 0) {
|
if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].resultcount > 0) {
|
||||||
console.log('==================')
|
console.log('==================')
|
||||||
// 有几个学生完成/正在完成学习任务
|
// 有几个学生完成/正在完成学习任务
|
||||||
|
@ -379,16 +311,115 @@ const getStudentClassWorkData = () => {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const toolStore = useToolState()
|
||||||
|
|
||||||
|
// 将标签中的双引号增加转义
|
||||||
|
const escapeHtmlQuotes = (str) => {
|
||||||
|
// 后端已replace双引号, 故前端不用在处理
|
||||||
|
const regex1 = /\\+/g; // 匹配多个反斜杠
|
||||||
|
let result = str.replace(regex1, '\\');
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
const pollingST = ref(null) //轮询定时器标识
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getData() // 加载数据
|
||||||
|
// 轮询查询
|
||||||
|
getStudentClassWorkDataPolling()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 轮询查询 学生作业进度
|
||||||
|
const getStudentClassWorkDataPolling = () => {
|
||||||
|
// 先查询一次后,
|
||||||
|
getStudentVisible()
|
||||||
|
// 在轮询
|
||||||
|
pollingST.value = setInterval(() => {
|
||||||
|
getStudentVisible()
|
||||||
|
}, 1000 * 10)
|
||||||
|
}
|
||||||
|
|
||||||
|
const closeDialog = () => {
|
||||||
|
console.log('关闭弹窗,开启作业进度轮询')
|
||||||
|
getStudentClassWorkDataPolling()
|
||||||
|
}
|
||||||
|
const onClickItem = (item) => {
|
||||||
|
console.log('开启弹窗,关闭作业进度轮询')
|
||||||
|
clearInterval(pollingST.value)
|
||||||
|
itemDialogRef.value.openDialog(item)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
clearInterval(pollingST.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
// [作业反馈] - 实际查询逻辑
|
||||||
|
const getStudentVisible = async () => {
|
||||||
|
if (classTaskStore.classListIds.length <= 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// 班级作业数据,多个班级
|
||||||
|
const response = await listByDeadDate({
|
||||||
|
classidarray: classTaskStore.classListIds.join(','),
|
||||||
|
edustage: userStore.edustage,// 学段
|
||||||
|
edusubject: userStore.edusubject,//学科
|
||||||
|
deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
|
orderby: 'uniquekey DESC',
|
||||||
|
pageSize: 100
|
||||||
|
})
|
||||||
|
const curWorkList = response.rows
|
||||||
|
|
||||||
|
/**
|
||||||
|
* warn: 这里仅更新了finishpercent(进度条), 且当前作业布置推送新任务时, curWorkList中会查到新的任务与当前页面中this.classWorkList长度不一致,
|
||||||
|
* 故这里需循环this.classWorkList且只更新当前页面中的存在的任务进度
|
||||||
|
*/
|
||||||
|
for (let t = 0; t < classWorkList.value.length; t++) {
|
||||||
|
// 当前时间超过[作业任务]截止时间的跳过
|
||||||
|
// if( getDateTime > classWorkList.value[t].deaddate ){
|
||||||
|
// continue;
|
||||||
|
// }
|
||||||
|
// 确保当前拿到的任务与页面中存在的任务能一对一(避免因删除其他操作而删除作业任务导致两个数组的index不统一而越界)
|
||||||
|
let curWork = curWorkList.find((work) => work.id === classWorkList.value[t].id)
|
||||||
|
// workdataresultcount 完成人数 workdatacount人数要大于0
|
||||||
|
if (curWork && curWork.workdataresultcount > 0 && classWorkList.value[t].workdatacount > 0) {
|
||||||
|
classWorkList.value[t].workdataresultcount = curWork.workdataresultcount
|
||||||
|
// 桌面端貌似不需要进度条了?
|
||||||
|
classWorkList.value[t].finishpercent = parseInt(
|
||||||
|
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdatacount) * 100
|
||||||
|
)
|
||||||
|
// 计算参与学习任务的平均用时
|
||||||
|
if (classWorkList.value[t].workdatafeedbackcount > 0) {
|
||||||
|
classWorkList.value[t].averagetime = (classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount).toFixed(0)
|
||||||
|
} else {
|
||||||
|
classWorkList.value[t].averagetime = 0
|
||||||
|
}
|
||||||
|
// 更新批阅数
|
||||||
|
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
|
||||||
|
} else {
|
||||||
|
classWorkList.value[t].finishpercent = 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return 1
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => [dataList, toolStore.isToolWin],
|
() => [dataList, toolStore.isToolWin],
|
||||||
() => {
|
() => {
|
||||||
console.log('====', toolStore)
|
console.log('====', toolStore)
|
||||||
setTimeout(() => {
|
|
||||||
getData() // 加载数据
|
|
||||||
}, 300)
|
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
watch(tabActive, (newVal,oldVal)=>{
|
||||||
|
console.log('newVal',newVal);
|
||||||
|
getData() // 加载数据
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
|
@ -325,13 +325,14 @@
|
||||||
<div style="display: flex; margin: 10px auto">
|
<div style="display: flex; margin: 10px auto">
|
||||||
<span style="display: flex; align-items: center">
|
<span style="display: flex; align-items: center">
|
||||||
<span v-if="dialogProps.studentObj.worktype == '习题训练'">
|
<span v-if="dialogProps.studentObj.worktype == '习题训练'">
|
||||||
得分:<span style="margin: 0; color: red">{{
|
<span>得分: </span>
|
||||||
|
<span style="margin: 0; color: red">{{
|
||||||
classWorkFormScore.teacherRating.reduce((a, b) => a + b.score, 0).toFixed(2)
|
classWorkFormScore.teacherRating.reduce((a, b) => a + b.score, 0).toFixed(2)
|
||||||
}}</span
|
}}</span>
|
||||||
>分
|
<span>分</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
得分:
|
<span>得分: </span>
|
||||||
<span v-if="classWorkFormScore.teacherRating.length > 0">
|
<span v-if="classWorkFormScore.teacherRating.length > 0">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="classWorkFormScore.teacherRating[0].score"
|
v-model="classWorkFormScore.teacherRating[0].score"
|
||||||
|
@ -344,7 +345,7 @@
|
||||||
@change="handleChange"
|
@change="handleChange"
|
||||||
></el-input-number>
|
></el-input-number>
|
||||||
</span>
|
</span>
|
||||||
分
|
<span>分</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<div class="score-container">
|
<div class="score-container">
|
||||||
|
|
|
@ -1,22 +1,26 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="desktop-item">
|
<div class="desktop-work-item">
|
||||||
<div class="item-title flex">
|
<div class="item-title flex">
|
||||||
<span>工作动态</span>
|
<span>工作动态</span>
|
||||||
<el-radio-group v-model="type">
|
<el-radio-group v-model="type" @change="changeTab">
|
||||||
<el-radio-button label="全部" :value="-1" />
|
<el-radio-button label="全部" :value="-1" />
|
||||||
<el-radio-button label="备课" :value="1" />
|
<el-radio-button label="备课" :value="1" />
|
||||||
<el-radio-button label="上课" :value="2" />
|
<el-radio-button label="上课" :value="2" />
|
||||||
<el-radio-button label="作业" :value="3" />
|
<el-radio-button label="作业" :value="3" />
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-content">
|
<div class="item-content" v-loading="loading">
|
||||||
|
<el-scrollbar height="500px">
|
||||||
<ul>
|
<ul>
|
||||||
|
<!--上课-->
|
||||||
|
<template v-if="type == 2 || type == -1">
|
||||||
<li class="flex class-item" v-for="item in classList" :key="item.id">
|
<li class="flex class-item" v-for="item in classList" :key="item.id">
|
||||||
<div class="class-left flex">
|
<div class="class-left flex">
|
||||||
<div class="class-name flex">
|
<div class="class-name flex">
|
||||||
<span>{{ item.className }}</span>
|
<span class="name">{{ item.className }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="class-time"> {{ item.classDay }} {{ item.startTime }} ~ {{ item.classDay }} {{ item.endTime }}</div>
|
<div class="class-time"> {{ item.classDay }} {{ item.startTime }} ~ {{ item.classDay }} {{
|
||||||
|
item.endTime }}</div>
|
||||||
<div class="class-grade">
|
<div class="class-grade">
|
||||||
<span v-for="(tag, index) in item.classItemList" :key="index" style="margin-left: 5px">
|
<span v-for="(tag, index) in item.classItemList" :key="index" style="margin-left: 5px">
|
||||||
{{ index === 0 ? tag.name : '、' + tag.name }}
|
{{ index === 0 ? tag.name : '、' + tag.name }}
|
||||||
|
@ -27,36 +31,102 @@
|
||||||
<el-button type="primary" size="small">上课</el-button>
|
<el-button type="primary" size="small">上课</el-button>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
</template>
|
||||||
|
<!--作业-->
|
||||||
|
<template v-if="type == 3 || type == -1">
|
||||||
|
<li class="flex class-item home-list" v-for="item in homeworkList" :key="item.id">
|
||||||
|
<div class="class-left flex">
|
||||||
|
<div class="class-name flex">
|
||||||
|
<span class="name">{{ item.uniquekey }}</span>
|
||||||
|
<el-tag class="tag" round :type="tagType(item.deaddate)" effect="dark" size="small">{{
|
||||||
|
getCurrentTime('YYYY-MM-DD HH:mm') > item.deaddate ? '已结束' : '进行中' }}</el-tag>
|
||||||
|
</div>
|
||||||
|
<div class="class-time">{{ item.classcaption }} | 截止时间:{{ item.deaddate }} </div>
|
||||||
|
</div>
|
||||||
|
<div class="class-right">
|
||||||
|
<div><span class="num">{{ item.workdataresultcount }}</span> / {{ item.workdatacount }}</div>
|
||||||
|
<div>已交</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</template>
|
||||||
</ul>
|
</ul>
|
||||||
|
</el-scrollbar>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, onMounted } from 'vue'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
import { getSelfReserv } from '@/api/classManage'
|
import { getSelfReserv } from '@/api/classManage'
|
||||||
|
import { homeworklist } from '@/api/teaching/classwork'
|
||||||
|
import { getCurrentTime } from '@/utils/date'
|
||||||
|
|
||||||
const type = ref(-1)
|
const type = ref(-1)
|
||||||
|
const user = useUserStore().user
|
||||||
|
const loading = ref(false)
|
||||||
const classList = ref([])
|
const classList = ref([])
|
||||||
|
const homeworkList = ref([])
|
||||||
|
|
||||||
// 获取上课
|
// 获取上课
|
||||||
const getClass = () =>{
|
const getClass = async () => {
|
||||||
getSelfReserv().then((res) => {
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const res = await getSelfReserv()
|
||||||
let list = res.data || []
|
let list = res.data || []
|
||||||
list.sort((a, b) => { if (a.status == '上课中') return -1; else return 0 })
|
list.sort((a, b) => { if (a.status == '上课中') return -1; else return 0 })
|
||||||
classList.value = list.filter(item => item.status !== '已结束')
|
classList.value = list.filter(item => item.status !== '已结束')
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 获取作业
|
||||||
|
const getHomework = async () => {
|
||||||
|
loading.value = true
|
||||||
|
const { edustage, edusubject } = user
|
||||||
|
try {
|
||||||
|
const { rows } = await homeworklist({ edituserid: user.userId, edustage, edusubject, orderby: 'uniquekey DESC', pageSize: 500 })
|
||||||
|
homeworkList.value = rows.filter(item => item.deaddate && item.uniquekey)
|
||||||
|
homeworkList.value.forEach((item) => {
|
||||||
|
item.workdatacount = JSON.parse('[' + item.classworkdatastudentids + ']').length
|
||||||
})
|
})
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const tagType = (time) => {
|
||||||
|
return getCurrentTime('YYYY-MM-DD HH:mm') > time ? 'info' : 'warning'
|
||||||
|
}
|
||||||
|
// 切换
|
||||||
|
const changeTab = (val) =>{
|
||||||
|
|
||||||
|
console.log(type.value)
|
||||||
|
switch(val){
|
||||||
|
case -1:
|
||||||
|
getClass()
|
||||||
|
getHomework()
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
getClass()
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
getHomework()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getClass()
|
getClass()
|
||||||
|
getHomework()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.desktop-item{
|
.desktop-work-item {
|
||||||
margin-bottom: 20px;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
.item-title {
|
.item-title {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -66,27 +136,76 @@ import { getSelfReserv } from '@/api/classManage'
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-content {
|
.item-content {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
|
||||||
.class-item {
|
.class-item {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: #e2e4f4;
|
background: #eff5fa;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
.class-left {
|
.class-left {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
width: 90%;
|
||||||
|
|
||||||
|
.class-name {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
margin-left: 5px;
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
:deep(.el-tag__content) {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.class-time {
|
.class-time {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #bfbfbf;
|
color: #a5a4a4;
|
||||||
|
padding-top: 3px;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.class-right {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #a5a4a4;
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
|
||||||
|
.num {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #409EFF;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.class-grade {
|
||||||
|
padding-top: 3px
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -1,12 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="dialogVisible"
|
v-model="dialogVisible"
|
||||||
title="注册账号"
|
:title="type==1?'注册账号':'找回密码'"
|
||||||
:fullscreen="true"
|
:fullscreen="true"
|
||||||
center
|
center
|
||||||
:before-close="handleClose"
|
:before-close="handleClose"
|
||||||
>
|
>
|
||||||
<el-steps style="max-width: 100%;-webkit-app-region: no-drag;height:35px" :active="activeIndex" finish-status="success" simple>
|
<el-steps v-if="type==1" style="max-width: 100%;-webkit-app-region: no-drag;height:35px" :active="activeIndex" finish-status="success" simple>
|
||||||
<el-step title="1.基本信息" @click="activeIndex=1" />
|
<el-step title="1.基本信息" @click="activeIndex=1" />
|
||||||
<el-step title="2.在校信息" />
|
<el-step title="2.在校信息" />
|
||||||
</el-steps>
|
</el-steps>
|
||||||
|
@ -18,10 +18,10 @@
|
||||||
status-icon
|
status-icon
|
||||||
ref="ruleFormRef"
|
ref="ruleFormRef"
|
||||||
>
|
>
|
||||||
<el-form-item label="姓名" prop="name" v-if="activeIndex==1">
|
<el-form-item label="姓名" prop="name" v-if="type==1 && activeIndex==1">
|
||||||
<el-input v-model="ruleForm.name" />
|
<el-input v-model="ruleForm.name" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="身份证号" prop="idNumber" v-if="activeIndex==1">
|
<el-form-item label="身份证号" prop="idNumber" v-if="type==1 && activeIndex==1">
|
||||||
<el-input v-model="ruleForm.idNumber" />
|
<el-input v-model="ruleForm.idNumber" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="手机号" prop="phoneNumber" v-if="activeIndex==1">
|
<el-form-item label="手机号" prop="phoneNumber" v-if="activeIndex==1">
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="activeIndex==1">
|
<el-form-item v-if="activeIndex==1">
|
||||||
<div class="centerDiv">
|
<div class="centerDiv">
|
||||||
<el-button type="primary" @click="nextStep(ruleFormRef)">下一步</el-button>
|
<el-button type="primary" @click="nextStep(ruleFormRef)">{{ ['下一步','重置密码'][type-1]||'未知异常' }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="activeIndex==2">
|
<el-form-item v-if="activeIndex==2">
|
||||||
|
@ -109,7 +109,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, defineExpose, reactive ,onMounted} from 'vue'
|
import { ref, defineExpose, reactive ,onMounted} from 'vue'
|
||||||
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn} from '@/api/login'
|
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn, retrievePwd} from '@/api/login'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import {setToken, removeToken } from '@/utils/auth'
|
import {setToken, removeToken } from '@/utils/auth'
|
||||||
import { regionData, codeToText } from 'element-china-area-data'
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
|
@ -225,8 +225,12 @@ const rules = reactive({
|
||||||
},]
|
},]
|
||||||
})
|
})
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
|
|
||||||
|
const type = ref(1) // 1注册 2找回密码
|
||||||
// 打开弹窗
|
// 打开弹窗
|
||||||
const OpenModel = () =>{
|
const OpenModel = v =>{
|
||||||
|
if (!v) return ElMessage.success('操作失败')
|
||||||
|
type.value = v
|
||||||
dialogVisible.value=true
|
dialogVisible.value=true
|
||||||
}
|
}
|
||||||
// 关闭弹窗
|
// 关闭弹窗
|
||||||
|
@ -241,6 +245,23 @@ const nextStep = (formEl) => {
|
||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
formEl.validate((valid) => {
|
formEl.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
|
// 如果 type 1 注册,2 找回密码
|
||||||
|
if (type.value == 2) {
|
||||||
|
let params = {
|
||||||
|
mobile:ruleForm.phoneNumber,
|
||||||
|
code:ruleForm.Code,
|
||||||
|
password:ruleForm.password,
|
||||||
|
confirmPassword:ruleForm.confirmPassword,
|
||||||
|
}
|
||||||
|
retrievePwd(params).then(res=>{
|
||||||
|
if(res.code==200){
|
||||||
|
ElMessage.success(res.msg)
|
||||||
|
handleClose()
|
||||||
|
}else{
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
activeIndex.value=2
|
activeIndex.value=2
|
||||||
// 获取部门列表
|
// 获取部门列表
|
||||||
deptTree({phone:ruleForm.phoneNumber}).then(res=>{
|
deptTree({phone:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
@ -268,6 +289,7 @@ const nextStep = (formEl) => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
})
|
})
|
||||||
console.log('submit!')
|
console.log('submit!')
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log('error submit!')
|
console.log('error submit!')
|
||||||
}
|
}
|
||||||
|
@ -296,7 +318,7 @@ const submitForm = async (formEl) => {
|
||||||
schoolId:ruleForm.school[2],
|
schoolId:ruleForm.school[2],
|
||||||
classIds:ruleForm.class.join(','),
|
classIds:ruleForm.class.join(','),
|
||||||
subjectIds:ruleForm.discipline.map(o=>o.id).join(','),
|
subjectIds:ruleForm.discipline.map(o=>o.id).join(','),
|
||||||
subject:ruleForm.discipline.map(o=>o.itemtitle).join(','),
|
subject:ruleForm.discipline.map(o=>`${o.edustage}-${o.edusubject}`).join(','),
|
||||||
areaIds:ruleForm.address.join(','),
|
areaIds:ruleForm.address.join(','),
|
||||||
area:araname
|
area:araname
|
||||||
}
|
}
|
||||||
|
@ -333,7 +355,7 @@ const sendcaptchaImg=()=>{
|
||||||
if(ruleForm.phoneNumber){
|
if(ruleForm.phoneNumber){
|
||||||
const pattern = /^1[3-9]\d{9}$/;
|
const pattern = /^1[3-9]\d{9}$/;
|
||||||
if( pattern.test(ruleForm.phoneNumber) ){
|
if( pattern.test(ruleForm.phoneNumber) ){
|
||||||
captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
captchaImg({mobile:ruleForm.phoneNumber, type: type.value}).then(res=>{
|
||||||
ruleForm.imgCode=null
|
ruleForm.imgCode=null
|
||||||
isImg.value=true
|
isImg.value=true
|
||||||
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
||||||
|
@ -354,7 +376,7 @@ const sendcaptchaImg=()=>{
|
||||||
}
|
}
|
||||||
// 刷新
|
// 刷新
|
||||||
const refreshImg=()=>{
|
const refreshImg=()=>{
|
||||||
captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
captchaImg({mobile:ruleForm.phoneNumber, type: type.value}).then(res=>{
|
||||||
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
||||||
if(res.token){
|
if(res.token){
|
||||||
setToken(res.token)
|
setToken(res.token)
|
||||||
|
@ -365,7 +387,14 @@ const refreshImg=()=>{
|
||||||
// 提交人机验证
|
// 提交人机验证
|
||||||
const sbmitImg=()=>{
|
const sbmitImg=()=>{
|
||||||
if(ruleForm.imgCode){
|
if(ruleForm.imgCode){
|
||||||
sendCode({mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}).then(res=>{
|
// {mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}
|
||||||
|
const { phoneNumber:mobile,imgCode:code } = ruleForm
|
||||||
|
const params = {
|
||||||
|
mobile, code,
|
||||||
|
uuid: resImg.imgData.uuid,
|
||||||
|
type: type.value
|
||||||
|
}
|
||||||
|
sendCode(params).then(res=>{
|
||||||
if(res.code==200){
|
if(res.code==200){
|
||||||
ruleForm.Code=res.data
|
ruleForm.Code=res.data
|
||||||
isImg.value=false
|
isImg.value=false
|
||||||
|
|
|
@ -32,9 +32,9 @@
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
|
<div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
|
||||||
<a style="margin-right: 10px;" @click="RegisterModel">注册账号</a>
|
<a class="hover:text-sky-500" style="margin-right: 10px;" @click="RegisterModel(1)">注册账号</a>
|
||||||
<!-- | -->
|
<!-- | -->
|
||||||
<!-- <a style="margin-left: 10px;">忘记密码</a> -->
|
<a class="hover:text-sky-500" style="margin-left: 10px;" @click="RegisterModel(2)">忘记密码</a>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -98,8 +98,8 @@ ipcRenderer.on('update-app-progress', (e, prop) => {
|
||||||
showDownLoading.value = prop !== 100
|
showDownLoading.value = prop !== 100
|
||||||
})
|
})
|
||||||
// 打开弹窗
|
// 打开弹窗
|
||||||
const RegisterModel = () =>{
|
const RegisterModel = type =>{
|
||||||
RegModel.value.OpenModel()
|
RegModel.value.OpenModel(type)
|
||||||
}
|
}
|
||||||
//登录
|
//登录
|
||||||
const submitForm = async (formEl) => {
|
const submitForm = async (formEl) => {
|
||||||
|
|
|
@ -270,6 +270,11 @@ const updateClassReserv = (formData) => {
|
||||||
}
|
}
|
||||||
const addClassReserv = (formData) => {
|
const addClassReserv = (formData) => {
|
||||||
let ids = formData.resource.join(',')
|
let ids = formData.resource.join(',')
|
||||||
|
// 判断是否添加教材
|
||||||
|
if(!props.bookId){
|
||||||
|
ElMessage.warning('请选择教材')
|
||||||
|
return
|
||||||
|
}
|
||||||
let param = {
|
let param = {
|
||||||
className: formData.name,
|
className: formData.name,
|
||||||
classType: formData.type,
|
classType: formData.type,
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, getCurrentInstance } from 'vue'
|
import { ref, getCurrentInstance,onMounted } from 'vue'
|
||||||
import {updateUserInfo } from '@/api/system/user'
|
import {updateUserInfo } from '@/api/system/user'
|
||||||
import { listEvaluation } from '@/api/subject/index'
|
import { listEvaluation } from '@/api/subject/index'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
@ -90,9 +90,12 @@ const rules = ref({
|
||||||
const subjectList = ref([])
|
const subjectList = ref([])
|
||||||
|
|
||||||
// 获取基础的学科
|
// 获取基础的学科
|
||||||
|
const getSubject = () => {
|
||||||
listEvaluation({ itemkey: 'subject', pageSize: 500 }).then((res) => {
|
listEvaluation({ itemkey: 'subject', pageSize: 500 }).then((res) => {
|
||||||
subjectList.value = res.rows
|
const arr = userStore.user.subject.split(',')
|
||||||
|
subjectList.value = res.rows.filter(item => arr.includes(String(item.id))).map(items => items)
|
||||||
})
|
})
|
||||||
|
}
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (props.user.edudegree != '') {
|
if (props.user.edudegree != '') {
|
||||||
|
@ -150,4 +153,7 @@ const semeterChange = (item) => {
|
||||||
props.user.edusubject = ''
|
props.user.edusubject = ''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
getSubject()
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-loading="sourceStore.loading" class="resource-list">
|
<div class="resource-list">
|
||||||
<el-scrollbar>
|
<el-scrollbar>
|
||||||
<el-empty v-if="!sourceStore.thirdResult.list.length" description="暂无数据" />
|
<el-empty v-if="!sourceStore.thirdResult.list.length" description="暂无数据" />
|
||||||
<ul>
|
<ul>
|
||||||
|
|
Loading…
Reference in New Issue