mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 05:46:45 +08:00
fix:修改添加面授课搜索选择老师
This commit is contained in:
@@ -1,49 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-drawer
|
<a-drawer :visible="addfaceteachVisible" class="drawerStyle addfaceteachDrawer" width="90%" title="添加面授"
|
||||||
:visible="addfaceteachVisible"
|
placement="right" @after-visible-change="afterVisibleChange">
|
||||||
class="drawerStyle addfaceteachDrawer"
|
|
||||||
width="90%"
|
|
||||||
title="添加面授"
|
|
||||||
placement="right"
|
|
||||||
@after-visible-change="afterVisibleChange"
|
|
||||||
>
|
|
||||||
<div class="drawerMain">
|
<div class="drawerMain">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headerTitle">添加面授</div>
|
<div class="headerTitle">添加面授</div>
|
||||||
<img
|
<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
|
||||||
style="width: 29px; height: 29px; cursor: pointer"
|
@click="closeDrawer" />
|
||||||
src="../../assets/images/basicinfo/close.png"
|
|
||||||
@click="closeDrawer"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="contentMain">
|
<div class="contentMain">
|
||||||
<div class="main_left">
|
<div class="main_left">
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">课程名称:</span>
|
<span style="margin-right: 3px">课程名称:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-input
|
<a-input v-model:value="courseName" style="width: 384px; height: 32px" placeholder="请输入名称"
|
||||||
v-model:value="courseName"
|
maxlength="20" />
|
||||||
style="width: 384px; height: 32px"
|
|
||||||
placeholder="请输入名称"
|
|
||||||
maxlength="20"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">选择课程:</span>
|
<span style="margin-right: 3px">选择课程:</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -54,16 +35,13 @@
|
|||||||
<div v-if="chooseCourse > 0">
|
<div v-if="chooseCourse > 0">
|
||||||
<a-tag closable color="processing" @close="logC">
|
<a-tag closable color="processing" @close="logC">
|
||||||
<span style="font-size:14px;line-height: 33px;">删除课程</span>
|
<span style="font-size:14px;line-height: 33px;">删除课程</span>
|
||||||
</a-tag></div>
|
</a-tag>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 选择面授侧弹窗 -->
|
<!-- 选择面授侧弹窗 -->
|
||||||
<div>
|
<div>
|
||||||
<sel-facet
|
<sel-facet v-model:selfacetVisible="selfacetvisible" v-model:chooseCourse="chooseCourse" />
|
||||||
v-model:selfacetVisible="selfacetvisible"
|
|
||||||
v-model:chooseCourse="chooseCourse"
|
|
||||||
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 选择面授侧弹窗 -->
|
<!-- 选择面授侧弹窗 -->
|
||||||
</div>
|
</div>
|
||||||
@@ -72,100 +50,59 @@
|
|||||||
<span style="margin-right: 3px">面授说明:</span>
|
<span style="margin-right: 3px">面授说明:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="textarea">
|
<div class="textarea">
|
||||||
<a-textarea
|
<a-textarea v-model:value="description" placeholder="请输入说明" allow-clear maxlength="100" />
|
||||||
v-model:value="description"
|
|
||||||
placeholder="请输入说明"
|
|
||||||
allow-clear
|
|
||||||
maxlength="100"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">授课教师:</span>
|
<span style="margin-right: 3px">授课教师:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-auto-complete
|
<a-auto-complete v-model:value="memberValue.label" placeholder="选择老师" style="width: 364px"
|
||||||
v-model:value="memberValue.label"
|
:options="options" @search="handleSearch"></a-auto-complete>
|
||||||
show-search
|
|
||||||
:not-found-content="fetching ? undefined : null"
|
|
||||||
placeholder="Select a teacher"
|
|
||||||
style="width: 364px"
|
|
||||||
:options="options"
|
|
||||||
@focus="handleFocus"
|
|
||||||
@blur="handleBlur"
|
|
||||||
@change="handleChange2"
|
|
||||||
@popupScroll="templateScroll"
|
|
||||||
@search="handleSearch"
|
|
||||||
></a-auto-complete>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">面授时间:</span>
|
<span style="margin-right: 3px">面授时间:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-range-picker
|
<a-range-picker v-model:value="chooseTime" :placeholder="[' 开始时间', ' 结束时间']" />
|
||||||
v-model:value="chooseTime"
|
|
||||||
:placeholder="[' 开始时间', ' 结束时间']"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">面授时长:</span>
|
<span style="margin-right: 3px">面授时长:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-input-number
|
<a-input-number :min="0" :max="300" :precision="0" style="
|
||||||
:min="0"
|
|
||||||
:max="300"
|
|
||||||
:precision="0"
|
|
||||||
style="
|
|
||||||
width: 364px;
|
width: 364px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
"
|
" v-model:value="duration"></a-input-number>
|
||||||
v-model:value="duration"
|
|
||||||
></a-input-number>
|
|
||||||
<span style="margin-left: 5px; width: 30px">分钟</span>
|
<span style="margin-left: 5px; width: 30px">分钟</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="sign">
|
<div class="sign">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 3px">上课地址:</span>
|
<span style="margin-right: 3px">上课地址:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-input
|
<a-input v-model:value="address" style="width: 384px; height: 32px" placeholder="请输入上课地址"
|
||||||
v-model:value="address"
|
maxlength="100" />
|
||||||
style="width: 384px; height: 32px"
|
|
||||||
placeholder="请输入上课地址"
|
|
||||||
maxlength="100"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item2">
|
<div class="main_item2">
|
||||||
@@ -174,37 +111,27 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="kqszbox">
|
<div class="kqszbox">
|
||||||
<div class="qdqtbox">
|
<div class="qdqtbox">
|
||||||
<div class="qdbtn"><div class="btntext">签到</div></div>
|
<div class="qdbtn">
|
||||||
|
<div class="btntext">签到</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="setbox">
|
<div class="setbox">
|
||||||
<div class="timerbox">
|
<div class="timerbox">
|
||||||
<span>开始前:</span>
|
<span>开始前:</span>
|
||||||
<a-input-number
|
<a-input-number :min="0" :max="300" :precision="0" style="
|
||||||
:min="0"
|
|
||||||
:max="300"
|
|
||||||
:precision="0"
|
|
||||||
style="
|
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden; "
|
overflow: hidden; " v-model:value="before"></a-input-number>
|
||||||
v-model:value="before"
|
|
||||||
></a-input-number>
|
|
||||||
<span style="color: #999999; margin-left: 8px">分钟</span>
|
<span style="color: #999999; margin-left: 8px">分钟</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="timerbox">
|
<div class="timerbox">
|
||||||
<span>开始后:</span>
|
<span>开始后:</span>
|
||||||
<a-input-number
|
<a-input-number :min="0" :max="300" :precision="0" style="
|
||||||
:min="0"
|
|
||||||
:max="300"
|
|
||||||
:precision="0"
|
|
||||||
style="
|
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;"
|
overflow: hidden;" v-model:value="afterStartValue"></a-input-number>
|
||||||
v-model:value="afterStartValue"
|
|
||||||
></a-input-number>
|
|
||||||
<span style="color: #999999; margin-left: 8px">分钟</span>
|
<span style="color: #999999; margin-left: 8px">分钟</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -229,9 +156,8 @@
|
|||||||
<span style="margin-right: 3px">其他设置:</span>
|
<span style="margin-right: 3px">其他设置:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-checkbox v-model:checked="completeLeave" @click="completeLeave=!completeLeave"
|
<a-checkbox v-model:checked="completeLeave"
|
||||||
>学员请假后记为任务完成</a-checkbox
|
@click="completeLeave = !completeLeave">学员请假后记为任务完成</a-checkbox>
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item">
|
<div class="main_item">
|
||||||
@@ -239,7 +165,8 @@
|
|||||||
<span style="margin-right: 3px">现场参与:</span>
|
<span style="margin-right: 3px">现场参与:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-checkbox v-model:checked="innerPersion" @click="innerPersion=!innerPersion">允许项目内人员临时到场参加</a-checkbox>
|
<a-checkbox v-model:checked="innerPersion"
|
||||||
|
@click="innerPersion = !innerPersion">允许项目内人员临时到场参加</a-checkbox>
|
||||||
<a-checkbox v-model:checked="outPersion" @click="outPersion = !outPersion">允许项目外人员临时到场参加</a-checkbox>
|
<a-checkbox v-model:checked="outPersion" @click="outPersion = !outPersion">允许项目外人员临时到场参加</a-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -248,8 +175,7 @@
|
|||||||
<span style="margin-right: 3px">评估:</span>
|
<span style="margin-right: 3px">评估:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox2">
|
<div class="btnbox2">
|
||||||
<a-checkbox v-model:checked="needEval" @click="needEval=!needEval"
|
<a-checkbox v-model:checked="needEval" @click="needEval = !needEval">需要评估</a-checkbox>
|
||||||
>需要评估</a-checkbox >
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="needEval" class="main_item">
|
<div v-if="needEval" class="main_item">
|
||||||
@@ -260,12 +186,10 @@
|
|||||||
<div v-if="assessmentId > 0">
|
<div v-if="assessmentId > 0">
|
||||||
<a-tag closable color="processing" @close="logA">
|
<a-tag closable color="processing" @close="logA">
|
||||||
<span style="font-size:14px;line-height: 33px;">删除评估</span>
|
<span style="font-size:14px;line-height: 33px;">删除评估</span>
|
||||||
</a-tag></div>
|
</a-tag>
|
||||||
<AssessmentList
|
</div>
|
||||||
v-model:assessmentVisible="assessmentVisible"
|
<AssessmentList v-model:assessmentVisible="assessmentVisible" v-model:titleTag="titleTag"
|
||||||
v-model:titleTag="titleTag"
|
v-model:assessmentId="assessmentId" />
|
||||||
v-model:assessmentId="assessmentId"
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -282,18 +206,15 @@
|
|||||||
<div v-if="EditWorkId > 0">
|
<div v-if="EditWorkId > 0">
|
||||||
<a-tag closable color="processing" @close="logW">
|
<a-tag closable color="processing" @close="logW">
|
||||||
<span style="font-size:14px;line-height: 33px;">删除作业</span>
|
<span style="font-size:14px;line-height: 33px;">删除作业</span>
|
||||||
</a-tag></div>
|
</a-tag>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 添加作业侧弹窗 -->
|
<!-- 添加作业侧弹窗 -->
|
||||||
<div>
|
<div>
|
||||||
<add-homework
|
<add-homework v-model:addhomeworkVisible="addhomeworkvisible" @getWork="getWork" :faceLevel="true"
|
||||||
v-model:addhomeworkVisible="addhomeworkvisible"
|
v-model:EditWorkId="EditWorkId" />
|
||||||
@getWork="getWork"
|
|
||||||
:faceLevel="true"
|
|
||||||
v-model:EditWorkId="EditWorkId"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 添加作业侧弹窗 -->
|
<!-- 添加作业侧弹窗 -->
|
||||||
</div>
|
</div>
|
||||||
@@ -309,15 +230,13 @@
|
|||||||
<div v-if="EditTestId > 0">
|
<div v-if="EditTestId > 0">
|
||||||
<a-tag closable color="processing" @close="logT">
|
<a-tag closable color="processing" @close="logT">
|
||||||
<span style="font-size:14px;line-height: 33px;">删除考试</span>
|
<span style="font-size:14px;line-height: 33px;">删除考试</span>
|
||||||
</a-tag></div>
|
</a-tag>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 添加考试侧弹窗 -->
|
<!-- 添加考试侧弹窗 -->
|
||||||
<div>
|
<div>
|
||||||
<add-test v-model:addtestVisible="addtestvisible"
|
<add-test v-model:addtestVisible="addtestvisible" v-model:EditTestId="EditTestId" :faceLevel="true" />
|
||||||
v-model:EditTestId ="EditTestId"
|
|
||||||
:faceLevel="true"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 添加考试侧弹窗 -->
|
<!-- 添加考试侧弹窗 -->
|
||||||
</div>
|
</div>
|
||||||
@@ -326,13 +245,8 @@
|
|||||||
<span style="margin-right: 3px">附件:</span>
|
<span style="margin-right: 3px">附件:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-upload
|
<a-upload @change="handleChange" action="/manageApi/file/upload" v-model:file-list="fileList">
|
||||||
@change="handleChange"
|
<button class="xkbtn">上传附件</button></a-upload>
|
||||||
action="/manageApi/file/upload"
|
|
||||||
v-model:file-list="fileList"
|
|
||||||
>
|
|
||||||
<button class="xkbtn">上传附件</button></a-upload
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -792,6 +706,7 @@ export default {
|
|||||||
.ant-table-striped :deep(.table-striped) td {
|
.ant-table-striped :deep(.table-striped) td {
|
||||||
background-color: #fafafa !important;
|
background-color: #fafafa !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.addfaceteachDrawer {
|
.addfaceteachDrawer {
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
.header {
|
.header {
|
||||||
@@ -801,6 +716,7 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
.headerTitle {
|
.headerTitle {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -809,14 +725,17 @@ export default {
|
|||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentMain {
|
.contentMain {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.main_left {
|
.main_left {
|
||||||
height: 1080px;
|
height: 1080px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
border-right: 1px solid #e8e8e8;
|
border-right: 1px solid #e8e8e8;
|
||||||
|
|
||||||
.main_item {
|
.main_item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -930,16 +849,19 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
|
|
||||||
.signbox {
|
.signbox {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnbox {
|
.btnbox {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.xkbtn {
|
.xkbtn {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 130px;
|
width: 130px;
|
||||||
@@ -954,6 +876,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main_btns {
|
.main_btns {
|
||||||
height: 72px;
|
height: 72px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -963,6 +886,7 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
||||||
|
|
||||||
.btn1 {
|
.btn1 {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -972,6 +896,7 @@ export default {
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn2 {
|
.btn2 {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
|
|||||||
Reference in New Issue
Block a user