This commit is contained in:
wuyx
2022-12-23 09:15:51 +08:00
5 changed files with 287 additions and 272 deletions

View File

@@ -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) {

View File

@@ -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 {

View File

@@ -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&params=${encodeURIComponent( `${import.meta.env.VITE_BOE_PATH_DETAIL_URL}/projectdetails&params=${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;

View File

@@ -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") {

View File

@@ -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