Commit @b60b3943c2b12098a9f91f2b07cfc6cebd286fb5

mycoms 2024-03-11

240311 김하영 로그인페이지 이미지 default

@b60b3943c2b12098a9f91f2b07cfc6cebd286fb5

ac79f59

b60b394

client/resources/css/component.css

--- client/resources/css/component.css

+++ client/resources/css/component.css


 /* 메인 */
 
 header {
-    background-color: #fff;
-    /* padding: 15px 30px; */
+    background-color: var(--headergray);
+    padding: 3px 30px;
     grid-area: header;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1;
+    color: white;
 }
 /* .app-wrap{
     border: 1px solid red;

     width: 100%;
     height: 100%;
     position: absolute;
-    top: 0px;
+    top: 15px;
     left: 0px;
     flex-wrap: nowrap;
     padding-top: 58.5px;
     font-family: 'Pretendard';
     background-color: var(--white);
 }
-/* 
-.main-nav {
-    position: absolute;
-    top: 70px;
-    left: 0;
-    width: 100%;
-    z-index: 2;
-} */
 
 .main-nav {
     position: absolute;
-    /* top: 70px; */
+    top: 21px;
     left: 0;
     width: 100%;
     z-index: 2;

 
 .blue-btn,
 .blue-border-btn:hover {
-    background-color: var(--blue);
     color: var(--white);
     transition: all 0.3s ease-in-out;
 }

     transition: all 0.3s ease-in-out;
 }
 
+.blue-small-btn{
+    background-color: var(--white);
+    border: 1px solid var(--navbarblue);
+    padding: 1px 23px;
+    border-radius: 5px;
+    font-size: 1.3rem;
+    font-weight: 500;
+
+}
 
 .blue-border-btn {
     border: 1px solid var(--blue);

 
 .orange-border-btn {
     border: 1px solid var(--orange);
-    ;
     color: var(--orange);
     background-color: var(--white);
 }

     color: var(--white);
     border-radius: 50%;
 }
+.green-excel-btn{
+    border: 1px solid var(--green);
+    border-radius: 5px;
+    padding: 5px 15px;
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--green);
+
+}
+.red-del-btn{
+    border: 1px solid var(--red);
+    border-radius: 5px;
+    padding: 5px 15px;
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--red);
+
+}
+.blue-save-btn{
+    border: 1px solid var(--navbarblue);
+    border-radius: 5px;
+    padding: 5px 15px;
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--navbarblue);
+
+}
+
 
 
 

ac79f59

b60b394

client/resources/css/reset.css

--- client/resources/css/reset.css

+++ client/resources/css/reset.css


     --dark: #343a40;
     --light:#eeeeee;
     --headergray: #4f4f4f;
-    --navbarblue :#005aab;
+    --navbarblue :#006ed2;
     --sidenavgray: #eceef2;
     --lightbeige: #f8f8f8;
     --bordergray: #c9c9c9;

ac79f59

b60b394

client/resources/css/style.css

--- client/resources/css/style.css

+++ client/resources/css/style.css


     background-color: var(--white);
 
 }
-
+.login-img{
+    background: url(../img/login/defaultImage.jpg) no-repeat;
+    width: 100%;
+    height: 100%;
+    background-size: cover;
+    
+}
 .login-box p {
     font-size: 1.5rem;
     color: var(--navbarblue);

     width: 100%;
     color: var(--dark);
 }
-
 
 .logo {
     width: 300px;

     text-align: center;
     border-top: 1px solid var(--borderlightgray);
     word-break: keep-all;
-}
+}
+
+/* 잔액 이월 전표 등록 */
+
+.Bi001-wrap{
+    background-color: var(--lightbeige);
+}

ac79f59

b60b394

client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue

--- client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue

+++ client/views/pages/AccountingManagement/BaselineInformation/Bi002.vue


                             </div>
                         </div>
                         <div class="flex align-center">
-                            <button class="blue-btn">조회</button>
+                            <button class="blue-btn" style="padding-top: 7px ; padding-bottom: 7px;">조회(F12)</button>
                         </div>
 
 

ac79f59

b60b394

client/views/pages/AccountingManagement/ChitManagement/Cm001.vue

