fix(character-form): 저장 버튼 비활성 문제 수정 및 필수 라벨 * 표시
- 등록(create) 모드에서 필수값 충족 시 버튼 활성화되도록 유효성 처리 정비 - 필수 항목 라벨에 빨간색 * 표시 - 인물관계 입력 필드의 검증 규칙을 v-form 유효성에서 제외 - 인물관계 필드 힌트 문구 개선
This commit is contained in:
parent
806af4aba0
commit
071502d869
|
@ -34,6 +34,7 @@
|
|||
truncate-length="15"
|
||||
outlined
|
||||
dense
|
||||
:class="{ 'required-asterisk': !isEdit }"
|
||||
:rules="imageRules"
|
||||
/>
|
||||
</v-col>
|
||||
|
@ -62,6 +63,7 @@
|
|||
v-model="character.name"
|
||||
label="캐릭터명"
|
||||
:rules="nameRules"
|
||||
class="required-asterisk"
|
||||
required
|
||||
outlined
|
||||
dense
|
||||
|
@ -76,6 +78,7 @@
|
|||
v-model="character.description"
|
||||
label="캐릭터 한 줄 소개"
|
||||
:rules="descriptionRules"
|
||||
class="required-asterisk"
|
||||
required
|
||||
outlined
|
||||
dense
|
||||
|
@ -110,6 +113,7 @@
|
|||
min="0"
|
||||
outlined
|
||||
dense
|
||||
class="required-asterisk"
|
||||
:rules="ageRules"
|
||||
@input="validateNumberInput"
|
||||
/>
|
||||
|
@ -270,6 +274,7 @@
|
|||
outlined
|
||||
auto-grow
|
||||
rows="4"
|
||||
:class="{ 'required-asterisk': !isEdit }"
|
||||
:rules="systemPromptRules"
|
||||
/>
|
||||
<div
|
||||
|
@ -824,7 +829,6 @@
|
|||
outlined
|
||||
dense
|
||||
counter="10"
|
||||
:rules="personNameRules"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
|
@ -834,7 +838,6 @@
|
|||
outlined
|
||||
dense
|
||||
counter="20"
|
||||
:rules="relationshipNameRules"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
@ -844,21 +847,19 @@
|
|||
<v-col cols="5">
|
||||
<v-text-field
|
||||
v-model="newRelationship.relationshipType"
|
||||
label="관계 타입 (최대 10자)"
|
||||
label="관계 타입 (가족, 친구, 동료, 연인, 기타 등) (최대 10자)"
|
||||
outlined
|
||||
dense
|
||||
counter="10"
|
||||
:rules="relationshipTypeRules"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col cols="5">
|
||||
<v-text-field
|
||||
v-model="newRelationship.currentStatus"
|
||||
label="현재 상태 (최대 10자)"
|
||||
label="현재 상태 (생존, 사망, 불명 등) (최대 10자)"
|
||||
outlined
|
||||
dense
|
||||
counter="10"
|
||||
:rules="relationshipStatusRules"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col cols="2">
|
||||
|
@ -870,7 +871,6 @@
|
|||
type="number"
|
||||
min="1"
|
||||
max="10"
|
||||
:rules="relationshipImportanceRules"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
@ -1668,4 +1668,9 @@ export default {
|
|||
.custom-caption {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.required-asterisk >>> .v-label::after {
|
||||
content: ' *';
|
||||
color: #ff5252;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue