This commit is contained in:
Pengxiansen
2025-02-25 17:40:36 +08:00
parent 1b45ae804b
commit cb3bff4fa8
11 changed files with 557 additions and 559 deletions

View File

@@ -267,7 +267,7 @@ const rulesRef = ref({
}, },
], ],
}); });
let validate = Form.useForm(formData.value.info, rulesRef).validate; let validate = null;
const durationText = computed(() => const durationText = computed(() =>
dateTime.value?.length dateTime.value?.length
? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute") ? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute")
@@ -349,7 +349,7 @@ function openDrawer(row) {
dayjs(row.info.activityStartTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.activityStartTime, "YYYY-MM-DD HH:mm"),
dayjs(row.info.activityEndTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.activityEndTime, "YYYY-MM-DD HH:mm"),
]); ]);
row && (validate = Form.useForm(formData.value.info, rulesRef).validate); validate = Form.useForm(formData.value.info, rulesRef).validate;
visible.value = true; visible.value = true;
} }

View File

@@ -94,7 +94,7 @@ const props = defineProps({
growId: String, growId: String,
}); });
const visible = ref(false); const visible = ref(false);
const formData = useResetRef({ const formData = ref({
info: { info: {
discussName: "", discussName: "",
discussExplain: "", discussExplain: "",
@@ -118,12 +118,17 @@ const rulesRef = ref({
], ],
}); });
let validate = Form.useForm(formData.value.info, rulesRef).validate let validate = null;
const closeDrawer = () => { const closeDrawer = () => {
visible.value = false; visible.value = false;
dateTime.value = []; dateTime.value = [];
formData.reset(); formData.value = {
formData.value.info = {}; info: {
discussName: "",
discussExplain: "",
discussSettings: true,
},
};
}; };
async function confirm() { async function confirm() {
@@ -161,7 +166,7 @@ function openDrawer(row) {
row.info.discussSettings === "false" || row.info.discussSettings === false row.info.discussSettings === "false" || row.info.discussSettings === false
? false ? false
: true); : true);
row && (validate = Form.useForm(formData.value.info, rulesRef).validate); validate = Form.useForm(formData.value.info, rulesRef).validate;
visible.value = true; visible.value = true;
} }

View File

@@ -198,12 +198,13 @@ async function confirm() {
} else { } else {
message.success("添加成功"); message.success("添加成功");
} }
closeDrawer();
emit("refresh"); emit("refresh");
} else { } else {
message.error(res.msg); message.error(res.msg);
} }
}); });
closeDrawer();
} }
let validate = null; let validate = null;
function openDrawer(row) { function openDrawer(row) {

View File

@@ -356,7 +356,7 @@ const props = defineProps({
}); });
const visible = ref(false); const visible = ref(false);
const headers = { token: getCookieForName("token") }; const headers = { token: getCookieForName("token") };
const formData = useResetRef({ const formData = ref({
info: { info: {
liveName: "", liveName: "",
liveLink: "", liveLink: "",
@@ -436,7 +436,7 @@ const rulesRef = ref({
}, },
], ],
}); });
let validate = Form.useForm(formData.value.info, rulesRef).validate; let validate = null;
const { resetFields } = Form.useForm(formData.value.info, rulesRef); const { resetFields } = Form.useForm(formData.value.info, rulesRef);
const durationText = computed(() => const durationText = computed(() =>
dateTime.value?.length dateTime.value?.length
@@ -451,8 +451,26 @@ const closeDrawer = () => {
imageUrl.value = ""; imageUrl.value = "";
visible.value = false; visible.value = false;
dateTime.value = []; dateTime.value = [];
formData.reset(); formData.value = {
formData.value.info = {}; info: {
liveName: "",
liveLink: "",
liveStartTime: "",
liveEndTime: "",
liveNotice: "",
liveDuration: "",
liveTeacherId: "",
liveTeacherName: "",
liveCover: "",
beforeSignIn: "",
afterSignIn: "",
isEvaluate: false,
assessmentId: "",
assessmentName: "",
livePlayback: "",
liveExplain: "",
},
};
resetFields(); resetFields();
} }
}; };
@@ -495,11 +513,11 @@ async function confirm() {
} else { } else {
message.success("添加成功"); message.success("添加成功");
} }
closeDrawer();
emit("refresh"); emit("refresh");
} else { } else {
message.error(res.msg); message.error(res.msg);
} }
closeDrawer();
}); });
} }
@@ -507,7 +525,7 @@ function openDrawer(row) {
row && (formData.value = row); row && (formData.value = row);
row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]); row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]);
row && (imageUrl.value = row.info.liveCover); row && (imageUrl.value = row.info.liveCover);
row && (validate = Form.useForm(formData.value.info, rulesRef).validate); validate = Form.useForm(formData.value.info, rulesRef).validate;
visible.value = true; visible.value = true;
} }

