mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-12 12:26:49 +08:00
合并
This commit is contained in:
@@ -271,6 +271,7 @@ const showFileList = computed(() => {
|
|||||||
return fileList.value.length
|
return fileList.value.length
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
const handleClick = () => {
|
const handleClick = () => {
|
||||||
console.log(fileList.value, uploadRef.value)
|
console.log(fileList.value, uploadRef.value)
|
||||||
if (!sbValue.value.content) {
|
if (!sbValue.value.content) {
|
||||||
|
|||||||
@@ -5,6 +5,13 @@
|
|||||||
<div>{{data.name}}</div>
|
<div>{{data.name}}</div>
|
||||||
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
||||||
<div style="font-weight: 700">项目详情</div>
|
<div style="font-weight: 700">项目详情</div>
|
||||||
|
|
||||||
|
<div class="return">
|
||||||
|
<div style="display: flex" @click="returnclick">
|
||||||
|
<img class="img2" style="margin-right: 22px;cursor: pointer;" src="../../assets/image/return.png" />
|
||||||
|
<div style="cursor: pointer;" class="text">返回</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 面包屑导航 -->
|
<!-- 面包屑导航 -->
|
||||||
<div class="pdname">
|
<div class="pdname">
|
||||||
@@ -75,7 +82,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="goclass" @click="toFinish(value, i.name, i.stageId)">
|
<div class="goclass" @click="toFinish(value, i.stageName, i.stageId)">
|
||||||
{{
|
{{
|
||||||
value.status === 1
|
value.status === 1
|
||||||
? "已完成"
|
? "已完成"
|
||||||
@@ -373,7 +380,7 @@ function introductionPro() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function toFinish(d, sName, chapterId) {
|
function toFinish(d, sName, chapterId) {
|
||||||
console.log("dddddd", d);
|
console.log("dddddd", d, sName);
|
||||||
// 作业过期判断
|
// 作业过期判断
|
||||||
if (d.type == 4) {
|
if (d.type == 4) {
|
||||||
let date1 = new Date(d.endTime).getTime();
|
let date1 = new Date(d.endTime).getTime();
|
||||||
@@ -490,6 +497,17 @@ function whiteTypes(type) {
|
|||||||
display: flex;
|
display: flex;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
|
.return {
|
||||||
|
position: absolute;
|
||||||
|
right: 10%;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pdname {
|
.pdname {
|
||||||
|
|||||||
@@ -31,37 +31,22 @@
|
|||||||
<el-input v-model="projectname" placeholder="请输入项目名称" />
|
<el-input v-model="projectname" placeholder="请输入项目名称" />
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 420px">
|
<div style="width: 420px">
|
||||||
<el-date-picker
|
<el-date-picker v-model="searchTime" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间"
|
||||||
v-model="searchTime"
|
@change="selectTime" />
|
||||||
type="datetimerange"
|
|
||||||
start-placeholder="开始时间"
|
|
||||||
end-placeholder="结束时间"
|
|
||||||
@change="selectTime"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button class="searchBtn" @click="searchClick" style="margin-left: 20px">
|
||||||
class="searchBtn"
|
|
||||||
@click="searchClick"
|
|
||||||
style="margin-left: 20px"
|
|
||||||
>
|
|
||||||
搜索
|
搜索
|
||||||
</button>
|
</button>
|
||||||
<button class="searchBtn" @click="resetClick">重置</button>
|
<button class="searchBtn" @click="resetClick">重置</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="projectList" v-if="projectList.length==0" style="display:flex;color:#909399;">
|
<div class="projectList" v-if="!projectList.length" style="display:flex;color:#909399;">
|
||||||
<img
|
<img class="img2" style="margin-left: 675px;margin-top: 165px;width:148px;height:220px;"
|
||||||
class="img2"
|
src="../../assets/image/notask.png" />
|
||||||
style="margin-left: 675px;margin-top: 165px;width:148px;height:220px;"
|
|
||||||
src="../../assets/image/notask.png"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="projectList" v-for="(i, k) in projectList" :key="k">
|
<div v-else class="projectList" v-for="(i, k) in projectList" :key="k">
|
||||||
<div style="display: flex">
|
<div style="display: flex">
|
||||||
<img
|
<img style="width: 253px; height: 144px; border-radius: 4px" :src="i.picUrl" />
|
||||||
style="width: 253px; height: 144px; border-radius: 4px"
|
|
||||||
:src="i.picUrl"
|
|
||||||
/>
|
|
||||||
<div style="margin-left: 29px">
|
<div style="margin-left: 29px">
|
||||||
<div class="projectName" :title="i.name">
|
<div class="projectName" :title="i.name">
|
||||||
{{ i.name }}
|
{{ i.name }}
|
||||||
@@ -69,29 +54,19 @@
|
|||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progressNow">当前进度:</div>
|
<div class="progressNow">当前进度:</div>
|
||||||
<div style="width: 115px">
|
<div style="width: 115px">
|
||||||
<el-progress
|
<el-progress :percentage="parseInt(i.finishTaskNum / i.totalTaskNum * 100)" :show-text="false"
|
||||||
:percentage="parseInt(i.finishTaskNum / i.totalTaskNum) * 100"
|
:stroke-width="8" color="rgba(255, 160, 80, 1)" />
|
||||||
:show-text="false"
|
|
||||||
:stroke-width="8"
|
|
||||||
color="rgba(255, 160, 80, 1)"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="progressNum">
|
<div class="progressNum">
|
||||||
{{
|
{{
|
||||||
i.finishTaskNum && i.totalTaskNum
|
(i.finishTaskNum && i.totalTaskNum) ? parseInt(i.finishTaskNum / i.totalTaskNum * 100) : 0
|
||||||
? parseInt(i.finishTaskNum / i.totalTaskNum) * 100
|
|
||||||
: 0
|
|
||||||
}}%
|
}}%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="studyNew">最新一次学习时间:{{ i.lastStudyTime }}</div>
|
<div class="studyNew" v-if="i.lastStudyTime">最新一次学习时间:{{ i.lastStudyTime }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="tobestarted" v-if="i.status == 2" @click="goProjectDetails(i)">
|
||||||
class="tobestarted"
|
|
||||||
v-if="i.status == 2"
|
|
||||||
@click="goProjectDetails(i)"
|
|
||||||
>
|
|
||||||
待开始
|
待开始
|
||||||
</div>
|
</div>
|
||||||
<div class="gostudy" v-if="i.status == 0" @click="goProjectDetails(i)">
|
<div class="gostudy" v-if="i.status == 0" @click="goProjectDetails(i)">
|
||||||
@@ -100,11 +75,7 @@
|
|||||||
<div class="finish" v-if="i.status == 1" @click="goProjectDetails(i)">
|
<div class="finish" v-if="i.status == 1" @click="goProjectDetails(i)">
|
||||||
已完成
|
已完成
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="tobestarted" v-if="i.status == 3" @click="goProjectDetails(i)">
|
||||||
class="tobestarted"
|
|
||||||
v-if="i.status == 3"
|
|
||||||
@click="goProjectDetails(i)"
|
|
||||||
>
|
|
||||||
已结束
|
已结束
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -215,7 +186,7 @@ const goProjectDetails = (value) => {
|
|||||||
})
|
})
|
||||||
: window.open(
|
: window.open(
|
||||||
`${import.meta.env.VITE_BOE_PATH_DETAIL_URL}/projectdetails¶ms=${encodeURIComponent(
|
`${import.meta.env.VITE_BOE_PATH_DETAIL_URL}/projectdetails¶ms=${encodeURIComponent(
|
||||||
`projectId=${routerId}`
|
`projectId=${value.projectId}`
|
||||||
)}`
|
)}`
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -227,22 +198,26 @@ const goProjectDetails = (value) => {
|
|||||||
//border-radius: 8px;
|
//border-radius: 8px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
// background-color: #ccc;
|
// background-color: #ccc;
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// flex: 1;
|
// flex: 1;
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
margin-left: 81px;
|
margin-left: 81px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
margin-top: 31px;
|
margin-top: 31px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.searchBtn {
|
.searchBtn {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
@@ -257,12 +232,14 @@ const goProjectDetails = (value) => {
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.projectList {
|
.projectList {
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
||||||
.projectName {
|
.projectName {
|
||||||
width: 270px;
|
width: 270px;
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
@@ -275,12 +252,15 @@ const goProjectDetails = (value) => {
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.el-progress-bar__outer {
|
.el-progress-bar__outer {
|
||||||
background-color: rgba(255, 160, 80, 0.19);
|
background-color: rgba(255, 160, 80, 0.19);
|
||||||
}
|
}
|
||||||
|
|
||||||
.progressNow {
|
.progressNow {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -288,6 +268,7 @@ const goProjectDetails = (value) => {
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progressNum {
|
.progressNum {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -296,6 +277,7 @@ const goProjectDetails = (value) => {
|
|||||||
margin-left: 26px;
|
margin-left: 26px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.studyNew {
|
.studyNew {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -303,6 +285,7 @@ const goProjectDetails = (value) => {
|
|||||||
color: #999999;
|
color: #999999;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tobestarted {
|
.tobestarted {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -318,6 +301,7 @@ const goProjectDetails = (value) => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 120px;
|
margin-right: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gostudy {
|
.gostudy {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -334,6 +318,7 @@ const goProjectDetails = (value) => {
|
|||||||
margin-right: 120px;
|
margin-right: 120px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.finish {
|
.finish {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|||||||
@@ -5,6 +5,13 @@
|
|||||||
<div>{{ routerName }}</div>
|
<div>{{ routerName }}</div>
|
||||||
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
||||||
<div style="font-weight: 700">路径图详情</div>
|
<div style="font-weight: 700">路径图详情</div>
|
||||||
|
|
||||||
|
<div class="return">
|
||||||
|
<div style="display: flex" @click="returnclick">
|
||||||
|
<img class="img2" style="margin-right: 22px;cursor: pointer;" src="../../assets/image/return.png" />
|
||||||
|
<div style="cursor: pointer;" class="text">返回</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 面包屑导航 -->
|
<!-- 面包屑导航 -->
|
||||||
<div class="pdname">
|
<div class="pdname">
|
||||||
@@ -448,7 +455,7 @@ function toFinish(d) {
|
|||||||
type: 1,
|
type: 1,
|
||||||
courseId: d.courseId,
|
courseId: d.courseId,
|
||||||
pName: data.value.name,
|
pName: data.value.name,
|
||||||
sName:data.currentStageName,
|
sName:data.value.currentStageName,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
} else if (typeof types.value.path[d.type] === "function") {
|
} else if (typeof types.value.path[d.type] === "function") {
|
||||||
|
|||||||
@@ -413,6 +413,10 @@ function formateArr(arr1) {
|
|||||||
const { data } = useRequest(ASSESSMENT_QUERY(courseId), { id: courseId });
|
const { data } = useRequest(ASSESSMENT_QUERY(courseId), { id: courseId });
|
||||||
console.log('我是需要排序得题目', data )
|
console.log('我是需要排序得题目', data )
|
||||||
|
|
||||||
|
function goHome() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
const centerDialogVisible =ref(false);
|
const centerDialogVisible =ref(false);
|
||||||
const open=()=>{
|
const open=()=>{
|
||||||
centerDialogVisible.value = true
|
centerDialogVisible.value = true
|
||||||
|
|||||||
Reference in New Issue
Block a user