시스템관리 - 권한관리, 고객관리 - 청약고객관리/회원관리 추가

frontend/src/assets/css/checktoggle.css

@@ -0,0 +1,6 @@
+.contents .table table input[type="checkbox"] + label.toggle_switch { width: 68px; height: 28px; border-radius: 14px; border: 1px solid #b7b9be; background: #cecece; transition: all 0.3s; }
+.contents .table table input[type="checkbox"] + label.toggle_switch:before { content:"정지";position: absolute; display: block; width: 100%; height:100%; font-size: 14px; color:#fff; line-height: 28px; padding: 0 0 0 15px; font-family: 'SpoqaHanSansNeo', sans-serif; box-sizing: border-box; transition: all 0.3s; }
+.contents .table table input[type="checkbox"] + label.toggle_switch:after { content:""; position: absolute; display: block; width:14px; height: 14px; top:50%; left: 7px; transform: translateY(-50%); background: #fff; border-radius: 100%; transition: all 0.5s; }
+.contents .table table input[type="checkbox"]:checked + label.toggle_switch { border-color:#eb008b; background:#fff; }
+.contents .table table input[type="checkbox"]:checked + label.toggle_switch:before { content:"사용"; color:#eb008b; padding: 0 15px 0 0; }
+.contents .table table input[type="checkbox"]:checked + label.toggle_switch:after { background: #eb008b; left: 45px;}

frontend/src/assets/css/layout.css

@@ -130,7 +130,7 @@ max-height: 90vh; overflow: auto;}/*스크린 height 100%를 벗어나는 긴
 .popup .pop-cont {}
 .popup .pop-cont p {font-size: 16px; color: #666666; font-weight: 400; letter-spacing: -0.8px; line-height: 100%;}
 .popup .pop-cont p + p {margin-top: 10px;}
-.popup .pop-btn1 {display: flex; justify-content: flex-end; align-items: center; margin: 35px 0 25px;}
+.popup .pop-btn1 {display: flex; justify-content: flex-start; align-items: center; margin: 35px 0 25px;}
 .popup .pop-btn2 {display: flex; justify-content: space-between; align-items: center; margin: 35px 0 25px;}
 .popup .pop-btn1 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
 .popup .pop-btn2 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}

frontend/src/assets/css/style.css

@@ -395,7 +395,6 @@ header .user_wrap .user_info .logout {
 	color: #ffffff;font-weight: 500;
 }
 
-
 .contents .search_wrap {
   background-color: #f6f6f8;
   display: -webkit-box;
@@ -499,8 +498,6 @@ header .user_wrap .user_info .logout {
   color: #000;
 }
 
-
-
 .contents .input_box input {
   width: 100%;
   height: 40px;
@@ -554,6 +551,15 @@ header .user_wrap .user_info .logout {
     display: block;
 } 
 
+.contents .input_box.cal .txt{
+	display: inline-block;
+}
+
+.contents .input_box.cal p{
+	display: inline-flex;
+	margin-left: 10px;
+}
+
 .contents .input_box.cal input {
     display: inline-block;
     width: 48%;
@@ -568,6 +574,18 @@ header .user_wrap .user_info .logout {
 	position: absolute; margin: 10px 0 0 10px; color:#666; font-size: 13px; font-weight: 400;
 }
 
+.contents .input_box.cal.one{
+	width: 13.67%;
+}
+
+.contents .input_box.cal.one input{
+	width: 100%;
+}
+
+.contents .input_box.cal.one + .btn-a{
+	margin-right: 10px;
+}
+
 .contents .input_box .search-box {
   background: #fff url(../images/icon-search.png) no-repeat 6% center/14px auto;	
   padding-left: 43px;
@@ -616,7 +634,7 @@ header .user_wrap .user_info .logout {
 }
 
 
-.input-memo input{
+.input-memo .memo_text{
 	height: 240px !important;
 	width: 86%;
 }
@@ -768,6 +786,24 @@ header .user_wrap .user_info .logout {
   background-color: #eb008b;
 }
 
+.contents .title_wrap{
+	display: flex;
+    padding: 0 40px;
+    margin-bottom: 20px;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.contents .title_wrap .NumberSe{
+	flex-direction: row;
+	align-items: center;
+	width: 13.67%;
+}
+
+.contents .title_wrap .NumberSe p{
+	margin-right: 10px;
+}
+
 /*pagination*/
 
 .contents .pagination .arrow-btn button{
@@ -866,6 +902,19 @@ header .user_wrap .user_info .logout {
 	border-left: 0;
 }
 
+.contents .table.calculate.scroll{
+	max-width: 1240px;
+    overflow: auto;
+    margin: 0 auto;
+	margin-bottom: 60px;
+	padding: 0;
+}
+
+.contents .table.calculate.scroll div{
+	min-width: 1400px;
+	padding-bottom: 10px;
+}
+
 .contents .table table .total{
 	background-color: #ececf3;
 }
@@ -943,6 +992,11 @@ header .user_wrap .user_info .logout {
   color: #a5a5a5;
 }
 
+.contents .table table td.price{
+	text-align: right;
+	padding-right: 10px;
+}
+
 .contents .table table td.two_btn_group {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1212,6 +1266,8 @@ header .user_wrap .user_info .logout {
   padding: 0 10px;
   font-size: 16px;
   color: #333333;
+  appearance: none;
+  background: #fff url(../images/icon-select-down.png)no-repeat right 10px center;
 }
 
 .popup .input_search {
@@ -1296,12 +1352,17 @@ header .user_wrap .user_info .logout {
     color: #333333;
 }
 
+.popup input.h200{
+	height: 200px;
+	margin: 10px 0;
+}
+
 .popup .number{
 	color:#000000;
 	font-weight: bold;
 }
 .popup .number.blue{color:#0073d4;}
-.popup .number.red{color:#ff3600;}
+.popup .red{color:#ff3600;}
 
 
 .popup.popup_form .table-c{
@@ -1328,7 +1389,7 @@ header .user_wrap .user_info .logout {
 
 .popup.b-popup tr .memo{
 	text-align: left;
-	padding: 0 0 0 10px;
+	padding: 5px 0 5px 10px;
 }
 
 .popup.b-popup tr:nth-child(1) .memo:nth-child(1){
@@ -1352,6 +1413,7 @@ header .user_wrap .user_info .logout {
 	margin-bottom: 20px;
 }
 
+
 .popup.popup_form .pop-btn2.bulk button{
 	width: 49%;
 	display: flex;
@@ -1361,6 +1423,7 @@ header .user_wrap .user_info .logout {
     -ms-flex-align: center;
     align-items: center;	
 	justify-content: normal;
+	font-size: 16px;
 }
 
 .popup.popup_form .pop-btn2.bulk button:nth-child(1)::before{
@@ -1379,11 +1442,30 @@ header .user_wrap .user_info .logout {
 	margin: 2px 5px 0 15px;
 }
 
-.popup.popup_form .btn-default{
-	color: #333333;
-	border-radius: 6px;
-    border: 1px solid #a1a1a1;
-	font-size: 14px;
+.popup.popup_form .attach{
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	padding: 5px 0;
+}
+
+.popup.popup_form .attach button{
+	margin:0;
+	width: 35%;
+}
+
+.popup.popup_form .attach .file{
+	margin-left:10px;
+	margin-bottom: 0;
+}
+
+.popup.popup_form .attach p:not(.file){
+	color: #000;
+	width: 100%;
+}
+
+.popup.popup_form p + p{
+	padding-top:5px;
 }
 
 .popup.popup_form .file{
@@ -1403,16 +1485,28 @@ header .user_wrap .user_info .logout {
 	border: none;
 }
 
-.popup.popup_form.b-popup .input_add{
+.popup.popup_form.register{
+	width:700px;
+}
+
+.popup.popup_form.register table th{
+	width:30%;
+}
+
+.popup.popup_form.register .input_search input{
+	width:100%;
+}
+
+.popup.popup_form.register .input_add{
 	padding: 5px 0px 5px 0px;
 }
 
-.popup.popup_form.b-popup .input_add div{
+.popup.popup_form.register .input_add div{
 	display: flex;
     justify-content: space-between;
 }
 
-.popup.popup_form.b-popup .input_add div input:nth-child(1){
+.popup.popup_form.register .input_add div input:nth-child(1){
 	margin-right: 5px;
     width: 95px;
 }
@@ -1422,9 +1516,157 @@ header .user_wrap .user_info .logout {
     margin-left: 2%;
 }
 
-.popup.popup_form.b-popup .input_add div:nth-child(2){
+.input_add .button.add::before{
+	margin:0px;
+	background: url(../images/icon-add-b.png) no-repeat center center;
+}
+
+.popup.popup_form.register .input_add div:nth-child(2){
 	width: 89%;
     padding-top: 5px;
 }
 
-/*# sourceMappingURL=style.css.map */
+.popup .button.white{
+	background-color: #fff;
+	border-radius: 6px;
+    border: 1px solid #a1a1a1;
+	font-size: 16px;
+	color: #000;
+}
+
+.popup .button.white:hover{
+	border-color: #000;
+}
+
+.popup.popup_form .pop-foot{
+	margin-top: 15px;
+}
+
+.popup.popup_form.register .pop-foot p:nth-child(1){
+	font-weight: 700;
+}
+
+.popup.popup_form .pop-btn3 button{
+	width: 25%;
+}
+
+.popup.popup_form .pop-btn3 button:nth-child(2){
+	margin-left: 10px;
+}
+
+.popup.popup_form .pop-btn3 .btn-p2color:hover{
+	background-color: #000;
+}
+
+.popup.popup_form table .sender{
+	padding:  15px 0px 15px 10px
+}
+
+.popup.popup_form table .sender-head{
+	display: flex;
+    justify-content: space-between;
+    padding: 5px 0;
+}
+
+.popup.popup_form table .sender-head .count span{
+	color: #eb008b;
+	padding-left: 2px;
+}
+
+.popup.popup_form table .radio_group input[type="radio"] + label:nth-child(2){
+	margin-right: 10px;
+}
+
+.popup.popup_form table .radio_group input[type="radio"] + label{
+	font-size: 14px;
+}
+
+.popup.popup_form table .sender ul{
+	margin-top: 10px;
+    display: flex;
+	flex-wrap: wrap;
+}
+
+.popup.popup_form table .sender ul li{
+	display: inline-flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: center;
+}
+
+.popup.popup_form table .sender ul li:not(:last-child){
+	margin-bottom: 5px;
+}
+
+.popup.popup_form table .sender ul .select-btn{
+	display: inline-flex;
+    width: 50%;
+}
+
+.popup.popup_form .select-btn button{
+	width: 50%;
+    height: 30px;
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: -1.1px;
+	border-radius: 4px;
+}
+
+.popup.popup_form .memo_text{
+	width: 300px;
+}
+
+.popup.popup_form table .registration{
+	padding-left:20px;
+}
+
+.popup.popup_form table .registration ul{
+	display: flex;
+}
+
+.popup.popup_form table .registration ul li{
+	display: inline-flex;
+    align-items: center;
+    width: 100px;
+    position: relative;
+    border: 1px solid #000;
+    padding: 0 10px;
+    border-radius: 5px;
+	margin-right: 15px;
+	min-height: 30px;
+	font-size: 16px;
+}
+
+.popup.popup_form table .registration ul li:last-child{
+	margin-right: 0;
+}
+
+.popup.popup_form table .registration ul li span a img{
+	position: absolute;
+    right: 0px;
+    top: 2px;
+}
+
+.popup.popup_form table .input_add{
+	display: flex;
+    justify-content: space-between;
+    padding: 5px 0px 5px 0px;
+}
+
+textarea{
+	resize: none;
+    min-height: 100px;
+    padding: 10px;
+    font-family: 'SpoqaHanSansNeo';
+    font-weight: 500;
+    font-size: 14px;
+	border: 1px solid #c9c9c9;
+    border-radius: 4px;
+}
+
+textarea:focus{
+	outline: 1px solid #000;
+}
+
+
+/*# sourceMappingURL=style.css.map */