Commit @5fd0172db1d52c7261d34137385297e91b10bcde

kimgkdud898 2023-11-17

231117김하영

@5fd0172db1d52c7261d34137385297e91b10bcde

24654ec

5fd0172

client/resources/css/Main.css

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

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


   padding-top: 1rem;
   font-family: "Pretendard-Regular";
   font-weight: 500;
+  text-align: right;
 }
 
 .main-wrap-grid {

   background-size: cover;
   z-index: 1;
 }
+.main-position {
+  position: relative;
+}
+.main-position > a {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 
 .main-wrap-grid-2 div,
 .main-wrap-grid-3 div,

24654ec

5fd0172

client/resources/css/responsive.css

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

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


   .tech-info {
     text-align: center;
   }
+  .main-positon {
+    position: static;
+  }
+  .main-positon > a {
+    position: static;
+  }
   /* 자료실 */
   .data-banner {
     grid-template-columns: 1fr;

24654ec

5fd0172

client/views/pages/admin/technology/TechSelectOne.vue

--- client/views/pages/admin/technology/TechSelectOne.vue

+++ client/views/pages/admin/technology/TechSelectOne.vue


                             <td colspan="2">
                                 <div class="tech-info">
                                     <span class="tech-info-img">
-                                        <img :src= src alt="기술문서 이미지">
+                                        <img :src=src alt="기술문서 이미지">
                                     </span>
                                     <div class="tech-txt-wrap">
                                         <ul>

                                             <li>
                                                 <strong>버전</strong>
                                                 <p>{{ post.tech_doc_version }}</p>
+                                            </li>
+                                            <li>
+                                                <strong>배포날짜</strong>
+                                                <p>{{ post.tech_doc_date }}</p>
                                             </li>
                                             <li>
                                                 <strong>주요내용</strong>

                 ctgry_nm: null,
                 tech_doc_nm: null,
                 tech_doc_version: null,
+                tech_doc_date: null,
                 tech_doc_main_content: null,
                 tech_doc_keyword: null,
             },

24654ec

5fd0172

client/views/pages/admin/technology/TechUpdate.vue

--- client/views/pages/admin/technology/TechUpdate.vue

+++ client/views/pages/admin/technology/TechUpdate.vue


                                     <input type="text" name="" id="techName" placeholder="기술문서명" v-model="post.tech_doc_nm">
                                     <input type="text" name="" id="version" placeholder="버전"
                                         v-model="post.tech_doc_version">
-                                    <input type="text" name="" id="techContent" placeholder="주요내용(20자 내외)"
-                                        v-model="post.tech_doc_main_content">
+                                    <input type="text" name="" id="version" placeholder="배포날짜"
+                                        v-model="post.tech_doc_version">
                                     <input type="text" name="" id="keyword" placeholder="키워드"
                                         v-model="post.tech_doc_keyword">
+                                    <input style="grid-column: 1 / span 2;" type="text" name="" id="techContent"
+                                        placeholder="주요내용(20자 내외)" v-model="post.tech_doc_main_content">
                                 </div>
                             </td>
                         </tr>

24654ec

5fd0172

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

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

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


                                 <p> {{ post.tech_doc_version }}</p>
                             </li>
                             <li>
+                                <strong>배포날짜</strong>
+                                <p>{{ post.tech_doc_date }}</p>
+                            </li>
+                            <li>
                                 <strong>주요내용</strong>
                                 <p>{{ post.tech_doc_main_content }}</p>
                             </li>

                 </div>
             </div>
             <div class="article-list">
-                    <ul>
-                        <li><span class="next">다음글</span>
-                            <span>
-                                <span v-if="nextPost" @click="movePost(nextPost)" class="sub-content-title">
-                                    {{ nextPost.post_title }}
-                                </span>
-                                <span v-else class="sub-content-title">다음글이 없습니다.</span>
+                <ul>
+                    <li><span class="next">다음글</span>
+                        <span>
+                            <span v-if="nextPost" @click="movePost(nextPost)" class="sub-content-title">
+                                {{ nextPost.post_title }}
                             </span>
-                        </li>
-                        <li><span class="prev">이전글</span>
-                            <span>
-                                <span v-if="prevPost" @click="movePost(prevPost)" class="sub-content-title">
-                                    {{ prevPost.post_title }}
-                                </span>
-                                <span v-else class="sub-content-title">이전글이 없습니다.</span>
+                            <span v-else class="sub-content-title">다음글이 없습니다.</span>
+                        </span>
+                    </li>
+                    <li><span class="prev">이전글</span>
+                        <span>
+                            <span v-if="prevPost" @click="movePost(prevPost)" class="sub-content-title">
+                                {{ prevPost.post_title }}
                             </span>
-                        </li>
-                    </ul>
-                </div>
+                            <span v-else class="sub-content-title">이전글이 없습니다.</span>
+                        </span>
+                    </li>
+                </ul>
+            </div>
             <div class="tech-btn">
                 <button @click="goToPage4">목록</button>
             </div>

                 const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 
                 if (isSafari) {
-                    FileSaver.saveAs(blob,  vm.attachFileList[0].real_file_nm);
+                    FileSaver.saveAs(blob, vm.attachFileList[0].real_file_nm);
                 } else {
                     const url = window.URL.createObjectURL(blob);
                     const a = document.createElement('a');
                     a.style.display = 'none';
                     a.href = url;
-                    a.download =  vm.attachFileList[0].real_file_nm;
+                    a.download = vm.attachFileList[0].real_file_nm;
                     document.body.appendChild(a);
                     a.click();
                     window.URL.revokeObjectURL(url);

24654ec

5fd0172

client/views/pages/user/main/Main.vue

--- client/views/pages/user/main/Main.vue

+++ client/views/pages/user/main/Main.vue


                                                 @click="noticeSelectOnePage(noticeOne)">
                                                 <td>{{ noticeOne.post_title }}
                                                     <p>{{ noticeOne.rgtr_id }} l {{ yyyymmdd(noticeOne.reg_dt) }}</p>
+
                                                 </td>
                                             </tr>
 

                                     </div>
                                 </div>
 
-                                <div class="main-wrap-grid-2">
-                                    <div>
+                                <div class="main-wrap-grid-2 ">
+                                    <div class="main-position">
                                         <a @click="showAlert">
                                             <img src="../../../../resources/jpg/fille.png" alt="">
                                             <!-- <input type="button" value="네트워킹" class="m-p-ai"> -->

                                         </a>
                                     </div>
                                 </div>
-                                <div class="main-wrap-grid-3">
-                                    <div>
+                                <div class="main-wrap-grid-3 ">
+                                    <div class="main-position">
                                         <a href="/Guide.page">
                                             <img src="../../../../resources/jpg/main-box.png" alt="">
                                             <button class="main-grid-box">가이드라인</button>
                                         </a>
                                     </div>
                                 </div>
-                                <div class="main-wrap-grid-4">
-                                    <div>
+                                <div class="main-wrap-grid-4 ">
+                                    <div class="main-position">
                                         <a href="/Data.page">
                                             <img src="../../../../resources/jpg/main-pu4.png" alt="">
                                             <button class="main-grid-box">자료집</button>
                                         </a>
                                     </div>
                                 </div>
-                                <div class="main-wrap-grid-5">
-                                    <div>
+                                <div class="main-wrap-grid-5 ">
+                                    <div class="main-position">
                                         <a href="/Technology.page">
                                             <img src="../../../../resources/jpg/main-pu3.png" alt="">
                                             <button class="main-grid-box">기술문서</button>

Add a comment

Open 0
Closed 0

List

...	...	@@ -204,6 +204,7 @@
204	204	padding-top: 1rem;
205	205	font-family: "Pretendard-Regular";
206	206	font-weight: 500;
	207	+ text-align: right;
207	208	}
208	209
209	210	.main-wrap-grid {
...	...	@@ -216,6 +217,15 @@
216	217	background-size: cover;
217	218	z-index: 1;
218	219	}
	220	+.main-position {
	221	+ position: relative;
	222	+}
	223	+.main-position > a {
	224	+ position: absolute;
	225	+ top: 50%;
	226	+ left: 50%;
	227	+ transform: translate(-50%, -50%);
	228	+}
219	229
220	230	.main-wrap-grid-2 div,
221	231	.main-wrap-grid-3 div,

...	...	@@ -914,6 +914,12 @@
914	914	.tech-info {
915	915	text-align: center;
916	916	}
	917	+ .main-positon {
	918	+ position: static;
	919	+ }
	920	+ .main-positon > a {
	921	+ position: static;
	922	+ }
917	923	/* 자료실 */
918	924	.data-banner {
919	925	grid-template-columns: 1fr;

...	...	@@ -30,7 +30,7 @@
30	30	<td colspan="2">
31	31	<div class="tech-info">
32	32	<span class="tech-info-img">
33		- <img :src= src alt="기술문서 이미지">
	33	+ <img :src=src alt="기술문서 이미지">
34	34	</span>
35	35	<div class="tech-txt-wrap">
36	36	<ul>
...	...	@@ -41,6 +41,10 @@
41	41	<li>
42	42	<strong>버전</strong>
43	43	<p>{{ post.tech_doc_version }}</p>
	44	+ </li>
	45	+ <li>
	46	+ <strong>배포날짜</strong>
	47	+ <p>{{ post.tech_doc_date }}</p>
44	48	</li>
45	49	<li>
46	50	<strong>주요내용</strong>
...	...	@@ -144,6 +148,7 @@
144	148	ctgry_nm: null,
145	149	tech_doc_nm: null,
146	150	tech_doc_version: null,
	151	+ tech_doc_date: null,
147	152	tech_doc_main_content: null,
148	153	tech_doc_keyword: null,
149	154	},

...	...	@@ -68,6 +68,7 @@
68	68	@click="noticeSelectOnePage(noticeOne)">
69	69	<td>{{ noticeOne.post_title }}
70	70	<p>{{ noticeOne.rgtr_id }} l {{ yyyymmdd(noticeOne.reg_dt) }}</p>
	71	+
71	72	</td>
72	73	</tr>
73	74
...	...	@@ -75,8 +76,8 @@
75	76	</div>
76	77	</div>
77	78
78		- <div class="main-wrap-grid-2">
79		- <div>
	79	+ <div class="main-wrap-grid-2 ">
	80	+ <div class="main-position">
80	81	<a @click="showAlert">
81	82	<img src="../../../../resources/jpg/fille.png" alt="">
82	83	<!-- <input type="button" value="네트워킹" class="m-p-ai"> -->
...	...	@@ -84,24 +85,24 @@
84	85	</a>
85	86	</div>
86	87	</div>
87		- <div class="main-wrap-grid-3">
88		- <div>
	88	+ <div class="main-wrap-grid-3 ">
	89	+ <div class="main-position">
89	90	<a href="/Guide.page">
90	91	<img src="../../../../resources/jpg/main-box.png" alt="">
91	92	<button class="main-grid-box">가이드라인</button>
92	93	</a>
93	94	</div>
94	95	</div>
95		- <div class="main-wrap-grid-4">
96		- <div>
	96	+ <div class="main-wrap-grid-4 ">
	97	+ <div class="main-position">
97	98	<a href="/Data.page">
98	99	<img src="../../../../resources/jpg/main-pu4.png" alt="">
99	100	<button class="main-grid-box">자료집</button>
100	101	</a>
101	102	</div>
102	103	</div>
103		- <div class="main-wrap-grid-5">
104		- <div>
	104	+ <div class="main-wrap-grid-5 ">
	105	+ <div class="main-position">
105	106	<a href="/Technology.page">
106	107	<img src="../../../../resources/jpg/main-pu3.png" alt="">
107	108	<button class="main-grid-box">기술문서</button>

...	...	@@ -43,10 +43,12 @@
43	43	<input type="text" name="" id="techName" placeholder="기술문서명" v-model="post.tech_doc_nm">
44	44	<input type="text" name="" id="version" placeholder="버전"
45	45	v-model="post.tech_doc_version">
46		- <input type="text" name="" id="techContent" placeholder="주요내용(20자 내외)"
47		- v-model="post.tech_doc_main_content">
	46	+ <input type="text" name="" id="version" placeholder="배포날짜"
	47	+ v-model="post.tech_doc_version">
48	48	<input type="text" name="" id="keyword" placeholder="키워드"
49	49	v-model="post.tech_doc_keyword">
	50	+ <input style="grid-column: 1 / span 2;" type="text" name="" id="techContent"
	51	+ placeholder="주요내용(20자 내외)" v-model="post.tech_doc_main_content">
50	52	</div>
51	53	</td>
52	54	</tr>

...	...	@@ -27,6 +27,10 @@
27	27	<p> {{ post.tech_doc_version }}</p>
28	28	</li>
29	29	<li>
	30	+ <strong>배포날짜</strong>
	31	+ <p>{{ post.tech_doc_date }}</p>
	32	+ </li>
	33	+ <li>
30	34	<strong>주요내용</strong>
31	35	<p>{{ post.tech_doc_main_content }}</p>
32	36	</li>
...	...	@@ -46,25 +50,25 @@
46	50	</div>
47	51	</div>
48	52	<div class="article-list">
49		- <ul>
50		- <li><span class="next">다음글</span>
51		- <span>
52		- <span v-if="nextPost" @click="movePost(nextPost)" class="sub-content-title">
53		- {{ nextPost.post_title }}
54		- </span>
55		- <span v-else class="sub-content-title">다음글이 없습니다.</span>
	53	+ <ul>
	54	+ <li><span class="next">다음글</span>
	55	+ <span>
	56	+ <span v-if="nextPost" @click="movePost(nextPost)" class="sub-content-title">
	57	+ {{ nextPost.post_title }}
56	58	</span>
57		- </li>
58		- <li><span class="prev">이전글</span>
59		- <span>
60		- <span v-if="prevPost" @click="movePost(prevPost)" class="sub-content-title">
61		- {{ prevPost.post_title }}
62		- </span>
63		- <span v-else class="sub-content-title">이전글이 없습니다.</span>
	59	+ <span v-else class="sub-content-title">다음글이 없습니다.</span>
	60	+ </span>
	61	+ </li>
	62	+ <li><span class="prev">이전글</span>
	63	+ <span>
	64	+ <span v-if="prevPost" @click="movePost(prevPost)" class="sub-content-title">
	65	+ {{ prevPost.post_title }}
64	66	</span>
65		- </li>
66		- </ul>
67		- </div>
	67	+ <span v-else class="sub-content-title">이전글이 없습니다.</span>
	68	+ </span>
	69	+ </li>
	70	+ </ul>
	71	+ </div>
68	72	<div class="tech-btn">
69	73	<button @click="goToPage4">목록</button>
70	74	</div>
...	...	@@ -201,13 +205,13 @@
201	205	const isSafari = /^((?!chrome\|android).)*safari/i.test(navigator.userAgent);
202	206
203	207	if (isSafari) {
204		- FileSaver.saveAs(blob, vm.attachFileList[0].real_file_nm);
	208	+ FileSaver.saveAs(blob, vm.attachFileList[0].real_file_nm);
205	209	} else {
206	210	const url = window.URL.createObjectURL(blob);
207	211	const a = document.createElement('a');
208	212	a.style.display = 'none';
209	213	a.href = url;
210		- a.download = vm.attachFileList[0].real_file_nm;
	214	+ a.download = vm.attachFileList[0].real_file_nm;
211	215	document.body.appendChild(a);
212	216	a.click();
213	217	window.URL.revokeObjectURL(url);

Delete comment