From d01fef96a53c0a0dcaded9c250b6b264e761d409 Mon Sep 17 00:00:00 2001
From: wyx <51903@qq.com>
Date: Tue, 7 Mar 2023 15:21:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E9=9D=A2=E6=8E=88?=
 =?UTF-8?q?=E8=AF=BE=E6=8A=A5=E5=90=8D=E9=A1=B5=E9=9D=A2=E6=8A=A5=E5=90=8D?=
 =?UTF-8?q?=E9=99=90=E5=88=B6=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=BC=80=E8=AF=BE?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/faceteach/FaceTeachSignUp.vue | 72 +++++++++++++++++++++++--
 1 file changed, 67 insertions(+), 5 deletions(-)

diff --git a/src/views/faceteach/FaceTeachSignUp.vue b/src/views/faceteach/FaceTeachSignUp.vue
index 17de29a..1c3d9ba 100644
--- a/src/views/faceteach/FaceTeachSignUp.vue
+++ b/src/views/faceteach/FaceTeachSignUp.vue
@@ -29,8 +29,7 @@
             <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')
+                data.planDto?.beginTime + " 至 " + data.planDto?.endTime
               }}
             </div>
           </div>
@@ -39,12 +38,22 @@
             <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: 160px;height: 46px;" v-if="data.hasTask || data.planDto.applyFlag" @click="onLineSignUp(false)" :style="{	background: data.isSignUp || data.isRefused ? '#999' : 'rgb(57, 146, 249)'}">
+            <botton 
+              class="btn" 
+              style="margin-right: 20px;width: 160px;height: 46px;" 
+              v-if="data.hasTask || data.planDto.applyFlag" 
+              @click="onLineSignUp(false)" 
+              :style="{	background: isAllowSign?data.isSignUp || data.isRefused ? '#999' : 'rgb(57, 146, 249)':'#999'}">
               {{
                 data.isRefused ? '审核拒绝' : data.isSignUp? '已报名' :'立即报名'
               }}
             </botton>
-            <botton v-if="data.isRefused" class="btn" style="margin-right: 20px;width: 160px;height: 46px;" @click="onLineSignUp(true)">
+            <botton 
+              v-if="data.isRefused" 
+              class="btn" 
+              style="margin-right: 20px;width: 160px;height: 46px;" 
+              :style="{	background: isAllowSign?'rgb(57, 146, 249)':'#999'}"
+              @click="onLineSignUp(true)">
               重新报名
             </botton>
           </div>
@@ -371,8 +380,56 @@ const download = (url) => {
 const downloads = (url) => {
   ElMessage.warning("未在有效时间范围内，请耐心等待！");
 };
-let timer = null;
 
+//判断能否报名
+function isSignClick() {
+  let beginTime = new Date(data.value.planDto?.beginTime).getTime();
+  let endTime =
+    !data.value.planDto?.afterStart || data.value.afterStart == "0"
+      ? 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 &&
+    data.value.beforeStart !== "0" &&
+    data.value.afterStart !== "0"
+  ) {
+    //有开始前有开始后
+    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 &&
+    data.value.beforeStart !== "0" &&
+    data.value.afterStart == "0"
+  ) {
+    //只有开始前无开始后
+    beginTime = beginTime - data.value.planDto?.beforeStart * 60 * 1000;
+    console.log("11112222");
+  } else if (
+    !data.value.planDto?.beforeStart &&
+    data.value.planDto?.afterStart &&
+    data.value.beforeStart == "0" &&
+    data.value.afterStart !== "0"
+  ) {
+    //无开始前有开始后
+    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(state.isAllowSign)
+}
+
+
+watch(data,()=>{
+  isSignClick();
+})
 
 // 查看更多-展开回复列表
 function lookMore(i) {
@@ -549,6 +606,11 @@ function submitReplayComment() {
 
 // 报名
 function onLineSignUp(isAgain) {
+  if (!state.isAllowSign) {
+    // console.log("data.signFlag", data.value.signFlag, isAllowSign);
+    ElMessage.warning("未在允许报名时间范围内");
+    return;
+  }
   if(data.value.isSignUp && !isAgain){
     return;
   }