hookehuyr

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">
......