Commit @a9a967a75350dfa3af44867f41838601e1df9eb0

류윤주 2023-11-29

231129 류윤주 상세페이지 수정

@a9a967a75350dfa3af44867f41838601e1df9eb0

e6db7cd

a9a967a

client/views/pages/user/Data/DataOne.vue

--- client/views/pages/user/Data/DataOne.vue

+++ client/views/pages/user/Data/DataOne.vue


 <template>
     <div class="w1400">
-        <div class="data-detail-page">
+        <div class="page">
             <div class="page-logo flex-start">
                 <img src="../../../../resources/jpg/data-img-text.png" alt="">
                 <h1>자료집</h1>

                                     <span class="category-zone"  v-if="post.ctgry_nm === 'policy'">정책자료</span>
                                     <span class="category-zone"  v-else-if="post.ctgry_nm === 'research'">연구자료</span>
                                     <span class="category-zone"  v-else>가이드라인</span></p>
-                                <div class="flex-end">
-                                   <p><span class="writer">작성자 </span><span>{{ post.rgtr_id }}</span></p> 
-                                    <p><span class="view">조회수 </span><span>{{ post.view_cnt }}</span></p></div>
+                                <div class="flex-end write-info">
+                                   <p><span class="writer">작성자 </span><span>{{ post.rgtr_id }}</span>
+                                    <span class="view">조회수 </span><span>{{ post.view_cnt }}</span></p>
+                                    </div>
                             </td>
                         </tr>
                         <tr>

e6db7cd

a9a967a

client/views/pages/user/community/NoticeOne.vue

--- client/views/pages/user/community/NoticeOne.vue

+++ client/views/pages/user/community/NoticeOne.vue


                         <tr>
                             <td class="title-zone" colspan="2">
                                 <p><span class="post-title">{{ post.post_title }}</span></p>
-                                <div class="flex-end">
-                                   <p> <span class="writer">작성자 </span><span> {{ post.rgtr_id }}</span></p>
-                                    <p><span class="view">작성일자 </span><span> {{ yyyymmdd(post.reg_dt)}}</span></p>
-                                    <p><span class="view">조회수 </span><span> {{ post.view_cnt }}</span></p>
+                                <div class="flex-end write-info">
+                                   <p> <span class="writer">작성자 </span><span> {{ post.rgtr_id }}</span>
+                                    <span class="view">작성일자 </span><span> {{ yyyymmdd(post.reg_dt)}}</span>
+                                    <span class="view">조회수 </span><span> {{ post.view_cnt }}</span></p>
                                 </div>
                             </td>
                         </tr>

e6db7cd

a9a967a

client/views/pages/user/community/WgcommunityOne.vue

--- client/views/pages/user/community/WgcommunityOne.vue

+++ client/views/pages/user/community/WgcommunityOne.vue


                                     <span v-else-if="post.ctgry_nm === 'WG3'" class="category-zone">(WG3)접근성/UDL</span>
                                     <span v-else-if="post.ctgry_nm === 'WG4'" class="category-zone">(WG4)클라우드 보안인증</span>
                                     <span v-else-if="post.ctgry_nm === 'WG5'" class="category-zone">(WG5)통합인증체계</span>
-                                    <span v-else-if="post.ctgry_nm === 'WG6'" class="category-zone">(WG6)학습이력데이터/통합대시보드</span>
+                                    <span v-else-if="post.ctgry_nm === 'WG6'"
+                                        class="category-zone">(WG6)학습이력데이터/통합대시보드</span>
                                     <span v-else-if="post.ctgry_nm === 'WG7'" class="category-zone">(WG7)AI 트레이닝 데이터</span>
                                     <span v-else-if="post.ctgry_nm === 'WG8'" class="category-zone">(WG8)국가수준 학습분석</span>
                                     <span v-else-if="post.ctgry_nm === 'WG9'" class="category-zone">(WG9)학교 인프라</span>
                                     <span v-else-if="post.ctgry_nm === 'WG10'" class="category-zone">(WG10)서비스 품질관리</span>
                                     <span v-else class="category-zone">(WG11)서비스 정책</span>
                                 </p>
-                                <p class="flex-end write-info"><span class="writer">작성자</span>
+                                <p class="flex-end write-info">
+                                    <span class="writer">작성자</span>
                                     <span>{{ post.rgtr_id }}</span>
                                     <span class="view">조회수</span>
                                     <span>{{ post.view_cnt }}</span>

                     'file_id': vm.route.query.file_id,
                     'bbs_id': vm.route.query.bbs_id
                 }
