
--- client/resources/css/common.css
+++ client/resources/css/common.css
... | ... | @@ -273,3 +273,10 @@ |
273 | 273 |
.insert-table td{ |
274 | 274 |
border-top: 0; |
275 | 275 |
} |
276 |
+ |
|
277 |
+.category-zone{ |
|
278 |
+ color: #007aff; |
|
279 |
+ background-color: #c8e3ff; |
|
280 |
+ padding: 5px; |
|
281 |
+ border-radius: 3px; |
|
282 |
+}(No newline at end of file) |
--- client/views/pages/admin/databook/DataSelectList.vue
+++ client/views/pages/admin/databook/DataSelectList.vue
... | ... | @@ -26,7 +26,8 @@ |
26 | 26 |
<thead> |
27 | 27 |
<tr> |
28 | 28 |
<th style="width:5%">no</th> |
29 |
- <th style="width:65%">제목</th> |
|
29 |
+ <th style="width:10%">카테고리</th> |
|
30 |
+ <th style="width:55%">제목</th> |
|
30 | 31 |
<th style="width:10%">작성자</th> |
31 | 32 |
<th style="width:10%">작성일자</th> |
32 | 33 |
<th style="width:10%">조회수</th> |
... | ... | @@ -35,6 +36,7 @@ |
35 | 36 |
<tbody> |
36 | 37 |
<tr v-for="(item, idx) in postList" :key="idx" @click="postSelectOnePage(item)"> |
37 | 38 |
<td>{{ postIdx - idx }}</td> |
39 |
+ <td><span class="category-zone">카테고리</span></td> |
|
38 | 40 |
<td>{{ item.post_title }}</td> |
39 | 41 |
<td>{{ item.rgtr_id }}</td> |
40 | 42 |
<td>{{ yyyymmdd(item.reg_dt) }}</td> |
--- client/views/pages/admin/databook/DataSelectOne.vue
+++ client/views/pages/admin/databook/DataSelectOne.vue
... | ... | @@ -12,7 +12,7 @@ |
12 | 12 |
<tbody> |
13 | 13 |
<tr> |
14 | 14 |
<td class="title-zone" colspan="2"> |
15 |
- <p class="post-title">{{ post.post_title }}</p> |
|
15 |
+ <p class="flex"><span class="post-title">{{ post.post_title }}</span><span class="category-zone">카테고리란</span></p> |
|
16 | 16 |
<p class="flex-end"><span class="writer">작성자</span><span>케리스</span><span |
17 | 17 |
class="view">조회수</span><span>100</span></p> |
18 | 18 |
</td> |
... | ... | @@ -251,7 +251,7 @@ |
251 | 251 |
} |
252 | 252 |
|
253 | 253 |
.post-title { |
254 |
- font-size: 2rem; |
|
254 |
+ font-size: 2.3rem; |
|
255 | 255 |
font-weight: 700; |
256 | 256 |
color: #007aff; |
257 | 257 |
text-align: left; |
... | ... | @@ -267,4 +267,5 @@ |
267 | 267 |
.viewer { |
268 | 268 |
min-height: 388px; |
269 | 269 |
} |
270 |
+ |
|
270 | 271 |
</style>(No newline at end of file) |
--- client/views/pages/admin/databook/DataUpdate.vue
+++ client/views/pages/admin/databook/DataUpdate.vue
... | ... | @@ -15,6 +15,25 @@ |
15 | 15 |
<td><input type="text" name="" id="newsTitle" v-model="post.post_title"></td> |
16 | 16 |
</tr> |
17 | 17 |
<tr> |
18 |
+ <th>카테고리</th> |
|
19 |
+ <td> |
|
20 |
+ <div class="flex-start"> |
|
21 |
+ <div> |
|
22 |
+ <input type="radio" name="category" id="policy" style="display:none" checked> |
|
23 |
+ <label for="policy">정책자료</label> |
|
24 |
+ </div> |
|
25 |
+ <div> |
|
26 |
+ <input type="radio" name="category" id="research" style="display:none"> |
|
27 |
+ <label for="research">연구자료</label> |
|
28 |
+ </div> |
|
29 |
+ <div> |
|
30 |
+ <input type="radio" name="category" id="guide" style="display:none"> |
|
31 |
+ <label for="guide">가이드라인</label> |
|
32 |
+ </div> |
|
33 |
+ </div> |
|
34 |
+ </td> |
|
35 |
+ </tr> |
|
36 |
+ <tr> |
|
18 | 37 |
<th>내용</th> |
19 | 38 |
<td><textarea name="smart" id="smart"></textarea></td> |
20 | 39 |
</tr> |
... | ... | @@ -287,4 +306,19 @@ |
287 | 306 |
.file-list { |
288 | 307 |
padding: 5px 0; |
289 | 308 |
} |
309 |
+ |
|
310 |
+label { |
|
311 |
+ border: 1px solid #535353; |
|
312 |
+ color: #535353; |
|
313 |
+ background-color: #fff; |
|
314 |
+ padding: 10px; |
|
315 |
+ border-radius: 3px; |
|
316 |
+ margin-right: 10px; |
|
317 |
+} |
|
318 |
+ |
|
319 |
+input:checked+label { |
|
320 |
+ background: #535353; |
|
321 |
+ color: #fff; |
|
322 |
+ |
|
323 |
+} |
|
290 | 324 |
</style>(No newline at end of file) |
--- client/views/pages/admin/user/UserSelectList.vue
+++ client/views/pages/admin/user/UserSelectList.vue
... | ... | @@ -407,7 +407,7 @@ |
407 | 407 |
}, |
408 | 408 |
data: vm.managerListSearch |
409 | 409 |
}).then(function (response) { |
410 |
- console.log("companySelectList - response : ", response.data); |
|
410 |
+ //console.log("companySelectList - response : ", response.data); |
|
411 | 411 |
vm.companyListCount = response.data.companyListCount; |
412 | 412 |
vm.companyList = response.data.companyList; |
413 | 413 |
vm.companyIdx = vm.companyListCount - (vm.companyListSearch.currentPage - 1) * vm.companyListSearch.perPage; |
--- client/views/pages/admin/user/UserSelectOne.vue
+++ client/views/pages/admin/user/UserSelectOne.vue
... | ... | @@ -8,7 +8,34 @@ |
8 | 8 |
</div> |
9 | 9 |
</div> |
10 | 10 |
<div class="content-wrap"> |
11 |
- |
|
11 |
+ <div class="user grid"> |
|
12 |
+ <div> |
|
13 |
+ <p><i class="fa-solid fa-user-group"></i> 아이디</p> |
|
14 |
+ <input type="text" v-model="user.user_id" disabled /> |
|
15 |
+ </div> |
|
16 |
+ <div> |
|
17 |
+ <p><i class="fa-solid fa-check-double"></i>회원구분</p> |
|
18 |
+ <input type="text" v-model="user.user_auth" disabled /> |
|
19 |
+ </div> |
|
20 |
+ <div> |
|
21 |
+ <p><i class="fa-solid fa-heart"></i>이름</p> |
|
22 |
+ <input type="text" v-model="user.user_nm" disabled /> |
|
23 |
+ </div> |
|
24 |
+ <div> |
|
25 |
+ <p><i class="fa-solid fa-envelope"></i>이메일</p> |
|
26 |
+ <input type="text" v-model="user.user_eml" disabled /> |
|
27 |
+ </div> |
|
28 |
+ <div> |
|
29 |
+ <p><i class="fa-solid fa-envelope"></i>가입 날짜</p> |
|
30 |
+ <input type="text" v-model="user.user_reg_dt" disabled /> |
|
31 |
+ </div> |
|
32 |
+ <div> |
|
33 |
+ <p><i class="fa-solid fa-envelope"></i>승인 날짜</p> |
|
34 |
+ <input type="text" v-model="user.approval_dt" disabled /> |
|
35 |
+ </div> |
|
36 |
+ </div> |
|
37 |
+ <div class="company"></div> |
|
38 |
+ <div class="admin"></div> |
|
12 | 39 |
</div> |
13 | 40 |
</div> |
14 | 41 |
|
... | ... | @@ -43,12 +70,12 @@ |
43 | 70 |
axios({ |
44 | 71 |
url: '/user/userSelectOne.json', |
45 | 72 |
method: 'post', |
46 |
- hearder: { |
|
73 |
+ headers: { |
|
47 | 74 |
'Content-Type': "application/json; charset=UTF-8", |
48 | 75 |
}, |
49 | 76 |
data: { 'user_id': vm.route.query.user_id } |
50 | 77 |
}).then(function (response) { |
51 |
- //console.log("response-",response.data); |
|
78 |
+ console.log("response-", response.data); |
|
52 | 79 |
vm.user = response.data |
53 | 80 |
}).catch(function (error) { |
54 | 81 |
console.log("error - ", error) |
... | ... | @@ -64,4 +91,10 @@ |
64 | 91 |
}, |
65 | 92 |
}; |
66 | 93 |
</script> |
67 |
-<style scoped></style> |
|
94 |
+<style scoped> |
|
95 |
+.grid{ |
|
96 |
+ display: grid; |
|
97 |
+ grid-template-columns: 1fr 1fr; |
|
98 |
+ gap: 30px; |
|
99 |
+} |
|
100 |
+</style> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?