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

init

Browse Source
This commit is contained in:
yuping
2022-12-15 03:27:05 +08:00
parent 4f9c88bc17
commit 00cdcac6c9
1 changed files with 39 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,8 +24,8 @@
<div class="title">{{ data?.activityName }}</div>
<div class="time" style="margin-top: 26px">
<img
style="width: 15px; height: 17px"
src="../../assets/image/time.png"
style="width: 15px; height: 17px"
src="../../assets/image/time.png"
/>
<div style="margin-left: 8px">
{{ data?.activityStartTime + "-" + data?.activityEndTime }}
@@ -33,13 +33,18 @@
</div>
<div class="time" style="margin-top: 23px">
<img
style="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>
</div>
<div class="btn" v-if="!data.activityFlag" @click="signClick">签到</div>
<botton
class="btn"
:style="{background:`${data.signFlag?'#999':'rgb(57, 146, 249)'}`}"
@click="signClick"
>{{ data.signFlag ? '已签到' : '签到' }}
</botton>
</div>
<!-- 基本信息 -->
@@ -50,8 +55,8 @@
<div style="margin-left: 48px; margin-right: 48px">
<div class="title">
<img
style="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="box"></div>
@@ -62,8 +67,8 @@
<div class="content">
{{
data?.activityDuration
? data?.activityDuration + "分钟"
: "-"
? data?.activityDuration + "分钟"
: "-"
}}
</div>
</div>
@@ -78,15 +83,15 @@
<div class="content">
{{
data?.beforeSignIn
? "开始前" + data?.beforeSignIn + "分钟开始签到"
: "-"
? "开始前" + data?.beforeSignIn + "分钟开始签到"
: "-"
}}
</div>
<div class="content">
{{
data?.afterSignIn
? "开始后" + data?.afterSignIn + "分钟结束签到"
: "-"
? "开始后" + data?.afterSignIn + "分钟结束签到"
: "-"
}}
</div>
</div>
@@ -109,8 +114,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>
@@ -126,22 +131,28 @@
</template>
<script setup>
import { TAS_ACTIVITY_DETAIL, TASK_ACTIVITY_SIGN, ACTIVITY } from "@/api/api";
import { request, useRequest } from "@/api/request";
import { useRoute } from "vue-router/dist/vue-router";
import {TAS_ACTIVITY_DETAIL, TASK_ACTIVITY_SIGN, ACTIVITY} from "@/api/api";
import {request, useRequest} from "@/api/request";
import {useRoute} from "vue-router/dist/vue-router";
import {ElMessage} from "element-plus";
const {
query: { courseId: activityId },
query: {courseId: activityId},
} = useRoute();
const { data } = useRequest(ACTIVITY, { activityId });
const {data} = useRequest(ACTIVITY, {activityId});
console.log("data", data);
const signClick = (tab, event) => {
if (data.value.signFlag) {
return;
}
data.value.signFlag = true
ElMessage.info("签到成功");
request(TASK_ACTIVITY_SIGN, {
activitySubmitId: data.activityId,
signInStatus: 1,
}).then((res) => {
data.value.activityFlag = 1;
});
})
};
</script>
@@ -269,12 +280,14 @@ const signClick = (tab, event) => {
left: 23px;
top: 53px;
}
.activedetail {
margin-top: 30px;
font-size: 14px;
font-weight: 500;
color: #333330;
line-height: 36px;
.content {
color: #677d86;
}
@@ -412,9 +425,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 {