hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-18 23:36:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增讲师 ，讲师样式修改。

Browse Source
This commit is contained in:
gengxin
2025-02-13 14:19:35 +08:00
parent 50152f8984
commit 908f814fbc
3 changed files with 896 additions and 852 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/components/project/LookInsideLecturer.vue
View File

@@ -1,16 +1,13 @@
<template> <template>
<a-drawer class="largeDrawerInside" :visible="visible" placement="right" :closable="false" <a-drawer class="largeDrawerInside" :visible="visible" placement="right" :closable="false" width="80%" :title="false"
width="80%" :title="false" @close="handleClose"> @close="handleClose">
<!-- 内部讲师查看详情 --> <!-- 内部讲师查看详情 -->
<div class="LookInsideLecturer"> <div class="LookInsideLecturer">
<div class="header" style="margin-top: -24px;margin-left: -24px;"> <div class="header" style="margin-top: -24px;margin-left: -24px;">
<div class="headerTitle">查看讲师</div> <div class="headerTitle">查看讲师</div>
<!-- <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }"> --> <!-- <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }"> -->
<img <img @click="handleClose" style="width: 29px; height: 29px; cursor: pointer"
@click="handleClose" src="../../assets/images/basicinfo/close.png" />
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
/>
<!-- </router-link> --> <!-- </router-link> -->
</div> </div>
<a-layout-content> <a-layout-content>
@@ -22,45 +19,57 @@
<a-descriptions-item label="讲师头像"> <a-descriptions-item label="讲师头像">
<a-image :width="55" style="border-radius: 50%;width:55px;height:55px;" :src=formParam.photo /> <a-image :width="55" style="border-radius: 50%;width:55px;height:55px;" :src=formParam.photo />
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="讲师姓名"><div style="user-select:text">{{formParam.name}} / {{formParam.userNo}}</div></a-descriptions-item> <a-descriptions-item label="讲师姓名">
<a-descriptions-item label="讲师体系"><div style="user-select:text">{{formParam.tsystemName || '-'}}</div></a-descriptions-item> <div style="user-select:text">{{ formParam.name }} / {{ formParam.userNo }}</div>
</a-descriptions-item>
<a-descriptions-item label="讲师体系">
<div style="user-select:text">{{ formParam.tsystemName || '-' }}</div>
</a-descriptions-item>
<!-- 二层 --> <!-- 二层 -->
<a-descriptions-item label="讲师级别">{{formParam.tlevelName||'-'}}</a-descriptions-item> <a-descriptions-item label="讲师级别">{{ formParam.tlevelName || '-' }}</a-descriptions-item>
<a-descriptions-item label="认证状态">{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':'-'}} <a-descriptions-item label="认证状态">{{ formParam.certStatus == 0 ? '未认证' : formParam.certStatus == 1 ? '已认证' : '-' }}
<span> <span>
<a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1" <a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
@click="handleup">查看认证资料</a-button> @click="handleup">查看认证资料</a-button>
</span> </span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="授课时长"> <span v-if="formParam.teaching!= null" >{{formParam.teaching}}分钟({{ (Number(formParam.teaching) /60 ).toFixed(2)}}小时)</span><span v-else>-</span> <a-descriptions-item label="授课时长"> <span v-if="formParam.teaching != null">{{ formParam.teaching }}分钟({{
(Number(formParam.teaching) / 60).toFixed(2)}}小时)</span><span v-else>-</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="发薪地 ">{{formParam.salaryName||'-'}}</a-descriptions-item> <a-descriptions-item label="发薪地 ">{{ formParam.salaryName || '-' }}</a-descriptions-item>
<!-- 三层 --> <!-- 三层 -->
<a-descriptions-item label="在职状态">{{formParam.waitStatus=='0'?'在职' :formParam.waitStatus=='1' ?'离职':'-'}}</a-descriptions-item> <a-descriptions-item label="在职状态">{{ formParam.waitStatus == '0' ? '在职' : formParam.waitStatus == '1'
<a-descriptions-item label="账号状态">{{formParam.status=='0'?'临时' :formParam.status=='1' ?'启用':formParam.status==2 ?'停用':'-'}}</a-descriptions-item> ?'离职':'-'}}</a-descriptions-item>
<a-descriptions-item label="录入方式">{{formParam.createFrom=='0'?'自动录入' :formParam.createFrom=='1'?'手动录入':'-'}}</a-descriptions-item> <a-descriptions-item label="账号状态">{{ formParam.status == '0' ? '临时' : formParam.status == '1'
<a-descriptions-item style="max-width: 400px;" label="所属组织" > ? '启用' : formParam.status == 2 ?'停用':'-'}}</a-descriptions-item>
<a-descriptions-item label="录入方式">{{ formParam.createFrom == '0' ? '自动录入'
: formParam.createFrom == '1' ? '手动录入':'-'}}</a-descriptions-item>
<a-descriptions-item style="max-width: 400px;" label="所属组织">
<span :title="formParam.orgName" style="user-select:text">{{ formParam.orgName || '-' }}</span> <span :title="formParam.orgName" style="user-select:text">{{ formParam.orgName || '-' }}</span>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
<div style="margin-top: 10px;"></div> <div style="margin-top: 10px;"></div>
<span class="line" ></span> <span class="line"></span>
<a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters" > <a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
<!-- 一层 --> <!-- 一层 -->
<a-descriptions-item style="max-width: 200px;" label="讲师介绍" :span="4" > <a-descriptions-item style="max-width: 200px;" label="讲师介绍" :span="4">
<div v-if="formParam.description !=null&&resp(formParam.description)" style="min-width: 500px;" v-html="formParam.description" ></div> <div v-if="formParam.description != null && resp(formParam.description)" style="min-width: 500px;"
v-html="formParam.description"></div>
<div v-else>-</div> <div v-else>-</div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="工作职责" :span="4"> <a-descriptions-item label="工作职责" :span="4">
<div v-if="formParam.workExperience !=null&&resp(formParam.workExperience)" style="min-width: 500px;" v-html="formParam.workExperience" ></div> <div v-if="formParam.workExperience != null && resp(formParam.workExperience)" style="min-width: 500px;"
v-html="formParam.workExperience"></div>
<div v-else>-</div> <div v-else>-</div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="擅长课程" :span="4"> <a-descriptions-item label="擅长课程" :span="4">
<div v-if="formParam.courses !=null&&resp(formParam.courses)" style="min-width: 500px;" v-html="formParam.courses" ></div> <div v-if="formParam.courses != null && resp(formParam.courses)" style="min-width: 500px;"
v-html="formParam.courses"></div>
<div v-else>-</div> <div v-else>-</div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="教师专长" :span="4"> <a-descriptions-item label="教师专长" :span="4">
<a-tag v-if="formParam.expertiseNames" color="blue" style="margin-right:10px" v-for="item in formParam.expertiseNames?.split(',')">{{item}}</a-tag> <a-tag v-if="formParam.expertiseNames" color="blue" style="margin-right:10px"
v-for="item in formParam.expertiseNames?.split(',')">{{ item }}</a-tag>
<span v-else>-</span> <span v-else>-</span>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
@@ -69,79 +78,63 @@
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="授课记录"> <a-tab-pane key="1" tab="授课记录">
<a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns" <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
:data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }"
:data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }" :pagination="pagination"> :pagination="pagination">
</a-table> </a-table>
<div style="float: right;"> <div style="float: right;">
<a-pagination <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
v-if="tableDataTotal > 10" :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo"
:showSizeChanger="true" :total="tableDataTotal" class="pagination" @change="changePagination" />
:showQuickJumper="false"
:hideOnSinglePage="false"
:pageSize="searchParam.pageSize"
:current="searchParam.pageNo"
:total="tableDataTotal"
class="pagination"
@change="changePagination"
/>
</div> </div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="晋级记录"> <a-tab-pane key="2" tab="晋级记录">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns" <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
:columns="promotionrecordsColumns" :data-source="promotionrecordstableData"
:data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false"> :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
<template #bodyCell="{ record, column,index }" > <template #bodyCell="{ record, column, index }">
</template> </template>
</a-table> </a-table>
<div style="float: right;"> <div style="float: right;">
<a-pagination <a-pagination v-if="teacherrepromotableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
v-if="teacherrepromotableDataTotal > 10" :hideOnSinglePage="true" :pageSize="teacherrepromo.pageSize" :current="teacherrepromo.pageNo"
:showSizeChanger="true" :total="teacherrepromotableDataTotal" class="pagination" @change="teacherrepromoPagination" />
:showQuickJumper="false"
:hideOnSinglePage="true"
:pageSize="teacherrepromo.pageSize"
:current="teacherrepromo.pageNo"
:total="teacherrepromotableDataTotal"
class="pagination"
@change="teacherrepromoPagination"
/>
</div> </div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</a-layout-content> </a-layout-content>
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
<script lang ="jsx"> <script lang="jsx">
import { useRouter,useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { reactive, toRefs, ref, computed,watch } from "vue" import { reactive, toRefs, ref, computed, watch } from "vue"
import { useStore } from "vuex"; import { useStore } from "vuex";
import {getTeacherById ,getTeacherLogList} from "../../api/Lecturer"; import { getTeacherById, getTeacherLogList } from "../../api/Lecturer";
import { getNewInTeacherCourseList } from "../../api/Teaching"; import { getNewInTeacherCourseList } from "../../api/Teaching";
import avatar from '@/assets/avatar.png' import avatar from '@/assets/avatar.png'
import Avatarman from '@/assets/Avatarman.png' import Avatarman from '@/assets/Avatarman.png'
import Avatarwoman from '@/assets/Avatarwoman.png' import Avatarwoman from '@/assets/Avatarwoman.png'
import dayjs from "dayjs"; import dayjs from "dayjs";
export default{ export default {
name :"LookInsideLecturer", name: "LookInsideLecturer",
components:{ components: {
}, },
props:{ props: {
visible:{ visible: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
id:{ id: {
type: String, type: String,
default: "" default: ""
} }
}, },
setup(props,emits){ setup(props, emits) {
const router=useRouter(); const router = useRouter();
const state = reactive({ const state = reactive({
activeKey:'1', activeKey: '1',
formParam: { formParam: {
}, },
promotionrecordsLoading: false, //晋级记录遮罩层 promotionrecordsLoading: false, //晋级记录遮罩层
@@ -149,46 +142,46 @@ export default{
teacherrecordstableDataTotal: 0,//授课记录列表总条数 teacherrecordstableDataTotal: 0,//授课记录列表总条数
teacherrepromotableDataTotal: -1,//晋级记录总条数 teacherrepromotableDataTotal: -1,//晋级记录总条数
teacherrecords: { teacherrecords: {
recordType:1, recordType: 1,
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
id: null id: null
}, },
teacherrepromo:{ teacherrepromo: {
userId:null, userId: null,
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
} }
}); });
watch(() => props.visible, (val) => { watch(() => props.visible, (val) => {
console.log(val,'xixixiixix') console.log(val, 'xixixiixix')
if(val){ if (val) {
const id = props.id const id = props.id
TeacherSystem(id) TeacherSystem(id)
}else{ } else {
state.formParam = {} state.formParam = {}
} }
}) })
const isOrgNames = (val) => { const isOrgNames = (val) => {
if(val){ if (val) {
const parts = val.split('/'); const parts = val.split('/');
const reversedParts = parts.reverse(); const reversedParts = parts.reverse();
state.formParam.orgNames = reversedParts.join('/'); state.formParam.orgNames = reversedParts.join('/');
} }
} }
const handleClose = () => { const handleClose = () => {
emits.emit('update:visible',false) emits.emit('update:visible', false)
} }
//内部讲师详情 //内部讲师详情
const TeacherSystem = (id) => { const TeacherSystem = (id) => {
getTeacherById({id,}).then((res) => { getTeacherById({ id, }).then((res) => {
let objA= res.data.data let objA = res.data.data
console.log(objA ,'11111111111') console.log(objA, '11111111111')
state.formParam = objA state.formParam = objA
state.formParam.photo = state.formParam.photo ==null ? state.formParam.photo = state.formParam.photo == null ?
state.formParam.gender == 1 ? Avatarman : state.formParam.gender == 1 ? Avatarman :
state.formParam.gender ==2 ? Avatarwoman : Avatarman : (state.formParam.photo.includes('upload')?state.formParam.photo:'/upload'+state.formParam.photo) state.formParam.gender == 2 ? Avatarwoman : Avatarman : (state.formParam.photo.includes('upload') ? state.formParam.photo : '/upload' + state.formParam.photo)
state.teacherrepromo.userId=res.data.data.id state.teacherrepromo.userId = res.data.data.id
console.log(state.teacherrepromo.id); console.log(state.teacherrepromo.id);
isOrgNames(state.formParam.orgName) isOrgNames(state.formParam.orgName)
getteacherrecordstableData() getteacherrecordstableData()
@@ -199,7 +192,7 @@ export default{
}); });
} }
const resp = (val) => { const resp = (val) => {
if(val){ if (val) {
const reg = /<[^<>]+>/g; const reg = /<[^<>]+>/g;
const value = val.replace(reg, ""); const value = val.replace(reg, "");
return value return value
@@ -225,7 +218,7 @@ export default{
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 180, width: 180,
customCell:()=>{return{style:{userSelect: 'text'}}}, customCell: () => { return { style: { userSelect: 'text' } } },
}, },
{ {
title: '课程日期', title: '课程日期',
@@ -236,7 +229,7 @@ export default{
customRender: (value) => { customRender: (value) => {
return ( return (
<div style="user-select: text"> <div style="user-select: text">
{value.record?.teachingDate?dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm"):'-'} { value.record?.teachingDate ? dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm") : '-' }
</div> </div>
); );
}, },
@@ -258,7 +251,7 @@ export default{
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{String(value.record.type) { String(value.record.type)
? { ? {
"0": "在线课", "0": "在线课",
"1": "面授课", "1": "面授课",
@@ -266,7 +259,7 @@ export default{
"3": "作业员入模培训", "3": "作业员入模培训",
"4": "其他", "4": "其他",
}[value.record.type + ""] }[value.record.type + ""]
: "-"} : "-" }
</div> </div>
) )
} }
@@ -277,8 +270,8 @@ export default{
key: 'studys', key: 'studys',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'人' : '-' return text ? text + '人' : '-'
} }
}, },
{ {
@@ -287,8 +280,8 @@ export default{
key: 'teaching', key: 'teaching',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 130, width: 130,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -300,7 +293,7 @@ export default{
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{value.record.score?Number(value.record.score).toFixed(0)==0?'-':Number(value.record.score).toFixed(2)+'分' : '-'} { value.record.score ? Number(value.record.score).toFixed(0) == 0 ? '-' : Number(value.record.score).toFixed(2) + '分' : '-' }
</div> </div>
) )
} }
@@ -314,12 +307,12 @@ export default{
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{value.record.courseStatus == 0 || value.record.courseStatus == 1 { value.record.courseStatus == 0 || value.record.courseStatus == 1
? { ? {
"0": "未开课", "0": "未开课",
"1": "已开课", "1": "已开课",
}[value.record.courseStatus + ""] || "" }[value.record.courseStatus + ""] || ""
: "-"} : "-" }
</div> </div>
) )
} }
@@ -333,7 +326,7 @@ export default{
width: 200, width: 200,
customRender: (value) => { customRender: (value) => {
return ( return (
<div>{value.record.remark || '-'}</div> <div>{ value.record.remark || '-' }</div>
) )
} }
}, },
@@ -358,12 +351,12 @@ export default{
const pagination = computed(() => ({ const pagination = computed(() => ({
total: state.teacherrecordstableDataTotal, total: state.teacherrecordstableDataTotal,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper:true, showQuickJumper: true,
current: state.teacherrecords.pageNo, current: state.teacherrecords.pageNo,
pageSize: state.teacherrecords.pageSize, pageSize: state.teacherrecords.pageSize,
onChange: paginationChange, onChange: paginationChange,
})); }));
const paginationChange = (e,pageSize) => { const paginationChange = (e, pageSize) => {
state.teacherrecords.pageNo = e; state.teacherrecords.pageNo = e;
state.teacherrecords.pageSize = pageSize state.teacherrecords.pageSize = pageSize
getteacherrecordstableData(); getteacherrecordstableData();
@@ -398,7 +391,7 @@ export default{
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{value.record.type == 1 ? "自动" : value.record.type == 0 ? '手动':"-"} { value.record.type == 1 ? "自动" : value.record.type == 0 ? '手动' : "-" }
</div> </div>
) )
} }
@@ -430,7 +423,7 @@ export default{
// }) // })
// state.promotionrecordsLoading = false // state.promotionrecordsLoading = false
// }; // };
const goback = ()=>{ const goback = () => {
router.back() router.back()
} }
const store = useStore(); const store = useStore();
@@ -443,12 +436,12 @@ export default{
// return store.state.sysTypeMap.get(code) // return store.state.sysTypeMap.get(code)
// } // }
// getSysTypeMap() // getSysTypeMap()
const handleup = ()=>{ const handleup = () => {
window.open ( window.open(
`${process.env.VUE_APP_BOE_API_URL}/upload${state.formParam.certification}` `${process.env.VUE_APP_BOE_API_URL}/upload${state.formParam.certification}`
); );
} }
return{ return {
...toRefs(state), ...toRefs(state),
router, router,
goback, goback,
@@ -458,8 +451,8 @@ window.open (
TeacherSystem, TeacherSystem,
handleClose, handleClose,
isOrgNames, isOrgNames,
rowCenter:{"text-align":"left",'min-width':'176px'}, rowCenter: { "text-align": "left", 'min-width': '176px' },
rowCenters:{"text-align":"center",'width':'160px','min-width':'110px'}, rowCenters: { "text-align": "center", 'width': '160px', 'min-width': '110px' },
teacherrecordstableData, teacherrecordstableData,
teacherrecordsColumns, teacherrecordsColumns,
resp, resp,
@@ -477,8 +470,9 @@ window.open (
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.LookInsideLecturer { .LookInsideLecturer {
padding:24px; padding: 24px;
.header {
.header {
padding: 0px 32px; padding: 0px 32px;
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
@@ -496,46 +490,52 @@ padding:24px;
line-height: 25px; line-height: 25px;
// margin-left: 24px; // margin-left: 24px;
} }
} }
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.filter { width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.filter {
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
margin-top: 30px; margin-top: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
.select { .select {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
} }
.backbtn{
.backbtn {
float: right; float: right;
margin-right: 20px; margin-right: 20px;
border: none; border: none;
color: #4ea6ff; color: #4ea6ff;
width: 80px; width: 80px;
height:64px height: 64px
} }
//小竖线 //小竖线
.line{ .line {
float:left; float: left;
width: 3px; width: 3px;
height: 16px; height: 16px;
background: #4ea6ff; background: #4ea6ff;
border-radius: 30%; border-radius: 30%;
margin-left: -10px; margin-left: -10px;
margin-top: 5px; margin-top: 5px;
} }
::v-deep .ant-descriptions-header{
margin-bottom: 18px ; ::v-deep .ant-descriptions-header {
margin-bottom: 18px;
} }
.goback { .goback {
float: right; float: right;
padding-right: 70px; padding-right: 70px;
@@ -558,36 +558,42 @@ margin-top: 5px;
color: #4ea6ff; color: #4ea6ff;
font-size: 14px; font-size: 14px;
} }
} }
.moreidbtn {
border: none; .moreidbtn {
color: #4ea6ff; border: none;
width: 80px color: #4ea6ff;
width: 80px
} }
::v-deep .ant-select-selection-overflow-item { ::v-deep .ant-select-selection-overflow-item {
margin-top: -2px; margin-top: -2px;
} }
::v-deep .ant-select-multiple .ant-select-selection-item { ::v-deep .ant-select-multiple .ant-select-selection-item {
height: 34px height: 34px
} }
.tableBox { .tableBox {
padding-bottom: 20px; padding-bottom: 20px;
margin: 20px 38px 30px; margin: 20px 38px 30px;
::v-deep .ant-select-dropdown{
display: inline-block; ::v-deep .ant-select-dropdown {
} display: inline-block;
::v-deep .ant-select-selection-item{ }
margin-left: 3px;
} ::v-deep .ant-select-selection-item {
::v-deep .ant-pagination-options-size-changer.ant-select{ margin-left: 3px;
width: 84px; }
}
.pa { ::v-deep .ant-pagination-options-size-changer.ant-select {
width: 100%; width: 84px;
display: flex; }
justify-content: right;
} .pa {
width: 100%;
display: flex;
justify-content: right;
}
} }
</style> </style>

406
src/views/lecturer/InsideLecturer.vue
View File

File diff suppressed because it is too large Load Diff

40
src/views/lecturer/LecturerList.vue
View File

@@ -1,25 +1,25 @@
<!-- 讲师列表 --> <!-- 讲师列表 -->
<template> <template>
<div class="LecturerList"> <div class="LecturerList">
<div style="margin: 20px;margin-top:0;" > <div style="margin: 20px;margin-top:0;">
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="内部讲师"> <a-tab-pane key="1" tab="内部讲师">
<InsideLecturer/> <InsideLecturer />
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="外部讲师"> <a-tab-pane key="2" tab="外部讲师">
<ExternalLecturer/> <ExternalLecturer />
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</div> </div>
</template> </template>
<script lang="jsx"> <script lang="jsx">
import { reactive, toRefs, ref, watch,onMounted,nextTick } from "vue"; import { reactive, toRefs, ref, watch, onMounted, nextTick } from "vue";
import InsideLecturer from "../lecturer/InsideLecturer.vue" import InsideLecturer from "../lecturer/InsideLecturer.vue"
import ExternalLecturer from "../lecturer/ExternalLecturer.vue" import ExternalLecturer from "../lecturer/ExternalLecturer.vue"
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { useStore } from 'vuex' import { useStore } from 'vuex'
export default { export default {
name: "LecturerList", name: "LecturerList",
components: { components: {
InsideLecturer, InsideLecturer,
@@ -29,12 +29,12 @@
const route = useRoute() const route = useRoute()
const store = useStore() const store = useStore()
const state = reactive({ const state = reactive({
activeKey:'1' activeKey: '1'
}) })
watch( watch(
) )
onMounted(() => { onMounted(() => {
if(route.query.activeKey){ if (route.query.activeKey) {
state.activeKey = route.query.activeKey state.activeKey = route.query.activeKey
} }
}) })
@@ -42,13 +42,14 @@
...toRefs(state), ...toRefs(state),
} }
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .ant-tabs-tab{ ::v-deep .ant-tabs-tab {
font-weight: 600; font-weight: 600;
} }
.LecturerList {
.LecturerList {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@@ -321,4 +322,3 @@
} }
} }
</style> </style>