--- client/views/pages/AccountingManagement/ChitManagement/Cm001.vue

+++ client/views/pages/AccountingManagement/ChitManagement/Cm001.vue


 <template>
-    <div class="gd-10 Bi003-page container">
+    <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>
             </div>
-            <div class="content  flex-column">
-                <div class="row">
-                    <div class="content-title flex justify-between mb1">
-                        조회조건
+            <div class="content  flex-column Bi001-content">
+                <div class="Bi001-wrap flex-column pd1 mb1">
+                    <div class="mb1">
+                        <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 class="flex mr5">
+                                    <div>
+                                        <p class="blue-text">작성일자</p>
+                                    </div>
+                                    <div>
+                                        <input type="date"> ~
+                                        <input type="date">
+                                    </div>
+                                </div>
+                                <div class="flex mr5">
+                                    <div>
+                                        <p class="blue-text">계정과목</p>
+                                    </div>
+                                    <div>
+                                        <input type="text" class="content-w30">
+                                        <button>검색</button>
+                                        <input type="text" class="content-w60">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex align-center">
+                                <button class="blue-btn"
+                                    style="padding-top: 7px ; padding-bottom: 7px;">조회(F12)</button>
+                            </div>
+                        </div>
                     </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 class="flex-column">
+                        <div class="flex justify-between mb1">
+                            <div class="content-title">
+                                이월전표등록
                             </div>
-                            <div class="flex mr5">
-                                <div>
-                                    <p class="blue-text">작성일자</p>
-                                </div>
-                                <div>
-                                    <input type="date"> ~
-                                    <input type="date">
-                                </div>
-                            </div>
-                            <div class="flex mr5">
-                                <div>
-                                    <p class="blue-text">계정과목</p>
-                                </div>
-                                <div>
-                                    <input type="text">
-                                    <input type="text">
-                                </div>
+                            <div class="flex justify-end gd-2">
+                                <button class="blue-small-btn mr1" style="color: var(--navbarblue);">신규전표입력</button>
+                                <button  class="blue-small-btn" style="color: var(--navbarblue);">연변추가입력</button>
                             </div>
                         </div>
-                        <div class="flex align-center">
-                            <button class="blue-btn">조회</button>
+                        <div class="Bi003-list flex mb1 ">
+                            <table class="list-table">
+                                <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
+                                <colgroup>
+                                    <col style="width: 9%;">
+                                    <col style="width: 5%;">
+                                    <col style="width: 5%;">
+                                    <col style="width: 9%;">
+                                    <col style="width: 13%;">
+                                    <col style="width: 9%;">
+                                    <col style="width: 13%;">
+                                    <col style="width: 9%;">
+                                    <col style="width: 9%;">
+                                    <col style="width: 9%;">
+
+                                </colgroup>
+                                <thead>
+                                    <tr class="table-header">
+                                        <th>작성일자</th>
+                                        <th>전표NO</th>
+                                        <th>연번</th>
+                                        <th colspan="2">계정과목</th>
+                                        <th colspan="2">관리항목1</th>
+                                        <th>관리항목2</th>
+                                        <th>차변금액</th>
+                                        <th>대변금액</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr class="table-border" v-for="(codePath, index) in codeList">
+                                        <td>{{ codePath.date }}</td>
+                                        <td>{{ codePath.num }}</td>
+                                        <td>{{ codePath.num2 }}</td>
+                                        <td>{{ codePath.nameNum }}</td>
+                                        <td>{{ codePath.name }}</td>
+                                        <td>{{ codePath.listNum }}</td>
+                                        <td>{{ codePath.listName }}</td>
+                                        <td>{{ codePath.num3 }}</td>
+                                        <td>{{ codePath.money }}</td>
+                                        <td>{{ codePath.money2 }}</td>
+                                    </tr>
+                                </tbody>
+                            </table>
                         </div>
