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

修改授课回显调整

Browse Source
This commit is contained in:
wangxuemei
2024-10-31 17:20:08 +08:00
parent 3778c721cc
commit b83bd6904e
6 changed files with 268 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/project/ProjectManagerOutTeacher.vue
View File

@@ -60,7 +60,7 @@ function debounce(func, wait) {
timeout = setTimeout(() => func.apply(this, args), wait); timeout = setTimeout(() => func.apply(this, args), wait);
}; };
} }
const memberParam = ref({teacherNameOrUserNo: '', pageNo:1, pageSize: 20}) const memberParam = ref({name: '', pageNo:1, pageSize: 999,teacherType:2})
const userList = ref([]) const userList = ref([])
const loading = ref(false) const loading = ref(false)
@@ -73,7 +73,8 @@ const getOutTeacher = () => {
}) })
} }
const options = computed(() => userList.value.map(e => ({ const options = computed(() => userList.value.map(e => ({
label: e.name + '(' + e.userNo + ')' + e.organizationName, // label: e.name + '(' + e.userNo + ')' + e.organizationName,
label:e.name,
value: e.name, value: e.name,
...e, ...e,
audienceList: null audienceList: null
@@ -106,19 +107,22 @@ const searchMember = (keyword) => {
isOpen.value = true isOpen.value = true
userList.value = [] userList.value = []
memberParam.value.pageNo = 1 memberParam.value.pageNo = 1
memberParam.value.teacherNameOrUserNo = keyword memberParam.value.teacherType=2
memberParam.value.name = keyword
console.log('searchMember', memberParam.value) console.log('searchMember', memberParam.value)
debounceObject() debounceObject()
}; };
function blur() { function blur() {
isOpen.value = false isOpen.value = false
memberParam.value.teacherNameOrUserNo = '' memberParam.value.name = ''
memberParam.value.pageNo = 1 memberParam.value.pageNo = 1
memberParam.value.teacherType=2
} }
function change(e, l) { function change(e, l) {
memberParam.value.teacherNameOrUserNo = '' memberParam.value.name = ''
memberParam.value.teacherType=2
memberParam.value.pageNo = 1 memberParam.value.pageNo = 1
isOpen.value = false isOpen.value = false
Array.isArray(l) && (selectOptions.value = l) Array.isArray(l) && (selectOptions.value = l)

76
src/views/lecturer/ExternalLecturer.vue
View File

@@ -76,19 +76,19 @@
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :span="24"> <a-col :span="24">
<div class="item_inp" style="background-color: #fff;"> <div class="item_inp" style="background-color: #fff;">
<a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" <a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
:headers="headers" :before-upload="beforeUpload" > :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-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
<div class="i_upload" v-else> <div class="i_upload" v-else>
<div class="addimg"> <div class="addimg">
<div class="heng"></div> <div class="heng"></div>
<div class="shu"></div> <div class="shu"></div>
</div> </div>
</div> </div>
</a-upload> </a-upload>
<div class="i_bottom"> <div class="i_bottom">
<div class="tip" style="margin-bottom: 10px;"> <div class="tip" style="margin-bottom: 10px;">
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png 图片最大为500KB</span> <span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
</div> </div>
</div> </div>
</div> </div>
@@ -312,38 +312,37 @@ export default {
const headers = { token: getCookieForName("token") }; const headers = { token: getCookieForName("token") };
const beforeUpload = (file) => { const beforeUpload = (file) => {
const isJpgOrPng = const isJpgOrPng =
file.type === "image/jpg" || file.type === "image/jpg" ||
file.type === "image/jpeg" || file.type === "image/jpeg" ||
file.type === "image/png" || file.type === "image/png" ||
file.type === "image/svg" || file.type === "image/bmp" ||
file.type === "image/bmp" || file.type === "image/gif";
file.type === "image/gif"; if (!isJpgOrPng) {
if (!isJpgOrPng) { message.error("仅支持jpg、gif、png、jpeg、bmp格式!");
message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!"); return false;
return false; }
} let isLt1M = file.size < 500000;
let isLt1M = file.size < 500000;
console.log(file.size, isLt1M) console.log(file.size, isLt1M)
if (!isLt1M) { if (!isLt1M) {
message.error("图片不能超过500KB! 请重新上传"); message.error("图片不能超过500KB! 请重新上传");
return false; return false;
} }
const formDatas = new FormData(); const formDatas = new FormData();
formDatas.append("file", file); formDatas.append("file", file);
fileUp(formDatas).then((res) => { console.log("file", file)
if (res.data.code === 200) { fileUp(formDatas).then((res) => {
console.log(res.data.data, 45); if (res.data.code === 200) {
state.formParam.photo= process.env.VUE_APP_FILE_PATH + res.data.data; console.log(res.data.data, 45);
state.formParam.photo = process.env.VUE_APP_FILE_PATH + res.data.data;
// state.hasImgName = file.name; // state.hasImgName = file.name;
// emit("src", { id: '', src: res.data.data }); // emit("src", { id: '', src: res.data.data });
} }
}); });
return false; return false;
}; };
const AccountStatusList = ref([ const AccountStatusList = ref([
{ value: '', label: "全部" }, { value: '', label: "全部" },
{ value: 1, label: "启用" }, { value: 1, label: "启用" },
@@ -649,16 +648,16 @@ export default {
const sendPhone=()=>{ const sendPhone=()=>{
console.log(state.formParam.mobile) console.log(state.formParam.mobile)
const reg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/; const reg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/;
if (!state.formParam.mobile) { // if (!state.formParam.mobile) {
} else if (!reg.test(state.formParam.mobile)) { // } else if (!reg.test(state.formParam.mobile)) {
message.warning( '手机号格式不正确') // message.warning( '手机号格式不正确')
} // }
} }
const sendEmail=()=>{ const sendEmail=()=>{
const reg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.\w{2,}$/; const reg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.\w{2,}$/;
if (!reg.test(state.formParam.email)) { // if (!reg.test(state.formParam.email)) {
message.warning( '邮箱格式不正确') // message.warning( '邮箱格式不正确')
} // }
} }
// getpromotionrecordstableData() // getpromotionrecordstableData()
//导出功能 //导出功能
@@ -1088,4 +1087,7 @@ display: flex;
justify-content: right; justify-content: right;
} }
} }
.item_inp .i_upload_img[data-v-e369ffe0] {
border-radius:50%
}
</style> </style>

426
src/views/lecturer/ExternalTeaching.vue
View File

@@ -2,34 +2,28 @@
<template> <template>
<div> <div>
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
<div class="filter" > <div class="filter">
<a-form layout="inline" style="min-width: 1380px;"> <a-form layout="inline" style="min-width: 1380px;">
<a-form-item class="select"> <a-form-item class="select">
<!-- v-model:value="searchParam.name" --> <!-- v-model:value="searchParam.name" -->
<!-- <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px" <!-- <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px"
placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch> placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
</a-input> --> </a-input> -->
<a-input style="width: 276px; height: 40px; border-radius: 8px" placeholder="请输入工号/讲师姓名进行检索" showSearch <a-input style="width: 276px; height: 40px; border-radius: 8px" placeholder="请输入工号/讲师姓名进行检索" showSearch
allowClear v-model:courseName="searchParam.courseName"></a-input> allowClear v-model:value="searchParam.name"></a-input>
</a-form-item> </a-form-item>
<a-form-item class="select"> <a-form-item class="select">
<a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px" <a-input v-model:value="searchParam.courseName" style="width: 276px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称进行搜索" allowClear showSearch> placeholder="请输入课程名称进行搜索" allowClear showSearch>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item class="select "> <a-form-item class="select ">
<div class="select addTimeBox"> <div class="select addTimeBox">
<div class="addTime" >创建时间：</div> <div class="addTime">创建时间：</div>
<a-range-picker <a-range-picker v-model:value="searchdate" style="width: 420px" format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
v-model:value="searchdate" separator="至" :placeholder="[' 开始时间', ' 结束时间']" />
style="width: 420px"
format="YYYY-MM-DD"
valueFormat="YYYY-MM-DD"
separator="至"
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div> </div>
</a-form-item> </a-form-item>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button> <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
<!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > --> <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
@@ -51,26 +45,19 @@
<div style="width:100%"></div> <div style="width:100%"></div>
<a-form-item class="select" v-if="moreid == 2"> <a-form-item class="select" v-if="moreid == 2">
<a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.entryType" placeholder="录入类型" <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.entryType" placeholder="录入类型"
:options="entryTypeList" allowClear > :options="entryTypeList" allowClear>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item class="select" v-if="moreid == 2"> <a-form-item class="select" v-if="moreid == 2">
<a-tree-select <a-tree-select style="width: 230px" :fieldNames="{
style="width: 230px" children: 'children',
:fieldNames="{ label: 'name',
children: 'children', value: 'code',
label: 'name', }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
value: 'code', v-model:value="searchParam.courseTypeId" show-search
}" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
allow-clear :tree-data="sysTypeOptions">
:getPopupContainer="triggerNode => triggerNode.parentNode || document.body" </a-tree-select>
v-model:value="searchParam.courseTypeId"
show-search
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择内容分类"
tree-default-expand-all
:tree-data="sysTypeOptions">
</a-tree-select>
</a-form-item> </a-form-item>
<a-form-item class="select" v-if="moreid == 2"> <a-form-item class="select" v-if="moreid == 2">
<a-select style="width: 230px" v-model:value="searchParam.status" placeholder="开课状态" <a-select style="width: 230px" v-model:value="searchParam.status" placeholder="开课状态"
@@ -88,9 +75,9 @@
<UploadOutlined /> 一键生成讲师费 <UploadOutlined /> 一键生成讲师费
</a-button> </a-button>
</div> --> </div> -->
<a-button class="resetbtn" @click="handleImport()" > <a-button class="resetbtn" @click="handleImport()">
<DownloadOutlined /> 导入 <DownloadOutlined /> 导入
</a-button> </a-button>
<a-button @click="handleExport()" class="resetbtn"> <a-button @click="handleExport()" class="resetbtn">
<UploadOutlined /> 导出 <UploadOutlined /> 导出
</a-button> </a-button>
@@ -98,10 +85,11 @@
<!-- 表格 --> <!-- 表格 -->
<div style="padding: 10px 0"> <div style="padding: 10px 0">
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns" <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
:scroll="{ x: 1500 }" :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false"> :scroll="{ x: 1500 }" :data-source="tableData" :loading="tableLoading" @expand="expandTable"
:pagination="false">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.key === 'operation'"> <template v-if="column.key === 'operation'">
<a-space > <a-space>
<a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button> <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
<a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button> <a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button>
<a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
@@ -113,44 +101,41 @@
</div> </div>
<div class="tableBox "> <div class="tableBox ">
<div class="pa"> <div class="pa">
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" :hideOnSinglePage="true"
:hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" class="pagination"
class="pagination" @change="changePagination" /> @change="changePagination" />
</div> </div>
</div> </div>
<!-- 弹窗组件 --> <!-- 弹窗组件 -->
<a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true" width="60%" :title="teacherdialogtitle"> <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
width="60%" :title="teacherdialogtitle">
<a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef"> <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
<!--讲师名称 teacherName 内容分类 coursetypeid --> <!--讲师名称 teacherName 内容分类 coursetypeid -->
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<!-- <ProjectManagerOutTeacher v-model:value="formParam.name"
<a-form-item label="讲师名称" name="teacherName">
<ProjectManagerOutTeacher v-model:value="formParam.name"
v-model:name="formParam.teacherName" v-model:name="formParam.teacherName"
placeholder="请输入工号/讲师姓名进行检索" placeholder="请输入工号/讲师姓名进行检索"
@onChange="managerChange"></ProjectManagerOutTeacher> --> @onChange="managerChange"></ProjectManagerOutTeacher>
<a-form-item label="讲师名称" name="teacherName">
<a-input v-model:value="formParam.teacherName" allowClear <!-- <a-input v-model:value="formParam.teacherName" allowClear showSearch class="draitem"
showSearch class="draitem" placeholder="请输入讲师姓名"></a-input> placeholder="请输入讲师姓名"></a-input> -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="内容分类" name="courseTypeId"> <a-form-item label="内容分类" name="courseTypeId">
<a-tree-select <a-tree-select :fieldNames="{
:fieldNames="{ children: 'children',
children: 'children', label: 'name',
label: 'name', value: 'code',
value: 'code', }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
}" v-model:value="formParam.courseTypeId" show-search
allow-clear :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
:getPopupContainer="triggerNode => triggerNode.parentNode || document.body" :tree-data="sysTypeOptions">
v-model:value="formParam.courseTypeId" </a-tree-select>
show-search
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择内容分类"
tree-default-expand-all
:tree-data="sysTypeOptions">
</a-tree-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@@ -158,8 +143,7 @@
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<a-form-item label="课程名称" name="coursename"> <a-form-item label="课程名称" name="coursename">
<a-input class="draitem" v-model:value="formParam.coursename" placeholder="请输入后搜索面授课" allowClear <a-input class="draitem" v-model:value="formParam.coursename" placeholder="请输入后搜索面授课" allowClear showSearch>
showSearch>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -177,31 +161,33 @@
<a-col :span="12"> <a-col :span="12">
<a-form-item label="授课/课程日期 :" name="teachingDate"> <a-form-item label="授课/课程日期 :" name="teachingDate">
<a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD" <a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD"
placeholder="请选择课程日期" /> placeholder="请选择课程日期" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="授课时长" name="teaching"> <a-form-item label="授课时长" name="teaching">
<a-input v-model:value="formParam.teaching" style="width:80%; height: 40px; border-radius: 8px; " placeholder="0" <a-input v-model:value="formParam.teaching" style="width:80%; height: 40px; border-radius: 8px; "
allowClear showSearch suffix="分钟" @blur="clearNonNumber"> placeholder="0" allowClear showSearch suffix="分钟" @blur="clearNonNumber">
</a-input> </a-input>
<span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60 <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
).toFixed(2) }}小时</span> ).toFixed(2) }}小时</span>
<span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span> <span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<!-- 参训人数 studys评分 score--> <!-- 参训人数 studys评分 score-->
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<a-form-item label="参训人数" name="studys"> <a-form-item label="参训人数" name="studys">
<a-input v-model:value="formParam.studys" class="draitem" placeholder="0 " allowClear showSearch @blur="clearstudysNumber"> <a-input v-model:value="formParam.studys" class="draitem" placeholder="0 " allowClear showSearch
@blur="clearstudysNumber">
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="评分" name="score"> <a-form-item label="评分" name="score">
<a-input v-model:value="formParam.score" class="draitem" placeholder="0 " allowClear showSearch @blur="clearscoreNumber"> <a-input v-model:value="formParam.score" class="draitem" placeholder="0 " allowClear showSearch
@blur="clearscoreNumber">
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -238,7 +224,8 @@
<a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter"> <a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
<a-descriptions-item label="讲师名称">{{ formParam.teacherName }}</a-descriptions-item> <a-descriptions-item label="讲师名称">{{ formParam.teacherName }}</a-descriptions-item>
<a-descriptions-item label="手机号码">{{ formParam.mobile }}</a-descriptions-item> <a-descriptions-item label="手机号码">{{ formParam.mobile }}</a-descriptions-item>
<a-descriptions-item label="课程类型">{{ formParam.type == 1 ? '在线课' : formParam.type == 0 ? '面授课' : '' }}</a-descriptions-item> <a-descriptions-item label="课程类型">{{ formParam.type == 1 ? '在线课' : formParam.type == 0 ? '面授课' : ''
}}</a-descriptions-item>
<a-descriptions-item label="课程名称">{{ formParam.coursename }}</a-descriptions-item> <a-descriptions-item label="课程名称">{{ formParam.coursename }}</a-descriptions-item>
<a-descriptions-item label="开课状态">{{ formParam.status == 0 ? '未开课' : formParam.status == 1 <a-descriptions-item label="开课状态">{{ formParam.status == 0 ? '未开课' : formParam.status == 1
? '已开课' : '' }}</a-descriptions-item> ? '已开课' : '' }}</a-descriptions-item>
@@ -246,7 +233,7 @@
<a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate }}</a-descriptions-item> <a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate }}</a-descriptions-item>
<a-descriptions-item label="授课时长 ">{{ formParam.teaching }} <a-descriptions-item label="授课时长 ">{{ formParam.teaching }}
<span style="margin-left: 5px ;" v-if="formParam.teaching != null">({{ (formParam.teaching / 60 <span style="margin-left: 5px ;" v-if="formParam.teaching != null">({{ (formParam.teaching / 60
).toFixed(2) }}小时)</span> ).toFixed(2) }}小时)</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="评分 ">{{ formParam.score }}</a-descriptions-item> <a-descriptions-item label="评分 ">{{ formParam.score }}</a-descriptions-item>
<a-descriptions-item label="参训人数 ">{{ formParam.studys }}</a-descriptions-item> <a-descriptions-item label="参训人数 ">{{ formParam.studys }}</a-descriptions-item>
@@ -276,7 +263,7 @@
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
<div class="header"> <div class="header">
<img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px"/> <img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
<span>提示</span> <span>提示</span>
</div> </div>
<div class="body"> <div class="body">
@@ -295,11 +282,11 @@
</a-modal> </a-modal>
</div> </div>
<!-- <div> <ImageUpload/> </div> --> <!-- <div> <ImageUpload/> </div> -->
<ImportWork v-model:showWork="showWork" :url="'/admin/export/importOutTeacherRecord'" :title="title "></ImportWork> <ImportWork v-model:showWork="showWork" :url="'/admin/export/importOutTeacherRecord'" :title="title"></ImportWork>
</div> </div>
</template> </template>
<script lang="jsx"> <script lang="jsx">
import { reactive, toRefs, ref ,computed} from "vue"; import { reactive, toRefs, ref, computed } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { import {
@@ -314,7 +301,7 @@ import { message } from "ant-design-vue";
import ProjectManager from "@/components/project/ProjectManagerNew"; import ProjectManager from "@/components/project/ProjectManagerNew";
import ProjectManagerOutTeacher from "@/components/project/ProjectManagerOutTeacher"; import ProjectManagerOutTeacher from "@/components/project/ProjectManagerOutTeacher";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { getTeacherCourseList, updateInTeacherCourse,getNewInTeacherCourseList, deleteInTeacherCourse, insertInTeacherCourse } from "../../api/Teaching"; import { getTeacherCourseList, updateInTeacherCourse, getNewInTeacherCourseList, deleteInTeacherCourse, insertInTeacherCourse } from "../../api/Teaching";
// import {getProjSt} from "../../api/indexProjStu"; // import {getProjSt} from "../../api/indexProjStu";
// import AddTeacher from "../../components/drawers/project/AddTeacher" // import AddTeacher from "../../components/drawers/project/AddTeacher"
export default { export default {
@@ -337,7 +324,7 @@ export default {
vf: false, vf: false,
showWork: false, showWork: false,
moreid: 1, moreid: 1,
title:"导入外部授课记录", title: "导入外部授课记录",
tableLoading: false, tableLoading: false,
delTeacherId: null, //删除id确认 delTeacherId: null, //删除id确认
userNoid: null, //详情工号确认 userNoid: null, //详情工号确认
@@ -354,14 +341,14 @@ export default {
tableDataTotal: -1,//table列表总条数 tableDataTotal: -1,//table列表总条数
formParam: { formParam: {
status: 1, status: 1,
entryType:1, entryType: 1,
teaching:null, teaching: null,
teachingDate:null, teachingDate: null,
}, },
searchdate: undefined, //选择时间 searchdate: undefined, //选择时间
searchParam: { searchParam: {
name:null, name: null,
recordType:2, recordType: 2,
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
teacherName: null, teacherName: null,
@@ -370,28 +357,28 @@ export default {
status: null, status: null,
beginTime: null, beginTime: null,
endTime: null, endTime: null,
entryType:null, entryType: null,
}, },
}) })
// function searchTimeChange(time, timeStr) { // function searchTimeChange(time, timeStr) {
// let startTime = timeStr[0] // let startTime = timeStr[0]
// let endTime = timeStr[1] ; // let endTime = timeStr[1] ;
// state.startTime = new Date(startTime).getTime(); // state.startTime = new Date(startTime).getTime();
// state.endTime = new Date(endTime).getTime(); // state.endTime = new Date(endTime).getTime();
// // state.searchParam.beginTime = new Date(beginTime).getTime() ; // // state.searchParam.beginTime = new Date(beginTime).getTime() ;
// // state.searchParam.endTime = new Date(endTime).getTime() ; // // state.searchParam.endTime = new Date(endTime).getTime() ;
// state.searchParam.beginTime = state.startTime ? state.startTime : null, // state.searchParam.beginTime = state.startTime ? state.startTime : null,
// state.searchParam.endTime = state.endTime ? state.endTime : null // state.searchParam.endTime = state.endTime ? state.endTime : null
// } // }
const AddressList = ref([ const AddressList = ref([
]); ]);
const rules = { const rules = {
name: [{ required: true, message: '',log:'讲师不能为空' }], name: [{ required: true, message: '', log: '讲师不能为空' }],
courseTypeId: [{ required: true, message:'',log: '内容分类不能为空' }], courseTypeId: [{ required: true, message: '', log: '内容分类不能为空' }],
courseName: [{ required: true, message: '',log:'课程名称不能为空' }], courseName: [{ required: true, message: '', log: '课程名称不能为空' }],
status: [{ required: true, message:'',log: '讲开课状态不能为空' }], status: [{ required: true, message: '', log: '讲开课状态不能为空' }],
teaching: [{ required: true, message: '',log:'授课时长不能为空' }], teaching: [{ required: true, message: '', log: '授课时长不能为空' }],
teachingDate: [{ required: true, message:'',log: '授课日期不能为空' }], teachingDate: [{ required: true, message: '', log: '授课日期不能为空' }],
} }
//获取开课场地 //获取开课场地
@@ -407,9 +394,9 @@ export default {
{ value: 0, label: "未开课" }, { value: 0, label: "未开课" },
{ value: 1, label: "已开课" }, { value: 1, label: "已开课" },
]) ])
const entryTypeList= ref([ const entryTypeList = ref([
{ value:0 ,label:"系统生成"}, { value: 0, label: "系统生成" },
{ value:1 ,label:"手动录入"}, { value: 1, label: "手动录入" },
]) ])
const columns = ref([ const columns = ref([
@@ -424,26 +411,26 @@ export default {
title: '讲师姓名 ', title: '讲师姓名 ',
dataIndex: 'teacherName', dataIndex: 'teacherName',
key: 'teacherName', key: 'teacherName',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '手机号码 ', title: '手机号码 ',
dataIndex: 'mobile', dataIndex: 'mobile',
key: 'mobile', key: 'mobile',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '课程类型 ', title: '课程类型 ',
dataIndex: 'type', dataIndex: 'type',
key: 'type', key: 'type',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{value.record.type == "1" || value.record.type == "0" {value.record.type == "1" || value.record.type == "0"
? { ? {
"1": "在线课", "1": "在线课",
"0": "面授课", "0": "面授课",
@@ -457,7 +444,7 @@ export default {
title: '课程名称 ', title: '课程名称 ',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
@@ -469,7 +456,7 @@ export default {
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{value.record.entryType == "1" || value.record.entryType == "2" {value.record.entryType == "1" || value.record.entryType == "2"
? { ? {
"0": "系统生成", "0": "系统生成",
"1": "手动录入", "1": "手动录入",
@@ -483,7 +470,7 @@ export default {
title: '授课时间 ', title: '授课时间 ',
dataIndex: 'beginTime', dataIndex: 'beginTime',
key: 'beginTime', key: 'beginTime',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
// { // {
@@ -497,7 +484,7 @@ export default {
title: '开课状态 ', title: '开课状态 ',
dataIndex: 'status', dataIndex: 'status',
key: 'status', key: 'status',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
customRender: (value) => { customRender: (value) => {
return ( return (
@@ -536,31 +523,31 @@ export default {
title: '授课时长(H) ', title: '授课时长(H) ',
dataIndex: 'teaching', dataIndex: 'teaching',
key: 'teaching', key: 'teaching',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '学习总人数', title: '学习总人数',
dataIndex: 'studys', dataIndex: 'studys',
key: 'studys', key: 'studys',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '评分', title: '评分',
dataIndex: 'score', dataIndex: 'score',
key: 'score', key: 'score',
elipsis: true, align: "center", elipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '操作 ', title: '操作 ',
dataIndex: 'operation', dataIndex: 'operation',
key: 'operation', key: 'operation',
elipsis: true, elipsis: true,
align: "right", align: "right",
fixed: "right", fixed: "right",
width: 400, width: 400,
scopedSlots: { customRender: "action" }, scopedSlots: { customRender: "action" },
}, },
@@ -582,7 +569,7 @@ export default {
]) ])
const getSysTypeMap = (code) => { const getSysTypeMap = (code) => {
if(code=="")return if (code == "") return
// console.log(store.state.sysTypeMap,'map集合'); // console.log(store.state.sysTypeMap,'map集合');
return store.state.sysTypeMap.get(code) return store.state.sysTypeMap.get(code)
} }
@@ -593,31 +580,31 @@ export default {
}; };
//重置 //重置
const searchReset = () => { const searchReset = () => {
state.searchdate= null, state.searchdate = null,
state.searchParam = { state.searchParam = {
recordType:2, recordType: 2,
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
managerId: null, managerId: null,
name: null, name: null,
manager:null, manager: null,
entryType: null, entryType: null,
status: 1, status: 1,
entryType:null, entryType: null,
systemId:null, systemId: null,
endTime:null, endTime: null,
beginTime:null, beginTime: null,
entryType:null entryType: null
}; };
getTableDate(); getTableDate();
}; };
// List接口数据 // List接口数据
const getTableDate = (obj) => { const getTableDate = (obj) => {
state.tableLoading = true state.tableLoading = true
state.tableLoading = true state.tableLoading = true
let objA = { ...state.searchParam }; let objA = { ...state.searchParam };
objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "", objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
objA.endTime = state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "", objA.endTime = state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
getNewInTeacherCourseList(objA) getNewInTeacherCourseList(objA)
.then((res) => { .then((res) => {
tableData.value = res.data.data.records tableData.value = res.data.data.records
@@ -647,7 +634,7 @@ export default {
state.teacherdialog = true; state.teacherdialog = true;
state.teacherdialogtitle = '修改授课记录' state.teacherdialogtitle = '修改授课记录'
state.lookTeacherId = record.id state.lookTeacherId = record.id
state.formParam.recordType='1' state.formParam.recordType = '1'
state.vf = false state.vf = false
TeacherSystem() TeacherSystem()
} }
@@ -662,37 +649,37 @@ export default {
}); });
}); });
} }
//保存 //保存
const createTeacherDialog = async () => { const createTeacherDialog = async () => {
state.formParam.teachingDate=state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD").toString() : "" state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD").toString() : ""
console.log( state.formParam) console.log(state.formParam)
const formItemNames = Object.keys(rules); const formItemNames = Object.keys(rules);
for(let i=0;i<formItemNames.length;i++){ for (let i = 0; i < formItemNames.length; i++) {
const result = await validateField(formItemNames[i]); const result = await validateField(formItemNames[i]);
if (result) { if (result) {
return message.error(rules[formItemNames[i]][0].log) return message.error(rules[formItemNames[i]][0].log)
} }
} }
state.formParam = {...state.formParam} state.formParam = { ...state.formParam }
if (state.vf == false) { if (state.vf == false) {
updateInTeacherCourse(state.formParam).then(response => { updateInTeacherCourse(state.formParam).then(response => {
message.success("修改成功"); message.success("修改成功");
state.teacherdialog = false;
cancel()
getTableDate();
});
}
else {
insertInTeacherCourse(state.formParam)
.then((res) => {
message.success("保存成功");
state.teacherdialog = false; state.teacherdialog = false;
cancel() cancel()
getTableDate(); getTableDate();
}).catch((err) => {
console.log(err);
}); });
} }
else {
insertInTeacherCourse(state.formParam)
.then((res) => {
message.success("保存成功");
state.teacherdialog = false;
cancel()
getTableDate();
}).catch((err) => {
console.log(err);
});
}
}; };
//删除弹窗 //删除弹窗
const deleteModal = (record) => { const deleteModal = (record) => {
@@ -703,10 +690,10 @@ export default {
//确认删除 //确认删除
const closeDeleteTeacher = () => { const closeDeleteTeacher = () => {
//调用删除接口 //调用删除接口
// let obj ={ // let obj ={
// offcourseId :state.delTeacherId, // offcourseId :state.delTeacherId,
// recordType:2 // recordType:2
// } // }
deleteInTeacherCourse(state.delTeacherId,).then((res) => { deleteInTeacherCourse(state.delTeacherId,).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
message.success("删除成功"); message.success("删除成功");
@@ -714,8 +701,8 @@ export default {
getTableDate(); getTableDate();
} }
}).catch((err) => { }).catch((err) => {
state.deleteTeacherdialog = false state.deleteTeacherdialog = false
}); });
} }
//取消按钮 清空输入的数据 //取消按钮 清空输入的数据
@@ -734,7 +721,7 @@ export default {
const cancel = () => { const cancel = () => {
state.formParam = { state.formParam = {
status: 1, status: 1,
recordType:2, recordType: 2,
teacherName: null, teacherName: null,
mobile: null, mobile: null,
name: null, name: null,
@@ -742,9 +729,9 @@ export default {
teaching: null, teaching: null,
score: null, score: null,
remark: null, remark: null,
teachingDate:null teachingDate: null
} }
state.teachingDate=null state.teachingDate = null
} }
//展开切换 //展开切换
const handlemoreid = () => { const handlemoreid = () => {
@@ -756,7 +743,7 @@ export default {
state.searchParam.type = null state.searchParam.type = null
state.searchParam.status = null state.searchParam.status = null
state.searchParam.id = null state.searchParam.id = null
state.searchParam.entryType=null state.searchParam.entryType = null
} }
} }
//表格内查看数据操作 //表格内查看数据操作
@@ -774,10 +761,11 @@ export default {
} }
//外部授课详情 //外部授课详情
const TeacherSystem = () => { const TeacherSystem = () => {
getTeacherCourseList({id:state.lookTeacherId}).then((res) => { getTeacherCourseList({ id: state.lookTeacherId }).then((res) => {
state.formParam = res.data.data state.formParam = res.data.data
state.teachingDate=dayjs(res.data.data.teachingDate, 'YYYY-MM-DD'), state.teachingDate = dayjs(res.data.data.teachingDate, 'YYYY-MM-DD'),
console.log( state.formParam); state.formParam.name=state.formParam.teacherName
console.log(state.formParam);
}) })
.catch((err) => { .catch((err) => {
}); });
@@ -788,13 +776,13 @@ export default {
state.searchParam.name = t; state.searchParam.name = t;
// state.searchParam.trainorgName=orgName // state.searchParam.trainorgName=orgName
} }
const clearNonNumber=()=>{ const clearNonNumber = () => {
state.formParam.teaching = state.formParam.teaching.replace(/\D/g, ''); state.formParam.teaching = state.formParam.teaching.replace(/\D/g, '');
} }
//导入功能 //导入功能
const handleImport = () => { const handleImport = () => {
state.showWork = true state.showWork = true
} }
//导出功能 //导出功能
const handleExport = () => { const handleExport = () => {
window.open( window.open(
@@ -862,31 +850,32 @@ const handleImport = () => {
} }
.addTimeBox { .addTimeBox {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
.addTime { .addTime {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
margin-left: 10px; margin-left: 10px;
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
} }
.ant-picker { .ant-picker {
padding-left: 85px; padding-left: 85px;
} }
::v-deep .ant-picker-range .ant-picker-active-bar {
margin-left: 85px !important;
}
}
::v-deep .ant-picker-range .ant-picker-active-bar {
margin-left: 85px !important;
}
}
//导出按钮icon //导出按钮icon
.daochu { .daochu {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/coursewareManage/export1.png"); background-image: url("../../assets/images/coursewareManage/export1.png");
} }
//弹窗内详情样式 //弹窗内详情样式
.display1 { .display1 {
@@ -1192,29 +1181,36 @@ const handleImport = () => {
border-radius: 8px; border-radius: 8px;
margin-right: 20px margin-right: 20px
} }
::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-radius:8px; ::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
height:40px; border-radius: 8px;
height: 40px;
} }
.ant-col-12{
height:80px; .ant-col-12 {
height: 80px;
} }
.tableBox { .tableBox {
padding-bottom: 20px; padding-bottom: 20px;
margin: 20px 38px 30px; margin: 20px 38px 30px;
::v-deep .ant-select-dropdown{
display: inline-block; ::v-deep .ant-select-dropdown {
} display: inline-block;
::v-deep .ant-select-selection-item{ }
margin-left: 3px;
} ::v-deep .ant-select-selection-item {
::v-deep .ant-pagination-options-size-changer.ant-select{ margin-left: 3px;
width: 84px; }
}
.pa { ::v-deep .ant-pagination-options-size-changer.ant-select {
width: 100%; width: 84px;
display: flex; }
justify-content: right;
} .pa {
width: 100%;
display: flex;
justify-content: right;
}
} }
</style> </style>

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

@@ -1566,4 +1566,7 @@ display: flex;
justify-content: right; justify-content: right;
} }
} }
.item_inp .i_upload_img[data-v-e369ffe0] {
border-radius:50%
}
</style > </style >

4
src/views/lecturer/InsideTeaching.vue
View File

@@ -683,8 +683,8 @@ export default {
<div> <div>
{value.record.courseStatus == 0 || value.record.courseStatus == 1 {value.record.courseStatus == 0 || value.record.courseStatus == 1
? { ? {
"0": "未开课", "0": "已开课",
"1": "已开课", "1": "未开课",
}[value.record.courseStatus + ""] || "" }[value.record.courseStatus + ""] || ""
: "-"} : "-"}
</div> </div>

6
src/views/lecturer/LookExternalLecturer.vue
View File

@@ -253,9 +253,11 @@ export default{
// getteacherrecordstableData() // getteacherrecordstableData()
//授课翻页 //授课翻页
const teacherchangePagination = (page) => { const teacherchangePagination = (page) => {
state.teacherrecords.pageNo = page; state.searchParam.pageNo = page;
// state.pageNo = page; // state.pageNo = page;
state.teacherrecords.pageSize = pageSize; state.searchParam.pageSize = pageSize;
getTableDate();
state.teacherrecords.pageNo = page;
getteacherrecordstableData(); getteacherrecordstableData();
}; };
return{ return{