Merge branch 'zhuf'

src/pages/stxk/jz/index.vue

@@ -36,6 +36,23 @@ getTeamInfo.then(
 function test(item) {
   return JSON.parse(item.kk_teacher || '{}')?.name ?? '-'
 }
+
+// 判断当前时间在报名时间前，报名时间内，报名时间后
+// 参数 startTime: 开始时间
+// 参数 endTime: 结束时间
+function getBmStatus(startTime, endTime) {
+  const now = new Date().getTime()
+  const start = new Date(startTime).getTime()
+  const end = new Date(endTime).getTime()
+  if (now < start) {
+    return 0
+  } else if (now >= start && now <= end) {
+    return 1
+  } else if (now > end) {
+    return 2
+  }
+}
+
 </script>
 
 <template>
@@ -54,7 +71,9 @@ function test(item) {
         <van-card :price="item.kk_kcfy" :desc="`讲师：${test(item)}`" :title="item.kk_name" :thumb="item.kk_img"
           @click="handleClickCard(item)">
           <template #tag>
-            <van-count-down :time="getCountDownTime(item.kk_bmkssj)">
+
+            <van-count-down v-if="getBmStatus(item.kk_bmkssj, item.kk_bmjssj) === 0"
+              :time="getCountDownTime(item.kk_bmkssj)">
               <template #default="timeData">
                 <span class="bg-opacity-50 text-light-900 bg-dark-900 px-1">
                   {{ paddingLeft(timeData.days * 24 + timeData.hours) }}:{{ paddingLeft(timeData.minutes)
@@ -62,6 +81,11 @@ function test(item) {
                 </span>
               </template>
             </van-count-down>
+
+            <div class="text-white bg-blue-500 px-1 rounded-r-4px bg-opacity-60 leading-4"
+              v-else-if="getBmStatus(item.kk_bmkssj, item.kk_bmjssj) === 1">报名中</div>
+            <div class="text-white bg-red-500 px-1 rounded-r-4px bg-opacity-60 leading-4"
+              v-else-if="getBmStatus(item.kk_bmkssj, item.kk_bmjssj) === 2">报名结束</div>
           </template>
           <template #num>
             <span>{{ item.khfw_kcbmxx.count }}人报名</span>
@@ -69,5 +93,4 @@ function test(item) {
         </van-card>
       </template>
     </remote-list>
-  </van-skeleton>
-</template>
+  </van-skeleton></template>