diff --git a/src/views/LosterBoard.vue b/src/views/LosterBoard.vue index 13e67e1473867667bc2fdbd87fd0ecd11863333c..2b40dee4d161ccbf57b8919554b51cbd304e9c38 100644 --- a/src/views/LosterBoard.vue +++ b/src/views/LosterBoard.vue @@ -35,7 +35,7 @@ <v-text-field xs12 md4 outlined label="검색" v-model="search" prepend-inner-icon="mdi-magnify" single-line hide-details clearable></v-text-field> </v-flex> <v-flex md12> - <material-card color="green" title="실종 게시판" text="제목을 클릭하여 게시글을 확인하세요."> + <material-card color="green" title="발견 게시판" text="제목을 클릭하여 게시글을 확인하세요."> <v-card :elevation="20" width="300" :shaped="true" v-if="dataLoading" class="mx-auto"> <v-card-text> <strong class="display-3 center">LOADING....</strong> @@ -45,10 +45,10 @@ v-if="!dataLoading" :headers="headers" :items="items" - item-key="_id" - :items-per-page="5" - class="elevation-1" - loading + item-key="_id" + loading-text="Loading..." + :items-per-page="5" + class="elevation-1" :search="search"> <template slot="headerCell" slot-scope="{ header }"> <span class="subheading font-weight-light text-success text--darken-3" v-text="header.text"/> @@ -85,21 +85,21 @@ export default { data: () => ({ headers: [ - { text: '사진', value: 'img', sortable: false, filterable: false}, - { text: '제목', value: 'title', sortable: false}, - { text: '작성자', value: 'writer', sortable: false}, + { text: '사진', value: 'img', sortable: false, filterable: false, align: 'center'}, + { text: '제목', value: 'title', sortable: false, align: 'center'}, + { text: '작성자', value: 'writer', sortable: false, align: 'right'}, { text: '작성날짜', value: 'created', sortable: false, align: 'right'} ], items: [], search: '', - loginDialog: false, + loginDialog: false, image:null, dataLoading: true }), created() { var log; this.$http.get('/losterboard') - .then((response) => { + .then( (response) => { log = response.data.message; if(log == "required login"){