Commit @ec1a8887926e365d014abe474f8c3cd72933b33b

ae8ab4d

ec1a888

client/resources/css/Main.css

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

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


 }
 
 .data-btn-wrap {
-  padding: 4rem 0 2rem !important;
+  padding: 4rem 0 0 !important;
 }
 
 .data-b {

   overflow: hidden;
   text-align: left;
 }
+
+/* 게시글 상단고정 css */
+.pen-nib-icon .fa-thumbtack {
+  transform: rotate(-20deg);
+  color: #007aff;
+}

ae8ab4d

ec1a888

client/views/layout/Header.vue

--- client/views/layout/Header.vue

+++ client/views/layout/Header.vue


 <template>
     <div class="header">
         <div class="w1400">
-            <!-- <ul class="flex-end ">
+            <ul class="flex-end ">
                 <li class="name" v-if="store.state.loginUser != null">
-                    <p v-if="store.state.loginUser.user_auth === 'company'">{{ store.state.loginUser.company_nm}} <span>님</span></p>
-                    <p v-else>{{ store.state.loginUser.user_id}} <span>님</span></p>
+                    <p v-if="store.state.loginUser.user_auth === 'company'">{{ store.state.loginUser.company_nm }}
+                        <span>님</span></p>
+                    <p v-else>{{ store.state.loginUser.user_id }} <span>님</span></p>
                 </li>
                 <li class="login" v-if="store.state.loginUser === null">
                     <router-link to="/Login.page"><i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>

                     로그아웃
                 </li>
                 <li class="join" v-if="store.state.loginUser === null">
-                    <router-link to="/Join.page"> <i class="fa-solid fa-user-plus fa-lg"
-                            style="color: #ffffff;"></i> 회원가입</router-link>
+                    <router-link to="/Join.page"> <i class="fa-solid fa-user-plus fa-lg" style="color: #ffffff;"></i>
+                        회원가입</router-link>
                 </li>
-            </ul> -->
+            </ul>
             <!-- <Menu class="menu" :isActive="isActive"></Menu> -->
         </div>
     </div>

ae8ab4d

ec1a888

client/views/layout/Menu.vue

--- client/views/layout/Menu.vue

+++ client/views/layout/Menu.vue


                         // { text: "협력 기업", link: "" }
                     ]
                 },
-                // {
-                //     text: "마이페이지",
-                //     link: "/Info.page",
-                //     isHovered: false,
-                //     subMenu: [
-                //         { text: "내 정보 수정", link: "/Info.page" },
-                //         { text: "매칭 관리", link: "/MatchingManager.page" }
-                //     ]
-                // }
+                {
+                    text: "마이페이지",
+                    link: "/Info.page",
+                    isHovered: false,
+                    subMenu: [
+                        { text: "내 정보 수정", link: "/Info.page" },
+                        { text: "매칭 관리", link: "/MatchingManager.page" }
+                    ]
+                }
             ]
         };
     },

ae8ab4d

ec1a888

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

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

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


                                         @click="postSelectList()">
                                 </div>
                             </div>
+                            <div class="sort-wrap" style="grid-column: 1 / span 2;">
+                                <ul class="flex-end">
+                                    <li>최신순</li>
+                                    <li>조회수순</li>
+                                </ul>
+                            </div>
                         </div>
                     </div>
                     <div class="data-table-tr">

                                 <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>
+                                    <p class="board-title pen-nib-icon"> <i class="fas fa-thumbtack" v-if="idx === 0"></i>{{
+                                        item.post_title }}</p>
                                 </td>
                                 <td>{{ item.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(item.reg_dt) }}</td>

ae8ab4d

ec1a888

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

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

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


                     <img src="../../../../resources/jpg/tech-logo.png" alt="">
                     <h1>기술문서</h1>
                 </div>
+                <div class="sort-wrap" style="grid-column: 1 / span 2;">
+                    <ul class="flex-end">
+                        <li>최신순</li>
+                        <li>조회수순</li>
+                    </ul>
+                </div>
                 <ul class="tech-bos">
                     <li class="tech-box-sec" v-for="(item, idx) in postList" :key="idx">
                         <div class="tech-box-sec-h3">

                         </div>
                         <div>
                             <p class="keyword-zone">
