hookehuyr

组件新增隐藏属性标题显示

......@@ -8,6 +8,7 @@
<template>
<div class="Appointment-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
......@@ -8,6 +8,7 @@
<template>
<div v-if="HideShow" class="area-picker-field">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-14 11:00:01
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-10 10:06:27
* @LastEditTime: 2024-08-07 18:13:33
* @FilePath: /data-table/src/components/CalendarField/index.vue
* @Description: 日历选择控件
-->
<template>
<div class="calendar-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:34:28
* @LastEditTime: 2024-08-07 18:13:41
* @FilePath: /data-table/src/components/CheckboxField/index.vue
* @Description: 多项选择控件
-->
<template>
<div v-if="HideShow" class="checkbox-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
<span v-if="item.component_props.max" style="color: gray">
......
<!--
* @Date: 2022-08-31 11:45:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:34:51
* @LastEditTime: 2024-08-07 18:13:46
* @FilePath: /data-table/src/components/DatePickerField/index.vue
* @Description: 日期选择组件
-->
<template>
<div v-if="HideShow" class="date-picker-field">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-08 15:02:45
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:34:57
* @LastEditTime: 2024-08-07 18:13:52
* @FilePath: /data-table/src/components/DateTimePickerField/index.vue
* @Description: 日期时间选择器
-->
<template>
<div v-if="HideShow" class="datetime-picker">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:02
* @LastEditTime: 2024-08-07 18:13:59
* @FilePath: /data-table/src/components/EmailField/index.vue
* @Description: 邮箱输入框
-->
<template>
<div v-if="HideShow" class="text-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:08
* @LastEditTime: 2024-08-07 18:14:05
* @FilePath: /data-table/src/components/GenderField/index.vue
* @Description: 性别选择控件
-->
<template>
<div v-if="HideShow" class="gender-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2024-05-27 14:28:57
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:14
* @LastEditTime: 2024-08-07 18:14:11
* @FilePath: /data-table/src/components/GroupField/index.vue
* @Description: 组集合输入控件
-->
<template>
<div v-if="HideShow" class="group-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-14 14:44:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:18
* @LastEditTime: 2024-08-07 18:14:16
* @FilePath: /data-table/src/components/IdentityField/index.vue
* @Description: 身份证输入控件
-->
<template>
<div v-if="HideShow" class="identity-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-31 16:16:49
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-07-27 11:16:04
* @LastEditTime: 2024-08-07 18:14:21
* @FilePath: /data-table/src/components/ImageUploaderField/index.vue
* @Description: 图片上传控件
-->
<template>
<div v-if="HideShow" class="image-uploader-field">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:27:38
* @LastEditTime: 2024-08-07 18:13:13
* @FilePath: /data-table/src/components/NameField/index.vue
* @Description: 姓名输入框
-->
<template>
<div v-if="HideShow" class="name-field-page">
<div :class="[isGroup ? 'group-label' : 'label']">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-14 14:44:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:32
* @LastEditTime: 2024-08-07 18:14:33
* @FilePath: /data-table/src/components/NumberField/index.vue
* @Description: 数字输入框
-->
<template>
<div v-if="HideShow" class="number-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-07-27 11:14:39
* @LastEditTime: 2024-08-07 18:14:41
* @FilePath: /data-table/src/components/OrgPickerField/index.vue
* @Description: 树形组件
-->
<template>
<div v-if="HideShow" class="name-field-page">
<div :class="[isGroup ? 'group-label' : 'label']">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:41
* @LastEditTime: 2024-08-07 18:14:46
* @FilePath: /data-table/src/components/PhoneField/index.vue
* @Description: 手机输入框
-->
<template>
<div v-if="HideShow" class="phone-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 13:46:51
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:47
* @LastEditTime: 2024-08-07 18:14:51
* @FilePath: /data-table/src/components/PickerField/index.vue
* @Description: 单列选择器组件
-->
<template>
<div v-if="HideShow" class="picker-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:35:59
* @LastEditTime: 2024-08-07 18:14:56
* @FilePath: /data-table/src/components/RadioField/index.vue
* @Description: 单项选择控件
-->
<template>
<div v-if="HideShow" class="radio-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-08 15:47:54
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-03-29 13:27:43
* @LastEditTime: 2024-08-07 18:15:01
* @FilePath: /data-table/src/components/RatePickerField/index.vue
* @Description: 评分选择控件
-->
<template>
<div v-if="HideShow" class="rate-field">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-09 16:07:40
* @LastEditTime: 2024-08-07 18:15:06
* @FilePath: /data-table/src/components/RuleField/index.vue
* @Description: 规则确认控件
-->
<template>
<div class="rule-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-09-06 16:29:31
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-04-28 13:11:27
* @LastEditTime: 2024-08-07 18:15:11
* @FilePath: /data-table/src/components/SignField/index.vue
* @Description: 电子签名控件
-->
<template>
<div v-if="HideShow" class="sign-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-07 11:07:29
* @LastEditTime: 2024-08-07 18:15:18
* @FilePath: /data-table/src/components/TableField/index.vue
* @Description: 表格组件
-->
<template>
<div v-if="HideShow" class="table-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:36:31
* @LastEditTime: 2024-08-07 18:15:28
* @FilePath: /data-table/src/components/TextField/index.vue
* @Description: 单行文本输入框(微信扫描功能)
-->
<template>
<div v-if="HideShow" class="text-field-page">
<div :class="[isGroup ? 'group-label' : 'label']">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:36:23
* @LastEditTime: 2024-08-07 18:15:23
* @FilePath: /data-table/src/components/TextareaField/index.vue
* @Description: 多行文本输入框
-->
<template>
<div v-if="HideShow" class="textarea-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
......@@ -8,6 +8,7 @@
<template>
<div v-if="HideShow" class="time-picker-field">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:36:47
* @LastEditTime: 2024-08-07 18:15:36
* @FilePath: /data-table/src/components/VolunteerGroupField/index.vue
* @Description: 义工组别选择控件
-->
<template>
<div v-if="HideShow" class="radio-field-page">
<div class="label">
<span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
<span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
<span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
</div>
......