+                        <div class="flex justify-end ">
+                            <button class="green-excel-btn mr1">엑셀</button>
+                            <button class="red-del-btn mr1">삭제</button>
+                            <button class="blue-save-btn">저장</button>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="content-title flex justify-between mb1">
+                        이월전표내역
+                    </div>
+                    <div class="Bi003-list flex mb1">
+                        <table class="list-table">
+                            <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
+                            <colgroup>
+                                <col style="width: 9%;">
+                                <col style="width: 5%;">
+                                <col style="width: 5%;">
+                                <col style="width: 22%;">
+                                <col style="width: 22%;">
+                                <col style="width: 9%;">
+                                <col style="width: 9%;">
+                                <col style="width: 9%;">
 
+                            </colgroup>
+                            <thead>
+                                <tr class="table-header">
+                                    <th>작성일자</th>
+                                    <th>전표NO</th>
+                                    <th>연번</th>
+                                    <th>계정과목</th>
+                                    <th>관리항목1</th>
+                                    <th>관리항목2</th>
+                                    <th class="table-align">차변금액</th>
+                                    <th class="table-align">대변금액</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="table-border" v-for="(codePathHistroy) in codeList">
+                                    <td>{{ codePathHistroy.date }}</td>
+                                    <td>{{ codePathHistroy.num }}</td>
+                                    <td>{{ codePathHistroy.num2 }}</td>
+                                    <td>{{ codePathHistroy.nameNum }}{{ codePathHistroy.name }}</td>
+                                    <td>{{ codePathHistroy.listNum }}{{ codePathHistroy.listName }}</td>
+                                    <td>{{ codePathHistroy.num3 }}</td>
+                                    <td>{{ codePathHistroy.money }}</td>
+                                    <td>{{ codePathHistroy.money2 }}</td>
 
+                                </tr>
+
+                                <tr v-if="postList === 0">
+                                    <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
+                                </tr>
+                            </tbody>
+                        </table>
                     </div>
                 </div>
             </div>

 export default {
     data() {
         return {
+            codeList: [
+                { date: "20219", num: "0007", num2: "0001", nameNum: "1102041", name: "대손충당금(미수금)", listNum: "111474", listName: "(주)서광지관", num3: "353-1505-5123-74", money: "350,000,000", money2: "565,550,000" }
+            ],
         }
     },
     methods: {

     }
 }
 </script>
-<style></style>
+<style scoped>
+button{
+    font-size: 1.4rem;
+}
+</style>

ac79f59

b60b394

client/views/pages/App.vue

--- client/views/pages/App.vue

+++ client/views/pages/App.vue


 <template>
   <div class="flex-column layout-wrap">
-    <!-- <Header></Header> -->
+    <Header></Header>
     <Menu @itemSelected="handleItemSelected"></Menu>
     <div class="wrapper flex" :class="loginUser != null ? 'main' : 'login'">
       <SideMenu :selectedId="selectedId" class="gd-2"></SideMenu>

ac79f59

b60b394

client/views/pages/layout/Header.vue

--- client/views/pages/layout/Header.vue

+++ client/views/pages/layout/Header.vue


 <template>
     <header>
 
-        <div class="logo-wrap gd flex justify-between align-center ">
-            <router-link to="/Bi002.page" class="logo gd-1"></router-link>
-            <div class="flex justify-end  gd-2 logo-btn">
-                <div class=" header-btn">
-                    <p class="btn-img1"></p>
-                    <a href="/">사용설명서</a>
-                </div>
-                <div class=" header-btn">
-                    <p class="btn-img3"></p>
-                    <a href="/">박정현님</a>
-                </div>
-                <div class=" header-btn">
-                    <p class="btn-img2"></p>
-                    <a href="/">로그아웃</a>
-                </div>
-              
-              
-            </div>
+        <div class="logo-wrap gd flex justify-end  align-center ">
+            <a href="/">박정현님</a> |
+            <a href="/">로그아웃</a>
         </div>
     </header>
 

 }
 </script>
 
-<style scoped>
-.topheader {
-    background-color: var(--headergray);
-    padding: 2px 30px;
-}
-
-.topheader p,
-.topheader button {
-    padding: 0.1% 0;
-    color: var(--white);
-    font-size: 1.4rem;
-}
-
-.header-btn {
-    width: 50px;
-    height: 50px;
-    background-color: var(--white);
-    border-radius: 5px;
-    text-align: center;
-    margin-left: 2%;
-    padding: 3% 0;
-    box-shadow: 1px 1px 5px #00000031;
-
-}
-
-.header-btn p {
-    margin: 0 auto;
-    width: 20px;
-    height: 20px;
-    background-size: contain;
-}
-</style>
+<style scoped></style>