-                                <span v-for="(keyword, keywordIndex) in item.tech_doc_keyword.split(',')" :key="keywordIndex">
-                                {{ keyword }}
-                                </span>    
+                                <span v-for="(keyword, keywordIndex) in item.tech_doc_keyword.split(',')"
+                                    :key="keywordIndex">
+                                    {{ keyword }}
+                                </span>
                             </p>
                             <div class="flex">
                                 <p class="date">{{ yyyymmdd(item.reg_dt) }}</p>

                 },
                 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: '/TechnologyOne.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
                 } else {
                     alert("기술문서 상세보기 오류")
                 }
-                
+
             }).catch(function (error) {
                 alert("기술문서 상세보기 오류, 관리자에게 문의바랍니다.");
             })
-            
+
         },
 
         postSelectList: function () {

             return COMMON_UTIL.yyyymmdd(date);
         },
 
-        showAlert: function() {
+        showAlert: function () {
             alert('준비중입니다.')
         },
     },

ae8ab4d

ec1a888

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

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

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


                     <img src="../../../../resources/jpg/info-logo.png" alt="홍보뉴스 아이콘">
                     <h1>홍보/뉴스</h1>
                 </div>
+                <div class="sort-wrap" style="grid-column: 1 / span 2;">
+                    <ul class="flex-end">
+                        <li>최신순</li>
+                        <li>조회수순</li>
+                    </ul>
+                </div>
                 <ul class="news-bos">
                     <li class="news-bos-box" v-for="(item, idx) in postList" :key="idx" @click="openModal(item)">
                         <div class="modal-img">

ae8ab4d

ec1a888

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

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

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


                         <input class="button--submit" value="검색" type="submit" @click="postSelectList()">
                     </div>
                 </div>
+                <div class="sort-wrap" style="grid-column: 1 / span 2;">
+                    <ul class="flex-end">
+                        <li>최신순</li>
+                        <li>조회수순</li>
+                    </ul>
+                </div>
                 <div class="noti-sec">
                     <div class="noti-sec-table">
                         <table class="list-table">

                             <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>
+                                    <p class="board-title pen-nib-icon"> <i class="fas fa-thumbtack" v-if="idx === 0"></i>
+                                        {{ item.post_title
+                                        }}</p>
                                 </td>
                                 <td>{{ item.rgtr_id }}</td>
                                 <td>{{ yyyymmdd(item.reg_dt) }}</td>

...	...	@@ -897,7 +897,7 @@
897	897	}
898	898
899	899	.data-btn-wrap {
900		- padding: 4rem 0 2rem !important;
	900	+ padding: 4rem 0 0 !important;
901	901	}
902	902
903	903	.data-b {
...	...	@@ -2936,3 +2936,9 @@
2936	2936	overflow: hidden;
2937	2937	text-align: left;
2938	2938	}
	2939	+
	2940	+/* 게시글 상단고정 css */
	2941	+.pen-nib-icon .fa-thumbtack {
	2942	+ transform: rotate(-20deg);
	2943	+ color: #007aff;
	2944	+}

...	...	@@ -92,15 +92,15 @@
92	92	// { text: "협력 기업", link: "" }
93	93	]
94	94	},
95		- // {
96		- // text: "마이페이지",
97		- // link: "/Info.page",
98		- // isHovered: false,
99		- // subMenu: [
100		- // { text: "내 정보 수정", link: "/Info.page" },
101		- // { text: "매칭 관리", link: "/MatchingManager.page" }
102		- // ]
103		- // }
	95	+ {
	96	+ text: "마이페이지",
	97	+ link: "/Info.page",
	98	+ isHovered: false,
	99	+ subMenu: [
	100	+ { text: "내 정보 수정", link: "/Info.page" },
	101	+ { text: "매칭 관리", link: "/MatchingManager.page" }
	102	+ ]
	103	+ }
104	104	]
105	105	};
106	106	},

...	...	@@ -59,6 +59,12 @@
59	59	@click="postSelectList()">
60	60	</div>
61	61	</div>
	62	+ <div class="sort-wrap" style="grid-column: 1 / span 2;">
	63	+ <ul class="flex-end">
	64	+ <li>최신순</li>
	65	+ <li>조회수순</li>
	66	+ </ul>
	67	+ </div>
62	68	</div>
63	69	</div>
64	70	<div class="data-table-tr">
...	...	@@ -75,7 +81,8 @@
75	81	<td v-else-if="item.ctgry_nm === 'research'"><span class="category-zone">연구자료</span></td>
76	82	<td v-else><span class="category-zone">가이드라인</span></td>
77	83	<td>
78		- <p class="board-title">{{ item.post_title }}</p>
	84	+ <p class="board-title pen-nib-icon"> <i class="fas fa-thumbtack" v-if="idx === 0"></i>{{
	85	+ item.post_title }}</p>
