讲师管理bug

This commit is contained in:
zhangsir
2024-12-01 19:57:37 +08:00
parent f58e7ab78c
commit 9b4238ce87
4 changed files with 28 additions and 23 deletions

View File

@@ -1,12 +1,13 @@
<template> <template>
<a-drawer <a-drawer
:visible="visible" :visible="visible"
class="drawerStyle RouterFaceStus" :closable="false"
class="RouterFaceStus"
placement="right" placement="right"
width="80%" width="70%"
> >
<div class="drawerMains"> <div class="drawerMains">
<div class="headers"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle">{{ name }}</div> <div class="headerTitle">{{ name }}</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
@@ -247,7 +248,7 @@ const queryDrawer = () => {
.RouterFaceStus { .RouterFaceStus {
.drawerMains { .drawerMains {
min-width: 600px; min-width: 600px;
margin: 0px 32px 0px 32px; // margin: 0px 32px 0px 32px;
overflow-x: auto; overflow-x: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1,13 +1,14 @@
<template> <template>
<a-drawer <a-drawer
:visible="visible" :visible="visible"
class="drawerStyle RouterFaceStus" :closable="false"
class="RouterFaceStus"
placement="right" placement="right"
width="60%" width="64%"
:zIndex="1001" :zIndex="1001"
> >
<div class="drawerMains"> <div class="drawerMains">
<div class="headers"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle">{{ name }}</div> <div class="headerTitle">{{ name }}</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
@@ -523,7 +524,7 @@ const config = () => {
.RouterFaceStus { .RouterFaceStus {
.drawerMains { .drawerMains {
min-width: 600px; min-width: 600px;
margin: 0px 32px 0px 32px; // margin: 0px 32px 0px 32px;
overflow-x: auto; overflow-x: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -64,7 +64,7 @@
</div> </div>
<!-- 弹窗组件 --> <!-- 弹窗组件 -->
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" <a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
width="40%" :title="false"> width="700px" :title="false">
<div class="headers" style="margin-top:-24px;"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle">{{ teacherdialogtitle }}</div> <div class="headerTitle">{{ teacherdialogtitle }}</div>
<img <img
@@ -73,11 +73,11 @@
@click="cancelTeacherDialog" @click="cancelTeacherDialog"
/> />
</div> </div>
<a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef" > <a-form style="padding-left:12px;padding-right: 46px;" :model="formParam" :rules="rules" layout="vertical" ref="formRef" >
<!-- 基本信息 --> <!-- 基本信息 -->
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<span class="line"></span><span>基本信息</span> <span class="line"></span><span style="font-weight: 600;">基本信息</span>
</a-col> </a-col>
<!-- 头像 --> <!-- 头像 -->
</a-row> </a-row>
@@ -150,8 +150,8 @@
</a-row> </a-row>
<!-- 其他信息 --> <!-- 其他信息 -->
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24" style="margin-bottom: 15px;">
<span class="line"></span><span>其他信息</span> <span class="line"></span><span style="font-weight: 600;">其他信息</span>
</a-col> </a-col>
</a-row> </a-row>
<!-- 讲师介绍 --> <!-- 讲师介绍 -->
@@ -828,9 +828,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::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;
height: 90px;
} }
.headers { .headers {
height: 73px; height: 56px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1114,7 +1116,8 @@ export default {
//小竖线 //小竖线
.line{ .line{
float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px; float:left; width: 3px; height: 17px; background: #4ea6ff;border-radius: 30%; margin-top: 3px;
margin-left: -8px;
} }
//抽屉功能 //抽屉功能
.drawaer .drawaer
@@ -1147,8 +1150,8 @@ export default {
flex: 1; flex: 1;
text-align: center ; text-align: center ;
.i_upload_img { .i_upload_img {
width: 100px; width: 84px;
height: 100px; height: 84px;
border-radius: 8px; border-radius: 8px;
} }

View File

@@ -78,12 +78,12 @@
<template v-if="column.key === 'orgName'"> <template v-if="column.key === 'orgName'">
<a-space style="display:flex ;justify-content: space-around; "> <a-space style="display:flex ;justify-content: space-around; ">
<a-popover> <!-- <a-popover>
<template #content> <template #content>
<p>{{ record.orgName}}</p> <p>{{ record.orgName}}</p>
</template> </template> -->
<span>{{ record.neworganizationName }}</span> <span :title="record.orgName">{{ record.neworganizationName }}</span>
</a-popover> <!-- </a-popover> -->
</a-space> </a-space>
</template> </template>
<template v-if="column.key === 'operation'"> <template v-if="column.key === 'operation'">
@@ -114,7 +114,7 @@
</div> </div>
<!-- 弹窗组件 --> <!-- 弹窗组件 -->
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" <a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
width="800" :title="false"> width="700" :title="false">
<div class="headers" style="margin-top:-24px;"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div> <div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div>
<img <img
@@ -123,7 +123,7 @@
@click="cancelTeacherDialog" @click="cancelTeacherDialog"
/> />
</div> </div>
<div ref="drawerContent" style="padding-left: 15px;padding-right: 158px;"> <div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;">
<a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef"> <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">