Commit @5861fc930517b0d4518d6b43fa2f119ae84e6368

류윤주 04-02

250402 류윤주 수정

@5861fc930517b0d4518d6b43fa2f119ae84e6368

5fb7565

5861fc9

client/resources/scss/admin/content.scss

--- client/resources/scss/admin/content.scss

+++ client/resources/scss/admin/content.scss


 
     >.content-zone {
         height: calc(100% - 140px);
-        background-color: var(--tk-white);
-        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
+        background-color: transparent;
+        // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
         >.content {
             height: 100%;

     padding: 2rem;
     display: grid;
     grid-template-columns: 1fr 1fr;
+    background-color: var(--tk-white);
+    border-radius: 0 0 2rem 2rem;
+    height: calc(100% - 45px);
     // grid-template-rows: 1fr 1fr;
 
     >div {

 .form-box {
     border: 1px solid var(--tk-gray-10);
     @include radius(30);
+    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
     .form-box-title {
         padding: 1rem 3rem;
         background-color: #fbfbfb;
         @include flex-layout(flex, center, start);
         font-size: var(--tk-fz-title-sm);
-        border-radius: 3rem 3rem 0 0;
+        border-radius: 2rem 2rem 0 0;
 
         >p {
             margin-right: 1rem;

 .setting-box {
     @include flex-layout(flex, start, start);
     width: 100%;
-    height: calc(100% - 77.5px);
+    // height: calc(100% - 77.5px);
 
     .node-zone {
         width: 325px;

         margin-right: 5rem;
         background-color: #fbfbfb;
         border-radius: var(--tk-rd-12);
+        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
         .tree {
             padding: 3rem;

         width: calc(100% - 325px - 5rem);
         height: 100%;
 
-        // .form-content {
-        //     // padding: 0;
-
-        //     >div {
-        //         padding: 1rem;
-        //         
-        //     }
-        // }
         .btn-wrap {
             // justify-content: flex-end;
             padding: 1rem 0;

 
 .tbl-wrap{
     // height: 100%;
+    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
 
     &.overflow-y{
         overflow-y: auto;

 .check-area {
     @include flex-layout(flex, center);
     gap: 3rem;
-}
+}
+
+.h_100{
+    height: 100%;
+}
+

5fb7565

5861fc9

client/resources/scss/common/component/_tables.scss

--- client/resources/scss/common/component/_tables.scss

+++ client/resources/scss/common/component/_tables.scss


 					color: var(--#{$prefix}gray-90);
 					font-weight: map-get($fws, normal);
 					text-align: left;
+
+					& .data-none{
+						text-align: center;
+					}
 				}
 			}
 			&.cursor{

5fb7565

5861fc9

client/views/layout/AdminHeader.vue

--- client/views/layout/AdminHeader.vue

+++ client/views/layout/AdminHeader.vue


     data() {
         return {
             mbrNm: store.state.mbrNm,
-            pgNm: store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
+            pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
         }
     },
     created() {

 
     },
     watch: {
+        'pgNm'(newValue,oldValue){
+            console.log(oldValue)
+        },
         '$store.state.menu'(newValue) {
             this.pgNm = newValue.menuNm
         },

     },
     computed: {
 
+        pgNm() {
+            return store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈";
+        }
+
     },
     mounted() {
 

5fb7565

5861fc9

client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

--- client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

+++ client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue


   <div class="content-zone  sch-full">
     <div class="content">
         <!-- <div class="scroll"> -->
-          <div class="setting-box">
+          <div class="setting-box h_100">
             <div class="node-zone">
               <ul class="tree">
                 <template v-if="authorList.length > 0">

               </ul>
             </div>
             <div class="setting-zone">
-              <div class="tbl-wrap  overflow-y">
+              <div class="tbl-wrap h_100 overflow-y">
                 <table class="data tbl">
                   <colgroup>
                     <col width="70%"/>

5fb7565

5861fc9

client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue


     <div class="content-zone  sch-full">
         <div class="content">
             <div class="scroll">
-                <div class="form-box">
+                <div class="form-box mb30">
                     <div class="form-box-title">
                         <p>기본 설정</p>
                     </div>

                         </div>
                     </div>
                 </div>
-                <div class="form-box mb30">
+                <div class="form-box">
                     <div  class="form-box-title">
                         <p>세부설정</p>
                     </div>

5fb7565

5861fc9

client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue

--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue

+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonInsert.vue


                   <tr v-if="bbsCn.ntcPstYn === 'Y'" class="border-top">
                     <th>공지글 게시기간</th>
                     <td>
-                      <div class="input-form">
+                      <div class="input-group">
                         <div class="form-control sm cal">
                           <VueDatePicker
                             InlineOptions

     //         return new UploadAdapter(loader);
     //     }
     // }
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
   },
   watch: {
     "bbsCn.ntcPstYn": function (val) {

5fb7565

5861fc9

client/views/pages/adm/departmentManagement/DepartmentManagement.vue

--- client/views/pages/adm/departmentManagement/DepartmentManagement.vue

+++ client/views/pages/adm/departmentManagement/DepartmentManagement.vue


 <template>
   <div class="content-zone full-page">
     <div class="content">
-      <div class="setting-box">
+      <div class="setting-box h_100">
         <div class="node-zone">
           <div class="tree">
             <div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -5,8 +5,8 @@
5	5
6	6	>.content-zone {
7	7	height: calc(100% - 140px);
8		- background-color: var(--tk-white);
9		- box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
	8	+ background-color: transparent;
	9	+ // box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
10	10
11	11	>.content {
12	12	height: 100%;
...	...	@@ -76,6 +76,9 @@
76	76	padding: 2rem;
77	77	display: grid;
78	78	grid-template-columns: 1fr 1fr;
	79	+ background-color: var(--tk-white);
	80	+ border-radius: 0 0 2rem 2rem;
	81	+ height: calc(100% - 45px);
79	82	// grid-template-rows: 1fr 1fr;
80	83
81	84	>div {
...	...	@@ -177,13 +180,14 @@
177	180	.form-box {
178	181	border: 1px solid var(--tk-gray-10);
179	182	@include radius(30);
	183	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
180	184
181	185	.form-box-title {
182	186	padding: 1rem 3rem;
183	187	background-color: #fbfbfb;
184	188	@include flex-layout(flex, center, start);
185	189	font-size: var(--tk-fz-title-sm);
186		- border-radius: 3rem 3rem 0 0;
	190	+ border-radius: 2rem 2rem 0 0;
187	191
188	192	>p {
189	193	margin-right: 1rem;
...	...	@@ -216,7 +220,7 @@
216	220	.setting-box {
217	221	@include flex-layout(flex, start, start);
218	222	width: 100%;
219		- height: calc(100% - 77.5px);
	223	+ // height: calc(100% - 77.5px);
220	224
221	225	.node-zone {
222	226	width: 325px;
...	...	@@ -224,6 +228,7 @@
224	228	margin-right: 5rem;
225	229	background-color: #fbfbfb;
226	230	border-radius: var(--tk-rd-12);
	231	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
227	232
228	233	.tree {
229	234	padding: 3rem;
...	...	@@ -239,14 +244,6 @@
239	244	width: calc(100% - 325px - 5rem);
240	245	height: 100%;
241	246
242		- // .form-content {
243		- // // padding: 0;
244		-
245		- // >div {
246		- // padding: 1rem;
247		- //
248		- // }
249		- // }
250	247	.btn-wrap {
251	248	// justify-content: flex-end;
252	249	padding: 1rem 0;
...	...	@@ -327,6 +324,7 @@
327	324
328	325	.tbl-wrap{
329	326	// height: 100%;
	327	+ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.02);
330	328
331	329	&.overflow-y{
332	330	overflow-y: auto;
...	...	@@ -378,4 +376,9 @@
378	376	.check-area {
379	377	@include flex-layout(flex, center);
380	378	gap: 3rem;
381		-} (파일 끝에 줄바꿈 문자 없음)
	379	+}
	380	+
	381	+.h_100{
	382	+ height: 100%;
	383	+}
	384	+

...	...	@@ -31,6 +31,10 @@
31	31	color: var(--#{$prefix}gray-90);
32	32	font-weight: map-get($fws, normal);
33	33	text-align: left;
	34	+
	35	+ & .data-none{
	36	+ text-align: center;
	37	+ }
34	38	}
35	39	}
36	40	&.cursor{

...	...	@@ -34,7 +34,7 @@
34	34	data() {
35	35	return {
36	36	mbrNm: store.state.mbrNm,
37		- pgNm: store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
	37	+ pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
38	38	}
39	39	},
40	40	created() {
...	...	@@ -63,6 +63,9 @@
63	63
64	64	},
65	65	watch: {
	66	+ 'pgNm'(newValue,oldValue){
	67	+ console.log(oldValue)
	68	+ },
66	69	'$store.state.menu'(newValue) {
67	70	this.pgNm = newValue.menuNm
68	71	},
...	...	@@ -70,6 +73,10 @@
70	73	},
71	74	computed: {
72	75
	76	+ pgNm() {
	77	+ return store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈";
	78	+ }
	79	+
73	80	},
74	81	mounted() {
75	82

...	...	@@ -122,7 +122,7 @@
122	122	<tr v-if="bbsCn.ntcPstYn === 'Y'" class="border-top">
123	123	<th>공지글 게시기간</th>
124	124	<td>
125		- <div class="input-form">
	125	+ <div class="input-group">
126	126	<div class="form-control sm cal">
127	127	<VueDatePicker
128	128	InlineOptions
...	...	@@ -611,6 +611,13 @@
611	611	// return new UploadAdapter(loader);
612	612	// }
613	613	// }
	614	+ // 날짜포맷
	615	+ formatDate(date) {
	616	+ const year = date.getFullYear();
	617	+ const month = ('00' + (date.getMonth() + 1)).slice(-2);
	618	+ const day = ('00' + date.getDate()).slice(-2);
	619	+ return `${year}-${month}-${day}`;
	620	+ }
614	621	},
615	622	watch: {
616	623	"bbsCn.ntcPstYn": function (val) {

...	...	@@ -2,7 +2,7 @@
2	2	<div class="content-zone sch-full">
3	3	<div class="content">
4	4	<!-- <div class="scroll"> -->
5		- <div class="setting-box">
	5	+ <div class="setting-box h_100">
6	6	<div class="node-zone">
7	7	<ul class="tree">
8	8	<template v-if="authorList.length > 0">
...	...	@@ -12,7 +12,7 @@
12	12	</ul>
13	13	</div>
14	14	<div class="setting-zone">
15		- <div class="tbl-wrap overflow-y">
	15	+ <div class="tbl-wrap h_100 overflow-y">
16	16	<table class="data tbl">
17	17	<colgroup>
18	18	<col width="70%"/>

...	...	@@ -1,7 +1,7 @@
1	1	<template>
2	2	<div class="content-zone full-page">
3	3	<div class="content">
4		- <div class="setting-box">
	4	+ <div class="setting-box h_100">
5	5	<div class="node-zone">
6	6	<div class="tree">
7	7	<div>

Delete comment