-                }).then(function (response) {
-                    vm.prevPost = response.data.postSelectOne.prevPost;
-                    vm.post = response.data.postSelectOne.post;
-                    vm.nextPost = response.data.postSelectOne.nextPost;
+            }).then(function (response) {
+                vm.prevPost = response.data.postSelectOne.prevPost;
+                vm.post = response.data.postSelectOne.post;
+                vm.nextPost = response.data.postSelectOne.nextPost;
 
-                    if (response.data.selectFileList.length != 0) {
-                        vm.fileList = response.data.selectFileList;
-                    }
-                    vm.getViewer(vm.post.post_content)
+                if (response.data.selectFileList.length != 0) {
+                    vm.fileList = response.data.selectFileList;
+                }
+                vm.getViewer(vm.post.post_content)
 
-                    axios({
-                        url: '/statistics/postLogInsert.json',
-                        method: 'post',
-                        hearder: {
-                            'Content-Type': "application/json; charset=UTF-8",
-                        },
-                        data: vm.post
-                    })
-                }).catch(function (error) {
-                    console.log("error - ", error)
-                    alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
+                axios({
+                    url: '/statistics/postLogInsert.json',
+                    method: 'post',
+                    hearder: {
+                        'Content-Type': "application/json; charset=UTF-8",
+                    },
+                    data: vm.post
+                })
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
             })
         },
 

                         'Content-Type': "application/json; charset=UTF-8",
                     },
                     data: item
-                }).then(function(response){
+                }).then(function (response) {
                     vm.$router.go(0);
                 })
 

 
 
                 vm.getViewer(vm.post.post_content)
-                }).catch(function (error) {
-                    console.log("error - ", error)
-                    alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
+            }).catch(function (error) {
+                console.log("error - ", error)
+                alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
             })
         },
 

e6db7cd

a9a967a

client/views/pages/user/networking/MatchingOne.vue

--- client/views/pages/user/networking/MatchingOne.vue

+++ client/views/pages/user/networking/MatchingOne.vue


                         <div class="matching-img">
                             <img src="../../../../resources/jpg/mat-img1.png" alt="">
                         </div>
-
                     </div>
-
                 </div>
             </div>
         </div>
     </section>
 
-    <div class="w1400">
-        <div class="page-logo flex-start">
-            <img src="../../../../resources/jpg/mat-img-d.png" alt="">
-            <h1>회사소개</h1>
+    <div class="page">
+        <div class="w1400">
+            <div class="page-logo flex-start">
+                <img src="../../../../resources/jpg/mat-img-d.png" alt="">
+                <h1>회사소개</h1>
 
-        </div>
-        <div class="matDtail-sec">
-            <section class="mat-sec1">
-                <h2> {{ company.company_nm }} <span v-if="best === 'best'">(BEST 기업)</span></h2>
-                <div @click="downloadProfile()">
-                    <label for="dtaildown">회사소개서 다운로드</label>
-                    <i class="fa-solid fa-download" style="color: #ffffff;"></i>
-                </div>
-            </section>
+            </div>
+            <div class="matDtail-sec">
+                <section class="mat-sec1">
+                    <h2> {{ company.company_nm }} <span v-if="best === 'best'">(BEST 기업)</span></h2>
+                    <div @click="downloadProfile()">
+                        <label for="dtaildown">회사소개서 다운로드</label>
+                        <i class="fa-solid fa-download" style="color: #ffffff;"></i>
+                    </div>
+                </section>
 
-            <!-- /상세내용 -->
-            <section class="mat-sec2">
-                <div class="info-sec-summary">
-                    <sapn class="info-th"></sapn>
-                    <details>
-                        <!-- <summary @click="getViewer(0)">기업소개</summary>
-                        <div>
-                            <span id="viewer1" ref="viewer1" class="viewer"></span>
-                        </div> -->
-                        <!-- </details> -->
-                        <summary @click="getViewer(0)">기업소개</summary>
-                        <div>
-                            <span id="viewer1" ref="viewer1" class="viewer"></span>
-                        </div>
-                    </details>
-                    <details>
-                        <summary @click="getViewer(1)">대표 기술 소개</summary>
-                        <div>
-                            <span id="viewer2" ref="viewer2" class="viewer"></span>
-                        </div>
-                    </details>
-                    <details>
-                        <summary @click="getViewer(2)">서비스 소개</summary>
-                        <div>
-                            <span id="viewer3" ref="viewer3" class="viewer"></span>
-                        </div>
-                    </details>
-                </div>
-                <div class="mat-sec2-end">
-                    <p>
+                <!-- /상세내용 -->
+                <section class="mat-sec2">
+                    <div class="info-sec-summary">
+                        <sapn class="info-th"></sapn>
+                        <details>
+                            <summary @click="getViewer(0)">기업소개</summary>
+                            <div>
+                                <span id="viewer1" ref="viewer1" class="viewer"></span>
+                            </div>
+                        </details>
+                        <details>
+                            <summary @click="getViewer(1)">대표 기술 소개</summary>
+                            <div>
+                                <span id="viewer2" ref="viewer2" class="viewer"></span>
+                            </div>
+                        </details>
+                        <details>
+                            <summary @click="getViewer(2)">서비스 소개</summary>
+                            <div>
+                                <span id="viewer3" ref="viewer3" class="viewer"></span>
+                            </div>
+                        </details>
+                    </div>
+                    <div class="mat-sec2-end">
+                        <p>
 
