File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="mb-30">
<div class="flex-sp-bw mb-20">
<div class="resultext">
<img :src="resulticon" alt="">
<p>총 <b>{{ count }}개</b>의 {{ helpText }}</p>
</div>
<button type="button" class="gopage" @click="fnMoveTo(routeName, null)">모두보기</button>
</div>
<div v-if="list.length > 0">
<CardStyleComponent :name="name" :list="list" />
</div>
<div v-else class="no-results">
<p>등록된 게시물이 없습니다.</p>
</div>
</div>
</template>
<script>
// COMPONENT
import CardStyleComponent from '@/views/component/listLayout/CardStyleComponent.vue';
export default {
name: "CardViewList",
components: {
CardStyleComponent,
},
props: {
name: {
type: String,
default: 'P',
},
count: {
type: Number,
default: 0,
},
list: {
type: Array,
default: () => [],
},
},
data() {
return {
};
},
computed: {
helpText() {
switch (this.name) {
case 'P':
return '사진 기록물이 검색되었습니다.';
case 'V':
return '영상 기록물이 검색되었습니다.';
case 'M':
return '미디어 영상이 검색되었습니다.';
case 'N':
return '보도자료가 검색되었습니다.';
}
},
routeName() {
switch (this.name) {
case 'P':
return 'PicHistorySearch';
case 'V':
return '영상 기록물';
case 'M':
return '미디어 영상';
case 'N':
return '보도자료';
}
},
},
methods: {
// 페이지 이동
fnMoveTo(page, id) {
if (id !== null || id !== '') {
this.$router.push({ name: page, query: { id: id } });
} else {
this.$router.push({ name: page });
}
}
},
};
</script>