mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 21:36:44 +08:00
Merge branch 'develop' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage into develop
This commit is contained in:
@@ -3,151 +3,91 @@
|
|||||||
<div @click="openDrawer">
|
<div @click="openDrawer">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<a-drawer
|
<a-drawer :visible="visible" class="drawerStyle addliveDrawer" width="1000" title="添加直播" placement="right">
|
||||||
:visible="visible"
|
|
||||||
class="drawerStyle addliveDrawer"
|
|
||||||
width="1000"
|
|
||||||
title="添加直播"
|
|
||||||
placement="right"
|
|
||||||
>
|
|
||||||
<div class="drawerMain">
|
<div class="drawerMain">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headerTitle">
|
<div class="headerTitle">
|
||||||
{{ taskIndex >= 0 ? "编辑" : "添加" }}直播
|
{{ taskIndex >= 0 ? "编辑" : "添加" }}直播
|
||||||
</div>
|
</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="formData.liveName" style="width: 400px; height: 40px; border-radius: 8px"
|
||||||
v-model:value="formData.liveName"
|
placeholder="请输入直播名称" :maxlength="20" />
|
||||||
style="width: 400px; height: 40px; border-radius: 8px"
|
|
||||||
placeholder="请输入直播名称"
|
|
||||||
:maxlength="20"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main_item" style="margin-top: -10px">
|
<div class="main_item" style="margin-top: -10px">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="asterisk_icon">
|
<div class="asterisk_icon">
|
||||||
<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="formData.liveLink" style="width: 400px; height: 40px; border-radius: 8px"
|
||||||
v-model:value="formData.liveLink"
|
placeholder="请输入直播链接" :maxlength="100" />
|
||||||
style="width: 400px; height: 40px; border-radius: 8px"
|
|
||||||
placeholder="请输入直播链接"
|
|
||||||
: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-range-picker
|
<a-range-picker :show-time="{ format: 'HH:mm' }" :disabled-date="disabledDate"
|
||||||
:show-time="{ format: 'HH:mm' }"
|
style="width: 400px; height: 40px; border-radius: 8px" v-model:value="dateTime" format="YYYY-MM-DD HH:mm"
|
||||||
:disabled-date="disabledDate"
|
valueFormat="YYYY-MM-DD HH:mm" @change="timeChange" :placeholder="[' 开始时间', ' 结束时间']" />
|
||||||
|
|
||||||
style="width: 400px; height: 40px; border-radius: 8px"
|
|
||||||
v-model:value="dateTime"
|
|
||||||
format="YYYY-MM-DD HH:mm"
|
|
||||||
valueFormat="YYYY-MM-DD HH:mm"
|
|
||||||
@change="timeChange"
|
|
||||||
: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="width: 400px; height: 40px; border-radius: 8px"
|
||||||
:min="0"
|
v-model:value="formData.liveDuration"></a-input-number>
|
||||||
:max="300"
|
|
||||||
:precision="0"
|
|
||||||
style="width: 400px; height: 40px; border-radius: 8px"
|
|
||||||
v-model:value="formData.liveDuration"
|
|
||||||
></a-input-number>
|
|
||||||
<span style="color: #999999; margin-left: 8px">分钟</span>
|
<span style="color: #999999; margin-left: 8px">分钟</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="select" style="width: 400px">
|
<div class="select" style="width: 400px">
|
||||||
<ProjectManager
|
<ProjectManager v-model:value="formData.liveTeacherId" v-model:name="formData.liveTeacherName">
|
||||||
v-model:value="formData.liveTeacherId"
|
</ProjectManager>
|
||||||
v-model:name="formData.liveTeacherName"
|
|
||||||
></ProjectManager>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mbl_items2">
|
<div class="mbl_items2">
|
||||||
<div class="item_nam">
|
<div class="item_nam">
|
||||||
<div class="asterisk_icon">
|
<div class="asterisk_icon">
|
||||||
<img
|
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||||
src="@/assets/images/coursewareManage/asterisk.png"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 2px">直播封面:</span>
|
<span style="margin-right: 2px">直播封面:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_inp">
|
<div class="item_inp">
|
||||||
<a-upload
|
<a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
|
||||||
name="avatar"
|
:before-upload="beforeUpload">
|
||||||
list-type="picture-card"
|
<img class="i_upload_img" v-if="imageUrl" :src="imageUrl" alt="avatar" />
|
||||||
class="avatar-uploader"
|
|
||||||
:show-upload-list="false"
|
|
||||||
:before-upload="beforeUpload"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
class="i_upload_img"
|
|
||||||
v-if="imageUrl"
|
|
||||||
:src="imageUrl"
|
|
||||||
alt="avatar"
|
|
||||||
/>
|
|
||||||
<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>
|
||||||
@@ -157,9 +97,7 @@
|
|||||||
</a-upload>
|
</a-upload>
|
||||||
<div class="i_bottom">
|
<div class="i_bottom">
|
||||||
<div class="tip">
|
<div class="tip">
|
||||||
<span style="color: #999999; margin-left: 8px"
|
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png 图片最大为2MB</span>
|
||||||
>支持图片格式为jpg/jpeg/png 图片最大为2MB</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -167,22 +105,13 @@
|
|||||||
<div class="main_item2">
|
<div class="main_item2">
|
||||||
<div class="signbox">
|
<div class="signbox">
|
||||||
<div class="asterisk_icon">
|
<div class="asterisk_icon">
|
||||||
<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="textarea">
|
<div class="textarea">
|
||||||
<a-textarea
|
<a-textarea v-model:value="formData.liveNotice" placeholder="请输入直播公告" allow-clear show-count
|
||||||
v-model:value="formData.liveNotice"
|
:maxlength="200" :rows="6" />
|
||||||
placeholder="请输入直播公告"
|
|
||||||
allow-clear
|
|
||||||
show-count
|
|
||||||
:maxlength="200"
|
|
||||||
:rows="6"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -191,10 +120,7 @@
|
|||||||
<span style="margin-right: 3px">回放设置:</span>
|
<span style="margin-right: 3px">回放设置:</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-switch
|
<a-switch v-model:checked="formData.livePlayback" @change="getchange(formData.livePlayback)" />
|
||||||
v-model:checked="formData.livePlayback"
|
|
||||||
@change="getchange(formData.livePlayback)"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="formData.livePlayback">
|
<div v-if="formData.livePlayback">
|
||||||
@@ -203,12 +129,8 @@
|
|||||||
<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="formData.livePlaybackLink" style="width: 400px; height: 40px; border-radius: 8px"
|
||||||
v-model:value="formData.livePlaybackLink"
|
placeholder="请输入回放链接" :maxlength="100" />
|
||||||
style="width: 400px; height: 40px; border-radius: 8px"
|
|
||||||
placeholder="请输入回放链接"
|
|
||||||
:maxlength="100"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -218,14 +140,8 @@
|
|||||||
<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="formData.liveExplain" placeholder="请输入直播说明" allow-clear show-count
|
||||||
v-model:value="formData.liveExplain"
|
:maxlength="200" :rows="6" />
|
||||||
placeholder="请输入直播说明"
|
|
||||||
allow-clear
|
|
||||||
show-count
|
|
||||||
:maxlength="200"
|
|
||||||
:rows="6"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -242,39 +158,23 @@
|
|||||||
<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="30" :precision="0" style="
|
||||||
:min="0"
|
width: 88px;
|
||||||
:max="30"
|
height: 32px;
|
||||||
:precision="0"
|
border-radius: 8px;
|
||||||
style="
|
overflow: hidden;
|
||||||
width: 88px;
|
" v-model:value="formData.beforeSignIn"></a-input-number>
|
||||||
height: 32px;
|
<span style="color: #999999; margin-left: 8px">分钟允许签到</span>
|
||||||
border-radius: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
"
|
|
||||||
v-model:value="formData.beforeSignIn"
|
|
||||||
></a-input-number>
|
|
||||||
<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="30" :precision="0" style="
|
||||||
:min="0"
|
width: 88px;
|
||||||
:max="30"
|
height: 32px;
|
||||||
:precision="0"
|
border-radius: 8px;
|
||||||
style="
|
overflow: hidden;
|
||||||
width: 88px;
|
" v-model:value="formData.afterSignIn"></a-input-number>
|
||||||
height: 32px;
|
<span style="color: #999999; margin-left: 8px">分钟允许签到</span>
|
||||||
border-radius: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
"
|
|
||||||
v-model:value="formData.afterSignIn"
|
|
||||||
></a-input-number>
|
|
||||||
<span style="color: #999999; margin-left: 8px"
|
|
||||||
>分钟允许签到</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -284,18 +184,14 @@
|
|||||||
<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="formData.isEvaluate" @change="getchanges(formData.isEvaluate)"
|
<a-checkbox v-model:checked="formData.isEvaluate" @change="getchanges(formData.isEvaluate)">需要评估
|
||||||
>需要评估
|
|
||||||
</a-checkbox>
|
</a-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="formData.isEvaluate" class="main_item">
|
<div v-if="formData.isEvaluate" class="main_item">
|
||||||
<div class="signbox"></div>
|
<div class="signbox"></div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<AddInvistRoot
|
<AddInvistRoot v-model:id="formData.assessmentId" v-model:name="formData.assessmentName">
|
||||||
v-model:id="formData.assessmentId"
|
|
||||||
v-model:name="formData.assessmentName"
|
|
||||||
>
|
|
||||||
<button class="xkbtn">选择评估</button>
|
<button class="xkbtn">选择评估</button>
|
||||||
</AddInvistRoot>
|
</AddInvistRoot>
|
||||||
|
|
||||||
@@ -428,6 +324,8 @@ const rulesRef = ref({
|
|||||||
const { resetFields, validate } = Form.useForm(formData, rulesRef);
|
const { resetFields, validate } = Form.useForm(formData, rulesRef);
|
||||||
|
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
|
formData.value.liveCover = "";
|
||||||
|
imageUrl.value = "";
|
||||||
visible.value = false;
|
visible.value = false;
|
||||||
taskIndex.value = -1;
|
taskIndex.value = -1;
|
||||||
dateTime.value = [];
|
dateTime.value = [];
|
||||||
@@ -467,16 +365,17 @@ async function confirm() {
|
|||||||
if (taskIndex.value === -1) {
|
if (taskIndex.value === -1) {
|
||||||
let list = props.taskList
|
let list = props.taskList
|
||||||
list.push(
|
list.push(
|
||||||
{name: formData.value.liveName,
|
{
|
||||||
type: props.type,
|
name: formData.value.liveName,
|
||||||
info: {...formData.value},
|
type: props.type,
|
||||||
duration:dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime,'minutes')
|
info: { ...formData.value },
|
||||||
})
|
duration: dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime, 'minutes')
|
||||||
|
})
|
||||||
} else {
|
} else {
|
||||||
const data = props.taskList[taskIndex.value];
|
const data = props.taskList[taskIndex.value];
|
||||||
data.name = formData.value.liveName;
|
data.name = formData.value.liveName;
|
||||||
data.info = formData.value;
|
data.info = formData.value;
|
||||||
data.duration = dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime,'minutes')
|
data.duration = dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime, 'minutes')
|
||||||
|
|
||||||
}
|
}
|
||||||
emit("update:taskList", [...props.taskList]);
|
emit("update:taskList", [...props.taskList]);
|
||||||
@@ -484,6 +383,7 @@ async function confirm() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function openDrawer(i, row) {
|
function openDrawer(i, row) {
|
||||||
|
console.log(i, row)
|
||||||
row && (formData.value = { ...row.info });
|
row && (formData.value = { ...row.info });
|
||||||
row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]);
|
row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]);
|
||||||
i >= 0 && (taskIndex.value = i);
|
i >= 0 && (taskIndex.value = i);
|
||||||
@@ -506,9 +406,10 @@ const beforeUpload = (file) => {
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
let isLt1M = file.size / 10240 / 10240 <= 1;
|
let isLt1M = file.size < 2097152;
|
||||||
|
console.log(file.size, isLt1M)
|
||||||
if (!isLt1M) {
|
if (!isLt1M) {
|
||||||
this.$message.error("图片大小超过10MB!");
|
message.error("图片大小超过2MB!");
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,17 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="TableStudent">
|
<div class="TableStudent">
|
||||||
<a-row
|
<a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px">
|
||||||
type="flex"
|
|
||||||
gutter="12"
|
|
||||||
style="padding-left: 20px; margin-right: 0px"
|
|
||||||
>
|
|
||||||
<a-col>
|
<a-col>
|
||||||
<a-form-item title="姓名:">
|
<a-form-item title="姓名:">
|
||||||
<a-input
|
<a-input class="cus-input" v-model:value="tableParam.studentName" placeholder="请输入姓名" />
|
||||||
class="cus-input"
|
|
||||||
v-model:value="tableParam.studentName"
|
|
||||||
placeholder="请输入姓名"
|
|
||||||
/>
|
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<!-- <a-col v-if="type === 1">
|
<!-- <a-col v-if="type === 1">
|
||||||
@@ -27,73 +19,39 @@
|
|||||||
<a-col v-if="type === 1">
|
<a-col v-if="type === 1">
|
||||||
<a-form-item title="部门:">
|
<a-form-item title="部门:">
|
||||||
<div class="select in" style="width: 270px">
|
<div class="select in" style="width: 270px">
|
||||||
<OrgClass
|
<OrgClass v-model:value="tableParam.studentDepartId" v-model:name="tableParam.studentDepartName"></OrgClass>
|
||||||
v-model:value="tableParam.studentDepartId"
|
|
||||||
v-model:name="tableParam.studentDepartName"
|
|
||||||
></OrgClass>
|
|
||||||
</div>
|
</div>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col v-if="type === 1">
|
<a-col v-if="type === 1">
|
||||||
<a-form-item title="优秀学员:">
|
<a-form-item title="优秀学员:">
|
||||||
<div class="select">
|
<div class="select">
|
||||||
<a-select
|
<a-select v-model:value="tableParam.topFlag" style="width: 260px; height: 40px" placeholder="是否为优秀学员"
|
||||||
v-model:value="tableParam.topFlag"
|
:options="topFlagList" @change="selectProjectName" allowClear showSearch></a-select>
|
||||||
style="width: 260px; height: 40px"
|
|
||||||
placeholder="是否为优秀学员"
|
|
||||||
:options="topFlagList"
|
|
||||||
@change="selectProjectName"
|
|
||||||
allowClear
|
|
||||||
showSearch
|
|
||||||
></a-select>
|
|
||||||
</div>
|
</div>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col>
|
<a-col>
|
||||||
<a-button
|
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff; width: 100px" @click="getStuList">
|
||||||
class="cus-btn"
|
|
||||||
style="background: #4ea6ff; color: #fff; width: 100px"
|
|
||||||
@click="getStuList"
|
|
||||||
>
|
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<img
|
<img style="margin-right: 10px" src="../../assets/images/courseManage/search0.png" /></template>
|
||||||
style="margin-right: 10px"
|
|
||||||
src="../../assets/images/courseManage/search0.png"
|
|
||||||
/></template>
|
|
||||||
搜索
|
搜索
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="2">
|
<a-col :span="2">
|
||||||
<a-button class="cus-btn white" style="width: 100px" @click="reset">
|
<a-button class="cus-btn white" style="width: 100px" @click="reset">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<img
|
<img style="margin-right: 10px" src="../../assets/images/leveladd/reset.png" /></template>
|
||||||
style="margin-right: 10px"
|
|
||||||
src="../../assets/images/leveladd/reset.png"
|
|
||||||
/></template>
|
|
||||||
重置
|
重置
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
||||||
<a-row
|
<a-row type="flex" gutter="12" style="padding-left: 20px; margin-right: 0px" v-if="checkPer(permissions)">
|
||||||
type="flex"
|
|
||||||
gutter="12"
|
|
||||||
style="padding-left: 20px; margin-right: 0px"
|
|
||||||
v-if="checkPer(permissions)"
|
|
||||||
>
|
|
||||||
<a-col :span="1.5">
|
<a-col :span="1.5">
|
||||||
<CommonStudent
|
<CommonStudent :type="type" :id="id" @finash="submitCall" :stage="stage">
|
||||||
:type="type"
|
|
||||||
:id="id"
|
|
||||||
@finash="submitCall"
|
|
||||||
:stage="stage"
|
|
||||||
>
|
|
||||||
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
|
<a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
|
||||||
<template #icon
|
<template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/add0.png" /></template>
|
||||||
><img
|
|
||||||
style="margin-right: 10px"
|
|
||||||
src="../../assets/images/courseManage/add0.png"
|
|
||||||
/></template>
|
|
||||||
添加学员
|
添加学员
|
||||||
</a-button>
|
</a-button>
|
||||||
</CommonStudent>
|
</CommonStudent>
|
||||||
@@ -101,11 +59,7 @@
|
|||||||
<!-- 新加导入学员 批量换组 导出学习信息 -->
|
<!-- 新加导入学员 批量换组 导出学习信息 -->
|
||||||
<a-col :span="1.5" v-if="type === 1 || type === 2">
|
<a-col :span="1.5" v-if="type === 1 || type === 2">
|
||||||
<a-button class="cus-btn white" @click="showImpStu">
|
<a-button class="cus-btn white" @click="showImpStu">
|
||||||
<template #icon
|
<template #icon><img style="margin-right: 10px" src="../../assets/images/basicinfo/in2.png" /></template>
|
||||||
><img
|
|
||||||
style="margin-right: 10px"
|
|
||||||
src="../../assets/images/basicinfo/in2.png"
|
|
||||||
/></template>
|
|
||||||
导入学员
|
导入学员
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
@@ -128,11 +82,7 @@
|
|||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="1.5">
|
<a-col :span="1.5">
|
||||||
<a-button class="cus-btn white" @click="bathDel">
|
<a-button class="cus-btn white" @click="bathDel">
|
||||||
<template #icon
|
<template #icon><img style="margin-right: 10px" src="../../assets/images/projectadd/delete.png" /></template>
|
||||||
><img
|
|
||||||
style="margin-right: 10px"
|
|
||||||
src="../../assets/images/projectadd/delete.png"
|
|
||||||
/></template>
|
|
||||||
批量删除
|
批量删除
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
@@ -147,19 +97,10 @@
|
|||||||
<div class="stmm_btn btn4" @click="hideShow">
|
<div class="stmm_btn btn4" @click="hideShow">
|
||||||
<div class="btn4_sub">
|
<div class="btn4_sub">
|
||||||
<span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
|
<span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
|
||||||
<div
|
<div class="b_zk" :style="{ display: hideshow ? 'block' : 'none' }"></div>
|
||||||
class="b_zk"
|
<div class="b_sq" :style="{ display: hideshow ? 'none' : 'block' }"></div>
|
||||||
:style="{ display: hideshow ? 'block' : 'none' }"
|
|
||||||
></div>
|
|
||||||
<div
|
|
||||||
class="b_sq"
|
|
||||||
:style="{ display: hideshow ? 'none' : 'block' }"
|
|
||||||
></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="btn4_sup" :style="{ display: hideshow ? 'none' : 'block' }">
|
||||||
class="btn4_sup"
|
|
||||||
:style="{ display: hideshow ? 'none' : 'block' }"
|
|
||||||
>
|
|
||||||
<div class="btnsbox">
|
<div class="btnsbox">
|
||||||
<div class="btn4_tit" @click="showEScoreModal">
|
<div class="btn4_tit" @click="showEScoreModal">
|
||||||
<span>批量录入成绩</span>
|
<span>批量录入成绩</span>
|
||||||
@@ -180,25 +121,14 @@
|
|||||||
<div class="export"></div>
|
<div class="export"></div>
|
||||||
<div class="btnText">导出</div>
|
<div class="btnText">导出</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="stmm_btn btn5" style="margin-left: 15px" @click="exportHomeWorkShow">
|
||||||
class="stmm_btn btn5"
|
|
||||||
style="margin-left: 15px"
|
|
||||||
@click="exportHomeWorkShow"
|
|
||||||
>
|
|
||||||
<div class="btnText">导出作业</div>
|
<div class="btnText">导出作业</div>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<div style="margin-top: 20px">
|
<div style="margin-top: 20px">
|
||||||
<a-table
|
<a-table :columns="tablecolumns" :data-source="tableData.list" :pagination="stuPagination"
|
||||||
:columns="tablecolumns"
|
:loading="tableData.loading" :scroll="{ x: 1500 }" row-key="id" :row-selection="stuRowSelection">
|
||||||
:data-source="tableData.list"
|
|
||||||
:pagination="stuPagination"
|
|
||||||
:loading="tableData.loading"
|
|
||||||
:scroll="{ x: 1500 }"
|
|
||||||
row-key="id"
|
|
||||||
:row-selection="stuRowSelection"
|
|
||||||
>
|
|
||||||
<template #action="{ record }">
|
<template #action="{ record }">
|
||||||
<!-- <div style="display:flex;justify-content: center;align-items: center;">-->
|
<!-- <div style="display:flex;justify-content: center;align-items: center;">-->
|
||||||
<!-- <div v-if="props.type == 1" @click="excellentStudent(record)"
|
<!-- <div v-if="props.type == 1" @click="excellentStudent(record)"
|
||||||
@@ -219,56 +149,28 @@
|
|||||||
<a-space :size="2">
|
<a-space :size="2">
|
||||||
<slot name="extension" v-bind:data="{ record }"></slot>
|
<slot name="extension" v-bind:data="{ record }"></slot>
|
||||||
|
|
||||||
<a-button
|
<a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
|
||||||
v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
|
@click="updateStatus(0, record.id)" type="link">通过</a-button>
|
||||||
@click="updateStatus(0, record.id)"
|
<a-button v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
|
||||||
type="link"
|
@click="updateStatus(2, record.id)" type="link">拒绝</a-button>
|
||||||
>通过</a-button
|
<a-button v-if="checkPer(permissions)" :disabled="record.isLeader === '1'" @click="del(record.id, record)"
|
||||||
>
|
type="link" danger>删除</a-button>
|
||||||
<a-button
|
|
||||||
v-if="type === 3 && record.status !== 0 && checkPer(permissions)"
|
|
||||||
@click="updateStatus(2, record.id)"
|
|
||||||
type="link"
|
|
||||||
>拒绝</a-button
|
|
||||||
>
|
|
||||||
<a-button
|
|
||||||
v-if="checkPer(permissions)"
|
|
||||||
:disabled="record.isLeader === '1' "
|
|
||||||
@click="del(record.id,record)"
|
|
||||||
type="link"
|
|
||||||
danger
|
|
||||||
>删除</a-button
|
|
||||||
>
|
|
||||||
</a-space>
|
</a-space>
|
||||||
</template>
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 批量调整关卡弹窗 -->
|
<!-- 批量调整关卡弹窗 -->
|
||||||
<ChangeLevelModal
|
<ChangeLevelModal v-model:visiblene="visiblene" :stage="stage" :ids="stuSelectKeys" @finash="submitCall" />
|
||||||
v-model:visiblene="visiblene"
|
|
||||||
:stage="stage"
|
|
||||||
:ids="stuSelectKeys"
|
|
||||||
@finash="submitCall"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 换组弹窗 -->
|
<!-- 换组弹窗 -->
|
||||||
<ChangeGroupModal
|
<ChangeGroupModal v-model:changegroupV="checkgroupParam.changegroupV" :groupList="groupList"
|
||||||
v-model:changegroupV="checkgroupParam.changegroupV"
|
:checkgroupStuId="stuSelectKeys" />
|
||||||
:groupList="groupList"
|
|
||||||
:checkgroupStuId="stuSelectKeys"
|
|
||||||
/>
|
|
||||||
<!-- 批量调整关卡弹窗 -->
|
<!-- 批量调整关卡弹窗 -->
|
||||||
<!-- 取消学员弹窗 -->
|
<!-- 取消学员弹窗 -->
|
||||||
<div>
|
<div>
|
||||||
<a-modal
|
<a-modal v-model:visible="canclestu" :footer="null" :closable="close" wrapClassName="canclestu" centered="true"
|
||||||
v-model:visible="canclestu"
|
@cancel="closeModal1">
|
||||||
:footer="null"
|
|
||||||
:closable="close"
|
|
||||||
wrapClassName="canclestu"
|
|
||||||
centered="true"
|
|
||||||
@cancel="closeModal1"
|
|
||||||
>
|
|
||||||
<div class="delete">
|
<div class="delete">
|
||||||
<div class="del_header"></div>
|
<div class="del_header"></div>
|
||||||
<div class="del_main">
|
<div class="del_main">
|
||||||
@@ -294,13 +196,7 @@
|
|||||||
<!-- 取消学员弹窗 -->
|
<!-- 取消学员弹窗 -->
|
||||||
<!-- 优秀学员弹窗 -->
|
<!-- 优秀学员弹窗 -->
|
||||||
<div>
|
<div>
|
||||||
<a-modal
|
<a-modal v-model:visible="canclestu1" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
|
||||||
v-model:visible="canclestu1"
|
|
||||||
:footer="null"
|
|
||||||
:closable="close"
|
|
||||||
wrapClassName="canclestu1"
|
|
||||||
centered="true"
|
|
||||||
>
|
|
||||||
<div class="delete">
|
<div class="delete">
|
||||||
<div class="del_header"></div>
|
<div class="del_header"></div>
|
||||||
<div class="del_main">
|
<div class="del_main">
|
||||||
@@ -324,35 +220,18 @@
|
|||||||
</a-modal>
|
</a-modal>
|
||||||
</div>
|
</div>
|
||||||
<!-- 查看学员 传入查看学员的id-->
|
<!-- 查看学员 传入查看学员的id-->
|
||||||
<see-stu
|
<see-stu v-model:Seevisible="Seevisible" v-model:checkStuId="checkStuId" v-model:projectId="projectId" />
|
||||||
v-model:Seevisible="Seevisible"
|
|
||||||
v-model:checkStuId="checkStuId"
|
|
||||||
v-model:projectId="projectId"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 导入作业成绩抽屉 -->
|
<!-- 导入作业成绩抽屉 -->
|
||||||
<EScore
|
<EScore v-model:eScorevisible="eScorevisible" :type="3" :id="id" :pid="id" v-model:searchTaskList="getStuList" />
|
||||||
v-model:eScorevisible="eScorevisible"
|
|
||||||
:type="3"
|
|
||||||
:id="id"
|
|
||||||
:pid="id"
|
|
||||||
v-model:searchTaskList="getStuList"
|
|
||||||
/>
|
|
||||||
<!-- 导出作业提示框 -->
|
<!-- 导出作业提示框 -->
|
||||||
<ExportHomeWork
|
<ExportHomeWork v-model:exportHomeWorkV="exportHomeWorkV" :downloadUrl="downloadUrl" />
|
||||||
v-model:exportHomeWorkV="exportHomeWorkV"
|
|
||||||
:downloadUrl="downloadUrl"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 导入学员抽屉 -->
|
<!-- 导入学员抽屉 -->
|
||||||
<!-- :courseId="projectTaskInfo.courseId"
|
<!-- :courseId="projectTaskInfo.courseId"
|
||||||
:courseType="2" -->
|
:courseType="2" -->
|
||||||
<imp-stu
|
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" @AddImpStuvisibleClose="AddImpStuvisibleClose" :courseId="id"
|
||||||
v-model:AddImpStuvisible="AddImpStuvisible"
|
:courseType="type" />
|
||||||
@AddImpStuvisibleClose="AddImpStuvisibleClose"
|
|
||||||
:courseId="id"
|
|
||||||
:courseType="type"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue";
|
import { computed, createVNode, defineProps, onMounted, ref, watch } from "vue";
|
||||||
@@ -478,16 +357,16 @@ const tablecolumns = ref([
|
|||||||
width: "10%",
|
width: "10%",
|
||||||
align: "center",
|
align: "center",
|
||||||
customRender: ({ record: { source } }) =>
|
customRender: ({ record: { source } }) =>
|
||||||
// ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
|
// ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
|
||||||
({
|
({
|
||||||
0: "导入",
|
0: "导入",
|
||||||
1: "导入",
|
1: "手动加入",
|
||||||
2: "导入",
|
2: "手动加入",
|
||||||
3: "导入",
|
3: "手动加入",
|
||||||
4: "导入",
|
4: "导入",
|
||||||
5: "报名",
|
5: "报名",
|
||||||
6: "导入",
|
6: "导入",
|
||||||
}[source]),
|
}[source]),
|
||||||
},
|
},
|
||||||
...props.columns,
|
...props.columns,
|
||||||
{
|
{
|
||||||
@@ -505,8 +384,8 @@ function allDepartShow(a, b) {
|
|||||||
a == "" || a == null || a == undefined
|
a == "" || a == null || a == undefined
|
||||||
? (a = "")
|
? (a = "")
|
||||||
: a.slice(0, 1) == "/"
|
: a.slice(0, 1) == "/"
|
||||||
? a.slice(1, a.length)
|
? a.slice(1, a.length)
|
||||||
: a;
|
: a;
|
||||||
let depart = b == "" || b == null || b == undefined ? (b = "") : b;
|
let depart = b == "" || b == null || b == undefined ? (b = "") : b;
|
||||||
let allname = org == "" && depart == "" ? "-" : org + depart;
|
let allname = org == "" && depart == "" ? "-" : org + depart;
|
||||||
return allname;
|
return allname;
|
||||||
@@ -548,7 +427,7 @@ const stuRowSelection = computed(() => ({
|
|||||||
//显示学员换组弹窗
|
//显示学员换组弹窗
|
||||||
function showChangeGroupModal() {
|
function showChangeGroupModal() {
|
||||||
const d = props.groupList
|
const d = props.groupList
|
||||||
console.log("d"+d)
|
console.log("d" + d)
|
||||||
// debugger
|
// debugger
|
||||||
checkgroupParam.value.changegroupV = true;
|
checkgroupParam.value.changegroupV = true;
|
||||||
}
|
}
|
||||||
@@ -557,8 +436,7 @@ function showChangeGroupModal() {
|
|||||||
function exportTaskStu() {
|
function exportTaskStu() {
|
||||||
console.log("props.datasource", props);
|
console.log("props.datasource", props);
|
||||||
window.open(
|
window.open(
|
||||||
`${
|
`${process.env.VUE_APP_BASE_API
|
||||||
process.env.VUE_APP_BASE_API
|
|
||||||
}/admin/student/exportTaskStudent?type=${1}&pid=${props.id}`
|
}/admin/student/exportTaskStudent?type=${1}&pid=${props.id}`
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -566,8 +444,7 @@ function exportTaskStu() {
|
|||||||
function exportTaskStuRouter() {
|
function exportTaskStuRouter() {
|
||||||
console.log("props.datasource", props, props.id);
|
console.log("props.datasource", props, props.id);
|
||||||
window.open(
|
window.open(
|
||||||
`${
|
`${process.env.VUE_APP_BASE_API
|
||||||
process.env.VUE_APP_BASE_API
|
|
||||||
}/admin/student/exportTaskStudent?type=${2}&pid=${props.id}`
|
}/admin/student/exportTaskStudent?type=${2}&pid=${props.id}`
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -635,17 +512,17 @@ function bathDel() {
|
|||||||
return message.warning("请先选中学员");
|
return message.warning("请先选中学员");
|
||||||
}
|
}
|
||||||
// 判断选择的人员中是否有小组长
|
// 判断选择的人员中是否有小组长
|
||||||
let arr = [...tableData.value.list].filter(x => [...stuSelectKeys.value].some(id => id === x.id)).filter(item => item.isLeader === '1');
|
let arr = [...tableData.value.list].filter(x => [...stuSelectKeys.value].some(id => id === x.id)).filter(item => item.isLeader === '1');
|
||||||
if (arr.length > 0) {
|
if (arr.length > 0) {
|
||||||
return message.warning("选择人员中:"+arr[0].studentName + "是小组长,请勿删除!");
|
return message.warning("选择人员中:" + arr[0].studentName + "是小组长,请勿删除!");
|
||||||
}
|
}
|
||||||
tableData.value.loading = true;
|
tableData.value.loading = true;
|
||||||
delStudentList({ ids: stuSelectKeys.value }).then(() => getStuList());
|
delStudentList({ ids: stuSelectKeys.value }).then(() => getStuList());
|
||||||
}
|
}
|
||||||
|
|
||||||
function del(id,row) {
|
function del(id, row) {
|
||||||
if (row.isLeader === '1') {
|
if (row.isLeader === '1') {
|
||||||
return message.warning(""+row.name + "是小组长,请勿删除!");
|
return message.warning("" + row.name + "是小组长,请勿删除!");
|
||||||
}
|
}
|
||||||
|
|
||||||
Modal.confirm({
|
Modal.confirm({
|
||||||
@@ -781,8 +658,7 @@ const exportStu = () => {
|
|||||||
console.log("props.datasource", props);
|
console.log("props.datasource", props);
|
||||||
if (props.id != undefined) {
|
if (props.id != undefined) {
|
||||||
window.open(
|
window.open(
|
||||||
`${
|
`${process.env.VUE_APP_BASE_API
|
||||||
process.env.VUE_APP_BASE_API
|
|
||||||
}/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2`
|
}/admin/student/exportTaskStudent?type=${3}&pid=${props.id}&thirdType=2`
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -835,11 +711,13 @@ defineExpose({ getStuList, startLoading });
|
|||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.TableStudent {
|
.TableStudent {
|
||||||
|
|
||||||
table tr th.ant-table-selection-column,
|
table tr th.ant-table-selection-column,
|
||||||
table tr td.ant-table-selection-column {
|
table tr td.ant-table-selection-column {
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.stydentName {
|
.stydentName {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -908,13 +786,13 @@ defineExpose({ getStuList, startLoading });
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: calc(100%);
|
width: calc(100%);
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
|
||||||
rgba(78, 166, 255, 0.2) 0%,
|
rgba(78, 166, 255, 0) 100%);
|
||||||
rgba(78, 166, 255, 0) 100%
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.batchOpera {
|
.batchOpera {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.stmm_btn {
|
.stmm_btn {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -987,6 +865,7 @@ defineExpose({ getStuList, startLoading });
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn4_tit:hover,
|
.btn4_tit:hover,
|
||||||
.btn4_op1:hover,
|
.btn4_op1:hover,
|
||||||
.btn4_op2:hover,
|
.btn4_op2:hover,
|
||||||
@@ -1008,6 +887,7 @@ defineExpose({ getStuList, startLoading });
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.delete {
|
/*.delete {
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
width: 424px;
|
width: 424px;
|
||||||
|
|||||||
Reference in New Issue
Block a user