hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-19 07:46: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

94
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,8 +19,12 @@
<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 ? '已认证' : '-' }}
@@ -32,13 +33,17 @@
@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'
? '启用' : 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="所属组织"> <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>
@@ -48,19 +53,23 @@
<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,42 +78,26 @@
<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>
@@ -478,6 +471,7 @@ window.open (
<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;
@@ -497,6 +491,7 @@ padding:24px;
// margin-left: 24px; // margin-left: 24px;
} }
} }
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@@ -509,12 +504,14 @@ flex-direction: column;
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;
@@ -523,6 +520,7 @@ color: #4ea6ff;
width: 80px; width: 80px;
height: 64px height: 64px
} }
//小竖线 //小竖线
.line { .line {
float: left; float: left;
@@ -533,9 +531,11 @@ border-radius: 30%;
margin-left: -10px; margin-left: -10px;
margin-top: 5px; margin-top: 5px;
} }
::v-deep .ant-descriptions-header { ::v-deep .ant-descriptions-header {
margin-bottom: 18px; margin-bottom: 18px;
} }
.goback { .goback {
float: right; float: right;
padding-right: 70px; padding-right: 70px;
@@ -559,6 +559,7 @@ margin-top: 5px;
font-size: 14px; font-size: 14px;
} }
} }
.moreidbtn { .moreidbtn {
border: none; border: none;
color: #4ea6ff; color: #4ea6ff;
@@ -572,18 +573,23 @@ 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 { ::v-deep .ant-select-dropdown {
display: inline-block; display: inline-block;
} }
::v-deep .ant-select-selection-item { ::v-deep .ant-select-selection-item {
margin-left: 3px; margin-left: 3px;
} }
::v-deep .ant-pagination-options-size-changer.ant-select { ::v-deep .ant-pagination-options-size-changer.ant-select {
width: 84px; width: 84px;
} }
.pa { .pa {
width: 100%; width: 100%;
display: flex; display: flex;

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

@@ -82,7 +82,9 @@
<template #content> <template #content>
<p>{{ record.orgName}}</p> <p>{{ record.orgName}}</p>
</template> --> </template> -->
<div style="max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;user-select:text" :title="record.orgName">{{ record.neworganizationName }}</div> <div
style="max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;user-select:text"
:title="record.orgName">{{ record.neworganizationName }}</div>
<!-- </a-popover> --> <!-- </a-popover> -->
</a-space> </a-space>
</template> </template>
@@ -90,12 +92,17 @@
<a-space> <a-space>
<a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button> <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
<a-button v-if="(record.isPermission==='true'||record.isSuperPermission==='true')&&checkMenu('lecturerEdit')" type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button> <a-button
<a-button v-if="record.status == '1'&&(record.isPermission==='true'||record.isSuperPermission==='true')&&checkMenu('lecturerStop')" type="link" v-if="(record.isPermission === 'true' || record.isSuperPermission === 'true') && checkMenu('lecturerEdit')"
@click="() => handleOperate(record, String(record.courseform))">停用</a-button> type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
<a-button v-if="record.status == '2'&&(record.isPermission==='true'||record.isSuperPermission==='true')&&checkMenu('lecturerStop')" type="link" <a-button
@click="() => handleOperate(record, String(record.courseform))">启用</a-button> v-if="record.status == '1' && (record.isPermission === 'true' || record.isSuperPermission === 'true') && checkMenu('lecturerStop')"
<a-button v-if="record.isSuperPermission==='true'&&checkMenu('lecturerDel')" type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> type="link" @click="() => handleOperate(record, String(record.courseform))">停用</a-button>
<a-button
v-if="record.status == '2' && (record.isPermission === 'true' || record.isSuperPermission === 'true') && checkMenu('lecturerStop')"
type="link" @click="() => handleOperate(record, String(record.courseform))">启用</a-button>
<a-button v-if="record.isSuperPermission === 'true' && checkMenu('lecturerDel')" type="link"
@click="() => deleteModal(record, String(record.courseform))">删除</a-button>
<!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))" <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))"
 v-if="lecturerAdmin('Lecturer-admin')">删除</a-button> -->  v-if="lecturerAdmin('Lecturer-admin')">删除</a-button> -->
</a-space> </a-space>
@@ -108,21 +115,18 @@
<div class="tableBox "> <div class="tableBox ">
<div class="pa"> <div class="pa">
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
:hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" :hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo"
class="pagination" @change="changePagination" /> :total="tableDataTotal" class="pagination" @change="changePagination" />
</div> </div>
</div> </div>
<!-- 弹窗组件 --> <!-- 弹窗组件 -->
<a-drawer class="largeDrawerInside" v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" <a-drawer class="largeDrawerInside" v-model:visible="teacherdialog" placement="right" :closable="false"
width="700" :title="false"> :maskClosable="false" width="700" :title="false">
<div style="padding:24px"> <div style="padding-right: 200px;">
<div class="headers" style="margin-top:-24px;margin-left: -25px;width: 110%;"> <div class="headers" style="margin-top:-24px;margin-left: -25px;width: 110%;">
<div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div> <div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div>
<img <img style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;"
style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;" src="@/assets/images/basicinfo/close.png" @click="cancelTeacherDialog" />
src="@/assets/images/basicinfo/close.png"
@click="cancelTeacherDialog"
/>
</div> </div>
<div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;min-width:760px;"> <div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;min-width:760px;">
<a-form :model="formParam" layout="vertical" ref="formRef"> <a-form :model="formParam" layout="vertical" ref="formRef">
@@ -135,11 +139,14 @@
<a-col :span="24"> <a-col :span="24">
<div class="item_inp" style="background-color: #fff;"> <div class="item_inp" style="background-color: #fff;">
<div style="width:120px;margin:0 auto;" @click="avatarChange"> <div style="width:120px;margin:0 auto;" @click="avatarChange">
<a-upload :disabled="!formParam.name" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" <a-upload :disabled="!formParam.name" name="avatar" list-type="picture-card" class="avatar-uploader"
:headers="headers" :before-upload="beforeUpload"> :show-upload-list="false" :headers="headers" :before-upload="beforeUpload">
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" /> <img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar"
<img class="i_upload_img" v-else-if="formParam.gender==1" src="../../assets/Avatarman.png" alt="avatar" title="更换头像" /> title="更换头像" />
<img class="i_upload_img" v-else-if="formParam.gender==2" src="../../assets/Avatarwoman.png" alt="avatar" title="更换头像" /> <img class="i_upload_img" v-else-if="formParam.gender == 1" src="../../assets/Avatarman.png"
alt="avatar" title="更换头像" />
<img class="i_upload_img" v-else-if="formParam.gender == 2" src="../../assets/Avatarwoman.png"
alt="avatar" title="更换头像" />
<img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" /> <img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
<!-- <div class="i_upload" v-else> <!-- <div class="i_upload" v-else>
<div class="addimg"> <div class="addimg">
@@ -161,15 +168,14 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item name="name"> <a-form-item name="name">
<template v-slot:label> <template v-slot:label>
<img <img style="margin-right:4px;width: 7px;height: 7px"
style="margin-right:4px;width: 7px;height: 7px" src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
讲师姓名 讲师姓名
</template> </template>
<SearchTeacher @tlevel="teacherTlevel" :lecturer="true" :disabled="!!id" v-model:value="formParam.name" v-model:lable="formParam.orgNames" v-model:orgId="formParam.orgId" v-model:id="formParam.id" <SearchTeacher @tlevel="teacherTlevel" :lecturer="true" :disabled="!!id"
v-model:system="tSystemNames" v-model:level="formParam.tlevelId"></SearchTeacher> v-model:value="formParam.name" v-model:lable="formParam.orgNames" v-model:orgId="formParam.orgId"
v-model:id="formParam.id" v-model:system="tSystemNames" v-model:level="formParam.tlevelId">
</SearchTeacher>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
@@ -188,18 +194,15 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item name="tsystemName"> <a-form-item name="tsystemName">
<template v-slot:label> <template v-slot:label>
<img <img style="margin-right:4px;width: 7px;height: 7px"
style="margin-right:4px;width: 7px;height: 7px" src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
讲师体系 讲师体系
</template> </template>
<!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear <!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
@change="changetlevel" .:options="LecturerSystemList"> @change="changetlevel" .:options="LecturerSystemList">
</a-select> --> </a-select> -->
<a-input disabled v-model:value="tSystemNames.systemName" class="draitem" <a-input disabled v-model:value="tSystemNames.systemName" class="draitem" placeholder="自动带出讲师的体系"
placeholder="自动带出讲师的体系" allowClear showSearch> allowClear showSearch>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -207,11 +210,8 @@
<!-- <div @click="handleformlevel"> --> <!-- <div @click="handleformlevel"> -->
<a-form-item name="tlevelId"> <a-form-item name="tlevelId">
<template v-slot:label> <template v-slot:label>
<img <img style="margin-right:4px;width: 7px;height: 7px"
style="margin-right:4px;width: 7px;height: 7px" src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
讲师级别 讲师级别
</template> </template>
<a-select class="draitem" v-model:value="formParam.tlevelId" placeholder="请选择讲师级别" allowClear disableda <a-select class="draitem" v-model:value="formParam.tlevelId" placeholder="请选择讲师级别" allowClear disableda
@@ -224,16 +224,13 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item name="defaultTeachingTime"> <a-form-item name="defaultTeachingTime">
<template v-slot:label> <template v-slot:label>
<img <img style="margin-right:4px;width: 7px;height: 7px"
style="margin-right:4px;width: 7px;height: 7px" src="@/assets/images/coursewareManage/asterisk.png" alt="" />
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
初始授课时长 初始授课时长
</template> </template>
<a-input v-model:value="formParam.defaultTeachingTime" style="width:100%; height: 40px; border-radius: 8px; " <a-input v-model:value="formParam.defaultTeachingTime"
:maxLength="8" style="width:100%; height: 40px; border-radius: 8px; " :maxLength="8" @change="clearNonNumber"
@change="clearNonNumber" @blur="blurNumber" @focus="focusNumber" placeholder="请输入初始授课时长" allowClear suffix="分钟"> @blur="blurNumber" @focus="focusNumber" placeholder="请输入初始授课时长" allowClear suffix="分钟">
</a-input> </a-input>
<!-- <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime === null">0.00小时</span> <!-- <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime === null">0.00小时</span>
<span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime != null">{{ <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime != null">{{
@@ -255,7 +252,8 @@
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<span class="line" style="margin-bottom:24px;"></span><span style="color:#333333;font-weight: 600;font-size:16px;">其他信息</span> <span class="line" style="margin-bottom:24px;"></span><span
style="color:#333333;font-weight: 600;font-size:16px;">其他信息</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="16"> <a-row :gutter="16">
@@ -300,15 +298,8 @@
</a-row> </a-row>
</a-form> </a-form>
<div> <div>
<a-modal <a-modal v-model:visible="updialog" :footer="null" closable="false" style="margin-top: 400px"
v-model:visible="updialog" @cancel="cancelupdialog" :maskClosable="false" :destroyOnClose="true">
:footer="null"
closable="false"
style="margin-top: 400px"
@cancel="cancelupdialog"
:maskClosable="false"
:destroyOnClose="true"
>
<div class="selectonlineface" style="width: 660px;" :style="{ display: updialog ? 'block' : 'none' }"> <div class="selectonlineface" style="width: 660px;" :style="{ display: updialog ? 'block' : 'none' }">
<div class="bg_headers"></div> <div class="bg_headers"></div>
<div class="bg_main"> <div class="bg_main">
@@ -320,18 +311,16 @@
<a-form style="margin-top:30px ;"> <a-form style="margin-top:30px ;">
<a-form-item style="color: #999999;">注意 :文件支持PDF、PNG、JPG ,文件大小不可超过5MB</a-form-item> <a-form-item style="color: #999999;">注意 :文件支持PDF、PNG、JPG ,文件大小不可超过5MB</a-form-item>
<a-form-item label="上传文件"> <a-form-item label="上传文件">
<UploadDragger :size="5000000" ref="uploadRef" style="width:86%;height:148px;" @change="changeUpload" :accept="accept" <UploadDragger :size="5000000" ref="uploadRef" style="width:86%;height:148px;"
@removeList="removeList" :uploadUrl="uploadUrl" :params="folderId" :loadTrue="formParam.certificationName" /> @change="changeUpload" :accept="accept" @removeList="removeList" :uploadUrl="uploadUrl"
:params="folderId" :loadTrue="formParam.certificationName" />
</a-form-item> </a-form-item>
</a-form> </a-form>
<div class="bg_footer" style="margin-left: 160px;margin-top: 30px"> <div class="bg_footer" style="margin-left: 160px;margin-top: 30px">
<div class="btn btn6" @click="cancelupdialog"> <div class="btn btn6" @click="cancelupdialog">
<div class="btnText">取消</div> <div class="btnText">取消</div>
</div> </div>
<a-button <a-button class="btn btn6" @click="createupdialog">
class="btn btn6"
@click="createupdialog"
>
确定 确定
</a-button> </a-button>
</div> </div>
@@ -989,7 +978,7 @@ export default {
const addTeacher = () => { const addTeacher = () => {
cancel() cancel()
state.teacherdialog = true; state.teacherdialog = true;
state.teacherdialogtitle = '新增讲师' state.teacherdialogtitle = '新增讲师111'
state.formParam.photo = null state.formParam.photo = null
state.formParam.status = '1' state.formParam.status = '1'
state.vf = true state.vf = true
@@ -1361,11 +1350,11 @@ export default {
// }, `project_${new Date().getTime()}.xlsx` ) // }, `project_${new Date().getTime()}.xlsx` )
} }
const lecturerAdmin = (admin) => { const lecturerAdmin = (admin) => {
        const roleCode = userInfo.value.roleList.map((item)=>item.roleCode) const roleCode = userInfo.value.roleList.map((item) => item.roleCode)
        if (admin){ if (admin) {
          return roleCode.some(t => t == admin) return roleCode.some(t => t == admin)
        } }
      } }
return { return {
...toRefs(state), ...toRefs(state),
lecturerAdmin, lecturerAdmin,
@@ -1456,6 +1445,7 @@ export default {
// margin-bottom: 12px; // margin-bottom: 12px;
// height: 40px; // height: 40px;
} }
.headers { .headers {
height: 56px; height: 56px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
@@ -1474,6 +1464,7 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
.selectonlineface { .selectonlineface {
z-index: 999; z-index: 999;
width: 679px; width: 679px;
@@ -1483,24 +1474,26 @@ export default {
left: 50%; left: 50%;
top: -100%; top: -100%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.bg_headers { .bg_headers {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: linear-gradient( background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0.2) 0%, rgba(78, 166, 255, 0) 100%);
rgba(78, 166, 255, 0) 100%
);
} }
.bg_main { .bg_main {
width: 100%; width: 100%;
position: relative; position: relative;
.bg_main_header { .bg_main_header {
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 20px; padding-top: 20px;
padding-left: 26px; padding-left: 26px;
font-size: 16px; font-size: 16px;
.bg_main_header_icon { .bg_main_header_icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
@@ -1508,6 +1501,7 @@ export default {
background-image: url(@/assets/images/evaluation/uploads.png); background-image: url(@/assets/images/evaluation/uploads.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.bg_main_header_close { .bg_main_header_close {
position: absolute; position: absolute;
right: 42px; right: 42px;
@@ -1518,9 +1512,11 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.text_color { .text_color {
color: #d9d9d9; color: #d9d9d9;
} }
.bg_body { .bg_body {
width: 80%; width: 80%;
margin: 3px auto; margin: 3px auto;
@@ -1536,6 +1532,7 @@ export default {
display: flex; display: flex;
justify-content: end; justify-content: end;
margin-right: 20px; margin-right: 20px;
.bg_body_btimg { .bg_body_btimg {
width: 10px; width: 10px;
height: 10px; height: 10px;
@@ -1544,15 +1541,21 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.mbl_items12 { .mbl_items12 {
width: 333px; width: 333px;
margin-left: 128px; margin-left: 128px;
.item_text { .item_text {
width: 300px; width: 300px;
white-space: nowrap; /* 不换行 */ white-space: nowrap;
overflow: hidden; /* 超出部分隐藏 */ /* 不换行 */
text-overflow: ellipsis; /* 使用省略号表示被隐藏的部分 */ overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 使用省略号表示被隐藏的部分 */
} }
.i12_box1 { .i12_box1 {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -1614,6 +1617,7 @@ export default {
background-color: #4ea6ff; background-color: #4ea6ff;
border-radius: 3px; border-radius: 3px;
} }
.updataxq1 { .updataxq1 {
margin-top: 7px; margin-top: 7px;
} }
@@ -1653,21 +1657,26 @@ export default {
} }
} }
} }
.bg_body_input { .bg_body_input {
flex: 1; flex: 1;
position: relative; position: relative;
.ant-upload-picture-card-wrapper { .ant-upload-picture-card-wrapper {
width: 200px; width: 200px;
margin-right: 18px; margin-right: 18px;
} }
.i_upload_img { .i_upload_img {
width: 200px; width: 200px;
height: 112px; height: 112px;
} }
::v-deep .ant-upload.ant-upload-select-picture-card { ::v-deep .ant-upload.ant-upload-select-picture-card {
width: 90px; width: 90px;
height: 90px; height: 90px;
} }
.i_upload { .i_upload {
width: 200px; width: 200px;
height: 112px; height: 112px;
@@ -1695,6 +1704,7 @@ export default {
} }
} }
} }
.upload_box { .upload_box {
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
padding: 2px 5px; padding: 2px 5px;
@@ -1702,6 +1712,7 @@ export default {
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
} }
.error-message { .error-message {
color: red; color: red;
font-size: 11px; font-size: 11px;
@@ -1709,6 +1720,7 @@ export default {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.bg_footer { .bg_footer {
width: 100%; width: 100%;
margin-left: 174px; margin-left: 174px;
@@ -1744,12 +1756,14 @@ export default {
background-color: #4ea6ff; background-color: #4ea6ff;
color: #ffffff; color: #ffffff;
} }
.btndesign { .btndesign {
background-color: #eff4fc; background-color: #eff4fc;
color: #ffffff; color: #ffffff;
} }
} }
} }
.headers { .headers {
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
@@ -1757,15 +1771,19 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
.btn { .btn {
display: flex; display: flex;
} }
.headers_item { .headers_item {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.headers_item_text { .headers_item_text {
margin-right: 15px; margin-right: 15px;
} }
.headers_item_btn { .headers_item_btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
@@ -1791,6 +1809,7 @@ export default {
margin-left: 5px; margin-left: 5px;
} }
} }
.btn1 { .btn1 {
.search { .search {
width: 15px; width: 15px;
@@ -1798,6 +1817,7 @@ export default {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
} }
} }
.btn2 { .btn2 {
.search { .search {
width: 16px; width: 16px;
@@ -1805,18 +1825,22 @@ export default {
background-image: url("../../assets/images/courseManage/reset0.png"); background-image: url("../../assets/images/courseManage/reset0.png");
} }
} }
::v-deep .ant-select { ::v-deep .ant-select {
border-radius: 5px; border-radius: 5px;
width: 100%; width: 100%;
height: 40px; height: 40px;
.ant-select-selector { .ant-select-selector {
border-radius: 8px; border-radius: 8px;
width: 100%; width: 100%;
height: 40px; height: 40px;
} }
.ant-select-selection-placeholder { .ant-select-selection-placeholder {
line-height: 40px; line-height: 40px;
} }
.ant-select-selection-item { .ant-select-selection-item {
line-height: 40px; line-height: 40px;
} }
@@ -1825,6 +1849,7 @@ export default {
} }
} }
} }
::v-deep .ant-upload.ant-upload-select-picture-card { ::v-deep .ant-upload.ant-upload-select-picture-card {
border-radius: 50% !important; border-radius: 50% !important;
width: 90px; width: 90px;
@@ -1840,12 +1865,14 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.text { .text {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
margin-top: -4px; margin-top: -4px;
} }
} }
.add_list { .add_list {
width: 136%; width: 136%;
margin-right: 20px; margin-right: 20px;
@@ -1853,6 +1880,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
// overflow: auto; // overflow: auto;
.add_item { .add_item {
padding: 5px 15px; padding: 5px 15px;
@@ -1870,6 +1898,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
font-size: 12px; font-size: 12px;
} }
.add_content { .add_content {
width: 30px; width: 30px;
height: 30px; height: 30px;
@@ -1880,6 +1909,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-left: 10px; margin-left: 10px;
.text { .text {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
@@ -1887,6 +1917,7 @@ export default {
} }
} }
} }
//导出按钮icon //导出按钮icon
.daochu { .daochu {
width: 16px; width: 16px;
@@ -2091,6 +2122,7 @@ export default {
margin-right: 14px; margin-right: 14px;
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
.search { .search {
width: 15px; width: 15px;
height: 16px; height: 16px;
@@ -2208,24 +2240,30 @@ export default {
::v-deep .ant-modal-close { ::v-deep .ant-modal-close {
display: none; display: none;
} }
.tableBox { .tableBox {
padding-bottom: 20px; padding-bottom: 20px;
margin: 20px 38px 30px; margin: 20px 38px 30px;
::v-deep .ant-select-dropdown { ::v-deep .ant-select-dropdown {
display: inline-block; display: inline-block;
} }
::v-deep .ant-select-selection-item { ::v-deep .ant-select-selection-item {
margin-left: 3px; margin-left: 3px;
} }
::v-deep .ant-pagination-options-size-changer.ant-select { ::v-deep .ant-pagination-options-size-changer.ant-select {
width: 84px; width: 84px;
} }
.pa { .pa {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: right; justify-content: right;
} }
} }
.item_inp .i_upload_img[data-v-6b882d01] { .item_inp .i_upload_img[data-v-6b882d01] {
border-radius: 50% border-radius: 50%
} }

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

@@ -48,6 +48,7 @@
::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%;
@@ -321,4 +322,3 @@
} }
} }
</style> </style>