diff --git a/src/components/core/Drawer.vue b/src/components/core/Drawer.vue index eae2123f2a70bedcb8b6d00e1dc8e14b66a17d78..0990e2e21a04b9a3b5b6de95ee5819be7f096fd6 100644 --- a/src/components/core/Drawer.vue +++ b/src/components/core/Drawer.vue @@ -19,7 +19,7 @@ <v-list-tile-title v-text="link.text"/> </v-list-tile> - <v-list-tile active-class="success" class="v-list-item v-list__tile--buy" to="/"> + <v-list-tile active-class="success" class="v-list-item v-list__tile--buy" @click="signOut" to="/"> <v-list-tile-action> <v-icon>mdi-package-up</v-icon> </v-list-tile-action> @@ -99,7 +99,15 @@ export default { }, methods: { - ...mapMutations('app', ['setDrawer', 'toggleDrawer']) + ...mapMutations('app', ['setDrawer', 'toggleDrawer']), + signOut: function(){ + this.$http.get('/login/logout').then(res=>{ + alert(res.sucess); + }) + + + + } } } </script> diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 1b5f5f3adaebaffd602702f983e053c3723c7c41..1f57ffe0c5e09e45010ec3594bae10d7ae521184 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -47,8 +47,8 @@ export default { headers: [ { sortable: false, - text: 'ID', - value: 'id' + text: '사진', + value: 'img' }, { sortable: false, diff --git a/src/views/FindPost.vue b/src/views/FindPost.vue new file mode 100644 index 0000000000000000000000000000000000000000..1995bfc7a649417ef470043dd6ddab2819f92de5 --- /dev/null +++ b/src/views/FindPost.vue @@ -0,0 +1,93 @@ +<template> + <div id="app"> + <section id="write"> + <br><br> + <input v-model="title" placeholder="글 제목"> + <br><br> + <input v-model="body" placeholder="내용"> + <br><br> + <input v-model="petName" placeholder="반려견 이름"> + <br><br> + <input v-model="petSex" placeholder="반려견 성별"> + <br><br> + <input v-model="petType" placeholder="반려견 견종"> + <br><br> + <input v-model="findPlace" placeholder="발견한 장소"> + <br><br> + <input v-model="findDate" placeholder="발견 일시"> + <br><br> + <input v-model="money" placeholder="사례금(만원)"> + <br><br> + <input type="file" @change="fileSeleted"> + <button v-on:click="sendFile">send</button> + </section> + </div> +</template> + +<script> +export default { + data(){ + return{ + title: '', + body: '', + created: '', + writer: '', + petName: '', + petSex: '', + petType: '', + findPlace: '', + findDate: '', + money: 0, + comment:[{ + body:'', + writer:'', + created:'', + }] + } + }, + methods: { + clicked: function(){ + this.$http.post('/finderboard',{ + body: this.body, + findPlace: this.findPlace, + petType: this.petType, + }).then((response) => { + alert("글 작성 버튼 클릭됨", response) + this.$router.push('/finderboard') + }).catch((err) => { + alert("Error", err) + }) + }, + sendFile:function(){ + var formData=new FormData(); + var config={ + header:{'Content-Type': 'multipart/form-data'} + }; + console.log(this.file); + formData.append('img',this.file); + formData.append('body',this.body); + formData.append('petName',this.petName); + formData.append('petSex',this.petSex); + formData.append('petType',this.petType); + formData.append('lostPlace',this.lostPlace); + formData.append('lostDate',this.lostDate); + formData.append('money',this.money); + + for(let key of formData.entries()){ + console.log(`${key}`); + } + + this.$http.post('/losterboard',formData,config).then((response) => { + console.log(response); + this.$router.push('/losterboard') + }).catch((err) => { + alert(err); + }) + } + } +} +</script> + +<style> + +</style> \ No newline at end of file