hookehuyr

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

修复义工组别控件中只读标签的显示逻辑错误,添加只读状态下标签灰色样式
为预约时间控件新增基于HideShow属性的条件显示功能
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-06-02 17:02:08 4 + * @LastEditTime: 2026-06-02 17:20:48
5 * @FilePath: /data-table/src/components/AppointmentField/index.vue 5 * @FilePath: /data-table/src/components/AppointmentField/index.vue
6 * @Description: 预约时间控件 6 * @Description: 预约时间控件
7 --> 7 -->
8 <template> 8 <template>
9 - <div class="Appointment-field-page"> 9 + <div v-if="HideShow" class="Appointment-field-page">
10 <div class="label"> 10 <div class="label">
11 <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span> 11 <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
12 <span v-if="item.component_props.required" style="color: red">*&nbsp;</span> 12 <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-22 10:00:21 4 + * @LastEditTime: 2026-06-02 17:27:51
5 * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue 5 * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue
6 * @Description: 义工组别选择控件 6 * @Description: 义工组别选择控件
7 --> 7 -->
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <div class="label"> 10 <div class="label">
11 <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span> 11 <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
12 <span v-if="item.component_props.required" style="color: red">*&nbsp;</span> 12 <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
13 - <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span> 13 + <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
14 </div> 14 </div>
15 <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" /> 15 <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
16 <van-field :rules="item.rules"> 16 <van-field :rules="item.rules">
......