Commit @c3ce08710ce49f855a825f803909b82b97e87fee

kimgkdud898 2023-11-20

231120김하영

@c3ce08710ce49f855a825f803909b82b97e87fee

63e045f

c3ce087

client/resources/css/Main.css

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

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


 .modal-content-box {
   text-align: left;
   padding: 3rem 0;
-  height: 250px;
   overflow-y: auto;
+  margin-bottom: 2rem;
+  min-height: 250px;
+  max-height: 500px;
 }
 
 .modal-content-box > p {

   background-color: #f9f9f9;
   transform: translate(-50%, -50%);
   box-shadow: 2px 2px 5px #86868644;
-  width: 40%;
+  width: 50%;
   margin: 0 auto;
 }
 

63e045f

c3ce087

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

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

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


                                 <td class="board-title pen-nib-icon" :class="{ 'first-row': notice.notice_yn === 'Y' }">
                                     <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
                                 </td>
-                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-if="notice.ctgry_nm === 'policy'"><span
-                                        class="category-zone">정책자료</span></td>
-                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else-if="notice.ctgry_nm === 'research'"><span
-                                        class="category-zone">연구자료</span></td>
-                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else><span class="category-zone">가이드라인</span></td>
-                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }"> {{ notice.post_title }} </td>
+                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-if="notice.ctgry_nm === 'policy'">
+                                    <span class="category-zone">정책자료</span>
+                                </td>
+                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }"
+                                    v-else-if="notice.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
+                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else><span
+                                        class="category-zone">가이드라인</span></td>
+                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }">
+                                    <p class="board-title">{{
+                                        notice.post_title }} </p>
+                                </td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.view_cnt }}</td>
                             </tr>
                             <tr v-for="(post, pIdx) in postList" :key="pIdx" @click="postSelectOnePage(post)">
-                                <td >{{ postIdx - pIdx }}</td>
-                                <td v-if="post.ctgry_nm === 'policy'"><span
-                                        class="category-zone">정책자료</span></td>
-                                <td v-else-if="post.ctgry_nm === 'research'"><span
-                                        class="category-zone">연구자료</span></td>
+                                <td>{{ postIdx - pIdx }}</td>
+                                <td v-if="post.ctgry_nm === 'policy'"><span class="category-zone">정책자료</span></td>
+                                <td v-else-if="post.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
                                 <td v-else><span class="category-zone">가이드라인</span></td>
-                                <td> {{ post.post_title }} </td>
+                                <td>
+                                    <p class="board-title">{{ post.post_title }} </p>
+                                </td>
                                 <td>{{ post.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(post.reg_dt) }}</td>
                                 <td>{{ post.view_cnt }}</td>

                 sort: 'dt'
             },
             postList: [],
-            postNoticeList:[],
+            postNoticeList: [],
             postListCount: 0,
             postIdx: 0,
             categoryName: '전체',
             route: useRoute(),
             // 최신순 조회순
-            sorts: [ { name: '최신순', value: 'dt'}, 
-                     { name: '조회수순', value: 'view'}],
+            sorts: [{ name: '최신순', value: 'dt' },
+            { name: '조회수순', value: 'view' }],
             activeIndex: 0,
 
             // 자료실 버튼

63e045f

c3ce087

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

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

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


             <div v-show="isModalOpen" class="modal">
                 <div class="modal-content">
                     <div ref="modalInner"></div>
-
                     <div class="modal-content-box" v-if="modalItem">
                         <p class="modal-news-title">{{ modalItem.post_title }}</p>
                         <p v-if="realContent" v-html="realContent"></p>
                         <div class="flex-align-start">
                             <p class="file-zone-title" v-if="realFileList && realFileList.length > 0">첨부파일</p>
                             <ul v-if="realFileList">
-                                <li v-for="(file, idx) in realFileList" :key="idx" @click="downloadFile(file)">{{
-                                    file.real_file_nm }}</li>
+                                <li v-for="(     file, idx     ) in      realFileList     " :key="idx"
+                                    @click="downloadFile(file)">{{
+                                        file.real_file_nm }}</li>
                             </ul>
                         </div>
                     </div>

             fileList: [],
             realFileList: [],
             // 최신순 조회순
-            sorts: [ { name: '최신순', value: 'dt'}, 
-                     { name: '조회수순', value: 'view'}],
+            sorts: [{ name: '최신순', value: 'dt' },
+            { name: '조회수순', value: 'view' }],
             activeIndex: 0,
         }
     },

