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

讲师管理讲师查看回退

Browse Source
This commit is contained in:
zhangsir
2025-01-15 17:25:00 +08:00
parent 61fe51923e
commit 0e7a5065e2
1 changed files with 514 additions and 648 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<template>
<a-drawer class="largeDrawerInside" :visible="visible" placement="right" :closable="false"
width="800" :title="false" @close="handleClose">
width="80%" :title="false" @close="handleClose">
<!-- 内部讲师查看详情 -->
<div class="LookInsideLecturer">
<div class="header" style="margin-top: -24px;margin-left: -24px;">
@@ -15,70 +15,16 @@
</div>
<a-layout-content>
<!-- 讲师信息 -->
<div style="width: 100%;margin-top: 10px;">
<!-- <span class="line"></span> -->
<!-- 记录 -->
<!-- <div style="margin-top: 8px;"></div> -->
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="0" tab="基本信息">
<div class="teacher_info">
<div class="teacher_info_left">
<a-image style="width:100%;height:100%;" class="img" :src=formParam.photo />
</div>
<div class="teacher_info_right">
<div class="right_header">
{{formParam.name}} / {{formParam.userNo}}
</div>
<div class="right_content">
<div class="one item">
<img class="img" src="@/assets/jibie.png" alt="" />
{{formParam.tlevelName||'-'}}
</div>
<div class="two item">
<img class="img" src="@/assets/time.png" alt="" />
{{(Number(formParam.teaching||0) /60 ).toFixed(2)}}小时
</div>
<div class="three item">
<img v-if="formParam.certStatus" class="img" src="@/assets/renzheng.png" alt="" />
<img v-else class="img" src="@/assets/notren.png" alt="" />
{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':'-'}}
</div>
<div class="three_down"><a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1" @click="handleup">查看认证资料</a-button></div>
</div>
<div class="right_footer">
<div class="item">
<div class="title">体系</div>
<div class="text">{{formParam.tsystemName || '-'}}</div>
</div>
<div class="item" style="width:40%;">
<div class="title">在职状态</div>
<div class="text">{{formParam.waitStatus=='0'?'在职' :formParam.waitStatus=='1' ?'离职':'-'}}</div>
</div>
<div class="item">
<div class="title">所属组织</div>
<div class="text">{{ formParam.orgName || '-' }}</div>
</div>
<div class="item" style="width:40%;">
<div class="title">账号状态</div>
<div class="text">{{formParam.status=='0'?'临时' :formParam.status=='1' ?'启用':formParam.status==2 ?'停用':'-'}}</div>
</div>
<div class="item">
<div class="title">发薪地</div>
<div class="text">{{formParam.salaryName||'-'}}</div>
</div>
<div class="item" style="width:40%;">
<div class="title">录入方式</div>
<div class="text">{{formParam.createFrom=='0'?'自动录入' :formParam.createFrom=='1'?'手动录入':'-'}}</div>
</div>
</div>
</div>
</div>
<!-- <a-descriptions title="基本信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
<div style="width: 100%;margin-top: 10px;padding: 20px;">
<span class="line"></span>
<a-descriptions title="基本信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
<!-- 一层 -->
<a-descriptions-item label="讲师头像">
<a-image :width="55" style="border-radius: 50%;width:55px;height:55px;" :src=formParam.photo />
</a-descriptions-item>
<a-descriptions-item label="讲师姓名"><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.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':'-'}}
<span>
@@ -86,15 +32,17 @@
@click="handleup">查看认证资料</a-button>
</span>
</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>
<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 label="发薪地 ">{{formParam.salaryName||'-'}}</a-descriptions-item>
<!-- 三层 -->
<a-descriptions-item label="在职状态">{{formParam.waitStatus=='0'?'在职' :formParam.waitStatus=='1' ?'离职':'-'}}</a-descriptions-item>
<a-descriptions-item label="账号状态">{{formParam.status=='0'?'临时' :formParam.status=='1' ?'启用':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>
</a-descriptions-item>
</a-descriptions> -->
</a-descriptions>
<div style="margin-top: 10px;"></div>
<span class="line" ></span>
<a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters" >
@@ -116,7 +64,9 @@
<span v-else>-</span>
</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<!-- 记录 -->
<div style="margin-top: 8px;"></div>
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="授课记录">
<a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
@@ -158,7 +108,7 @@
</div>
</a-tab-pane>
</a-tabs>
</div>
</div>
</a-layout-content>
</div>
</a-drawer>
@@ -191,7 +141,7 @@ export default{
setup(props,emits){
const router=useRouter();
const state = reactive({
activeKey:'0',
activeKey:'1',
formParam: {
},
promotionrecordsLoading: false, //晋级记录遮罩层
@@ -211,12 +161,12 @@ export default{
}
});
watch(() => props.visible, (val) => {
console.log(val,'xixixiixix')
if(val){
const id = props.id
TeacherSystem(id)
}else{
state.formParam = {}
state.activeKey = '0'
}
})
const isOrgNames = (val) => {
@@ -493,9 +443,9 @@ export default{
// }
// getSysTypeMap()
const handleup = ()=>{
window.open (
window.open (
`${process.env.VUE_APP_BOE_API_URL}/upload${state.formParam.certification}`
);
);
}
return{
...toRefs(state),
@@ -525,93 +475,9 @@ const handleup = ()=>{
}
</script>
<style lang="scss" scoped>
.teacher_info{
// width: 759px;
height: 220px;
padding: 2px 2px 2px 2px;
border-radius: 5px;
border: 1px solid #c8cbcd;
background-color: rgba(242, 242, 242, 0.51);
display: flex;
.teacher_info_left{
width: 36%;
// height: 24%;
border-radius: 50%;
margin: 0 20px;
display: flex;
justify-content: center;
align-items: center;
.img{
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.teacher_info_right{
margin: 15px 40px 20px 16px;
.right_header{
font-size: 18px;
font-weight: 650;
color: #333333;
margin-bottom: 17px;
}
.right_content{
display: flex;
margin-bottom: 20px;
color: #333333;
.item{
height: 30px;
padding: 0 14px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
.img{
width: 22px;
height: 22px;
margin-right: 10px;
}
}
.one{
border: 1px solid #4796df;
background-color: rgba(30, 152, 215, 0.15);
margin-right: 25px;
}
.two{
border: 1px solid #e27124;
background-color: rgba(240, 190, 154, 0.15);
margin-right: 25px;
}
.three{
border: 1px solid #609d10;
background-color: rgba(96, 157, 16, 0.11);
}
.three_down{
color: #1e98d7;
margin-left: 12px;
}
}
.right_footer{
display: flex;
flex-wrap: wrap;
color: #333333;
.item{
width:60%;
margin-bottom: 14px;
display: flex;
align-items: center;
.title{
width:60px;
text-align: right;
margin-right: 12px;
}
}
}
}
}
.LookInsideLecturer {
padding:24px;
.header {
padding:24px;
.header {
padding: 0px 32px;
height: 73px;
border-bottom: 1px solid #e8e8e8;
@@ -629,13 +495,13 @@ const handleup = ()=>{
line-height: 25px;
// margin-left: 24px;
}
}
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.filter {
.filter {
margin-left: 38px;
margin-right: 38px;
margin-top: 30px;
@@ -651,20 +517,20 @@ const handleup = ()=>{
.backbtn{
float: right;
margin-right: 20px;
border: none;
color: #4ea6ff;
width: 80px;
height:64px
border: none;
color: #4ea6ff;
width: 80px;
height:64px
}
//小竖线
.line{
float:left;
width: 3px;
height: 16px;
background: #4ea6ff;
border-radius: 30%;
margin-left: -10px;
margin-top: 5px;
float:left;
width: 3px;
height: 16px;
background: #4ea6ff;
border-radius: 30%;
margin-left: -10px;
margin-top: 5px;
}
::v-deep .ant-descriptions-header{
margin-bottom: 18px ;
@@ -693,23 +559,23 @@ const handleup = ()=>{
}
}
.moreidbtn {
border: none;
color: #4ea6ff;
width: 80px
border: none;
color: #4ea6ff;
width: 80px
}
::v-deep .ant-select-selection-overflow-item {
margin-top: -2px;
margin-top: -2px;
}
::v-deep .ant-select-multiple .ant-select-selection-item {
height: 34px
height: 34px
}
.tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown{
display: inline-block;
display: inline-block;
}
::v-deep .ant-select-selection-item{
margin-left: 3px;