shared-dg04-Won/smarketing-frontend
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

storeManagement edit

Browse Source
This commit is contained in:
unknown 2025-06-12 14:51:04 +09:00
parent 615f92e3df
commit c94b8069eb
1 changed files with 71 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/views/StoreManagementView.vue
View File

@ -126,26 +126,28 @@
</v-col> </v-col>
</v-row> </v-row>
<!-- SNS 계정 정보 --> <!-- SNS 정보 섹션 수정 부분 -->
<v-divider class="my-6" /> <v-col cols="12">
<h4 class="text-subtitle-1 font-weight-bold mb-3">SNS 계정 정보</h4>
</v-col>
<h4 class="text-h6 font-weight-bold mb-4">SNS 계정 정보</h4> <!-- 인스타그램 -->
<v-col cols="12">
<v-row> <div class="d-flex align-center" style="gap: 12px;">
<v-col cols="12" sm="6"> <v-text-field
<div class="d-flex align-center justify-space-between"> v-model="formData.instagramUrl"
<div class="d-flex align-center"> label="Instagram URL"
<v-icon color="purple" class="mr-3">mdi-instagram</v-icon> variant="outlined"
<div> prepend-inner-icon="mdi-instagram"
<p class="text-body-2 text-grey mb-1">Instagram</p> style="flex: 1;"
<p class="text-body-1">{{ storeInfo.instagramUrl || '등록되지 않음' }}</p> placeholder="https://instagram.com/yourstore"
</div> />
</div>
<v-btn <v-btn
v-if="storeInfo.instagramUrl"
color="purple" color="purple"
size="small"
variant="tonal" variant="tonal"
prepend-icon="mdi-check-circle"
size="default"
style="min-width: 120px; height: 56px;"
@click="checkSnsConnection('instagram')" @click="checkSnsConnection('instagram')"
:loading="snsCheckLoading.instagram" :loading="snsCheckLoading.instagram"
> >
@ -154,20 +156,23 @@
</div> </div>
</v-col> </v-col>
<v-col cols="12" sm="6"> <!-- 네이버 블로그 -->
<div class="d-flex align-center justify-space-between"> <v-col cols="12">
<div class="d-flex align-center"> <div class="d-flex align-center" style="gap: 12px;">
<v-icon color="green" class="mr-3">mdi-blogger</v-icon> <v-text-field
<div> v-model="formData.blogUrl"
<p class="text-body-2 text-grey mb-1">네이버 블로그</p> label="네이버 블로그 URL"
<p class="text-body-1">{{ storeInfo.blogUrl || '등록되지 않음' }}</p> variant="outlined"
</div> prepend-inner-icon="mdi-notebook"
</div> style="flex: 1;"
placeholder="https://blog.naver.com/yourstore"
/>
<v-btn <v-btn
v-if="storeInfo.blogUrl"
color="green" color="green"
size="small"
variant="tonal" variant="tonal"
prepend-icon="mdi-check-circle"
size="default"
style="min-width: 120px; height: 56px;"
@click="checkSnsConnection('naver_blog')" @click="checkSnsConnection('naver_blog')"
:loading="snsCheckLoading.naver_blog" :loading="snsCheckLoading.naver_blog"
> >
@ -175,7 +180,6 @@
</v-btn> </v-btn>
</div> </div>
</v-col> </v-col>
</v-row>
<!-- 운영 정보 --> <!-- 운영 정보 -->
<v-divider class="my-6" /> <v-divider class="my-6" />
@ -2181,4 +2185,21 @@ const editFromDetail = () => {
transform: scale(1.02); transform: scale(1.02);
transition: transform 0.2s ease; transition: transform 0.2s ease;
} }
/* SNS 입력 행 레이아웃 */
.sns-input-row {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.sns-text-field {
flex: 1 !important;
}
.sns-check-btn {
flex-shrink: 0 !important;
min-width: 120px !important;
height: 56px !important;
}
</style> </style>