Commit @5f52ee99431df0f1669bc5f9dac73321b93640b7

Stormen123 2023-11-27

20231127 김성훈 게시글 권한 별 조회 수 통계 추가

@5f52ee99431df0f1669bc5f9dac73321b93640b7

3edb7f2

5f52ee9

client/views/pages/AppRouter.js

--- client/views/pages/AppRouter.js

+++ client/views/pages/AppRouter.js


 import AdminNotice from "../pages/admin/statistics/Notice.vue";
 import AdminTech from "../pages/admin/statistics/Tech.vue";
 import AdminWgCommunity from "../pages/admin/statistics/WgCommunity.vue";
-import AdminMatching from "../pages/admin/statistics/matchingStatistics.vue";
+import AdminMatching from "../pages/admin/statistics/MatchingStatistics.vue";
 
 
 const routes = [

3edb7f2

5f52ee9

client/views/pages/admin/statistics/Data.vue

--- client/views/pages/admin/statistics/Data.vue

+++ client/views/pages/admin/statistics/Data.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
+                        v-model="postListSearch.endDate">
+                    <button class="blue-btn" @click="postLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 </div>
             </div>
         </div>
-        <BarChart :data="menuVisitData" :mapping="keyMapping" />
+        <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
         <div class="table-zone">
             <div class="btn-wrap">
                 <button class="blue-border-bnt">Excel 다운로드</button>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in menuVisitData" :key="index">
-                        <td>{{ item.date }}</td>
+                    <tr v-for="(item, index) in postLogListByDate" :key="index">
+                        <td>{{ item.post_title }}</td>
                         <td>{{ item.total }}</td>
                         <td>{{ item.company }}</td>
                         <td>{{ item.common }}</td>

 </template>
  
 <script>
-import BarChart from '../../../component/chart/BarChart.vue'
-
+import axios from 'axios';
+import BarChart from '../../../component/chart/BarChart.vue';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 const App = {
 

                 company: "기업회원",
                 common: "일반회원",
             },
-            menuVisitData: [
-                {
-                    date: "자료집1",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "자료집2",
-                    total: 400,
-                    company: 100,
-                    common: 250,
-
-                }, {
-                    date: "자료집3",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "자료집4",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "자료집5",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "자료집6",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "자료집7",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                },
-
-            ]
+            postListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                bbs_id: '0'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            postLogListByDate: [],
         };
     },
     methods: {
+         /** 권한 별 로그인 수 날짜 별 통계 */
+         postLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/postLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.postListSearch
+            }).then(function (response) {
+                vm.postLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        postLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'postListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.postListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'BarChart': BarChart
+        'BarChart': BarChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.postLogList();
     }
 }
 

3edb7f2

5f52ee9

client/views/pages/admin/statistics/Member.vue

--- client/views/pages/admin/statistics/Member.vue

+++ client/views/pages/admin/statistics/Member.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="loginListSearch.endDate" v-model="loginListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="loginListSearch.startDate" :max="oneMonthLater"
+                        v-model="loginListSearch.endDate">
+                    <button class="blue-btn" @click="loginLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in visitData" :key="index">
-                        <td>{{ item.date }}</td>
-                        <td>{{ item.total_value }}</td>
-                        <td>{{ item.value1 }}</td>
-                        <td>{{ item.value2 }}</td>
+                    <tr v-for="(item, index) in loginLogListByDate" :key="index">
+                        <td>{{ item.stats_date }}</td>
+                        <td>{{ item.total }}</td>
+                        <td>{{ item.cpn_login_cnt }}</td>
+                        <td>{{ item.cmmn_login_cnt }}</td>
                     </tr>
                 </tbody>
             </table>

 </template>
  
 <script>
