diff --git a/src/views/faceteach/FaceTeachNoCommon.vue b/src/views/faceteach/FaceTeachNoCommon.vue
index 726193b..99c7b91 100644
--- a/src/views/faceteach/FaceTeachNoCommon.vue
+++ b/src/views/faceteach/FaceTeachNoCommon.vue
@@ -1,121 +1,177 @@
-<!--
- * @Author: lixg lixg@dongwu-inc.com
- * @Date: 2023-02-18 17:47:50
- * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2023-02-18 18:06:29
- * @FilePath: /stu_h5/src/views/faceteach/FaceTeachNoCommon.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
-  <div
-    style="
-      background: #0078fc;
-      height: 150px;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      z-index: -9999;
-    "
-  ></div>
-  <div class="faceteach" style="padding: 30px">
-    <!-- 面包屑导航 -->
-    <div class="crumb">
-      <div>课程列表</div>
-      <div style="margin-left: 6px; margin-right: 6px">/</div>
-      <div style="font-weight: 700">课程报名</div>
-
-      <div v-if="pName != ''" class="return">
-        <div style="display: flex" @click="returnclick">
-          <el-button style="color: #0073fb"
-            ><img
-              class="img2"
-              style="margin-right: 11px; cursor: pointer"
-              src="../../assets/image/return.png"
-            />返回
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <!-- 面包屑导航 -->
-
-    <!-- 基本信息 -->
-    <div class="bascinfo">
-      <div style="display: flex">
-        <img
-          style="
-            width: 405px;
-            height: 230px;
-            margin-left: 48px;
-            border-radius: 8px;
-            margin-top: 40px;
-          "
-          :src="data.offcourseDto.picUrl"
-          alt=""
-        />
-        <div style="margin-left: 40px; margin-top: 56px">
-          <div class="title">【面授课】{{ data.planDto?.name }}</div>
-          <div class="time" style="margin-top: 30px">
-            <img
-              style="width: 15px; height: 17px"
-              src="../../assets/image/time.png"
-            />
-            <div style="margin-left: 8px">
-              {{
-                dayjs(data.planDto?.beginTime).format("YYYY-MM-DD HH:MM") +
-                " 至 " +
-                dayjs(data.planDto?.endTime).format("YYYY-MM-DD HH:MM")
-              }}
+  <div class="faceteachnocommon">
+    <ReturnHead text="课程详情"></ReturnHead>
+    <TitleHead :text="'【面授课】' + data.planDto?.name"></TitleHead>
+    <div class="main">
+      <div class="title">
+        <div class="titlemain">
+          <div class="timeposition">
+            <div class="time">
+              <img
+                style="width: 13px; height: 14.5px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/time.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                {{
+                  dayjs(data.planDto?.beginTime).format("YYYY-MM-DD HH:mm") +
+                  " 至 " +
+                  dayjs(data.planDto?.endTime).format("YYYY-MM-DD HH:mm")
+                }}
+              </div>
+            </div>
+            <div class="time" style="margin-top: 9px">
+              <img
+                style="width: 13px; height: 15px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/position.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                {{ data.planDto?.address }}
+              </div>
             </div>
           </div>
-          <div
-            v-if="data.planDto.address"
-            class="time"
-            style="margin-top: 10px"
-          >
-            <img
-              style="width: 16px; height: 18px"
-              src="../../assets/image/position.png"
-            />
-            <div style="margin-left: 8px">{{ data.planDto?.address }}</div>
+          <!-- <div class="titlebtn">评估</div> -->
+
+          <div v-if="projectStatus && projectEndTime">
+            <div
+              v-if="
+                projectStatus !== '3' &&
+                new Date(projectEndTime).getTime() > new Date().getTime()
+              "
+              style="display: flex"
+            >
+              <botton
+                class="titlebtn"
+                style="margin-right: 20px"
+                :style="{
+                  background: isAllowSign
+                    ? data.signFlag
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                    : '#999',
+                }"
+                @click="signClick"
+                >{{ data.signFlag ? "已签到" : "签到" }}
+              </botton>
+              <!-- <botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
+						评估
+					</botton> -->
+              <botton
+                v-if="data.planDto?.evalFlag !== 0"
+                :style="{
+                  background: `${
+                    new Date(data.planDto?.beginTime).getTime() >
+                    new Date().getTime()
+                      ? '#999'
+                      : data.isSurvery
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                  }`,
+                }"
+                class="titlebtn"
+                @click="toSurvery"
+                >{{ data.isSurvery ? "已评估" : "评估" }}
+              </botton>
+            </div>
+          </div>
+          <div v-else>
+            <div style="display: flex">
+              <botton
+                class="titlebtn"
+                style="margin-right: 20px"
+                :style="{
+                  background: isAllowSign
+                    ? data.signFlag
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                    : '#999',
+                }"
+                @click="signClick"
+                >{{ data.signFlag ? "已签到" : "签到" }}
+              </botton>
+              <!-- <botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
+						评估
+					</botton> -->
+              <botton
+                v-if="data.planDto?.evalFlag !== 0"
+                :style="{
+                  background: `${
+                    new Date(data.planDto?.beginTime).getTime() >
+                    new Date().getTime()
+                      ? '#999'
+                      : data.isSurvery
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                  }`,
+                }"
+                class="titlebtn"
+                @click="toSurvery"
+                >{{ data.isSurvery ? "已评估" : "评估" }}
+              </botton>
+            </div>
+          </div>
+
+          <!-- <button
+            v-if="data.planDto?.evalFlag !== 0"
+            :style="{
+              background: `${
+                new Date(data.planDto?.beginTime).getTime() >
+                new Date().getTime()
+                  ? '#999'
+                  : data.isSurvery
+                  ? '#999'
+                  : 'rgb(57, 146, 249)'
+              }`,
+            }"
+            class="titlebtn"
+            @click="toSurvery"
+          >
+            {{ data.isSurvery ? "已评估" : "评估" }}
+          </button> -->
+        </div>
+      </div>
+      <div class="teacher">
+        <div style="width: 90%">
+          <div class="teachertitle" style="width: 100px">
+            <img
+              style="width: 17px; height: 17px"
+              src="../../assets/image/faceteach/livelecturer.png"
+            />
+            <div class="talk">面授课讲师</div>
+            <div class="box" style="width: 80px; right: 0px"></div>
+          </div>
+          <div class="teachermain">
+            <img class="teacherAvatar" :src="teacherInfo.avatar" />
+            <div style="flex: 1; margin-left: 11px; margin-right: 13px">
+              <div class="teacherName">{{ data.planDto?.teacher }}</div>
+              <div class="teacherIntro">
+                {{ data.planDto?.bandDesc }}
+              </div>
+            </div>
+            <!-- <div class="teacherFollow">+ 关注</div> -->
           </div>
-          <!--          <div class="time" style="margin-top: 37px">-->
-          <!--            <botton class="btn" style="margin-right: 20px;width: 160px;height: 46px;" v-if="data.planDto.applyFlag" @click="onLineSignUp" :style="{	background: data.isSignUp ? '#999' : 'rgb(57, 146, 249)'}">{{data.isSignUp?'已报名':'立即报名'}}</botton>-->
-          <!--          </div>-->
         </div>
       </div>
-      <div style="display: flex"></div>
-    </div>
-    <!-- 基本信息 -->
-
-    <!-- 详细信息 -->
-    <div class="detailinfo">
       <div class="detail">
-        <div class="detailB">
+        <div style="width: 90%">
+          <div class="teachertitle">
+            <img
+              style="width: 17px; height: 17px"
+              src="../../assets/image/faceteach/livelecturer.png"
+            />
+            <div class="talk">课程详情</div>
+            <div class="box"></div>
+          </div>
+          <div class="detailMain">
+            {{ data.planDto?.description }}
+          </div>
+        </div>
+      </div>
+      <div class="course">
+        <div style="width: 100%">
           <el-tabs v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="课程介绍" name="first">
-              <div class="notice" style="padding: 20px; font-size: 14px">
-                {{ data.offcourseDto?.intro || "暂无课程介绍" }}
-              </div>
-            </el-tab-pane>
-            <el-tab-pane label="课程大纲" name="second">
-              <div style="display: flex; align-items: center">
-                <div
-                  style="padding: 20px"
-                  class="content"
-                  v-html="data.offcourseDto?.outline"
-                ></div>
-              </div>
-            </el-tab-pane>
-            <!-- <el-tab-pane label="课程评论" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
-
-            </el-tab-pane> -->
-            <el-tab-pane
-              label="材料下载"
-              name="third"
-              :disabed="dayjs().isBefore(dayjs(data.planDto.beginTime))"
-            >
+            <el-tab-pane label="课程附件" name="first">
               <div
