hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 16:26:45 +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>
<a-drawer class="largeDrawerInside" :visible="visible" placement="right" :closable="false"
width="80%" :title="false" @close="handleClose">
<a-drawer class="largeDrawerInside" :visible="visible" placement="right" :closable="false" width="80%" :title="false"
@close="handleClose">
<!-- 内部讲师查看详情 -->
<div class="LookInsideLecturer">
<div class="header" style="margin-top: -24px;margin-left: -24px;">
<div class="headerTitle">查看讲师</div>
<!-- <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }"> -->
<img
@click="handleClose"
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
/>
<img @click="handleClose" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" />
<!-- </router-link> -->
</div>
<a-layout-content>
@@ -22,8 +19,12 @@
<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="讲师姓名">
<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 ? '已认证' : '-' }}
@@ -32,13 +33,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 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 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>
@@ -48,19 +53,23 @@
<a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
<!-- 一层 -->
<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>
</a-descriptions-item>
<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>
</a-descriptions-item>
<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>
</a-descriptions-item>
<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>
</a-descriptions-item>
</a-descriptions>
@@ -69,42 +78,26 @@
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="授课记录">
<a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
:data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }" :pagination="pagination">
:data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }"
:pagination="pagination">
</a-table>
<div style="float: right;">
<a-pagination
v-if="tableDataTotal > 10"
:showSizeChanger="true"
:showQuickJumper="false"
:hideOnSinglePage="false"
:pageSize="searchParam.pageSize"
:current="searchParam.pageNo"
:total="tableDataTotal"
class="pagination"
@change="changePagination"
/>
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
:hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo"
:total="tableDataTotal" class="pagination" @change="changePagination" />
</div>
</a-tab-pane>
<a-tab-pane key="2" tab="晋级记录">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
:data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
:columns="promotionrecordsColumns" :data-source="promotionrecordstableData"
:loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
<template #bodyCell="{ record, column, index }">
</template>
</a-table>
<div style="float: right;">
<a-pagination
v-if="teacherrepromotableDataTotal > 10"
:showSizeChanger="true"
:showQuickJumper="false"
:hideOnSinglePage="true"
:pageSize="teacherrepromo.pageSize"
:current="teacherrepromo.pageNo"
:total="teacherrepromotableDataTotal"
class="pagination"
@change="teacherrepromoPagination"
/>
<a-pagination v-if="teacherrepromotableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
:hideOnSinglePage="true" :pageSize="teacherrepromo.pageSize" :current="teacherrepromo.pageNo"
:total="teacherrepromotableDataTotal" class="pagination" @change="teacherrepromoPagination" />
</div>
</a-tab-pane>
</a-tabs>
@@ -478,6 +471,7 @@ window.open (
<style lang="scss" scoped>
.LookInsideLecturer {
padding: 24px;
.header {
padding: 0px 32px;
height: 73px;
@@ -497,6 +491,7 @@ padding:24px;
// margin-left: 24px;
}
}
width: 100%;
height: 100%;
display: flex;
@@ -509,12 +504,14 @@ flex-direction: column;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.select {
margin-right: 20px;
margin-bottom: 20px;
}
}
}
.backbtn {
float: right;
margin-right: 20px;
@@ -523,6 +520,7 @@ color: #4ea6ff;
width: 80px;
height: 64px
}
//小竖线
.line {
float: left;
@@ -533,9 +531,11 @@ border-radius: 30%;
margin-left: -10px;
margin-top: 5px;
}
::v-deep .ant-descriptions-header {
margin-bottom: 18px;
}
.goback {
float: right;
padding-right: 70px;
@@ -559,6 +559,7 @@ margin-top: 5px;
font-size: 14px;
}
}
.moreidbtn {
border: none;
color: #4ea6ff;
@@ -572,18 +573,23 @@ margin-top: -2px;
::v-deep .ant-select-multiple .ant-select-selection-item {
height: 34px
}
.tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown {
display: inline-block;
}
::v-deep .ant-select-selection-item {
margin-left: 3px;
}
::v-deep .ant-pagination-options-size-changer.ant-select {
width: 84px;
}
.pa {
width: 100%;
display: flex;

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

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

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

@@ -48,6 +48,7 @@
::v-deep .ant-tabs-tab {
font-weight: 600;
}
.LecturerList {
width: 100%;
height: 100%;
@@ -321,4 +322,3 @@
}
}
</style>