+import axios from 'axios';
 import LineChart from '../../../component/chart/LineChart.vue'
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 
 const App = {
 
     data() {
         return {
-            visitData: [{
-                date: "2023-11-01",
-                total_value: 100,
-                value1: 50,
-                value2: 48,
-
-            }, {
-                date: "2023-11-02",
-                total_value: 100,
-                value1: 53,
-                value2: 51,
-            }, {
-                date: "2023-11-03",
-                total_value: 100,
-                value1: 56,
-                value2: 58,
-            }, {
-                date: "2023-11-04",
-                total_value: 100,
-                value1: 52,
-                value2: 53,
-            }, {
-                date: "2023-11-05",
-                total_value: 100,
-                value1: 48,
-                value2: 44,
-            }, {
-                date: "2023-11-06",
-                total_value: 100,
-                value1: 47,
-                value2: 42,
-            }, {
-                date: "2023-11-07",
-                total_value: 100,
-                value1: 59,
-                value2: 55,
-            }]
+            loginListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                type: 'day'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            loginLogListByDate: [],
         };
     },
     methods: {
+         /** 권한 별 로그인 수 날짜 별 통계 */
+         loginLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/loginLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.loginListSearch
+            }).then(function (response) {
+                vm.loginLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("권한별 로그인 수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        loginLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.loginListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'loginListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.loginListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'LineChart': LineChart
+        'LineChart': LineChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.loginLogList();
     }
 }
 

3edb7f2

5f52ee9

client/views/pages/admin/statistics/NewsAndPr.vue

--- client/views/pages/admin/statistics/NewsAndPr.vue

+++ client/views/pages/admin/statistics/NewsAndPr.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
+                        v-model="postListSearch.endDate">
+                    <button class="blue-btn" @click="postLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 </div>
             </div>
         </div>
-        <BarChart :data="menuVisitData" :mapping="keyMapping" />
+        <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
         <div class="table-zone">
             <div class="btn-wrap">
                 <button class="blue-border-bnt">Excel 다운로드</button>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in menuVisitData" :key="index">
-                        <td>{{ item.date }}</td>
+                    <tr v-for="(item, index) in postLogListByDate" :key="index">
+                        <td>{{ item.post_title }}</td>
                         <td>{{ item.total }}</td>
                         <td>{{ item.company }}</td>
                         <td>{{ item.common }}</td>

 </template>
  
 <script>
-import BarChart from '../../../component/chart/BarChart.vue'
-
+import axios from 'axios';
+import BarChart from '../../../component/chart/BarChart.vue';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 const App = {
 

                 company: "기업회원",
                 common: "일반회원",
             },
-            menuVisitData: [
-                {
-                    date: "홍보&뉴스1",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "홍보&뉴스2",
-                    total: 400,
-                    company: 100,
-                    common: 250,
-
-                }, {
-                    date: "홍보&뉴스3",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "홍보&뉴스4",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "홍보&뉴스5",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "홍보&뉴스6",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "홍보&뉴스7",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                },
-            ]
+            postListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                bbs_id: '1'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            postLogListByDate: [],
         };
     },
     methods: {
+          /** 권한 별 로그인 수 날짜 별 통계 */
+          postLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/postLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.postListSearch
+            }).then(function (response) {
+                vm.postLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        postLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'postListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.postListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'BarChart': BarChart
+        'BarChart': BarChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.postLogList();
     }
 }
 

3edb7f2

5f52ee9

client/views/pages/admin/statistics/Notice.vue

--- client/views/pages/admin/statistics/Notice.vue

+++ client/views/pages/admin/statistics/Notice.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
+                        v-model="postListSearch.endDate">
+                    <button class="blue-btn" @click="postLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 </div>
             </div>
         </div>
-        <BarChart :data="menuVisitData" :mapping="keyMapping" />
+        <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
         <div class="table-zone">
             <div class="btn-wrap">
                 <button class="blue-border-bnt">Excel 다운로드</button>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in menuVisitData" :key="index">
-                        <td>{{ item.date }}</td>
+                    <tr v-for="(item, index) in postLogListByDate" :key="index">
+                        <td>{{ item.post_title }}</td>
                         <td>{{ item.total }}</td>
                         <td>{{ item.company }}</td>
                         <td>{{ item.common }}</td>

 </template>
  
 <script>
-import BarChart from '../../../component/chart/BarChart.vue'
-
+import axios from 'axios';
+import BarChart from '../../../component/chart/BarChart.vue';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 const App = {
 

                 company: "기업회원",
                 common: "일반회원",
             },
-            menuVisitData: [
-                {
-                    date: "공지사항1",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "공지사항2",
-                    total: 400,
-                    company: 100,
-                    common: 250,
-
-                }, {
-                    date: "공지사항3",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "공지사항4",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "공지사항5",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "공지사항6",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "공지사항7",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                },
-
-            ]
+            postListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                bbs_id: '2'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            postLogListByDate: [],
         };
     },
     methods: {
+        /** 권한 별 로그인 수 날짜 별 통계 */
+        postLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/postLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.postListSearch
+            }).then(function (response) {
+                vm.postLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        postLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'postListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.postListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'BarChart': BarChart
+        'BarChart': BarChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.postLogList();
     }
 }
 

3edb7f2

5f52ee9

client/views/pages/admin/statistics/Tech.vue