ac79f59

b60b394

client/views/pages/layout/Menu.vue

--- client/views/pages/layout/Menu.vue

+++ client/views/pages/layout/Menu.vue

...	...	@@ -16,14 +16,14 @@
16	16	<p class="btn-img1"></p>
17	17	<a href="/">사용설명서</a>
18	18	</div>
19		- <div class=" header-btn">
	19	+ <!-- <div class=" header-btn">
20	20	<p class="btn-img3"></p>
21	21	<a href="/">박정현님</a>
22	22	</div>
23	23	<div class=" header-btn">
24	24	<p class="btn-img2"></p>
25	25	<a href="/">로그아웃</a>
26		- </div>
	26	+ </div> -->
27	27	</div>
28	28
29	29

ac79f59

b60b394

client/views/pages/login/Login.vue

--- client/views/pages/login/Login.vue

+++ client/views/pages/login/Login.vue


                     <label for="fileUpload" style="display: block; width: 100%; height: 100%; cursor: pointer;">
                         <img v-if="imagePreview" :src="imagePreview" alt="Image preview"
                             style="width: 100%; height: 100%;">
-                        <div v-else style="width: 100%; height: 100%;" src="../../../resources/img/login/defaultImage.jpg"></div>
+                        <div v-else style="width: 100%; height: 100%;" class="login-img"></div>
                     </label>
                 </div>
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -5,14 +5,15 @@
5	5	/* 메인 */
6	6
7	7	header {
8		- background-color: #fff;
9		- /* padding: 15px 30px; */
	8	+ background-color: var(--headergray);
	9	+ padding: 3px 30px;
10	10	grid-area: header;
11	11	position: absolute;
12	12	top: 0;
13	13	left: 0;
14	14	width: 100%;
15	15	z-index: 1;
	16	+ color: white;
16	17	}
17	18	/* .app-wrap{
18	19	border: 1px solid red;
...	...	@@ -22,25 +23,17 @@
22	23	width: 100%;
23	24	height: 100%;
24	25	position: absolute;
25		- top: 0px;
	26	+ top: 15px;
26	27	left: 0px;
27	28	flex-wrap: nowrap;
28	29	padding-top: 58.5px;
29	30	font-family: 'Pretendard';
30	31	background-color: var(--white);
31	32	}
32		-/*
33		-.main-nav {
34		- position: absolute;
35		- top: 70px;
36		- left: 0;
37		- width: 100%;
38		- z-index: 2;
39		-} */
40	33
41	34	.main-nav {
42	35	position: absolute;
43		- /* top: 70px; */
	36	+ top: 21px;
44	37	left: 0;
45	38	width: 100%;
46	39	z-index: 2;
...	...	@@ -130,7 +123,6 @@
130	123
131	124	.blue-btn,
132	125	.blue-border-btn:hover {
133		- background-color: var(--blue);
134	126	color: var(--white);
135	127	transition: all 0.3s ease-in-out;
136	128	}
...	...	@@ -170,6 +162,15 @@
170	162	transition: all 0.3s ease-in-out;
171	163	}
172	164
	165	+.blue-small-btn{
	166	+ background-color: var(--white);
	167	+ border: 1px solid var(--navbarblue);
	168	+ padding: 1px 23px;
	169	+ border-radius: 5px;
	170	+ font-size: 1.3rem;
	171	+ font-weight: 500;
	172	+
	173	+}
173	174
174	175	.blue-border-btn {
175	176	border: 1px solid var(--blue);
...	...	@@ -191,7 +192,6 @@
191	192
192	193	.orange-border-btn {
193	194	border: 1px solid var(--orange);
194		- ;
195	195	color: var(--orange);
196	196	background-color: var(--white);
197	197	}
...	...	@@ -243,6 +243,34 @@
243	243	color: var(--white);
244	244	border-radius: 50%;
245	245	}
	246	+.green-excel-btn{
	247	+ border: 1px solid var(--green);
	248	+ border-radius: 5px;
	249	+ padding: 5px 15px;
	250	+ font-size: 1.3rem;
	251	+ font-weight: 600;
	252	+ color: var(--green);
	253	+
	254	+}
	255	+.red-del-btn{
	256	+ border: 1px solid var(--red);
	257	+ border-radius: 5px;
	258	+ padding: 5px 15px;
	259	+ font-size: 1.3rem;
	260	+ font-weight: 600;
	261	+ color: var(--red);
	262	+
	263	+}
	264	+.blue-save-btn{
	265	+ border: 1px solid var(--navbarblue);
	266	+ border-radius: 5px;
	267	+ padding: 5px 15px;
	268	+ font-size: 1.3rem;
	269	+ font-weight: 600;
	270	+ color: var(--navbarblue);
	271	+
	272	+}
	273	+
246	274
247	275
248	276

...	...	@@ -26,7 +26,7 @@
26	26	--dark: #343a40;
27	27	--light:#eeeeee;
28	28	--headergray: #4f4f4f;
29		- --navbarblue :#005aab;
	29	+ --navbarblue :#006ed2;
30	30	--sidenavgray: #eceef2;
31	31	--lightbeige: #f8f8f8;
32	32	--bordergray: #c9c9c9;

...	...	@@ -8,7 +8,13 @@
8	8	background-color: var(--white);
9	9
10	10	}
11		-
	11	+.login-img{
	12	+ background: url(../img/login/defaultImage.jpg) no-repeat;
	13	+ width: 100%;
	14	+ height: 100%;
	15	+ background-size: cover;
	16	+
	17	+}
12	18	.login-box p {
13	19	font-size: 1.5rem;
14	20	color: var(--navbarblue);
...	...	@@ -134,7 +140,6 @@
134	140	width: 100%;
135	141	color: var(--dark);
136	142	}
137		-
138	143
139	144	.logo {
140	145	width: 300px;
...	...	@@ -531,4 +536,10 @@
531	536	text-align: center;
532	537	border-top: 1px solid var(--borderlightgray);
533	538	word-break: keep-all;
534		-} (파일 끝에 줄바꿈 문자 없음)
	539	+}
	540	+
	541	+/* 잔액 이월 전표 등록 */
	542	+
	543	+.Bi001-wrap{
	544	+ background-color: var(--lightbeige);
	545	+}

...	...	@@ -34,7 +34,7 @@
34	34	</div>
35	35	</div>
36	36	<div class="flex align-center">
37		- <button class="blue-btn">조회</button>
	37	+ <button class="blue-btn" style="padding-top: 7px ; padding-bottom: 7px;">조회(F12)</button>
38	38	</div>
39	39
40	40

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <div class="gd-10 Bi003-page container">
	2	+ <div class="gd-10 Bi001-page container">
3	3	<div class="wrap pd2 flex-column">
4	4	<div class="wrap-title pb1 mb1 flex justify-between">
5	5	<h1>잔액 이월 전표 등록</h1>
...	...	@@ -12,49 +12,161 @@
12	12
13	13	</div>
14	14	</div>
15		- <div class="content flex-column">
16		- <div class="row">
17		- <div class="content-title flex justify-between mb1">
18		- 조회조건
	15	+ <div class="content flex-column Bi001-content">
	16	+ <div class="Bi001-wrap flex-column pd1 mb1">
	17	+ <div class="mb1">
	18	+ <div class="content-title flex justify-between mb1">
	19	+ 조회조건
	20	+ </div>
	21	+ <div class="flex justify-between pb1" style="border-bottom: 2px solid var(--bordergray);">
	22	+
	23	+ <div class="flex justify-start box-wrap gd-10">
	24	+
	25	+ <div class="flex mr5">
	26	+ <div>
	27	+ <p class="blue-text">사업장</p>
	28	+ </div>
	29	+ <select name="" id="" style="width: 150px;">
	30	+ <option value="본점">본점(제지)</option>
	31	+ <option value="본점(포장)">본점(포장)</option>
	32	+ <option value="에너지솔루션(주)">에너지솔루션(주)</option>
	33	+ </select>
	34	+ </div>
	35	+ <div class="flex mr5">
	36	+ <div>
	37	+ <p class="blue-text">작성일자</p>
	38	+ </div>
	39	+ <div>
	40	+ <input type="date"> ~
	41	+ <input type="date">
	42	+ </div>
	43	+ </div>
	44	+ <div class="flex mr5">
	45	+ <div>
	46	+ <p class="blue-text">계정과목</p>
	47	+ </div>
	48	+ <div>
	49	+ <input type="text" class="content-w30">
	50	+ <button>검색</button>
	51	+ <input type="text" class="content-w60">
	52	+ </div>
	53	+ </div>
	54	+ </div>
	55	+ <div class="flex align-center">
	56	+ <button class="blue-btn"
	57	+ style="padding-top: 7px ; padding-bottom: 7px;">조회(F12)</button>
	58	+ </div>
	59	+ </div>
