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

Merge branch 'develop' of http://gitlab.dongwu-inc.com:10080/BOE/fe-manage into develop

Browse Source 
# Conflicts:
#	vue.config.js
This commit is contained in:
dongruihua
2023-02-23 17:18:15 +08:00
parent 8607f8f249 9f6e0a9710
commit 9253ed829d
23 changed files with 653 additions and 1062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env.boe
View File

@@ -7,9 +7,9 @@ VUE_APP_LOGIN_URL=//u-pre.boe.com/web
VUE_APP_BOE_API_URL=//u-pre.boe.com VUE_APP_BOE_API_URL=//u-pre.boe.com
# 导入学员模板 # 导入学员模板
VUE_APP_UP_LOAD_STUDENT_TEMPLATE=导入学员模版-1673963663229.xlsx VUE_APP_UP_LOAD_STUDENT_TEMPLATE=coursefile/导入学员模版-1677140876274.xlsx
# 外部考试导入成绩模板 # 外部考试导入成绩模板
VUE_APP_UP_LOAD_STUDENT_SCORE_TEMPLATE=外部考试学员成绩导入模板-1676551319283.xlsx VUE_APP_UP_LOAD_STUDENT_SCORE_TEMPLATE=coursefile/外部考试学员成绩导入模板-1677055614438.xlsx
#在线 #在线
VITE_BOE_ONLINE_CLASS_URL=//u-pre.boe.com/pc/course/studyindex?id= VITE_BOE_ONLINE_CLASS_URL=//u-pre.boe.com/pc/course/studyindex?id=
VITE_BOE_CASS_DETAIL_URL=//u-pre.boe.com/pc/case/detail?id= VITE_BOE_CASS_DETAIL_URL=//u-pre.boe.com/pc/case/detail?id=

2
src/components/drawers/ActiveAttendance.vue
View File

@@ -17,7 +17,7 @@
</div> </div>
<div class="centermain"> <div class="centermain">
<div class="titl"> <div class="titl">
<div class="endtime"> <div class="endtime">{{datasource}}
起止时间：{{ 起止时间：{{
datasource && datasource.startTime ? datasource.startTime : "-" datasource && datasource.startTime ? datasource.startTime : "-"
}} }}

10
src/components/drawers/AddActive.vue
View File

