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

fix:修改面授课附件/作业参数错误，增加面授课报名页面

Browse Source
This commit is contained in:
wuyx
2022-12-25 16:58:43 +08:00
parent d48ebe59db
commit 18638fe98e
3 changed files with 569 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/views/faceteach/FaceTeach.vue
View File

@@ -24,7 +24,9 @@
<div class="time" style="margin-top: 26px">
<img style="width: 15px; height: 17px" src="../../assets/image/time.png" />
<div style="margin-left: 8px">
{{ dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " + dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM') }}
{{ dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " +
dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM')
}}
</div>
</div>
<div v-if="data.planDto?.address" class="time" style="margin-top: 23px">
@@ -39,12 +41,12 @@
background: data.signFlag ? '#999' : 'rgb(57, 146, 249)',
}" @click="signClick">{{ data.signFlag ? "已签到" : "签到" }}
</botton>
<botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0 ">
<botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
评估
</botton>
<botton :style="{
background: `${new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
}" class="btn" @click="toSurvery" v-else>{{data.isSurvery ? "已评估" : "评估"}}
}" class="btn" @click="toSurvery" v-else>{{ data.isSurvery ? "已评估" : "评估" }}
</botton>
</div>
</div>
@@ -65,33 +67,34 @@
</div>
</div>
</div>
<div class="detailB">
<el-tabs v-model="activeName" @tab-click="handleClick" >
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="课程附件" name="first">
<div v-if="data.planDto?.attach === '[]'" style="font-size: 14px;font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px; margin-top: 20px;">
<div v-if="data.planDto?.attach === ''"
style="font-size: 14px;font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px; margin-top: 20px;">
此课程无附件
</div>
<div v-else>
<div v-for="(el, index) in JSON.parse(data.planDto?.attach)" :key="index" class="enclosure"
<div v-for="(el, index) in formateArr(data.planDto?.attach)" :key="index" class="enclosure"
:style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }">
<div class="enclosureL">
<FileTypeImg v-model="el.name" :style="{
<FileTypeImg :v-model="el.slice(el.indexOf('-') + 1)" :style="{
width: '22px',
height: '26px',
marginLeft: '10px',
}"></FileTypeImg>
<div style="margin-left: 20px">{{ el.name }}</div>
<div style="margin-left: 20px">{{ el.slice(el.indexOf('-') + 1) }}</div>
</div>
<div v-if="new Date(data.planDto.beginTime).getTime() > new Date().getTime()" class="download">
<img style="width: 16px; height: 15px" src="../../assets/image/download.png" />
<div style="margin-left: 5px;color:#999;" @click="downloads(el.response.data)">
<div style="margin-left: 5px;color:#999;" @click="downloads(el)">
下载
</div>
</div>
<div v-else class="download">
<img style="width: 16px; height: 15px" src="../../assets/image/download.png" />
<div style="margin-left: 5px" @click="download(el.response.data)">
<div style="margin-left: 5px" @click="download(el)">
下载
</div>
</div>
@@ -99,8 +102,8 @@
</div>
</el-tab-pane>
<el-tab-pane label="课程作业" name="second">
<div class="work" v-if="data.workDto?.workName">
<div class="work" v-if="data.workDto">
<div>
<div class="question">{{ data.workDto?.workName }}</div>
<div style="margin-top: 16px; display: flex">
@@ -109,19 +112,23 @@
</div>
</div>
<div v-if="dayjs(data.value.workDto.submitEndTime).isBefore(dayjs())" @click="toWork" class="submit" style="background: #999">已结束</div>
<div v-if="dayjs().isBefore(dayjs(data.value.workDto.submitStartTime))" @click="toWork" class="submit" style="background: #999">未开始</div>
<div v-if="dayjs(data.workDto.submitEndTime).isBefore(dayjs())" @click="toWork" class="submit"
style="background: #999">已结束</div>
<div v-if="dayjs().isBefore(dayjs(data.workDto.submitStartTime))" @click="toWork" class="submit"
style="background: #999">未开始</div>
<div
:style="{ background: new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : '' }" class="submit" @click="toWork" v-else>
:style="{ background: new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : '' }"
class="submit" @click="toWork" v-else>
交作业
</div>
</div>
<div v-else style=" font-size: 14px; font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px;margin-top: 20px; ">
<div v-else
style=" font-size: 14px; font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px;margin-top: 20px; ">
此课程无作业
</div>
</el-tab-pane>
<el-tab-pane label="课程考试" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime)) >
<el-tab-pane label="课程考试" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
<div class="work" v-if="data.examinationDto?.examinationTestName">
<div>
<div class="question">
@@ -134,15 +141,18 @@
<div class="tag3" style="margin-left: 11px">考试</div>
</div>
</div>
<div v-if="dayjs(data.value.workDto.examinationEndTime).isBefore(dayjs())" class="submit" style="background: #999" @click="toExamItem(data.examinationDto)">已结束</div>
<div v-if="dayjs().isBefore(dayjs(data.value.workDto.examinationStartTime))" class="submit" style="background: #999">未开始</div>
<div v-if="dayjs(data.value.workDto.examinationEndTime).isBefore(dayjs())" class="submit"
style="background: #999" @click="toExamItem(data.examinationDto)">已结束</div>
<div v-if="dayjs().isBefore(dayjs(data.value.workDto.examinationStartTime))" class="submit"
style="background: #999">未开始</div>
<div v-else
:style="{ background: new Date(data.planDto.beginTime).getTime() > new Date().getTime() ? '#999' : '' }"
class="submit" @click="toExamItem(data.examinationDto)">
去考试
</div>
</div>
<div v-else style=" font-size: 14px; font-weight: 400;line-height: 24px;cursor: pointer; margin-left: 40px; margin-top: 20px; ">
<div v-else
style=" font-size: 14px; font-weight: 400;line-height: 24px;cursor: pointer; margin-left: 40px; margin-top: 20px; ">
此课程无考试
</div>
</el-tab-pane>
@@ -207,7 +217,7 @@ const state = reactive({
});
const { activeName, enclosure, isAllowSign } = toRefs(state);
const handleClick = (tab, event) => {
console.log("附件",tab, event);
console.log("附件", tab, event);
};
const download = (url) => {
window.open(url);
@@ -215,6 +225,13 @@ const download = (url) => {
const downloads = (url) => {
ElMessage.warning("未到开始时间，请耐心等待！");
};
function formateArr(strs) {
let arrs = strs.split(',')
console.log('112233', arrs)
return arrs
}
let timer = null;
//判断能否签到
function isSignClick() {
@@ -491,11 +508,13 @@ onUnmounted(() => {
background: #ffffff;
border-radius: 8px;
margin-top: 20px;
.wenxintishi{
.wenxintishi {
display: flex;
justify-content: stretch;
padding: 72px;
}
.el-tabs__item {
height: 69px;
padding: 25px 7px 0px 52px;
@@ -609,7 +628,7 @@ onUnmounted(() => {
padding: 25px 0px;
display: flex;
position: relative;
// align-items: center;
}
@@ -620,40 +639,40 @@ onUnmounted(() => {
}
.teacheritem {
.nameSpan{
.nameSpan {
width: 190px;
display: flex;
align-items: center;
justify-content: center;
.teacherName {
font-size: 14px;
font-weight: bold;
color: #394145;
display: flex;
align-items: center;
font-size: 14px;
font-weight: bold;
color: #394145;
display: flex;
align-items: center;
}
}
}
.teacheritem {
.nameSpan{
.nameSpan {
width: 190px;
display: flex;
align-items: center;
justify-content: center;
.teacherName {
font-size: 14px;
font-weight: bold;
color: #394145;
display: flex;
align-items: center;
font-size: 14px;
font-weight: bold;
color: #394145;
display: flex;
align-items: center;
}
}
}
.teacheritem .introduce {