feat(ui): 为签到类型添加灰色状态显示

在多个组件中为签到类型的图标和文本添加灰色状态显示，通过is_gray字段控制

@@ -37,10 +37,10 @@
                   'bg-green-500 text-white': selectedCheckIn?.id === checkInType.id
                 }"
             >
-              <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" />
-              <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" />
+              <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
+              <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
             </div>
-            <span class="text-xs">{{ checkInType.name }}</span>
+            <span :class="['text-xs', checkInType.is_gray ? 'text-gray-500' : '']">{{ checkInType.name }}</span>
           </button>
         </div>
 

 <!--
  * @Date: 2025-03-20 19:55:21
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-10-13 11:44:36
+ * @LastEditTime: 2025-10-14 11:07:30
  * @FilePath: /mlaj/src/views/HomePage.vue
  * @Description: 美乐爱觉教育首页组件
  *
@@ -101,15 +101,15 @@
                   @click="handleCheckInSelect(checkInType)"
                 >
                 <div class="w-12 h-12 rounded-full flex items-center justify-center mb-1 transition-colors
-                        bg-gray-100 text-gray-500"
+                        bg-gray-100"
                     :class="{
                       'bg-green-500 text-white': selectedCheckIn?.id === checkInType.id
                     }"
                 >
-                    <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" />
-                    <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" />
+                    <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
+                    <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
                   </div>
-                  <span class="text-xs">{{ checkInType.name }}</span>
+                  <span :class="['text-xs', checkInType.is_gray ? 'text-gray-500' : '']">{{ checkInType.name }}</span>
                 </button>
               </div>
 

@@ -302,10 +302,10 @@
                       'bg-green-500 text-white': selectedCheckIn?.id === checkInType.id
                   }"
               >
-                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" />
-                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" />
+                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
+                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
               </div>
-              <span class="text-xs">{{ checkInType.title }}</span>
+              <span :class="['text-xs', checkInType.is_gray ? 'text-gray-500' : '']">{{ checkInType.name }}</span>
             </button>
           </div>
 

@@ -162,10 +162,10 @@
                                     'bg-green-500 text-white': selectedCheckIn?.id === checkInType.id
                                 }"
                             >
-                                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" />
-                                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" />
+                                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
+                                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
                             </div>
-                            <span class="text-xs">{{ checkInType.title }}</span>
+                            <span :class="['text-xs', checkInType.is_gray ? 'text-gray-500' : '']">{{ checkInType.name }}</span>
                         </button>
                     </div>
 

@@ -387,10 +387,10 @@
                                     'bg-green-500 text-white': selectedCheckIn?.id === checkInType.id
                                 }"
                             >
-                                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" />
-                                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" />
+                                <van-icon v-if="checkInType.task_type === 'checkin'" name="edit" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
+                                <van-icon v-if="checkInType.task_type === 'upload'" name="tosend" size="1.5rem" :color="checkInType.is_gray ? 'gray' : ''" />
                             </div>
-                            <span class="text-xs">{{ checkInType.title }}</span>
+                            <span :class="['text-xs', checkInType.is_gray ? 'text-gray-500' : '']">{{ checkInType.name }}</span>
                         </button>
                     </div>