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

121
src/views/StoreManagementView.vue
View File

@ -126,56 +126,60 @@
</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>
<h4 class="text-h6 font-weight-bold mb-4">SNS 계정 정보</h4> </v-col>
<v-row> <!-- 인스타그램 -->
<v-col cols="12" sm="6"> <v-col cols="12">
<div class="d-flex align-center justify-space-between"> <div class="d-flex align-center" style="gap: 12px;">
<div class="d-flex align-center"> <v-text-field
<v-icon color="purple" class="mr-3">mdi-instagram</v-icon> v-model="formData.instagramUrl"
<div> label="Instagram URL"
<p class="text-body-2 text-grey mb-1">Instagram</p> variant="outlined"
<p class="text-body-1">{{ storeInfo.instagramUrl || '등록되지 않음' }}</p> prepend-inner-icon="mdi-instagram"
</div> style="flex: 1;"
</div> placeholder="https://instagram.com/yourstore"
<v-btn />
v-if="storeInfo.instagramUrl" <v-btn
color="purple" color="purple"
size="small" variant="tonal"
variant="tonal" prepend-icon="mdi-check-circle"
@click="checkSnsConnection('instagram')" size="default"
:loading="snsCheckLoading.instagram" style="min-width: 120px; height: 56px;"
> @click="checkSnsConnection('instagram')"
연동 확인 :loading="snsCheckLoading.instagram"
</v-btn> >
</div> 연동 확인
</v-col> </v-btn>
</div>
<v-col cols="12" sm="6"> </v-col>
<div class="d-flex align-center justify-space-between">
<div class="d-flex align-center"> <!-- 네이버 블로그 -->
<v-icon color="green" class="mr-3">mdi-blogger</v-icon> <v-col cols="12">
<div> <div class="d-flex align-center" style="gap: 12px;">
<p class="text-body-2 text-grey mb-1">네이버 블로그</p> <v-text-field
<p class="text-body-1">{{ storeInfo.blogUrl || '등록되지 않음' }}</p> v-model="formData.blogUrl"
</div> label="네이버 블로그 URL"
</div> variant="outlined"
<v-btn prepend-inner-icon="mdi-notebook"
v-if="storeInfo.blogUrl" style="flex: 1;"
color="green" placeholder="https://blog.naver.com/yourstore"
size="small" />
variant="tonal" <v-btn
@click="checkSnsConnection('naver_blog')" color="green"
:loading="snsCheckLoading.naver_blog" variant="tonal"
> prepend-icon="mdi-check-circle"
연동 확인 size="default"
</v-btn> style="min-width: 120px; height: 56px;"
</div> @click="checkSnsConnection('naver_blog')"
</v-col> :loading="snsCheckLoading.naver_blog"
</v-row> >
연동 확인
</v-btn>
</div>
</v-col>
<!-- 운영 정보 --> <!-- 운영 정보 -->
<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>