@@ -53,7 +53,7 @@
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
:disabled-date="disabledDate" :disabled-date="disabledDate"
:disabled-time="disabledRangeTime"
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
style="width: 400px; height: 40px; border-radius: 8px" style="width: 400px; height: 40px; border-radius: 8px"
@@ -274,14 +274,14 @@ const closeDrawer = () => {
dateTime.value = [] dateTime.value = []
resetFields() resetFields()
}; };
/**
const range = (start, end) => { const range = (start, end) => {
const result = []; const result = [];
for (let i = start; i < end; i++) { for (let i = start; i < end; i++) {
result.push(i); result.push(i);
} }
return result; return result;
}; };*/
function timeChange(time, timeStr) { function timeChange(time, timeStr) {
formData.value.activityStartTime = timeStr[0] formData.value.activityStartTime = timeStr[0]
@@ -291,14 +291,14 @@ function timeChange(time, timeStr) {
const disabledDate = (current) => { const disabledDate = (current) => {
return current && current < dayjs().startOf('day'); return current && current < dayjs().startOf('day');
}; };
/**
const disabledRangeTime = () => ({ const disabledRangeTime = () => ({
// disabledHours: () => range(0, 24).splice(4, 20), // disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60), disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56], disabledSeconds: () => [55, 56],
}); });
*/
async function confirm() { async function confirm() {
// debugger // debugger
await validate().catch(({errorFields}) => { await validate().catch(({errorFields}) => {

1
src/components/drawers/AddCase.vue
View File

@@ -175,6 +175,7 @@ function reset() {
selectsData.value = []; selectsData.value = [];
params.value.pageIndex = 1 params.value.pageIndex = 1
params.value.keyWord = '' params.value.keyWord = ''
params.value.authorName = ''
fetch() fetch()
} }

3
src/components/drawers/AddFaceteach.vue
View File

@@ -105,7 +105,8 @@
<div class="select"> <div class="select">
<a-range-picker style="width: 400px;" <a-range-picker style="width: 400px;"
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime" :disabled-date="disabledDate"
format="YYYY/MM/DD HH:mm" format="YYYY/MM/DD HH:mm"
v-model:value="chooseTime" v-model:value="chooseTime"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"

10
src/components/drawers/AddHomework.vue
View File

@@ -44,7 +44,7 @@
style="width: 400px; height: 40px; border-radius: 8px" style="width: 400px; height: 40px; border-radius: 8px"
:show-time="{ format: 'hh:mm' }" :show-time="{ format: 'hh:mm' }"
:disabled-date="disabledDate" :disabled-date="disabledDate"
:disabled-time="disabledRangeTime"
v-model:value="dateTime" v-model:value="dateTime"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
@change="timeChange" @change="timeChange"
@@ -107,7 +107,7 @@ const closeDrawer = () => {
formData.value = {} formData.value = {}
dateTime.value = [] dateTime.value = []
}; };
/**
const range = (start, end) => { const range = (start, end) => {
const result = []; const result = [];
for (let i = start; i < end; i++) { for (let i = start; i < end; i++) {
@@ -115,7 +115,7 @@ const range = (start, end) => {
} }
return result; return result;
}; };
*/
function timeChange(time, timeStr) { function timeChange(time, timeStr) {
formData.value.submitStartTime = timeStr[0] formData.value.submitStartTime = timeStr[0]
formData.value.submitEndTime = timeStr[1] formData.value.submitEndTime = timeStr[1]
@@ -124,13 +124,13 @@ function timeChange(time, timeStr) {
const disabledDate = (current) => { const disabledDate = (current) => {
return current && current < dayjs().startOf('day'); return current && current < dayjs().startOf('day');
}; };
/**
const disabledRangeTime = () => ({ const disabledRangeTime = () => ({
disabledHours: () => range(0, 24).splice(4, 20), disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60), disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56], disabledSeconds: () => [55, 56],
}); });
*/
function confirm() { function confirm() {
if (taskIndex.value === -1) { if (taskIndex.value === -1) {
const list = props.taskList const list = props.taskList

10
src/components/drawers/AddLive.vue
View File

@@ -76,7 +76,7 @@
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-date="disabledDate"
:disabled-time="disabledRangeTime"
style="width: 400px; height: 40px; border-radius: 8px" style="width: 400px; height: 40px; border-radius: 8px"
v-model:value="dateTime" v-model:value="dateTime"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
@@ -433,7 +433,7 @@ const closeDrawer = () => {
dateTime.value = []; dateTime.value = [];
resetFields(); resetFields();
}; };
/**
const range = (start, end) => { const range = (start, end) => {
const result = []; const result = [];
for (let i = start; i < end; i++) { for (let i = start; i < end; i++) {
@@ -441,7 +441,7 @@ const range = (start, end) => {
} }
return result; return result;
}; };
*/
function timeChange(time, timeStr) { function timeChange(time, timeStr) {
formData.value.liveStartTime = timeStr[0]; formData.value.liveStartTime = timeStr[0];
formData.value.liveEndTime = timeStr[1]; formData.value.liveEndTime = timeStr[1];
@@ -450,13 +450,13 @@ function timeChange(time, timeStr) {
const disabledDate = (current) => { const disabledDate = (current) => {
return current && current < dayjs().startOf("day"); return current && current < dayjs().startOf("day");
}; };
/**
const disabledRangeTime = () => ({ const disabledRangeTime = () => ({
// disabledHours: () => range(0, 24).splice(4, 20), // disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60), disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56], disabledSeconds: () => [55, 56],
}); });
*/
async function confirm() { async function confirm() {
// debugger; // debugger;
console.log("确定按钮:"); console.log("确定按钮:");

3
src/components/drawers/AddProject.vue
View File

@@ -291,6 +291,9 @@ function reset() {
selectsData.value = []; selectsData.value = [];
params.value.pageNo = 1 params.value.pageNo = 1
params.value.keyWord = '' params.value.keyWord = ''
params.value.createName = ''
params.value.manager = ''
params.value.name = ''
fetch() fetch()
} }

7
src/components/drawers/AddTest.vue
View File

@@ -20,7 +20,6 @@
<div style="display: flex; flex-direction: row; padding-top: 0px; margin-top: 20px; margin-left: 32px;"> <div style="display: flex; flex-direction: row; padding-top: 0px; margin-top: 20px; margin-left: 32px;">
<div> <div>
<button <button
:disabled="taskIndex >= 0"
style="width: 100px; cursor: pointer;" style="width: 100px; cursor: pointer;"
@click="changeOuter(1)" @click="changeOuter(1)"
:class="formData.examType === 1 ? 'outer' : 'notOuter'" :class="formData.examType === 1 ? 'outer' : 'notOuter'"
@@ -437,6 +436,7 @@ const disabledDate = (current) => {
// 系统考试 // 系统考试
async function confirm() { async function confirm() {
debugger
await validate().catch(({errorFields}) => { await validate().catch(({errorFields}) => {
message.warning(errorFields[0].errors.join()); message.warning(errorFields[0].errors.join());
throw Error("数据校验不通过") throw Error("数据校验不通过")
@@ -447,7 +447,7 @@ async function confirm() {
} else { } else {
const data = props.taskList[taskIndex.value] const data = props.taskList[taskIndex.value]
data.name = formData.value.examinationName data.name = formData.value.examinationName
data.info = formData.value data.info = {...formData.value}
} }
emit('update:taskList', [...props.taskList]) emit('update:taskList', [...props.taskList])
closeDrawer() closeDrawer()
@@ -467,6 +467,9 @@ const delTag = () => {
} }
function changeOuter(v) { function changeOuter(v) {
if (taskIndex.value >= 0) {
return message.warn("编辑状态不允许切换。")
}
formData.value.examType = v; formData.value.examType = v;
} }

3
src/components/drawers/AssessmentAll.vue
View File

@@ -180,6 +180,7 @@ function reset() {
selectsData.value = []; selectsData.value = [];
params.value.pageIndex = 1; params.value.pageIndex = 1;
params.value.keyWord = ""; params.value.keyWord = "";
params.value.assessmentName ="";
fetch(); fetch();
} }
@@ -231,6 +232,8 @@ const goResearchmanage = () => {
.main_item { .main_item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 20px;
margin-bottom: 20px;
.fi_input { .fi_input {
margin-right: 20px; margin-right: 20px;

156
src/components/drawers/ExportScore.vue
View File

@@ -1,20 +1,12 @@
<template> <template>
<a-drawer <a-drawer :visible="eScorevisible" class="drawerStyle ExportScore" placement="right" width="700px"
:visible="eScorevisible" @after-visible-change="afterVisibleChange">
class="drawerStyle ExportScore"
placement="right"
width="700px"
@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="main"> <div class="main">
<div class="minatitl"> <div class="minatitl">
@@ -28,20 +20,13 @@
<div class="text">上传：</div> <div class="text">上传：</div>
<div class="right"> <div class="right">
<div style="height: 176px; margin-bottom: 20px"> <div style="height: 176px; margin-bottom: 20px">
<a-upload-dragger <a-upload-dragger v-model:fileList="fileList" :action="importHomeWork" name="uploadFile" :multiple="true"
v-model:fileList="fileList" @change="handleChange" :showUploadList="false" :data="{
:action="importHomeWork"
name="uploadFile"
:multiple="true"
@change="handleChange"
:showUploadList="false"
:data="{
type: type, type: type,
taskId: Number(id), taskId: Number(id),
workId: datesource.info.id, workId: datesource.info.id,
targetId: Number(id), targetId: Number(id),
}" }">
>
<p class="ant-upload-drag-icon"> <p class="ant-upload-drag-icon">
<inbox-outlined></inbox-outlined> <inbox-outlined></inbox-outlined>
</p> </p>
@@ -49,16 +34,13 @@
<p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p> <p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p>
</a-upload-dragger> </a-upload-dragger>
</div> </div>
<!-- <div class="load"> <!-- <div class="load">
<div class="cloud"></div> <div class="cloud"></div>
<div class="tip">点击或将文件拖拽到此处上传</div> <div class="tip">点击或将文件拖拽到此处上传</div>
<div class="tipz">支持扩展名：.xls/.xlsx</div> <div class="tipz">支持扩展名：.xls/.xlsx</div>
</div> --> </div> -->
<div class="loadstate"> <div class="loadstate">
<div <div class="loadborder" v-if="uploadpercent < 100 && uploadpercent !== -1">
class="loadborder"
v-if="uploadpercent < 100 && uploadpercent !== -1"
>
<div class="content"> <div class="content">
<div class="img"></div> <div class="img"></div>
<div class="timebox"> <div class="timebox">
@@ -67,14 +49,14 @@
<div class="stateloading">正在上传</div> <div class="stateloading">正在上传</div>
</div> </div>
<a-progress :percent="uploadpercent" /> <a-progress :percent="uploadpercent" />
<!-- <div class="prog"> <!-- <div class="prog">
<div class="inprogloading"></div> <div class="inprogloading"></div>
</div> --> </div> -->
</div> </div>
<div class="curloading"> <div class="curloading">
<!-- <div class="cur">55%</div> --> <!-- <div class="cur">55%</div> -->
<!-- <div class="cancel" style="margin-left: 20px">暂停</div> <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div> --> <div class="cancel" style="margin-left: 15px">取消</div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -87,25 +69,20 @@
<div class="statedefeat">上传失败</div> <div class="statedefeat">上传失败</div>
</div> </div>
<a-progress :percent="uploadpercent" /> <a-progress :percent="uploadpercent" />
<!-- <div class="prog"> <!-- <div class="prog">
<div class="inprogdefeat"></div> <div class="inprogdefeat"></div>
</div> --> </div> -->
</div> </div>
<div class="curloading"> <div class="curloading">
<!-- <div class="cur">55%</div> --> <!-- <div class="cur">55%</div> -->
<div <div style="color: #387df7; margin-left: 20px; cursor: pointer">
style="color: #387df7; margin-left: 20px; cursor: pointer"
>
下载失败数据 下载失败数据
</div> </div>
<!-- <div class="cancel" style="margin-left: 20px">暂停</div> <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div> --> <div class="cancel" style="margin-left: 15px">取消</div> -->
</div> </div>
<div <div class="defeat" style="display: flex; align-items: center">
class="defeat"
style="display: flex; align-items: center"
>
<div style="color: #ff7474"> <div style="color: #ff7474">
{{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败 {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
</div> </div>
@@ -122,17 +99,13 @@
<div class="statesucce">上传成功</div> <div class="statesucce">上传成功</div>
</div> </div>
<a-progress :percent="uploadpercent" /> <a-progress :percent="uploadpercent" />
<!-- <div class="prog"> <!-- <div class="prog">
<div class="inprogsucce"></div> <div class="inprogsucce"></div>
</div> --> </div> -->
</div> </div>
<div class="curloading"> <div class="curloading">
<!-- <div class="cur">100%</div> --> <!-- <div class="cur">100%</div> -->
<div <div class="cancel" style="margin-left: 20px; cursor: pointer" @click="removeUpload">
class="cancel"
style="margin-left: 20px; cursor: pointer"
@click="removeUpload"
>
删除 删除
</div> </div>
</div> </div>
@@ -143,33 +116,22 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="uploadpercent === 100" class="defeat" style="
v-if="uploadpercent === 100" display: flex;
class="defeat" align-items: center;
style=" width: 500px;
display: flex; height: 40px;" :style="{
align-items: center; background: errNum
width: 500px; ? 'rgba(255, 116, 116, 0.1)'
height: 40px;" : 'rgba(53, 174, 105, 0.1)',
:style="{ border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
background: errNum }">
? 'rgba(255, 116, 116, 0.1)' <img style="width: 14px; height: 14px; margin-left: 16px" :src="
: 'rgba(53, 174, 105, 0.1)', errNum
border: errNum ? '1px solid #ff7474' : '1px solid #35AE69', ? require('../../assets/images/err.png')
}" : require('../../assets/images/success.png')
> " />
<img <div style="margin-left: 8px" :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }">
style="width: 14px; height: 14px; margin-left: 16px"
:src="
errNum
? require('../../assets/images/err.png')
: require('../../assets/images/success.png')
"
/>
<div
style="margin-left: 8px"
:style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }"
>
{{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败 {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
</div> </div>
</div> </div>
@@ -189,7 +151,7 @@
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import {reactive, toRefs} from "vue"; import { reactive, toRefs } from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import * as api from "../../api/index1"; import * as api from "../../api/index1";
import { BATCH_IMPORT_SCORE } from "@/api/config"; import { BATCH_IMPORT_SCORE } from "@/api/config";
@@ -225,7 +187,7 @@ export default {
}, },
}, },
setup(props, ctx) { setup(props, ctx) {
debugger // debugger
const state = reactive({ const state = reactive({
fileType: ["xls", "xlsx"], fileType: ["xls", "xlsx"],
importHomeWork: importHomeWork:
@@ -295,7 +257,7 @@ export default {
console.log("props.getStudent", props.getStudent); console.log("props.getStudent", props.getStudent);
clearInterval(timer); clearInterval(timer);
} }
}else{ } else {
state.addLoading = false; state.addLoading = false;
message.destroy(); message.destroy();
message.error(`文件导入超时`); message.error(`文件导入超时`);
@@ -398,6 +360,7 @@ export default {
overflow-x: auto; overflow-x: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.header { .header {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
@@ -407,6 +370,7 @@ export default {
// background-color: red; // background-color: red;
margin-bottom: 20px; margin-bottom: 20px;
flex-shrink: 0; flex-shrink: 0;
.headerTitle { .headerTitle {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@@ -415,15 +379,19 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
.main { .main {
overflow-y: auto; overflow-y: auto;
.minatitl { .minatitl {
display: flex; display: flex;
.up1 { .up1 {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.up2 { .up2 {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
@@ -431,16 +399,20 @@ export default {
margin-left: 4px; margin-left: 4px;
} }
} }
.upload { .upload {
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
.text { .text {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.right { .right {
margin-left: 6px; margin-left: 6px;
.load { .load {
width: 500px; width: 500px;
height: 176px; height: 176px;
@@ -452,12 +424,14 @@ export default {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
.cloud { .cloud {
margin-top: 52px; margin-top: 52px;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-image: url(../../assets/images/basicinfo/cloud.png); background-image: url(../../assets/images/basicinfo/cloud.png);
} }
.tip { .tip {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -465,6 +439,7 @@ export default {
margin-top: 15px; margin-top: 15px;
cursor: pointer; cursor: pointer;
} }
.tipz { .tipz {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -472,6 +447,7 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
} }
.loadstate { .loadstate {
width: 500px; width: 500px;
margin-bottom: 100px; margin-bottom: 100px;
@@ -486,10 +462,12 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
position: relative; position: relative;
.content { .content {
display: flex; display: flex;
margin-left: 20px; margin-left: 20px;
position: relative; position: relative;
.defeat { .defeat {
width: 400px; width: 400px;
position: absolute; position: absolute;
@@ -499,45 +477,54 @@ export default {
font-weight: 500; font-weight: 500;
justify-content: space-between; justify-content: space-between;
} }
.img { .img {
width: 30px; width: 30px;
height: 34px; height: 34px;
background-image: url(../../assets/images/basicinfo/exl.png); background-image: url(../../assets/images/basicinfo/exl.png);
} }
.timebox { .timebox {
margin-left: 15px; margin-left: 15px;
margin-top: -5px; margin-top: -5px;
.timetop { .timetop {
display: flex; display: flex;
width: 262px; width: 262px;
justify-content: space-between; justify-content: space-between;
// margin-bottom: 8px; // margin-bottom: 8px;
.tit { .tit {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.stateloading { .stateloading {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
} }
.statedefeat { .statedefeat {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ff7474; color: #ff7474;
} }
.statesucce { .statesucce {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #35ae69; color: #35ae69;
} }
} }
.prog { .prog {
width: 262px; width: 262px;
height: 5px; height: 5px;
background: #eaf1fe; background: #eaf1fe;
border-radius: 4px; border-radius: 4px;
.inprogloading { .inprogloading {
width: 55%; width: 55%;
height: 5px; height: 5px;
@@ -545,6 +532,7 @@ export default {
background: #4ea6ff; background: #4ea6ff;
} }
//下载失败条 //下载失败条
.inprogdefeat { .inprogdefeat {
width: 55%; width: 55%;
@@ -553,6 +541,7 @@ export default {
background: #ff7474; background: #ff7474;
} }
//下载成功条 //下载成功条
.inprogsucce { .inprogsucce {
width: 100%; width: 100%;
@@ -563,15 +552,18 @@ export default {
} }
} }
} }
.curloading { .curloading {
margin-left: 15px; margin-left: 15px;
margin-top: 15px; margin-top: 15px;
display: flex; display: flex;
.cur { .cur {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.cancel { .cancel {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -579,6 +571,7 @@ export default {
} }
} }
} }
.downloadErr { .downloadErr {
width: 120px; width: 120px;
height: 32px; height: 32px;
@@ -602,6 +595,7 @@ export default {
} }
} }
} }
.btnn { .btnn {
height: 72px; height: 72px;
width: 100%; width: 100%;
@@ -613,6 +607,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;
@@ -622,6 +617,7 @@ export default {
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
} }
.btn2 { .btn2 {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;

2
src/components/drawers/ProjectScore.vue
View File

@@ -360,7 +360,7 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "证书", title: "已获得积分",
dataIndex: "diploma", dataIndex: "diploma",
key: "diploma", key: "diploma",
width: 40, width: 40,

117
src/components/drawers/UnlockMode.vue
View File

@@ -3,32 +3,33 @@
<slot></slot> <slot></slot>
</div> </div>
<a-drawer <a-drawer
:visible="visible" :visible="visible"
class="drawerStyle unlockmode" class="drawerStyle unlockmode"
placement="right" placement="right"
width="700" width="700"
> >
<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" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="main"> <div class="main">
<div class="classify"> <div class="classify">
<div <div
v-for="(item, index) in classify" v-for="(item, index) in classify"
:key="index" :key="index"
class="classifyItem" class="classifyItem"
@click="selectClassify(item)" @click="selectClassify(item)"
:style="{ :style="{
color: item.type === classifyActive ? '#FFFFFF' : '#999999', color: item.type === classifyActive ? '#FFFFFF' : '#999999',
'background-color': 'background-color':
item.type === classifyActive ? '#4ea6ff' : '#FFFFFF', item.type === classifyActive ? '#4ea6ff' : '#FFFFFF',
border: item.type === classifyActive border:
item.type === classifyActive
? '1px solid #4ea6ff' ? '1px solid #4ea6ff'
: '1px solid #999999', : '1px solid #999999',
}" }"
@@ -36,12 +37,19 @@
{{ item.text }} {{ item.text }}
</div> </div>
</div> </div>
<div v-if="classifyActive === 1" @click="updateLockMode(1)" class="type1"> <div
v-if="classifyActive === 1"
@click="updateLockMode(1)"
class="type1"
>
<span style="font-weight: 500">描述：</span <span style="font-weight: 500">描述：</span
><span>不设学习限制，学员可以在任何时间学习</span> ><span>不设学习限制，学员可以在任何时间学习</span>
</div> </div>
<div v-if="classifyActive === 2" @click="updateLockMode(2)" <div
class="type1 type3"> v-if="classifyActive === 2"
@click="updateLockMode(2)"
class="type1 type3"
>
<div> <div>
<span style="font-weight: 500">描述：</span <span style="font-weight: 500">描述：</span
><span>前一个阶段达成目标后解锁下一个阶段</span> ><span>前一个阶段达成目标后解锁下一个阶段</span>
@@ -51,15 +59,13 @@
<a-radio-group v-model:value="routerInfoData.unlockMode"> <a-radio-group v-model:value="routerInfoData.unlockMode">
<div> <div>
<a-radio :value="2" <a-radio :value="2"
>逐个任务解锁，完成一个任务后解锁下一个 >逐个任务解锁，完成一个任务后解锁下一个
</a-radio </a-radio>
>
</div> </div>
<div v-if="types!==1" style="margin-top: 24px"> <div v-if="types !== 1" style="margin-top: 24px">
<a-radio :value="3" <a-radio :value="3"
>完成当前阶段所有必修任务解锁下一阶段 >完成当前阶段所有必修任务解锁下一阶段
</a-radio </a-radio>
>
</div> </div>
</a-radio-group> </a-radio-group>
</div> </div>
@@ -74,11 +80,11 @@
</template> </template>
<script setup> <script setup>
import {computed, defineEmits, defineProps, ref, watch} from "vue"; import { computed, defineEmits, defineProps, ref, watch } from "vue";
import {editProjectModel, editRouterModel} from "@/api/indexLearningPath"; import { editProjectModel, editRouterModel } from "@/api/indexLearningPath";
const emit = defineEmits({}) const emit = defineEmits({});
const visible = ref(false) const visible = ref(false);
const classify = [ const classify = [
{ {
type: 1, type: 1,
@@ -91,45 +97,58 @@ const classify = [
]; ];
const props = defineProps({ const props = defineProps({
routerInfo: {}, routerInfo: {},
types: Number types: Number,
}) });
const routerInfoData = ref({}) const routerInfoData = ref({});
const classifyActive = computed(() => routerInfoData.value.unlockMode === 1 ? 1 : 2) const classifyActive = computed(() =>
watch(() => props.routerInfo, () => { routerInfoData.value.unlockMode === 1 ? 1 : 2
routerInfoData.value = props.routerInfo );
}) watch(
() => props.routerInfo,
() => {
routerInfoData.value = props.routerInfo;
console.log("routerInfoData", routerInfoData);
}
);
const closeDrawer = () => { const closeDrawer = () => {
visible.value = false visible.value = false;
}; };
function selectClassify(e) { function selectClassify(e) {
if (e.type === 1) { console.log("选择模式", e, props.types);
routerInfoData.value.unlockMode = e.type if (routerInfoData.value.status !== 3 && props.types === 2) {
routerInfoData.value.unlockMode = e.type;
} }
// 当为学习路径图时候 直接默认第一个选项 不用选中 if (routerInfoData.value.status !== 1 && props.types === 1) {
if (e.type === 2 && props.types === 1) { routerInfoData.value.unlockMode = e.type;
routerInfoData.value.unlockMode = e.type
} }
// if (e.type === 1) {
// routerInfoData.value.unlockMode = e.type;
// }
// // 当为学习路径图时候 直接默认第一个选项 不用选中
// if (e.type === 2 && props.types === 1) {
// routerInfoData.value.unlockMode = e.type;
// }
} }
const saveUnlock = () => { const saveUnlock = () => {
emit("update:userInfo", routerInfoData.value) emit("update:userInfo", routerInfoData.value);
if (props.types === 2) { if (props.types === 2) {
editProjectModel(routerInfoData.value) editProjectModel(routerInfoData.value);
} else { } else {
editRouterModel(routerInfoData.value) editRouterModel(routerInfoData.value);
} }
closeDrawer() closeDrawer();
} };
function updateLockMode(type) { function updateLockMode(type) {
routerInfoData.value.unlockMode = type console.log("22222", type);
routerInfoData.value.unlockMode = type;
} }
function openDrawer() { function openDrawer() {
visible.value = true visible.value = true;
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.unlockmode { .unlockmode {

303
src/components/drawers/project/AddCertificate.vue
View File

@@ -1,42 +1,26 @@
<template> <template>
<a-drawer <a-drawer :visible="ACertificate" class="drawerStyle AddCertificate" width="80%" title="添加证书" placement="right"
:visible="ACertificate" @after-visible-change="afterVisibleChange">
class="drawerStyle AddCertificate"
width="80%"
title="添加证书"
placement="right"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">
{{ ACertificateEditId ? "编辑" : "添加" }}证书 {{ ACertificateEditId ? "编辑" : "添加" }}证书
</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="certificateName" style="width: 400px; height: 40px; border-radius: 8px"
v-model:value="certificateName" placeholder="请输入证书名称" maxlength="20" />
style="width: 400px; height: 40px; border-radius: 8px"
placeholder="请输入证书名称"
maxlength="20"
/>
</div> </div>
</div> </div>
@@ -63,28 +47,13 @@
<div class="main_item" style="align-items: flex-start"> <div class="main_item" style="align-items: flex-start">
<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 <div class="btnbox" style="flex-direction: column; align-items: flex-start">
class="btnbox" <a-upload v-model:file-list="fileList" name="file" style="width: 200px" list-type="picture-card"
style="flex-direction: column; align-items: flex-start" class="avatar-uploader" :show-upload-list="false" :before-upload="beforeUpload">
>
<a-upload
v-model:file-list="fileList"
name="file"
style="width: 200px"
list-type="picture-card"
class="avatar-uploader"
:show-upload-list="false"
action="/manageApi/file/uploadFile"
@change="handleChange"
:before-upload="beforeUpload"
>
<img v-if="imageUrl" :src="imageUrl" alt="avatar" /> <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
<div v-else> <div v-else>
<loading-outlined v-if="loading"></loading-outlined> <loading-outlined v-if="loading"></loading-outlined>
@@ -102,90 +71,58 @@
<span style="margin-right: 3px">证书说明：</span> <span style="margin-right: 3px">证书说明：</span>
</div> </div>
<div class="textarea" style="width: 400px"> <div class="textarea" style="width: 400px">
<a-textarea <a-textarea v-model:value="certificateRemark" placeholder="请输入证书说明" allow-clear :rows="8" show-count
v-model:value="certificateRemark" :maxlength="200" />
placeholder="请输入证书说明"
allow-clear
:rows="8"
show-count
:maxlength="200"
/>
</div> </div>
</div> </div>
<div class="main_item" style="margin-bottom: 16px"> <div class="main_item" style="margin-bottom: 16px">
<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 <span style="
style=" margin-right: 3px;
margin-right: 3px; font-size: 16px;
font-size: 16px; color: #333;
color: #333; font-size: 14px;
font-size: 14px; ">设置获得条件</span>
"
>设置获得条件</span
>
</div> </div>
<div class="btnbox"></div> <div class="btnbox"></div>
</div> </div>
<div <div class="main_item" style="
class="main_item" border: 1px solid rgba(0, 0, 0, 0.1);
style=" width: ;
border: 1px solid rgba(0, 0, 0, 0.1); margin-left: 35px;
width: ; padding-top: 30px;
margin-left: 35px; margin-top: 0px;
padding-top: 30px; ">
margin-top: 0px;
"
>
<div class="signbox" style="width: 30px"> <div class="signbox" style="width: 30px">
<span <span style="margin-right: 3px; font-size: 16px; color: #333"></span>
style="margin-right: 3px; font-size: 16px; color: #333"
></span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-radio-group <a-radio-group v-model:value="condition" @change="selectCondition">
v-model:value="condition"
@change="selectCondition"
>
<a-radio v-model:checked="checked" :value="1"> <a-radio v-model:checked="checked" :value="1">
完成项目 完成项目
<a-popover> <a-popover>
<template #content> <template #content>
<div <div style="font-size: 12px; color: rgba(153, 153, 153, 1)">
style="font-size: 12px; color: rgba(153, 153, 153, 1)"
>
后续新增自动包括 后续新增自动包括
</div> </div>
</template> </template>
<img <img style="width: 16px; height: 16px" src="../../../assets/images/project/tishi.png" />
style="width: 16px; height: 16px"
src="../../../assets/images/project/tishi.png"
/>
</a-popover> </a-popover>
</a-radio> </a-radio>
<br /> <br />
<div <div style="
style=" height: 60px;
height: 60px; margin-left: 24px;
margin-left: 24px; display: flex;
display: flex; align-items: center;
align-items: center; ">
" <a-radio-group v-model:value="large" size="small" @change="selectlarge" :disabled="condition !== 1">
>
<a-radio-group
v-model:value="large"
size="small"
@change="selectlarge"
:disabled="condition !== 1"
>
<a-radio-button value="1">全部任务</a-radio-button> <a-radio-button value="1">全部任务</a-radio-button>
<a-radio-button value="2">完成必修任务</a-radio-button> <a-radio-button value="2">完成必修任务</a-radio-button>
</a-radio-group> </a-radio-group>
@@ -194,132 +131,84 @@
完成阶段 完成阶段
</a-radio> </a-radio>
<br /> <br />
<div <div style="
style=" height: 60px;
height: 60px; margin-left: 24px;
margin-left: 24px; display: flex;
display: flex; align-items: center;
align-items: center; ">
" <a-select ref="select" size="small" placeholder="请选择阶段" v-model:value="selectStageName"
> style="width: 120px" @focus="focus" @change="selectStage" :options="stageList" :fieldNames="{
<a-select
ref="select"
size="small"
placeholder="请选择阶段"
v-model:value="selectStageName"
style="width: 120px"
@focus="focus"
@change="selectStage"
:options="stageList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }" :disabled="condition !== 2">
:disabled="condition !== 2"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="3"> <a-radio v-model:checked="checked" :value="3">
完成任务 完成任务
</a-radio> </a-radio>
<br /> <br />
<div <div style="
style=" height: 60px;
height: 60px; margin-left: 24px;
margin-left: 24px; display: flex;
display: flex; align-items: center;
align-items: center; ">
" <a-select ref="select" size="small" placeholder="请选择任务" v-model:value="selectTaskName"
> style="width: 120px" @focus="focus" @change="selectTask" :options="taskList" :fieldNames="{
<a-select
ref="select"
size="small"
placeholder="请选择任务"
v-model:value="selectTaskName"
style="width: 120px"
@focus="focus"
@change="selectTask"
:options="taskList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }" :disabled="condition !== 3">
:disabled="condition !== 3"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="4"> <a-radio v-model:checked="checked" :value="4">
考试合格 考试合格
</a-radio> </a-radio>
<br /> <br />
<div <div style="
style=" height: 60px;
height: 60px; margin-left: 24px;
margin-left: 24px; display: flex;
display: flex; align-items: center;
align-items: center; ">
" <a-select ref="select" size="small" placeholder="请选择考试" v-model:value="selectExamName"
> style="width: 120px" @focus="focus" @change="selectExam" :options="examList" :fieldNames="{
<a-select
ref="select"
size="small"
placeholder="请选择考试"
v-model:value="selectExamName"
style="width: 120px"
@focus="focus"
@change="selectExam"
:options="examList"
:fieldNames="{
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }" :disabled="condition !== 4">
:disabled="condition !== 4"
>
</a-select> </a-select>
</div> </div>
<a-radio v-model:checked="checked" :value="5"> <a-radio v-model:checked="checked" :value="5">
获得积分 获得积分
</a-radio> </a-radio>
<br /> <br />
<div <div style="
style=" height: 60px;
height: 60px; margin-left: 24px;
margin-left: 24px; display: flex;
display: flex; align-items: center;
align-items: center; ">
" <div style="
> font-size: 14px;
<div font-weight: 400;
style=" color: #333333;
font-size: 14px; line-height: 20px;
font-weight: 400; margin-right: 5px;
color: #333333; ">
line-height: 20px;
margin-right: 5px;
"
>
高于 高于
</div> </div>
<a-input-number <a-input-number id="inputNumber" v-model:value="score" :min="1" :max="projectPoints" style="width: 70px"
id="inputNumber" :disabled="condition !== 5" />
v-model:value="score" <div style="
:min="1" font-size: 14px;
:max="projectPoints" font-weight: 400;
style="width: 70px" color: #333333;
:disabled="condition !== 5" line-height: 20px;
/> margin-left: 5px;
<div ">
style="
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
margin-left: 5px;
"
>
分可获得，当前项目积分为 {{ projectPoints }} 分 分可获得，当前项目积分为 {{ projectPoints }} 分
</div> </div>
</div> </div>
@@ -708,14 +597,14 @@ export default {
state.condition == 1 state.condition == 1
? state.large ? state.large
: state.condition == 2 : state.condition == 2
? state.selectStageId ? state.selectStageId
: state.condition == 3 : state.condition == 3
? state.selectTaskId ? state.selectTaskId
: state.condition == 4 : state.condition == 4
? state.selectExamId ? state.selectExamId
: state.condition == 5 : state.condition == 5
? state.score ? state.score
: "", : "",
type: 1, type: 1,
}; };
if (props.ACertificateEdit) { if (props.ACertificateEdit) {
@@ -853,6 +742,7 @@ export default {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: 32px; margin-bottom: 32px;
.textarea { .textarea {
width: 400px; width: 400px;
@@ -874,6 +764,7 @@ export default {
border-radius: 8px; border-radius: 8px;
} }
} }
.signbox { .signbox {
width: 120px; width: 120px;
display: flex; display: flex;

164
src/components/drawers/router/RouterExaminationManage.vue
View File

@@ -1,51 +1,28 @@
<template> <template>
<a-drawer <a-drawer v-if="ExaminationModelVisible" :visible="ExaminationModelVisible" class="drawerStyle ProjectExamManage"
v-if="ExaminationModelVisible" placement="right" width="80%" @after-visible-change="afterVisibleChange">
:visible="ExaminationModelVisible"
class="drawerStyle ProjectExamManage"
placement="right"
width="80%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">【考试】{{ title }}</div> <div class="headerTitle">【考试】{{ title }}</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="main"> <div class="main">
<div class="endtime">起止时间：{{datasource.startTime}} ～ {{datasource.endTime}}</div> <div class="endtime">起止时间：{{ datasource.startTime }} ～ {{ datasource.endTime }}</div>
<div class="search"> <div class="search">
<div class="namecon" style="margin-right: 30px"> <div class="namecon" style="margin-right: 30px">
<div class="name">姓名：</div> <div class="name">姓名：</div>
<a-input <a-input v-model:value="name" style="width: 200px; height: 40px; border-radius: 8px" placeholder="请输入姓名" />
v-model:value="name"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名"
/>
</div> </div>
<div v-if="datasource.type !==5" class="namecon" style="margin-right: 50px"> <div v-if="datasource.type !== 5" class="namecon" style="margin-right: 50px">
<div class="name">任务状态：</div> <div class="name">任务状态：</div>
<div class="select"> <div class="select">
<a-select <a-select v-model:value="projectName" style="width: 200px" placeholder="请选择" :options="projectNameList"
v-model:value="projectName" @change="selectProjectName" allowClear></a-select>
style="width: 200px"
placeholder="请选择"
:options="projectNameList"
@change="selectProjectName"
allowClear
></a-select>
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div <div class="btn btn1" style="margin-right: 20px" @click="searchTableData">
class="btn btn1"
style="margin-right: 20px"
@click="searchTableData"
>
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
@@ -82,31 +59,17 @@
</div> </div>
</div> --> </div> -->
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px"> <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table style="border: 1px solid #f2f6fe" :columns="tablecolumns" :data-source="tabledata"
style="border: 1px solid #f2f6fe" :loading="loadingData" :scroll="{ x: 900 }" :pagination="false" />
:columns="tablecolumns"
:data-source="tabledata"
:loading="loadingData"
:scroll="{ x: 900 }"
:pagination="false"
/>
<div class="pa"> <div class="pa">
<a-pagination <a-pagination :showSizeChanger="false" showQuickJumper="true" hideOnSinglePage="true" :pageSize="pageSize"
:showSizeChanger="false" :current="currentPage" :total="tableDataTotal" class="pagination" v-if="tableDataTotal > 10"
showQuickJumper="true" @change="changePaginationStu" />
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
v-if="tableDataTotal > 10"
@change="changePaginationStu"
/>
</div> </div>
</div> </div>
</div> </div>
<!-- <!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
@@ -115,8 +78,8 @@
<!-- 导出成绩抽屉 --> <!-- 导出成绩抽屉 -->
<EScore v-model:eScorevisible="eScorevisible" /> <EScore v-model:eScorevisible="eScorevisible" />
</a-drawer> </a-drawer>
<!-- 查看答卷抽屉 --> <!-- 查看答卷抽屉 -->
<CheckAnsware v-model:CAvisible="CAvisible" :datasource="datasource"/> <CheckAnsware v-model:CAvisible="CAvisible" :datasource="datasource" />
</template> </template>
<script> <script>
@@ -198,7 +161,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.studentCode?text.record.studentCode:"-"}</span> <span> {text.record.studentCode ? text.record.studentCode : "-"}</span>
</div> </div>
); );
}, },
@@ -213,7 +176,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.studentName?text.record.studentName:"-"}</span> <span> {text.record.studentName ? text.record.studentName : "-"}</span>
</div> </div>
); );
}, },
@@ -228,7 +191,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.studentDepartName?text.record.studentDepartName:"-"}</span> <span> {text.record.studentDepartName ? text.record.studentDepartName : "-"}</span>
</div> </div>
); );
}, },
@@ -244,7 +207,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.studentJobName?text.record.studentJobName:"-"}</span> <span> {text.record.studentJobName ? text.record.studentJobName : "-"}</span>
</div> </div>
); );
}, },
@@ -258,7 +221,7 @@ export default {
ellipsis: true, ellipsis: true,
className: "h", className: "h",
customRender: () => { customRender: () => {
return ( return (
<div class="racona"> <div class="racona">
<span> {props.levelName}</span> <span> {props.levelName}</span>
</div> </div>
@@ -276,7 +239,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.num?text.record.num:"-"}</span> <span> {text.record.num ? text.record.num : "-"}</span>
</div> </div>
); );
}, },
@@ -292,7 +255,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.examinationScore?text.record.examinationScore:"-"}</span> <span> {text.record.examinationScore ? text.record.examinationScore : "-"}</span>
</div> </div>
); );
}, },
@@ -309,7 +272,7 @@ export default {
customRender: (text) => { customRender: (text) => {
return ( return (
<div class="racona"> <div class="racona">
<span> {text.record.examinationSubmitTime?text.record.examinationSubmitTime:"-"}</span> <span> {text.record.examinationSubmitTime ? text.record.examinationSubmitTime : "-"}</span>
</div> </div>
); );
}, },
@@ -322,7 +285,7 @@ export default {
align: "center", align: "center",
ellipsis: true, ellipsis: true,
className: "h", className: "h",
customRender: ({record:{finishStatus}}) => ({1:'通过',2:'未通过'}[finishStatus] || '未开始'), customRender: ({ record: { finishStatus } }) => ({ 1: '通过', 2: '未通过' }[finishStatus] || '未开始'),
}, },
{ {
title: "操作", title: "操作",
@@ -333,37 +296,37 @@ export default {
ellipsis: true, ellipsis: true,
className: "h", className: "h",
customRender: (text) => { customRender: (text) => {
debugger {/* debugger */ }
console.log("text"+text.record) console.log("text" + text.record)
if (text.record.finishStatus===1 || text.record.finishStatus===2) { if (text.record.finishStatus === 1 || text.record.finishStatus === 2) {
return ( return (
<div class="racona"> <div class="racona">
<a-button <a-button
type="link" type="link"
onClick={()=>{ onClick={() => {
state.studentKid = text.record.studentKid; state.studentKid = text.record.studentKid;
state.datasource = text.record; state.datasource = text.record;
state.CAvisible = true; state.CAvisible = true;
}}> }}>
查看答卷 查看答卷
</a-button> </a-button>
</div> </div>
); );
}else { } else {
return ( return (
<div class="racona"> <div class="racona">
<a-button <a-button
type="link" type="link"
disabled disabled
onClick={()=>{ onClick={() => {
state.studentKid = text.record.studentKid; state.studentKid = text.record.studentKid;
state.datasource = text.record; state.datasource = text.record;
state.CAvisible = true; state.CAvisible = true;
}}> }}>
查看答卷 查看答卷
</a-button> </a-button>
</div> </div>
); );
} }
}, },
@@ -424,7 +387,7 @@ export default {
type: 1, type: 1,
taskId: props.datasource.courseId, taskId: props.datasource.courseId,
targetId: props.datasource.routerId targetId: props.datasource.routerId
}).then(res=>{ }).then(res => {
state.tabledata = res.data.data.managementDtoList; state.tabledata = res.data.data.managementDtoList;
state.tableDataTotal = res.data.data.total; state.tableDataTotal = res.data.data.total;
state.loadingData = false; state.loadingData = false;
@@ -453,8 +416,8 @@ export default {
getData(); getData();
}; };
{/* 导出数据 */} {/* 导出数据 */ }
function exportData() { function exportData() {
// window.open(`${process.env.VUE_APP_BASE_API}/admin/exam/manage/exportExam?chapterId=${props.datasource.chapterId}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}&type=${1}`) // window.open(`${process.env.VUE_APP_BASE_API}/admin/exam/manage/exportExam?chapterId=${props.datasource.chapterId}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}&type=${1}`)
window.open(`${process.env.VUE_APP_BASE_API}/admin/exam/manage/exportExam?currentStageId=${props.datasource.chapterId}&type=${1}&pid=${props.datasource.routerId}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}&taskType=${props.datasource.type}`) window.open(`${process.env.VUE_APP_BASE_API}/admin/exam/manage/exportExam?currentStageId=${props.datasource.chapterId}&type=${1}&pid=${props.datasource.routerId}&targetId=${props.datasource.routerId}&taskId=${props.datasource.courseId}&taskType=${props.datasource.type}`)
@@ -517,6 +480,7 @@ export default {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding-right: 10px; padding-right: 10px;
.endtime { .endtime {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
@@ -688,15 +652,18 @@ export default {
.ant-table-selection-column { .ant-table-selection-column {
padding: 0px !important; padding: 0px !important;
} }
.ant-pagination-item, .ant-pagination-item,
.ant-pagination-prev, .ant-pagination-prev,
.ant-pagination-next, .ant-pagination-next,
.ant-pagination-options { .ant-pagination-options {
margin-bottom: 10px; margin-bottom: 10px;
} }
.ant-table-thead > tr > th {
.ant-table-thead>tr>th {
background-color: rgba(239, 244, 252, 1) !important; background-color: rgba(239, 244, 252, 1) !important;
} }
.ant-table-selection-column { .ant-table-selection-column {
padding: 0 !important; padding: 0 !important;
} }
@@ -709,9 +676,7 @@ export default {
padding-left: 0px !important; padding-left: 0px !important;
} }
.ant-table-tbody .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd; background: #f6f9fd;
} }
@@ -724,6 +689,7 @@ export default {
border-right: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;
cursor: pointer; cursor: pointer;
} }
.studentopea2 { .studentopea2 {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;

142
src/components/drawers/router/RouterHomeworkManage.vue
View File

@@ -1,21 +1,11 @@
<template> <template>
<a-drawer <a-drawer v-if="HomeworkModelVisible" :visible="HomeworkModelVisible" class="drawerStyle ProjectHomeWorkManage"
v-if="HomeworkModelVisible" placement="right" width="80%" @after-visible-change="afterVisibleChange" :zIndex="100">
:visible="HomeworkModelVisible"
class="drawerStyle ProjectHomeWorkManage"
placement="right"
width="80%"
@after-visible-change="afterVisibleChange"
:zIndex="100"
>
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">【作业】{{ title }}</div> <div class="headerTitle">【作业】{{ title }}</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="main"> <div class="main">
<div class="endtime"> <div class="endtime">
@@ -28,31 +18,17 @@
<div class="search"> <div class="search">
<div class="namecon" style="margin-right: 30px"> <div class="namecon" style="margin-right: 30px">
<div class="name">姓名：</div> <div class="name">姓名：</div>
<a-input <a-input v-model:value="name" style="width: 200px; height: 40px; border-radius: 8px" placeholder="请输入姓名" />
v-model:value="name"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名"
/>
</div> </div>
<div class="namecon" style="margin-right: 50px"> <div class="namecon" style="margin-right: 50px">
<div class="name">任务状态：</div> <div class="name">任务状态：</div>
<div class="select"> <div class="select">
<a-select <a-select v-model:value="projectName" style="width: 200px" placeholder="请选择" :options="projectNameList"
v-model:value="projectName" @change="selectProjectName" allowClear></a-select>
style="width: 200px"
placeholder="请选择"
:options="projectNameList"
@change="selectProjectName"
allowClear
></a-select>
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
<div <div class="btn btn1" style="margin-right: 20px" @click="searchTaskList">
class="btn btn1"
style="margin-right: 20px"
@click="searchTaskList"
>
<div class="img1"></div> <div class="img1"></div>
<div class="wz">搜索</div> <div class="wz">搜索</div>
</div> </div>
@@ -88,31 +64,16 @@
</div> </div>
</div> --> </div> -->
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px"> <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table style="border: 1px solid #f2f6fe" :columns="tablecolumns" :data-source="tabledata"
style="border: 1px solid #f2f6fe" :loading="tableDataTotal === -1 ? true : false" :scroll="{ x: 1300 }" :pagination="false" :row-selection="{
:columns="tablecolumns"
:data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 1300 }"
:pagination="false"
:row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
onChange: onSelectChange, onChange: onSelectChange,
}" }" />
/>
<div class="pa"> <div class="pa">
<a-pagination <a-pagination :showSizeChanger="false" showQuickJumper="true" hideOnSinglePage="true" :pageSize="pageSize"
:showSizeChanger="false" :current="currentPage" :total="tableDataTotal" class="pagination" v-if="tableDataTotal > 10"
showQuickJumper="true" @change="changePaginationStu" />
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
v-if="tableDataTotal > 10"
@change="changePaginationStu"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -125,30 +86,18 @@
</a-drawer> </a-drawer>
<!-- 录入成绩抽屉 --> <!-- 录入成绩抽屉 -->
<EScore <EScore v-model:eScorevisible="Evisible" :type="2" :id="datasource?.id" :pid="datasource?.routerId"
v-model:eScorevisible="Evisible" v-model:searchTaskList="searchTaskList" />
:type="2"
:id="datasource?.id"
:pid="datasource?.routerId"
v-model:searchTaskList="searchTaskList"
/>
<!-- 查看作业抽屉 --> <!-- 查看作业抽屉 -->
<CKWork <CKWork v-model:CWvisible="CWvisible" :workId="datasource?.courseId" v-model:stuId="stuId" />
v-model:CWvisible="CWvisible"
:workId="datasource?.courseId"
v-model:stuId="stuId"
/>
<!-- 查看答卷抽屉 --> <!-- 查看答卷抽屉 -->
<CQue v-model:CQvisible="CQvisible" /> <CQue v-model:CQvisible="CQvisible" />
<!-- 导出作业提示框 --> <!-- 导出作业提示框 -->
<ExportHomeWork <ExportHomeWork v-model:exportHomeWorkV="exportHomeWorkV" :downloadUrl="downloadUrl" />
v-model:exportHomeWorkV="exportHomeWorkV"
:downloadUrl="downloadUrl"
/>
</template> </template>
<script> <script>
import { toRefs, reactive } from "vue"; import { toRefs, reactive } from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import CKWork from "../CheckWork.vue"; import CKWork from "../CheckWork.vue";
@@ -341,7 +290,7 @@ export default {
<div class="racona"> <div class="racona">
<span> <span>
{text.record.workScore || text.record.workScore == 0 {text.record.workScore || text.record.workScore == 0
? text.record.workScore < 0 ?"-":text.record.workScore ? text.record.workScore < 0 ? "-" : text.record.workScore
: "-"} : "-"}
</span> </span>
</div> </div>
@@ -380,13 +329,13 @@ export default {
<div class="racona"> <div class="racona">
<span> <span>
{text.record.finishStatus == 0 || {text.record.finishStatus == 0 ||
text.record.finishStatus == null text.record.finishStatus == null
? "未开始" ? "未开始"
: text.record.finishStatus == 1 : text.record.finishStatus == 1
? "已完成" ? "已完成"
: text.record.finishStatus == 2 : text.record.finishStatus == 2
? "进行中" ? "进行中"
: "-"} : "-"}
</span> </span>
</div> </div>
); );
@@ -443,7 +392,7 @@ export default {
}} }}
> >
<a-button <a-button
disabled disabled
class="operation" class="operation"
style="margin-right:10px;color:rgba(56, 125, 247, 0.5)" style="margin-right:10px;color:rgba(56, 125, 247, 0.5)"
> >
@@ -497,7 +446,7 @@ export default {
//获取学员 //获取学员
const getStudent = () => { const getStudent = () => {
{/* debugger */} {/* debugger */ }
console.log("我是传递的查询参数", props.datasource.courseId, { console.log("我是传递的查询参数", props.datasource.courseId, {
pageNo: state.currentPage, pageNo: state.currentPage,
pageSize: state.pageSize, pageSize: state.pageSize,
@@ -522,7 +471,7 @@ export default {
studentName: state.name, studentName: state.name,
}) })
.then((res) => { .then((res) => {
debugger {/* debugger */ }
console.log("获取作业管理学员", res); console.log("获取作业管理学员", res);
if (res.data.code == 200) { if (res.data.code == 200) {
let newData = []; let newData = [];
@@ -565,12 +514,9 @@ export default {
function exportTaskStu() { function exportTaskStu() {
console.log("props.datasource", props.datasource); console.log("props.datasource", props.datasource);
window.open( window.open(
`${ `${process.env.VUE_APP_BASE_API
process.env.VUE_APP_BASE_API }/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId
}/admin/student/exportTaskStudent?currentStageId=${ }&type=${2}&pid=${props.datasource.routerId}&taskType=${4}&taskId=${props.datasource.id
props.datasource.chapterId
}&type=${2}&pid=${props.datasource.routerId}&taskType=${4}&taskId=${
props.datasource.id
}` }`
); );
// api // api
@@ -605,7 +551,7 @@ export default {
.then((res) => { .then((res) => {
console.log("导出作业", res.data.data); console.log("导出作业", res.data.data);
if (res.data.code === 200) { if (res.data.code === 200) {
debugger // debugger
// message.destroy(); // message.destroy();
// message.success("导出作业成功"); // message.success("导出作业成功");
state.exportHomeWorkV = true; state.exportHomeWorkV = true;
@@ -623,12 +569,9 @@ export default {
function exportHomeWork() { function exportHomeWork() {
console.log("props.datasource", props.datasource); console.log("props.datasource", props.datasource);
window.open( window.open(
`${ `${process.env.VUE_APP_BASE_API
process.env.VUE_APP_BASE_API }/admin/student/exportHomeWork?currentStageId=${props.datasource.chapterId
}/admin/student/exportHomeWork?currentStageId=${ }&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.routerTaskId
props.datasource.chapterId
}&type=${2}&pid=${props.datasource.routerId}&taskId=${
props.datasource.routerTaskId
}&taskType=${props.datasource.type}` }&taskType=${props.datasource.type}`
); );
} }
@@ -655,7 +598,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.ProjectHomeWorkManage { .ProjectHomeWorkManage {
.drawerMain { .drawerMain {
min-width: 550px; min-width: 550px;
@@ -685,6 +628,7 @@ export default {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding-right: 10px; padding-right: 10px;
.endtime { .endtime {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
@@ -856,15 +800,18 @@ export default {
.ant-table-selection-column { .ant-table-selection-column {
padding: 0px !important; padding: 0px !important;
} }
.ant-pagination-item, .ant-pagination-item,
.ant-pagination-prev, .ant-pagination-prev,
.ant-pagination-next, .ant-pagination-next,
.ant-pagination-options { .ant-pagination-options {
margin-bottom: 10px; margin-bottom: 10px;
} }
.ant-table-thead > tr > th {
.ant-table-thead>tr>th {
background-color: rgba(239, 244, 252, 1) !important; background-color: rgba(239, 244, 252, 1) !important;
} }
.ant-table-selection-column { .ant-table-selection-column {
padding: 0 !important; padding: 0 !important;
} }
@@ -877,9 +824,7 @@ export default {
padding-left: 0px !important; padding-left: 0px !important;
} }
.ant-table-tbody .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd; background: #f6f9fd;
} }
@@ -892,6 +837,7 @@ export default {
border-right: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;
cursor: pointer; cursor: pointer;
} }
.studentopea2 { .studentopea2 {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;

4
src/components/project/OrgClass.vue
View File

@@ -27,7 +27,7 @@
</a-tree-select> </a-tree-select>
</template> </template>
<script setup> <script setup>
import { defineEmits, defineProps, ref, watch } from "vue"; import {defineEmits, defineProps, ref, watch} from "vue";
import {boeRequest, useBoeApi} from "@/api/request"; import {boeRequest, useBoeApi} from "@/api/request";
import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi"; import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi";
@@ -41,7 +41,7 @@ const props = defineProps({
}); });
const emit = defineEmits({}); const emit = defineEmits({});
const stuTreeExpandedKeys = ref([]); const stuTreeExpandedKeys = ref([]);
const labelValue = ref({}); const labelValue = ref({ value: props.value, label: props.name });
const { data: options, loading: orgLoading } = useBoeApi( const { data: options, loading: orgLoading } = useBoeApi(
ORG_LIST, ORG_LIST,
{ keyword: "" }, { keyword: "" },

64
src/components/student/ChangeGroupModal.vue
View File

@@ -7,14 +7,8 @@
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
<template> <template>
<a-modal <a-modal style="padding: 0" :closable="true" :visible="changegroupV" :footer="null" centered="true"
style="padding: 0" wrapClassName="changeModal">
:closable="true"
:visible="changegroupV"
:footer="null"
centered="true"
wrapClassName="changeModal"
>
<div class="con"> <div class="con">
<div class="header"> <div class="header">
<div class="inhe"> <div class="inhe">
@@ -27,28 +21,14 @@
<div class="inher"> <div class="inher">
<!-- <div class="cur">当前关卡：关卡2</div> --> <!-- <div class="cur">当前关卡：关卡2</div> -->
<div class="select"> <div class="select">
<a-select <a-select v-model:value="selectGroupId" style="width: 100%" placeholder="请选择小组" :options="option" allowClear
v-model:value="selectGroupId" @change="selectGroup"></a-select>
style="width: 100%"
placeholder="请选择小组"
:options="option"
allowClear
@change="selectGroup"
></a-select>
</div> </div>
<div class="btn"> <div class="btn">
<button <button class="sameb btn1" @click="closeChangeModal" style="cursor: pointer">
class="sameb btn1"
@click="closeChangeModal"
style="cursor: pointer"
>
取消 取消
</button> </button>
<button <button class="sameb btn2" @click="changeGroup" style="cursor: pointer">
class="sameb btn2"
@click="changeGroup"
style="cursor: pointer"
>
确定 确定
</button> </button>
</div> </div>
@@ -100,7 +80,7 @@ const selectGroup = (e, v) => {
}; };
//确认换组 //确认换组
const changeGroup = (item) => { const changeGroup = (item) => {
debugger // debugger
console.log("换组", selectGroupId.value, item); console.log("换组", selectGroupId.value, item);
props.checkgroupStuId.forEach(stu => { props.checkgroupStuId.forEach(stu => {
let obj = { let obj = {
@@ -110,17 +90,17 @@ const changeGroup = (item) => {
}; };
console.log("换组obj", obj); console.log("换组obj", obj);
api api
.changeGroupByStudentId(obj) .changeGroupByStudentId(obj)
.then((res) => { .then((res) => {
console.log("换组成功", res); console.log("换组成功", res);
if (res.data.code === 200) { if (res.data.code === 200) {
message.success("换组成功"); message.success("换组成功");
closeChangeModal(); closeChangeModal();
} }
}) })
.catch((err) => { .catch((err) => {
console.log("换组失败", err); console.log("换组失败", err);
}); });
}) })
}; };
@@ -131,9 +111,11 @@ const changeGroup = (item) => {
.ant-modal { .ant-modal {
width: 549px !important; width: 549px !important;
height: 245px !important; height: 245px !important;
.ant-modal-close-x { .ant-modal-close-x {
display: none; display: none;
} }
.ant-modal-content { .ant-modal-content {
width: 549px !important; width: 549px !important;
height: 245px !important; height: 245px !important;
@@ -155,10 +137,8 @@ const changeGroup = (item) => {
position: relative; position: relative;
justify-content: center; justify-content: center;
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%
);
.inhe { .inhe {
width: 80%; width: 80%;

281
src/components/student/CommonStudent.vue
View File

@@ -2,22 +2,14 @@
<!-- eslint-disable vue/require-v-for-key --> <!-- eslint-disable vue/require-v-for-key -->
<template> <template>
<div class="CommonStudent"> <div class="CommonStudent">
<a-drawer <a-drawer :visible="visiable" class="drawerStyle ProjCheckship CommonStudent" placement="right" width="60%">
:visible="visiable"
class="drawerStyle ProjCheckship CommonStudent"
placement="right"
width="60%"
>
<div class="drawerMain" id="ProjCheckship" style=""> <div class="drawerMain" id="ProjCheckship" style="">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">
{{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || title }} {{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || title }}
</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 style="display: flex; overflow-x: auto; overflow-y: auto"> <div style="display: flex; overflow-x: auto; overflow-y: auto">
<div class="tabs" style="min-width: 800px"> <div class="tabs" style="min-width: 800px">
@@ -26,38 +18,22 @@
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div> <div>
<a-form-item label="姓名："> <a-form-item label="姓名：">
<a-input <a-input v-model:value="proStudentName" style="width: 260px; height: 40px; border-radius: 8px"
v-model:value="proStudentName" placeholder="请输入姓名" />
style="width: 260px; height: 40px; border-radius: 8px" <a-button type="primary" @click="getStu" style="margin-left: 20px; border-radius: 4px">
placeholder="请输入姓名"
/>
<a-button
type="primary"
@click="getStu"
style="margin-left: 20px; border-radius: 4px"
>
<template #icon> <template #icon>
<SearchOutlined /> <SearchOutlined />
</template> </template>
搜索 搜索
</a-button> </a-button>
<a-button <a-button @click="getStu" style="margin-left: 20px; border-radius: 4px">重置
@click="getStu"
style="margin-left: 20px; border-radius: 4px"
>重置
</a-button> </a-button>
</a-form-item> </a-form-item>
</div> </div>
<div class="tableBox tabb"> <div class="tableBox tabb">
<a-table <a-table style="border: 1px solid #f2f6fe; width: 800px" row-key="id" :columns="stuColumns"
style="border: 1px solid #f2f6fe; width: 800px" :data-source="projectList" :loading="projectListTotal" :pagination="projectPagination"
row-key="id" :row-selection="projectRowSelection" />
:columns="stuColumns"
:data-source="projectList"
:loading="projectListTotal"
:pagination="projectPagination"
:row-selection="projectRowSelection"
/>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -65,75 +41,41 @@
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div class="tab1"> <div class="tab1">
<a-form-item label="姓名"> <a-form-item label="姓名">
<a-input <a-input v-model:value="nameSearch.keyword" style="width: 270px; height: 40px; border-radius: 8px"
v-model:value="nameSearch.keyword" placeholder="请输入姓名" @change="peopleName" />
style="width: 270px; height: 40px; border-radius: 8px" <a-button type="primary" @click="onSearchStu" style="margin-left: 20px; border-radius: 4px">
placeholder="请输入姓名"
@change="peopleName"
/>
<a-button
type="primary"
@click="onSearchStu"
style="margin-left: 20px; border-radius: 4px"
>
<template #icon> <template #icon>
<SearchOutlined /> <SearchOutlined />
</template> </template>
搜索 搜索
</a-button> </a-button>
<a-button <a-button @click="resetStu" style="margin-left: 20px; border-radius: 4px">重置
@click="resetStu"
style="margin-left: 20px; border-radius: 4px"
>重置
</a-button> </a-button>
</a-form-item> </a-form-item>
</div> </div>
<div <div class="chooseLeft" style="display: grid; grid-template-columns: 250px auto">
class="chooseLeft" <div :style="{
style="display: grid; grid-template-columns: 250px auto" height: screenHeight - 180 + 'px',
> overflowY: 'auto',
<div }" style="border: 1px solid #f0f0f0">
:style="{
height: screenHeight - 180 + 'px',
overflowY: 'auto',
}"
style="border: 1px solid #f0f0f0"
>
<div class="tree" style="margin: 10px 4px 220px 10px"> <div class="tree" style="margin: 10px 4px 220px 10px">
<a-tree <a-tree allow-clear tree-default-expand-all :tree-data="treeData" :loading="orgLoading"
allow-clear :load-data="onLoadData" v-model:selectedKeys="stuTreeSelectKeys"
tree-default-expand-all v-model:expandedKeys="stuTreeExpandedKeys" :fieldNames="{
:tree-data="treeData"
:loading="orgLoading"
:load-data="onLoadData"
v-model:selectedKeys="stuTreeSelectKeys"
v-model:expandedKeys="stuTreeExpandedKeys"
:fieldNames="{
children: 'treeChildList', children: 'treeChildList',
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }" @select="stuStuOrgSelect">
@select="stuStuOrgSelect"
>
</a-tree> </a-tree>
</div> </div>
</div> </div>
<div <div class="tableBox tabb" style="
class="tableBox tabb" margin: 0px 4px 120px 10px;
style=" border: 1px solid #f0f0f0;
margin: 0px 4px 120px 10px; ">
border: 1px solid #f0f0f0; <a-table :columns="stuColumns" :data-source="stuData" :pagination="stuPagination"
" :loading="stuLoading" row-key="id" :row-selection="stuRowSelection" />
>
<a-table
:columns="stuColumns"
:data-source="stuData"
:pagination="stuPagination"
:loading="stuLoading"
row-key="id"
:row-selection="stuRowSelection"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -142,44 +84,26 @@
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div class="tab2"> <div class="tab2">
<a-form-item label="组织："> <a-form-item label="组织：">
<a-input <a-input v-model:value="searchOrgName.keyword"
v-model:value="searchOrgName.keyword" style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织" />
style="width: 230px; height: 40px; border-radius: 8px" <a-button type="primary" @click="searchOrg" style="margin-left: 20px; border-radius: 4px">
placeholder="请输入组织"
/>
<a-button
type="primary"
@click="searchOrg"
style="margin-left: 20px; border-radius: 4px"
>
<template #icon> <template #icon>
<SearchOutlined /> <SearchOutlined />
</template> </template>
搜索 搜索
</a-button> </a-button>
<a-button <a-button @click="resetOrg" style="margin-left: 20px; border-radius: 4px">重置
@click="resetOrg"
style="margin-left: 20px; border-radius: 4px"
>重置
</a-button> </a-button>
</a-form-item> </a-form-item>
</div> </div>
<div class="boeTree"> <div class="boeTree">
<a-tree <a-tree :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
:tree-data="searchOrgName.keyword ? orgData : treeOrgData" :loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
@select="onOrgSelectChange"
:loading="orgOrgLoading"
:load-data="onLoadOrgData"
:fieldNames="{
children: 'treeChildList', children: 'treeChildList',
key: 'id', key: 'id',
title: 'name', title: 'name',
value: 'name', value: 'name',
}" }" row-key="id" :row-selection="orgRowSelection" multiple>
row-key="id"
:row-selection="orgRowSelection"
multiple
>
</a-tree> </a-tree>
</div> </div>
</div> </div>
@@ -188,38 +112,22 @@
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div> <div>
<a-form-item label="受众名称："> <a-form-item label="受众名称：">
<a-input <a-input v-model:value="audienceName.keyword" style="width: 260px; height: 40px; border-radius: 8px"
v-model:value="audienceName.keyword" placeholder="请输入受众名称" />
style="width: 260px; height: 40px; border-radius: 8px" <a-button type="primary" @click="searchAudi" style="margin-left: 20px; border-radius: 4px">
placeholder="请输入受众名称"
/>
<a-button
type="primary"
@click="searchAudi"
style="margin-left: 20px; border-radius: 4px"
>
<template #icon> <template #icon>
<SearchOutlined /> <SearchOutlined />
</template> </template>
搜索 搜索
</a-button> </a-button>
<a-button <a-button @click="resetAudienceInfo" style="margin-left: 20px; border-radius: 4px">重置
@click="resetAudienceInfo"
style="margin-left: 20px; border-radius: 4px"
>重置
</a-button> </a-button>
</a-form-item> </a-form-item>
</div> </div>
<div class="tableBox tabb"> <div class="tableBox tabb">
<a-table <a-table style="border: 1px solid #f2f6fe; width: 800px" row-key="id" :columns="audiColums"
style="border: 1px solid #f2f6fe; width: 800px" :data-source="audiData" :loading="audiLoading" :pagination="auditPagination"
row-key="id" :row-selection="auditRowSelection" />
:columns="audiColums"
:data-source="audiData"
:loading="audiLoading"
:pagination="auditPagination"
:row-selection="auditRowSelection"
/>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -231,16 +139,10 @@
<div class="already">已选</div> <div class="already">已选</div>
</div> </div>
</div> </div>
<div <div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
:style="{ 'max-height': screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="selecteds" v-if="isGroup"> <div class="selecteds" v-if="isGroup">
<div class="person">项目内学员</div> <div class="person">项目内学员</div>
<div <div v-for="(item, i) in selectsData.projectMemberList" :key="i">
v-for="(item, i) in selectsData.projectMemberList"
:key="i"
>
<div v-if="i < 11"> <div v-if="i < 11">
<div class="chose"> <div class="chose">
{{ item.realName }} {{ item.realName }}
@@ -256,16 +158,10 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="!member && selectsData.projectMemberList?.length > 10" class="ifsw">
v-if="!member && selectsData.projectMemberList?.length > 10"
class="ifsw"
>
<div @click="member = !member" class="“sw”">查看更多></div> <div @click="member = !member" class="“sw”">查看更多></div>
</div> </div>
<div <div v-if="member && selectsData.projectMemberList?.length > 10" class="ifsw">
v-if="member && selectsData.projectMemberList?.length > 10"
class="ifsw"
>
<div @click="member = !member" class="sw">收起&lt;</div> <div @click="member = !member" class="sw">收起&lt;</div>
</div> </div>
</div> </div>
@@ -287,16 +183,10 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="!person && selectsData.studentList.length > 10" class="ifsw">
v-if="!person && selectsData.studentList.length > 10"
class="ifsw"
>
<div @click="person = !person" class="“sw”">查看更多></div> <div @click="person = !person" class="“sw”">查看更多></div>
</div> </div>
<div <div v-if="person && selectsData.studentList.length > 10" class="ifsw">
v-if="person && selectsData.studentList.length > 10"
class="ifsw"
>
<div @click="person = !person" class="sw">收起&lt;</div> <div @click="person = !person" class="sw">收起&lt;</div>
</div> </div>
</div> </div>
@@ -318,16 +208,10 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="!dept && selectsData.deptList.length > 10" class="ifsw">
v-if="!dept && selectsData.deptList.length > 10"
class="ifsw"
>
<div @click="dept = !dept" class="“sw”">查看更多></div> <div @click="dept = !dept" class="“sw”">查看更多></div>
</div> </div>
<div <div v-if="dept && selectsData.deptList.length > 10" class="ifsw">
v-if="dept && selectsData.deptList.length > 10"
class="ifsw"
>
<div @click="dept = !dept" class="sw">收起&lt;</div> <div @click="dept = !dept" class="sw">收起&lt;</div>
</div> </div>
</div> </div>
@@ -350,10 +234,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="!group && selectsData.groupList.length > 10" class="ifsw">
v-if="!group && selectsData.groupList.length > 10"
class="ifsw"
>
<div @click="group = !group" class="“sw”">查看更多></div> <div @click="group = !group" class="“sw”">查看更多></div>
</div> </div>
<div v-if="group && selectsData.groupList > 10" class="ifsw"> <div v-if="group && selectsData.groupList > 10" class="ifsw">
@@ -369,17 +250,12 @@
</div> </div>
</div> </div>
</a-drawer> </a-drawer>
<a-button @click="openDrawer" type="link"><slot></slot></a-button> <a-button @click="openDrawer" type="link">
<slot></slot>
</a-button>
</div> </div>
<a-modal <a-modal :style="{ padding: 0, position: relative, right: '-20%' }" :closable="true" :visible="stageVisible"
:style="{ padding: 0, position: relative, right: '-20%' }" :footer="null" centered="true" @ok="handleStageOk" wrapClassName="changeModal">
:closable="true"
:visible="stageVisible"
:footer="null"
centered="true"
@ok="handleStageOk"
wrapClassName="changeModal"
>
<div class="con"> <div class="con">
<div class="header"> <div class="header">
<div class="inhe"> <div class="inhe">
@@ -391,36 +267,18 @@
<div class="inher"> <div class="inher">
<!-- <div class="cur">当前关卡：关卡2</div> --> <!-- <div class="cur">当前关卡：关卡2</div> -->
<div class="select"> <div class="select">
<a-select <a-select style="width: 400px" :placeholder="type === 1 ? '选择阶段' : '选择关卡'" v-model:value="selectsData.stageId"
style="width: 400px" className="cus-select">
:placeholder="type === 1 ? '选择阶段' : '选择关卡'" <a-select-option v-for="(item, i) in stageIds" :key="i" :value="item.id">{{ item.name || "默认" }}
v-model:value="selectsData.stageId"
className="cus-select"
>
<a-select-option
v-for="(item, i) in stageIds"
:key="i"
:value="item.id"
>{{ item.name || "默认" }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span style="color: #999999; margin-left: 10px" <span style="color: #999999; margin-left: 10px"><minus-circle-outlined />已在其他关卡的学员，不会被添加到该关卡</span>
><minus-circle-outlined />已在其他关卡的学员，不会被添加到该关卡</span
>
<div class="btn" style="margin-top: 50px"> <div class="btn" style="margin-top: 50px">
<button <button class="sameb btn1" @click="closeChangeModal" style="cursor: pointer">
class="sameb btn1"
@click="closeChangeModal"
style="cursor: pointer"
>
取消 取消
</button> </button>
<button <button class="sameb btn2" @click="handleStageOk" style="cursor: pointer">
class="sameb btn2"
@click="handleStageOk"
style="cursor: pointer"
>
确定 确定
</button> </button>
</div> </div>
@@ -430,7 +288,7 @@
</a-modal> </a-modal>
</template> </template>
<script setup> <script setup>
import {message} from "ant-design-vue"; import { message } from "ant-design-vue";
import { computed, defineEmits, defineProps, ref, watch } from "vue"; import { computed, defineEmits, defineProps, ref, watch } from "vue";
import { boeRequest, useBoeApi, useBoeApiPage } from "@/api/request"; import { boeRequest, useBoeApi, useBoeApiPage } from "@/api/request";
import { import {
@@ -801,10 +659,11 @@ function stuDel(i) {
selectsData.value.studentList.splice(i, 1); selectsData.value.studentList.splice(i, 1);
} }
// function orgDel(i) { function orgDel(i) {
// orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id) orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
// selectsData.value.deptList.splice(i, 1) selectsData.value.deptList.splice(i, 1)
// } }
function AuditDel(i) { function AuditDel(i) {
auditSelectKeys.value = auditSelectKeys.value.filter( auditSelectKeys.value = auditSelectKeys.value.filter(
(e) => e !== selectsData.value.groupList[i].id (e) => e !== selectsData.value.groupList[i].id
@@ -898,7 +757,7 @@ const submitAuth = () => {
function handleStageOk() { function handleStageOk() {
// 判断添加人数是否已超过限制人数 限制 = 本次添加的人 + 原有的人 // 判断添加人数是否已超过限制人数 限制 = 本次添加的人 + 原有的人
if(props.type === 1){ if (props.type === 1) {
if (props.groupMemberCount < selectsData.value.studentList.length + props.groupMemberNumber) { if (props.groupMemberCount < selectsData.value.studentList.length + props.groupMemberNumber) {
return message.warning("添加小组学员超过最大值"); return message.warning("添加小组学员超过最大值");
} }

74
src/components/vote/VoteQuestionItem.vue
View File

@@ -7,45 +7,34 @@
<div class="inname">选项</div> <div class="inname">选项</div>
</div> </div>
<div class="in"> <div class="in">
<a-input <a-input v-model:value="formData.optionName" show-count :maxlength="30" style="border-radius: 8px" />
v-model:value="formData.optionName"
show-count
:maxlength="30"
style="border-radius: 8px"
/>
</div> </div>
</div> </div>
<div class="delete" @click="handleDel">删除</div> <div class="delete" @click="handleDel">删除</div>
</div> </div>
<div class="name uploadContent"> <div class="name uploadContent">
<a-upload <a-upload v-show="!formData.imgVal" class="in uploadBtn" :show-upload-list="false" :before-upload="beforeUpload">
v-show="!formData.imgVal" <div class="addimg">+添加图片</div>
class="in uploadBtn"
:show-upload-list="false"
>
<div class="addimg">+添加图片{{ index }}</div>
</a-upload> </a-upload>
<div v-show="formData.optionPictureAddress" class="picture" style="position: relative"> <div v-show="formData.optionPictureAddress" class="picture" style="position: relative">
<img class="pictureimg" :src="formData.optionPictureAddress"/> <img class="pictureimg" :src="formData.optionPictureAddress" />
<div class="picturename" v-show="hasImgName">{{ hasImgName }}</div> <div class="picturename" v-show="hasImgName">{{ hasImgName }}</div>
<img <img style="
style=" cursor: pointer;
cursor: pointer; width: 20px;
width: 20px; height: 20px;
height: 20px; position: absolute;
position: absolute; right: 0;
right: 0; top: 0;
top: 0; " src="../../assets/images/basicinfo/close.png" @click="handleCancel" />
"
src="../../assets/images/basicinfo/close.png"
@click="handleCancel"
/>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import {defineEmits, defineProps, ref} from "vue"; import { defineEmits, defineProps, ref } from "vue";
import { message } from "ant-design-vue";
import { fileUp } from "../../api/indexEval";
const props = defineProps({ const props = defineProps({
item: {}, item: {},
@@ -55,6 +44,36 @@ const emit = defineEmits(['del'])
const formData = ref(props.item) const formData = ref(props.item)
const beforeUpload = (file) => {
const isJpgOrPng =
file.type === "image/jpg" ||
file.type === "image/jpeg" ||
file.type === "image/png" ||
file.type === "image/svg" ||
file.type === "image/bmp" ||
file.type === "image/gif";
if (!isJpgOrPng) {
message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
return false;
}
let isLt1M = file.size / 10240 / 10240 <= 1;
if (!isLt1M) {
this.$message.error("图片大小超过10MB!");
return false;
}
const formDatas = new FormData();
formDatas.append("file", file);
fileUp(formDatas).then((res) => {
if (res.data.code === 200) {
console.log(res.data.data, 45);
formData.value.optionPictureAddress = process.env.VUE_APP_FILE_PATH + res.data.data;
}
});
return false;
};
function handleDel() { function handleDel() {
emit('del', props.index) emit('del', props.index)
} }
@@ -334,8 +353,7 @@ function handleDel() {
//line-height: 24px; //line-height: 24px;
} }
.ant-radio-wrapper { .ant-radio-wrapper {}
}
.ant-input { .ant-input {
border-radius: 5px; border-radius: 5px;

346
src/views/projectcenter/ProjectAdd.vue
View File

@@ -2,17 +2,9 @@
<template xmlns:display="http://www.w3.org/1999/xhtml"> <template xmlns:display="http://www.w3.org/1999/xhtml">
<div class="projectAdd"> <div class="projectAdd">
<div class="header"> <div class="header">
<span class="title" <span class="title">{{ projectInfo.id ? "编辑" : "创建"
>{{ }}{{ ptojectType == "3" ? "班级" : "项目" }}</span>
projectInfo.id ? "编辑" : "创建" <div @click="backPage" style="cursor: pointer" to="/projectmanage" class="goback">
}}{{ ptojectType == "3" ? "班级" : "项目" }}</span
>
<div
@click="backPage"
style="cursor: pointer"
to="/projectmanage"
class="goback"
>
<span class="return"></span><span class="returntext">返回</span> <span class="return"></span><span class="returntext">返回</span>
</div> </div>
</div> </div>
@@ -20,10 +12,7 @@
<div class="main"> <div class="main">
<div class="name" v-if="projectInfo.parentName"> <div class="name" v-if="projectInfo.parentName">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目归属</div> <div class="inname">项目归属</div>
</div> </div>
<div class="in"> <div class="in">
@@ -34,153 +23,98 @@
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname"> <div class="inname">
{{ ptojectType == 3 ? "班级名称" : "项目名称" }} {{ ptojectType == 3 ? "班级名称" : "项目名称" }}
</div> </div>
</div> </div>
<div class="in"> <div class="in">
<NameInput <NameInput placeholder="请输入项目名称" v-model:value="projectInfo.name" v-model:validate="projectInfo.validate"
placeholder="请输入项目名称" :maxlength="30" show-count :id="projectInfo.id"></NameInput>
v-model:value="projectInfo.name"
v-model:validate="projectInfo.validate"
:maxlength="30"
show-count
:id="projectInfo.id"
></NameInput>
</div> </div>
</div> </div>
<div class="name flex-top"> <div class="name flex-top">
<div class="namebox" style="margin-top: 10px"> <div class="namebox" style="margin-top: 10px">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg" <div class="inname">封面图</div>
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">封面图2</div>
</div> </div>
<div class="in select" style="flex: 1; display: flex"> <div class="in select" style="flex: 1; display: flex">
<div <div :class="`box ${projectInfo.picUrl === src.value ? 'active' : ''}`" style="
:class="`box ${projectInfo.picUrl === src.value ? 'active' : ''}`"
style="
width: 100px;
height: 100px;
border-radius: 5px;
cursor: pointer;
position: relative;
overflow: hidden;
"
v-for="(src, index) in projectPic"
:style="{
display: index >= 3 ? 'none' : 'flex',
}"
:key="index"
@click="() => (projectInfo.picUrl = src.value)"
>
<img
style="
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-bottom: 4px; border-radius: 5px;
margin-right: 4px; cursor: pointer;
" position: relative;
:src="src.value" overflow: hidden;
alt="avatar" " v-for="(src, index) in projectPic" :style="{
/> display: index >= 3 ? 'none' : 'flex',
}" :key="index" @click="() => (projectInfo.picUrl = src.value)">
<img style="
width: 100px;
height: 100px;
margin-bottom: 4px;
margin-right: 4px;
" :src="src.value" alt="avatar" />
</div> </div>
<div <div @click="showLearnBgMore" v-if="projectPic.length > 3" style="
@click="showLearnBgMore" width: 100px;
v-if="projectPic.length > 3" height: 100px;
style=" padding-left: 15px;
width: 100px; border-radius: 5px;
height: 100px; cursor: pointer;
padding-left: 15px; position: relative;
border-radius: 5px; overflow: hidden;
cursor: pointer; display: flex;
position: relative; align-items: center;
overflow: hidden; justify-content: center;
display: flex; border: 1px solid #c7cbd2;
align-items: center; font-size: 14px;
justify-content: center; font-weight: 400;
border: 1px solid #c7cbd2; color: #4ea6ff;
font-size: 14px; line-height: 36px;
font-weight: 400; ">
color: #4ea6ff; 查看更多
line-height: 36px; <img src="../../assets/images/projectadd/go.png" alt="" />
"
>
查看更多 <img src="../../assets/images/projectadd/go.png" alt=""/>
</div> </div>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目时间</div> <div class="inname">项目时间</div>
</div> </div>
<div class="in"> <div class="in">
<a-range-picker <a-range-picker separator="至" :show-time="{ format: 'HH:mm' }" :placeholder="[' 开始时间', ' 结束时间']"
separator="至" :disabledDate="disabledDate" v-model:value="timeRange" @calendarChange="calendarChange"
:show-time="{ format: 'HH:mm' }" style="width: 100%; height: 40px; border-radius: 5px" :allowClear="false" format="YYYY-MM-DD HH:mm"
:placeholder="[' 开始时间', ' 结束时间']" valueFormat="YYYY-MM-DD HH:mm" @change="timeChange" :disabled="!!viewDetail" />
:disabledDate="disabledDate"
v-model:value="timeRange"
@calendarChange="calendarChange"
style="width: 100%; height: 40px; border-radius: 5px"
:allowClear="false"
format="YYYY-MM-DD HH:mm"
valueFormat="YYYY-MM-DD HH:mm"
@change="timeChange"
:disabled="!!viewDetail"
/>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目经理</div> <div class="inname">项目经理</div>
</div> </div>
<div class="in"> <div class="in">
<ProjectManager <ProjectManager v-model:value="projectInfo.managerId" v-model:name="projectInfo.manager"
v-model:value="projectInfo.managerId" @onChange="managerChange" mode="multiple"></ProjectManager>
v-model:name="projectInfo.manager"
@onChange="managerChange"
mode="multiple"
></ProjectManager>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">资源归属</div> <div class="inname">资源归属</div>
</div> </div>
<div class="in select"> <div class="in select">
<OrgClass <OrgClass v-model:value="projectInfo.sourceBelongId" v-model:name="projectInfo.sourceBelongName"
v-model:value="projectInfo.sourceBelongId" v-model:fullName="projectInfo.sourceBelongFullName"></OrgClass>
v-model:name="projectInfo.sourceBelongName"
v-model:fullName="projectInfo.sourceBelongFullName"
></OrgClass>
</div> </div>
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">项目级别</div> <div class="inname">项目级别</div>
</div> </div>
<div class="in select"> <div class="in select">
@@ -189,10 +123,7 @@
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">培训分类</div> <div class="inname">培训分类</div>
</div> </div>
<div class="in select"> <div class="in select">
@@ -201,17 +132,11 @@
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
<img <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
class="nameimg"
src="../../assets/images/basicinfo/asterisk.png"
/>
<div class="inname">是否BOEU实施</div> <div class="inname">是否BOEU实施</div>
</div> </div>
<div class="in"> <div class="in">
<a-radio-group <a-radio-group v-model:value="projectInfo.boeFlag" :disabled="viewDetail ? true : false">
v-model:value="projectInfo.boeFlag"
:disabled="viewDetail ? true : false"
>
<a-radio :style="radioStyle" :value="1">是</a-radio> <a-radio :style="radioStyle" :value="1">是</a-radio>
<a-radio :style="radioStyle" :value="0">否</a-radio> <a-radio :style="radioStyle" :value="0">否</a-radio>
</a-radio-group> </a-radio-group>
@@ -224,13 +149,11 @@
<div class="in ggysxz" v-if="courseSyncFlag"> <div class="in ggysxz" v-if="courseSyncFlag">
<!-- :disabled="viewDetail ? true : false" --> <!-- :disabled="viewDetail ? true : false" -->
<a-checkbox v-model:checked="courseSyncFlag" disabled> <a-checkbox v-model:checked="courseSyncFlag" disabled>
<span <span style="
style=" width: 100%;
width: 100%; color: rgba(109, 117, 132, 1);
color: rgba(109, 117, 132, 1); font-size: 14px;
font-size: 14px; ">
"
>
同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程） 同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）
</span> </span>
</a-checkbox> </a-checkbox>
@@ -238,13 +161,11 @@
<div class="in" v-else> <div class="in" v-else>
<!-- :disabled="viewDetail ? true : false" --> <!-- :disabled="viewDetail ? true : false" -->
<a-checkbox v-model:checked="courseSyncFlag" disabled> <a-checkbox v-model:checked="courseSyncFlag" disabled>
<span <span style="
style=" width: 100%;
width: 100%; color: rgba(109, 117, 132, 1);
color: rgba(109, 117, 132, 1); font-size: 14px;
font-size: 14px; ">
"
>
同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程） 同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）
</span> </span>
</a-checkbox> </a-checkbox>
@@ -255,14 +176,8 @@
<div class="inname" style="margin-top: 13px">项目说明</div> <div class="inname" style="margin-top: 13px">项目说明</div>
</div> </div>
<div class="in"> <div class="in">
<a-textarea <a-textarea v-model:value="projectInfo.remark" style="height: 80px" placeholder="请输入说明" show-count
v-model:value="projectInfo.remark" :maxlength="200" :disabled="viewDetail ? true : false" />
style="height: 80px"
placeholder="请输入说明"
show-count
:maxlength="200"
:disabled="viewDetail ? true : false"
/>
</div> </div>
</div> </div>
@@ -279,18 +194,13 @@
<div class="name"> <div class="name">
<div class="inname" style="width: 50px">模版</div> <div class="inname" style="width: 50px">模版</div>
<div class="in select" style="margin-left: 2px"> <div class="in select" style="margin-left: 2px">
<a-select <a-select :getPopupContainer="
:getPopupContainer="triggerNode => (triggerNode.parentNode || document.body)" (triggerNode) => triggerNode.parentNode || document.body
placeholder="请选择模版" " placeholder="请选择模版" style="width: 100%" :options="classifyList5" @change="classificationChange5"
style="width: 100%" @popupScroll="templateScroll" :fieldNames="{
:options="classifyList5"
@change="classificationChange5"
@popupScroll="templateScroll"
:fieldNames="{
label: 'name', label: 'name',
value: 'id', value: 'id',
}" }">
>
</a-select> </a-select>
</div> </div>
</div> </div>
@@ -299,50 +209,31 @@
<div class="footer"> <div class="footer">
<div class="btn"> <div class="btn">
<a-button @click="backPage" class="btn2">取消</a-button> <a-button @click="backPage" class="btn2">取消</a-button>
<a-button <a-button :loading="loading" v-on:click="createProject" type="primary" class="btn1" style="margin-left: 20px">确定
:loading="loading"
v-on:click="createProject"
type="primary"
class="btn1"
style="margin-left: 20px"
>确定
</a-button> </a-button>
</div> </div>
</div> </div>
<!-- 更多背景图 v-model:visible="learnBgMore" --> <!-- 更多背景图 v-model:visible="learnBgMore" -->
<a-modal <a-modal :closable="sh" centered="true" v-model:visible="learnBgMore" :footer="null" :width="650"
:closable="sh" wrapClassName="learnBgMoreModal" :z-index="9999">
centered="true"
v-model:visible="learnBgMore"
:footer="null"
:width="650"
wrapClassName="learnBgMoreModal"
:z-index="9999"
>
<div class="main"> <div class="main">
<div class="top"> <div class="top">
<div class="topc">封面图</div> <div class="topc">封面图</div>
</div> </div>
<div class="imagesBox"> <div class="imagesBox">
<!-- <div <!-- <div
@click="() => (projectInfo.picUrl = src.value)" @click="() => (projectInfo.picUrl = src.value)"
v-for="item in projectPic" v-for="item in projectPic"
:key="item.code" :key="item.code"
class="learnBgItem" class="learnBgItem"
> --> > -->
<div <div @click="chooseImg2(item)" v-for="item in projectPic" :key="item.code" class="learnBgItem" :style="{
@click="chooseImg2(item)"
v-for="item in projectPic"
:key="item.code"
class="learnBgItem"
:style="{
border: border:
pathBgId === item.code projectInfo.picUrl === item.value
? '2px solid rgba(78, 166, 255, 1)' ? '3px solid rgba(78, 166, 255, 1)'
: '1px solid #ccc', : '1px solid #ccc',
'background-image': 'url(' + item.value.split(',')[0] + ')', 'background-image': 'url(' + item.value.split(',')[0] + ')',
}" }">
>
<!-- <img class="im" :src="item.source" /> --> <!-- <img class="im" :src="item.source" /> -->
</div> </div>
</div> </div>
@@ -355,20 +246,20 @@
</div> </div>
</template> </template>
<script> <script>
import {onMounted, reactive, toRefs, watch} from "vue"; import { onMounted, reactive, toRefs, watch } from "vue";
import {message} from "ant-design-vue"; import { message } from "ant-design-vue";
import {useRoute, useRouter} from "vue-router"; import { useRoute, useRouter } from "vue-router";
import * as api from "../../api/index"; import * as api from "../../api/index";
import {useStore} from "vuex"; import { useStore } from "vuex";
import TrainClass from "@/components/project/TrainClass"; import TrainClass from "@/components/project/TrainClass";
import OrgClass from "@/components/project/OrgClass"; import OrgClass from "@/components/project/OrgClass";
import ProjectManager from "@/components/project/ProjectManagerNew"; import ProjectManager from "@/components/project/ProjectManagerNew";
import NameInput from "@/components/project/NameInput"; import NameInput from "@/components/project/NameInput";
import ProjectLevel from "@/components/project/ProjectLevel"; import ProjectLevel from "@/components/project/ProjectLevel";
import * as api2 from "../../api/indexAudit"; import * as api2 from "../../api/indexAudit";
import {validateName} from "@/api/index1"; import { validateName } from "@/api/index1";
import dayjs from "dayjs"; import dayjs from "dayjs";
import {scrollLoad} from "@/api/method"; import { scrollLoad } from "@/api/method";
export default { export default {
name: "projectAdd", name: "projectAdd",
@@ -385,14 +276,14 @@ export default {
const routers = useRoute(); const routers = useRoute();
const router = useRouter(); const router = useRouter();
const state = reactive({ const state = reactive({
datePartial: 'start', datePartial: "start",
loading: false, loading: false,
currentPage: 1, //当前页 currentPage: 1, //当前页
tableDataTotal: -1, //模版列表总数 tableDataTotal: -1, //模版列表总数
pageSize: 10, //每页10条数据 pageSize: 10, //每页10条数据
totalPages: 0, //总页数 totalPages: 0, //总页数
viewDetail: null, viewDetail: null,
projectInfo: {id: ''}, projectInfo: { id: "" },
projectPic: [], projectPic: [],
memberParam: { memberParam: {
pageNo: 1, pageNo: 1,
@@ -406,7 +297,8 @@ export default {
changeCondition: false, changeCondition: false,
clickNum: 0, clickNum: 0,
timeRange: [], timeRange: [],
learnBgMore: false learnBgMore: false,
pathBgId: null,
}); });
// 封面图选择 // 封面图选择
@@ -416,6 +308,7 @@ export default {
}; };
onMounted(() => { onMounted(() => {
state.projectPic = store.state.project_pic.map((e) => ({ state.projectPic = store.state.project_pic.map((e) => ({
code: e.id,
value: e.value, value: e.value,
label: e.name, label: e.name,
})); }));
@@ -423,7 +316,7 @@ export default {
getProjectInfo(); getProjectInfo();
getTemplate(); getTemplate();
state.ptojectType = routers.query.ptojectType; state.ptojectType = routers.query.ptojectType;
// console.log("routers.query.ptojectType", routers.query.ptojectType); console.log("获取封面图", state.projectPic);
}); });
watch(routers.query, () => { watch(routers.query, () => {
@@ -437,10 +330,9 @@ export default {
state.projectInfo.parentId = routers.query.parentId; state.projectInfo.parentId = routers.query.parentId;
state.projectInfo.id = routers.query.projectId; state.projectInfo.id = routers.query.projectId;
(state.projectInfo.id || state.projectInfo.parentId) && (state.projectInfo.id || state.projectInfo.parentId) &&
api api
.getProjectDetail({ .getProjectDetail({
projectId: projectId: state.projectInfo.id || state.projectInfo.parentId,
state.projectInfo.id || state.projectInfo.parentId,
}) })
.then((res) => { .then((res) => {
state.projectInfo = { state.projectInfo = {
@@ -448,9 +340,12 @@ export default {
...state.projectInfo, ...state.projectInfo,
}; };
!routers.query.projectId && !routers.query.projectId &&
!!routers.query.parentId && !!routers.query.parentId &&
(state.projectInfo.name = ""); (state.projectInfo.name = "");
state.timeRange = [state.projectInfo.beginTime, state.projectInfo.endTime]; state.timeRange = [
state.projectInfo.beginTime,
state.projectInfo.endTime,
];
state.courseSyncFlag = !!state.projectInfo.courseSyncFlag; state.courseSyncFlag = !!state.projectInfo.courseSyncFlag;
if (Number(state.projectInfo.status) === -5) { if (Number(state.projectInfo.status) === -5) {
let obj = { let obj = {
@@ -465,8 +360,8 @@ export default {
if (res.rows && res.rows.length > 0) { if (res.rows && res.rows.length > 0) {
let i = res.rows.length; let i = res.rows.length;
state.auditDescription = res.rows[i - 1].description state.auditDescription = res.rows[i - 1].description
? res.rows[i - 1].description ? res.rows[i - 1].description
: "-"; : "-";
} }
} }
}); });
@@ -485,8 +380,8 @@ export default {
const classificationChange5 = (key, option) => { const classificationChange5 = (key, option) => {
state.projectInfo = option; state.projectInfo = option;
state.projectInfo.projectTemplateId = option.id state.projectInfo.projectTemplateId = option.id;
state.projectInfo.id = '' state.projectInfo.id = "";
state.projectInfo.type = 3; state.projectInfo.type = 3;
state.timeRange = [option.beginTime, option.endTime]; state.timeRange = [option.beginTime, option.endTime];
state.projectInfo.parentName = routers.query.parentName; state.projectInfo.parentName = routers.query.parentName;
@@ -581,7 +476,7 @@ export default {
message.success(state.projectInfo.id ? "编辑成功" : "创建成功"); message.success(state.projectInfo.id ? "编辑成功" : "创建成功");
router.push({ router.push({
path: "/taskpage", path: "/taskpage",
query: {projectId: res.data.data}, query: { projectId: res.data.data },
}); });
}); });
}; };
@@ -593,14 +488,16 @@ export default {
state.projectInfo.sourceBelongFullName = orgName; state.projectInfo.sourceBelongFullName = orgName;
} }
const disabledDate = (current) => { const disabledDate = (current) => {
//编辑的时候 开始实际只能选当前时间之前的时间 //编辑的时候 开始实际只能选当前时间之前的时间
if (state.projectInfo.id && state.datePartial === 'start') { if (state.projectInfo.id && state.datePartial === "start") {
return current && current > dayjs(state.timeRange[0]).endOf("YYYY-MM-DD HH:mm"); return (
current &&
current > dayjs(state.timeRange[0]).endOf("YYYY-MM-DD HH:mm")
);
} }
// return current && current < dayjs().endOf('day'); // 去除创建项目时间限制 可以选择创建时间之前的时间
return current && current < dayjs().subtract(1, 'days').endOf('day') // return current && current < dayjs().subtract(1, 'days').endOf('day')
}; };
//显示更多路径背景弹窗 //显示更多路径背景弹窗
@@ -612,13 +509,14 @@ export default {
state.learnBgMore = false; state.learnBgMore = false;
}; };
function calendarChange(date, dateStr, partial) { function calendarChange(date, dateStr, partial) {
state.datePartial = partial state.datePartial = partial;
} }
const chooseImg2 = (item) => { const chooseImg2 = (item) => {
// console.log(item); // console.log(item);
state.projectInfo.picUrl = item.value;
state.pathBgId = item.code; state.pathBgId = item.code;
state.pathBg = item.value.split(',')[0]; state.pathBg = item.value.split(",")[0];
state.mobilePicUrl = item.value.split(',')[1]; state.mobilePicUrl = item.value.split(",")[1];
}; };
return { return {
@@ -635,7 +533,7 @@ export default {
handleChangeSelect, handleChangeSelect,
showLearnBgMore, showLearnBgMore,
closeLearnBgMore, closeLearnBgMore,
chooseImg2 chooseImg2,
}; };
}, },
}; };
@@ -706,7 +604,7 @@ export default {
} }
.active { .active {
border: 2px solid rgba(78, 166, 255, 1); border: 3px solid rgba(78, 166, 255, 1);
} }
.content { .content {
@@ -1084,7 +982,9 @@ export default {
color: #fff; color: #fff;
margin-left: 16px; margin-left: 16px;
} }
.treeDropdown { .treeDropdown {
// width: 240px !important; // width: 240px !important;
// border-radius: 5px; // border-radius: 5px;
// min-height: 600px !important; // min-height: 600px !important;

5
src/views/projectcenter/TaskPage.vue
View File

@@ -3851,6 +3851,11 @@ export default {
}; };
//创建小组 //创建小组
const createGroup = async () => { const createGroup = async () => {
console.log("state.groupPageList"+ state.groupPageList)
const d = state.groupPageList.filter(item => item.leaderId === state.groupInfo.leaderId);
if(d.length > 0) {
return message.warn(d[0].leaderName+"已是小组长，请重新选择");
}
const id = state.groupInfo.id const id = state.groupInfo.id
await editGroup({...state.groupInfo,projectId:state.projectId}) await editGroup({...state.groupInfo,projectId:state.projectId})
message.success(id?'小组编辑成功':"小组创建成功"); message.success(id?'小组编辑成功':"小组创建成功");

4
vue.config.js
View File

@@ -6,7 +6,8 @@
* @FilePath: /fe-manage/vue.config.js * @FilePath: /fe-manage/vue.config.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
const {defineConfig} = require("@vue/cli-service"); const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({ module.exports = defineConfig({
lintOnSave: false, lintOnSave: false,
publicPath: process.env.VUE_APP_BASE, publicPath: process.env.VUE_APP_BASE,
@@ -40,7 +41,6 @@ module.exports = defineConfig({
// "^/manageApi": "", // "^/manageApi": "",
}, },
}, },
}, },
}, },
}); });