Commit @87cc70b0c5db270febc6f468ecc3e69bfecc930d

kimgkdud898 2023-11-17

231117김하영

@87cc70b0c5db270febc6f468ecc3e69bfecc930d

160be7b

87cc70b

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


 
 .data-bos-btn1 p {
   color: #014099;
+  text-align: left;
 }
 
 .data-bos-btn2 p {

160be7b

87cc70b

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


     /* padding-left: 5/0%; */
   }
 
-  td:before {
+  .list-table td:before {
     position: absolute;
     top: 6px;
     left: 6px;

     white-space: nowrap;
   }
 
-  td:nth-of-type(1):before {
+  .list-table td:nth-of-type(1):before {
     content: "NO";
   }
-  td:nth-of-type(2):before {
+  .list-table td:nth-of-type(2):before {
     content: "카테고리";
   }
-  td:nth-of-type(3):before {
+  .list-table td:nth-of-type(3):before {
     content: "제목";
   }
-  td:nth-of-type(4):before {
+  .list-table td:nth-of-type(4):before {
     content: "작성자";
   }
-  td:nth-of-type(5):before {
+  .list-table td:nth-of-type(5):before {
     content: "작성일자";
   }
-  td:nth-of-type(6):before {
+  .list-table td:nth-of-type(6):before {
     content: "조회수";
   }
   .data-table-tr td:nth-child(2) {

   .tech-box-sec-h3 h3 {
     font-size: 1.5rem;
   }
+
   /* 자료집 */
   .data-banner {
     grid-template-columns: 1fr;

   .data-bos-btn3 {
     padding: 1rem;
     background: none;
+  }
+  .data-bos-btn1 p {
+    text-align: center;
   }
   .data-bos-btn1::after,
   .data-bos-btn2::after,

     grid-template-columns: 1fr;
   }
 
-  td:nth-of-type(1):before {
+  .list-table td:nth-of-type(1):before {
     content: "NO";
   }
-  td:nth-of-type(2):before {
+  .list-table td:nth-of-type(2):before {
     content: "제목";
   }
-  td:nth-of-type(3):before {
+  .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
-  td:nth-of-type(4):before {
+  .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
-  td:nth-of-type(5):before {
+  .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
   /* 회원정보 */

     /* padding-left: 5/0%; */
   }
 
-  td:before {
+  .list-table td:before {
     position: absolute;
     top: 6px;
     left: 6px;

     white-space: nowrap;
   }
 
-  td:nth-of-type(1):before {
+  .list-table td:nth-of-type(1):before {
     content: "NO";
   }
-  td:nth-of-type(2):before {
+  .list-table td:nth-of-type(2):before {
     content: "제목";
   }
-  td:nth-of-type(3):before {
+  .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
-  td:nth-of-type(4):before {
+  .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
-  td:nth-of-type(5):before {
+  .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
   .data-table-tr td:nth-child(2) {

   .main-notice-top2 {
     width: 200px;
   }
+
+  .board-title {
+    width: 100%;
+    text-align: right;
+  }
 }
 
 @media all and (min-width: 767px) and (max-width: 1023px) {

     /* padding-left: 5/0%; */
   }
 
-  td:before {
+  .list-table td:before {
     position: absolute;
     top: 6px;
     left: 6px;

     white-space: nowrap;
   }
 
-  td:nth-of-type(1):before {
+  .list-table td:nth-of-type(1):before {
     content: "NO";
   }
-  td:nth-of-type(2):before {
+  .list-table td:nth-of-type(2):before {
     content: "제목";
   }
-  td:nth-of-type(3):before {
+  .list-table td:nth-of-type(3):before {
     content: "작성자";
   }
-  td:nth-of-type(4):before {
+  .list-table td:nth-of-type(4):before {
     content: "작성일자";
   }
-  td:nth-of-type(5):before {
+  .list-table td:nth-of-type(5):before {
     content: "조회수";
   }
   .data-table-tr td:nth-child(2) {

   .main-notice-top2 {
     width: 200px;
   }
+  .board-title {
+    width: 100%;
+    text-align: right;
+  }
 }
 /* 노트북 */
 @media all and (min-width: 1024px) and (max-width: 1366px) {

160be7b

87cc70b

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

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

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


                         </div>
                     </div>
                     <div class="data-table-tr">
-                        <table>
+                        <table class="list-table">
                             <th style="width:5%">no</th>
                             <th style="width:15%">카테고리</th>
                             <th style="width:45%">제목</th>

                                 <td v-if="item.ctgry_nm === 'policy'"><span class="category-zone">정책자료</span></td>
                                 <td v-else-if="item.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
                                 <td v-else><span class="category-zone">가이드라인</span></td>
-                                <td><p class="board-title">{{ item.post_title }}</p></td>
+                                <td>
+                                    <p class="board-title">{{ item.post_title }}</p>
+                                </td>
                                 <td>{{ item.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(item.reg_dt) }}</td>
                                 <td>{{ item.view_cnt }}</td>

             return COMMON_UTIL.yyyymmdd(date);
         },
 
-         //게시글 상세조회 페이지로 이동
-         postSelectOnePage: function (item) {
+        //게시글 상세조회 페이지로 이동
+        postSelectOnePage: function (item) {
             const vm = this;
 
             axios({

                 },
                 data: { 'post_id': item.post_id, 'bbs_id': item.bbs_id }
             }).then(function (response) {
-                if(response.data > 0 ) {
+                if (response.data > 0) {
                     vm.$router.push({ path: '/DataDtali.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
                 } else {
                     alert("자료집 상세보기 오류")
                 }
-                
+
             }).catch(function (error) {
                 alert("자료집 상세보기 오류, 관리자에게 문의바랍니다.");
             })

         PaginationButton: PaginationButton,
     },
     created() {
-        if(this.route.query.type != undefined) {
+        if (this.route.query.type != undefined) {
             this.buttons[2].clicked = true;
             this.categoryName = '가이드라인'
             this.postListSearch.ctgry_nm = 'guide'

160be7b

87cc70b

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

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

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


                 </div>
                 <div class="noti-sec">
                     <div class="noti-sec-table">
-                        <table>
+                        <table class="list-table">
                             <th style="width:5%">no</th>
                             <th style="width:55%">제목</th>
                             <th style="width:10%">작성자</th>

                             <th style="width:10%">조회수</th>
                             <tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
                                 <td>{{ postIdx - idx }}</td>
-                                <td><p class="board-title">{{ item.post_title }}</p></td>
+                                <td>
+                                    <p class="board-title">{{ item.post_title }}</p>
+                                </td>
                                 <td>{{ item.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(item.reg_dt) }}</td>
                                 <td>{{ item.view_cnt }}</td>

160be7b

87cc70b

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

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

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


                 },
                 data: { 'post_id': item.post_id, 'bbs_id': item.bbs_id }
             }).then(function (response) {
-                if(response.data > 0 ){
+                if (response.data > 0) {
                     vm.$router.push({ path: '/WgcommunityOne.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
                 } else {
                     alert("전문가 협의체 상세보기 오류")
                 }
-                
+
             }).catch(function (error) {
                 alert("전문가 협의체 상세보기 오류, 관리자에게 문의바랍니다.");
             })
-            
+
         },
     },
     components: {

Add a comment

Open 0
Closed 0

List

...	...	@@ -1124,6 +1124,7 @@
1124	1124
1125	1125	.data-bos-btn1 p {
1126	1126	color: #014099;
	1127	+ text-align: left;
1127	1128	}
1128	1129
1129	1130	.data-bos-btn2 p {

...	...	@@ -45,7 +45,7 @@
45	45	/* padding-left: 5/0%; */
46	46	}
47	47
48		- td:before {
	48	+ .list-table td:before {
49	49	position: absolute;
50	50	top: 6px;
51	51	left: 6px;
...	...	@@ -56,22 +56,22 @@
56	56	white-space: nowrap;
57	57	}
58	58
59		- td:nth-of-type(1):before {
	59	+ .list-table td:nth-of-type(1):before {
60	60	content: "NO";
61	61	}
62		- td:nth-of-type(2):before {
	62	+ .list-table td:nth-of-type(2):before {
63	63	content: "카테고리";
64	64	}
65		- td:nth-of-type(3):before {
	65	+ .list-table td:nth-of-type(3):before {
66	66	content: "제목";
67	67	}
68		- td:nth-of-type(4):before {
	68	+ .list-table td:nth-of-type(4):before {
69	69	content: "작성자";
70	70	}
71		- td:nth-of-type(5):before {
	71	+ .list-table td:nth-of-type(5):before {
72	72	content: "작성일자";
73	73	}
74		- td:nth-of-type(6):before {
	74	+ .list-table td:nth-of-type(6):before {
75	75	content: "조회수";
76	76	}
77	77	.data-table-tr td:nth-child(2) {
...	...	@@ -273,6 +273,7 @@
273	273	.tech-box-sec-h3 h3 {
274	274	font-size: 1.5rem;
275	275	}
	276	+
276	277	/* 자료집 */
277	278	.data-banner {
278	279	grid-template-columns: 1fr;
...	...	@@ -294,6 +295,9 @@
294	295	.data-bos-btn3 {
295	296	padding: 1rem;
296	297	background: none;
	298	+ }
	299	+ .data-bos-btn1 p {
	300	+ text-align: center;
297	301	}
298	302	.data-bos-btn1::after,
299	303	.data-bos-btn2::after,
...	...	@@ -468,19 +472,19 @@
468	472	grid-template-columns: 1fr;
469	473	}
470	474
471		- td:nth-of-type(1):before {
	475	+ .list-table td:nth-of-type(1):before {
472	476	content: "NO";
473	477	}
474		- td:nth-of-type(2):before {
	478	+ .list-table td:nth-of-type(2):before {
475	479	content: "제목";
476	480	}
477		- td:nth-of-type(3):before {
	481	+ .list-table td:nth-of-type(3):before {
478	482	content: "작성자";
479	483	}
480		- td:nth-of-type(4):before {
	484	+ .list-table td:nth-of-type(4):before {
481	485	content: "작성일자";
482	486	}
483		- td:nth-of-type(5):before {
	487	+ .list-table td:nth-of-type(5):before {
484	488	content: "조회수";
485	489	}
486	490	/* 회원정보 */
...	...	@@ -772,7 +776,7 @@
772	776	/* padding-left: 5/0%; */
773	777	}
774	778
775		- td:before {
	779	+ .list-table td:before {
776	780	position: absolute;
777	781	top: 6px;
778	782	left: 6px;
...	...	@@ -783,19 +787,19 @@
783	787	white-space: nowrap;
784	788	}
785	789
786		- td:nth-of-type(1):before {
	790	+ .list-table td:nth-of-type(1):before {
787	791	content: "NO";
788	792	}
789		- td:nth-of-type(2):before {
	793	+ .list-table td:nth-of-type(2):before {
790	794	content: "제목";
791	795	}
792		- td:nth-of-type(3):before {
	796	+ .list-table td:nth-of-type(3):before {
793	797	content: "작성자";
794	798	}
795		- td:nth-of-type(4):before {
	799	+ .list-table td:nth-of-type(4):before {
796	800	content: "작성일자";
797	801	}
798		- td:nth-of-type(5):before {
	802	+ .list-table td:nth-of-type(5):before {
799	803	content: "조회수";
800	804	}
801	805	.data-table-tr td:nth-child(2) {
...	...	@@ -1121,6 +1125,11 @@
1121	1125	.main-notice-top2 {
1122	1126	width: 200px;
1123	1127	}
	1128	+
	1129	+ .board-title {
	1130	+ width: 100%;
	1131	+ text-align: right;
	1132	+ }
1124	1133	}
1125	1134
1126	1135	@media all and (min-width: 767px) and (max-width: 1023px) {
...	...	@@ -1170,7 +1179,7 @@
1170	1179	/* padding-left: 5/0%; */
1171	1180	}
1172	1181
1173		- td:before {
	1182	+ .list-table td:before {
1174	1183	position: absolute;
1175	1184	top: 6px;
1176	1185	left: 6px;
...	...	@@ -1181,19 +1190,19 @@
1181	1190	white-space: nowrap;
1182	1191	}
1183	1192
1184		- td:nth-of-type(1):before {
	1193	+ .list-table td:nth-of-type(1):before {
1185	1194	content: "NO";
1186	1195	}
1187		- td:nth-of-type(2):before {
	1196	+ .list-table td:nth-of-type(2):before {
1188	1197	content: "제목";
1189	1198	}
1190		- td:nth-of-type(3):before {
	1199	+ .list-table td:nth-of-type(3):before {
1191	1200	content: "작성자";
1192	1201	}
1193		- td:nth-of-type(4):before {
	1202	+ .list-table td:nth-of-type(4):before {
1194	1203	content: "작성일자";
1195	1204	}
1196		- td:nth-of-type(5):before {
	1205	+ .list-table td:nth-of-type(5):before {
1197	1206	content: "조회수";
1198	1207	}
1199	1208	.data-table-tr td:nth-child(2) {
...	...	@@ -1374,6 +1383,10 @@
1374	1383	.main-notice-top2 {
1375	1384	width: 200px;
1376	1385	}
	1386	+ .board-title {
	1387	+ width: 100%;
	1388	+ text-align: right;
	1389	+ }
1377	1390	}
1378	1391	/* 노트북 */
1379	1392	@media all and (min-width: 1024px) and (max-width: 1366px) {

...	...	@@ -62,7 +62,7 @@
62	62	</div>
63	63	</div>
64	64	<div class="data-table-tr">
65		- <table>
	65	+ <table class="list-table">
66	66	<th style="width:5%">no</th>
67	67	<th style="width:15%">카테고리</th>
68	68	<th style="width:45%">제목</th>
...	...	@@ -74,7 +74,9 @@
74	74	<td v-if="item.ctgry_nm === 'policy'"><span class="category-zone">정책자료</span></td>
75	75	<td v-else-if="item.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
76	76	<td v-else><span class="category-zone">가이드라인</span></td>
77		- <td><p class="board-title">{{ item.post_title }}</p></td>
	77	+ <td>
	78	+ <p class="board-title">{{ item.post_title }}</p>
	79	+ </td>
78	80	<td>{{ item.rgtr_id }}</td>
79	81	<td>{{ yyyymmdd(item.reg_dt) }}</td>
80	82	<td>{{ item.view_cnt }}</td>
...	...	@@ -193,8 +195,8 @@
193	195	return COMMON_UTIL.yyyymmdd(date);
194	196	},
195	197
196		- //게시글 상세조회 페이지로 이동
197		- postSelectOnePage: function (item) {
	198	+ //게시글 상세조회 페이지로 이동
	199	+ postSelectOnePage: function (item) {
198	200	const vm = this;
199	201
200	202	axios({
...	...	@@ -205,12 +207,12 @@
205	207	},
206	208	data: { 'post_id': item.post_id, 'bbs_id': item.bbs_id }
207	209	}).then(function (response) {
208		- if(response.data > 0 ) {
	210	+ if (response.data > 0) {
209	211	vm.$router.push({ path: '/DataDtali.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
210	212	} else {
211	213	alert("자료집 상세보기 오류")
212	214	}
213		-
	215	+
214	216	}).catch(function (error) {
215	217	alert("자료집 상세보기 오류, 관리자에게 문의바랍니다.");
216	218	})
...	...	@@ -226,7 +228,7 @@
226	228	PaginationButton: PaginationButton,
227	229	},
228	230	created() {
229		- if(this.route.query.type != undefined) {
	231	+ if (this.route.query.type != undefined) {
230	232	this.buttons[2].clicked = true;
231	233	this.categoryName = '가이드라인'
232	234	this.postListSearch.ctgry_nm = 'guide'

...	...	@@ -176,16 +176,16 @@
176	176	},
177	177	data: { 'post_id': item.post_id, 'bbs_id': item.bbs_id }
178	178	}).then(function (response) {
179		- if(response.data > 0 ){
	179	+ if (response.data > 0) {
180	180	vm.$router.push({ path: '/WgcommunityOne.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
181	181	} else {
182	182	alert("전문가 협의체 상세보기 오류")
183	183	}
184		-
	184	+
185	185	}).catch(function (error) {
186	186	alert("전문가 협의체 상세보기 오류, 관리자에게 문의바랍니다.");
187	187	})
188		-
	188	+
189	189	},
190	190	},
191	191	components: {

...	...	@@ -22,7 +22,7 @@
22	22	</div>
23	23	<div class="noti-sec">
24	24	<div class="noti-sec-table">
25		- <table>
	25	+ <table class="list-table">
26	26	<th style="width:5%">no</th>
27	27	<th style="width:55%">제목</th>
28	28	<th style="width:10%">작성자</th>
...	...	@@ -30,7 +30,9 @@
30	30	<th style="width:10%">조회수</th>
31	31	<tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
32	32	<td>{{ postIdx - idx }}</td>
33		- <td><p class="board-title">{{ item.post_title }}</p></td>
	33	+ <td>
	34	+ <p class="board-title">{{ item.post_title }}</p>
	35	+ </td>
34	36	<td>{{ item.rgtr_id }}</td>
35	37	<td>{{ yyyymmdd(item.reg_dt) }}</td>
36	38	<td>{{ item.view_cnt }}</td>

Delete comment