Skip to content

Commit 046aa2a

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
fix: dynamics form default value style
1 parent 62fe321 commit 046aa2a

File tree

6 files changed

+87
-39
lines changed

6 files changed

+87
-39
lines changed

‎ui/src/components/dynamics-form/constructor/items/DatePickerConstructor.vue‎

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,15 @@
2626
</el-select>
2727
</el-form-item>
2828
<el-form-item
29+
class="defaultValueItem"
2930
:required="formValue.required"
3031
prop="default_value"
32+
label="默认值"
3133
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
3234
>
33-
<template #label>
34-
<div class="flex-between">
35-
默认值
36-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
37-
</div>
38-
</template>
35+
<div class="defaultValueCheckbox">
36+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
37+
</div>
3938
<el-date-picker
4039
v-model="formValue.default_value"
4140
:type="formValue.type"
@@ -115,4 +114,13 @@ onBeforeMount(() => {
115114
}
116115
})
117116
</script>
118-
<style lang="scss"></style>
117+
<style lang="scss" scoped>
118+
.defaultValueItem {
119+
position: relative;
120+
.defaultValueCheckbox {
121+
position: absolute;
122+
right: 0;
123+
top: -35px;
124+
}
125+
}
126+
</style>

‎ui/src/components/dynamics-form/constructor/items/JsonInputConstructor.vue‎

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
11
<template>
2-
<el-form-item :required="formValue.required" prop="default_value" :rules="[default_value_rule]">
3-
<template #label>
4-
<div class="flex-between">
5-
默认值
6-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
7-
</div>
8-
</template>
2+
<el-form-item
3+
class="defaultValueItem"
4+
label="默认值"
5+
:required="formValue.required"
6+
prop="default_value"
7+
:rules="[default_value_rule]"
8+
>
9+
<div class="defaultValueCheckbox">
10+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
11+
</div>
912
<JsonInput ref="jsonInputRef" v-model="formValue.default_value"> </JsonInput>
1013
</el-form-item>
1114
</template>
@@ -66,4 +69,13 @@ onMounted(() => {
6669
}
6770
})
6871
</script>
69-
<style lang="scss"></style>
72+
<style lang="scss" scoped>
73+
.defaultValueItem {
74+
position: relative;
75+
.defaultValueCheckbox {
76+
position: absolute;
77+
right: 0;
78+
top: -35px;
79+
}
80+
}
81+
</style>

‎ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,16 +46,15 @@
4646
</el-row>
4747
</el-form-item>
4848
<el-form-item
49+
class="defaultValueItem"
50+
label="默认值"
4951
:required="formValue.required"
5052
prop="default_value"
5153
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
5254
>
53-
<template #label>
54-
<div class="flex-between">
55-
默认值
56-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
57-
</div>
58-
</template>
55+
<div class="defaultValueCheckbox">
56+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
57+
</div>
5958
<el-select
6059
class="m-2"
6160
multiple
@@ -130,6 +129,14 @@ onMounted(() => {
130129
})
131130
</script>
132131
<style lang="scss" scoped>
132+
.defaultValueItem {
133+
position: relative;
134+
.defaultValueCheckbox {
135+
position: absolute;
136+
right: 0;
137+
top: -35px;
138+
}
139+
}
133140
:deep(.el-form-item__label) {
134141
display: block;
135142
}

‎ui/src/components/dynamics-form/constructor/items/RadioCardConstructor.vue‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,16 +47,15 @@
4747
</el-row>
4848
</el-form-item>
4949
<el-form-item
50+
class="defaultValueItem"
51+
label="默认值"
5052
:required="formValue.required"
5153
prop="default_value"
5254
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
5355
>
54-
<template #label>
55-
<div class="flex-between">
56-
默认值
57-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
58-
</div>
59-
</template>
56+
<div class="defaultValueCheckbox">
57+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
58+
</div>
6059
<RadioCard
6160
:form-field="formField"
6261
v-model="formValue.default_value"
@@ -123,6 +122,14 @@ onMounted(() => {
123122
})
124123
</script>
125124
<style lang="scss" scoped>
125+
.defaultValueItem {
126+
position: relative;
127+
.defaultValueCheckbox {
128+
position: absolute;
129+
right: 0;
130+
top: -35px;
131+
}
132+
}
126133
:deep(.el-form-item__label) {
127134
display: block;
128135
}

‎ui/src/components/dynamics-form/constructor/items/RadioRowConstructor.vue‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,17 +47,15 @@
4747
</el-row>
4848
</el-form-item>
4949
<el-form-item
50+
class="defaultValueItem"
5051
label="默认值"
5152
:required="formValue.required"
5253
prop="default_value"
5354
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
5455
>
55-
<template #label>
56-
<div class="flex-between">
57-
默认值
58-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
59-
</div>
60-
</template>
56+
<div class="defaultValueCheckbox">
57+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
58+
</div>
6159
<RadioRow
6260
:form-field="formField"
6361
v-model="formValue.default_value"
@@ -124,6 +122,14 @@ onMounted(() => {
124122
})
125123
</script>
126124
<style lang="scss" scoped>
125+
.defaultValueItem {
126+
position: relative;
127+
.defaultValueCheckbox {
128+
position: absolute;
129+
right: 0;
130+
top: -35px;
131+
}
132+
}
127133
:deep(.el-form-item__label) {
128134
display: block;
129135
}

‎ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,16 +47,16 @@
4747
</el-row>
4848
</el-form-item>
4949
<el-form-item
50+
class="defaultValueItem"
5051
:required="formValue.required"
5152
prop="default_value"
53+
label="默认值"
5254
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
5355
>
54-
<template #label>
55-
<div class="flex-between">
56-
默认值
57-
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
58-
</div>
59-
</template>
56+
<div class="defaultValueCheckbox">
57+
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
58+
</div>
59+
6060
<el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
6161
<el-option
6262
v-for="(option, index) in formValue.option_list"
@@ -123,6 +123,14 @@ onMounted(() => {
123123
})
124124
</script>
125125
<style lang="scss" scoped>
126+
.defaultValueItem {
127+
position: relative;
128+
.defaultValueCheckbox {
129+
position: absolute;
130+
right: 0;
131+
top: -35px;
132+
}
133+
}
126134
:deep(.el-form-item__label) {
127135
display: block;
128136
}

0 commit comments

Comments
 (0)