79	86	</td>
80	87	<td>{{ item.rgtr_id }}</td>
81	88	<td>{{ yyyymmdd(item.reg_dt) }}</td>

...	...	@@ -6,6 +6,12 @@
6	6	<img src="../../../../resources/jpg/tech-logo.png" alt="">
7	7	<h1>기술문서</h1>
8	8	</div>
	9	+ <div class="sort-wrap" style="grid-column: 1 / span 2;">
	10	+ <ul class="flex-end">
	11	+ <li>최신순</li>
	12	+ <li>조회수순</li>
	13	+ </ul>
	14	+ </div>
9	15	<ul class="tech-bos">
10	16	<li class="tech-box-sec" v-for="(item, idx) in postList" :key="idx">
11	17	<div class="tech-box-sec-h3">
...	...	@@ -22,9 +28,10 @@
22	28	</div>
23	29	<div>
24	30	<p class="keyword-zone">
25		- <span v-for="(keyword, keywordIndex) in item.tech_doc_keyword.split(',')" :key="keywordIndex">
26		- {{ keyword }}
27		- </span>
	31	+ <span v-for="(keyword, keywordIndex) in item.tech_doc_keyword.split(',')"
	32	+ :key="keywordIndex">
	33	+ {{ keyword }}
	34	+ </span>
28	35	</p>
29	36	<div class="flex">
30	37	<p class="date">{{ yyyymmdd(item.reg_dt) }}</p>
...	...	@@ -268,16 +275,16 @@
268	275	},
269	276	data: { 'post_id': item.post_id, 'bbs_id': item.bbs_id }
270	277	}).then(function (response) {
271		- if(response.data > 0 ) {
	278	+ if (response.data > 0) {
272	279	vm.$router.push({ path: '/TechnologyOne.page', query: { 'post_id': item.post_id, 'file_id': item.file_id, 'bbs_id': item.bbs_id } });
273	280	} else {
274	281	alert("기술문서 상세보기 오류")
275	282	}
276		-
	283	+
277	284	}).catch(function (error) {
278	285	alert("기술문서 상세보기 오류, 관리자에게 문의바랍니다.");
279	286	})
280		-
	287	+
281	288	},
282	289
283	290	postSelectList: function () {
...	...	@@ -304,7 +311,7 @@
304	311	return COMMON_UTIL.yyyymmdd(date);
305	312	},
306	313
307		- showAlert: function() {
	314	+ showAlert: function () {
308	315	alert('준비중입니다.')
309	316	},
310	317	},

...	...	@@ -20,6 +20,12 @@
20	20	<input class="button--submit" value="검색" type="submit" @click="postSelectList()">
21	21	</div>
22	22	</div>
	23	+ <div class="sort-wrap" style="grid-column: 1 / span 2;">
	24	+ <ul class="flex-end">
	25	+ <li>최신순</li>
	26	+ <li>조회수순</li>
	27	+ </ul>
	28	+ </div>
23	29	<div class="noti-sec">
24	30	<div class="noti-sec-table">
25	31	<table class="list-table">
...	...	@@ -31,7 +37,9 @@
31	37	<tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)">
32	38	<td>{{ postIdx - idx }}</td>
33	39	<td>
34		- <p class="board-title">{{ item.post_title }}</p>
	40	+ <p class="board-title pen-nib-icon"> <i class="fas fa-thumbtack" v-if="idx === 0"></i>
	41	+ {{ item.post_title
	42	+ }}</p>
35	43	</td>
36	44	<td>{{ item.rgtr_id }}</td>
37	45	<td>{{ yyyymmdd(item.reg_dt) }}</td>

...	...	@@ -6,6 +6,12 @@
6	6	<img src="../../../../resources/jpg/info-logo.png" alt="홍보뉴스 아이콘">
7	7	<h1>홍보/뉴스</h1>
8	8	</div>
	9	+ <div class="sort-wrap" style="grid-column: 1 / span 2;">
	10	+ <ul class="flex-end">
	11	+ <li>최신순</li>
	12	+ <li>조회수순</li>
	13	+ </ul>
	14	+ </div>
9	15	<ul class="news-bos">
10	16	<li class="news-bos-box" v-for="(item, idx) in postList" :key="idx" @click="openModal(item)">
11	17	<div class="modal-img">

Delete comment