Compare commits
13 Commits
6c60cd4442
...
3fdf500366
Author | SHA1 | Date |
---|---|---|
yangws | 3fdf500366 | |
zhengdegang | e985417675 | |
zdg | 1978d1bac1 | |
zdg | b9014b950a | |
lyc | 03ecbb1d50 | |
lyc | ec3b978185 | |
zdg | 3632beebfa | |
zdg | f0e87338fb | |
lyc | 54266f8a37 | |
lyc | 82bed1be03 | |
lyc | 8a74f17266 | |
lyc | 40c6e1303b | |
yangws | ee196b6eb8 |
|
@ -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,21 +3,20 @@
|
||||||
<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">
|
<use xlink:href="#icon-aijiqiren"></use>
|
||||||
<use xlink:href="#icon-aijiqiren"></use>
|
</svg>
|
||||||
</svg>
|
<span>教学助手</span>
|
||||||
<span>教学助手</span>
|
|
||||||
</div>
|
|
||||||
<div class="header-tool">
|
|
||||||
<i class="iconfont icon-window-max_line icon-tool" @click="isMax = !isMax"></i>
|
|
||||||
<i class="iconfont icon-close icon-tool" @click="closeChart"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<div class="header-tool">
|
||||||
|
<i class="iconfont icon-window-max_line icon-tool" @click="isMax = !isMax"></i>
|
||||||
|
<i class="iconfont icon-close icon-tool" @click="closeChart"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<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 class="chart-input">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="chart-input">
|
|
||||||
<el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
|
</div>
|
||||||
<i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -2,28 +2,16 @@
|
||||||
<div class="title-bar flex">
|
<div class="title-bar flex">
|
||||||
<div class="left-section">
|
<div class="left-section">
|
||||||
<div class="flex title-box">
|
<div class="flex title-box">
|
||||||
<el-image style="width: 23px; height: 23px" :src="logoIco" />
|
<el-image style="width: 23px; height: 23px" :src="logoIco" />
|
||||||
<span class="title" @click="changeTab">AIX智慧课堂</span>
|
<span class="title" @click="changeTab">AIX智慧课堂</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="change-tab">
|
<div class="change-tab">
|
||||||
<ul class="flex">
|
<ul class="flex">
|
||||||
<li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
|
<li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
|
||||||
v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
|
v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
|
||||||
<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,26 +20,41 @@
|
||||||
<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>
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="changePage('/classReserv')">课程预约</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="changePage('/class')">班级中心</el-dropdown-item>
|
||||||
|
<el-dropdown-item divided command="logout">
|
||||||
|
<span>退出登录</span>
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</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>
|
||||||
<template #dropdown>
|
</div>
|
||||||
<el-dropdown-menu>
|
|
||||||
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
|
||||||
<el-dropdown-item @click="changePage('/classReserv')">课程预约</el-dropdown-item>
|
|
||||||
<el-dropdown-item @click="changePage('/class')">班级中心</el-dropdown-item>
|
|
||||||
<el-dropdown-item divided command="logout">
|
|
||||||
<span>退出登录</span>
|
|
||||||
</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</template>
|
|
||||||
</el-dropdown>
|
|
||||||
</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
|
||||||
|
@ -86,9 +90,9 @@ const handleOutLink = (path, type, name) => {
|
||||||
let fullPath = configObj.fullPath + path
|
let fullPath = configObj.fullPath + path
|
||||||
fullPath = fullPath.replaceAll('//', '/')
|
fullPath = fullPath.replaceAll('//', '/')
|
||||||
const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
|
const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
|
||||||
let unitId = levelSecondId ? levelSecondId :levelFirstId
|
let unitId = levelSecondId ? levelSecondId : levelFirstId
|
||||||
if(name == '教材分析' || name == '考试分析'){
|
if (name == '教材分析' || name == '考试分析') {
|
||||||
fullPath += `?unitId=${unitId}`
|
fullPath += `?unitId=${unitId}`
|
||||||
}
|
}
|
||||||
// 通知主进程
|
// 通知主进程
|
||||||
ipcRenderer.send('openWindow', {
|
ipcRenderer.send('openWindow', {
|
||||||
|
@ -127,35 +131,12 @@ const headerMenus = [
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
const clickMenu = ({ id, disabled, path }) =>{
|
const clickMenu = ({ id, disabled, path }) => {
|
||||||
if(disabled) return
|
if (disabled) return
|
||||||
activeId.value = id
|
activeId.value = id
|
||||||
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,
|
||||||
|
@ -200,13 +181,42 @@ function logout() {
|
||||||
ipcRenderer && ipcRenderer.send('openLoginWindow')
|
ipcRenderer && ipcRenderer.send('openLoginWindow')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => { })
|
||||||
}
|
}
|
||||||
|
|
||||||
const emits = defineEmits(['setLayout'])
|
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -34,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)
|
||||||
|
|
|
@ -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 - 164) + '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 - 164) + 'px','overflow-y': 'auto'}">
|
<div >
|
||||||
<Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
|
<Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
|
||||||
</div>
|
</div>
|
||||||
<!-- 隐藏操作按钮-->
|
<!-- 隐藏操作按钮-->
|
||||||
|
|
|
@ -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">
|
||||||
|
@ -60,14 +60,14 @@
|
||||||
<el-form-item label="学科" prop="discipline" v-if="activeIndex==2">
|
<el-form-item label="学科" prop="discipline" v-if="activeIndex==2">
|
||||||
<div v-for="item in schoolSubject" style="display: flex;">
|
<div v-for="item in schoolSubject" style="display: flex;">
|
||||||
<span style="width:50px">{{ item.name }}:</span>
|
<span style="width:50px">{{ item.name }}:</span>
|
||||||
<el-checkbox-group style="width:100%" v-model="ruleForm.discipline" >
|
<el-checkbox-group style="width:100%" v-model="ruleForm.discipline">
|
||||||
<el-checkbox style="margin-right:10px" v-for="el in item.children" :key="el.id" :label="el.itemtitle" :value="el" />
|
<el-checkbox style="margin-right:10px" v-for="el in item.children" :key="el.id" :label="el.itemtitle" :value="el" />
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
</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,33 +245,51 @@ const nextStep = (formEl) => {
|
||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
formEl.validate((valid) => {
|
formEl.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
activeIndex.value=2
|
// 如果 type 1 注册,2 找回密码
|
||||||
// 获取部门列表
|
if (type.value == 2) {
|
||||||
deptTree({phone:ruleForm.phoneNumber}).then(res=>{
|
let params = {
|
||||||
optionsSchool.value=res.data
|
mobile:ruleForm.phoneNumber,
|
||||||
optionsSchool.value.forEach(item=>{
|
code:ruleForm.Code,
|
||||||
item.value=item.id
|
password:ruleForm.password,
|
||||||
if(!item.children){
|
confirmPassword:ruleForm.confirmPassword,
|
||||||
item.disabled=true
|
}
|
||||||
}
|
retrievePwd(params).then(res=>{
|
||||||
if(item.children){
|
if(res.code==200){
|
||||||
item.children.forEach(child=>{
|
ElMessage.success(res.msg)
|
||||||
child.value=child.id
|
handleClose()
|
||||||
if(!child.children){
|
}else{
|
||||||
child.disabled=true
|
ElMessage.error(res.msg)
|
||||||
}
|
|
||||||
if(child.children){
|
|
||||||
child.children.forEach(grandson=>{
|
|
||||||
grandson.value=grandson.id
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
getSubject()
|
} else {
|
||||||
console.log(res)
|
activeIndex.value=2
|
||||||
})
|
// 获取部门列表
|
||||||
console.log('submit!')
|
deptTree({phone:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
optionsSchool.value=res.data
|
||||||
|
optionsSchool.value.forEach(item=>{
|
||||||
|
item.value=item.id
|
||||||
|
if(!item.children){
|
||||||
|
item.disabled=true
|
||||||
|
}
|
||||||
|
if(item.children){
|
||||||
|
item.children.forEach(child=>{
|
||||||
|
child.value=child.id
|
||||||
|
if(!child.children){
|
||||||
|
child.disabled=true
|
||||||
|
}
|
||||||
|
if(child.children){
|
||||||
|
child.children.forEach(grandson=>{
|
||||||
|
grandson.value=grandson.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getSubject()
|
||||||
|
console.log(res)
|
||||||
|
})
|
||||||
|
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) => {
|
||||||
|
|
Loading…
Reference in New Issue