fix(character-form): 저장 버튼 비활성 문제 수정 및 필수 라벨 * 표시

- 등록(create) 모드에서 필수값 충족 시 버튼 활성화되도록 유효성 처리 정비

- 필수 항목 라벨에 빨간색 * 표시

- 인물관계 입력 필드의 검증 규칙을 v-form 유효성에서 제외

- 인물관계 필드 힌트 문구 개선
This commit is contained in:
Yu Sung 2025-08-15 01:37:46 +09:00
parent 806af4aba0
commit 071502d869
1 changed files with 12 additions and 7 deletions

View File

@ -34,6 +34,7 @@
truncate-length="15" truncate-length="15"
outlined outlined
dense dense
:class="{ 'required-asterisk': !isEdit }"
:rules="imageRules" :rules="imageRules"
/> />
</v-col> </v-col>
@ -62,6 +63,7 @@
v-model="character.name" v-model="character.name"
label="캐릭터명" label="캐릭터명"
:rules="nameRules" :rules="nameRules"
class="required-asterisk"
required required
outlined outlined
dense dense
@ -76,6 +78,7 @@
v-model="character.description" v-model="character.description"
label="캐릭터 한 줄 소개" label="캐릭터 한 줄 소개"
:rules="descriptionRules" :rules="descriptionRules"
class="required-asterisk"
required required
outlined outlined
dense dense
@ -110,6 +113,7 @@
min="0" min="0"
outlined outlined
dense dense
class="required-asterisk"
:rules="ageRules" :rules="ageRules"
@input="validateNumberInput" @input="validateNumberInput"
/> />
@ -270,6 +274,7 @@
outlined outlined
auto-grow auto-grow
rows="4" rows="4"
:class="{ 'required-asterisk': !isEdit }"
:rules="systemPromptRules" :rules="systemPromptRules"
/> />
<div <div
@ -824,7 +829,6 @@
outlined outlined
dense dense
counter="10" counter="10"
:rules="personNameRules"
/> />
</v-col> </v-col>
<v-col cols="8"> <v-col cols="8">
@ -834,7 +838,6 @@
outlined outlined
dense dense
counter="20" counter="20"
:rules="relationshipNameRules"
/> />
</v-col> </v-col>
</v-row> </v-row>
@ -844,21 +847,19 @@
<v-col cols="5"> <v-col cols="5">
<v-text-field <v-text-field
v-model="newRelationship.relationshipType" v-model="newRelationship.relationshipType"
label="관계 타입 (최대 10자)" label="관계 타입 (가족, 친구, 동료, 연인, 기타 등) (최대 10자)"
outlined outlined
dense dense
counter="10" counter="10"
:rules="relationshipTypeRules"
/> />
</v-col> </v-col>
<v-col cols="5"> <v-col cols="5">
<v-text-field <v-text-field
v-model="newRelationship.currentStatus" v-model="newRelationship.currentStatus"
label="현재 상태 (최대 10자)" label="현재 상태 (생존, 사망, 불명 등) (최대 10자)"
outlined outlined
dense dense
counter="10" counter="10"
:rules="relationshipStatusRules"
/> />
</v-col> </v-col>
<v-col cols="2"> <v-col cols="2">
@ -870,7 +871,6 @@
type="number" type="number"
min="1" min="1"
max="10" max="10"
:rules="relationshipImportanceRules"
/> />
</v-col> </v-col>
</v-row> </v-row>
@ -1668,4 +1668,9 @@ export default {
.custom-caption { .custom-caption {
font-size: 16px !important; font-size: 16px !important;
} }
.required-asterisk >>> .v-label::after {
content: ' *';
color: #ff5252;
}
</style> </style>