-                        <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
-                            @click="pickConfirm()"></i>
-                        <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
-                        <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
-                    </p>
-                    <p><span>조회수</span>{{ company.view_cnt }}</p>
+                            <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
+                                @click="pickConfirm()"></i>
+                            <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
+                            <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이
+                            pick했습니다!
+                        </p>
+                        <p><span>조회수</span>{{ company.view_cnt }}</p>
 
-                </div>
-            </section>
+                    </div>
+                </section>
 
-            <section class="mat-sec2-bt">
-                <button @click="goToPage2">목록</button>
-            </section>
+                <section class="mat-sec2-bt">
+                    <button @click="goToPage2">목록</button>
+                </section>
+            </div>
         </div>
     </div>
 

     mounted() {
         console.log('Matching mounted');
         this.companySelectOne();
+        this.getViewer(0);
+        this.getViewer(1);
+        this.getViewer(2);
     }
 }
 </script>

Add a comment

Open 0
Closed 0

List

...	...	@@ -19,14 +19,16 @@
19	19	<span v-else-if="post.ctgry_nm === 'WG3'" class="category-zone">(WG3)접근성/UDL</span>
20	20	<span v-else-if="post.ctgry_nm === 'WG4'" class="category-zone">(WG4)클라우드 보안인증</span>
21	21	<span v-else-if="post.ctgry_nm === 'WG5'" class="category-zone">(WG5)통합인증체계</span>
22		- <span v-else-if="post.ctgry_nm === 'WG6'" class="category-zone">(WG6)학습이력데이터/통합대시보드</span>
	22	+ <span v-else-if="post.ctgry_nm === 'WG6'"
	23	+ class="category-zone">(WG6)학습이력데이터/통합대시보드</span>
23	24	<span v-else-if="post.ctgry_nm === 'WG7'" class="category-zone">(WG7)AI 트레이닝 데이터</span>
24	25	<span v-else-if="post.ctgry_nm === 'WG8'" class="category-zone">(WG8)국가수준 학습분석</span>
25	26	<span v-else-if="post.ctgry_nm === 'WG9'" class="category-zone">(WG9)학교 인프라</span>
26	27	<span v-else-if="post.ctgry_nm === 'WG10'" class="category-zone">(WG10)서비스 품질관리</span>
27	28	<span v-else class="category-zone">(WG11)서비스 정책</span>
28	29	</p>
29		- <p class="flex-end write-info"><span class="writer">작성자</span>
	30	+ <p class="flex-end write-info">
	31	+ <span class="writer">작성자</span>
