rlagkdud898 / AJIN star
mycoms 2024-03-07
240307김하영 거래처정보등록 생성중
@02dc120f38afa40668cdbb468bef1eb6fce9979f
client/resources/css/component.css
--- client/resources/css/component.css
+++ client/resources/css/component.css
@@ -14,13 +14,17 @@
     width: 100%;
     z-index: 1;
 }
-
+/* .app-wrap{
+    border: 1px solid red;
+    min-width: 1280px;
+} */
 .wrapper {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
+    flex-wrap: nowrap;
     padding-top: 124.5px;
     font-family: 'Pretendard';
     background-color: var(--white);
client/resources/css/reset.css
--- client/resources/css/reset.css
+++ client/resources/css/reset.css
@@ -44,11 +44,18 @@
     padding: 0;
 }
 body {
-    min-width: 1280px;
+    min-width: 1300px;
+    overflow-x: auto;
 }
-body::-webkit-scrollbar {
-    display: none;
-  }
+
+.layout-wrap {
+    width: 100%;
+    min-height: 100vh;
+    position: relative;
+
+}
+
+
 a {
     color: #333;
     text-decoration: none;
@@ -106,6 +113,7 @@
     line-height: 1.5;
     display: flex;
     flex-direction: column;
+
    }
 
 /* 제목 요소와 상호작용하는 요소에 대해 line-height를 더 짧게 설정합니다. */
@@ -163,10 +171,6 @@
     min-height: 10em;
 }
 
-/* 고정된 모든 항목에는 여분의 스크롤 여백이 있어야 합니다. */
-:target {
-    scroll-margin-block: 5ex;
-}
 
 table{
     min-width: 100%;
client/resources/css/responsive.css
--- client/resources/css/responsive.css
+++ client/resources/css/responsive.css
@@ -1,122 +1,0 @@
-/* 480 small */
-@media (min-width: 480px) {
-    .container {
-        max-width: 768px;
-        overflow-x: auto;
-
-    }
-    .content-wrap{
-        min-width: max-content;
-    }
-    .topmenu-wrap{
-        min-width: max-content;
-    }
-    .main-nav::-webkit-scrollbar{
-        height: 2px;
-    }
-
-}
-
-/* 768 medium */
-@media screen and (min-width: 768px ) and (max-width:1024px) {
-    .container {
-        max-width: 1024px;
-        overflow-x: auto;
-
-    }
-    .content-wrap{
-        min-width: max-content;
-    }
-    .topmenu-wrap{
-        min-width: max-content;
-    }
-    .main-nav::-webkit-scrollbar{
-        height: 2px;
-    }
-
-}
-
-/* 1024 large */
-@media screen and (min-width: 1024px)and (max-width:1280px)  {
-    .container {
-        max-width: 1280px;
-        overflow-x: auto;
-
-    }
-
-    .content-wrap{
-        min-width: max-content;
-    }
-    .main-nav{
-        width: 100%;
-        overflow-x: auto;
-    }
-    .topmenu-wrap{
-        min-width: max-content;
-    }
-    .main-nav::-webkit-scrollbar{
-        height: 2px;
-    }
-}
-
-/* 1280 Xlarge */
-@media (min-width: 1280px) {
-    .container {
-        max-width: 100%;
-
-    }
-    .content-wrap{
-        min-width: max-content;
-    }
-
-    .main-nav ul {
-        padding: 10px 10px;
-    }
-
-    .main-nav p {
-        font-size: 1.2rem;
-    }
-
-    .topmenu-wrap p.active {
-        width: 80px;
-    }
-
-    .box-area {
-        flex-wrap: nowrap;
-    }
-    .content-area td {
-        width: 16%;
-    }
-
-    .wrap {
-        overflow-y: scroll;
-    }
-
-    .content-scoll  {
-        height: 200px;
-    }
-
-    .content-table::-webkit-scrollbar {
-        width: 2px;
-    }
-    .content-table::-webkit-scrollbar-thumb{
-        background-color: var(--navbarblue);
-    }
-
-    .content-wrap {
-        padding-left: 20px;
-    }
-
-    .box-overflow {
-        height: 298px;
-    }
-
-    .box-overflow th {
-        word-break: keep-all;
-
-    }
-
-    .table-input input[type="text"] {
-        width: 130px;
-    }
-}
(No newline at end of file)
client/resources/css/style.css
--- client/resources/css/style.css
+++ client/resources/css/style.css
@@ -196,17 +196,6 @@
     font-weight: 600;
 }
 
