Commit @6222a2241ee360f891b07759626499130931f2cd

mycoms 2024-03-11

240311 김하영 레이아웃 수정

@6222a2241ee360f891b07759626499130931f2cd

b60b394

6222a22

client/resources/css/reset.css

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

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


 body {
     min-width: 1300px;
     overflow-x: auto;
+    overflow-y: hidden;
 }
 
 .layout-wrap {

b60b394

6222a22

client/resources/css/style.css

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

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


     background-color: var(--white);
 
 }
-.login-img{
+
+.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);

     box-shadow: 0 0 20px #ddd;
 }
 
-.user-name p{
+.user-name p {
     text-align: center;
-    font-size: 2rem ;
+    font-size: 2rem;
     font-weight: bold;
     color: var(--navbarblue);
 }
+
 .login-user input {
     background: url(../img/component/login-user.png) no-repeat;
     background-size: 20px;

     border: 1px solid var(--borderlightgray);
 }
 
-.box-overflow {
-    border-top: 1px solid var(--borderlightgray);
-}
 
 .box-overflow thead {
     position: sticky;

 }
 
 .section-wrap {
+    border-radius: 10px;
     background-color: var(--tableblue);
 }
 
 .section-wrap table {
-    height: 300px;
+    height: 230px;
     overflow-y: auto;
 
 }

 
 .input-box input {
     width: 100%;
+}
+
+/* 거래처정보등록 페이지 */
+.scroll-table{
+    background-color: var(--lightbeige);
+    border-radius: 10px;
+}
+.scrollable-table {
+    height: 100%;
+    overflow-y: auto;
 }
 
 /* 계정과목 등록 페이지 */

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

b60b394

6222a22

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

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

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


                         분류목록
                     </div>
                     <div class="content-table pd4 ">
-                        <div class="box-overflow">
+                        <div class="box-overflow" style="border-top: 1px solid var(--borderlightgray);">
 
                             <table class="list-table">
                                 <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->

b60b394

6222a22

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

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

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

...	...	@@ -43,355 +43,365 @@
43	43	</div>
44	44	<div class="gd-12 flex">
45	45
46		- <div class="gd-5" style="width: 100%; height: 100px;">
47		- <div class="content-title flex justify-between pt2 pb2">
48		- 거래처 정보
	46	+ <div class="gd-5" style="width: 100%; height: 70%; ">
	47	+ <div class="flex justify-between align-center ">
	48	+ <div class="content-title pt2 pb2">
	49	+ 거래처 정보
	50	+ </div>
	51	+ <div>
	52	+ <button class="blue-small-btn" style="color: var(--navbarblue);">거래처 찾기</button>
	53	+ </div>
49	54	</div>
50		- <div style="border-bottom: 2px solid var(--borderlightgray);">
51		- <table class="list-table">
52		- <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
53		- <colgroup>
54		- <col style="width: 10%;">
55		- <col style="width: 20%;">
56		- <col style="width: 20%;">
57		- <col style="width: 5%;">
58		- <col style="width: 5%;">
59		- <col style="width: 5%;">
60		- <col style="width: 5%;">
61		- <col style="width: 5%;">
62		- <col style="width: 5%;">
63		- <col style="width: 5%;">
64		- <col style="width: 5%;">
65	55
66		- </colgroup>
67		- <thead>
68		- <tr class="table-header">
69		- <th>코드</th>
70		- <th>거래처명</th>
71		- <th>사업자번호</th>
72		- <th>매입</th>
73		- <th>매출</th>
74		- <th>회계</th>
75		- <th>영업</th>
76		- <th>원자재</th>
77		- <th>부자재</th>
78		- <th>폐기물</th>
79		- <th>약품</th>
	56	+ <div style="width: 100%; height: 100%; " class=" scroll-table pd2">
80	57
81		- </tr>
82		- </thead>
83		- <tbody class="table-border">
84		- <tr v-for="(codeNum) in codeList" key="codeNum.id">
85		- <td>{{ codeNum.pathNum }}</td>
86		- <td>{{ codeNum.pathName }}</td>
87		- <td>{{ codeNum.businessNum }}</td>
88		- <td><input type="checkbox" class="ui-checkbox"></td>
89		- <td><input type="checkbox" class="ui-checkbox"></td>
90		- <td><input type="checkbox" class="ui-checkbox"></td>
91		- <td><input type="checkbox" class="ui-checkbox"></td>
92		- <td><input type="checkbox" class="ui-checkbox"></td>
93		- <td><input type="checkbox" class="ui-checkbox"></td>
94		- <td><input type="checkbox" class="ui-checkbox"></td>
95		- <td><input type="checkbox" class="ui-checkbox"></td>
96		- </tr>
97		- </tbody>
98		- </table>
99		- </div>
100		- <div class="flex justify-end">
101		- <button>거래처 찾기</button>
	58	+ <div style="border-top: 1px solid var(--borderlightgray); border-bottom: 1px solid var(--borderlightgray);"
	59	+ class="scrollable-table mb2">
	60	+ <table class="list-table text text-ct">
	61	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	62	+ <colgroup>
	63	+ <col style="width: 10%;">
	64	+ <col style="width: 15%;">
	65	+ <col style="width: 15%;">
	66	+ <col style="width: 5%;">
	67	+ <col style="width: 5%;">
	68	+ <col style="width: 5%;">
	69	+ <col style="width: 5%;">
	70	+ <col style="width: 5%;">
	71	+ <col style="width: 5%;">
	72	+ <col style="width: 5%;">
	73	+ <col style="width: 5%;">
	74	+
	75	+ </colgroup>
	76	+ <thead>
	77	+ <tr class="table-header">
	78	+ <th>코드</th>
	79	+ <th>거래처명</th>
	80	+ <th>사업자번호</th>
	81	+ <th>매입</th>
	82	+ <th>매출</th>
	83	+ <th>회계</th>
	84	+ <th>영업</th>
	85	+ <th>원자재</th>
	86	+ <th>부자재</th>
	87	+ <th>폐기물</th>
	88	+ <th>약품</th>
	89	+
	90	+ </tr>
	91	+ </thead>
	92	+ <tbody class="table-border">
	93	+ <tr v-for="(codeNum) in codeList" key="codeNum.id" style="max-height: 700px;">
	94	+ <td>{{ codeNum.pathNum }}</td>
	95	+ <td>{{ codeNum.pathName }}</td>
	96	+ <td>{{ codeNum.businessNum }}</td>
	97	+ <td><input type="checkbox" class="ui-checkbox"></td>
	98	+ <td><input type="checkbox" class="ui-checkbox"></td>
	99	+ <td><input type="checkbox" class="ui-checkbox"></td>
	100	+ <td><input type="checkbox" class="ui-checkbox"></td>
	101	+ <td><input type="checkbox" class="ui-checkbox"></td>
	102	+ <td><input type="checkbox" class="ui-checkbox"></td>
	103	+ <td><input type="checkbox" class="ui-checkbox"></td>
	104	+ <td><input type="checkbox" class="ui-checkbox"></td>
	105	+ </tr>
	106	+ </tbody>
	107	+ </table>
	108	+ </div>
	109	+
102	110	</div>
103	111	</div>
104	112	<div class="gd-7 flex-column" style="padding-left: 30px;">
105		- <div class="content-title flex justify-between ">
106		- 거래처 등록
	113	+ <div class="mb3">
	114	+
	115	+ <div class="content-title mt2 mb1">
	116	+ 거래처 등록
	117	+ </div>
	118	+ <div class=" flex section-wrap pd3" style="gap: 30px;">
	119	+ <table class="Bi002-table flex">
	120	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	121	+ <colgroup>
	122	+ <col style="width: 15%;">
	123	+ <col style="width: 15%;">
	124	+ <col style="width: 15%;">
	125	+ <col style="width: 15%;">
	126	+ <col style="width: 15%;">
	127	+ </colgroup>
	128	+ <tbody>
	129	+ <tr>
	130	+ <th>코드</th>
	131	+ <td><input type="text" name="" id=""></td>
	132	+ <td colspan="2"><button class="blue-small-btn"
	133	+ style="color: var(--navbarblue);">거래처
	134	+ 복사</button></td>
	135	+ </tr>
	136	+ <tr>
	137	+ <th>거래처명</th>
	138	+ <td><input type="text" name="" id=""></td>
	139	+ <th>약칭명</th>
	140	+ <td><input type="text" name="" id=""></td>
	141	+ </tr>
	142	+ <tr>
	143	+ <th>사업자번호</th>
	144	+ <td class="input-box flex">
	145	+ <input type="text" name="" id="">
	146	+ <input type="text" name="" id="">
	147	+ </td>
	148	+ <th>종사업자번호</th>
	149	+ <td class="input-box flex">
	150	+ <input type="text" name="" id="">
	151	+ <input type="text" name="" id="">
	152	+ </td>
	153	+ </tr>
	154	+ <tr>
	155	+ <th>법인/주민번호</th>
	156	+ <td class="flex input-box">
	157	+ <input type="text" name="" id="">
	158	+ <input type="text" name="" id="">
	159	+ </td>
	160	+ <th>세금계산서종류</th>
	161	+ <td class="flex input-box">
	162	+ <select name="" id="">
	163	+ <option value="">전자세금계산서</option>
	164	+ <option value="">종이세금계산서</option>
	165	+ <option value="">기타</option>
	166	+ </select>
	167	+ <input type="text" name="" id="">
	168	+ </td>
	169	+ </tr>
	170	+ <tr>
	171	+ <th>대표자명</th>
	172	+ <td class=" input-box flex">
	173	+ <input type="text" name="" id="">
	174	+ <!-- <input type="text" name="" id=""> -->
	175	+ </td>
	176	+ <th>홈페이지</th>
	177	+ <td>
	178	+ <input type="text" name="" id="">
	179	+ </td>
	180	+ </tr>
	181	+ <tr>
	182	+ <th>업태</th>
	183	+ <td class=" input-box flex">
	184	+ <input type="text" name="" id="">
	185	+ </td>
	186	+ <th>종목</th>
	187	+ <td>
	188	+ <input type="text" name="" id="">
	189	+ </td>
	190	+ </tr>
	191	+ <tr class="address-row">
	192	+ <th>사업장주소</th>
	193	+ <th>
	194	+ <input type="text" name="" id="">
	195	+ <button>검색</button>
	196	+ </th>
	197	+ <td colspan="3">
	198	+ <input type="text" name="" id="">
	199	+
	200	+ </td>
	201	+
	202	+
	203	+ </tr>
	204	+ <tr>
	205	+
	206	+ <th>전화번호</th>
	207	+ <td class="input-box flex">
	208	+ <input type="text" name="" id="">
	209	+ <input type="text" name="" id="">
	210	+ </td>
	211	+
	212	+ <th>팩스번호</th>
	213	+ <td class="input-box flex">
	214	+ <input type="text" name="" id="">
	215	+ <input type="text" name="" id="">
	216	+ </td>
	217	+ </tr>
	218	+ <tr>
	219	+ <th>사업자구분</th>
	220	+ <td class="flex">
	221	+ <select name="" id="">
	222	+ <option value="">법인</option>
	223	+ <option value="">개인</option>
	224	+ </select>
	225	+ </td>
	226	+ <th>해외여부</th>
	227	+ <td class="input-box flex">
	228	+ <select name="" id="">
	229	+ <option value="">국내</option>
	230	+ <option value="">해외</option>
	231	+ </select>
	232	+ <input type="text" name="" id="">
	233	+ </td>
	234	+ </tr>
	235	+ <tr>
	236	+ <th>과세구분</th>
	237	+ <td class="flex">
	238	+ <select name="" id="">
	239	+ <option value="">과세</option>
	240	+ <option value="">면세</option>
	241	+ </select>
	242	+ </td>
	243	+ <th>거래코드</th>
	244	+ <td class="input-box flex">
	245	+ <select name="" id="">
	246	+ <option value="">내수</option>
	247	+ <option value="">Local</option>
	248	+ <option value="">직수출</option>
	249	+ </select>
	250	+ <input type="text" name="" id="">
	251	+ </td>
	252	+ </tr>
	253	+ <tr>
	254	+ <th>특수관계자</th>
	255	+ <td>
	256	+ <select name="" id="">
	257	+ <option value="">일반</option>
	258	+ </select>
	259	+ </td>
	260	+ <th>계약기간</th>
	261	+ <td class="input-box flex">
	262	+ <input class=" mr1" type="date" id="date" value="2024-03-04">~
	263	+ <input class=" mr1" type="date" id="date" value="2024-03-04">
	264	+
	265	+ </td>
	266	+ </tr>
	267	+ <tr>
	268	+ <th>담당자1</th>
	269	+ <td class="input-box flex">
	270	+ <input type="text" name="" id="">
	271	+ <input type="text" name="" id="">
	272	+ </td>
	273	+ <th>담당자2</th>
	274	+ <td class="input-box flex">
	275	+ <input type="text" name="" id="">
	276	+ <input type="text" name="" id="">
	277	+ </td>
	278	+ </tr>
	279	+ <tr>
	280	+ <th>모바일번호1</th>
	281	+ <td class="input-box flex">
	282	+ <input type="text" name="" id="">
	283	+ <input type="text" name="" id="">
	284	+ </td>
	285	+ <th>모바일번호2</th>
	286	+ <td class="input-box flex">
	287	+ <input type="text" name="" id="">
	288	+ <input type="text" name="" id="">
	289	+ </td>
	290	+ </tr>
	291	+ <tr>
	292	+ <th>이메일1</th>
	293	+ <td>
	294	+ <input type="text" name="" id="">
	295	+ </td>
	296	+ <th>이메일2</th>
	297	+ <td>
	298	+ <input type="text" name="" id="">
	299	+ </td>
	300	+ </tr>
	301	+ <tr>
	302	+ <th>거래여부</th>
	303	+ <td>
	304	+ <input type="checkbox" name="" id="a">
	305	+ <label for="a">거래</label>
	306	+ <input type="checkbox" name="" id="b">
	307	+ <label for="b">중지</label>
	308	+ </td>
	309	+ <th>지급조건</th>
	310	+ <td>
	311	+ <select name="" id="">
	312	+ <option value="">현금 1개월</option>
	313	+ <option value="">현금 2개월</option>
	314	+ <option value="">현금 3개월</option>
	315	+ <option value="">현금 중간결제</option>
	316	+ <option value="">현금 매월25일</option>
	317	+ <option value="">현금 매월27일</option>
	318	+ <option value="">현금 매월말일</option>
	319	+ <option value="">어음 1개월 초</option>
	320	+ <option value="">어음 1개월 중</option>
	321	+ <option value="">어음 1개월 말</option>
	322	+ <option value="">어음 2개월 초</option>
	323	+ <option value="">어음 2개월 중</option>
	324	+ <option value="">어음 2개월 말</option>
	325	+ <option value="">어음 3개월 초</option>
	326	+ <option value="">어음 3개월 중</option>
	327	+ <option value="">어음 3개월 말</option>
	328	+ <option value="">법인카드</option>
	329	+ </select>
	330	+ </td>
	331	+ </tr>
	332	+ <tr>
	333	+ <th>거래구분</th>
	334	+ <td>
	335	+ <input type="checkbox" name="" id="a">
	336	+ <label for="a">매입</label>
	337	+ <input type="checkbox" name="" id="b">
	338	+ <label for="b">매출</label>
	339	+ </td>
	340	+ <td colspan="6">
	341	+ <input type="text">
	342	+ </td>
	343	+ </tr>
	344	+ <tr>
	345	+ <th>사용처</th>
	346	+ <th colspan="6">
	347	+ <input type="checkbox" name="" id="c">
	348	+ <label for="c">회계</label>
	349	+ <input type="checkbox" name="" id="c">
	350	+ <label for="c">영업</label>
	351	+ <input type="checkbox" name="" id="c">
	352	+ <label for="c">원자재</label>
	353	+ <input type="checkbox" name="" id="c">
	354	+ <label for="c">부자재</label>
	355	+ <input type="checkbox" name="" id="c">
	356	+ <label for="c">폐기물</label>
	357	+ <input type="checkbox" name="" id="c">
	358	+ <label for="c">약품</label>
	359	+ </th>
	360	+ </tr>
	361	+ </tbody>
	362	+ </table>
	363	+
	364	+ </div>
107	365	</div>
108		- <div class=" flex section-wrap pd3" style="gap: 30px;">
109		- <table class="Bi002-table flex">
110		- <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
111		- <colgroup>
112		- <col style="width: 15%;">
113		- <col style="width: 15%;">
114		- <col style="width: 15%;">
115		- <col style="width: 15%;">
116		- <col style="width: 15%;">
	366	+ <div>
	367	+ <div style="border-top: 1px solid var(--borderlightgray); "
	368	+ class="scrollable-table mb2">
	369	+ <table class="list-table text text-ct">
	370	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	371	+ <colgroup>
	372	+ <col style="width: 5%;">
	373	+ <col style="width: 10%;">
	374	+ <col style="width: 10%;">
	375	+ <col style="width: 15%;">
	376	+ <col style="width: 5%;">
	377	+
	378	+
	379	+ </colgroup>
	380	+ <thead>
	381	+ <tr class="table-header">
	382	+ <th>구분</th>
	383	+ <th>은행</th>
	384	+ <th>사업자번호</th>
	385	+ <th>예금주명</th>
	386	+ <th>주거래계좌</th>
117	387
118	388
	389	+ </tr>
	390	+ </thead>
	391	+ <tbody class="table-border">
	392	+ <tr style="max-height: 700px;">
	393	+ <td>1</td>
	394	+ <td>1</td>
	395	+ <td>1</td>
	396	+ <td>1</td>
	397	+ <td>1</td>
119	398
120		- </colgroup>
121		- <tbody>
122		- <tr>
123		- <th>코드</th>
124		- <td><input type="text" name="" id=""></td>
125		- <td><button>거래처복사</button></td>
126		- </tr>
127		- <tr>
128		- <th>거래처명</th>
129		- <td><input type="text" name="" id=""></td>
130		- <th>약칭명</th>
131		- <td><input type="text" name="" id=""></td>
132		- </tr>
133		- <tr>
134		- <th>사업자번호</th>
135		- <td class="input-box flex">
136		- <input type="text" name="" id="">
137		- <input type="text" name="" id="">
138		- </td>
139		- <th>종사업자번호</th>
140		- <td class="input-box flex">
141		- <input type="text" name="" id="">
142		- <input type="text" name="" id="">
143		- </td>
144		- </tr>
145		- <tr>
146		- <th>법인/주민번호</th>
147		- <td class="flex input-box">
148		- <input type="text" name="" id="">
149		- <input type="text" name="" id="">
150		- </td>
151		- <th>세금계산서종류</th>
152		- <td class="flex input-box">
153		- <select name="" id="">
154		- <option value="">전자세금계산서</option>
155		- <option value="">종이세금계산서</option>
156		- <option value="">기타</option>
157		- </select>
158		- <input type="text" name="" id="">
159		- </td>
160		- </tr>
161		- <tr>
162		- <th>대표자명</th>
163		- <td class=" input-box flex">
164		- <input type="text" name="" id="">
165		- <!-- <input type="text" name="" id=""> -->
166		- </td>
167		- <th>홈페이지</th>
168		- <td>
169		- <input type="text" name="" id="">
170		- </td>
171		- </tr>
172		- <tr>
173		- <th>업태</th>
174		- <td class=" input-box flex">
175		- <input type="text" name="" id="">
176		- </td>
177		- <th>종목</th>
178		- <td>
179		- <input type="text" name="" id="">
180		- </td>
181		- </tr>
182		- <tr class="address-row">
183		- <th>사업장주소</th>
184		- <th>
185		- <input type="text" name="" id="">
186		- <button>검색</button>
187		- </th>
188		- <td colspan="3">
189		- <input type="text" name="" id="">
190		-
191		- </td>
192		-
193		-
194		- </tr>
195		- <tr>
196		-
197		- <th>전화번호</th>
198		- <td class="input-box flex">
199		- <input type="text" name="" id="">
200		- <input type="text" name="" id="">
201		- </td>
202		-
203		- <th>팩스번호</th>
204		- <td class="input-box flex">
205		- <input type="text" name="" id="">
206		- <input type="text" name="" id="">
207		- </td>
208		- </tr>
209		- <tr>
210		- <th>사업자구분</th>
211		- <td class="flex">
212		- <select name="" id="">
213		- <option value="">법인</option>
214		- <option value="">개인</option>
215		- </select>
216		- </td>
217		- <th>해외여부</th>
218		- <td class="input-box flex">
219		- <select name="" id="">
220		- <option value="">국내</option>
221		- <option value="">해외</option>
222		- </select>
223		- <input type="text" name="" id="">
224		- </td>
225		- </tr>
226		- <tr>
227		- <th>과세구분</th>
228		- <td class="flex">
229		- <select name="" id="">
230		- <option value="">과세</option>
231		- <option value="">면세</option>
232		- </select>
233		- </td>
234		- <th>거래코드</th>
235		- <td class="input-box flex">
236		- <select name="" id="">
237		- <option value="">내수</option>
238		- <option value="">Local</option>
239		- <option value="">직수출</option>
240		- </select>
241		- <input type="text" name="" id="">
242		- </td>
243		- </tr>
244		- <tr>
245		- <th>특수관계자</th>
246		- <td>
247		- <select name="" id="">
248		- <option value="">일반</option>
249		- </select>
250		- </td>
251		- <th>계약기간</th>
252		- <td class="input-box flex">
253		- <input class=" mr1" type="date" id="date" value="2024-03-04">~
254		- <input class=" mr1" type="date" id="date" value="2024-03-04">
255		-
256		- </td>
257		- </tr>
258		- <tr>
259		- <th>담당자1</th>
260		- <td class="input-box flex">
261		- <input type="text" name="" id="">
262		- <input type="text" name="" id="">
263		- </td>
264		- <th>담당자2</th>
265		- <td class="input-box flex">
266		- <input type="text" name="" id="">
267		- <input type="text" name="" id="">
268		- </td>
269		- </tr>
270		- <tr>
271		- <th>모바일번호1</th>
272		- <td class="input-box flex">
273		- <input type="text" name="" id="">
274		- <input type="text" name="" id="">
275		- </td>
276		- <th>모바일번호2</th>
277		- <td class="input-box flex">
278		- <input type="text" name="" id="">
279		- <input type="text" name="" id="">
280		- </td>
281		- </tr>
282		- <tr>
283		- <th>이메일1</th>
284		- <td>
285		- <input type="text" name="" id="">
286		- </td>
287		- <th>이메일2</th>
288		- <td>
289		- <input type="text" name="" id="">
290		- </td>
291		- </tr>
292		- <tr>
293		- <th>거래여부</th>
294		- <td>
295		- <input type="checkbox" name="" id="a">
296		- <label for="a">거래</label>
297		- <input type="checkbox" name="" id="b">
298		- <label for="b">중지</label>
299		- </td>
300		- <th>지급조건</th>
301		- <td>
302		- <select name="" id="">
303		- <option value="">현금 1개월</option>
304		- <option value="">현금 2개월</option>
305		- <option value="">현금 3개월</option>
306		- <option value="">현금 중간결제</option>
307		- <option value="">현금 매월25일</option>
308		- <option value="">현금 매월27일</option>
309		- <option value="">현금 매월말일</option>
310		- <option value="">어음 1개월 초</option>
311		- <option value="">어음 1개월 중</option>
312		- <option value="">어음 1개월 말</option>
313		- <option value="">어음 2개월 초</option>
314		- <option value="">어음 2개월 중</option>
315		- <option value="">어음 2개월 말</option>
316		- <option value="">어음 3개월 초</option>
317		- <option value="">어음 3개월 중</option>
318		- <option value="">어음 3개월 말</option>
319		- <option value="">법인카드</option>
320		- </select>
321		- </td>
322		- </tr>
323		- <tr>
324		- <th>거래구분</th>
325		- <td>
326		- <input type="checkbox" name="" id="a">
327		- <label for="a">매입</label>
328		- <input type="checkbox" name="" id="b">
329		- <label for="b">매출</label>
330		- </td>
331		- <td colspan="6">
332		- <input type="text">
333		- </td>
334		- </tr>
335		- <tr>
336		- <th>사용처</th>
337		- <th colspan="6">
338		- <input type="checkbox" name="" id="c">
339		- <label for="c">회계</label>
340		- <input type="checkbox" name="" id="c">
341		- <label for="c">영업</label>
342		- <input type="checkbox" name="" id="c">
343		- <label for="c">원자재</label>
344		- <input type="checkbox" name="" id="c">
345		- <label for="c">부자재</label>
346		- <input type="checkbox" name="" id="c">
347		- <label for="c">폐기물</label>
348		- <input type="checkbox" name="" id="c">
349		- <label for="c">약품</label>
350		- </th>
351		- </tr>
352		- </tbody>
353		- </table>
354		-
	399	+ </tr>
	400	+ </tbody>
	401	+ </table>
	402	+ </div>
355	403	</div>
356		- <div class=" flex section-wrap pd3" style="gap: 30px; background-color: ">
357		- <table class="list-table">
358		- <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
359		- <colgroup>
360		- <col style="width: ;">
361		- <col style="width: ;">
362		- <col style="width: ;">
363		- <col style="width: ;">
364		- </colgroup>
365		- <thead>
366		- <tr class="table-header">
367		- <th>No</th>
368		- <th>user ID</th>
369		- <th>이름</th>
370		- <th>생년월일</th>
371		- <th>성별</th>
372		- </tr>
373		- </thead>
374		- <tbody>
375		- <tr>
376		- <td>1</td>
377		- <td>test123</td>
378		- <td>홍길동</td>
379		- <td>1999.01.01</td>
380		- <td>여</td>
381		- </tr>
382		- <tr>
383		- <td>1</td>
384		- <td>test123</td>
385		- <td>홍길동</td>
386		- <td>1999.01.01</td>
387		- <td>여</td>
388		- </tr>
389		- <tr v-if="postList === 0">
390		- <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
391		- </tr>
392		- </tbody>
393		- </table>
394		- </div>
	404	+
395	405	</div>
396	406	</div>
397	407	</div>
...	...	@@ -404,7 +414,27 @@
404	414	data() {
405	415	return {
406	416	codeList: [
407		- { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", }
	417	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	418	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	419	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	420	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	421	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	422	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	423	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	424	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	425	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	426	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	427	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	428	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	429	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	430	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	431	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	432	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	433	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	434	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	435	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	436	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
	437	+ { pathNum: "01001", pathName: "원자재거래처 테스트", businessNum: "123-45-67890", },
408	438	]
409	439	}
410	440	},

b60b394

6222a22

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

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

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


 </script>
 
 <style scoped>
-.modal-td {
-    text-align: center;
-    word-break: keep-all;
-}
+
 </style>

b60b394

6222a22

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

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

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

...	...	@@ -13,7 +13,7 @@
13	13	</div>
14	14	</div>
15	15	<div class="content flex-column Bi001-content">
16		- <div class="Bi001-wrap flex-column pd1 mb1">
	16	+ <div class="Bi001-wrap flex-column pd1 mb1" >
17	17	<div class="mb1">
18	18	<div class="content-title flex justify-between mb1">
19	19	조회조건
...	...	@@ -46,9 +46,9 @@
46	46	<p class="blue-text">계정과목</p>
47	47	</div>
48	48	<div>
49		- <input type="text" class="content-w30">
50		- <button>검색</button>
51		- <input type="text" class="content-w60">
	49	+ <input type="search" class="content-w20 search-btn mr1" style="cursor: pointer;"
	50	+ @click="openModal">
	51	+ <input type="text" class="content-w60 input-gray" placeholder="정기예금(만기3개월이내)">
52	52	</div>
53	53	</div>
54	54	</div>
...	...	@@ -65,7 +65,7 @@
65	65	</div>
66	66	<div class="flex justify-end gd-2">
67	67	<button class="blue-small-btn mr1" style="color: var(--navbarblue);">신규전표입력</button>
68		- <button class="blue-small-btn" style="color: var(--navbarblue);">연변추가입력</button>
	68	+ <button class="blue-small-btn" style="color: var(--navbarblue);">연변추가입력</button>
69	69	</div>
70	70	</div>
71	71	<div class="Bi003-list flex mb1 ">
...	...	@@ -98,13 +98,13 @@
98	98	</thead>
99	99	<tbody>
100	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>
	101	+ <td><input type="date" style="border: 0px;padding: 0px;"></td>
	102	+ <td class="input-gray">{{ codePath.num }}</td>
	103	+ <td class="input-gray">{{ codePath.num2 }}</td>
	104	+ <td class="input-gray">{{ codePath.nameNum }}</td>
	105	+ <td class="input-gray">{{ codePath.name }}</td>
106	106	<td>{{ codePath.listNum }}</td>
107		- <td>{{ codePath.listName }}</td>
	107	+ <td class="input-gray">{{ codePath.listName }}</td>
108	108	<td>{{ codePath.num3 }}</td>
109	109	<td>{{ codePath.money }}</td>
110	110	<td>{{ codePath.money2 }}</td>
...	...	@@ -119,12 +119,12 @@
119	119	</div>
120	120	</div>
121	121	</div>
122		- <div>
	122	+ <div class="flex-column">
123	123	<div class="content-title flex justify-between mb1">
124	124	이월전표내역
125	125	</div>
126		- <div class="Bi003-list flex mb1">
127		- <table class="list-table">
	126	+ <div class="Bi003-list flex mb1" style="height: 50%; overflow-y: auto;" >
	127	+ <table class="list-table" >
128	128	<!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
129	129	<colgroup>
130	130	<col style="width: 9%;">
...	...	@@ -138,7 +138,7 @@
138	138
139	139	</colgroup>
140	140	<thead>
141		- <tr class="table-header">
	141	+ <tr class="table-header" >
142	142	<th>작성일자</th>
143	143	<th>전표NO</th>
144	144	<th>연번</th>
...	...	@@ -149,24 +149,138 @@
149	149	<th class="table-align">대변금액</th>
150	150	</tr>
151	151	</thead>
152		- <tbody>
153		- <tr class="table-border" v-for="(codePathHistroy) in codeList">
	152	+ <tbody >
	153	+ <tr class="table-border" v-for="(codePathHistroy) in codeHistroyList" style="max-height: 200px;" >
154	154	<td>{{ codePathHistroy.date }}</td>
155	155	<td>{{ codePathHistroy.num }}</td>
156	156	<td>{{ codePathHistroy.num2 }}</td>
157		- <td>{{ codePathHistroy.nameNum }}{{ codePathHistroy.name }}</td>
158		- <td>{{ codePathHistroy.listNum }}{{ codePathHistroy.listName }}</td>
	157	+ <td class="text-lf">{{ codePathHistroy.nameNum }}{{ codePathHistroy.name }}</td>
	158	+ <td class="text-lf">{{ codePathHistroy.listNum }}{{ codePathHistroy.listName }}</td>
159	159	<td>{{ codePathHistroy.num3 }}</td>
160	160	<td>{{ codePathHistroy.money }}</td>
161	161	<td>{{ codePathHistroy.money2 }}</td>
162	162
163	163	</tr>
164	164
165		- <tr v-if="postList === 0">
166		- <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
167		- </tr>
	165	+
168	166	</tbody>
169	167	</table>
	168	+ </div>
	169	+ <div class="flex justify-end">
	170	+ <table style=" min-width: 30%; border-top: 1px solid var(--borderlightgray);">
	171	+
	172	+
	173	+ <tr class="table-border list-table" >
	174	+ <th >합계</th>
	175	+ <td>1,155,881,957</td>
	176	+ <td>1,155,881,957</td>
	177	+
	178	+ </tr>
	179	+
	180	+ </table>
	181	+
	182	+
	183	+ </div>
	184	+ </div>
	185	+ </div>
	186	+ <!-- 모달 -->
	187	+ <div v-show="isOpen" class="modal-wrapper">
	188	+ <div class="modal-container flex flex-column">
	189	+ <div>
	190	+ <div class=" mb2">
	191	+
	192	+ <div class="flex justify-between modal-title">
	193	+ <h1>계정과목찾기</h1>
	194	+ <div>
	195	+ <button class="close-btn " @click="closeModal"></button>
	196	+ </div>
	197	+
	198	+ </div>
	199	+ </div>
	200	+ <div class="flex justify-between">
	201	+ <div class="content-title mb1">
	202	+ 조회조건
	203	+ </div>
	204	+ <div class=" button-wrap">
	205	+ <button class="rest-btn">초기화</button>
	206	+ </div>
	207	+ </div>
	208	+ <div class="flex button-wrap modal-title mb2 button-wrap">
	209	+ <p class="blue-text">계정코드/명</p>
	210	+ <input type="text" id="date">
	211	+ <button>조회</button>
	212	+ </div>
	213	+ <div>
	214	+ <div class="content-title flex justify-between ">
	215	+ 계정과목목록
	216	+ </div>
	217	+ <div class="table-zone table-scroll">
	218	+ <table class="list-table">
	219	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	220	+ <colgroup>
	221	+ <col style="width: 5%;">
	222	+ <col style="width: 10%;">
	223	+ <col style="width: 3%;">
	224	+ <col style="width: 3%;">
	225	+ <col style="width: 3%;">
	226	+ <col style="width: 3%;">
	227	+ <col style="width: 3%;">
	228	+ <col style="width: 3%;">
	229	+ <col style="width: 3%;">
	230	+ <col style="width: 3%;">
	231	+ <col style="width: 3%;">
	232	+ <col style="width: 3%;">
	233	+ <col style="width: 3%;">
	234	+ <col style="width: 3%;">
	235	+ <col style="width: 3%;">
	236	+ <col style="width: 3%;">
	237	+ </colgroup>
	238	+ <thead>
	239	+ <tr class="table-header table-border "
	240	+ style="background-color: var(--tableblue); color: var(--navbarblue); ">
	241	+ <th>코드</th>
	242	+ <th>계정명</th>
	243	+ <th>잔액구분</th>
	244	+ <th>차변금액</th>
	245	+ <th>대변금액</th>
	246	+ <th>전표발생</th>
	247	+ <th>관리항목1</th>
	248	+ <th>관리항목2</th>
	249	+ <th>증빙구분</th>
	250	+ <th>증빙일자</th>
	251	+ <th>비용부서</th>
	252	+ <th>공급가액및승인금액</th>
	253	+ <th>세무계정</th>
	254	+ <th>외화금액($)</th>
	255	+ <th>어음정보</th>
	256	+ <th>대금지불일</th>
	257	+ </tr>
	258	+ </thead>
	259	+ <tbody>
	260	+ <tr v-for="(modalWrap) in modalList" key="codeNum" style="overflow-y: scroll;"
	261	+ class="table-border modal-td">
	262	+ <td>{{ modalWrap.num }}</td>
	263	+ <td>{{ modalWrap.name }}</td>
	264	+ <td>{{ modalWrap.list1 }}</td>
	265	+ <td>{{ modalWrap.list2 }}</td>
	266	+ <td>{{ modalWrap.list3 }}</td>
	267	+ <td>{{ modalWrap.list4 }}</td>
	268	+ <td>{{ modalWrap.list5 }}</td>
	269	+ <td>{{ modalWrap.list6 }}</td>
	270	+ <td>{{ modalWrap.list7 }}</td>
	271	+ <td>{{ modalWrap.list8 }}</td>
	272	+ <td>{{ modalWrap.list9 }}</td>
	273	+ <td>{{ modalWrap.list10 }}</td>
	274	+ <td>{{ modalWrap.list11 }}</td>
	275	+ <td>{{ modalWrap.list12 }}</td>
	276	+ <td>{{ modalWrap.list13 }}</td>
	277	+ <td>{{ modalWrap.list14 }}</td>
	278	+ </tr>
	279	+
	280	+ </tbody>
	281	+ </table>
	282	+ </div>
	283	+ </div>
170	284	</div>
171	285	</div>
172	286	</div>
...	...	@@ -178,13 +292,41 @@
178	292	export default {
179	293	data() {
180	294	return {
	295	+ isOpen: false,
181	296	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" }
	297	+ { 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" },
	298	+
	299	+ ],
	300	+ codeHistroyList: [
	301	+ { 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" },
	302	+ { 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" },
	303	+ { 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" },
	304	+ { 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" },
	305	+ { 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" },
	306	+ { 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" },
	307	+ { 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" },
	308	+ { 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" },
	309	+ { 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" },
	310	+ { 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" },
	311	+ { 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" },
	312	+ { 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" },
	313	+ { 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" },
	314	+ { 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" },
	315	+
	316	+ ],
	317	+ modalList: [
	318	+ { num: "1106044", name: "저장품(초지용구품)", list1: "1.차변", list2: "Y", list3: "Y", list4: "Y", list5: "Y", list6: "Y", list7: "Y", list8: "Y", list9: "Y", list10: "Y", list11: "매입", list12: "Y", list13: "Y", list14: "Y" }
183	319	],
184	320	}
185	321	},
186	322	methods: {
	323	+ openModal() {
	324	+ this.isOpen = true;
	325	+ },
	326	+ closeModal() {
	327	+ this.isOpen = false;
187	328
	329	+ }
188	330	},
189	331	watch: {
190	332
...	...	@@ -198,7 +340,11 @@
198	340	}
199	341	</script>
200	342	<style scoped>
201		-button{
	343	+button {
202	344	font-size: 1.4rem;
203	345	}
	346	+
	347	+td {
	348	+ padding-left: 10px;
	349	+}
204	350	</style> (파일 끝에 줄바꿈 문자 없음)

b60b394

6222a22

client/views/pages/App.vue

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

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


     return {
       selectedId: true,
       SideMenu: true,
-      isUserLoggedIn: false,
+      isUserLoggedIn: true,
     }
   },
   methods: {

Add a comment

Open 0
Closed 0

List

...	...	@@ -444,8 +444,5 @@
444	444	</script>
445	445
446	446	<style scoped>
447		-.modal-td {
448		- text-align: center;
449		- word-break: keep-all;
450		-}
	447	+
451	448	</style> (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -46,6 +46,7 @@
46	46	body {
47	47	min-width: 1300px;
48	48	overflow-x: auto;
	49	+ overflow-y: hidden;
49	50	}
50	51
51	52	.layout-wrap {

...	...	@@ -8,13 +8,15 @@
8	8	background-color: var(--white);
9	9
10	10	}
11		-.login-img{
	11	+
	12	+.login-img {
12	13	background: url(../img/login/defaultImage.jpg) no-repeat;
13	14	width: 100%;
14	15	height: 100%;
15	16	background-size: cover;
16		-
	17	+
17	18	}
	19	+
18	20	.login-box p {
19	21	font-size: 1.5rem;
20	22	color: var(--navbarblue);
...	...	@@ -46,12 +48,13 @@
46	48	box-shadow: 0 0 20px #ddd;
47	49	}
48	50
49		-.user-name p{
	51	+.user-name p {
50	52	text-align: center;
51		- font-size: 2rem ;
	53	+ font-size: 2rem;
52	54	font-weight: bold;
53	55	color: var(--navbarblue);
54	56	}
	57	+
55	58	.login-user input {
56	59	background: url(../img/component/login-user.png) no-repeat;
57	60	background-size: 20px;
...	...	@@ -366,9 +369,6 @@
366	369	border: 1px solid var(--borderlightgray);
367	370	}
368	371
369		-.box-overflow {
370		- border-top: 1px solid var(--borderlightgray);
371		-}
372	372
373	373	.box-overflow thead {
374	374	position: sticky;
...	...	@@ -459,11 +459,12 @@
459	459	}
460	460
461	461	.section-wrap {
	462	+ border-radius: 10px;
462	463	background-color: var(--tableblue);
463	464	}
464	465
465	466	.section-wrap table {
466		- height: 300px;
	467	+ height: 230px;
467	468	overflow-y: auto;
468	469
469	470	}
...	...	@@ -484,6 +485,16 @@
484	485
485	486	.input-box input {
486	487	width: 100%;
	488	+}
	489	+
	490	+/* 거래처정보등록 페이지 */
	491	+.scroll-table{
	492	+ background-color: var(--lightbeige);
	493	+ border-radius: 10px;
	494	+}
	495	+.scrollable-table {
	496	+ height: 100%;
	497	+ overflow-y: auto;
487	498	}
488	499
489	500	/* 계정과목 등록 페이지 */
...	...	@@ -540,6 +551,11 @@
540	551
541	552	/* 잔액 이월 전표 등록 */
542	553
543		-.Bi001-wrap{
	554	+.Bi001-wrap {
544	555	background-color: var(--lightbeige);
545	556	}
	557	+
	558	+.modal-td {
	559	+ text-align: center;
	560	+ word-break: keep-all;
	561	+} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -19,7 +19,7 @@
19	19	분류목록
20	20	</div>
21	21	<div class="content-table pd4 ">
22		- <div class="box-overflow">
	22	+ <div class="box-overflow" style="border-top: 1px solid var(--borderlightgray);">
23	23
24	24	<table class="list-table">
25	25	<!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->

...	...	@@ -23,7 +23,7 @@
23	23	return {
24	24	selectedId: true,
25	25	SideMenu: true,
26		- isUserLoggedIn: false,
	26	+ isUserLoggedIn: true,
27	27	}
28	28	},
29	29	methods: {

Delete comment