feat(form-components): 修复义工组别标签显示问题并新增预约控件显示控制

修复义工组别控件中只读标签的显示逻辑错误，添加只读状态下标签灰色样式
为预约时间控件新增基于HideShow属性的条件显示功能

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-06-02 17:02:08
+ * @LastEditTime: 2026-06-02 17:20:48
  * @FilePath: /data-table/src/components/AppointmentField/index.vue
  * @Description: 预约时间控件
 -->
 <template>
-  <div class="Appointment-field-page">
+  <div v-if="HideShow" class="Appointment-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
       <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>

 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-22 10:00:21
+ * @LastEditTime: 2026-06-02 17:27:51
  * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue
  * @Description: 义工组别选择控件
 -->
@@ -10,7 +10,7 @@
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
       <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
-      <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
     <van-field :rules="item.rules">