30	32	<span>{{ post.rgtr_id }}</span>
31	33	<span class="view">조회수</span>
32	34	<span>{{ post.view_cnt }}</span>
...	...	@@ -138,27 +140,27 @@
138	140	'file_id': vm.route.query.file_id,
139	141	'bbs_id': vm.route.query.bbs_id
140	142	}
141		- }).then(function (response) {
142		- vm.prevPost = response.data.postSelectOne.prevPost;
143		- vm.post = response.data.postSelectOne.post;
144		- vm.nextPost = response.data.postSelectOne.nextPost;
	143	+ }).then(function (response) {
	144	+ vm.prevPost = response.data.postSelectOne.prevPost;
	145	+ vm.post = response.data.postSelectOne.post;
	146	+ vm.nextPost = response.data.postSelectOne.nextPost;
145	147
146		- if (response.data.selectFileList.length != 0) {
147		- vm.fileList = response.data.selectFileList;
148		- }
149		- vm.getViewer(vm.post.post_content)
	148	+ if (response.data.selectFileList.length != 0) {
	149	+ vm.fileList = response.data.selectFileList;
	150	+ }
	151	+ vm.getViewer(vm.post.post_content)
150	152
151		- axios({
152		- url: '/statistics/postLogInsert.json',
153		- method: 'post',
154		- hearder: {
155		- 'Content-Type': "application/json; charset=UTF-8",
156		- },
157		- data: vm.post
158		- })
159		- }).catch(function (error) {
160		- console.log("error - ", error)
161		- alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
	153	+ axios({
	154	+ url: '/statistics/postLogInsert.json',
	155	+ method: 'post',
	156	+ hearder: {
	157	+ 'Content-Type': "application/json; charset=UTF-8",
	158	+ },
	159	+ data: vm.post
	160	+ })
	161	+ }).catch(function (error) {
	162	+ console.log("error - ", error)
	163	+ alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
162	164	})
163	165	},
164	166
...	...	@@ -223,7 +225,7 @@
223	225	'Content-Type': "application/json; charset=UTF-8",
224	226	},
225	227	data: item
226		- }).then(function(response){
	228	+ }).then(function (response) {
227	229	vm.$router.go(0);
228	230	})
229	231
...	...	@@ -255,9 +257,9 @@
255	257
256	258
257	259	vm.getViewer(vm.post.post_content)
258		- }).catch(function (error) {
259		- console.log("error - ", error)
260		- alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
	260	+ }).catch(function (error) {
	261	+ console.log("error - ", error)
	262	+ alert("게시글 상세보기 조회 오류, 관리자에게 문의하세요.");
261	263	})
262	264	},
263	265

...	...	@@ -1,6 +1,6 @@
1	1	<template>
2	2	<div class="w1400">
3		- <div class="data-detail-page">
	3	+ <div class="page">
4	4	<div class="page-logo flex-start">
5	5	<img src="../../../../resources/jpg/data-img-text.png" alt="">
6	6	<h1>자료집</h1>
...	...	@@ -14,9 +14,10 @@
14	14	<span class="category-zone" v-if="post.ctgry_nm === 'policy'">정책자료</span>
15	15	<span class="category-zone" v-else-if="post.ctgry_nm === 'research'">연구자료</span>
16	16	<span class="category-zone" v-else>가이드라인</span></p>
17		- <div class="flex-end">
18		- <p><span class="writer">작성자 </span><span>{{ post.rgtr_id }}</span></p>
19		- <p><span class="view">조회수 </span><span>{{ post.view_cnt }}</span></p></div>
	17	+ <div class="flex-end write-info">
	18	+ <p><span class="writer">작성자 </span><span>{{ post.rgtr_id }}</span>
	19	+ <span class="view">조회수 </span><span>{{ post.view_cnt }}</span></p>
	20	+ </div>
20	21	</td>
21	22	</tr>
22	23	<tr>

...	...	@@ -11,10 +11,10 @@
11	11	<tr>
12	12	<td class="title-zone" colspan="2">
13	13	<p><span class="post-title">{{ post.post_title }}</span></p>
14		- <div class="flex-end">
15		- <p> <span class="writer">작성자 </span><span> {{ post.rgtr_id }}</span></p>
16		- <p><span class="view">작성일자 </span><span> {{ yyyymmdd(post.reg_dt)}}</span></p>
17		- <p><span class="view">조회수 </span><span> {{ post.view_cnt }}</span></p>
	14	+ <div class="flex-end write-info">
	15	+ <p> <span class="writer">작성자 </span><span> {{ post.rgtr_id }}</span>
	16	+ <span class="view">작성일자 </span><span> {{ yyyymmdd(post.reg_dt)}}</span>
	17	+ <span class="view">조회수 </span><span> {{ post.view_cnt }}</span></p>
18	18	</div>
19	19	</td>
20	20	</tr>

...	...	@@ -17,73 +17,69 @@
17	17	<div class="matching-img">
18	18	<img src="../../../../resources/jpg/mat-img1.png" alt="">
19	19	</div>
20		-
21	20	</div>
22		-
23	21	</div>
24	22	</div>
25	23	</div>
26	24	</section>
27	25
28		- <div class="w1400">
29		- <div class="page-logo flex-start">
30		- <img src="../../../../resources/jpg/mat-img-d.png" alt="">
31		- <h1>회사소개</h1>
	26	+ <div class="page">
	27	+ <div class="w1400">
	28	+ <div class="page-logo flex-start">
	29	+ <img src="../../../../resources/jpg/mat-img-d.png" alt="">
	30	+ <h1>회사소개</h1>