--- client/views/pages/admin/statistics/Tech.vue

+++ client/views/pages/admin/statistics/Tech.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
+                        v-model="postListSearch.endDate">
+                    <button class="blue-btn" @click="postLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 </div>
             </div>
         </div>
-        <BarChart :data="menuVisitData" :mapping="keyMapping" />
+        <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
         <div class="table-zone">
             <div class="btn-wrap">
                 <button class="blue-border-bnt">Excel 다운로드</button>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in menuVisitData" :key="index">
-                        <td>{{ item.date }}</td>
+                    <tr v-for="(item, index) in postLogListByDate" :key="index">
+                        <td>{{ item.post_title }}</td>
                         <td>{{ item.total }}</td>
                         <td>{{ item.company }}</td>
                         <td>{{ item.common }}</td>

 </template>
  
 <script>
-import BarChart from '../../../component/chart/BarChart.vue'
+import axios from 'axios';
+import BarChart from '../../../component/chart/BarChart.vue';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 
 const App = {

                 company: "기업회원",
                 common: "일반회원",
             },
-            menuVisitData: [
-                {
-                    date: "기술문서1",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "기술문서2",
-                    total: 400,
-                    company: 100,
-                    common: 250,
-
-                }, {
-                    date: "기술문서3",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "기술문서4",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "기술문서5",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "기술문서6",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "기술문서7",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                },
-
-            ]
+            
+            postListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                bbs_id: '3'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            postLogListByDate: [],
         };
     },
     methods: {
+        /** 권한 별 로그인 수 날짜 별 통계 */
+        postLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/postLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.postListSearch
+            }).then(function (response) {
+                vm.postLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        postLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'postListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.postListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'BarChart': BarChart
+        'BarChart': BarChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.postLogList();
     }
 }
 

3edb7f2

5f52ee9

client/views/pages/admin/statistics/Visit.vue

--- client/views/pages/admin/statistics/Visit.vue

+++ client/views/pages/admin/statistics/Visit.vue


                     <span>~</span>
                     <input type="date" name="" id="" :min="visitListSearch.startDate" :max="oneMonthLater"
                         v-model="visitListSearch.endDate" />
-                    <button class="blue-btn">조회</button>
+                    <button class="blue-btn" @click="visitSelectListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 alert("방문자 수 조회 오류, 관리자에게 문의하세요.");
             })
         },
+        
+        /**날짜선택 유효성 검사 */
+        visitSelectListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.visitListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
         'visitListSearch.startDate': function(newValue) {

             } else {
                 this.oneMonthLater = date;
             }
+            console.log(this.visitListSearch.endDate)
         },
 
     },

3edb7f2

5f52ee9

client/views/pages/admin/statistics/WgCommunity.vue

--- client/views/pages/admin/statistics/WgCommunity.vue

+++ client/views/pages/admin/statistics/WgCommunity.vue


         <div class="chart-top">
             <div class="flex">
                 <div class="date-zone flex-start">
-                    <input type="date" name="" id="">
+                    <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
                     <span>~</span>
-                    <input type="date" name="" id="">
-                    <button class="blue-btn">조회</button>
+                    <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
+                        v-model="postListSearch.endDate">
+                    <button class="blue-btn" @click="postLogListCheck()">조회</button>
                 </div>
                 <div class="date-check flex-end">
                     <div>

                 </div>
             </div>
         </div>
-        <BarChart :data="menuVisitData" :mapping="keyMapping" />
+        <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
         <div class="table-zone">
             <div class="btn-wrap">
                 <button class="blue-border-bnt">Excel 다운로드</button>

                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="(item, index) in menuVisitData" :key="index">
-                        <td>{{ item.date }}</td>
+                    <tr v-for="(item, index) in postLogListByDate" :key="index">
+                        <td>{{ item.post_title }}</td>
                         <td>{{ item.total }}</td>
                         <td>{{ item.company }}</td>
                         <td>{{ item.common }}</td>

 </template>
  
 <script>
-import BarChart from '../../../component/chart/BarChart.vue'
-
+import axios from 'axios';
+import BarChart from '../../../component/chart/BarChart.vue';
+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
 
 const App = {
 

                 company: "기업회원",
                 common: "일반회원",
             },