-/* .text-befor::before {
-    position: absolute;
-    content: '';
-    background: url(../img/component/star-solid.svg) no-repeat;
-    width: 15px;
-    height: 15px;
-    top: 50%;
-    left: 0%;
-    transform: translateY(-50%);
-    color: var(--navbarblue);
-} */
 
 .table-border td.selected {
     background-color: var(--navbarblue);
@@ -238,4 +227,99 @@
 .box-overflow thead {
     position: sticky;
     top: -1px;
-}
(No newline at end of file)
+}
+
+.wrap {
+    width: 100%;
+    height: 100%;
+}
+
+.content {
+    height: 100%;
+}
+
+.content-wrap {
+    padding-left: 20px;
+    gap: 30px;
+}
+
+.container {
+    width: 100%;
+    height: 100%;
+    flex-wrap: nowrap;
+}
+
+select,
+input {
+    font-size: 1.2rem;
+    font-weight: 600;
+}
+
+p,
+td {
+    font-size: 1.3rem;
+    margin-right: 10px;
+}
+
+td,
+p,
+th,
+button {
+    padding: 7px 0;
+    /* text-align: center; */
+    cursor: pointer;
+}
+
+.table-border td,
+.table-border th,
+.table-header th {
+    border-bottom: 1px solid var(--borderlightgray);
+    border-right: 1px solid var(--borderlightgray);
+
+}
+
+.list-table th {
+    color: var(--navbarblue);
+}
+
+
+
+
+.table-area {
+    border: 1px solid var(--bordergray);
+    border-radius: 10px;
+}
+
+.box-wrap {
+    font-size: 1.2rem;
+}
+
+.blue-btn {
+    background-color: var(--navbarblue);
+    color: var(--white);
+    padding: 3px 20px;
+    font-size: 1.3rem;
+    border-radius: 5px;
+
+}
+
+.header-btn p {
+    margin: 0 auto;
+}
+
+.section-wrap{
+    overflow-y: auto;
+    background-color: var(--tableblue);
+    border: 1px solid red;
+}
+
+.Bi002-table{
+    text-align: left;
+}
+.input-box{
+    flex-wrap: nowrap;
+    gap: 1px;
+}
+.input-box input{
+    width: 100%;
+}
client/views/pages/AccountingManagement/BaselineInformation/Bi001.vue
--- client/views/pages/AccountingManagement/BaselineInformation/Bi001.vue
+++ client/views/pages/AccountingManagement/BaselineInformation/Bi001.vue
@@ -1,57 +1,61 @@
 <template>
-    <div class="gd-10 Bi001-page container" style="width: max-content;">
+    <div class="gd-10 Bi001-page container">
         <div class="wrap pd2 flex-column">
             <div class="wrap-title pb1 mb1 flex justify-between">
                 <h1>(회계) 공동 코드 등록</h1>
                 <div class="flex justify-end  gd-5">
 
                     <div class="flex justify-between button-wrap">
-                        <button>초기화</button>
-                        <button>저장</button>
+                        <button class="rest-btn">초기화</button>
+                        <button class="save-btn">저장</button>
                     </div>
 
 
                 </div>
             </div>
             <div class="container  flex">
-                <div class="content gd-3 list-wrap  flex-column">
+                <div class="content gd-2 list-wrap  flex-column ">
                     <div class="content-title flex justify-between mb1">
                         분류목록
                     </div>
                     <div class="content-table pd4 ">
-                        <table class="list-table">
-                            <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
-                            <colgroup>
-                                <col style="width: 20%;">
-                                <col style="width: 80%;">
+                        <div class="box-overflow">
 
