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
File name
Commit message
Commit date
<template>
<div class="w1400">
<section class="wg-logo">
<img src="../../../../resources/jpg/wgcon.png" alt="">
<h1>전문가 협의체</h1>
</section>
<section class="wg-wrap">
<div class="wg-wrap-h1">
<h1>개발(기술)영역별 전문가 협의체(WG)에서 AI디지털교과서 개발지원을 위한 연구에 참고한 문서를 공유합니다.</h1>
</div>
<div class="wg-wrap-search">
<div>
<!-- <p>※찾고자 하시는 문서의 제목을 입력하시거나 그룹또는 작성자를 입력하시면 보실 수 있습니다.</p> -->
<div class="wg-search-bos">
<div class="wg-search-grid">
<div class="wg-grid-1">
<div>
<label for="groupSearch"></label>
<select id="groupSelect" v-model="search.group">
<option value="">제목 + 내용</option>
<option value="">제목 + 내용</option>
<option value="">제목 + 내용</option>
<option value="">제목 + 내용</option>
</select>
</div>
<div>
<label for="titleSearch"></label>
<input id="titleSearch" v-model="search.title" type="text" placeholder="검색하세요">
</div>
</div>
<div class="wg-grid-2">
<div>
<label for="authorSearch">워킹그룹</label>
<input id="titleSearch" v-model="search.title" type="text">
</div>
<div>
<label for="dateSearch">작성 날짜 </label>
<input id="dateSearch" v-model="search.date" type="date">~<input id="dateSearch"
v-model="search.date" type="date">
</div>
</div>
</div>
<button @click="performSearch">검색</button>
</div>
</div>
</div>
<div>
<table class="wg-table">
<thead>
<tr>
<th>NO</th>
<th>워킹그룹</th>
<th>제목</th>
<th>작성자</th>
<th>날짜</th>
<th>조회수</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in items" :key="index" @click="goToDetail(item)">
<td>{{ index + 1 }}</td>
<td>{{ item.group }}</td>
<td>{{ item.title }}</td>
<td>{{ item.author }}</td>
<td>{{ item.date }}</td>
<td>{{ item.views }}</td>
</tr>
</tbody>
</table>
</div>
</section>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{
id: 1,
group: '(WG1)클라우드 보안',
title: '(reference)현황보고서',
author: '조은형',
date: '2023-09-12',
views: 45464
},
{
id: 1,
group: '(WG1)클라우드 보안',
title: '(reference)현황보고서',
author: '조은형',
date: '2023-09-12',
views: 45464
},
{
id: 1,
group: '(WG1)클라우드 보안',
title: '(reference)현황보고서',
author: '조은형',
date: '2023-09-12',
views: 45464
},
{
id: 1,
group: '(WG1)클라우드 보안',
title: '(reference)현황보고서',
author: '조은형',
date: '2023-09-12',
views: 45464
},
{
id: 1,
group: '(WG1)클라우드 보안',
title: '(reference)현황보고서',
author: '조은형',
date: '2023-09-12',
views: 45464
},
],
search: {
group: '',
title: '',
author: '',
date: ''
},
filteredItems: []
}
},
created() {
this.filteredItems = this.items;
},
methods: {
goToDetail(item) {
this.$router.push({ name: 'DetailPage', params: { id: item.id } });
},
performSearch() {
this.filteredItems = this.items.filter(item =>
item.group.includes(this.search.group) &&
item.title.includes(this.search.title) &&
item.author.includes(this.search.author) &&
item.date.includes(this.search.date)
);
}
}
}
</script>