View File

@@ -18,123 +18,128 @@
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="main"> <template v-if="step == 1">
<template v-if="datasource.taskType == 4"> <div class="main">
<div class="endtime">
起止时间{{ datasource.info.submitStartTime }}
{{ datasource.info.submitEndTime }}
</div>
</template>
<div class="search" style="justify-content: flex-start">
<div class="sealeft">
<div class="namecon" style="margin-right: 16px">
<PostSelectNew width="200px" v-model:value="stdPosition">
</PostSelectNew>
</div>
<div class="namecon" style="margin-right: 16px">
<OfficeSelect
v-model:value="qualsLevelCode"
:searchData="stdPosition"
width="200px"
/>
</div>
<div class="namecon" style="margin-right: 16px">
<div class="select">
<a-select
v-model:value="completionStatus"
style="width: 200px"
placeholder="任务状态"
:options="projectNameList"
@change="selectCompletionStatus"
allowClear
></a-select>
</div>
</div>
<div class="namecon" style="margin-right: 16px">
<a-input
v-model:value="name"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名/工号"
/>
</div>
</div>
<div class="btns">
<div
class="btn btn1"
style="margin-right: 20px"
@click="searchTaskList"
>
<div class="img1"></div>
<div class="wz">搜索</div>
</div>
<div class="btn btn2" @click="resetTaskList">
<div class="img2"></div>
<div class="wz">重置</div>
</div>
</div>
</div>
<div class="btnss" style="margin-top: 20px">
<div class="btn btn1" @click="godie" style="margin-right: 20px">
<div class="img1"></div>
<div class="wz">催促学习</div>
</div>
<div class="btn btn2" @click="exportTaskStu">
<div class="img2"></div>
<div class="wz">导出数据</div>
</div>
<template v-if="datasource.taskType == 4"> <template v-if="datasource.taskType == 4">
<div <div class="endtime">
class="btn btn2" 起止时间{{ datasource.info.submitStartTime }}
@click="exportHomeWorkShow"
style="margin-left: 20px" {{ datasource.info.submitEndTime }}
>
<div class="wz">导出作业</div>
</div>
<div class="btn btn2" style="margin-left: 20px">
<div class="wz" @click="showEntryScore">导入成绩</div>
</div> </div>
</template> </template>
</div> <div class="search" style="justify-content: flex-start">
<div class="tab" style="margin-top: 20px; margin-bottom: 100px"> <div class="sealeft">
<a-table <div class="namecon" style="margin-right: 16px">
style="border: 1px solid #f2f6fe" <PostSelectNew width="200px" v-model:value="stdPosition">
:columns="tableDataFunc()" </PostSelectNew>
:data-source="tableData" </div>
:loading="tableDataTotalLoading" <div class="namecon" style="margin-right: 16px">
:scroll="{ x: 900 }" <OfficeSelect
:pagination="false" v-model:value="qualsLevelCode"
/> :searchData="stdPosition"
<div class="tableBox"> width="200px"
<div class="pa"> />
<a-pagination </div>
:showSizeChanger="false" <div class="namecon" style="margin-right: 16px">
showQuickJumper="true" <div class="select">
hideOnSinglePage="true" <a-select
:pageSize="pageSize" v-model:value="completionStatus"
:current="currentPage" style="width: 200px"
:total="tableDataTotal" placeholder="任务状态"
class="pagination" :options="projectNameList"
@change="changePaginationStu" @change="selectCompletionStatus"
v-if="tableDataTotal > 10" allowClear
/> ></a-select>
</div>
</div>
<div class="namecon" style="margin-right: 16px">
<a-input
v-model:value="name"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名/工号"
/>
</div>
</div>
<div class="btns">
<div
class="btn btn1"
style="margin-right: 20px"
@click="searchTaskList"
>
<div class="img1"></div>
<div class="wz">搜索</div>
</div>
<div class="btn btn2" @click="resetTaskList">
<div class="img2"></div>
<div class="wz">重置</div>
</div>
</div>
</div>
<div class="btnss" style="margin-top: 20px">
<template v-if="tableData.length">
<div class="btn btn1" @click="godie" style="margin-right: 20px">
<div class="img1"></div>
<div class="wz">催促学习</div>
</div>
<div class="btn btn2" @click="exportTaskStu">
<div class="img2"></div>
<div class="wz">导出数据</div>
</div>
<template v-if="datasource.taskType == 4">
<div
class="btn btn2"
@click="exportHomeWorkShow"
style="margin-left: 20px"
>
<div class="wz">导出作业</div>
</div>
<div class="btn btn2" style="margin-left: 20px">
<div class="wz" @click="showEntryScore">导入成绩</div>
</div>
</template>
</template>
</div>
<div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tableDataFunc()"
:data-source="tableData"
:loading="tableDataTotalLoading"
:scroll="{ x: 900 }"
:pagination="false"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
:current="currentPage"
:total="tableDataTotal"
class="pagination"
@change="changePaginationStu"
v-if="tableDataTotal > 10"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </template>
<template v-if="step == 2">
<EScore
:type="2"
@close="closeImport"
:id="datasource?.id"
:pid="datasource?.growthId"
v-model:searchTaskList="searchTaskList"
/>
</template>
</div> </div>
</a-drawer> </a-drawer>
<EScore
v-model:eScorevisible="Evisible"
:type="2"
:id="datasource?.id"
:pid="datasource?.growthId"
v-model:searchTaskList="searchTaskList"
/>
<!-- <view-assess v-model:Assessvisible="Assessvisible" :datasource="evalDataSource" :evalName="datasource.info?.assessmentName" <!-- <view-assess v-model:Assessvisible="Assessvisible" :datasource="evalDataSource" :evalName="datasource.info?.assessmentName"
:basicdata="datasource.info" /> --> :basicdata="datasource.info" /> -->
</template> </template>
@@ -143,7 +148,6 @@
import { toRefs, reactive, onMounted, onUnmounted } from "vue"; import { toRefs, reactive, onMounted, onUnmounted } from "vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
// import ViewAssess from "../ViewAssess"; // import ViewAssess from "../ViewAssess";
import { checkGrowthPer } from "@/utils/utils";
import EScore from "@/components/growthpath/GrowthScore.vue"; import EScore from "@/components/growthpath/GrowthScore.vue";
import { import {
@@ -202,6 +206,7 @@ export default {
visible: props.Tvisible, visible: props.Tvisible,
name: "", name: "",
pageNum: 1, pageNum: 1,
step: 1, // 步骤数
Evisible: false, //录入成绩抽屉 Evisible: false, //录入成绩抽屉
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
@@ -232,6 +237,12 @@ export default {
evalDataSource: "", evalDataSource: "",
Assessvisible: false, Assessvisible: false,
}); });
// 关闭导入成绩
const closeImport = () => {
state.step = 1;
state.tableDataTotalLoading = true;
getData();
};
const tableDataFunc = () => { const tableDataFunc = () => {
const columns = [ const columns = [
{ {
@@ -431,13 +442,19 @@ export default {
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Tvisible", false); if (state.step == 1) {
state.currentPage = 1; ctx.emit("update:Tvisible", false);
state.name = ""; state.currentPage = 1;
state.completionStatus = undefined; state.name = "";
state.tableData = []; state.completionStatus = undefined;
state.stdPosition = null; state.tableData = [];
state.qualsLevelCode = null; state.stdPosition = null;
state.qualsLevelCode = null;
} else {
state.step = 1;
state.tableDataTotalLoading = true;
getData();
}
}; };
const afterVisibleChange = (bol) => { const afterVisibleChange = (bol) => {
if (bol == true) { if (bol == true) {
@@ -478,7 +495,7 @@ export default {
}; };
// 导入成绩 // 导入成绩
const showEntryScore = () => { const showEntryScore = () => {
state.Evisible = true; state.step = 2;
}; };
// 获取数据 // 获取数据
function getData() { function getData() {
@@ -582,6 +599,7 @@ export default {
afterVisibleChange, afterVisibleChange,
tableDataFunc, tableDataFunc,
godie, godie,
closeImport,
onMounted, onMounted,
onUnmounted, onUnmounted,
onChange, onChange,

View File

@@ -96,7 +96,7 @@ const props = defineProps({
growId: String, growId: String,
}); });
const visible = ref(false); const visible = ref(false);
const formData = useResetRef({ const formData = ref({
info: { info: {
linkName: "", linkName: "",
linkAddress: "", linkAddress: "",
@@ -121,13 +121,18 @@ const rulesRef = ref({
], ],
}); });
let validate = Form.useForm(formData.value.info, rulesRef).validate; let validate = null;
const closeDrawer = () => { const closeDrawer = () => {
visible.value = false; visible.value = false;
dateTime.value = []; dateTime.value = [];
formData.reset(); formData.value = {
formData.value.info = {}; info: {
linkName: "",
linkAddress: "",
linkDescription: "",
},
};
}; };
async function confirm() { async function confirm() {
@@ -160,7 +165,7 @@ async function confirm() {
function openDrawer(row) { function openDrawer(row) {
row && (formData.value = row); row && (formData.value = row);
row && (validate = Form.useForm(formData.value.info, rulesRef).validate); validate = Form.useForm(formData.value.info, rulesRef).validate;
visible.value = true; visible.value = true;
} }

View File

@@ -1,193 +1,168 @@
<template> <template>
<a-drawer <div class="ExportScore">
:visible="eScorevisible" <div class="minatitl">
class="drawerStyle ExportScore" <div class="up1">请下载</div>
placement="right" <div class="up2" @click="downTemplate" style="cursor: pointer">模板</div>
width="700px" <div class="up1">按要求填写数据并导入</div>
@after-visible-change="afterVisibleChange" </div>
> <div class="upload">
<div class="drawerMain"> <div class="text">上传</div>
<div class="header"> <div class="right">
<div class="headerTitle">导入成绩</div> <div style="height: 176px; margin-bottom: 20px">
<img <a-upload-dragger
style="width: 29px; height: 29px; cursor: pointer" v-model:fileList="fileList"
src="../../assets/images/basicinfo/close.png" :action="importHomeWork"
@click="closeDrawer" name="uploadFile"
/> :multiple="true"
</div> :headers="headers"
<div class="main"> @change="handleChange"
<div class="minatitl"> :showUploadList="false"
<div class="up1">请下载</div> :data="{
<div class="up2" @click="downTemplate" style="cursor: pointer"> // type: type,
模板 // taskId: Number(id),
</div> workId: datesource.info ? datesource.info.id : id,
<div class="up1">按要求填写数据并导入</div> // targetId: Number(id),
}"
>
<p class="ant-upload-drag-icon">
<inbox-outlined></inbox-outlined>
</p>
<p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
<p class="ant-upload-hint">支持扩展名.xls/.xlsx</p>
</a-upload-dragger>
</div> </div>
<div class="upload"> <!-- <div class="load">
<div class="text">上传</div>
<div class="right">
<div style="height: 176px; margin-bottom: 20px">
<a-upload-dragger
v-model:fileList="fileList"
:action="importHomeWork"
name="uploadFile"
:multiple="true"
:headers="headers"
@change="handleChange"
:showUploadList="false"
:data="{
// type: type,
// taskId: Number(id),
workId: datesource.info ? datesource.info.id : id,
// targetId: Number(id),
}"
>
<p class="ant-upload-drag-icon">
<inbox-outlined></inbox-outlined>
</p>
<p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
<p class="ant-upload-hint">支持扩展名.xls/.xlsx</p>
</a-upload-dragger>
</div>
<!-- <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" class="loadborder"
v-if="uploadpercent < 100 && uploadpercent !== -1" 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">
<div class="timetop"> <div class="timetop">
<div class="tit">{{ fileName }}</div> <div class="tit">{{ fileName }}</div>
<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 class="curloading">
<!-- <div class="cur">55%</div> -->
<!-- <div class="cancel" style="margin-left: 20px">暂停</div>
<div class="cancel" style="margin-left: 15px">取消</div> -->
</div>
</div>
</div> </div>
<div class="loadborder" v-if="uploadErr"> <div class="curloading">
<div class="content"> <!-- <div class="cur">55%</div> -->
<div class="img"></div> <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
<div class="timebox"> <div class="cancel" style="margin-left: 15px">取消</div> -->
<div class="timetop"> </div>
<div class="tit">{{ fileName }}</div> </div>
<div class="statedefeat">上传失败</div> </div>
</div> <div class="loadborder" v-if="uploadErr">
<a-progress :percent="uploadpercent" /> <div class="content">
<!-- <div class="prog"> <div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">{{ fileName }}</div>
<div class="statedefeat">上传失败</div>
</div>
<a-progress :percent="uploadpercent" />
<!-- <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 class="cancel" style="margin-left: 20px">暂停</div>
</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
class="defeat"
style="display: flex; align-items: center"
>
<div style="color: #ff7474">
{{ succNum }}条数据导入成功{{ errNum }}条数据导入失败
</div>
</div>
</div>
</div> </div>
<!-- v-if="uploadpercent === 100" --> <div class="defeat" style="display: flex; align-items: center">
<div class="loadborder" v-if="uploadpercent === 100"> <div style="color: #ff7474">
<div class="content">
<div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">{{ fileName }}</div>
<div class="statesucce">上传成功</div>
</div>
<a-progress :percent="uploadpercent" />
<!-- <div class="prog">
<div class="inprogsucce"></div>
</div> -->
</div>
<div class="curloading">
<!-- <div class="cur">100%</div> -->
<div
class="cancel"
style="margin-left: 20px; cursor: pointer"
@click="removeUpload"
>
删除
</div>
</div>
</div>
<div v-if="errNum">
<div class="downloadErr" @click="downloadEeeorData">
下载失败数据
</div>
</div>
</div>
<div
v-if="uploadpercent === 100"
class="defeat"
style="
display: flex;
align-items: center;
width: 500px;
height: 40px;
"
:style="{
background: errNum
? 'rgba(255, 116, 116, 0.1)'
: 'rgba(53, 174, 105, 0.1)',
border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
}"
>
<img
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>
</div> </div>
</div> </div>
<!-- v-if="uploadpercent === 100" -->
<div class="loadborder" v-if="uploadpercent === 100">
<div class="content">
<div class="img"></div>
<div class="timebox">
<div class="timetop">
<div class="tit">{{ fileName }}</div>
<div class="statesucce">上传成功</div>
</div>
<a-progress :percent="uploadpercent" />
<!-- <div class="prog">
<div class="inprogsucce"></div>
</div> -->
</div>
<div class="curloading">
<!-- <div class="cur">100%</div> -->
<div
class="cancel"
style="margin-left: 20px; cursor: pointer"
@click="removeUpload"
>
删除
</div>
</div>
</div>
<div v-if="errNum">
<div class="downloadErr" @click="downloadEeeorData">
下载失败数据
</div>
</div>
</div>
<div
v-if="uploadpercent === 100"
class="defeat"
style="
display: flex;
align-items: center;
width: 500px;
height: 40px;
"
:style="{
background: errNum
? 'rgba(255, 116, 116, 0.1)'
: 'rgba(53, 174, 105, 0.1)',
border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
}"
>
<img
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 }}条数据导入失败
</div>
</div>
</div> </div>
</div> </div>
<div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button>
</div>
</div> </div>
<!-- 加载动画 --> </div>
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }"> <div class="btnn">
<a-spin :spinning="addLoading" tip="" /> <button class="btn1" @click="closeDrawer">取消</button>
</div> <button class="btn2" @click="closeDrawer">确定</button>
</a-drawer> </div>
<!-- 加载动画 -->
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
<a-spin :spinning="addLoading" tip="" />
</div>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs } from "vue";
@@ -248,6 +223,7 @@ export default {
state.fileList = []; state.fileList = [];
state.uploadpercent = -1; state.uploadpercent = -1;
state.uploadErr = false; //上传失败 state.uploadErr = false; //上传失败
ctx.emit("close");
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
@@ -420,280 +396,251 @@ export default {
<style lang="scss"> <style lang="scss">
.ExportScore { .ExportScore {
.drawerMain { overflow-y: auto;
min-width: 600px;
margin: 0px 32px 0px 32px; .minatitl {
overflow-x: auto;
display: flex; display: flex;
flex-direction: column;
.header { .up1 {
height: 73px; font-size: 16px;
border-bottom: 1px solid #e8e8e8; font-weight: 400;
display: flex; color: #333333;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
flex-shrink: 0;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
} }
.main { .up2 {
overflow-y: auto; font-size: 16px;
font-weight: 400;
color: #4ea6ff;
margin-left: 4px;
}
}
.minatitl { .upload {
margin-top: 32px;
display: flex;
.text {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.right {
margin-left: 6px;
.load {
width: 500px;
height: 176px;
background: #f5f9fd;
border-radius: 4px;
// opacity: 0.3;
border: 1px dashed #caddfd;
display: flex; display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
.up1 { .cloud {
font-size: 16px; margin-top: 52px;
font-weight: 400; width: 28px;
color: #333333; height: 28px;
background-image: url(../../assets/images/basicinfo/cloud.png);
} }
.up2 { .tip {
font-size: 16px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #4ea6ff;
margin-left: 4px; margin-top: 15px;
cursor: pointer;
}
.tipz {
font-size: 14px;
font-weight: 400;
color: #999999;
margin-top: 10px;
} }
} }
.upload { .loadstate {
margin-top: 32px; width: 500px;
display: flex; margin-bottom: 100px;
.text { .loadborder {
font-size: 14px; width: 500px;
font-weight: 400; height: 173px;
color: #333333; border-radius: 4px;
} border: 1px dashed #eaeaea;
margin-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
.right { .content {
margin-left: 6px;
.load {
width: 500px;
height: 176px;
background: #f5f9fd;
border-radius: 4px;
// opacity: 0.3;
border: 1px dashed #caddfd;
display: flex; display: flex;
flex-direction: column; margin-left: 20px;
align-items: center; position: relative;
margin-bottom: 20px;
.cloud { .defeat {
margin-top: 52px; width: 400px;
width: 28px; position: absolute;
height: 28px; left: 46px;
background-image: url(../../assets/images/basicinfo/cloud.png); top: 38px;
}
.tip {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 500;
color: #4ea6ff; justify-content: space-between;
margin-top: 15px;
cursor: pointer;
} }
.tipz { .img {
font-size: 14px; width: 30px;
font-weight: 400; height: 34px;
color: #999999; background-image: url(../../assets/images/basicinfo/exl.png);
margin-top: 10px;
} }
}
.loadstate { .timebox {
width: 500px; margin-left: 15px;
margin-bottom: 100px; margin-top: -5px;
.loadborder { .timetop {
width: 500px;
height: 173px;
border-radius: 4px;
border: 1px dashed #eaeaea;
margin-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
.content {
display: flex; display: flex;
margin-left: 20px; width: 262px;
position: relative; justify-content: space-between;
.defeat { // margin-bottom: 8px;
width: 400px; .tit {
position: absolute;
left: 46px;
top: 38px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 400;
justify-content: space-between; color: #333333;
} }
.img { .stateloading {
width: 30px; font-size: 14px;
height: 34px; font-weight: 400;
background-image: url(../../assets/images/basicinfo/exl.png); color: #4ea6ff;
} }
.timebox { .statedefeat {
margin-left: 15px; font-size: 14px;
margin-top: -5px; font-weight: 400;
color: #ff7474;
.timetop {
display: flex;
width: 262px;
justify-content: space-between;
// margin-bottom: 8px;
.tit {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.stateloading {
font-size: 14px;
font-weight: 400;
color: #4ea6ff;
}
.statedefeat {
font-size: 14px;
font-weight: 400;
color: #ff7474;
}
.statesucce {
font-size: 14px;
font-weight: 400;
color: #35ae69;
}
}
.prog {
width: 262px;
height: 5px;
background: #eaf1fe;
border-radius: 4px;
.inprogloading {
width: 55%;
height: 5px;
border-radius: 4px;
background: #4ea6ff;
}
//下载失败条
.inprogdefeat {
width: 55%;
height: 5px;
border-radius: 4px;
background: #ff7474;
}
//下载成功条
.inprogsucce {
width: 100%;
height: 5px;
border-radius: 4px;
background: #57c887;
}
}
} }
.curloading { .statesucce {
margin-left: 15px; font-size: 14px;
margin-top: 15px; font-weight: 400;
display: flex; color: #35ae69;
.cur {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.cancel {
font-size: 14px;
font-weight: 400;
color: #387df7;
}
} }
} }
.downloadErr { .prog {
width: 120px; width: 262px;
height: 32px; height: 5px;
display: flex; background: #eaf1fe;
align-items: center; border-radius: 4px;
justify-content: center;
border-radius: 2px; .inprogloading {
border: 1px solid #387df7; width: 55%;
height: 5px;
border-radius: 4px;
background: #4ea6ff;
}
//下载失败条
.inprogdefeat {
width: 55%;
height: 5px;
border-radius: 4px;
background: #ff7474;
}
//下载成功条
.inprogsucce {
width: 100%;
height: 5px;
border-radius: 4px;
background: #57c887;
}
}
}
.curloading {
margin-left: 15px;
margin-top: 15px;
display: flex;
.cur {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.cancel {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #387df7; color: #387df7;
line-height: 20px;
cursor: pointer;
margin-left: 66px;
margin-top: 16px;
position: absolute;
bottom: 28;
} }
} }
} }
.downloadErr {
width: 120px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid #387df7;
font-size: 14px;
font-weight: 400;
color: #387df7;
line-height: 20px;
cursor: pointer;
margin-left: 66px;
margin-top: 16px;
position: absolute;
bottom: 28;
}
} }
} }
} }
}
.btnn { .btnn {
height: 72px; height: 72px;
width: 100%; width: 100%;
position: absolute; position: absolute;
background-color: #fff;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff; background-color: #fff;
bottom: 0; cursor: pointer;
left: 0; }
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 { .btn2 {
width: 100px; cursor: pointer;
height: 40px; width: 100px;
border: 1px solid #4ea6ff; height: 40px;
border-radius: 8px; background: #4ea6ff;
color: #4ea6ff; border-radius: 8px;
background-color: #fff; border: 0;
cursor: pointer; margin-left: 15px;
} color: #fff;
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
} }
} }
} }

View File

@@ -144,7 +144,7 @@ const title = computed(() => {
// 步骤数 // 步骤数
const step = ref(1); const step = ref(1);
const visible = ref(false); const visible = ref(false);
const formData = useResetRef({ const formData = ref({
info: { info: {
voteName: "", voteName: "",
voteStartTime: "", voteStartTime: "",
@@ -182,7 +182,7 @@ const rulesRef = ref({
], ],
}); });
let validate = Form.useForm(formData.value.info, rulesRef).validate; let validate = null;
// 关闭弹窗 // 关闭弹窗
const closeDrawer = () => { const closeDrawer = () => {
if (step.value > 1) { if (step.value > 1) {
@@ -190,9 +190,14 @@ const closeDrawer = () => {
} else { } else {
visible.value = false; visible.value = false;
dateTime.value = []; dateTime.value = [];
formData.reset(); formData.value = {
formData.value.info = { info: {
voteStemDtoList: [], voteName: "",
voteStartTime: "",
voteEndTime: "",
voteStemDtoList: [],
voteExplain: "",
},
}; };
} }
}; };
@@ -245,7 +250,7 @@ function openDrawer(row) {
dayjs(row.info.voteStartTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.voteStartTime, "YYYY-MM-DD HH:mm"),
dayjs(row.info.voteEndTime, "YYYY-MM-DD HH:mm"), dayjs(row.info.voteEndTime, "YYYY-MM-DD HH:mm"),
]); ]);
row && (validate = Form.useForm(formData.value.info, rulesRef).validate); validate = Form.useForm(formData.value.info, rulesRef).validate;
visible.value = true; visible.value = true;
} }

View File

@@ -35,8 +35,7 @@
:multiple="false" :multiple="false"
@change="handleChange" @change="handleChange"
:data="{ :data="{
growthId: Number(courseId), growthId: String(growId),
type: courseType,
}" }"
:showUploadList="false" :showUploadList="false"
> >
@@ -219,7 +218,7 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
courseId: { growId: {
type: String, type: String,
default: "", default: "",
}, },
@@ -235,10 +234,10 @@ export default {
const store = useStore(); const store = useStore();
const state = reactive({ const state = reactive({
redisKey: "", redisKey: "",
importStudent: `${process.env.VUE_APP_BOE_API_URL}${ // importStudent: `${process.env.VUE_APP_BOE_API_URL}${
process.env.VUE_APP_BASE_API_GROWTH || "" // process.env.VUE_APP_BASE_API_GROWTH || ""
}/professional/allocation/importLearner`, // }/professional/allocation/importLearner`,
importStudent: `http://192.168.31.211:32002/professional/allocation/importLearner`,
timers: "", // 定时器,用于清空定时器使用 timers: "", // 定时器,用于清空定时器使用
isAddStudent: false, // 用于判断用户是否关闭弹框需要重新获取学员列表 isAddStudent: false, // 用于判断用户是否关闭弹框需要重新获取学员列表
uploadpercent: -1, uploadpercent: -1,
@@ -268,7 +267,7 @@ export default {
if (state.redisKey && state.succNum != 0 && item) { if (state.redisKey && state.succNum != 0 && item) {
saveStudent({ saveStudent({
redisKey: state.redisKey, redisKey: state.redisKey,
growId: props.courseId, growId: props.growId,
isImportNotMatchStudent: state.groupValue ? 1 : 0, isImportNotMatchStudent: state.groupValue ? 1 : 0,
}) })
.then((res) => { .then((res) => {
@@ -343,7 +342,7 @@ export default {
console.log("上传成功返回的UUID----->", info); console.log("上传成功返回的UUID----->", info);
console.log("我是导入学员接口传递的参数", { console.log("我是导入学员接口传递的参数", {
file: info.file.originFileObj, file: info.file.originFileObj,
targetId: props.courseId, targetId: props.growId,
type: 14, type: 14,
}); });
state.fileName = info.file.name; state.fileName = info.file.name;

View File

@@ -286,7 +286,7 @@
<ImportStu <ImportStu
v-model:AddImpStuvisible="AddImpStuvisible" v-model:AddImpStuvisible="AddImpStuvisible"
@AddImpStuvisibleClose="AddImpStuvisibleClose" @AddImpStuvisibleClose="AddImpStuvisibleClose"
:courseId="id" :growId="growId"
:courseType="type" :courseType="type"
/> />
<GrowthDrawer ref="GrowthDrawerRef" title="新增学员" width="1200px"> <GrowthDrawer ref="GrowthDrawerRef" title="新增学员" width="1200px">
@@ -732,11 +732,8 @@ const AddImpStuvisible = ref(false); //导入学员抽屉
const showImpStu = () => { const showImpStu = () => {
AddImpStuvisible.value = true; AddImpStuvisible.value = true;
}; };
const AddImpStuvisibleClose = (isget) => { const AddImpStuvisibleClose = () => {
console.log("关闭了导入学员弹框", isget); getStuList();
if (isget) {
getStuList();
}
}; };
function startLoading() { function startLoading() {

View File

@@ -47,12 +47,10 @@
<div class="line"></div> <div class="line"></div>
</template> </template>
<router-link to="/growthpath" <div style="display: flex" @click="goBack">
><div style="display: flex"> <img class="img2" src="../../assets/images/leveladd/back.png" />
<img class="img2" src="../../assets/images/leveladd/back.png" /> <div class="return">返回</div>
<div class="return">返回</div> </div>
</div>
</router-link>
</div> </div>
</div> </div>
<div class="split"></div> <div class="split"></div>
@@ -615,7 +613,7 @@
v-model:studentId="studentId" v-model:studentId="studentId"
v-model:growId="growId" v-model:growId="growId"
/> />
<!-- 在线、案例等管理抽屉 --> <!-- 在线、案例等管理抽屉 -->
<GrowthOnlineManage <GrowthOnlineManage
:permissions="preId" :permissions="preId"
@@ -623,7 +621,6 @@
:title="showTimeText" :title="showTimeText"
:datasource="commonData" :datasource="commonData"
/> />
</a-spin> </a-spin>
</div> </div>
@@ -838,6 +835,11 @@ export default {
query: { growId: state.routerId, pre: state.preId }, query: { growId: state.routerId, pre: state.preId },
}); });
}; };
// 返回
const goBack = () => {
router.go(-1);
};
// 列表拖动结束 // 列表拖动结束
const draggableOnEnd = () => { const draggableOnEnd = () => {
// 开启加载弹窗getListTask请求完成后会关闭弹框 // 开启加载弹窗getListTask请求完成后会关闭弹框
@@ -1440,6 +1442,7 @@ export default {
qrcodeAssement, qrcodeAssement,
handleMenuClickpg, handleMenuClickpg,
draggableOnEnd, draggableOnEnd,
goBack,
handleMenuClick, handleMenuClick,
qrcodeVisible, qrcodeVisible,
handlerSuperiors, handlerSuperiors,