19	60	</div>
20		- <div class="flex justify-between pb1" style="border-bottom: 2px solid var(--bordergray);">
21		-
22		- <div class="flex justify-start box-wrap gd-10">
23		-
24		- <div class="flex mr5">
25		- <div>
26		- <p class="blue-text">사업장</p>
27		- </div>
28		- <select name="" id="" style="width: 150px;">
29		- <option value="본점">본점(제지)</option>
30		- <option value="본점(포장)">본점(포장)</option>
31		- <option value="에너지솔루션(주)">에너지솔루션(주)</option>
32		- </select>
	61	+ <div class="flex-column">
	62	+ <div class="flex justify-between mb1">
	63	+ <div class="content-title">
	64	+ 이월전표등록
33	65	</div>
34		- <div class="flex mr5">
35		- <div>
36		- <p class="blue-text">작성일자</p>
37		- </div>
38		- <div>
39		- <input type="date"> ~
40		- <input type="date">
41		- </div>
42		- </div>
43		- <div class="flex mr5">
44		- <div>
45		- <p class="blue-text">계정과목</p>
46		- </div>
47		- <div>
48		- <input type="text">
49		- <input type="text">
50		- </div>
	66	+ <div class="flex justify-end gd-2">
	67	+ <button class="blue-small-btn mr1" style="color: var(--navbarblue);">신규전표입력</button>
	68	+ <button class="blue-small-btn" style="color: var(--navbarblue);">연변추가입력</button>
51	69	</div>
52	70	</div>
53		- <div class="flex align-center">
54		- <button class="blue-btn">조회</button>
	71	+ <div class="Bi003-list flex mb1 ">
	72	+ <table class="list-table">
	73	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	74	+ <colgroup>
	75	+ <col style="width: 9%;">
	76	+ <col style="width: 5%;">
	77	+ <col style="width: 5%;">
	78	+ <col style="width: 9%;">
	79	+ <col style="width: 13%;">
	80	+ <col style="width: 9%;">
	81	+ <col style="width: 13%;">
	82	+ <col style="width: 9%;">
	83	+ <col style="width: 9%;">
	84	+ <col style="width: 9%;">
	85	+
	86	+ </colgroup>
	87	+ <thead>
	88	+ <tr class="table-header">
	89	+ <th>작성일자</th>
	90	+ <th>전표NO</th>
	91	+ <th>연번</th>
	92	+ <th colspan="2">계정과목</th>
	93	+ <th colspan="2">관리항목1</th>
	94	+ <th>관리항목2</th>
	95	+ <th>차변금액</th>
	96	+ <th>대변금액</th>
	97	+ </tr>
	98	+ </thead>
	99	+ <tbody>
	100	+ <tr class="table-border" v-for="(codePath, index) in codeList">
	101	+ <td>{{ codePath.date }}</td>
	102	+ <td>{{ codePath.num }}</td>
	103	+ <td>{{ codePath.num2 }}</td>
	104	+ <td>{{ codePath.nameNum }}</td>
	105	+ <td>{{ codePath.name }}</td>
	106	+ <td>{{ codePath.listNum }}</td>
	107	+ <td>{{ codePath.listName }}</td>
	108	+ <td>{{ codePath.num3 }}</td>
	109	+ <td>{{ codePath.money }}</td>
	110	+ <td>{{ codePath.money2 }}</td>
	111	+ </tr>
	112	+ </tbody>
	113	+ </table>
