授课页面静态页调整

This commit is contained in:
wangxuemei
2024-06-05 09:23:03 +08:00
parent 60e3719c87
commit a6569a8ea3
4 changed files with 1380 additions and 205 deletions

View File

@@ -1,6 +1,6 @@
<!-- 项目页面 -->
<template>
<div class="projectManage">
<div class="InsideLecturer">
<div>
</div>
<!-- 搜索框及按钮 -->
@@ -11,6 +11,10 @@
<a-input v-model:value="searchParam.userNo " style="width: 230px; height: 40px; border-radius: 8px"
placeholder="请输入工号/姓名检索" allowClear showSearch>
</a-input>
<!-- <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
:options="infoteacherList">
</a-select> -->
</div>
<div class="select">
<a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.tsystemName"
@@ -114,7 +118,7 @@
</div>
<!-- 个人详情 -->
<div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-show="tagsshow==1">
<div class="projectManage" >
<div class="InsideLecturer" >
<div class="filter">
<div class="filterItems">
<!-- <div class="select">
@@ -246,10 +250,10 @@
<div class="select">
<span style="display:inline-block ;width:80px ;text-align:center ">教师专长 :</span>
<a-select v-if="teacherdialog1 == 0" style="width: 230px" placeholder="" v-model:value="formParam.TeacherExpertise"
:options="TeacherExpertiseList">
:options="TeacherExpertiseList.map(pro => ({value:pro }))">
</a-select>
<a-select v-if="teacherdialog1 == 0" style="width: 230px" placeholder="" v-model:value="formParam.getTeacherExpertiseByPid"
:options="getTeacherExpertiseByPidList">
:options="getTeacherExpertiseByPidList.map(pid=>({value:pid})) ">
</a-select>
<span v-if="teacherdialog1 == 1" class=display1>{{ formParam.expertise }}</span>
</div>
@@ -263,7 +267,7 @@
</div>
</div>
<!-- 授课记录 -->
<div class="projectManage" v-show="tagsshow==2" style="margin">
<div class="InsideLecturer" v-show="tagsshow==2" style="margin">
<div style="padding: 33px">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="teacherrecordsColumns"
@@ -284,7 +288,7 @@
/>
</div>
<!-- 晋级记录 -->
<div class="projectManage" v-show="tagsshow==3" style="margin">
<div class="InsideLecturer" v-show="tagsshow==3" style="margin">
<div style="padding: 33px">
<div style="font-size:24px;font-weight:500">晋升过程</div>
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
@@ -355,14 +359,14 @@
</div>
</template>
<script lang="jsx">
import { reactive, toRefs, ref } from "vue";
import { reactive, toRefs, ref ,watch} from "vue";
import Editor from "@/components/project/Editor";
import Upload from "@/components/project/Upload";
import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher } from "../../api/indexPeojiectManage";
import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher } from "../../api/Lecturer";
// import {getProjSt} from "../../api/indexProjStu";
// import AddTeacher from "../../components/drawers/project/AddTeacher"
export default {
name: "projectManage",
name: "InsideLecturer",
components: {
// AddTeacher,
Editor,
@@ -493,55 +497,65 @@ export default {
//获取讲师父 专长
const TeacherExpertiseList = ref([
// { value: 0, systemName: "讲师体系" },
{ value: 0, systemName: "讲师体系" },
{ value: 1, systemName: "讲师体系1" },
]);
const getTeacherExpertisea =() => {
// console.log('点击了LecturerSystemLista')
getTeacherExpertise().then((res)=>{
if (res.data.code === 200) {
let arr = res.data.data;
let array = TeacherExpertiseList.value;
arr.map((value) => {
let obj = {
value: value.id,
label: value.name,
};
array.push(obj);
});
TeacherExpertiseList.value = array;
}
})
getTeacherExpertiseByPida()
// // console.log('点击了LecturerSystemLista')
// getTeacherExpertise().then((res)=>{
// if (res.data.code === 200) {
// let arr = res.data.data;
// let array = TeacherExpertiseList.value;
// arr.map((value) => {
// let obj = {
// value: value.id,
// label: value.name,
// };
// array.push(obj);
// });
// TeacherExpertiseList.value = array;
// }
// })
// getTeacherExpertiseByPida()
}
//获取讲师子 专长
const getTeacherExpertiseByPidList = ref([
// { value: 0, systemName: "讲师体系" },
[ { value: 0, systemName: "讲师体系1" },
{ value: 1, systemName: "讲师体系" },],
[ [ { value: 0, systemName: "讲师1" },
{ value: 1, systemName: "讲师" },],]
]);
const getTeacherExpertiseByPida =() => {
let pid = {id :29}
// console.log('点击了LecturerSystemLista')
getTeacherExpertiseByPid(pid).then((res)=>{
if (res.data.code === 200) {
let arr = res.data.data;
let array = getTeacherExpertiseByPidList.value;
arr.map((value) => {
let obj = {
value: value.id,
label: value.name,
};
array.push(obj);
});
getTeacherExpertiseByPidList.value = array;
}
})
// let pid = {id :29}
// // console.log('点击了LecturerSystemLista')
// getTeacherExpertiseByPid(pid).then((res)=>{
// if (res.data.code === 200) {
// let arr = res.data.data;
// let array = getTeacherExpertiseByPidList.value;
// arr.map((value) => {
// let obj = {
// value: value.id,
// label: value.name,
// };
// array.push(obj);
// });
// getTeacherExpertiseByPidList.value = array;
// }
// })
}
watch(
()=>state.formParam.TeacherExpertise,
val => {
state.formParam.getTeacherExpertiseByPid = state.getTeacherExpertiseByPidList[val][0];
},
)
//新增页面内部姓名
const infoteacherList = ref([
// { value: 0, systemName: "讲师体系" },
]);
const getinfoteacher = (obj) => {
state.tableLoading=true
infoteacher()
()
.then((res) => {
infoteacherList.value = res.data.data.records
})
@@ -709,8 +723,18 @@ export default {
};
//重置
const searchReset = () => {
state.searchParam = { pageNo: 1, pageSize: 10 };
// getTableDate();
state.searchParam = {
userNo:null,
tsystemName:null,
tlevelName:null,
waitStatus:null,
certStatus:null,
salaryName:null,
status:null,
pageNo: 1,
pageSize: 10 ,
};
getTableDate();
};
// List接口数据
const getTableDate = (obj) => {
@@ -760,7 +784,6 @@ export default {
state.teacherdialog1 = 0
state.teacherdialog = true;
state.teacherdialogtitle = '新增讲师'
//获取内部讲师级别
LecturerSystemLista()
getLevelLista()
getTeacherExpertisea()
@@ -857,28 +880,19 @@ export default {
//清空数据
const cancel = () => {
// state.formParam=({
// //讲师姓名
state.formParam.name = null;
// // 讲师工号
state.formParam.userNo = null;
// //将讲师组织
state.formParam.departId = null;
// //初始授课时长
state.formParam.defaultTeachingTime = null,
//讲师等级
state.formParam.tlevelName = null;
//讲师体;
state.formParam.tsystemName = null;
// //认证状;
state.formParam.certStatus = 1;
//讲师介绍
state.formParam.teacherIntrofuce =null;
//工作经历
state.formParam.workHistory =null;
//擅长课程
state.formParam.proficientInCourse =null;
console.log(state.formParam);
state.formParam ={
name:null,
userNo:null,
departId:null,
defaultTeachingTime:null,
tlevelName:null,
tsystemName:null,
certStatus:1,
teacherIntrofuce:null,
workHistory:null,
proficientInCourse:null,
}
}
//表格内查看数据操作
const handleLook = (record) => {
@@ -888,8 +902,8 @@ export default {
state.userNoid= record.userNo
state.lookTeacherId= record.id
// alert(record.grade)
// TeacherSystem()
getteacherrecordstableData ()
TeacherSystem()
// getteacherrecordstableData ()
}
//内部讲师详情
const TeacherSystem=()=>{
@@ -909,8 +923,7 @@ export default {
}
const teacherrecords=()=>{
state.tagsshow= 2
// getteacherrecordstableData ()
console.log(state.tagsshow)
getteacherrecordstableData ()
}
const promotionrecords=()=>{
state.tagsshow= 3
@@ -1197,7 +1210,7 @@ export default {
text-align: center;
}
.projectManage {
.InsideLecturer {
width: 100%;
height: 100%;
display: flex;