mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-24 10:12:54 +08:00
讲师列表页面调整
This commit is contained in:
wangxuemei
@@ -69,112 +69,112 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-modal :visible="teacherdialog" @ok="closeModal2" :footer="null" :closable="false"
|
||||
wrapClassName="CreatePath" >
|
||||
<div class="out">
|
||||
<div class="top">
|
||||
<div class="topc">{{teacherdialogtitle }}</div>
|
||||
<div @click="cancelTeacherDialog" style="margin-left: 650px; cursor: pointer">
|
||||
<img
|
||||
style="width: 20px; height: 20px"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-bottom: 15px;">
|
||||
<div class="headerLeft" style="margin-left: 33px">
|
||||
<a-button @click="particulars" v-if="teacherdialog1 == 1">个人详情</a-button>
|
||||
<a-button @click="teacherrecords" v-if="teacherdialog1 == 1">授课记录</a-button>
|
||||
</div>
|
||||
<!-- 个人详情 -->
|
||||
<div style=" margin-left: 33px; margin-right: 33px; margin-bottom: 33px;"
|
||||
v-show="tagsshow == 1">
|
||||
<div class="ExternalLecturer">
|
||||
<div class="filter">
|
||||
<div class="filterItems">
|
||||
<!-- <div class="select">
|
||||
<span style="display:inline-block ;width:100px ;text-align:center ">头像 :</span>
|
||||
|
||||
</div> -->
|
||||
<div class="select">
|
||||
<div style="display:inline-block ;width:5px ;text-align:center ">
|
||||
<img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
</div>
|
||||
<!-- v-model:value="searchParam.name" -->
|
||||
<span style="display:inline-block ;width:80px ;text-align:center ">讲师姓名 :</span>
|
||||
<a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
|
||||
placeholder="请输入讲师姓名" allowClear showSearch>
|
||||
</a-input>
|
||||
<span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
|
||||
</div>
|
||||
<div class="select">
|
||||
<div style="display:inline-block ;width:5px ;text-align:center ">
|
||||
<img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
</div>
|
||||
<span style="display:inline-block ;width:80px ;text-align:center ">手机号码 :</span>
|
||||
<a-input v-if="teacherdialog1 == 0" v-model:value="formParam.mobile" style="width:200px; height: 40px; "
|
||||
placeholder="请输入11位手机号码" allowClear showSearch>
|
||||
</a-input>
|
||||
<span v-if="teacherdialog1 == 1" class=display1>{{ formParam.mobile }}</span>
|
||||
</div>
|
||||
<div class="select">
|
||||
<div style="display:inline-block ;width:5px ;text-align:center ">
|
||||
<img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
</div>
|
||||
<span style="display:inline-block ;width:80px ;text-align:center ">邮箱:</span>
|
||||
<a-input v-if="teacherdialog1 == 0" v-model:value="formParam.email" style="width:200px; height: 40px;"
|
||||
placeholder="" allowClear showSearch>
|
||||
</a-input>
|
||||
<span v-if="teacherdialog1 == 1" class=display1>{{ formParam.email }}</span>
|
||||
</div>
|
||||
<div class="select">
|
||||
<!-- <Editor/> -->
|
||||
<div class="select">
|
||||
<span style="display:inline-block ;width:80px ; text-align:center ">讲师介绍 :</span>
|
||||
</div>
|
||||
<Editor v-if="teacherdialog1 == 0" v-model="formParam.description"
|
||||
style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
|
||||
<span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.description
|
||||
}}</span>
|
||||
</div>
|
||||
|
||||
<!-- 备注 -->
|
||||
<div style="width: 834px;height: 1px;"></div>
|
||||
<span style="display:inline-block ;width:115px ;text-align:center ">备注 :</span>
|
||||
<a-textarea v-if="teacherdialog1 == 0"
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
|
||||
width="60%" :title="teacherdialogtitle">
|
||||
<a-form :model="formParam" :rules="rules" layout="vertical">
|
||||
<!-- 基本信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span>基本信息</span>
|
||||
</a-col>
|
||||
<!-- 头像 -->
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="avatar"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
||||
:before-upload="beforeUpload"
|
||||
@change="handleChange"
|
||||
/>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师名称 ,手机号码-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="讲师名称" name="name">
|
||||
<a-tree-select v-model:value="formParam.name" tree-data-simple-mode style=" width:276px ;"
|
||||
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="手机号码" name="mobile">
|
||||
<a-input v-model:value="formParam.mobile" style="width:276px; height: 40px; "
|
||||
placeholder="请输入手机号码" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 供应商 ,邮箱-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="供应商" name="levelId">
|
||||
<a-input v-model:value="formParam.userNo" style="width:276px; height: 40px; "
|
||||
placeholder="请输入供应商" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="讲师邮箱" name="email">
|
||||
<a-input v-model:value="formParam.email" style="width:276px; height: 40px; "
|
||||
placeholder="请输入讲师邮箱" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<!-- 其他信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span>其他信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师介绍 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师介绍">
|
||||
<Editor v-model="formParam.description "/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注">
|
||||
<a-textarea v-if="teacherdialog1 == 0"
|
||||
v-model:value="formParam.remark"
|
||||
showCount
|
||||
:maxlength="200"
|
||||
style="width: 500px; height: 100px; border-radius: 8px"
|
||||
style="width: 100%; height: 100px; border-radius: 8px"
|
||||
placeholder="请输入"/>
|
||||
<span v-if="teacherdialog1 == 1" class=display1>{{ formParam.remark }}</span>
|
||||
|
||||
<div class="del_btnbox" v-if="teacherdialog1 == 0">
|
||||
<a-button class="del_btn btn1" @click="cancelTeacherDialog" style="margin-right: 32px;">取消</a-button>
|
||||
<a-button class="del_btn btn2" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 授课记录 -->
|
||||
<div class="ExternalLecturer" v-show="tagsshow == 2" style="margin">
|
||||
<div style="padding: 33px">
|
||||
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
|
||||
:columns="teacherrecordsColumns" :data-source="teacherrecordstableData" :loading="teacherrecordsLoading"
|
||||
@expand="expandTable" :pagination="false">
|
||||
<template #bodyCell="{ record, column }">
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
<a-pagination v-if="teacherrecordstableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true"
|
||||
:pageSize="pageSize" v-model:current="searchParam.pageNo" :total="teacherrecordstableDataTotal"
|
||||
class="pagination" @change="teacherchangePagination" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 交互按钮 -->
|
||||
<div
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
} "
|
||||
>
|
||||
<a-button style="margin-right: 8px" @click="cancelTeacherDialog" >取消</a-button>
|
||||
<a-button type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
|
||||
<!-- 删除功能弹窗 -->
|
||||
<div>
|
||||
<a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
|
||||
@@ -1217,4 +1217,8 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
//小竖线
|
||||
.line{
|
||||
float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user