yjryu / KERIS star
류윤주 류윤주 2023-11-28
231128 류윤주 회사 상세조회 페이지 추가
@358cb29704dc67b4e73340e46e70f3cc950fe505
client/resources/css/admin.css
--- client/resources/css/admin.css
+++ client/resources/css/admin.css
@@ -476,6 +476,38 @@
   color: #417dff;
 }
 
+.company-zone,.user-zone{
+  padding: 10px 0;
+}
+
+.introduce-content{
+  border: 1px solid #aaa;
+  border-radius: 0 0 5px 5px;
+}
+.company-grid,.user-grid{
+  display: grid;
+  grid-template-columns: 0.5fr 1fr;
+  gap: 30px;
+  margin-bottom: 20px;
+}
+.company-grid table p{
+  text-align: left;
+}
+.company-grid table td{
+  border: 1px solid #eee;
+}
+.company-grid table p.company-label{
+  color: #aaa;
+  font-size: 1.2rem;
+  margin-bottom: 10px;
+}
+
+.logo-img,.business-card{
+  width: 100%;
+  height: 200px;
+  background-color: #333;
+}
+
 /* 팝업 */
 .period {
   display: grid;
client/views/pages/AppRouter.js
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
@@ -27,6 +27,7 @@
 import AdminMain from "../pages/admin/main/Amain.vue";
 import AdminUserSelectList from "../pages/admin/user/UserSelectList.vue";
 import AdminUserSelectOne from "../pages/admin/user/UserSelectOne.vue";
+import AdminCompanySelectOne from "../pages/admin/user/CompanySelectOne.vue";
 import AdminNoticeSelectList from "../pages/admin/notice/NoticeSelectList.vue";
 import AdminNoticeSelectOne from "../pages/admin/notice/NoticeSelectOne.vue";
 import AdminNoticeInsert from "../pages/admin/notice/NoticeInsert.vue";
@@ -99,6 +100,7 @@
   { path: "/adm/login.page", name: "AdminLogin", component: AdminLogin },
   { path: "/adm/userSelectList.page", name: "AdminUserSelectList", component: AdminUserSelectList,},
   { path: "/adm/userSelectOne.page", name: "AdminUserSelectOne", component: AdminUserSelectOne,},
+  { path: "/adm/companySelectOne.page", name: "AdminCompanySelectOne", component: AdminCompanySelectOne,},
   { path: "/adm/noticeSelectList.page", name: "AdminNoticeSelectList", component: AdminNoticeSelectList,},
   { path: "/adm/noticeSelectOne.page", name: "AdminNoticeSelectOne", component: AdminNoticeSelectOne,},
   { path: "/adm/noticeInsert.page", name: "AdminNoticeInsert", component: AdminNoticeInsert,},
 
client/views/pages/admin/user/CompanySelectOne.vue (added)
+++ client/views/pages/admin/user/CompanySelectOne.vue
@@ -0,0 +1,144 @@
+<template>
+    <div class="user-wrap">
+        <div class="content-box">
+            <div class="title-wrap">
+                <div class="flex-start">
+                    <img src="../../../../resources/jpg/user-icon.png" alt="회원관리 아이콘" class="title-icon">
+                    <h2 class="main-title">회원관리</h2>
+                </div>
+            </div>
+            <div class="content-wrap">
+                <div class="admin-company">
+                    <div class="company-zone">
+                        <div class="company-grid">
+                            <div class="logo-img">
+                                <img src="" alt="">
+                            </div>
+                            <table>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <P class="company-label">업체명</P>
+                                            <P>테이큰소프트</P>
+                                        </td>
+                                        <td>
+                                            <p class="company-label">사업자등록번호</p>
+                                            <p>1234567890</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td colspan="2">
+                                            <p class="company-label">주소</p>
+                                            <p>[38541] 경북 경산시 대학로 어쩌고 저쩌고</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p class="company-label">홈페이지</p>
+                                            <p>www.naver.com</p>
+                                        </td>
+                                        <td>
+                                            <p class="company-label">대표전화</p>
+                                            <p>0332222222</p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td colspan="2">
+                                            <p class="company-label">업체 키워드</p>
+                                            <p><span>키워드</span></p>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td colspan="2">
+                                            <p class="company-label">회사소개서 첨부파일</p>
+                                            <p></p>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <div class="company-introduce">
+                            <details open>
+                                <summary>기업소개</summary>
+                                <div class="introduce-content">어쩌고</div>
+                            </details>
+                            <details open>
+                                <summary>대표 기술 소개</summary>
+                                <div class="introduce-content">어쩌고</div>
+                            </details>
+                            <details open>
+                                <summary>서비스 소개</summary>
+                                <div class="introduce-content">어쩌고</div>
+                            </details>
+                        </div>
+                    </div>
+                    <div class="user-zone">
+                        <div class="user-grid">
+                            <div class="business-card">
+                                <img src="" alt="">
+                            </div>
+                            <div class="user grid">
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
+                                    <input type="text" disabled />
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
+                                    <button class="gray-btn">비밀번호 변경</button>
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-check-double"></i> 회원구분</p>
+                                    <input type="text" disabled />
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
+                                    <input type="text" disabled />
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
+                                    <input type="text"  disabled />
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
+                                    <input type="text"  disabled />
+                                </div>
+                                <div>
+                                    <p class="label-title"><i class="fa-solid fa-envelope"></i> 승인 날짜</p>
+                                    <input type="text"  disabled />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="btn-wrap">
+                    <button class="red-btn" @click="postDelete()">삭제</button>
+                    <button class="dark-gray-btn" @click="adminSelectListPage()">목록</button>
+                    <button class="blue-btn" @click="postUpdatePage()">수정</button>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import axios from 'axios';
+import { useRoute } from 'vue-router';
+
+export default {
+    data() {
+        return {
+
+        };
+    },
+    methods: {
+
+    },
+    watch: {},
+    computed: {},
+    components: {},
+    mounted() {
+
+    },
+};
+</script>
+<style scoped></style>
client/views/pages/admin/user/UserSelectOne.vue
--- client/views/pages/admin/user/UserSelectOne.vue
+++ client/views/pages/admin/user/UserSelectOne.vue
@@ -38,7 +38,6 @@
                         <input type="text" v-model="user.approval_dt" disabled />
                     </div>
                 </div>
-                <!-- <div class="company" v-show="company.company_id"></div> -->
                 <div class="admin grid" v-show="admin.mngr_id != null">
                     <div>
                         <p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
Add a comment
List