63e045f

c3ce087

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

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

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


                                 <td class="board-title pen-nib-icon" :class="{ 'first-row': notice.notice_yn === 'Y' }">
                                     <i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
                                 </td>
-                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }"> {{ notice.post_title }} </td>
+                                <td :class="{ 'first-row': notice.notice_yn === 'Y' }" class="board-title"> {{
+                                    notice.post_title }} </td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
                                 <td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.view_cnt }}</td>
                             </tr>
                             <tr v-for="(post, pIdx) in postList" :key="pIdx" @click="postSelectOnePage(post)">
                                 <td>{{ postIdx - pIdx }}</td>
-                                <td>{{ post.post_title }}</td>
+                                <td class="board-title">{{ post.post_title }}</td>
                                 <td>{{ post.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(post.reg_dt) }}</td>
                                 <td>{{ post.view_cnt }}</td>

                 sort: 'dt'
             },
             postList: [],
-            postNoticeList:[],
+            postNoticeList: [],
             postListCount: 0,
             postIdx: 0,
             // 최신순 조회순
-            sorts: [ { name: '최신순', value: 'dt'}, 
-                     { name: '조회수순', value: 'view'}],
+            sorts: [{ name: '최신순', value: 'dt' },
+            { name: '조회수순', value: 'view' }],
             activeIndex: 0,
         }
     },

Add a comment

Open 0
Closed 0

List

...	...	@@ -77,8 +77,10 @@
77	77	.modal-content-box {
78	78	text-align: left;
79	79	padding: 3rem 0;
80		- height: 250px;
81	80	overflow-y: auto;
	81	+ margin-bottom: 2rem;
	82	+ min-height: 250px;
	83	+ max-height: 500px;
82	84	}
83	85
84	86	.modal-content-box > p {
...	...	@@ -1137,7 +1139,7 @@
1137	1139	background-color: #f9f9f9;
1138	1140	transform: translate(-50%, -50%);
1139	1141	box-shadow: 2px 2px 5px #86868644;
1140		- width: 40%;
	1142	+ width: 50%;
1141	1143	margin: 0 auto;
1142	1144	}
1143	1145

...	...	@@ -81,24 +81,29 @@
81	81	<td class="board-title pen-nib-icon" :class="{ 'first-row': notice.notice_yn === 'Y' }">
82	82	<i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
83	83	</td>
84		- <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-if="notice.ctgry_nm === 'policy'"><span
85		- class="category-zone">정책자료</span></td>
86		- <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else-if="notice.ctgry_nm === 'research'"><span
87		- class="category-zone">연구자료</span></td>
88		- <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else><span class="category-zone">가이드라인</span></td>
89		- <td :class="{ 'first-row': notice.notice_yn === 'Y' }"> {{ notice.post_title }} </td>
	84	+ <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-if="notice.ctgry_nm === 'policy'">
	85	+ <span class="category-zone">정책자료</span>
	86	+ </td>
	87	+ <td :class="{ 'first-row': notice.notice_yn === 'Y' }"
	88	+ v-else-if="notice.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
	89	+ <td :class="{ 'first-row': notice.notice_yn === 'Y' }" v-else><span
	90	+ class="category-zone">가이드라인</span></td>
	91	+ <td :class="{ 'first-row': notice.notice_yn === 'Y' }">
	92	+ <p class="board-title">{{
	93	+ notice.post_title }} </p>
	94	+ </td>
90	95	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
91	96	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
92	97	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.view_cnt }}</td>
93	98	</tr>
94	99	<tr v-for="(post, pIdx) in postList" :key="pIdx" @click="postSelectOnePage(post)">
95		- <td >{{ postIdx - pIdx }}</td>
96		- <td v-if="post.ctgry_nm === 'policy'"><span
97		- class="category-zone">정책자료</span></td>
98		- <td v-else-if="post.ctgry_nm === 'research'"><span
99		- class="category-zone">연구자료</span></td>
	100	+ <td>{{ postIdx - pIdx }}</td>
	101	+ <td v-if="post.ctgry_nm === 'policy'"><span class="category-zone">정책자료</span></td>
	102	+ <td v-else-if="post.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
100	103	<td v-else><span class="category-zone">가이드라인</span></td>
101		- <td> {{ post.post_title }} </td>
	104	+ <td>
	105	+ <p class="board-title">{{ post.post_title }} </p>
	106	+ </td>
