Commit @0b542f091b9b0b1aaed92a491acd0ce537997c48

류윤주 01-12

240112 류윤주 crud 페이지

@0b542f091b9b0b1aaed92a491acd0ce537997c48

8c89403

0b542f0

client/resources/css/common.css

--- client/resources/css/common.css

+++ client/resources/css/common.css


 
 .content-box {
     width: 100%;
-    height: calc(100% - 66px);
+    height:100%;
 }
 
 .left-content,

 }
 
 .content{
+    width: 100%;
+    height: 100%;
     margin-bottom: 30px;
 }
 

 
 .left-content,
 .right-content,
+.top-content,
+.bottom-content,
 .content {
     padding: 15px;
     border-radius: 10px;

8c89403

0b542f0

client/views/pages/layoutTemplate/Horizontal.vue

--- client/views/pages/layoutTemplate/Horizontal.vue

+++ client/views/pages/layoutTemplate/Horizontal.vue

...	...	@@ -4,8 +4,8 @@
4	4	<p class="main-title">페이지 제목을 적어주세요</p>
5	5	<PageNavigation />
6	6	</div>
7		- <div class="content-box flex-column">
8		- <div class="content">
	7	+ <div class="content">
	8	+ <div class="top-content">
9	9	<div class="content-titleZone">
10	10	<p class="box-title">목록</p>
11	11	</div>
...	...	@@ -63,13 +63,84 @@
63	63	<td>1999.01.01</td>
64	64	<td>여</td>
65	65	</tr>
66		-
	66	+ <tr>
	67	+ <td><input type="checkbox" name="" id=""></td>
	68	+ <td>1</td>
	69	+ <td>test123</td>
	70	+ <td>홍길동</td>
	71	+ <td>1999.01.01</td>
	72	+ <td>여</td>
	73	+ </tr>
	74	+ <tr>
	75	+ <td><input type="checkbox" name="" id=""></td>
	76	+ <td>1</td>
	77	+ <td>test123</td>
	78	+ <td>홍길동</td>
	79	+ <td>1999.01.01</td>
	80	+ <td>여</td>
	81	+ </tr>
	82	+ <tr>
	83	+ <td><input type="checkbox" name="" id=""></td>
	84	+ <td>1</td>
	85	+ <td>test123</td>
	86	+ <td>홍길동</td>
	87	+ <td>1999.01.01</td>
	88	+ <td>여</td>
	89	+ </tr>
	90	+ <tr>
	91	+ <td><input type="checkbox" name="" id=""></td>
	92	+ <td>1</td>
	93	+ <td>test123</td>
	94	+ <td>홍길동</td>
	95	+ <td>1999.01.01</td>
	96	+ <td>여</td>
	97	+ </tr>
	98	+ <tr>
	99	+ <td><input type="checkbox" name="" id=""></td>
	100	+ <td>1</td>
	101	+ <td>test123</td>
	102	+ <td>홍길동</td>
	103	+ <td>1999.01.01</td>
	104	+ <td>여</td>
	105	+ </tr>
	106	+ <tr>
	107	+ <td><input type="checkbox" name="" id=""></td>
	108	+ <td>1</td>
	109	+ <td>test123</td>
	110	+ <td>홍길동</td>
	111	+ <td>1999.01.01</td>
	112	+ <td>여</td>
	113	+ </tr>
	114	+ <tr>
	115	+ <td><input type="checkbox" name="" id=""></td>
	116	+ <td>1</td>
	117	+ <td>test123</td>
	118	+ <td>홍길동</td>
	119	+ <td>1999.01.01</td>
	120	+ <td>여</td>
	121	+ </tr>
	122	+ <tr>
	123	+ <td><input type="checkbox" name="" id=""></td>
	124	+ <td>1</td>
	125	+ <td>test123</td>
	126	+ <td>홍길동</td>
	127	+ <td>1999.01.01</td>
	128	+ <td>여</td>
	129	+ </tr>
	130	+ <tr>
	131	+ <td><input type="checkbox" name="" id=""></td>
	132	+ <td>1</td>
	133	+ <td>test123</td>
	134	+ <td>홍길동</td>
	135	+ <td>1999.01.01</td>
	136	+ <td>여</td>
	137	+ </tr>
67	138	</tbody>
68	139	</table>
69	140	</div>
70	141	<PaginationButton />
71	142	</div>
72		- <div class="content form-box">
	143	+ <div class="bottom-content form-box">
73	144	<div class="content-titleZone">
74	145	<p class="box-title">등록</p>
75	146	</div>
...	...	@@ -107,6 +178,8 @@
107	178	</div>
108	179	<div class="flex-end">
109	180	<button class="blue-border-btn small-btn">등록</button>
	181	+ <!-- 값이 있을때 수정 버튼으로 변경 -->
	182	+ <!-- <button class="orange-border-btn small-btn">수정</button> -->
110	183	<button class="darkg-border-btn small-btn">초기화</button>
111	184	</div>
112	185	</div>
...	...	@@ -122,7 +195,8 @@
122	195	export default {
123	196	data() {
124	197	return {
125		- searchPath: mdiMagnify
	198	+ searchPath: mdiMagnify,
	199	+ inputValue:null
126	200	}
127	201	},
128	202	methods: {

8c89403

0b542f0

client/views/pages/layoutTemplate/Vertical.vue

--- client/views/pages/layoutTemplate/Vertical.vue

+++ client/views/pages/layoutTemplate/Vertical.vue


                             </tbody>
                         </table>
                     </div>
-                    <PaginationButton class="flex20"/>
+                    <PaginationButton class="flex10"/>
                 </div>
             </div>
         </div>

8c89403

0b542f0

client/views/pages/template/FormModal.vue

--- client/views/pages/template/FormModal.vue

+++ client/views/pages/template/FormModal.vue


 <template>
-    <div>Main.vue</div>
+    <div></div>
 </template>
 
 <script>

Add a comment

Open 0
Closed 0

List

...	...	@@ -212,7 +212,7 @@
212	212
213	213	.content-box {
214	214	width: 100%;
215		- height: calc(100% - 66px);
	215	+ height:100%;
216	216	}
217	217
218	218	.left-content,
...	...	@@ -221,6 +221,8 @@
221	221	}
222	222
223	223	.content{
	224	+ width: 100%;
	225	+ height: 100%;
224	226	margin-bottom: 30px;
225	227	}
226	228
...	...	@@ -230,6 +232,8 @@
230	232
231	233	.left-content,
232	234	.right-content,
	235	+.top-content,
	236	+.bottom-content,
233	237	.content {
234	238	padding: 15px;
235	239	border-radius: 10px;

...	...	@@ -61,7 +61,7 @@
61	61	</tbody>
62	62	</table>
63	63	</div>
64		- <PaginationButton class="flex20"/>
	64	+ <PaginationButton class="flex10"/>
65	65	</div>
66	66	</div>
67	67	</div>

...	...	@@ -1,5 +1,5 @@
1	1	<template>
2		- <div>Main.vue</div>
	2	+ <div></div>
3	3	</template>
4	4
5	5	<script>

Delete comment