mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 13:56:45 +08:00
讲师管理bug
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user