102	107	<td>{{ post.rgtr_id }}</td>
103	108	<td>{{ yyyymmdd(post.reg_dt) }}</td>
104	109	<td>{{ post.view_cnt }}</td>
...	...	@@ -138,14 +143,14 @@
138	143	sort: 'dt'
139	144	},
140	145	postList: [],
141		- postNoticeList:[],
	146	+ postNoticeList: [],
142	147	postListCount: 0,
143	148	postIdx: 0,
144	149	categoryName: '전체',
145	150	route: useRoute(),
146	151	// 최신순 조회순
147		- sorts: [ { name: '최신순', value: 'dt'},
148		- { name: '조회수순', value: 'view'}],
	152	+ sorts: [{ name: '최신순', value: 'dt' },
	153	+ { name: '조회수순', value: 'view' }],
149	154	activeIndex: 0,
150	155
151	156	// 자료실 버튼

...	...	@@ -41,15 +41,15 @@
41	41	<div v-show="isModalOpen" class="modal">
42	42	<div class="modal-content">
43	43	<div ref="modalInner"></div>
44		-
45	44	<div class="modal-content-box" v-if="modalItem">
46	45	<p class="modal-news-title">{{ modalItem.post_title }}</p>
47	46	<p v-if="realContent" v-html="realContent"></p>
48	47	<div class="flex-align-start">
49	48	<p class="file-zone-title" v-if="realFileList && realFileList.length > 0">첨부파일</p>
50	49	<ul v-if="realFileList">
51		- <li v-for="(file, idx) in realFileList" :key="idx" @click="downloadFile(file)">{{
52		- file.real_file_nm }}</li>
	50	+ <li v-for="( file, idx ) in realFileList " :key="idx"
	51	+ @click="downloadFile(file)">{{
	52	+ file.real_file_nm }}</li>
53	53	</ul>
54	54	</div>
55	55	</div>
...	...	@@ -87,8 +87,8 @@
87	87	fileList: [],
88	88	realFileList: [],
89	89	// 최신순 조회순
90		- sorts: [ { name: '최신순', value: 'dt'},
91		- { name: '조회수순', value: 'view'}],
	90	+ sorts: [{ name: '최신순', value: 'dt' },
	91	+ { name: '조회수순', value: 'view' }],
92	92	activeIndex: 0,
93	93	}
94	94	},

...	...	@@ -41,14 +41,15 @@
41	41	<td class="board-title pen-nib-icon" :class="{ 'first-row': notice.notice_yn === 'Y' }">
42	42	<i class="fas fa-thumbtack" v-if="notice.notice_yn === 'Y'"></i>
43	43	</td>
44		- <td :class="{ 'first-row': notice.notice_yn === 'Y' }"> {{ notice.post_title }} </td>
	44	+ <td :class="{ 'first-row': notice.notice_yn === 'Y' }" class="board-title"> {{
	45	+ notice.post_title }} </td>
45	46	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.rgtr_id }}</td>
46	47	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ yyyymmdd(notice.reg_dt) }}</td>
47	48	<td :class="{ 'first-row': notice.notice_yn === 'Y' }">{{ notice.view_cnt }}</td>
48	49	</tr>
49	50	<tr v-for="(post, pIdx) in postList" :key="pIdx" @click="postSelectOnePage(post)">
50	51	<td>{{ postIdx - pIdx }}</td>
51		- <td>{{ post.post_title }}</td>
	52	+ <td class="board-title">{{ post.post_title }}</td>
52	53	<td>{{ post.rgtr_id }}</td>
53	54	<td>{{ yyyymmdd(post.reg_dt) }}</td>
54	55	<td>{{ post.view_cnt }}</td>
...	...	@@ -84,12 +85,12 @@
84	85	sort: 'dt'
85	86	},
86	87	postList: [],
87		- postNoticeList:[],
	88	+ postNoticeList: [],
88	89	postListCount: 0,
89	90	postIdx: 0,
90	91	// 최신순 조회순
91		- sorts: [ { name: '최신순', value: 'dt'},
92		- { name: '조회수순', value: 'view'}],
	92	+ sorts: [{ name: '최신순', value: 'dt' },
	93	+ { name: '조회수순', value: 'view' }],
93	94	activeIndex: 0,
94	95	}
95	96	},

Delete comment