-                            </colgroup>
-                            <thead>
-                                <tr class="table-header"
-                                    style="background-color: var(--tableblue); color: var(--navbarblue); ">
-                                    <th>코드분류</th>
-                                    <th>코드분류명</th>
-
-                                </tr>
-                            </thead>
-                            <tbody class="table-border">
-                                <tr v-for="(codeNum) in codeList" key="codeNum.id">
-                                    <td :class="{ 'selected': selectedId === codeNum.id }">{{ codeNum.pathNum }}</td>
-                                    <td @click="clickCodeName(codeNum.id)"
-                                        :class="{ 'selected': selectedId === codeNum.id }">{{ codeNum.pathName }}</td>
-
-                                </tr>
-
-
-                            </tbody>
-                        </table>
+                            <table class="list-table">
+                                <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
+                                <colgroup>
+                                    <col style="width: 20%;">
+                                    <col style="width: 80%;">
+    
+                                </colgroup>
+                                <thead>
+                                    <tr class="table-header"
+                                        style="background-color: var(--tableblue); color: var(--navbarblue); ">
+                                        <th>코드분류</th>
+                                        <th>코드분류명</th>
+    
+                                    </tr>
+                                </thead>
+                                <tbody class="table-border">
+                                    <tr v-for="(codeNum) in codeList" key="codeNum.id">
+                                        <td :class="{ 'selected': selectedId === codeNum.id }">{{ codeNum.pathNum }}</td>
+                                        <td @click="clickCodeName(codeNum.id)"
+                                            :class="{ 'selected': selectedId === codeNum.id }" class="wrap-text">{{
+                                        codeNum.pathName }}</td>
+    
+                                    </tr>
+    
+    
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
 
                 </div>
-                <div class="content gd-9 flex-column content-wrap">
+                <div class="content gd-10 flex-column content-wrap" style="width: 100%;">
                     <div>
                         <div class="content-title mb1 list-box">코드등록</div>
-                        <div class="code-area">
+                        <div class="code-area table-input">
 
                             <table>
 
@@ -152,7 +156,7 @@
                                         <th>코드약칭</th>
                                         <th>정렬순서</th>
                                         <th>사용</th>
-                                        <th>{{ codeInput.pathName1 }}</th>
+                                        <th class="wrap-text">{{ codeInput.pathName1 }}</th>
                                         <th>{{ codeInput.pathName2 }}</th>
                                         <th>{{ codeInput.pathName3 }}</th>
                                         <th>{{ codeInput.pathName4 }}</th>
@@ -163,7 +167,7 @@
                                         <th>{{ codeInput.pathName9 }}</th>
                                         <th>{{ codeInput.pathName10 }}</th>
                                         <th>{{ codeInput.pathName11 }}</th>
-                                        <th>{{ codeInput.pathName12 }}</th>
+                                        <th class="wrap-text">{{ codeInput.pathName12 }}</th>
 
 
 
@@ -172,10 +176,10 @@
                                 <tbody>
                                     <tr>
                                         <td>000101</td>
-                                        <td>기업은행</td>
+                                        <td>합계잔액시산표</td>
                                         <td></td>
                                         <td>0</td>
-                                        <td><input type="checkbox" name="" id="" class="ui-checkbox"></td>
+                                        <td><input type="checkbox" checked name="" id="" class="ui-checkbox"></td>
                                         <td></td>
                                         <td></td>
                                         <td></td>
