fix:增加签到

2025-12-14 21:36:47 +08:00 · 2022-12-17 17:48:03 +08:00
parent 0e01c8de18
commit 3c2bf0116b
4 changed files with 245 additions and 107 deletions
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -29,6 +29,25 @@
          <div style="margin-left: 8px">{{ data.planDto?.address }}</div>
        </div>
      </div>
+      <div style="display: flex">
+        <botton
+          v-if="!isAllowSign"
+          class="btn"
+          style="margin-right: 20px; background: #999"
+          @click="signClick"
+          >签到
+        </botton>
+        <botton
+          v-if="isAllowSign"
+          class="btn"
+          style="margin-right: 20px"
+          :style="{
+            background:
+              data.signFlag || !isAllowSign ? '#999' : 'rgb(57, 146, 249)',
+          }"
+          @click="signClick"
+          >{{ data.signFlag ? "已签到" : "签到" }}
+        </botton>
        <botton
          style="background: #999"
          class="btn"
@@ -47,6 +66,7 @@
          >{{ data.isSurvery ? "已评估" : "评估" }}
        </botton>
      </div>
+    </div>
    <!-- 基本信息 -->

    <!-- 详细信息 -->
@@ -218,7 +238,7 @@ const returnclick = () => {
  router.back();
 };
 const {
-  query: { courseId, type },
+  query: { courseId, type, id: taskId },
 } = useRoute();

 const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
@@ -230,26 +250,103 @@ const { avatar: userAvatar } = useUserInfo(
 const state = reactive({
  activeName: "first",
  enclosure: "",
+  isAllowSign: false,
 });
-const { activeName, enclosure } = toRefs(state);
+const { activeName, enclosure, isAllowSign } = toRefs(state);
 const handleClick = (tab, event) => {
  console.log(tab, event);
 };
 const download = (url) => {
  window.open(url);
 };
+let timer = null;
+//判断能否签到
+function isSignClick() {
+  timer = setInterval(() => {
+    if (data.value.planDto.beforeStart && data.value.planDto.afterStart) {
+      //有开始前有开始后
+      let beginTime =
+        new Date(data.value.planDto.beginTime).getTime() -
+        data.value.planDto.beforeStart * 60 * 1000;
+      let endTime =
+        new Date(data.value.planDto.beginTime).getTime() +
+        data.value.planDto.afterStart * 60 * 1000;
+      let nowTime = new Date().getTime();
+      if (nowTime < endTime && nowTime > beginTime) {
+        state.isAllowSign = true;
+      } else {
+        state.isAllowSign = false;
+      }
+    } else if (
+      !data.value.planDto.beforeStart &&
+      !data.value.planDto.afterStart
+    ) {
+      //开始前开始后都没有
+      state.isAllowSign = true;
+    } else if (
+      data.value.planDto.beforeStart &&
+      !data.value.planDto.afterStart
+    ) {
+      //只有开始前无开始后
+      let beginTime =
+        new Date(data.value.planDto.beginTime).getTime() -
+        data.value.planDto.beforeStart * 60 * 1000;
+      let nowTime = new Date().getTime();
+      if (nowTime > beginTime) {
+        state.isAllowSign = true;
+      } else {
+        state.isAllowSign = false;
+      }
+    } else if (
+      !data.value.planDto.beforeStart &&
+      data.value.planDto.afterStart
+    ) {
+      //无开始前有开始后
+      let endTime =
+        new Date(data.value.planDto.beginTime).getTime() +
+        data.value.planDto.afterStart * 60 * 1000;
+      let nowTime = new Date().getTime();
+      if (nowTime < endTime) {
+        state.isAllowSign = true;
+      } else {
+        state.isAllowSign = false;
+      }
+    }
+    console.log("isAllowSign", state.isAllowSign);
+  }, 1000);
+}
+isSignClick();
+
+//签到
+const signClick = () => {
+  if (data.value.signFlag) {
+    return;
+  }
+  console.log("data.signFlag", data.value.signFlag);
+  if (!isAllowSign) {
+    ElMessage.info("未在签到范围内");
+    return;
+  }
+  data.value.signFlag = 1;
+  ElMessage.info("签到成功");
+  request(TASK_BROADCAST_SIGN, { courseId: courseId, taskId, type });
+};

 function toSurvery() {
  if (data.value.isSurvery) {
    return;
  }
  if (data.value.planDto.evalFlag == 0) {
-    alert("此课程无评估");
+    ElMessage.info("此课程无评估");
    return;
  }
  router.push({
    path: "/surveydetail",
-    query: { courseId: data.value.planDto.evaluateId },
+    query: {
+      courseId: data.value.planDto.evaluateId,
+      pName: "面授课",
+      sName: data.value.planDto.name,
+    },
  });
 }

@@ -260,6 +357,8 @@ function toWork() {
      courseId: data.value.workDto.workId,
      id: data.value.offcourseDto.categoryId,
      type,
+      pName: "面授课",
+      sName: data.value.planDto.name,
    },
  });
 }
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -28,7 +28,7 @@
    </div>
    <!-- 面包屑导航 -->
    <div class="debateTitle" style="color: #fff">