-            menuVisitData: [
-                {
-                    date: "전문가협의체1",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "전문가협의체2",
-                    total: 400,
-                    company: 100,
-                    common: 250,
-
-                }, {
-                    date: "전문가협의체3",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-
-                }, {
-                    date: "전문가협의체4",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "전문가협의체5",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "전문가협의체6",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                }, {
-                    date: "전문가협의체7",
-                    total: 100,
-                    company: 250,
-                    common: 210,
-                },
-            ]
+            postListSearch: {
+                currentPage: 1,
+                perPage: 7,
+                startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
+                endDate: COMMON_UTIL.yesterday(),
+                bbs_id: '4'
+            },
+            oneMonthLater: COMMON_UTIL.yesterday(),
+            postLogListByDate: [],
         };
     },
     methods: {
+         /** 권한 별 로그인 수 날짜 별 통계 */
+         postLogList: function () {
+            const vm = this;
+            axios({
+                url: '/statistics/postLogListByDate.json',
+                method: 'post',
+                hearder: {
+                    'Content-Type': "application/json; charset=UTF-8",
+                },
+                data: vm.postListSearch
+            }).then(function (response) {
+                vm.postLogListByDate = response.data
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
+            })
+        },
 
+        /**날짜선택 유효성 검사 */
+        postLogListCheck: function() {
+            if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
+                alert("날짜를 선택해주세요.");
+            }
+        },
     },
     watch: {
-
+        'postListSearch.startDate': function(newValue) {
+            let date = COMMON_UTIL.oneMonthLater(newValue);
+            this.postListSearch.endDate = null;
+            if(date > COMMON_UTIL.today()) {
+                this.oneMonthLater = COMMON_UTIL.yesterday();
+            } else {
+                this.oneMonthLater = date;
+            }
+        },
     },
     computed: {
 
     },
     components: {
-        'BarChart': BarChart
+        'BarChart': BarChart,
+        PaginationButton: PaginationButton,
     },
     mounted() {
-
-
+        this.postLogList();
     }
 }
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -68,7 +68,7 @@
68	68	import AdminNotice from "../pages/admin/statistics/Notice.vue";
69	69	import AdminTech from "../pages/admin/statistics/Tech.vue";
70	70	import AdminWgCommunity from "../pages/admin/statistics/WgCommunity.vue";
71		-import AdminMatching from "../pages/admin/statistics/matchingStatistics.vue";
	71	+import AdminMatching from "../pages/admin/statistics/MatchingStatistics.vue";