@@ -235,13 +239,13 @@
                 // 카드번호
                 { id: 2, pathName1: "카드번호", pathName2: "사업장구분", pathName3: "관리부서코드", pathName4: "NBS코드", pathName5: "카드수령일", pathName6: "유형", pathName7: "한도", pathName8: "유효기간(CVC)", pathName9: "사용부서명", pathName10: "담당자/부서장", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 사업장(회계)
-                { id: 3, pathName1: "법인번호", pathName2: "사업자번호", pathName3: "대표자명", pathName4: "업태", pathName5: "종목", pathName6: "대표전화", pathName7: "사업장주소", pathName8: "설립년도", pathName9: "사업장정식명칭", pathName10: "유형", pathName11: "관리항목11", pathName12: "관리항목12" },
+                { id: 3, pathName1: "법인번호", pathName2: "사업자번호", pathName3: "대표자명", pathName4: "업태", pathName5: "종목", pathName6: "대표전화", pathName7: "사업장주소", pathName8: "설립년도", pathName9: "사업장 정식명칭", pathName10: "유형", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 국세청전자(세금)계산서 수정사유코드
                 { id: 4, pathName1: "관리항목1", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 은행코드
                 { id: 5, pathName1: "NBS은행코드", pathName2: "어음할인율(%)", pathName3: "할인한도액", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 지급조건
-                { id: 6, pathName1: "1.현금 2.어음 3.법인카드", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
+                { id: 6, pathName1: "현금/어음/법인카드", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 어음종류
                 { id: 7, pathName1: "관리항목1", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 어음구분
@@ -255,7 +259,7 @@
                 // 전표결제진행상태
                 { id: 12, pathName1: "관리항목1", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 전표결재진행상태
-                { id: 13, pathName1: "계정과목(,로구분)", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
+                { id: 13, pathName1: "계정과목  (,로구분)", pathName2: "관리항목2", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
                 // 국책과제 카드
                 { id: 14, pathName1: "프로젝트 코드", pathName2: "사업장구분", pathName3: "관리항목3", pathName4: "관리항목4", pathName5: "관리항목5", pathName6: "관리항목6", pathName7: "관리항목7", pathName8: "관리항목8", pathName9: "관리항목9", pathName10: "관리항목10", pathName11: "관리항목11", pathName12: "관리항목12" },
             ]
@@ -329,7 +333,8 @@
 .filter-table th {
     text-align: left;
 }
-.gd-10 {
-    width: max-content;
+
+.wrap-text {
+    word-break: keep-all;
 }
 </style>
(No newline at end of file)
client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue
--- client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue
+++ client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue
@@ -1,12 +1,378 @@
 <template>
-    <div class="row gd-10" >Main.vue</div>
+    <div class="gd-10 Bi002-page container">
+        <div class="wrap pd2 flex-column">
+            <div class="wrap-title pb1 mb1 flex justify-between">
+                <h1>거래처 정보 등록</h1>
+                <div class="flex justify-end  gd-5">
 
+                    <div class="flex justify-between button-wrap">
+                        <button class="rest-btn">초기화</button>
+                        <button class="save-btn">저장</button>
+                        <button class="del-btn">삭제</button>
+                    </div>
+
+                </div>
+            </div>
+            <div class="content  flex-column">
+                <div class="row">
+                    <div class="content-title flex justify-between mb1">
+                        조회조건
+                    </div>
+                    <div class="flex justify-between pb1" style="border-bottom: 2px solid var(--bordergray);">
+
+                        <div class="flex justify-start box-wrap gd-10">
+
+                            <div class="flex mr5">
+                                <div>
+                                    <p class="blue-text">사업장</p>
+                                </div>
+                                <select name="" id="" style="width: 150px;">
+                                    <option value="본점">본점(제지)</option>
+                                    <option value="본점(포장)">본점(포장)</option>
+                                    <option value="에너지솔루션(주)">에너지솔루션(주)</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="flex align-center">
+                            <button class="blue-btn">조회</button>
+                        </div>
+
+
+                    </div>
+                </div>
+            </div>
+            <div class="gd-12 flex">
+
+                <div class="gd-5" style="width: 100%; height: 100px;">
+                    <div class="content-title flex justify-between pt2 pb2">
+                        거래처 정보
+                    </div>
+                    <div style="border-bottom: 2px solid var(--borderlightgray);">
+                        <table class="list-table">
+                            <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
+                            <colgroup>
+                                <col style="width: 10%;">
+                                <col style="width: 20%;">
+                                <col style="width: 20%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+
+                            </colgroup>
+                            <thead>
+                                <tr class="table-header"
+                                    style="background-color: var(--tableblue); color: var(--navbarblue); ">
+                                    <th>코드</th>
+                                    <th>거래처명</th>
+                                    <th>사업자번호</th>
+                                    <th>매입</th>
+                                    <th>매출</th>
+                                    <th>회계</th>
+                                    <th>영업</th>
+                                    <th>원자재</th>
+                                    <th>부자재</th>
+                                    <th>폐기물</th>
+                                    <th>약품</th>
+
+                                </tr>
+                            </thead>
+                            <tbody class="table-border">
+                                <tr v-for="(codeNum) in codeList" key="codeNum.id">
+                                    <td>{{ codeNum.pathNum }}</td>
+                                    <td>{{ codeNum.pathName }}</td>
+                                    <td>{{ codeNum.businessNum }}</td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                    <td><input type="checkbox" class="ui-checkbox"></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="flex justify-end">
+                        <button>거래처 찾기</button>
+                    </div>
+                </div>
+                <div class="gd-7" style="padding-left: 30px;">
+                    <div class="flex-column justify-between" style="gap: 30px;">
+                        <div class="content-title flex justify-between mb1">
+                            거래처 등록
+                        </div>
+                        <div class="section-wrap pd3">
+                            <table class="Bi002-table flex">
+                                <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
+                                <colgroup>
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 15%;">
+                      
+                              
+
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th>코드</th>
+                                        <td><input type="text" name="" id=""></td>
+                                        <td><button>거래처복사</button></td>
+                                    </tr>
+                                    <tr>
+                                        <th>거래처명</th>
+                                        <td><input type="text" name="" id=""></td>
+                                        <th>약칭명</th>
+                                        <td><input type="text" name="" id=""></td>
+                                    </tr>
+                                    <tr>
+                                        <th>사업자번호</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>종사업자번호</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>법인/주민번호</th>
+                                        <td class="flex input-box">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>세금계산서종류</th>
+                                        <td class="flex input-box">
+                                            <select name="" id="">
+                                                <option value="">전자세금계산서</option>
+                                                <option value="">종이세금계산서</option>
+                                                <option value="">기타</option>
+                                            </select>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>대표자명</th>
+                                        <td class="flex input-box">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>홈페이지</th>
+                                        <td>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>업태</th>
+                                        <td>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>종목</th>
+                                        <td>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr class="address-row">
+                                        <th>사업장주소</th>
+                                        <td colspan="1" style="border: 1px solid red;">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <td>
+                                            <button>검색</button>
+                                            
+                                        </td>
+                                        <td   class="flex input-box">
+                                            <input type="text" name="" id="">
+
+                                        </td>
+
+                                    </tr>
+                                    <tr>
+
+                                        <th>전화번호</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+
+                                        <th>팩스번호</th>
+                                        <td class="input-box flex"> 
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>사업자구분</th>
+                                        <td class="flex">
+                                            <select name="" id="">
+                                                <option value="">법인</option>
+                                                <option value="">개인</option>
+                                            </select>
+                                        </td>
+                                        <th>해외여부</th>
+                                        <td class="input-box flex">
+                                            <select name="" id="">
+                                                <option value="">국내</option>
+                                                <option value="">해외</option>
+                                            </select>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>과세구분</th>
+                                        <td class="flex">
+                                            <select name="" id="">
+                                                <option value="">과세</option>
+                                                <option value="">면세</option>
+                                            </select>
+                                        </td>
+                                        <th>거래코드</th>
+                                        <td class="input-box flex">
+                                            <select name="" id="">
+                                                <option value="">내수</option>
+                                                <option value="">Local</option>
+                                                <option value="">직수출</option>
+                                            </select>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>특수관계자</th>
+                                        <td>
+                                            <select name="" id="">
+                                                <option value="">일반</option>
+                                            </select>
+                                        </td>
+                                        <th>계약기간</th>
+                                        <td class="input-box flex">
+                                            <input class=" mr1" type="date" id="date" value="2024-03-04">~
+                                            <input class=" mr1" type="date" id="date" value="2024-03-04">
+
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>담당자1</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>담당자2</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>모바일번호1</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>모바일번호2</th>
+                                        <td class="input-box flex">
+                                            <input type="text" name="" id="">
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>이메일1</th>
+                                        <td>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                        <th>이메일2</th>
+                                        <td>
+                                            <input type="text" name="" id="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>거래여부</th>
+                                        <td>
+                                            <input type="checkbox" name="" id="a">
+                                            <label for="a">거래</label>
+                                            <input type="checkbox" name="" id="b">
+                                            <label for="b">중지</label>
+                                        </td>
+                                        <th>지급조건</th>
+                                        <td>
+                                            <select name="" id="">
+                                                <option value="">현금 1개월</option>
+                                                <option value="">현금 2개월</option>
+                                                <option value="">현금 3개월</option>
+                                                <option value="">현금 중간결제</option>
+                                                <option value="">현금 매월25일</option>
+                                                <option value="">현금 매월27일</option>
+                                                <option value="">현금 매월말일</option>
+                                                <option value="">어음 1개월 초</option>
+                                                <option value="">어음 1개월 중</option>
+                                                <option value="">어음 1개월 말</option>
+                                                <option value="">어음 2개월 초</option>
+                                                <option value="">어음 2개월 중</option>
+                                                <option value="">어음 2개월 말</option>
+                                                <option value="">어음 3개월 초</option>
+                                                <option value="">어음 3개월 중</option>
+                                                <option value="">어음 3개월 말</option>
+                                                <option value="">법인카드</option>
+                                            </select>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>거래구분</th>
+                                        <td >
+                                            <input type="checkbox" name="" id="a">
+                                            <label for="a">매입</label>
+                                            <input type="checkbox" name="" id="b">
+                                            <label for="b">매출</label>
+                                        </td>
+                                        <td  colspan="6">
+                                            <input type="text">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>사용처</th>
+                                        <th colspan="6">
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">회계</label>
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">영업</label>
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">원자재</label>
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">부자재</label>
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">폐기물</label>
+                                            <input type="checkbox" name="" id="c">
+                                            <label for="c">약품</label>
+                                        </th>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <div class=" section-wrap">
+                            xpdlqmf
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script>
 export default {
-    data () {
+    data() {
         return {
+            codeList: [
+                { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", }
+            ]
         }
     },
     methods: {
@@ -23,6 +389,5 @@
     }
 }
 </script>
-<style>
 
-</style>
(No newline at end of file)
+<style></style>
(No newline at end of file)
client/views/pages/AccountingManagement/ChitManagement/Cm002.vue
--- client/views/pages/AccountingManagement/ChitManagement/Cm002.vue
+++ client/views/pages/AccountingManagement/ChitManagement/Cm002.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="gd-10 Bi001-page container">
-        <div class="wrap pd2 flex-column content-wrap">
+        <div class="wrap pd2 flex-column">
             <div class="wrap-title pb1 mb1 flex justify-between">
                 <h1>전표 작성(일반)</h1>
                 <div class="flex justify-end  gd-5">
@@ -483,83 +483,6 @@
 </script>
 
 <style scoped>
-.wrap {
-    width: 100%;
-    height: 100%;
-}
-
-.content {
-    height: 100%;
-}
-
-.content-wrap {
-    padding-left: 20px;
-    gap: 30px;
-}
-
-.container {
-    width: 100%;
-    height: 100%;
-    flex-wrap: nowrap;
-}
-
-select,
-input {
-    font-size: 1.2rem;
-    font-weight: 600;
-}
-
-p,
-td {
-    font-size: 1.3rem;
-    margin-right: 10px;
-}
-
-td,
-p,
-th,
-button {
-    padding: 7px 0;
-    text-align: center;
-    cursor: pointer;
-}
-
-.table-border td,
-.table-border th,
-.table-header th {
-    border-bottom: 1px solid var(--borderlightgray);
-    border-right: 1px solid var(--borderlightgray);
-
-}
-
-.list-table th {
-    color: var(--navbarblue);
-}
-
-
-
-
-.table-area {
-    border: 1px solid var(--bordergray);
-    border-radius: 10px;
-}
-
-.box-wrap {
-    font-size: 1.2rem;
-}
-
-.blue-btn {
-    background-color: var(--navbarblue);
-    color: var(--white);
-    padding: 3px 20px;
-    font-size: 1.3rem;
-    border-radius: 5px;
-
-}
-
-.header-btn p {
-    margin: 0 auto;
-}
 
 
 
client/views/pages/App.vue
--- client/views/pages/App.vue
+++ client/views/pages/App.vue
@@ -1,8 +1,8 @@
 <template>
-   <div class="flex-column" style=" height: 100%; flex-basis: 0;">
+   <div class="flex-column layout-wrap" >
       <Header></Header>
       <Menu @itemSelected="handleItemSelected"></Menu>
-      <div class="wrapper flex" style="flex-basis: auto;">
+      <div class="wrapper flex">
          <SideMenu :selectedId="selectedId" class="gd-2"></SideMenu>
          <router-view/>
       </div>
Add a comment
List