-                v-if="!data.planDto?.attach"
+                v-if="data.planDto?.attach === ''"
                 style="
                   font-size: 14px;
                   font-weight: 400;
@@ -123,96 +179,231 @@
                   cursor: pointer;
                   margin-left: 40px;
                   margin-top: 20px;
+                  margin-bottom: 20px;
                 "
               >
                 此课程无附件
               </div>
               <div v-else>
                 <div
-                  v-for="(el, index) in formateArr(data.planDto.attach)"
+                  v-for="(el, index) in formateArr(data.planDto?.attach)"
                   :key="index"
                   class="enclosure"
-                  :style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
+                  :style="{
+                    borderBottom: '1px solid rgba(56, 125, 247, 0.2)',
+                  }"
                 >
                   <div class="enclosureL">
                     <FileTypeImg
                       :v-model="
-                        el.slice(el.lastIndexOf('/') + 1, el.indexOf('-')) +
-                        el.slice(el.lastIndexOf('.'))
+                        el.name
+                          ? el.name
+                          : el.slice(el.lastIndexOf('/') + 1, el.indexOf('-')) +
+                            el.slice(el.lastIndexOf('.'))
                       "
                       :style="{
-                        width: '22px',
-                        height: '26px',
+                        width: '19.5px',
+                        height: '22px',
                         marginLeft: '10px',
                       }"
                     ></FileTypeImg>
-                    <div style="margin-left: 20px">
+                    <div style="margin-left: 15px">
                       {{
-                        el.slice(el.lastIndexOf("/") + 1, el.indexOf("-")) +
-                        el.slice(el.lastIndexOf("."))
+                        el.name
+                          ? el.name
+                          : el.slice(el.lastIndexOf("/") + 1, el.indexOf("-")) +
+                            el.slice(el.lastIndexOf("."))
                       }}
                     </div>
+                    <!-- <img style="width: 19.5px; height: 22px" :src="el.img" />
+                  <div style="margin-left: 15px">{{ el.name }}</div> -->
+                  </div>
+                  <div>
+                    <div
+                      v-if="
+                        new Date(data.planDto.beginTime).getTime() >
+                        new Date().getTime()
+                      "
+                      class="download"
+                    >
+                      <img
+                        style="width: 16px; height: 15px"
+                        src="../../assets/image/download.png"
+                      />
+                      <div
+                        style="margin-left: 5px; color: #999"
+                        @click="downloads(el)"
+                      >
+                        下载
+                      </div>
+                    </div>
+                    <div v-else class="download">
+                      <img
+                        style="width: 16px; height: 15px; color: #2478ff"
+                        src="../../assets/image/download.png"
+                      />
+                      <div
+                        style="margin-left: 5px"
+                        @click="download(el.name ? el.response.data : el)"
+                      >
+                        下载
+                      </div>
+                    </div>
                   </div>
-                  <!--                  <div class="download">-->
-                  <!--                    <img style="width: 16px; height: 15px" src="../../assets/image/download.png"/>-->
-                  <!--                    <div style="margin-left: 5px;color:#999;">-->
-                  <!--                      下载-->
-                  <!--                    </div>-->
-                  <!-- <div style="margin-left: 5px;color:#999;" @click="download(el)">
-                      下载
-                    </div> -->
-                  <!--                  </div>-->
                 </div>
               </div>
             </el-tab-pane>
+            <el-tab-pane label="课程作业" name="second">
+              <div class="work">
+                <div v-if="data.workDto">
+                  <div>
+                    <div class="question">{{ data.workDto?.workName }}</div>
+                    <div style="display: flex; justify-content: space-between">
+                      <div
+                        style="
+                          margin-top: 16px;
+                          flex: 1;
+                          display: flex;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div
+                          class="tag1"
+                          v-if="data.workDto?.workFlag"
+                          style="margin: 0px 10px 10px 0px"
+                        >
+                          必修
+                        </div>
+                        <div class="tag3" style="margin: 0px 10px 10px 0px">
+                          作业
+                        </div>
+                      </div>
+                      <div
+                        :style="{
+                          background:
+                            new Date(data.planDto?.beginTime).getTime() >
+                            new Date().getTime()
+                              ? '#999'
+                              : '',
+                        }"
+                        class="submit"
+                        @click="toWork"
+                      >
+                        交作业
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  v-else
+                  style="
+                    font-size: 14px;
+                    font-weight: 400;
+                    line-height: 24px;
+                    cursor: pointer;
+                    margin-left: 40px;
+                    margin-top: 20px;
+                  "
+                >
+                  此课程无作业
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane
+              label="课程考试"
+              name="third"
+              :disabed="dayjs().isBefore(dayjs(data.planDto?.beginTime))"
+            >
+              <div class="work" v-if="data.examinationDto?.examinationTestName">
+                <div class="question">
+                  {{ data.examinationDto?.examinationName }}
+                </div>
+                <div style="display: flex; justify-content: space-between">
+                  <div>
+                    <div
+                      style="
+                        margin-top: 16px;
+                        flex: 1;
+                        display: flex;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div
+                        class="tag1"
+                        style="margin: 0px 10px 10px 0px"
+                        v-if="data.examinationDto?.examinationFlag"
+                      >
+                        必修
+                      </div>
+                      <div class="tag3" style="margin: 0px 10px 10px 0px">
+                        考试
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    :style="{
+                      background:
+                        new Date(data.planDto?.beginTime).getTime() >
+                        new Date().getTime()
+                          ? '#999'
+                          : '',
+                    }"
+                    class="submit"
+                    @click="toExamItem(data.examinationDto)"
+                  >
+                    去考试
+                  </div>
+                </div>
+              </div>
+              <div
+                v-else
+                style="
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 24px;
+                  cursor: pointer;
+                  margin-left: 40px;
+                  margin-top: 20px;
+                  margin-bottom: 20px;
+                "
+              >
+                此课程无考试
+              </div>
+            </el-tab-pane>
           </el-tabs>
         </div>
       </div>
-      <div class="teacher">
-        <div class="title">
-          <img
-            style="width: 21px; height: 23px"
-            src="../../assets/image/livelecturer.png"
-          />
-          <div class="text">面授课讲师</div>
-          <div class="box"></div>
-        </div>
-        <!--        todo #面授课接口 讲师缺少img和介绍-->
-        <div class="teacheritem">
-          <img class="peopleimg" :src="teacherInfo.avatar" />
-          <div class="nameSpan">
-            <div class="teacherName" style="margin-right: 5px">
-              {{ data.planDto?.teacher }}
-            </div>
-            <div class="introduce">{{ data.planDto?.bandDesc }}</div>
-          </div>
-          <!--          <div class="follow">+ 关注</div>-->
-        </div>
-      </div>
     </div>
-    <!-- 详细信息 -->
   </div>
 </template>
 
 <script setup>
+import TitleHead from "@/components/TitleHead.vue";
+import ReturnHead from "@/components/ReturnHead.vue";
 import { computed, reactive, toRefs, watch, onUnmounted } from "vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
 import { request, useRequest } from "@/api/request";
-import { STU_OFFCOURSE_DETAIL, FACETEACH_SIGNUP } from "@/api/api";
+import {
+  STU_OFFCOURSE_DETAIL,
+  TASK_OFFCOURSE_NOTASK_SIGN,
+  TASK_OFFCOURSE_SIGN,
+  TASK_BROADCAST_SIGN,
+} from "@/api/api";
 import { useRoute, useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
 import { ElMessage, messageConfig } from "element-plus";
 import dayjs from "dayjs";
-
 const router = useRouter();
 const returnclick = () => {
   router.back();
 };
 const {
-  query: { courseId, type },
+  query: { courseId, type, id: taskId, projectStatus, projectEndTime },
 } = useRoute();
 
 const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
+console.log("datadatadatadatadatadatadata", data);
+// console.log("项目状态字段传递", projectStatus, projectEndTime);
 
 const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));
 
@@ -222,6 +413,7 @@ const state = reactive({
   isAllowSign: false,
 });
 const { activeName, enclosure, isAllowSign } = toRefs(state);
+
 const handleClick = (tab, event) => {
   console.log("附件", tab, event);
 };
