Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
b53bcf6a 1 parent ce6e13d3

style(表单组件): 调整必填项星号位置并统一标签文字样式 

统一项目内所有表单字段组件的UI样式，修复必填星号的间距布局问题，统一设置字段标签文字颜色为#999。
Inline Side-by-side
Showing 28 changed files with 57 additions and 57 deletions
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: 2024-08-22 09:58:05 4 + * @LastEditTime: 2026-06-02 17:02:08
5 * @FilePath: /data-table/src/components/AppointmentField/index.vue 5 * @FilePath: /data-table/src/components/AppointmentField/index.vue
6 * @Description: 预约时间控件 6 * @Description: 预约时间控件
7 --> 7 -->
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div class="Appointment-field-page"> 9 <div 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>
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 <van-field :name="item.name" :rules="rules"> 15 <van-field :name="item.name" :rules="rules">
16 <template #input> 16 <template #input>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="area-picker-field"> 9 <div v-if="HideShow" class="area-picker-field">
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 <van-field :name="item.key" :rules="rules" style="padding: 0;"> 15 <van-field :name="item.key" :rules="rules" style="padding: 0;">
16 <template #input> 16 <template #input>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div class="calendar-page"> 9 <div class="calendar-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>
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 <van-field 15 <van-field
16 v-model="item.value" 16 v-model="item.value"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="checkbox-field-page"> 9 <div v-if="HideShow" class="checkbox-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>
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 <span v-if="item.component_props.max" style="color: gray"> 14 <span v-if="item.component_props.max" style="color: gray">
15 (最多可选数:&nbsp;{{ item.component_props.max }}) 15 (最多可选数:&nbsp;{{ item.component_props.max }})
16 </span> 16 </span>
......
1 <!-- 1 <!--
2 * @Date: 2022-08-31 11:45:30 2 * @Date: 2022-08-31 11:45:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-21 13:14:46 4 + * @LastEditTime: 2026-06-02 17:01:04
5 * @FilePath: /data-table/src/components/DatePickerField/index.vue 5 * @FilePath: /data-table/src/components/DatePickerField/index.vue
6 * @Description: 日期选择组件 6 * @Description: 日期选择组件
7 --> 7 -->
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="date-picker-field"> 9 <div v-if="HideShow" class="date-picker-field">
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.readonly" style="padding: 0.5rem 1rem 1rem 0.3rem; font-size: 0.9rem;"> 15 <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem 1rem 0.3rem; font-size: 0.9rem;">
16 {{ item.value }} 16 {{ item.value }}
......
1 <!-- 1 <!--
2 * @Date: 2022-09-08 15:02:45 2 * @Date: 2022-09-08 15:02:45
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-21 09:40:49 4 + * @LastEditTime: 2026-06-02 17:00:52
5 * @FilePath: /data-table/src/components/DateTimePickerField/index.vue 5 * @FilePath: /data-table/src/components/DateTimePickerField/index.vue
6 * @Description: 日期时间选择器 6 * @Description: 日期时间选择器
7 --> 7 -->
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="datetime-picker"> 9 <div v-if="HideShow" class="datetime-picker">
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 <van-field 15 <van-field
16 v-model="item.value" 16 v-model="item.value"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="text-field-page"> 9 <div v-if="HideShow" class="text-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>
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 <van-field 15 <van-field
16 v-model="item.value" 16 v-model="item.value"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="file-uploader-field"> 9 <div v-if="HideShow" class="file-uploader-field">
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 15 <div
16 v-if="item.component_props.note" 16 v-if="item.component_props.note"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="gender-field-page"> 9 <div v-if="HideShow" class="gender-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>
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 16 <van-field
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="group-field-page"> 9 <div v-if="HideShow" class="group-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>
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 <div> 16 <div>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="identity-page"> 9 <div v-if="HideShow" class="identity-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>
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.readonly" style="padding: 0.5rem 1rem;">{{ item.value }}</div> --> 15 <!-- <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem;">{{ item.value }}</div> -->
16 <!-- <van-field 16 <!-- <van-field
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="image-uploader-field"> 9 <div v-if="HideShow" class="image-uploader-field">
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 15 <div
16 v-if="item.component_props.note" 16 v-if="item.component_props.note"
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <div v-if="HideShow" class="multi-rule-field-page"> 9 <div v-if="HideShow" class="multi-rule-field-page">
10 <div class="label"> 10 <div class="label">
11 <span v-if="item.component_props.required" class="required" style="color: red">&nbsp;*</span> 11 <span v-if="item.component_props.required" class="required" style="color: red">&nbsp;*</span>
12 - <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span> 12 + <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
13 <span v-if="item.component_props.min_count" style="color: #999; font-size: 0.85rem;">（最少选{{ item.component_props.min_count }}项）</span> 13 <span v-if="item.component_props.min_count" style="color: #999; font-size: 0.85rem;">（最少选{{ item.component_props.min_count }}项）</span>
14 </div> 14 </div>
15 <van-field :name="item.key" :rules="rules" :border="false" style="padding-bottom: 0"> 15 <van-field :name="item.key" :rules="rules" :border="false" style="padding-bottom: 0">
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="name-field-page"> 9 <div v-if="HideShow" class="name-field-page">
10 <div :class="[isGroup ? 'group-label' : 'label']"> 10 <div :class="[isGroup ? 'group-label' : '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.readonly" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;"> 15 <div v-if="item.component_props.readonly" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;">
16 {{ item.value }} 16 {{ item.value }}
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="number-page"> 9 <div v-if="HideShow" class="number-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>
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 15 <div
16 v-if="item.component_props.note" 16 v-if="item.component_props.note"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="name-field-page"> 9 <div v-if="HideShow" class="name-field-page">
10 <div :class="[isGroup ? 'group-label' : 'label']"> 10 <div :class="[isGroup ? 'group-label' : '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 15
16 <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;"> 16 <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;">
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="person-picker-field-page"> 9 <div v-if="HideShow" class="person-picker-field-page">
10 <div :class="[isGroup ? 'group-label' : 'label']"> 10 <div :class="[isGroup ? 'group-label' : '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 15
16 <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;"> 16 <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;">
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="phone-field-page"> 9 <div v-if="HideShow" class="phone-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>
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 <!-- <van-field 15 <!-- <van-field
16 :id="item.name" 16 :id="item.name"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="picker-field-page"> 9 <div v-if="HideShow" class="picker-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>
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 <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 --> 14 <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 -->
15 <span 15 <span
16 v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''" 16 v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="radio-field-page"> 9 <div v-if="HideShow" class="radio-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>
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 <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 --> 14 <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 -->
15 <span 15 <span
16 v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''" 16 v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="rate-field"> 9 <div v-if="HideShow" class="rate-field">
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 <van-field :name="item.name" :rules="rules"> 15 <van-field :name="item.name" :rules="rules">
16 <template #input> 16 <template #input>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div class="rule-field-page"> 9 <div class="rule-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>
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 <van-field 15 <van-field
16 :name="item.key" 16 :name="item.key"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="sign-page"> 9 <div v-if="HideShow" class="sign-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>
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 <van-field :name="item.key" :rules="rules" style="padding: 0;"> 15 <van-field :name="item.key" :rules="rules" style="padding: 0;">
16 <template #input> 16 <template #input>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="table-field-page"> 9 <div v-if="HideShow" class="table-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>
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.readonly" class="tinymce-box"> 15 <div v-if="!item.component_props.readonly" class="tinymce-box">
16 <TEditor ref="refEdit" @blur="onBlur" :table_html="table_html" :readonly="item.component_props.readonly"></TEditor> 16 <TEditor ref="refEdit" @blur="onBlur" :table_html="table_html" :readonly="item.component_props.readonly"></TEditor>
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="text-field-page"> 9 <div v-if="HideShow" class="text-field-page">
10 <div :class="[isGroup ? 'group-label' : 'label']"> 10 <div :class="[isGroup ? 'group-label' : '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 class="note-wrapper" v-if="item.component_props.note" v-html="item.component_props.note" /> 15 <div class="note-wrapper" v-if="item.component_props.note" v-html="item.component_props.note" />
16 <div v-if="item.component_props.readonly || (item.component_props.is_camera_scan && !item.component_props.is_edit_camera_scan_result)" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;"> 16 <div v-if="item.component_props.readonly || (item.component_props.is_camera_scan && !item.component_props.is_edit_camera_scan_result)" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;">
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="textarea-field-page"> 9 <div v-if="HideShow" class="textarea-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>
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 15 <div
16 v-if="item.component_props.note" 16 v-if="item.component_props.note"
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div v-if="HideShow" class="time-picker-field"> 9 <div v-if="HideShow" class="time-picker-field">
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 <van-field 15 <van-field
16 v-model="item.value" 16 v-model="item.value"
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <div v-if="HideShow" class="radio-field-page"> 9 <div v-if="HideShow" class="radio-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>
13 <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span> 13 <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ 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" />
......