Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
ad1b653a 1 parent 8e806b7a

优化只读项目的样式显示

Inline Side-by-side
Showing 4 changed files with 20 additions and 4 deletions
1 <!-- 1 <!--
2 * @Date: 2022-09-14 14:44:30 2 * @Date: 2022-09-14 14:44:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-07 18:14:16 4 + * @LastEditTime: 2024-08-12 17:40:00
5 * @FilePath: /data-table/src/components/IdentityField/index.vue 5 * @FilePath: /data-table/src/components/IdentityField/index.vue
6 * @Description: 身份证输入控件 6 * @Description: 身份证输入控件
7 --> 7 -->
...@@ -28,7 +28,11 @@ ...@@ -28,7 +28,11 @@
28 :border="false" 28 :border="false"
29 > 29 >
30 </van-field> --> 30 </van-field> -->
31 + <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
32 + {{ item.value }}
33 + </div>
31 <van-field 34 <van-field
35 + v-else
32 ref="fieldRef" 36 ref="fieldRef"
33 v-model="item.value" 37 v-model="item.value"
34 :id="item.name" 38 :id="item.name"
......
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-07 18:13:13 4 + * @LastEditTime: 2024-08-12 17:39:43
5 * @FilePath: /data-table/src/components/NameField/index.vue 5 * @FilePath: /data-table/src/components/NameField/index.vue
6 * @Description: 姓名输入框 6 * @Description: 姓名输入框
7 --> 7 -->
...@@ -12,7 +12,11 @@ ...@@ -12,7 +12,11 @@
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.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
16 + {{ item.value }}
17 + </div>
15 <van-field 18 <van-field
19 + v-else
16 v-model="item.value" 20 v-model="item.value"
17 :name="item.name" 21 :name="item.name"
18 :type="item.type" 22 :type="item.type"
......
1 <!-- 1 <!--
2 * @Date: 2022-09-02 10:46:03 2 * @Date: 2022-09-02 10:46:03
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-07 18:14:46 4 + * @LastEditTime: 2024-08-12 17:39:00
5 * @FilePath: /data-table/src/components/PhoneField/index.vue 5 * @FilePath: /data-table/src/components/PhoneField/index.vue
6 * @Description: 手机输入框 6 * @Description: 手机输入框
7 --> 7 -->
...@@ -26,7 +26,11 @@ ...@@ -26,7 +26,11 @@
26 @touchstart.stop="openKeyboard($event)" 26 @touchstart.stop="openKeyboard($event)"
27 :border="false" 27 :border="false"
28 > --> 28 > -->
29 + <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
30 + {{ item.value }}
31 + </div>
29 <van-field 32 <van-field
33 + v-else
30 :id="item.name" 34 :id="item.name"
31 v-model="item.value" 35 v-model="item.value"
32 :name="item.name" 36 :name="item.name"
......
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-07 18:15:23 4 + * @LastEditTime: 2024-08-12 17:37:58
5 * @FilePath: /data-table/src/components/TextareaField/index.vue 5 * @FilePath: /data-table/src/components/TextareaField/index.vue
6 * @Description: 多行文本输入框 6 * @Description: 多行文本输入框
7 --> 7 -->
...@@ -17,7 +17,11 @@ ...@@ -17,7 +17,11 @@
17 v-html="item.component_props.note" 17 v-html="item.component_props.note"
18 style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;" 18 style="font-size: 0.9rem; margin-left: 1rem; color: gray; padding-bottom: 0.5rem; padding-top: 0.25rem; white-space: pre-wrap;"
19 /> 19 />
20 + <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
21 + {{ item.value }}
22 + </div>
20 <van-field 23 <van-field
24 + v-else
21 v-model="item.value" 25 v-model="item.value"
22 :name="item.name" 26 :name="item.name"
23 :type="item.type" 27 :type="item.type"
......