Commit @fbad2139ec63b23da5fed7b340a090d1a53a6dff

mycoms 2024-03-08

240308김하영 계정과목등록 페이지 생성

@fbad2139ec63b23da5fed7b340a090d1a53a6dff

4c606ca

fbad213

client/resources/css/style.css

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

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


 
 .section-wrap {
     background-color: var(--tableblue);
-    border: 1px solid red;
 }
 
 .section-wrap table {

 
 .input-box input {
     width: 100%;
+}
+
+/* 계정과목 등록 페이지 */
+.Bi003-table{
+    border-left: 1px solid var(--borderlightgray);
+    border-bottom: 1px solid var(--borderlightgray);
+}
+.Bi003-table td{
+    text-align: left;
+    /* border: 1px solid red; */
+    padding: 0 10px;
+    background-color: var(--white);
+    border-right: 1px solid var(--borderlightgray);
+    border-top: 1px solid var(--borderlightgray);
+}
+.Bi003-table th{
+    background-color: var(--navbarblue);
+    color: var(--white);
+    border-bottom: 1px solid var(--borderlightgray);
+}
+.large-select{
+    width: 100% ;
+}
+.small-select{
+    width: 30% ;
+    margin-right: 10px;
+}
+
+.Bi003-table input{
+    vertical-align: middle;
+
+}
+.Bi003-table label{
+    padding: 5px;
+    vertical-align: middle;
+
 }

4c606ca

fbad213

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

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

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

...	...	@@ -1,14 +1,318 @@
1	1	<template>
2		- <div class="row gd-10" >Main.vue</div>
	2	+ <div class="gd-10 Bi003-page container">
	3	+ <div class="wrap pd2 flex-column">
	4	+ <div class="wrap-title pb1 mb1 flex justify-between">
	5	+ <h1>계정과목 등록</h1>
	6	+ <div class="flex justify-end gd-5">
3	7
	8	+ <div class="flex justify-between button-wrap">
	9	+ <button class="excel-btn">엑셀</button>
	10	+ <button class="del-btn">삭제</button>
	11	+ <button class="rest-btn">초기화</button>
	12	+ <button class="save-btn">저장</button>
	13	+ </div>
	14	+
	15	+
	16	+ </div>
	17	+ </div>
	18	+ <div class="container flex-column">
	19	+ <div class="content list-wrap flex-column ">
	20	+ <div>
	21	+ <div class="content-title flex justify-between mb1">
	22	+ 계정과목등록
	23	+ </div>
	24	+ <div class="pd1 section-wrap" style="border-radius: 10px;">
	25	+ <table class="form-table Bi003-table pd3 ">
	26	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	27	+ <colgroup>
	28	+ <col style="width: 10%;">
	29	+ <col style="width: 15%;">
	30	+ <col style="width:10%;">
	31	+ <col style="width: 15%;">
	32	+ <col style="width:10%;">
	33	+ <col style="width: 15%;">
	34	+ </colgroup>
	35	+ <tbody>
	36	+ <tr>
	37	+ <th>코드</th>
	38	+ <td><input type="text" name="" id=""></td>
	39	+ </tr>
	40	+ <tr>
	41	+ <th>계정명</th>
	42	+ <td>
	43	+ <input type="text">
	44	+ </td>
	45	+ <th rowspan="5">필수입력항목구분</th>
	46	+ <td>
	47	+ <input type="checkbox" id="e" class="ui-checkbox ">
	48	+ <label for="e">증빙구분</label>
	49	+ <input type="checkbox" id="f" class="ui-checkbox ">
	50	+ <label for="f">비용부서</label>
	51	+ <input type="checkbox" id="g" class="ui-checkbox ">
	52	+ <label for="g">외화금액</label>
	53	+ </td>
	54	+ <th>자금원장표시</th>
	55	+ <td>
	56	+ <input type="checkbox" id="n" class="ui-checkbox ">
	57	+ <label for="n">자금원장표시계정</label>
	58	+ </td>
	59	+ </tr>
	60	+ <tr>
	61	+ <th>잔액구분</th>
	62	+ <td>
	63	+ <select name="" id="" class="small-select">
	64	+ <option value="">1.차변</option>
	65	+ <option value="">1.대변</option>
	66	+ </select>
	67	+ <input type="checkbox" id="a" class="ui-checkbox ">
	68	+ <label for="a">전표발생구분</label>
	69	+ </td>
	70	+ <td rowspan="4" class="" >
	71	+ <input type="checkbox" id="h" class="ui-checkbox mb5">
	72	+ <label for="h">관리일자1_증빙일자및어음발행일</label> <br>
	73	+ <input type="checkbox" id="i" class="ui-checkbox mb5">
	74	+ <label for="i">관리일자2_대금지불일및어음만기일</label> <br>
	75	+ <input type="checkbox" id="j" class="ui-checkbox mb5">
	76	+ <label for="j">참고항목_어음지급은행</label> <br>
	77	+ <input type="checkbox" id="k" class="ui-checkbox ">
	78	+ <label for="k">공급가액 및 승인금액</label>
	79	+ </td>
	80	+ <th>동변발생구분</th>
	81	+ <td>
	82	+ <input type="checkbox" id="o" class="ui-checkbox ">
	83	+ <label for="o">동변자동발생계정</label>
	84	+ </td>
	85	+ </tr>
	86	+ <tr>
	87	+ <th>금액발생여부</th>
	88	+ <td>
	89	+ <input type="checkbox" id="b" class="ui-checkbox ">
	90	+ <label for="b">차변</label>
	91	+ <input type="checkbox" id="c" class="ui-checkbox ">
	92	+ <label for="c">대변</label>
	93	+ </td>
	94	+ <th>동변계정(계산서)</th>
	95	+ <td>
	96	+ <select name="" id="" class="large-select">
	97	+ <option value=""></option>
	98	+ <option value="">부가세대급금(세금계산서)</option>
	99	+ <option value="">부가세대급금(신용카드)</option>
	100	+ <option value="">토지 불공제</option>
	101	+ <option value="">차량운반구 불공제</option>
	102	+ <option value="">건설중인자산(유형) 불공제</option>
	103	+ <option value="">접대비 불공제</option>
	104	+ <option value="">차량유지비 불공제</option>
	105	+ <option value="">기부금 불공제</option>
	106	+ <option value="">제)차량유지비 불공제</option>
	107	+ <option value="">제)접대비 불공제</option>
	108	+ </select>
	109	+ </td>
	110	+
	111	+ </tr>
	112	+ <tr>
	113	+ <th>관리항목1</th>
	114	+ <td>
	115	+ <input type="checkbox" id="d" class="ui-checkbox ">
	116	+ <label for="d">거래처/사원번호/은행/법인카드</label>
	117	+ </td>
	118	+ <th>동변불공제계정(계산서)</th>
	119	+ <td>
	120	+ <select name="" id="" class="large-select">
	121	+ <option value=""></option>
	122	+ <option value="">부가세대급금(세금계산서)</option>
	123	+ <option value="">부가세대급금(신용카드)</option>
	124	+ <option value="">토지 불공제</option>
	125	+ <option value="">차량운반구 불공제</option>
	126	+ <option value="">건설중인자산(유형) 불공제</option>
	127	+ <option value="">접대비 불공제</option>
	128	+ <option value="">차량유지비 불공제</option>
	129	+ <option value="">기부금 불공제</option>
	130	+ <option value="">제)차량유지비 불공제</option>
	131	+ <option value="">제)접대비 불공제</option>
	132	+ </select>
	133	+ </td>
	134	+ </tr>
	135	+ <tr>
	136	+ <th>관리항목2</th>
	137	+ <td>
	138	+ <input type="checkbox" id="d" class="ui-checkbox ">
	139	+ <label for="d">계좌 및 어음NO</label>
	140	+ </td>
	141	+ <th>동변계정(법인카드)</th>
	142	+ <td>
	143	+ <select name="" id="" class="large-select">
	144	+ <option value=""></option>
	145	+ <option value="">부가세대급금(세금계산서)</option>
	146	+ <option value="">부가세대급금(신용카드)</option>
	147	+ <option value="">토지 불공제</option>
	148	+ <option value="">차량운반구 불공제</option>
	149	+ <option value="">건설중인자산(유형) 불공제</option>
	150	+ <option value="">접대비 불공제</option>
	151	+ <option value="">차량유지비 불공제</option>
	152	+ <option value="">기부금 불공제</option>
	153	+ <option value="">제)차량유지비 불공제</option>
	154	+ <option value="">제)접대비 불공제</option>
	155	+ </select>
	156	+ </td>
	157	+ </tr>
	158	+ <tr>
	159	+ <th>프로젝트구분</th>
	160	+ <td>
	161	+ <select name="" id="">
	162	+ <option value="">히트펌프연구개발</option>
	163	+ </select>
	164	+
	165	+ </td>
	166	+ <th>계정명</th>
	167	+ <td>
	168	+ <input type="checkbox" id="l" class="ui-checkbox ">
	169	+ <label for="l">매출세무계정</label>
	170	+ <input type="checkbox" id="m" class="ui-checkbox ">
	171	+ <label for="m">매입세무계정</label>
	172	+ </td>
	173	+ <th>동변불공제계정(법인카드)</th>
	174	+ <td>
	175	+ <select name="" id="" class="large-select">
	176	+ <option value=""></option>
	177	+ <option value="">부가세대급금(세금계산서)</option>
	178	+ <option value="">부가세대급금(신용카드)</option>
	179	+ <option value="">토지 불공제</option>
	180	+ <option value="">차량운반구 불공제</option>
	181	+ <option value="">건설중인자산(유형) 불공제</option>
	182	+ <option value="">접대비 불공제</option>
	183	+ <option value="">차량유지비 불공제</option>
	184	+ <option value="">기부금 불공제</option>
	185	+ <option value="">제)차량유지비 불공제</option>
	186	+ <option value="">제)접대비 불공제</option>
	187	+ </select>
	188	+ </td>
	189	+ </tr>
	190	+ </tbody>
	191	+ </table>
	192	+ </div>
	193	+
	194	+ </div>
	195	+ <div style="width: 100%; border: 1px solid red;" class="flex-column gd-12">
	196	+ <div class="content-title flex justify-between mb1">
	197	+ 계정과목
	198	+ </div>
	199	+ <div class="Bi003-list flex" style="border: 1px solid red; width: 100%;">
	200	+ <table class="list-table">
	201	+ <!-- col 꼭 너비 기재해야함! 그래야 100%로 차지함 -->
	202	+ <colgroup>
	203	+ <col style="width: 4%;">
	204	+ <col style="width: 5%;">
	205	+ <col style="width: 4%;">
	206	+ <col style="width: 4%;">
	207	+ <col style="width: 4%;">
	208	+ <col style="width: 4%;">
	209	+ <col style="width: 4%;">
	210	+ <col style="width: 4%;">
	211	+ <col style="width: 4%;">
	212	+ <col style="width: 4%;">
	213	+ <col style="width: 4%;">
	214	+ <col style="width: 4%;">
	215	+ <col style="width: 4%;">
	216	+ <col style="width: 4%;">
	217	+ <col style="width: 4%;">
	218	+ <col style="width: 4%;">
	219	+ <col style="width: 4%;">
	220	+ <col style="width: 4%;">
	221	+ <col style="width: 4%;">
	222	+ <col style="width: 4%;">
	223	+ <col style="width: 4%;">
	224	+ <col style="width: 4%;">
	225	+ <col style="width: 4%;">
	226	+
	227	+
	228	+
	229	+ </colgroup>
	230	+ <thead>
	231	+ <tr class="table-header">
	232	+ <th>코드</th>
	233	+ <th>계정명</th>
	234	+ <th>잔액구분</th>
	235	+ <th>차변금액</th>
	236	+ <th>대변금액</th>
	237	+ <th>전표발생</th>
	238	+ <th>관리항목1</th>
	239	+ <th>관리항목2</th>
	240	+ <th>프로젝트구분</th>
	241	+ <th>증빙구분</th>
	242	+ <th>비용부서</th>
	243	+ <th>외화금액($)</th>
	244	+ <th>관리일자1</th>
	245	+ <th>관리일자2</th>
	246	+ <th>참고항목</th>
	247	+ <th>공급가액및승인액</th>
	248	+ <th>세무계정</th>
	249	+ <th>자금원장계정</th>
	250	+ <th>동변발생구분</th>
	251	+ <th>동변계정(계산서)</th>
	252	+ <th>동변불공제계정(계산서)</th>
	253	+ <th>동변계정(법인카드)</th>
	254	+ <th>동변불공제계정(법인카드)</th>
	255	+ </tr>
	256	+ </thead>
	257	+ <tbody>
	258	+ <tr class="table-border" v-for="(listTable) in tableList">
	259	+ <td>{{ listTable.no }}</td>
	260	+ <td>{{ listTable.name }}</td>
	261	+ <td>{{ listTable.list1 }}</td>
	262	+ <td>{{ listTable.list2 }}</td>
	263	+ <td>{{ listTable.list3 }}</td>
	264	+ <td>{{ listTable.list4 }}</td>
	265	+ <td>{{ listTable.list5 }}</td>
	266	+ <td>{{ listTable.list6 }}</td>
	267	+ <td>{{ listTable.list7 }}</td>
	268	+ <td>{{ listTable.list8 }}</td>
	269	+ <td>{{ listTable.list9 }}</td>
	270	+ <td>{{ listTable.list10 }}</td>
	271	+ <td>{{ listTable.list11 }}</td>
	272	+ <td>{{ listTable.list12 }}</td>
	273	+ <td>{{ listTable.list13 }}</td>
	274	+ <td>{{ listTable.list14 }}</td>
	275	+ <td>{{ listTable.list15 }}</td>
	276	+ <td>{{ listTable.list16 }}</td>
	277	+ <td>{{ listTable.list17 }}</td>
	278	+ <td>{{ listTable.list18 }}</td>
	279	+ <td>{{ listTable.list19 }}</td>
	280	+ <td>{{ listTable.list20 }}</td>
	281	+ <td>{{ listTable.list21 }}</td>
	282	+ </tr>
	283	+
	284	+ <tr v-if="postList === 0">
	285	+ <td colspan="5" class="no-list">검색조건에 해당하는 데이터가 없습니다.</td>
	286	+ </tr>
	287	+ </tbody>
	288	+ </table>
	289	+ </div>
	290	+
	291	+ </div>
	292	+
	293	+ </div>
	294	+ </div>
	295	+
	296	+
	297	+ </div>
	298	+
	299	+ </div>
