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

feat:增加活动数据

Browse Source
This commit is contained in:
lixg
2022-12-12 18:13:47 +08:00
parent eb50402fc1
commit 47a24f9be1
3 changed files with 160 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/views/moreActive/MoreActive.vue
View File

@@ -23,14 +23,18 @@
<!-- <div class="title">【其他活动】管理者进阶腾飞班 - 专属线下活动</div>-->
<div class="title">{{ data?.activityName }}</div>
<div class="time" style="margin-top: 26px">
<img width="15px" height="17px" src="../../assets/image/time.png"/>
<div style="margin-left: 8px">{{ data?.createTime }}</div>
<img
style="width: 15px; height: 17px"
src="../../assets/image/time.png"
/>
<div style="margin-left: 8px">
{{ data?.activityStartTime + "-" + data?.activityEndTime }}
</div>
</div>
<div class="time" style="margin-top: 23px">
<img
width="16px"
height="18px"
src="../../assets/image/position.png"
style="width: 16px; height: 18px"
src="../../assets/image/position.png"
/>
<div style="margin-left: 8px">{{ data?.activityAddress }}</div>
</div>
@@ -46,15 +50,58 @@
<div style="margin-left: 48px; margin-right: 48px">
<div class="title">
<img
width="20px"
height="20px"
src="../../assets/image/book.png"
style="width: 20px; height: 20px"
src="../../assets/image/book.png"
/>
<div class="text">课程详情</div>
<div class="text">活动详情</div>
<div class="box"></div>
</div>
<div style="display: flex; align-items: center">
<div class="content" v-html="data?.activityExplain"></div>
<div class="activedetail">
<div>
<div>活动时长：</div>
<div class="content">
{{
data?.activityDuration
? data?.activityDuration + "分钟"
: "-"
}}
</div>
</div>
<div>
<div>活动地点：</div>
<div class="content">
{{ data?.activityAddress ? data?.activityAddress : "-" }}
</div>
</div>
<div>
<div>活动考勤：</div>
<div class="content">
{{
data?.beforeSignIn
? "开始前" + data?.beforeSignIn + "分钟开始签到"
: "-"
}}
</div>
<div class="content">
{{
data?.afterSignIn
? "开始后" + data?.afterSignIn + "分钟结束签到"
: "-"
}}
</div>
</div>
<div>
<div>活动完成标准：</div>
<div class="content">
{{ data?.standardSettings ? "仅签到" : "-" }}
</div>
</div>
<div>
<div>活动说明：</div>
<div class="content">
{{ data?.activityExplain ? data?.activityExplain : "-" }}
</div>
</div>
</div>
</div>
</div>
@@ -62,8 +109,8 @@
<div class="teacher">
<div class="title">
<img
style="width: 24px; height: 20px"
src="../../assets/image/call.png"
style="width: 24px; height: 20px"
src="../../assets/image/call.png"
/>
<div class="text">活动公告</div>
<div class="box"></div>
@@ -79,16 +126,18 @@
</template>
<script setup>
import { TAS_ACTIVITY_DETAIL, TASK_ACTIVITY_SIGN, ACTIVITY } from "@/api/api";
import { request, useRequest } from "@/api/request";
import {TAS_ACTIVITY_DETAIL, TASK_ACTIVITY_SIGN} from "@/api/api";
import {request, useRequest} from "@/api/request";
const {data} = useRequest(TAS_ACTIVITY_DETAIL, {activityId: 22})
const { data } = useRequest(ACTIVITY, { activityId: 155 });
console.log("data", data);
const signClick = (tab, event) => {
request(TASK_ACTIVITY_SIGN, {activitySubmitId:data.activityId,signInStatus:1}).then(res => {
data.value.activityFlag = 1
})
request(TASK_ACTIVITY_SIGN, {
activitySubmitId: data.activityId,
signInStatus: 1,
}).then((res) => {
data.value.activityFlag = 1;
});
};
</script>
@@ -216,14 +265,15 @@ const signClick = (tab, event) => {
left: 23px;
top: 53px;
}
.content {
margin-left: 8px;
font-size: 14px;
color: rgba(51, 51, 48, 1);
font-weight: 500;
line-height: 35px;
.activedetail {
margin-top: 30px;
font-size: 14px;
font-weight: 500;
color: #333330;
line-height: 36px;
.content {
color: #677d86;
}
}
}
@@ -358,9 +408,9 @@ const signClick = (tab, event) => {
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
background: linear-gradient(
180deg,
rgba(36, 120, 255, 0.15) 0%,
rgba(255, 255, 255) 50%
180deg,
rgba(36, 120, 255, 0.15) 0%,
rgba(255, 255, 255) 50%
);
.title {