
--- client/resources/css/admin.css
+++ client/resources/css/admin.css
... | ... | @@ -476,6 +476,38 @@ |
476 | 476 |
color: #417dff; |
477 | 477 |
} |
478 | 478 |
|
479 |
+.company-zone,.user-zone{ |
|
480 |
+ padding: 10px 0; |
|
481 |
+} |
|
482 |
+ |
|
483 |
+.introduce-content{ |
|
484 |
+ border: 1px solid #aaa; |
|
485 |
+ border-radius: 0 0 5px 5px; |
|
486 |
+} |
|
487 |
+.company-grid,.user-grid{ |
|
488 |
+ display: grid; |
|
489 |
+ grid-template-columns: 0.5fr 1fr; |
|
490 |
+ gap: 30px; |
|
491 |
+ margin-bottom: 20px; |
|
492 |
+} |
|
493 |
+.company-grid table p{ |
|
494 |
+ text-align: left; |
|
495 |
+} |
|
496 |
+.company-grid table td{ |
|
497 |
+ border: 1px solid #eee; |
|
498 |
+} |
|
499 |
+.company-grid table p.company-label{ |
|
500 |
+ color: #aaa; |
|
501 |
+ font-size: 1.2rem; |
|
502 |
+ margin-bottom: 10px; |
|
503 |
+} |
|
504 |
+ |
|
505 |
+.logo-img,.business-card{ |
|
506 |
+ width: 100%; |
|
507 |
+ height: 200px; |
|
508 |
+ background-color: #333; |
|
509 |
+} |
|
510 |
+ |
|
479 | 511 |
/* 팝업 */ |
480 | 512 |
.period { |
481 | 513 |
display: grid; |
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
... | ... | @@ -27,6 +27,7 @@ |
27 | 27 |
import AdminMain from "../pages/admin/main/Amain.vue"; |
28 | 28 |
import AdminUserSelectList from "../pages/admin/user/UserSelectList.vue"; |
29 | 29 |
import AdminUserSelectOne from "../pages/admin/user/UserSelectOne.vue"; |
30 |
+import AdminCompanySelectOne from "../pages/admin/user/CompanySelectOne.vue"; |
|
30 | 31 |
import AdminNoticeSelectList from "../pages/admin/notice/NoticeSelectList.vue"; |
31 | 32 |
import AdminNoticeSelectOne from "../pages/admin/notice/NoticeSelectOne.vue"; |
32 | 33 |
import AdminNoticeInsert from "../pages/admin/notice/NoticeInsert.vue"; |
... | ... | @@ -99,6 +100,7 @@ |
99 | 100 |
{ path: "/adm/login.page", name: "AdminLogin", component: AdminLogin }, |
100 | 101 |
{ path: "/adm/userSelectList.page", name: "AdminUserSelectList", component: AdminUserSelectList,}, |
101 | 102 |
{ path: "/adm/userSelectOne.page", name: "AdminUserSelectOne", component: AdminUserSelectOne,}, |
103 |
+ { path: "/adm/companySelectOne.page", name: "AdminCompanySelectOne", component: AdminCompanySelectOne,}, |
|
102 | 104 |
{ path: "/adm/noticeSelectList.page", name: "AdminNoticeSelectList", component: AdminNoticeSelectList,}, |
103 | 105 |
{ path: "/adm/noticeSelectOne.page", name: "AdminNoticeSelectOne", component: AdminNoticeSelectOne,}, |
104 | 106 |
{ path: "/adm/noticeInsert.page", name: "AdminNoticeInsert", component: AdminNoticeInsert,}, |
+++ client/views/pages/admin/user/CompanySelectOne.vue
... | ... | @@ -0,0 +1,144 @@ |
1 | +<template> | |
2 | + <div class="user-wrap"> | |
3 | + <div class="content-box"> | |
4 | + <div class="title-wrap"> | |
5 | + <div class="flex-start"> | |
6 | + <img src="../../../../resources/jpg/user-icon.png" alt="회원관리 아이콘" class="title-icon"> | |
7 | + <h2 class="main-title">회원관리</h2> | |
8 | + </div> | |
9 | + </div> | |
10 | + <div class="content-wrap"> | |
11 | + <div class="admin-company"> | |
12 | + <div class="company-zone"> | |
13 | + <div class="company-grid"> | |
14 | + <div class="logo-img"> | |
15 | + <img src="" alt=""> | |
16 | + </div> | |
17 | + <table> | |
18 | + <tbody> | |
19 | + <tr> | |
20 | + <td> | |
21 | + <P class="company-label">업체명</P> | |
22 | + <P>테이큰소프트</P> | |
23 | + </td> | |
24 | + <td> | |
25 | + <p class="company-label">사업자등록번호</p> | |
26 | + <p>1234567890</p> | |
27 | + </td> | |
28 | + </tr> | |
29 | + <tr> | |
30 | + <td colspan="2"> | |
31 | + <p class="company-label">주소</p> | |
32 | + <p>[38541] 경북 경산시 대학로 어쩌고 저쩌고</p> | |
33 | + </td> | |
34 | + </tr> | |
35 | + <tr> | |
36 | + <td> | |
37 | + <p class="company-label">홈페이지</p> | |
38 | + <p>www.naver.com</p> | |
39 | + </td> | |
40 | + <td> | |
41 | + <p class="company-label">대표전화</p> | |
42 | + <p>0332222222</p> | |
43 | + </td> | |
44 | + </tr> | |
45 | + <tr> | |
46 | + <td colspan="2"> | |
47 | + <p class="company-label">업체 키워드</p> | |
48 | + <p><span>키워드</span></p> | |
49 | + </td> | |
50 | + </tr> | |
51 | + <tr> | |
52 | + <td colspan="2"> | |
53 | + <p class="company-label">회사소개서 첨부파일</p> | |
54 | + <p></p> | |
55 | + </td> | |
56 | + </tr> | |
57 | + </tbody> | |
58 | + </table> | |
59 | + </div> | |
60 | + <div class="company-introduce"> | |
61 | + <details open> | |
62 | + <summary>기업소개</summary> | |
63 | + <div class="introduce-content">어쩌고</div> | |
64 | + </details> | |
65 | + <details open> | |
66 | + <summary>대표 기술 소개</summary> | |
67 | + <div class="introduce-content">어쩌고</div> | |
68 | + </details> | |
69 | + <details open> | |
70 | + <summary>서비스 소개</summary> | |
71 | + <div class="introduce-content">어쩌고</div> | |
72 | + </details> | |
73 | + </div> | |
74 | + </div> | |
75 | + <div class="user-zone"> | |
76 | + <div class="user-grid"> | |
77 | + <div class="business-card"> | |
78 | + <img src="" alt=""> | |
79 | + </div> | |
80 | + <div class="user grid"> | |
81 | + <div> | |
82 | + <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p> | |
83 | + <input type="text" disabled /> | |
84 | + </div> | |
85 | + <div> | |
86 | + <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p> | |
87 | + <button class="gray-btn">비밀번호 변경</button> | |
88 | + </div> | |
89 | + <div> | |
90 | + <p class="label-title"><i class="fa-solid fa-check-double"></i> 회원구분</p> | |
91 | + <input type="text" disabled /> | |
92 | + </div> | |
93 | + <div> | |
94 | + <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p> | |
95 | + <input type="text" disabled /> | |
96 | + </div> | |
97 | + <div> | |
98 | + <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p> | |
99 | + <input type="text" disabled /> | |
100 | + </div> | |
101 | + <div> | |
102 | + <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p> | |
103 | + <input type="text" disabled /> | |
104 | + </div> | |
105 | + <div> | |
106 | + <p class="label-title"><i class="fa-solid fa-envelope"></i> 승인 날짜</p> | |
107 | + <input type="text" disabled /> | |
108 | + </div> | |
109 | + </div> | |
110 | + </div> | |
111 | + </div> | |
112 | + </div> | |
113 | + <div class="btn-wrap"> | |
114 | + <button class="red-btn" @click="postDelete()">삭제</button> | |
115 | + <button class="dark-gray-btn" @click="adminSelectListPage()">목록</button> | |
116 | + <button class="blue-btn" @click="postUpdatePage()">수정</button> | |
117 | + </div> | |
118 | + </div> | |
119 | + </div> | |
120 | + | |
121 | + </div> | |
122 | +</template> | |
123 | +<script> | |
124 | +import axios from 'axios'; | |
125 | +import { useRoute } from 'vue-router'; | |
126 | + | |
127 | +export default { | |
128 | + data() { | |
129 | + return { | |
130 | + | |
131 | + }; | |
132 | + }, | |
133 | + methods: { | |
134 | + | |
135 | + }, | |
136 | + watch: {}, | |
137 | + computed: {}, | |
138 | + components: {}, | |
139 | + mounted() { | |
140 | + | |
141 | + }, | |
142 | +}; | |
143 | +</script> | |
144 | +<style scoped></style> |
--- client/views/pages/admin/user/UserSelectOne.vue
+++ client/views/pages/admin/user/UserSelectOne.vue
... | ... | @@ -38,7 +38,6 @@ |
38 | 38 |
<input type="text" v-model="user.approval_dt" disabled /> |
39 | 39 |
</div> |
40 | 40 |
</div> |
41 |
- <!-- <div class="company" v-show="company.company_id"></div> --> |
|
42 | 41 |
<div class="admin grid" v-show="admin.mngr_id != null"> |
43 | 42 |
<div> |
44 | 43 |
<p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p> |
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?