-      【作业】管理者进阶腾飞班 - 中级管理者作业
+      【作业】 {{ data?.workName }}
    </div>
    <!-- 详细信息 -->
    <div class="detailinfo">
@@ -285,6 +285,7 @@ const {
 } = useRoute();

 const { data } = useRequest(TASK_WORK_DETAIL, { workId, taskId });
+console.log("data", data);
 const { data: submitList } = useRequest(TASK_WORK_SUBMIT_LIST, {
  workerId: workId,
 });
--- a/src/views/liveBroadcast/LiveBroadcast.vue
+++ b/src/views/liveBroadcast/LiveBroadcast.vue
@@ -220,13 +220,17 @@ const commitClick = () => {
    return;
  }
  if (data.value.isEvaluate == 0) {
-    alert("此直播无评估");
+    ElMessage.info("此直播无评估");
    return;
  }

  router.push({
    path: "/surveydetail",
-    query: { courseId: data.value.assessmentId },
+    query: {
+      courseId: data.value.assessmentId,
+      pName: "直播",
+      sName: data.value.liveName,
+    },
  });
 };

--- a/src/views/survey/SurveyDetail.vue
+++ b/src/views/survey/SurveyDetail.vue
@@ -9,7 +9,7 @@
        <div style="margin-left: 6px; margin-right: 6px">/</div>
        <div>{{ sName }}</div>
        <div style="margin-left: 6px; margin-right: 6px">/</div>
-        <div style="font-weight: 700; font-size: 16px">调研详情</div>
+        <div style="font-weight: 700; font-size: 16px">评估详情</div>
      </div>
      <!-- 
      <div class="prevnext">
@@ -30,16 +30,17 @@
      <div class="return">
        <div style="display: flex" @click="returnclick">
          <img
-                    class="img2" style="margin-right:22px;"
+            class="img2"
+            style="margin-right: 22px"
            src="../../assets/image/return.png"
          />
-                  <div class="text">返回</div>
+          <div class="text" style="color: #fff">返回</div>
        </div>
      </div>
    </div>
    <!-- 面包屑导航 -->
    <!-- 标题 -->
-    <div class="title">【调研】管理者进阶腾飞班 - 培训阶段性调研</div>
+    <div class="title">【评估】管理者进阶腾飞班 - 培训阶段性调研</div>
    <!-- 标题 -->
    <!-- 基本信息 -->
    <div class="bascinfo">