@@ -229,335 +421,402 @@ const download = (url) => {
   window.open(url);
 };
 const downloads = (url) => {
-  ElMessage.warning("未在有效时间范围内，请耐心等待！");
+  ElMessage.warning("未到开始时间，请耐心等待！");
 };
-let timer = null;
-
-// 报名
-function onLineSignUp() {
-  if (data.value.isSignUp) {
-    return;
-  }
-  request(FACETEACH_SIGNUP, { courseId });
-  data.value.isSignUp = true;
-  ElMessage.success("报名成功");
-}
 
 function formateArr(strs) {
-  let arrs = strs.split(",");
-  console.log("112233", arrs);
-  return arrs;
+  console.log("strs", strs);
+  let newArr = [];
+  try {
+    newArr = JSON.parse(strs);
+  } catch {
+    newArr = strs ? strs.split(",") : [];
+  }
+  console.log("112233", newArr);
+  return newArr;
 }
+
+let timer = null;
+//判断能否签到
+function isSignClick() {
+  timer = setInterval(() => {
+    let beginTime = new Date(data.value.planDto?.beginTime).getTime();
+    let endTime = !data.value.planDto?.afterStart
+      ? new Date(data.value.planDto?.endTime).getTime()
+      : new Date(data.value.planDto?.beginTime).getTime();
+    let nowTime = new Date().getTime();
+    if (data.value.planDto?.beforeStart && data.value.planDto?.afterStart) {
+      //有开始前有开始后
+      beginTime = beginTime - data.value.planDto?.beforeStart * 60 * 1000;
+      endTime = endTime + data.value.planDto?.afterStart * 60 * 1000;
+      console.log("1111");
+    } else if (
+      data.value.planDto?.beforeStart &&
+      !data.value.planDto?.afterStart
+    ) {
+      //只有开始前无开始后
+      beginTime = beginTime - data.value.planDto?.beforeStart * 60 * 1000;
+      console.log("11112222");
+    } else if (
+      !data.value.planDto?.beforeStart &&
+      data.value.planDto?.afterStart
+    ) {
+      //无开始前有开始后
+      endTime = endTime + data.value.planDto?.afterStart * 60 * 1000;
+      console.log("1111333");
+    }
+    if (nowTime < endTime && nowTime > beginTime) {
+      state.isAllowSign = true;
+    } else {
+      state.isAllowSign = false;
+    }
+    // console.log(
+    //   "isAllowSign",
+    //   state.isAllowSign,
+    //   nowTime,
+    //   endTime,
+    //   beginTime,
+    //   nowTime < endTime,
+    //   nowTime > beginTime
+    // );
+  }, 1000);
+}
+isSignClick();
+
+//签到
+const signClick = () => {
+  if (data.value.signFlag) {
+    return;
+  }
+  // console.log(
+  //   "data.signFlag",
+  //   data.value.signFlag,
+  //   state.isAllowSign,
+  //   !state.isAllowSign
+  // );
+  //if (data.value.planDto.beginTime) {
+  //	let date1 = new Date(data.value.planDto.beginTime).getTime()
+  //	let date2 = new Date().getTime()
+  //	if (date1 > date2) {
+  //		ElMessage.info("未到开始时间，请耐心等待！");
+  //		return;
+  //	}
+  //}
+  if (!state.isAllowSign) {
+    // console.log("data.signFlag", data.value.signFlag, isAllowSign);
+    ElMessage.warning("未在允许签到时间范围内");
+    return;
+  }
+
+  data.value.signFlag = 1;
+  ElMessage.warning("签到成功");
+
+  if (taskId) {
+    request(TASK_OFFCOURSE_SIGN, { courseId: courseId, taskId, type });
+  } else {
+    request(TASK_OFFCOURSE_NOTASK_SIGN, { courseId: courseId });
+  }
+};
+
+function toSurvery() {
+  if (data.value.isSurvery) {
+    // return;
+  }
+  if (
+    data.value.planDto.beginTime &&
+    dayjs().isBefore(data.value.planDto.beginTime)
+  ) {
+    ElMessage.warning("课程未开始，请耐心等待！");
+    return;
+  }
+  if (data.value.planDto.evalFlag == 0) {
+    ElMessage.warning("此课程无评估");
+    return;
+  }
+  router.push({
+    path: "/investigatpage",
+    query: {
+      id: taskId,
+      courseId: data.value.planDto.evaluateId,
+      pName: "面授课",
+      infoId: data.value.planDto.offcoursePlanId,
+      chapterOrStageId: 0,
+      sName: data.value.planDto.name,
+      type,
+    },
+  });
+}
+
+function toWork() {
+  if (data.value.planDto.beginTime) {
+    let date1 = new Date(data.value.planDto.beginTime).getTime();
+    let date2 = new Date().getTime();
+    if (date1 > date2) {
+      ElMessage.warning("未到开始时间，请耐心等待！");
+      return;
+    }
+  }
+  router.push({
+    path: "/homeworkpage",
+    query: {
+      courseId: data.value.workDto.workId,
+      id: taskId,
+      infoId: data.value.offcourseDto.offcourseId,
+      chapterOrStageId: 0,
+      type,
+      pName: "面授课",
+      sName: data.value.planDto.name,
+    },
+  });
+}
+
+function toExamItem(obj) {
+  if (data.value.planDto.beginTime) {
+    let date1 = new Date(data.value.planDto.beginTime).getTime();
+    let date2 = new Date().getTime();
+    if (date1 > date2) {
+      ElMessage.warning("未到开始时间，请耐心等待！");
+      return;
+    }
+  }
+  console.log("obj", obj.examinationTestId);
+  window.open(
+    window.location.protocol +
+      import.meta.env.VITE_BOE_EXAM_DETAIL_URL +
+      "/mobile/pages/exam/exam?id=" +
+      obj.examinationTestId,
+    "_top"
+  ); //测评
+  // router.push({ path: import.meta.env.VITE_BOE_EXAM_DETAIL_URL+ obj.examinationTestId });
+}
+
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer);
+  }
+});
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
-.faceteach {
-  .crumb {
-    color: #fff;
-    display: flex;
-    font-size: 14px;
-    line-height: 24px;
-  }
-
-  .bascinfo {
+.faceteachnocommon {
+  width: 100%;
+  padding-bottom: 20px;
+  .main {
     width: 100%;
-    height: 310px;
-    border-radius: 8px;
-    background-color: rgba(255, 255, 255, 1);
-    margin-top: 37px;
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
     align-items: center;
-
-    .btn {
-      width: 146px;
-      height: 46px;
-      background: #2478ff;
-      border-radius: 4px;
-      box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #fff;
-      font-size: 14px;
-      font-weight: 800;
-      line-height: 24px;
-      cursor: pointer;
-      margin-right: 96px;
-    }
-
+    margin-top: -14.5px;
     .title {
-      font-size: 20px;
-      font-weight: 800;
-      color: #333333;
-      line-height: 24px;
-      margin-left: -9px;
-    }
-
-    .time {
-      font-size: 14px;
-      color: #6e7b84;
-      line-height: 24px;
+      width: 90%;
+      height: 74px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
       display: flex;
-      align-items: center;
-    }
-  }
-
-  .return {
-    position: absolute;
-    right: 10%;
-
-    .text {
-      text-align: center;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-    }
-  }
-
-  .detailinfo {
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    align-items: flex-start;
-
-    .detail {
-      flex: 1;
-      margin-right: 20px;
-
-      .detailT {
-        min-height: 263px;
-        background: #ffffff;
-        border-radius: 8px;
-        color: rgba(51, 51, 51, 1);
-
-        .title {
-          display: flex;
-          align-items: center;
-          padding-top: 39px;
-          position: relative;
-        }
-
-        .title .text {
-          margin-left: 8px;
-          font-size: 16px;
-          color: rgba(51, 51, 51, 1);
-          font-weight: 800;
-        }
-
-        .title .box {
-          width: 75px;
-          height: 10px;
-          background-color: rgba(36, 120, 255, 0.15);
-          position: absolute;
-          left: 23px;
-          top: 53px;
-        }
-
-        .content {
-          margin-left: 8px;
-          font-size: 14px;
-          color: rgba(51, 51, 48, 1);
-          font-weight: 500;
-          line-height: 35px;
-          margin-top: 30px;
-          padding-bottom: 30px;
-        }
-      }
-
-      .detailB {
-        min-height: 363px;
-        background: #ffffff;
-        border-radius: 8px;
-        margin-top: 20px;
-
-        .wenxintishi {
-          display: flex;
-          justify-content: stretch;
-          padding: 72px;
-        }
-
-        .el-tabs__item {
-          height: 69px;
-          padding: 25px 7px 0px 52px;
-          font-size: 14px;
-          font-weight: 500;
-        }
-
-        .el-tabs__nav-wrap::after {
-          background-color: rgba(56, 125, 247, 0.2);
-        }
-
-        .enclosure {
-          height: 89px;
-          margin-left: 51px;
-          margin-right: 40px;
-          // border-bottom: 1px solid rgba(56, 125, 247, 0.2);
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-
-          .enclosureL {
+      justify-content: center;
+      .titlemain {
+        width: 90%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .timeposition {
+          .time {
             display: flex;
             align-items: center;
-            font-size: 14px;
-            font-weight: 400;
-            color: #677d86;
-            line-height: 24px;
-          }
-
-          .download {
-            display: flex;
-            align-items: center;
-            font-size: 16px;
-            font-weight: 400;
-            color: #2478ff;
-            line-height: 24px;
-            cursor: pointer;
           }
         }
-
-        .work {
-          margin-left: 51px;
-          margin-right: 40px;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-top: 37px;
-        }
-
-        .work .question {
-          font-size: 14px;
-          font-weight: 500;
-          color: #333330;
-          line-height: 18px;
-        }
-
-        .work .submit {
-          width: 126px;
-          height: 46px;
+        .titlebtn {
+          width: 83px;
+          height: 33px;
           background: #2478ff;
           box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-          border-radius: 4px;
-          font-size: 16px;
-          font-weight: 800;
-          color: #ffffff;
-          line-height: 24px;
+          border-radius: 2px;
           display: flex;
           align-items: center;
           justify-content: center;
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 12px;
           cursor: pointer;
         }
       }
     }
-
-    .teacher {
-      width: 434px;
-      min-height: 500px;
-      // height: 10%;
-      background-color: rgba(255, 255, 255, 1);
-      border-radius: 8px;
-
-      .title {
-        display: flex;
-        align-items: center;
-        padding-top: 39px;
-        position: relative;
-        margin-left: 48px;
+    .teachertitle {
+      width: 90px;
+      position: relative;
+      display: flex;
+      align-items: center;
+      margin-top: 21px;
+      .talk {
+        font-size: 14px;
+        font-weight: bold;
+        color: #333333;
+        line-height: 12px;
+        margin-left: 7.5px;
       }
-
-      .title .text {
-        margin-left: 8px;
-        font-size: 16px;
-        color: rgba(51, 51, 51, 1);
-        font-weight: 800;
-      }
-
-      .title .box {
-        width: 75px;
+      .box {
+        position: absolute;
+        width: 62.5px;
         height: 10px;
-        background-color: rgba(36, 120, 255, 0.15);
-        position: absolute;
-        left: 23px;
-        top: 53px;
+        right: 6px;
+        bottom: -4px;
+        background: rgba(36, 120, 255, 0.15);
       }
+    }
+    .teacher {
+      width: 90%;
+      padding-bottom: 15px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-top: 10px;
 
-      .teacheritem {
-        margin-left: 48px;
-        margin-right: 48px;
-        // min-height: 115px;
-        margin-top: 20px;
-        padding: 25px 0px;
+      .teachermain {
+        margin-top: 24px;
         display: flex;
-        position: relative;
-
-        // align-items: center;
-      }
-
-      .teacheritem .peopleimg {
-        width: 60px;
-        height: 60px;
-        border-radius: 30px;
-      }
-
-      .teacheritem {
-        .nameSpan {
-          width: 190px;
+        justify-content: space-between;
+        .teacherAvatar {
+          width: 50px;
+          height: 50px;
+          border-radius: 25px;
+          margin-left: 4px;
+        }
+        .teacherName {
+          font-size: 14px;
+          font-weight: 600;
+          color: #394145;
+          line-height: 21px;
+        }
+        .teacherIntro {
+          font-size: 13px;
+          font-weight: 400;
+          color: #394145;
+          line-height: 21px;
+          margin-top: 12px;
+        }
+        .teacherFollow {
+          width: 73px;
+          height: 28px;
+          background: #2478ff;
+          border-radius: 2px;
           display: flex;
           align-items: center;
           justify-content: center;
-
-          .teacherName {
-            font-size: 14px;
-            font-weight: bold;
-            color: #394145;
-            display: flex;
-            align-items: center;
-          }
+          font-size: 13px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 12px;
+          color: #fff;
+          margin-top: 13px;
         }
       }
-
-      .teacheritem {
-        .nameSpan {
-          width: 190px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          .teacherName {
-            font-size: 14px;
-            font-weight: bold;
-            color: #394145;
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
-
-      .teacheritem .introduce {
-        font-size: 14px;
-        font-weight: 500;
-        color: #394145;
-        margin-top: 14px;
-      }
-
-      .teacheritem .follow {
-        width: 80px;
-        height: 30px;
-        background: #387df7;
-        border-radius: 4px;
-        margin-top: 28px;
-        position: absolute;
-        right: -25px;
-        font-size: 14px;
-        font-weight: 500;
-        color: #ffffff;
+    }
+    .detail {
+      width: 90%;
+      padding-bottom: 25px;
+      background: #ffffff;
+      border-radius: 4px;
+      margin-top: 10px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .detailMain {
+        margin-top: 22px;
+        font-size: 13px;
+        font-weight: 400;
+        color: #333330;
         line-height: 24px;
+      }
+    }
+    .course {
+      width: 90%;
+      // padding-bottom: 15px;
+      border-radius: 4px;
+      background: #ffffff;
+      margin-top: 10px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .el-tabs__nav {
+        width: 90%;
+        margin-left: 5%;
+        display: flex;
+        justify-content: space-between;
+      }
+      .el-tabs__item {
+        height: 50px;
+        padding: 0px;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 21px;
+        padding-top: 15px;
+      }
+      .el-tabs__nav-wrap::after {
+        background-color: rgba(56, 125, 247, 0.2);
+      }
+      .el-tabs__header {
+        margin: 0;
+      }
+      .enclosure {
+        width: 90%;
+        margin-left: 5%;
+        height: 50px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .enclosureL {
+          display: flex;
+          align-items: center;
+          font-size: 13px;
+          font-weight: 400;
+          color: #677d86;
+          line-height: 19px;
+        }
+        .download {
+          display: flex;
+          align-items: center;
+          font-size: 13px;
+          font-weight: 400;
+          color: #2478ff;
+          line-height: 19px;
+        }
+      }
+      .work {
+        // margin-left: 51px;
+        // margin-right: 40px;
+        padding-bottom: 20px;
+        width: 90%;
+        margin-left: 5%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-top: 17.5px;
+      }
+      .work .question {
+        font-size: 13px;
+        font-weight: 500;
+        color: #333330;
+        line-height: 21.5px;
+      }
+
+      .work .submit {
+        width: 73px;
+        height: 28px;
+        margin-top: 16px;
+        background: #2478ff;
+        box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+        border-radius: 2px;
+        font-size: 13px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
-        cursor: pointer;
       }
     }
   }
diff --git a/src/views/faceteach/FaceTeachNoCourse.vue b/src/views/faceteach/FaceTeachNoCourse.vue
index 9ac2f78..491a012 100644
--- a/src/views/faceteach/FaceTeachNoCourse.vue
+++ b/src/views/faceteach/FaceTeachNoCourse.vue
@@ -1,126 +1,177 @@
-<!--
- * @Author: lixg lixg@dongwu-inc.com
- * @Date: 2023-02-18 17:48:03
- * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2023-02-18 18:06:42
- * @FilePath: /stu_h5/src/views/faceteach/FaceTeachNoCourse.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
-  <div
-    style="
-      background: #0078fc;
-      height: 150px;
-      width: 100%;
-      position: absolute;
-      top: 0;
-      z-index: -9999;
-    "
-  ></div>
-  <div class="faceteach" style="padding: 30px">
-    <!-- 面包屑导航 -->
-    <div class="crumb">
-      <div>课程列表</div>
-      <div style="margin-left: 6px; margin-right: 6px">/</div>
-      <div style="font-weight: 700">课程报名</div>
-
-      <div v-if="pName != ''" class="return">
-        <div style="display: flex" @click="returnclick">
-          <el-button style="color: #0073fb"
-            ><img
-              class="img2"
-              style="margin-right: 11px; cursor: pointer"
-              src="../../assets/image/return.png"
-            />返回
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <!-- 面包屑导航 -->
-
-    <!-- 基本信息 -->
-    <div class="bascinfo">
-      <div style="display: flex">
-        <img
-          style="
-            width: 405px;
-            height: 230px;
-            margin-left: 48px;
-            border-radius: 8px;
-            margin-top: 40px;
-          "
-          :src="data.offcourseDto.picUrl"
-          alt=""
-        />
-        <div style="margin-left: 40px; margin-top: 56px">
-          <div class="title">【面授课】{{ data.planDto?.name }}</div>
-          <div class="time" style="margin-top: 30px">
-            <img
-              style="width: 15px; height: 17px"
-              src="../../assets/image/time.png"
-            />
-            <div style="margin-left: 8px">
-              {{
-                dayjs(data.planDto?.beginTime).format("YYYY-MM-DD HH:MM") +
-                " 至 " +
-                dayjs(data.planDto?.endTime).format("YYYY-MM-DD HH:MM")
-              }}
+  <div class="faceteachnocourse">
+    <ReturnHead text="课程详情"></ReturnHead>
+    <TitleHead :text="'【面授课】' + data.planDto?.name"></TitleHead>
+    <div class="main">
+      <div class="title">
+        <div class="titlemain">
+          <div class="timeposition">
+            <div class="time">
+              <img
+                style="width: 13px; height: 14.5px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/time.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                {{
+                  dayjs(data.planDto?.beginTime).format("YYYY-MM-DD HH:mm") +
+                  " 至 " +
+                  dayjs(data.planDto?.endTime).format("YYYY-MM-DD HH:mm")
+                }}
+              </div>
+            </div>
+            <div class="time" style="margin-top: 9px">
+              <img
+                style="width: 13px; height: 15px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/position.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                {{ data.planDto?.address }}
+              </div>
             </div>
           </div>
-          <div
-            v-if="data.planDto.address"
-            class="time"
-            style="margin-top: 10px"
-          >
-            <img
-              style="width: 16px; height: 18px"
-              src="../../assets/image/position.png"
-            />
-            <div style="margin-left: 8px">{{ data.planDto?.address }}</div>
-          </div>
-          <div class="time" style="margin-top: 37px">
-            <botton
-              class="btn"
-              style="margin-right: 20px; width: 260px; height: 46px"
-              :style="{ background: '#999' }"
-              >当前任务暂未开放，请联系管理员</botton
+          <!-- <div class="titlebtn">评估</div> -->
+
+          <div v-if="projectStatus && projectEndTime">
+            <div
+              v-if="
+                projectStatus !== '3' &&
+                new Date(projectEndTime).getTime() > new Date().getTime()
+              "
+              style="display: flex"
             >
+              <botton
+                class="titlebtn"
+                style="margin-right: 20px"
+                :style="{
+                  background: isAllowSign
+                    ? data.signFlag
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                    : '#999',
+                }"
+                @click="signClick"
+                >{{ data.signFlag ? "已签到" : "签到" }}
+              </botton>
+              <!-- <botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
+						评估
+					</botton> -->
+              <botton
+                v-if="data.planDto?.evalFlag !== 0"
+                :style="{
+                  background: `${
+                    new Date(data.planDto?.beginTime).getTime() >
+                    new Date().getTime()
+                      ? '#999'
+                      : data.isSurvery
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                  }`,
+                }"
+                class="titlebtn"
+                @click="toSurvery"
+                >{{ data.isSurvery ? "已评估" : "评估" }}
+              </botton>
+            </div>
+          </div>
+          <div v-else>
+            <div style="display: flex">
+              <botton
+                class="titlebtn"
+                style="margin-right: 20px"
+                :style="{
+                  background: isAllowSign
+                    ? data.signFlag
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                    : '#999',
+                }"
+                @click="signClick"
+                >{{ data.signFlag ? "已签到" : "签到" }}
+              </botton>
+              <!-- <botton style="background: #999" class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag == 0">
+						评估
+					</botton> -->
+              <botton
+                v-if="data.planDto?.evalFlag !== 0"
+                :style="{
+                  background: `${
+                    new Date(data.planDto?.beginTime).getTime() >
+                    new Date().getTime()
+                      ? '#999'
+                      : data.isSurvery
+                      ? '#999'
+                      : 'rgb(57, 146, 249)'
+                  }`,
+                }"
+                class="titlebtn"
+                @click="toSurvery"
+                >{{ data.isSurvery ? "已评估" : "评估" }}
+              </botton>
+            </div>
+          </div>
+
+          <!-- <button
+            v-if="data.planDto?.evalFlag !== 0"
+            :style="{
+              background: `${
+                new Date(data.planDto?.beginTime).getTime() >
+                new Date().getTime()
+                  ? '#999'
+                  : data.isSurvery
+                  ? '#999'
+                  : 'rgb(57, 146, 249)'
+              }`,
+            }"
+            class="titlebtn"
+            @click="toSurvery"
+          >
+            {{ data.isSurvery ? "已评估" : "评估" }}
+          </button> -->
+        </div>
+      </div>
+      <div class="teacher">
+        <div style="width: 90%">
+          <div class="teachertitle" style="width: 100px">
+            <img
+              style="width: 17px; height: 17px"
+              src="../../assets/image/faceteach/livelecturer.png"
+            />
+            <div class="talk">面授课讲师</div>
+            <div class="box" style="width: 80px; right: 0px"></div>
+          </div>
+          <div class="teachermain">
+            <img class="teacherAvatar" :src="teacherInfo.avatar" />
+            <div style="flex: 1; margin-left: 11px; margin-right: 13px">
+              <div class="teacherName">{{ data.planDto?.teacher }}</div>
+              <div class="teacherIntro">
+                {{ data.planDto?.bandDesc }}
+              </div>
+            </div>
+            <!-- <div class="teacherFollow">+ 关注</div> -->
           </div>
         </div>
       </div>
-      <div style="display: flex"></div>
-    </div>
-    <!-- 基本信息 -->
-
-    <!-- 详细信息 -->
-    <div class="detailinfo">
       <div class="detail">
-        <div class="detailB">
+        <div style="width: 90%">
+          <div class="teachertitle">
+            <img
+              style="width: 17px; height: 17px"
+              src="../../assets/image/faceteach/livelecturer.png"
+            />
+            <div class="talk">课程详情</div>
+            <div class="box"></div>
+          </div>
+          <div class="detailMain">
+            {{ data.planDto?.description }}
+          </div>
+        </div>
+      </div>
+      <div class="course">
+        <div style="width: 100%">
           <el-tabs v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="课程介绍" name="first">
-              <div class="notice" style="padding: 20px; font-size: 14px">
-                {{ data.offcourseDto?.intro || "暂无课程介绍" }}
-              </div>
-            </el-tab-pane>
-            <el-tab-pane label="课程大纲" name="second">
-              <div style="display: flex; align-items: center">
-                <div
-                  style="padding: 20px"
-                  class="content"
-                  v-html="data.offcourseDto?.outline"
-                ></div>
-              </div>
-            </el-tab-pane>
-            <!-- <el-tab-pane label="课程评论" name="third" :disabed=dayjs().isBefore(dayjs(data.planDto.beginTime))>
-
-            </el-tab-pane> -->
-            <el-tab-pane
-              label="材料下载"
-              name="third"
-              :disabed="dayjs().isBefore(dayjs(data.planDto.beginTime))"
-            >
+            <el-tab-pane label="课程附件" name="first">
               <div
-                v-if="!data.planDto?.attach"
+                v-if="data.planDto?.attach === ''"
                 style="
                   font-size: 14px;
                   font-weight: 400;
@@ -128,96 +179,231 @@
                   cursor: pointer;
                   margin-left: 40px;
                   margin-top: 20px;
+                  margin-bottom: 20px;
                 "
               >
                 此课程无附件
               </div>
               <div v-else>
                 <div
-                  v-for="(el, index) in formateArr(data.planDto.attach)"
+                  v-for="(el, index) in formateArr(data.planDto?.attach)"
                   :key="index"
                   class="enclosure"
-                  :style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
+                  :style="{
+                    borderBottom: '1px solid rgba(56, 125, 247, 0.2)',
+                  }"
                 >
                   <div class="enclosureL">
                     <FileTypeImg
                       :v-model="
-                        el.slice(el.lastIndexOf('/') + 1, el.indexOf('-')) +
-                        el.slice(el.lastIndexOf('.'))
+                        el.name
+                          ? el.name
+                          : el.slice(el.lastIndexOf('/') + 1, el.indexOf('-')) +
+                            el.slice(el.lastIndexOf('.'))
                       "
                       :style="{
-                        width: '22px',
-                        height: '26px',
+                        width: '19.5px',
+                        height: '22px',
                         marginLeft: '10px',
                       }"
                     ></FileTypeImg>
-                    <div style="margin-left: 20px">
+                    <div style="margin-left: 15px">
                       {{
-                        el.slice(el.lastIndexOf("/") + 1, el.indexOf("-")) +
-                        el.slice(el.lastIndexOf("."))
+                        el.name
+                          ? el.name
+                          : el.slice(el.lastIndexOf("/") + 1, el.indexOf("-")) +
+                            el.slice(el.lastIndexOf("."))
                       }}
                     </div>
+                    <!-- <img style="width: 19.5px; height: 22px" :src="el.img" />
+                  <div style="margin-left: 15px">{{ el.name }}</div> -->
+                  </div>
+                  <div>
+                    <div
+                      v-if="
+                        new Date(data.planDto.beginTime).getTime() >
+                        new Date().getTime()
+                      "
+                      class="download"
+                    >
+                      <img
+                        style="width: 16px; height: 15px"
+                        src="../../assets/image/download.png"
+                      />
+                      <div
+                        style="margin-left: 5px; color: #999"
+                        @click="downloads(el)"
+                      >
+                        下载
+                      </div>
+                    </div>
+                    <div v-else class="download">
+                      <img
+                        style="width: 16px; height: 15px; color: #2478ff"
+                        src="../../assets/image/download.png"
+                      />
+                      <div
+                        style="margin-left: 5px"
+                        @click="download(el.name ? el.response.data : el)"
+                      >
+                        下载
+                      </div>
+                    </div>
                   </div>
-                  <!--                  <div class="download">-->
-                  <!--                    <img style="width: 16px; height: 15px" src="../../assets/image/download.png"/>-->
-                  <!--                    <div style="margin-left: 5px;color:#999;">-->
-                  <!--                      下载-->
-                  <!--                    </div>-->
-                  <!-- <div style="margin-left: 5px;color:#999;" @click="download(el)">
-                      下载
-                    </div> -->
-                  <!--                  </div>-->
                 </div>
               </div>
             </el-tab-pane>
+            <el-tab-pane label="课程作业" name="second">
+              <div class="work">
+                <div v-if="data.workDto">
+                  <div>
+                    <div class="question">{{ data.workDto?.workName }}</div>
+                    <div style="display: flex; justify-content: space-between">
+                      <div
+                        style="
+                          margin-top: 16px;
+                          flex: 1;
+                          display: flex;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div
+                          class="tag1"
+                          v-if="data.workDto?.workFlag"
+                          style="margin: 0px 10px 10px 0px"
+                        >
+                          必修
+                        </div>
+                        <div class="tag3" style="margin: 0px 10px 10px 0px">
+                          作业
+                        </div>
+                      </div>
+                      <div
+                        :style="{
+                          background:
+                            new Date(data.planDto?.beginTime).getTime() >
+                            new Date().getTime()
+                              ? '#999'
+                              : '',
+                        }"
+                        class="submit"
+                        @click="toWork"
+                      >
+                        交作业
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  v-else
+                  style="
+                    font-size: 14px;
+                    font-weight: 400;
+                    line-height: 24px;
+                    cursor: pointer;
+                    margin-left: 40px;
+                    margin-top: 20px;
+                  "
+                >
+                  此课程无作业
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane
+              label="课程考试"
+              name="third"
+              :disabed="dayjs().isBefore(dayjs(data.planDto?.beginTime))"
+            >
+              <div class="work" v-if="data.examinationDto?.examinationTestName">
+                <div class="question">
+                  {{ data.examinationDto?.examinationName }}
+                </div>
+                <div style="display: flex; justify-content: space-between">
+                  <div>
+                    <div
+                      style="
+                        margin-top: 16px;
+                        flex: 1;
+                        display: flex;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div
+                        class="tag1"
+                        style="margin: 0px 10px 10px 0px"
+                        v-if="data.examinationDto?.examinationFlag"
+                      >
+                        必修
+                      </div>
+                      <div class="tag3" style="margin: 0px 10px 10px 0px">
+                        考试
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    :style="{
+                      background:
+                        new Date(data.planDto?.beginTime).getTime() >
+                        new Date().getTime()
+                          ? '#999'
+                          : '',
+                    }"
+                    class="submit"
+                    @click="toExamItem(data.examinationDto)"
+                  >
+                    去考试
+                  </div>
+                </div>
+              </div>
+              <div
+                v-else
+                style="
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 24px;
+                  cursor: pointer;
+                  margin-left: 40px;
+                  margin-top: 20px;
+                  margin-bottom: 20px;
+                "
+              >
+                此课程无考试
+              </div>
+            </el-tab-pane>
           </el-tabs>
         </div>
       </div>
-      <div class="teacher">
-        <div class="title">
-          <img
-            style="width: 21px; height: 23px"
-            src="../../assets/image/livelecturer.png"
-          />
-          <div class="text">面授课讲师</div>
-          <div class="box"></div>
-        </div>
-        <!--        todo #面授课接口 讲师缺少img和介绍-->
-        <div class="teacheritem">
-          <img class="peopleimg" :src="teacherInfo.avatar" />
-          <div class="nameSpan">
-            <div class="teacherName" style="margin-right: 5px">
-              {{ data.planDto?.teacher }}
-            </div>
-            <div class="introduce">{{ data.planDto?.bandDesc }}</div>
-          </div>
-          <!--          <div class="follow">+ 关注</div>-->
-        </div>
-      </div>
     </div>
-    <!-- 详细信息 -->
   </div>
 </template>
 
 <script setup>
+import TitleHead from "@/components/TitleHead.vue";
+import ReturnHead from "@/components/ReturnHead.vue";
 import { computed, reactive, toRefs, watch, onUnmounted } from "vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
 import { request, useRequest } from "@/api/request";
-import { STU_OFFCOURSE_DETAIL, FACETEACH_SIGNUP } from "@/api/api";
+import {
+  STU_OFFCOURSE_DETAIL,
+  TASK_OFFCOURSE_NOTASK_SIGN,
+  TASK_OFFCOURSE_SIGN,
+  TASK_BROADCAST_SIGN,
+} from "@/api/api";
 import { useRoute, useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
 import { ElMessage, messageConfig } from "element-plus";
 import dayjs from "dayjs";
-
 const router = useRouter();
 const returnclick = () => {
   router.back();
 };
 const {
-  query: { courseId, type },
+  query: { courseId, type, id: taskId, projectStatus, projectEndTime },
 } = useRoute();
 
 const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
+console.log("datadatadatadatadatadatadata", data);
+// console.log("项目状态字段传递", projectStatus, projectEndTime);
 
 const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));
 
@@ -227,6 +413,7 @@ const state = reactive({
   isAllowSign: false,
 });
 const { activeName, enclosure, isAllowSign } = toRefs(state);
+
 const handleClick = (tab, event) => {
   console.log("附件", tab, event);
 };
@@ -234,335 +421,402 @@ const download = (url) => {
   window.open(url);
 };
 const downloads = (url) => {
-  ElMessage.warning("未在有效时间范围内，请耐心等待！");
+  ElMessage.warning("未到开始时间，请耐心等待！");
 };
-let timer = null;
-
-// 报名
-function onLineSignUp() {
-  if (data.value.isSignUp) {
-    return;
-  }
-  request(FACETEACH_SIGNUP, { courseId });
-  data.value.isSignUp = true;
-  ElMessage.success("报名成功");
-}
 
 function formateArr(strs) {
-  let arrs = strs.split(",");
-  console.log("112233", arrs);
-  return arrs;
+  console.log("strs", strs);
+  let newArr = [];
+  try {
+    newArr = JSON.parse(strs);
+  } catch {
+    newArr = strs ? strs.split(",") : [];
+  }
+  console.log("112233", newArr);
+  return newArr;
 }
+
+let timer = null;
+//判断能否签到
+function isSignClick() {
+  timer = setInterval(() => {
+    let beginTime = new Date(data.value.planDto?.beginTime).getTime();
+    let endTime = !data.value.planDto?.afterStart
+      ? new Date(data.value.planDto?.endTime).getTime()
+      : new Date(data.value.planDto?.beginTime).getTime();
+    let nowTime = new Date().getTime();
+    if (data.value.planDto?.beforeStart && data.value.planDto?.afterStart) {
+      //有开始前有开始后
+      beginTime = beginTime - data.value.planDto?.beforeStart * 60 * 1000;
+      endTime = endTime + data.value.planDto?.afterStart * 60 * 1000;
+      console.log("1111");
+    } else if (
+      data.value.planDto?.beforeStart &&
+      !data.value.planDto?.afterStart
+    ) {
+      //只有开始前无开始后
+      beginTime = beginTime - data.value.planDto?.beforeStart * 60 * 1000;
+      console.log("11112222");
+    } else if (
+      !data.value.planDto?.beforeStart &&
+      data.value.planDto?.afterStart
+    ) {
+      //无开始前有开始后
+      endTime = endTime + data.value.planDto?.afterStart * 60 * 1000;
+      console.log("1111333");
+    }
+    if (nowTime < endTime && nowTime > beginTime) {
+      state.isAllowSign = true;
+    } else {
+      state.isAllowSign = false;
+    }
+    // console.log(
+    //   "isAllowSign",
+    //   state.isAllowSign,
+    //   nowTime,
+    //   endTime,
+    //   beginTime,
+    //   nowTime < endTime,
+    //   nowTime > beginTime
+    // );
+  }, 1000);
+}
+isSignClick();
+
+//签到
+const signClick = () => {
+  if (data.value.signFlag) {
+    return;
+  }
+  // console.log(
+  //   "data.signFlag",
+  //   data.value.signFlag,
+  //   state.isAllowSign,
+  //   !state.isAllowSign
+  // );
+  //if (data.value.planDto.beginTime) {
+  //	let date1 = new Date(data.value.planDto.beginTime).getTime()
+  //	let date2 = new Date().getTime()
+  //	if (date1 > date2) {
+  //		ElMessage.info("未到开始时间，请耐心等待！");
+  //		return;
+  //	}
+  //}
+  if (!state.isAllowSign) {
+    // console.log("data.signFlag", data.value.signFlag, isAllowSign);
+    ElMessage.warning("未在允许签到时间范围内");
+    return;
+  }
+
+  data.value.signFlag = 1;
+  ElMessage.warning("签到成功");
+
+  if (taskId) {
+    request(TASK_OFFCOURSE_SIGN, { courseId: courseId, taskId, type });
+  } else {
+    request(TASK_OFFCOURSE_NOTASK_SIGN, { courseId: courseId });
+  }
+};
+
+function toSurvery() {
+  if (data.value.isSurvery) {
+    // return;
+  }
+  if (
+    data.value.planDto.beginTime &&
+    dayjs().isBefore(data.value.planDto.beginTime)
+  ) {
+    ElMessage.warning("课程未开始，请耐心等待！");
+    return;
+  }
+  if (data.value.planDto.evalFlag == 0) {
+    ElMessage.warning("此课程无评估");
+    return;
+  }
+  router.push({
+    path: "/investigatpage",
+    query: {
+      id: taskId,
+      courseId: data.value.planDto.evaluateId,
+      pName: "面授课",
+      infoId: data.value.planDto.offcoursePlanId,
+      chapterOrStageId: 0,
+      sName: data.value.planDto.name,
+      type,
+    },
+  });
+}
+
+function toWork() {
+  if (data.value.planDto.beginTime) {
+    let date1 = new Date(data.value.planDto.beginTime).getTime();
+    let date2 = new Date().getTime();
+    if (date1 > date2) {
+      ElMessage.warning("未到开始时间，请耐心等待！");
+      return;
+    }
+  }
+  router.push({
+    path: "/homeworkpage",
+    query: {
+      courseId: data.value.workDto.workId,
+      id: taskId,
+      infoId: data.value.offcourseDto.offcourseId,
+      chapterOrStageId: 0,
+      type,
+      pName: "面授课",
+      sName: data.value.planDto.name,
+    },
+  });
+}
+
+function toExamItem(obj) {
+  if (data.value.planDto.beginTime) {
+    let date1 = new Date(data.value.planDto.beginTime).getTime();
+    let date2 = new Date().getTime();
+    if (date1 > date2) {
+      ElMessage.warning("未到开始时间，请耐心等待！");
+      return;
+    }
+  }
+  console.log("obj", obj.examinationTestId);
+  window.open(
+    window.location.protocol +
+      import.meta.env.VITE_BOE_EXAM_DETAIL_URL +
+      "/mobile/pages/exam/exam?id=" +
+      obj.examinationTestId,
+    "_top"
+  ); //测评
+  // router.push({ path: import.meta.env.VITE_BOE_EXAM_DETAIL_URL+ obj.examinationTestId });
+}
+
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer);
+  }
+});
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
-.faceteach {
-  .crumb {
-    color: #fff;
-    display: flex;
-    font-size: 14px;
-    line-height: 24px;
-  }
-
-  .bascinfo {
+.faceteachnocourse {
+  width: 100%;
+  padding-bottom: 20px;
+  .main {
     width: 100%;
-    height: 310px;
-    border-radius: 8px;
-    background-color: rgba(255, 255, 255, 1);
-    margin-top: 37px;
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
     align-items: center;
-
-    .btn {
-      width: 146px;
-      height: 46px;
-      background: #2478ff;
-      border-radius: 4px;
-      box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #fff;
-      font-size: 14px;
-      font-weight: 800;
-      line-height: 24px;
-      cursor: pointer;
-      margin-right: 96px;
-    }
-
+    margin-top: -14.5px;
     .title {
-      font-size: 20px;
-      font-weight: 800;
-      color: #333333;
-      line-height: 24px;
-      margin-left: -9px;
-    }
-
-    .time {
-      font-size: 14px;
-      color: #6e7b84;
-      line-height: 24px;
+      width: 90%;
+      height: 74px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
       display: flex;
-      align-items: center;
-    }
-  }
-
-  .return {
-    position: absolute;
-    right: 10%;
-
-    .text {
-      text-align: center;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-    }
-  }
-
-  .detailinfo {
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    align-items: flex-start;
-
-    .detail {
-      flex: 1;
-      margin-right: 20px;
-
-      .detailT {
-        min-height: 263px;
-        background: #ffffff;
-        border-radius: 8px;
-        color: rgba(51, 51, 51, 1);
-
-        .title {
-          display: flex;
-          align-items: center;
-          padding-top: 39px;
-          position: relative;
-        }
-
-        .title .text {
-          margin-left: 8px;
-          font-size: 16px;
-          color: rgba(51, 51, 51, 1);
-          font-weight: 800;
-        }
-
-        .title .box {
-          width: 75px;
-          height: 10px;
-          background-color: rgba(36, 120, 255, 0.15);
-          position: absolute;
-          left: 23px;
-          top: 53px;
-        }
-
-        .content {
-          margin-left: 8px;
-          font-size: 14px;
-          color: rgba(51, 51, 48, 1);
-          font-weight: 500;
-          line-height: 35px;
-          margin-top: 30px;
-          padding-bottom: 30px;
-        }
-      }
-
-      .detailB {
-        min-height: 363px;
-        background: #ffffff;
-        border-radius: 8px;
-        margin-top: 20px;
-
-        .wenxintishi {
-          display: flex;
-          justify-content: stretch;
-          padding: 72px;
-        }
-
-        .el-tabs__item {
-          height: 69px;
-          padding: 25px 7px 0px 52px;
-          font-size: 14px;
-          font-weight: 500;
-        }
-
-        .el-tabs__nav-wrap::after {
-          background-color: rgba(56, 125, 247, 0.2);
-        }
-
-        .enclosure {
-          height: 89px;
-          margin-left: 51px;
-          margin-right: 40px;
-          // border-bottom: 1px solid rgba(56, 125, 247, 0.2);
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-
-          .enclosureL {
+      justify-content: center;
+      .titlemain {
+        width: 90%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .timeposition {
+          .time {
             display: flex;
             align-items: center;
-            font-size: 14px;
-            font-weight: 400;
-            color: #677d86;
-            line-height: 24px;
-          }
-
-          .download {
-            display: flex;
-            align-items: center;
-            font-size: 16px;
-            font-weight: 400;
-            color: #2478ff;
-            line-height: 24px;
-            cursor: pointer;
           }
         }
-
-        .work {
-          margin-left: 51px;
-          margin-right: 40px;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-top: 37px;
-        }
-
-        .work .question {
-          font-size: 14px;
-          font-weight: 500;
-          color: #333330;
-          line-height: 18px;
-        }
-
-        .work .submit {
-          width: 126px;
-          height: 46px;
+        .titlebtn {
+          width: 83px;
+          height: 33px;
           background: #2478ff;
           box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-          border-radius: 4px;
-          font-size: 16px;
-          font-weight: 800;
-          color: #ffffff;
-          line-height: 24px;
+          border-radius: 2px;
           display: flex;
           align-items: center;
           justify-content: center;
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 12px;
           cursor: pointer;
         }
       }
     }
-
-    .teacher {
-      width: 434px;
-      min-height: 500px;
-      // height: 10%;
-      background-color: rgba(255, 255, 255, 1);
-      border-radius: 8px;
-
-      .title {
-        display: flex;
-        align-items: center;
-        padding-top: 39px;
-        position: relative;
-        margin-left: 48px;
+    .teachertitle {
+      width: 90px;
+      position: relative;
+      display: flex;
+      align-items: center;
+      margin-top: 21px;
+      .talk {
+        font-size: 14px;
+        font-weight: bold;
+        color: #333333;
+        line-height: 12px;
+        margin-left: 7.5px;
       }
-
-      .title .text {
-        margin-left: 8px;
-        font-size: 16px;
-        color: rgba(51, 51, 51, 1);
-        font-weight: 800;
-      }
-
-      .title .box {
-        width: 75px;
+      .box {
+        position: absolute;
+        width: 62.5px;
         height: 10px;
-        background-color: rgba(36, 120, 255, 0.15);
-        position: absolute;
-        left: 23px;
-        top: 53px;
+        right: 6px;
+        bottom: -4px;
+        background: rgba(36, 120, 255, 0.15);
       }
+    }
+    .teacher {
+      width: 90%;
+      padding-bottom: 15px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-top: 10px;
 
-      .teacheritem {
-        margin-left: 48px;
-        margin-right: 48px;
-        // min-height: 115px;
-        margin-top: 20px;
-        padding: 25px 0px;
+      .teachermain {
+        margin-top: 24px;
         display: flex;
-        position: relative;
-
-        // align-items: center;
-      }
-
-      .teacheritem .peopleimg {
-        width: 60px;
-        height: 60px;
-        border-radius: 30px;
-      }
-
-      .teacheritem {
-        .nameSpan {
-          width: 190px;
+        justify-content: space-between;
+        .teacherAvatar {
+          width: 50px;
+          height: 50px;
+          border-radius: 25px;
+          margin-left: 4px;
+        }
+        .teacherName {
+          font-size: 14px;
+          font-weight: 600;
+          color: #394145;
+          line-height: 21px;
+        }
+        .teacherIntro {
+          font-size: 13px;
+          font-weight: 400;
+          color: #394145;
+          line-height: 21px;
+          margin-top: 12px;
+        }
+        .teacherFollow {
+          width: 73px;
+          height: 28px;
+          background: #2478ff;
+          border-radius: 2px;
           display: flex;
           align-items: center;
           justify-content: center;
-
-          .teacherName {
-            font-size: 14px;
-            font-weight: bold;
-            color: #394145;
-            display: flex;
-            align-items: center;
-          }
+          font-size: 13px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 12px;
+          color: #fff;
+          margin-top: 13px;
         }
       }
-
-      .teacheritem {
-        .nameSpan {
-          width: 190px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          .teacherName {
-            font-size: 14px;
-            font-weight: bold;
-            color: #394145;
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
-
-      .teacheritem .introduce {
-        font-size: 14px;
-        font-weight: 500;
-        color: #394145;
-        margin-top: 14px;
-      }
-
-      .teacheritem .follow {
-        width: 80px;
-        height: 30px;
-        background: #387df7;
-        border-radius: 4px;
-        margin-top: 28px;
-        position: absolute;
-        right: -25px;
-        font-size: 14px;
-        font-weight: 500;
-        color: #ffffff;
+    }
+    .detail {
+      width: 90%;
+      padding-bottom: 25px;
+      background: #ffffff;
+      border-radius: 4px;
+      margin-top: 10px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .detailMain {
+        margin-top: 22px;
+        font-size: 13px;
+        font-weight: 400;
+        color: #333330;
         line-height: 24px;
+      }
+    }
+    .course {
+      width: 90%;
+      // padding-bottom: 15px;
+      border-radius: 4px;
+      background: #ffffff;
+      margin-top: 10px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .el-tabs__nav {
+        width: 90%;
+        margin-left: 5%;
+        display: flex;
+        justify-content: space-between;
+      }
+      .el-tabs__item {
+        height: 50px;
+        padding: 0px;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 21px;
+        padding-top: 15px;
+      }
+      .el-tabs__nav-wrap::after {
+        background-color: rgba(56, 125, 247, 0.2);
+      }
+      .el-tabs__header {
+        margin: 0;
+      }
+      .enclosure {
+        width: 90%;
+        margin-left: 5%;
+        height: 50px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .enclosureL {
+          display: flex;
+          align-items: center;
+          font-size: 13px;
+          font-weight: 400;
+          color: #677d86;
+          line-height: 19px;
+        }
+        .download {
+          display: flex;
+          align-items: center;
+          font-size: 13px;
+          font-weight: 400;
+          color: #2478ff;
+          line-height: 19px;
+        }
+      }
+      .work {
+        // margin-left: 51px;
+        // margin-right: 40px;
+        padding-bottom: 20px;
+        width: 90%;
+        margin-left: 5%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-top: 17.5px;
+      }
+      .work .question {
+        font-size: 13px;
+        font-weight: 500;
+        color: #333330;
+        line-height: 21.5px;
+      }
+
+      .work .submit {
+        width: 73px;
+        height: 28px;
+        margin-top: 16px;
+        background: #2478ff;
+        box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+        border-radius: 2px;
+        font-size: 13px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
-        cursor: pointer;
       }
     }
   }
diff --git a/src/views/faceteach/FaceTeachSignUp.vue b/src/views/faceteach/FaceTeachSignUp.vue
index c271542..b08e5b5 100644
--- a/src/views/faceteach/FaceTeachSignUp.vue
+++ b/src/views/faceteach/FaceTeachSignUp.vue
@@ -1,13 +1,5 @@
-<!--
- * @Author: lixg lixg@dongwu-inc.com
- * @Date: 2023-02-18 17:48:19
- * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2023-02-19 17:21:23
- * @FilePath: /stu_h5/src/views/faceteach/FaceTeachSignUp.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
-  <div class="faceteachsignUp">
+  <div class="faceteachsignup">
     <ReturnHead text="课程详情"></ReturnHead>
     <TitleHead :text="'【面授课】' + data.planDto?.name"></TitleHead>
     <div class="main">
@@ -406,7 +398,7 @@ const returnclick = () => {
   router.back();
 };
 const {
-  query: { courseId, type, projectStatus, projectEndTime },
+  query: { courseId, type, id: taskId, projectStatus, projectEndTime },
 } = useRoute();
 
 const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
@@ -591,6 +583,7 @@ function toExamItem(obj) {
   window.open(
     window.location.protocol +
       import.meta.env.VITE_BOE_EXAM_DETAIL_URL +
+      "/mobile/pages/exam/exam?id=" +
       obj.examinationTestId,
     "_top"
   ); //测评
@@ -606,7 +599,7 @@ onUnmounted(() => {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
-.faceteachsignUp {
+.faceteachsignup {
   width: 100%;
   padding-bottom: 20px;
   .main {
diff --git a/src/views/projectdetails/ProjectPath.vue b/src/views/projectdetails/ProjectPath.vue
index 659fce3..1186b34 100644
--- a/src/views/projectdetails/ProjectPath.vue
+++ b/src/views/projectdetails/ProjectPath.vue
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2023-01-19 11:28:11
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2023-02-19 16:03:03
+ * @LastEditTime: 2023-02-19 21:02:52
  * @FilePath: /stu_h5/src/views/projectdetails/ProjectPath.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -181,7 +181,7 @@ const handleClick = (tab, event) => {
 const goDetails = () => {
   router.push({
     path: "/pathdetails",
-    query: { routerId: 396 },
+    query: { routerId: 397 },
   });
   // router.push({
   //   path: "/projectdetails",