32	31
33		- </div>
34		- <div class="matDtail-sec">
35		- <section class="mat-sec1">
36		- <h2> {{ company.company_nm }} <span v-if="best === 'best'">(BEST 기업)</span></h2>
37		- <div @click="downloadProfile()">
38		- <label for="dtaildown">회사소개서 다운로드</label>
39		- <i class="fa-solid fa-download" style="color: #ffffff;"></i>
40		- </div>
41		- </section>
	32	+ </div>
	33	+ <div class="matDtail-sec">
	34	+ <section class="mat-sec1">
	35	+ <h2> {{ company.company_nm }} <span v-if="best === 'best'">(BEST 기업)</span></h2>
	36	+ <div @click="downloadProfile()">
	37	+ <label for="dtaildown">회사소개서 다운로드</label>
	38	+ <i class="fa-solid fa-download" style="color: #ffffff;"></i>
	39	+ </div>
	40	+ </section>
42	41
43		- <!-- /상세내용 -->
44		- <section class="mat-sec2">
45		- <div class="info-sec-summary">
46		- <sapn class="info-th"></sapn>
47		- <details>
48		- <!-- <summary @click="getViewer(0)">기업소개</summary>
49		- <div>
50		- <span id="viewer1" ref="viewer1" class="viewer"></span>
51		- </div> -->
52		- <!-- </details> -->
53		- <summary @click="getViewer(0)">기업소개</summary>
54		- <div>
55		- <span id="viewer1" ref="viewer1" class="viewer"></span>
56		- </div>
57		- </details>
58		- <details>
59		- <summary @click="getViewer(1)">대표 기술 소개</summary>
60		- <div>
61		- <span id="viewer2" ref="viewer2" class="viewer"></span>
62		- </div>
63		- </details>
64		- <details>
65		- <summary @click="getViewer(2)">서비스 소개</summary>
66		- <div>
67		- <span id="viewer3" ref="viewer3" class="viewer"></span>
68		- </div>
69		- </details>
70		- </div>
71		- <div class="mat-sec2-end">
72		- <p>
	42	+ <!-- /상세내용 -->
	43	+ <section class="mat-sec2">
	44	+ <div class="info-sec-summary">
	45	+ <sapn class="info-th"></sapn>
	46	+ <details>
	47	+ <summary @click="getViewer(0)">기업소개</summary>
	48	+ <div>
	49	+ <span id="viewer1" ref="viewer1" class="viewer"></span>
	50	+ </div>
	51	+ </details>
	52	+ <details>
	53	+ <summary @click="getViewer(1)">대표 기술 소개</summary>
	54	+ <div>
	55	+ <span id="viewer2" ref="viewer2" class="viewer"></span>
	56	+ </div>
	57	+ </details>
	58	+ <details>
	59	+ <summary @click="getViewer(2)">서비스 소개</summary>
	60	+ <div>
	61	+ <span id="viewer3" ref="viewer3" class="viewer"></span>
	62	+ </div>
	63	+ </details>
	64	+ </div>
	65	+ <div class="mat-sec2-end">
	66	+ <p>
73	67
74		- <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
75		- @click="pickConfirm()"></i>
76		- <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
77		- <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이 pick했습니다!
78		- </p>
79		- <p><span>조회수</span>{{ company.view_cnt }}</p>
	68	+ <i v-if="!company.pick_yn" class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"
	69	+ @click="pickConfirm()"></i>
	70	+ <i v-else class="fa fa-heart fa-lg" style="color: #d41515;" @click="pickCancelModal()"></i>
	71	+ <span id="pickBtn" @click="openPickListMadal">{{ company.company_pick_cnt }}개</span>의 기업이
	72	+ pick했습니다!
	73	+ </p>
	74	+ <p><span>조회수</span>{{ company.view_cnt }}</p>
80	75
81		- </div>
82		- </section>
	76	+ </div>
	77	+ </section>
83	78
84		- <section class="mat-sec2-bt">
85		- <button @click="goToPage2">목록</button>
86		- </section>
	79	+ <section class="mat-sec2-bt">
	80	+ <button @click="goToPage2">목록</button>
	81	+ </section>
	82	+ </div>
87	83	</div>
88	84	</div>
89	85
...	...	@@ -378,6 +374,9 @@
378	374	mounted() {
379	375	console.log('Matching mounted');
380	376	this.companySelectOne();
	377	+ this.getViewer(0);
	378	+ this.getViewer(1);
	379	+ this.getViewer(2);
381	380	}
382	381	}
383	382	</script>

Delete comment