@@ -74,8 +75,8 @@
                }"
                @click="
                  () => {
-                    if(data.isSubmit){
-                      return
+                    if (data.isSubmit) {
+                      return;
                    }
                    value.selectAnswer = item;
                  }
@@ -90,18 +91,26 @@
        <div
          class="question"
          style="margin-top: 41px"
-            v-if="data.assessmentSingleChoiceDtoList && data.assessmentSingleChoiceDtoList.length"
+          v-if="
+            data.assessmentSingleChoiceDtoList &&
+            data.assessmentSingleChoiceDtoList.length
+          "
        >
-          <div class="text">{{ data.assessmentSingleChoiceDtoList[0]?.singleStemName }}</div>
+          <div class="text">
+            {{ data.assessmentSingleChoiceDtoList[0]?.singleStemName }}
+          </div>
          <div
            v-for="(value, index) in data.assessmentSingleChoiceDtoList"
            :key="index"
            style="display: flex; align-items: center"
-              :style="{'margin-top': index === 0 ? '29px' : '22px',cursor: 'pointer'}"
+            :style="{
+              'margin-top': index === 0 ? '29px' : '22px',
+              cursor: 'pointer',
+            }"
            @click="
              () => {
-                if(data.isSubmit){
-                      return
+                if (data.isSubmit) {
+                  return;
                }
                data.assessmentSingleChoiceDtoList.forEach((e) => {
                  e.select = false;
@@ -121,9 +130,14 @@
        <div
          class="question"
          style="margin-top: 41px"
-            v-if="data.assessmentMultipleChoiceDtoList && data.assessmentMultipleChoiceDtoList.length"
+          v-if="
+            data.assessmentMultipleChoiceDtoList &&
+            data.assessmentMultipleChoiceDtoList.length
+          "
        >
-          <div class="text">{{ data.assessmentMultipleChoiceDtoList[0]?.multipleStemName }}</div>
+          <div class="text">
+            {{ data.assessmentMultipleChoiceDtoList[0]?.multipleStemName }}
+          </div>
          <div
            v-for="(value, index) in data.assessmentMultipleChoiceDtoList"
            :key="index"
@@ -132,12 +146,14 @@
              'margin-top': index === 0 ? '29px' : '22px',
              cursor: 'pointer',
            }"
-              @click="() => {
-                if(data.isSubmit){
-                      return
+            @click="
+              () => {
+                if (data.isSubmit) {
+                  return;
                }
-              value.select = !value.select
-              }"
+                value.select = !value.select;
+              }
+            "
          >
            <img
              style="width: 19px; height: 18px; cursor: pointer"
@@ -165,9 +181,22 @@
            <div class="words">{{ item.content?.length || 0 }}/200</div>
          </div>
        </div>
-        <div style="display: flex; justify-content: center"
-             v-if="data.assessmentEssayQuestionDtoList?.length || data.assessmentMultipleChoiceDtoList?.length || data.assessmentSingleChoiceDtoList?.length || data.assessmentScoringQuestionDtoList?.length">
-          <div class="submit" @click="submit" :style="{background: data.isSubmit?'#999':'#2478ff'}">提交</div>
+        <div
+          style="display: flex; justify-content: center"
+          v-if="
+            data.assessmentEssayQuestionDtoList?.length ||
+            data.assessmentMultipleChoiceDtoList?.length ||
+            data.assessmentSingleChoiceDtoList?.length ||
+            data.assessmentScoringQuestionDtoList?.length
+          "
+        >
+          <div
+            class="submit"
+            @click="submit"
+            :style="{ background: data.isSubmit ? '#999' : '#2478ff' }"
+          >
+            提交
+          </div>
        </div>
      </div>
    </div>
@@ -178,28 +207,33 @@
 <script setup>
 import checkbox from "@/assets/image/checkbox.png";
 import checkbox2 from "@/assets/image/checkbox2.png";
-import {useRoute} from "vue-router/dist/vue-router";
-import {request, usePage, useRequest} from "@/api/request";
-import {
-  ASSESSMENT_QUERY,
-  ASSESSMENT_SUBMIT,
-} from "@/api/api";
-import {ElMessage} from "element-plus";
+import { useRoute, useRouter } from "vue-router/dist/vue-router";
+import { request, usePage, useRequest } from "@/api/request";
+import { ASSESSMENT_QUERY, ASSESSMENT_SUBMIT } from "@/api/api";
+import { ElMessage } from "element-plus";

 const {
-  query: {courseId, id: taskId, type, pName, sName},
+  query: { courseId, id: taskId, type, pName, sName },
 } = useRoute();
-
-const {data} = useRequest(ASSESSMENT_QUERY(courseId), {id: courseId});
-
+const router = useRouter();
+const returnclick = () => {
+  router.back();
+};
+const { data } = useRequest(ASSESSMENT_QUERY(courseId), { id: courseId });
+console.log("data", data);
 function submit() {
  if (data.value.isSubmit) {
-    return
+    return;
  }
-  data.value.isSubmit = !data.value.isSubmit
-  request(ASSESSMENT_SUBMIT, {assessmentId: courseId, taskId, type, result: JSON.stringify(data.value)})
+  data.value.isSubmit = !data.value.isSubmit;
+  request(ASSESSMENT_SUBMIT, {
+    assessmentId: courseId,
+    taskId,
+    type,
+    result: JSON.stringify(data.value),
+  });
  ElMessage.info("提交成功");
-  router.back()
+  router.back();
 }
 </script>
 <style lang="scss">
@@ -210,10 +244,10 @@ function submit() {
    font-size: 14px;
    line-height: 24px;
  }
-  .return{
+  .return {
    position: absolute;
    right: 10%;
-    .text{
+    .text {
      text-align: center;
      display: flex;
      flex-direction: row;