hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-19 15:56:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

整体细节调整

Browse Source
This commit is contained in:
wangxuemei
2024-09-20 17:12:41 +08:00
parent a23ed4275f
commit 17e75a106f
11 changed files with 533 additions and 489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,11 +15,14 @@
:options="LecturerSystemList" @change="changetlevel">
</a-select>
</a-form-item>
<a-form-item class="select">
<!-- <div @click="handlesearchlevel"> -->
<a-form-item class="select" >
<a-select style="width: 276px" v-model:value="searchParam.levelId" placeholder="请选择讲师级别" allowClear
:options="getLevelList" :disabled="getLevelList.length !== 0 ? false : true">
:options="getLevelList" >
<!-- :disabled="getLevelList.length !== 0 ? false : true" 禁用状态 -->
</a-select>
</a-form-item>
<!-- </div> -->
<div style="display: flex; margin-bottom: 20px">
<a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
<!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
@@ -109,7 +112,7 @@
</div>
<!-- 弹窗组件 -->
<a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
width="60%" :title="teacherdialogtitle">
width="40%" :title="teacherdialogtitle">
<a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
<a-row>
<a-col :span="24">
@@ -119,11 +122,9 @@
<a-row :gutter="16">
<a-col :span="24">
<div class="item_inp" style="background-color: #fff;">
<a-tooltip>
<template #title>修改头像</template>
<a-upload 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" />
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
<div class="i_upload" v-else>
<div class="addimg">
<div class="heng"></div>
@@ -131,7 +132,6 @@
</div>
</div>
</a-upload>
</a-tooltip>
<div class="i_bottom">
<div class="tip" style="margin-bottom: 10px;">
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png 图片最大为500KB</span>
@@ -141,20 +141,13 @@
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-col :span="24">
<a-form-item label="讲师名称" name="name">
<!-- <ProjectManager v-model:value="formParam.userNo"
v-model:name="formParam.name"
placeholder="请输入工号/讲师姓名进行检索"
@onChange="managerChange" mode="multiple"></ProjectManager> -->
<SearchTeacher v-model:value="formParam.name" v-model:lable="formParam.orgName"
v-model:newlable="formParam.neworgName"></SearchTeacher>
<!-- <a-tree-select v-model:value="formParam.name"
show-search allow-clear tree-data-simple-mode class="draitem"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" /> -->
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :span="24">
<a-form-item label="讲师组织" name="orgName">
<a-popover>
<template #content>
@@ -168,26 +161,24 @@
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-col :span="24">
<a-form-item label="讲师体系" name="systemId">
<a-select class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系" allowClear
@change="changetlevel" :options="LecturerSystemList">
</a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :span="24">
<div @click="handleformlevel">
<a-form-item label="讲师级别" name="levelId">
<div @click="handlesel">
<a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别" allowClear
:disabled="getLevelList.length !== 0 ? false : true" :options="getLevelList">
</a-select>
</div>
</a-form-item>
</div>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-col :span="24">
<a-form-item label="初始授课时长" name="defaultteachingTime">
<a-input v-model:value="formParam.defaultteachingTime" style="width:80%; height: 40px; border-radius: 8px; "
@blur="clearNonNumber" placeholder="0" allowClear showSearch suffix="分钟">
@@ -196,7 +187,7 @@
(formParam.defaultteachingTime / 60).toFixed(2) }}小时</span>
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :span="24">
<a-form-item label="认证状态" name="certStatus">
<a-radio-group v-model:value="formParam.certStatus" class="draitem">
<a-radio :value="0">未认证</a-radio>
@@ -236,10 +227,10 @@
</a-col>
</a-row>
<a-row :gutter="50" style="margin-bottom: 50px;">
<a-col :span="2">
<a-col :span="4">
<a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag>
</a-col>
<a-col :span="20">
<a-col :span="18">
<div class="add_content" @click="addContentData">+</div>
</a-col>
</a-row>
@@ -293,180 +284,6 @@
</div>
</a-drawer>
<!-- 弹窗组件 2 -->
<!-- <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
width="40%" :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">
<div class="item_inp" style="background-color: #fff; position: relative; ">
<div style="position: absolute; top:30%; left:45%;color: deepskyblue; ">更换头像</div>
<a-upload 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" />
<div class="i_upload" v-else>
<div class="addimg">
<div class="heng"></div>
<div class="shu"></div>
</div>
</div>
</a-upload>
<div class="i_bottom">
<div class="tip" style="margin-bottom: 10px;">
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png 图片最大为2MB</span>
</div>
</div>
</div>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-form-item label="讲师名称" name="name">
<ProjectManager v-model:value="formParam.userNo" v-model:name="formParam.name" placeholder="请输入工号/讲师姓名进行检索"
@onChange="managerChange" mode="multiple"></ProjectManager>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="讲师组织" name="orgName">
<a-popover title="讲师组织">
<template #content>
{{ formParam.orgName }}
</template>
<a-input disabled v-model:value="formParam.neworgName" class="draitem"
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
</a-input>
</a-popover>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-form-item label="讲师体系" name="systemId">
<a-select class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系" allowClear
@change="changetlevel" :options="LecturerSystemList">
</a-select>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="讲师级别" name="levelId">
<a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别" allowClear
:disabled="getLevelList.length !== 0 ? false : true" :options="getLevelList">
</a-select>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-form-item label="初始授课时长" name="defaultteachingTime">
<a-input v-model:value="formParam.defaultteachingTime" style="width:80%; height: 40px; border-radius: 8px; "
@blur="clearNonNumber" placeholder="0" allowClear showSearch suffix="分钟">
</a-input>
<span style="margin-left: 5px ;" v-if="formParam.defaultteachingTime != null">{{
(formParam.defaultteachingTime / 60).toFixed(2) }}小时</span>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="认证状态" name="certStatus">
<a-radio-group v-model:value="formParam.certStatus" class="draitem">
<a-radio :value="0">未认证</a-radio>
<a-radio :value="1">已认证</a-radio>
<span>
<a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
@click="handleupdialog">上传凭证</a-button>
</span>
</a-radio-group>
</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:value="formParam.description" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-form-item label="工作经历">
<Editor v-model:value="formParam.workExperience" :isupload="isupload" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-form-item label="擅长课程">
<Editor v-model:value="formParam.courses" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="50" style="margin-bottom: 50px;">
<a-col :span="3">
<a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag>
</a-col>
<a-col :span="15">
<div class="add_content" @click="addContentData">+</div>
</a-col>
</a-row>
</a-form>
<div>
<a-modal v-model:visible="updialog" :footer="null" closable="CopyModal" centered="true">
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
<span>导入</span>
</div>
<a-form style="margin-left:20px; margin-top:10px ;padding-left:50px">
<a-form-item style="color: #999999;">注意 :文件仅支持PDF格式 ,文件大小不可超过500KB</a-form-item>
<a-form-item label="上传文件">
<a-upload multiple :headers="headers" :show-upload-list="false" :before-upload="beforeUpload2">
<a-button type="primary">上传导入文件</a-button>
</a-upload>
</a-form-item>
<a-form-item style="color: #999999;" v-for="(item, index) in filesList">{{ item.name }}</a-form-item>
<span></span>
</a-form>
<div class="del_btnbox">
<div class="del_btn btn2" @click="cancelupdialog" style="margin-right: 32px">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2" @click="createupdialog">
<div class="btnText">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
</div>
<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 class="drabtn" @click="cancelTeacherDialog">取消</a-button>
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
</a-button>
</div>
</a-drawer> -->
<!-- 删除功能弹窗 -->
<div>
<a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="closableQR" centered="true">
@@ -703,7 +520,9 @@ export default {
state.updialog = false
}
const LecturerSystemList = ref([
// { value: 0, systemName: "讲师体系" },
{ value: null, label: "讲师体系" },
{ value: 1, label: "未定级" },
{ value:2, label: "未定级11" },
]);
//获取讲师体系列表
const LecturerSystemLista = () => {
@@ -762,7 +581,8 @@ export default {
LecturerSystemLista()
//获取内部讲师级别
const getLevelList = ref([
// { value: 0, label: "未定级" },
{ value: 0, label: "未定级" },
{ value: 1, label: "未定级11" },
])
const changetlevel = (val) => {
console.log("讲师体系id" + val);
@@ -836,17 +656,17 @@ export default {
}
const columns = ref([
{
title: '讲师姓名 ',
dataIndex: 'name',
key: 'name',
title: '讲师工号 ',
dataIndex: 'userNo',
key: 'userNo',
elipsis: true,
align: "center",
width: 120,
},
{
title: '讲师工号 ',
dataIndex: 'userNo',
key: 'userNo',
title: '讲师姓名 ',
dataIndex: 'name',
key: 'name',
elipsis: true,
align: "center",
width: 120,
@@ -946,6 +766,25 @@ export default {
)
}
},
{
title: '录入方式 ',
dataIndex: 'entryType',
key: 'entryType',
elipsis: true, align: "center",
width: 120,
customRender: (value) => {
return (
<div>
{value.record.entryType == 0 || value.record.entryType == 1
? {
"0": "系统生成",
"1": "手动录入",
}[value.record.entryType + ""] || ""
: "-"}
</div>
)
}
},
{
title: '操作 ',
dataIndex: 'operation',
@@ -1259,10 +1098,16 @@ export default {
// const customPreview =(e)=>{
// e.stopPropagation()
// }
const handlesel = () => {
console.log('请下选择讲师体系')
// const handlesearchlevel = () => {
// console.log('请先选择讲师体系')
// if (state.searchParam.systemId == undefined) {
// message.warning('请先选择讲师体系')
// }
// }
const handleformlevel = () => {
console.log('请先选择讲师体系')
if (state.formParam.systemId == undefined) {
message.warning('请下选择讲师体系')
message.warning('请先选择讲师体系')
}
}
//导出功能
@@ -1285,7 +1130,8 @@ export default {
rules,
rule,
formRef,
handlesel,
// handlesearchlevel,
handleformlevel,
// customPreview,
clearNonNumber,
// managerChange,