72	72
73	73
74	74	const routes = [

...	...	@@ -7,7 +7,7 @@
7	7	<span>~</span>
8	8	<input type="date" name="" id="" :min="visitListSearch.startDate" :max="oneMonthLater"
9	9	v-model="visitListSearch.endDate" />
10		- <button class="blue-btn">조회</button>
	10	+ <button class="blue-btn" @click="visitSelectListCheck()">조회</button>
11	11	</div>
12	12	<div class="date-check flex-end">
13	13	<div>
...	...	@@ -106,6 +106,13 @@
106	106	alert("방문자 수 조회 오류, 관리자에게 문의하세요.");
107	107	})
108	108	},
	109	+
	110	+ /*날짜선택 유효성 검사 /
	111	+ visitSelectListCheck: function() {
	112	+ if(COMMON_UTIL.isEmpty(this.visitListSearch.endDate) === false) {
	113	+ alert("날짜를 선택해주세요.");
	114	+ }
	115	+ },
109	116	},
110	117	watch: {
111	118	'visitListSearch.startDate': function(newValue) {
...	...	@@ -116,6 +123,7 @@
116	123	} else {
117	124	this.oneMonthLater = date;
118	125	}
	126	+ console.log(this.visitListSearch.endDate)
119	127	},
120	128
121	129	},

...	...	@@ -3,10 +3,11 @@
3	3	<div class="chart-top">
4	4	<div class="flex">
5	5	<div class="date-zone flex-start">
6		- <input type="date" name="" id="">
	6	+ <input type="date" name="" id="" :max="postListSearch.endDate" v-model="postListSearch.startDate">
7	7	<span>~</span>
8		- <input type="date" name="" id="">
9		- <button class="blue-btn">조회</button>
	8	+ <input type="date" name="" id="" :min="postListSearch.startDate" :max="oneMonthLater"
	9	+ v-model="postListSearch.endDate">
	10	+ <button class="blue-btn" @click="postLogListCheck()">조회</button>
10	11	</div>
11	12	<div class="date-check flex-end">
12	13	<div>
...	...	@@ -20,7 +21,7 @@
20	21	</div>
21	22	</div>
22	23	</div>
23		- <BarChart :data="menuVisitData" :mapping="keyMapping" />
	24	+ <BarChart :chartData="postLogListByDate" :mapping="keyMapping" />
24	25	<div class="table-zone">
25	26	<div class="btn-wrap">
26	27	<button class="blue-border-bnt">Excel 다운로드</button>
...	...	@@ -44,8 +45,8 @@
44	45	</tr>
45	46	</thead>
46	47	<tbody>
47		- <tr v-for="(item, index) in menuVisitData" :key="index">
48		- <td>{{ item.date }}</td>
	48	+ <tr v-for="(item, index) in postLogListByDate" :key="index">
	49	+ <td>{{ item.post_title }}</td>
49	50	<td>{{ item.total }}</td>
50	51	<td>{{ item.company }}</td>
51	52	<td>{{ item.common }}</td>
...	...	@@ -57,8 +58,10 @@
57	58	</template>
58	59
59	60	<script>
60		-import BarChart from '../../../component/chart/BarChart.vue'
61		-
	61	+import axios from 'axios';
	62	+import BarChart from '../../../component/chart/BarChart.vue';
	63	+import COMMON_UTIL from '../../../../resources/js/commonUtil.js';
	64	+import PaginationButton from '../../../component/pagination/PaginationButton.vue';
62	65
63	66	const App = {
64	67
...	...	@@ -69,65 +72,63 @@
69	72	company: "기업회원",
70	73	common: "일반회원",
71	74	},
72		- menuVisitData: [
73		- {
74		- date: "자료집1",
75		- total: 100,
76		- company: 250,
77		- common: 210,
78		-
79		- }, {
80		- date: "자료집2",
81		- total: 400,
82		- company: 100,
83		- common: 250,
84		-
85		- }, {
86		- date: "자료집3",
87		- total: 100,
88		- company: 250,
89		- common: 210,
90		-
91		- }, {
92		- date: "자료집4",
93		- total: 100,
94		- company: 250,
95		- common: 210,
96		- }, {
97		- date: "자료집5",
98		- total: 100,
99		- company: 250,
100		- common: 210,
101		- }, {
102		- date: "자료집6",
103		- total: 100,
104		- company: 250,
105		- common: 210,
106		- }, {
107		- date: "자료집7",
108		- total: 100,
109		- company: 250,
110		- common: 210,
111		- },
112		-
113		- ]
	75	+ postListSearch: {
	76	+ currentPage: 1,
	77	+ perPage: 7,
	78	+ startDate: COMMON_UTIL.oneMonthAgo(COMMON_UTIL.yesterday()),
	79	+ endDate: COMMON_UTIL.yesterday(),
	80	+ bbs_id: '0'
	81	+ },
	82	+ oneMonthLater: COMMON_UTIL.yesterday(),
	83	+ postLogListByDate: [],
114	84	};
115	85	},
116	86	methods: {
	87	+ /** 권한 별 로그인 수 날짜 별 통계 */
	88	+ postLogList: function () {
	89	+ const vm = this;
	90	+ axios({
	91	+ url: '/statistics/postLogListByDate.json',
	92	+ method: 'post',
	93	+ hearder: {
	94	+ 'Content-Type': "application/json; charset=UTF-8",
	95	+ },
	96	+ data: vm.postListSearch
	97	+ }).then(function (response) {
	98	+ vm.postLogListByDate = response.data
	99	+ }).catch(function (error) {
	100	+ console.log("error - ", error)
	101	+ alert("게시글 별 조회수 조회 오류, 관리자에게 문의하세요.");
	102	+ })
	103	+ },
117	104
	105	+ /*날짜선택 유효성 검사 /
	106	+ postLogListCheck: function() {
	107	+ if(COMMON_UTIL.isEmpty(this.postListSearch.endDate) === false) {
	108	+ alert("날짜를 선택해주세요.");
	109	+ }
	110	+ },
118	111	},
119	112	watch: {
120		-
	113	+ 'postListSearch.startDate': function(newValue) {
	114	+ let date = COMMON_UTIL.oneMonthLater(newValue);
	115	+ this.postListSearch.endDate = null;
	116	+ if(date > COMMON_UTIL.today()) {
	117	+ this.oneMonthLater = COMMON_UTIL.yesterday();
	118	+ } else {
	119	+ this.oneMonthLater = date;
	120	+ }
	121	+ },
121	122	},
122	123	computed: {
123	124
124	125	},
125	126	components: {
126		- 'BarChart': BarChart
	127	+ 'BarChart': BarChart,
	128	+ PaginationButton: PaginationButton,
127	129	},
128	130	mounted() {
129		-
130		-
	131	+ this.postLogList();
131	132	}
132	133	}
133	134

Delete comment