4	300	</template>
5	301
6	302	<script>
7	303	export default {
8		- data () {
	304	+ data() {
9	305	return {
	306	+ activeItemId: 0,
	307	+ selectedId: null,
	308	+ tableList: [
	309	+ { no: "1000000", name: "자산", },
	310	+ { no: "1101000", name: "현금", list1: "1.차변", list2: "Y", list3: "Y", list4: "Y", list5: "Y", list6: "Y", list7: "Y", list8: "Y", list9: "Y", list10: "Y", list11: "Y", list12: "Y", list13: "Y", list14: "Y", list15: "Y", list16: "세무계정", list17: "Y", list18: "부가세대급금(세금계산서)", list19: "Y", list20: "Y" }
	311	+ ],
	312	+
10	313	}
11	314	},
	315	+
12	316	methods: {
13	317
14	318	},
...	...	@@ -23,6 +327,7 @@
23	327	}
24	328	}
25	329	</script>
26		-<style>
	330	+
	331	+<style scoped>
27	332
28	333	</style> (파일 끝에 줄바꿈 문자 없음)

4c606ca

fbad213

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

...	...	@@ -443,7 +443,6 @@
443	443
444	444	.section-wrap {
445	445	background-color: var(--tableblue);
446		- border: 1px solid red;
447	446	}
448	447
449	448	.section-wrap table {
...	...	@@ -468,4 +467,40 @@
468	467
469	468	.input-box input {
470	469	width: 100%;
	470	+}
	471	+
	472	+/* 계정과목 등록 페이지 */
	473	+.Bi003-table{
	474	+ border-left: 1px solid var(--borderlightgray);
	475	+ border-bottom: 1px solid var(--borderlightgray);
	476	+}
	477	+.Bi003-table td{
	478	+ text-align: left;
	479	+ /* border: 1px solid red; */
	480	+ padding: 0 10px;
	481	+ background-color: var(--white);
	482	+ border-right: 1px solid var(--borderlightgray);
	483	+ border-top: 1px solid var(--borderlightgray);
	484	+}
	485	+.Bi003-table th{
	486	+ background-color: var(--navbarblue);
	487	+ color: var(--white);
	488	+ border-bottom: 1px solid var(--borderlightgray);
	489	+}
	490	+.large-select{
	491	+ width: 100% ;
	492	+}
	493	+.small-select{
	494	+ width: 30% ;
	495	+ margin-right: 10px;
	496	+}
	497	+
	498	+.Bi003-table input{
	499	+ vertical-align: middle;
	500	+
	501	+}
	502	+.Bi003-table label{
	503	+ padding: 5px;
	504	+ vertical-align: middle;
	505	+
471	506	} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -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