55	114	</div>
	115	+ <div class="flex justify-end ">
	116	+ <button class="green-excel-btn mr1">엑셀</button>
	117	+ <button class="red-del-btn mr1">삭제</button>
	118	+ <button class="blue-save-btn">저장</button>
	119	+ </div>
	120	+ </div>
	121	+ </div>
	122	+ <div>
	123	+ <div class="content-title flex justify-between mb1">
	124	+ 이월전표내역
	125	+ </div>
	126	+ <div class="Bi003-list flex mb1">
	127	+ <table class="list-table">
	128	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	129	+ <colgroup>
	130	+ <col style="width: 9%;">
	131	+ <col style="width: 5%;">
	132	+ <col style="width: 5%;">
	133	+ <col style="width: 22%;">
	134	+ <col style="width: 22%;">
	135	+ <col style="width: 9%;">
	136	+ <col style="width: 9%;">
	137	+ <col style="width: 9%;">
56	138
	139	+ </colgroup>
	140	+ <thead>
	141	+ <tr class="table-header">
	142	+ <th>작성일자</th>
	143	+ <th>전표NO</th>
	144	+ <th>연번</th>
	145	+ <th>계정과목</th>
	146	+ <th>관리항목1</th>
	147	+ <th>관리항목2</th>
	148	+ <th class="table-align">차변금액</th>
	149	+ <th class="table-align">대변금액</th>
	150	+ </tr>
	151	+ </thead>
	152	+ <tbody>
	153	+ <tr class="table-border" v-for="(codePathHistroy) in codeList">
	154	+ <td>{{ codePathHistroy.date }}</td>
	155	+ <td>{{ codePathHistroy.num }}</td>
	156	+ <td>{{ codePathHistroy.num2 }}</td>
	157	+ <td>{{ codePathHistroy.nameNum }}{{ codePathHistroy.name }}</td>
	158	+ <td>{{ codePathHistroy.listNum }}{{ codePathHistroy.listName }}</td>
	159	+ <td>{{ codePathHistroy.num3 }}</td>
	160	+ <td>{{ codePathHistroy.money }}</td>
	161	+ <td>{{ codePathHistroy.money2 }}</td>
57	162
	163	+ </tr>
	164	+
	165	+ <tr v-if="postList === 0">
	166	+ <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
	167	+ </tr>
	168	+ </tbody>
	169	+ </table>
58	170	</div>
59	171	</div>
60	172	</div>
...	...	@@ -66,6 +178,9 @@
66	178	export default {
67	179	data() {
68	180	return {
	181	+ codeList: [
	182	+ { date: "20219", num: "0007", num2: "0001", nameNum: "1102041", name: "대손충당금(미수금)", listNum: "111474", listName: "(주)서광지관", num3: "353-1505-5123-74", money: "350,000,000", money2: "565,550,000" }
	183	+ ],
69	184	}
70	185	},
71	186	methods: {
...	...	@@ -82,4 +197,8 @@
82	197	}
83	198	}
84	199	</script>
85		-<style></style> (파일 끝에 줄바꿈 문자 없음)
	200	+<style scoped>
	201	+button{
	202	+ font-size: 1.4rem;
	203	+}
	204	+</style> (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -1,6 +1,6 @@
1	1	<template>
2	2	<div class="flex-column layout-wrap">
3		- <!-- <Header></Header> -->
	3	+ <Header></Header>
4	4	<Menu @itemSelected="handleItemSelected"></Menu>
5	5	<div class="wrapper flex" :class="loginUser != null ? 'main' : 'login'">
6	6	<SideMenu :selectedId="selectedId" class="gd-2"></SideMenu>

...	...	@@ -10,7 +10,7 @@
10	10	<label for="fileUpload" style="display: block; width: 100%; height: 100%; cursor: pointer;">
11	11	<img v-if="imagePreview" :src="imagePreview" alt="Image preview"
12	12	style="width: 100%; height: 100%;">
13		- <div v-else style="width: 100%; height: 100%;" src="../../../resources/img/login/defaultImage.jpg"></div>
	13	+ <div v-else style="width: 100%; height: 100%;" class="login-img"></div>
14	14	</label>
15	15	</div>
16	16

Delete comment