Commit @ff08ace548d3e8eb8b30fca860f942d28c195d5d

박정하 04-09

250409 박정하 썸네일 경로 수정

@ff08ace548d3e8eb8b30fca860f942d28c195d5d

a9188c8

ff08ace

client/views/component/listLayout/CardStyleComponent.vue

--- client/views/component/listLayout/CardStyleComponent.vue

+++ client/views/component/listLayout/CardStyleComponent.vue


       <div class="result-box">
         <div class="main-img">
           <img v-if="name === 'M'" :src="getYouTubeThumbnail(item.link)" alt="영상 썸네일">
-          <img v-else-if="item.hasOwnProperty('files') && item.files.length > 0" :src="item.files[0].filePath" :alt="item.sj + ' 첫 번째 이미지'">
+          <img v-else-if="!$isEmpty(item.thumbnail)" :src="item.thumbnail.filePath" :alt="item.sj + ' 썸네일'">
           <img v-else src="client/resources/images/img6.png" alt="Not found image">
         </div>
         <div class="text-box">
           <h5>{{ item.sj }}</h5>
           <p v-if="item.hasOwnProperty('adres')" class="address">{{ item.adres }}</p>
-          <p class="text">{{ $stripHtml(item.cn) }}</p>
+          <p class="text">{{ item.cn ? $stripHtml(item.cn) : '' }}</p>
           <div class="mb-20">
             <ul class="category">
               <li v-for="(ctgry, ctgryIdx) of item.ctgrys" :key="ctgryIdx" class="category1">{{ ctgry.ctgryNm }}</li>

a9188c8

ff08ace

client/views/pages/main/Main.vue

--- client/views/pages/main/Main.vue

+++ client/views/pages/main/Main.vue


       delay: 2500,
       disableOnInteraction: false,
     }" :pagination="{
-      type: ['fraction', 'progressbar'],  progressbarOpposite: true,
-    }" :navigation="true" :modules="modules"  class="mySwiper" :allowTouchMove="false">
+      type: ['fraction', 'progressbar'], progressbarOpposite: true,
+    }" :navigation="true" :modules="modules" class="mySwiper" :allowTouchMove="false">
       <swiper-slide v-for="(item, index) in slides" :key="index">
         <img :src="item.img" :alt="item.alt" />
       </swiper-slide>
-      
     </swiper>
     <div class="search-wrap">
       <div class="search-area">

             <div class="new-pic">
               <div v-for="(item, idx2) in tabContent.list" :key="idx2" class="box-wrap">
                 <div class="box" @click="fnMoveTo(tabContent.view, item.dcryId)">
-                  <div class="img-area"><img :src="item.files[0].filePath" :alt="item.sj" class="tab-image" /></div>
+                  <div class="img-area"><img :src="item.thumbnail.filePath" :alt="item.sj" class="tab-image" /></div>
                   <div class="info">
                     <p>{{ item.sj }}</p>
                     <span>{{ $dotFormatDate(item.rgsde) }}</span>

     selectTab(index) {
       this.selectedTab = index; // Update the selected tab index
     },
-   
+
     // 메인화면 정보 조회
     async fnFindAllSttuses() {
       try {

 
         if (item.hasOwnProperty('files')) {
           if (item.files.length > 0) {
-            url = item.files[0].filePath
+            url = item.thumbnail.filePath
           }
         } else {
           url = getYouTubeThumbnail(item.link);

Add a comment

Open 0
Closed 0

List

...	...	@@ -4,13 +4,13 @@
4	4	<div class="result-box">
5	5	<div class="main-img">
6	6	<img v-if="name === 'M'" :src="getYouTubeThumbnail(item.link)" alt="영상 썸네일">
7		- <img v-else-if="item.hasOwnProperty('files') && item.files.length > 0" :src="item.files[0].filePath" :alt="item.sj + ' 첫 번째 이미지'">
	7	+ <img v-else-if="!$isEmpty(item.thumbnail)" :src="item.thumbnail.filePath" :alt="item.sj + ' 썸네일'">
8	8	<img v-else src="client/resources/images/img6.png" alt="Not found image">
9	9	</div>
10	10	<div class="text-box">
11	11	<h5>{{ item.sj }}</h5>
12	12	<p v-if="item.hasOwnProperty('adres')" class="address">{{ item.adres }}</p>
13		- <p class="text">{{ $stripHtml(item.cn) }}</p>
	13	+ <p class="text">{{ item.cn ? $stripHtml(item.cn) : '' }}</p>
14	14	<div class="mb-20">
15	15	<ul class="category">
16	16	<li v-for="(ctgry, ctgryIdx) of item.ctgrys" :key="ctgryIdx" class="category1">{{ ctgry.ctgryNm }}</li>

...	...	@@ -4,12 +4,11 @@
4	4	delay: 2500,
5	5	disableOnInteraction: false,
6	6	}" :pagination="{
7		- type: ['fraction', 'progressbar'], progressbarOpposite: true,
8		- }" :navigation="true" :modules="modules" class="mySwiper" :allowTouchMove="false">
	7	+ type: ['fraction', 'progressbar'], progressbarOpposite: true,
	8	+ }" :navigation="true" :modules="modules" class="mySwiper" :allowTouchMove="false">
9	9	<swiper-slide v-for="(item, index) in slides" :key="index">
10	10	<img :src="item.img" :alt="item.alt" />
11	11	</swiper-slide>
12		-
13	12	</swiper>
14	13	<div class="search-wrap">
15	14	<div class="search-area">
...	...	@@ -62,7 +61,7 @@
62	61	<div class="new-pic">
63	62	<div v-for="(item, idx2) in tabContent.list" :key="idx2" class="box-wrap">
64	63	<div class="box" @click="fnMoveTo(tabContent.view, item.dcryId)">
65		- <div class="img-area"><img :src="item.files[0].filePath" :alt="item.sj" class="tab-image" /></div>
	64	+ <div class="img-area"><img :src="item.thumbnail.filePath" :alt="item.sj" class="tab-image" /></div>
66	65	<div class="info">
67	66	<p>{{ item.sj }}</p>
68	67	<span>{{ $dotFormatDate(item.rgsde) }}</span>
...	...	@@ -243,7 +242,7 @@
243	242	selectTab(index) {
244	243	this.selectedTab = index; // Update the selected tab index
245	244	},
246		-
	245	+
247	246	// 메인화면 정보 조회
248	247	async fnFindAllSttuses() {
249	248	try {
...	...	@@ -280,7 +279,7 @@
280	279
281	280	if (item.hasOwnProperty('files')) {
282	281	if (item.files.length > 0) {
283		- url = item.files[0].filePath
	282	+ url = item.thumbnail.filePath
284	283	}
285	284	} else {
286	285	url = getYouTubeThumbnail(item.link);

Delete comment