매장찾기 input,select 활성화 처리

src/assets/css/seller.css

@@ -1034,6 +1034,7 @@
     color: #5e5e5e;
     
 }
+
 .pop-shop-sch .c-input .input_shop_sch, .pop-shop-sch .c-input-outline .input_shop_sch {
     padding-left: 1rem;
     display: block;
@@ -1042,12 +1043,20 @@
     font-size: 1.4rem;
     line-height: 1;
     color: #000;
-    background-color: #fff;
+    background-color: #f7f7f7;/* 20211118수정 */
     border: 1px solid #e1e1e1;
     border-radius: 4px;
     -webkit-appearance: none;
     outline: 0;
 }
+/* 20211118추가 */
+.pop-shop-sch .c-input .input_shop_sch:focus, .pop-shop-sch .c-input-outline .input_shop_sch:focus {
+    background-color: #fff;
+}
+/* 20211118추가 */
+.pop-shop-sch .input_shop_sch.highlight{
+    background-color: #fff!important;
+}
 
 .pop-shop-sch .dsc-guide .dsc-item{
     margin-bottom: 8px;
@@ -1228,7 +1237,20 @@
     color: #5e5e5e;
     font-size: inherit;
 }
-
+/* 20211118추가 */
+.pop-shop-sch select{
+    border:1px solid #e1e1e1;
+    background-color: #f7f7f7;
+    border-radius: 4px;
+}
+/* 20211118추가 */
+.pop-shop-sch select:focus{
+    background-color: #fff;
+}
+/* 20211118추가 */
+.pop-shop-sch select.highlight{
+    background-color: #fff;
+}
 
 /* 매장정보 */
 

src/assets/html/seller_pop_shop_sch.html

@@ -30,12 +30,12 @@
 					<div class="form-group">
 						<span class="c-input">
 							<!-- [D] 검색어 입력시 btn-delete 호출 -->
-							<input type="text" placeholder="주소 또는 지하철 명으로 입력하세요." title="주소 입력" class="input_shop_sch">
+							<input type="text" placeholder="주소 또는 지하철 명으로 입력하세요." title="주소 입력" class="input_shop_sch" id="shop_keyword"><!-- 20211118수정 -->
 							<button class="btn-delete"><span class="ico-delete">입력 내용 삭제</span></button>
 						</span>
 						<button type="button" class="btn-extra">검색</button>
 						<!-- 자동완성레이어 -->
-						<div class="auto_complete_layer" style="display: block;">
+						<div class="auto_complete_layer" style="display: none;"><!-- 20211118수정 -->
 							<p>지하철역</p>
 							<ul>
 								<li>중구청역 대전 1호선</li>
@@ -124,7 +124,7 @@
 					<div class="form-group">
 						<span class="c-select" style="width:50%">
 							<select title="지역 선택" class="select">
-								<option value="" selected="selected">대구</option>
+								<option value="" selected="selected">지역 선택</option>
 								<option value="">대구</option>
 								<option value="">대구</option>
 								<option value="">대구</option>
@@ -134,7 +134,7 @@
 						</span>
 						<span class="c-select" style="width:50%">
 							<select title="호선 선택" class="select">
-								<option value="" selected="selected">1호선</option>
+								<option value="" selected="selected">호선 선택</option>
 								<option value="">1호선</option>
 								<option value="">1호선</option>
 								<option value="">1호선</option>
@@ -324,7 +324,7 @@
 					<div class="form-group">
 						<span class="c-select" style="width:50%">
 							<select title="지역 선택" class="select">
-								<option value="" selected="selected">대구광역시</option>
+								<option value="" selected="selected">지역 선택</option>
 								<option value="">대구광역시</option>
 								<option value="">대구광역시</option>
 								<option value="">대구광역시</option>
@@ -334,7 +334,7 @@
 						</span>
 						<span class="c-select" style="width:50%">
 							<select title="호선 선택" class="select">
-								<option value="" selected="selected">중구</option>
+								<option value="" selected="selected">구 선택</option>
 								<option value="">중구</option>
 								<option value="">중구</option>
 								<option value="">중구</option>
@@ -430,5 +430,39 @@
 	<script src="../js/jquery.min.js"></script>
 	<script src="../js/swiper.min.js"></script>
 	<script	ipt src="../js/tdirect-ui.js"></script>
+	<!--  20211118추가 -->
+	<script>
+		$('.input_shop_sch').focus(function() {
+			if (document.getElementById("shop_keyword").value === ""){
+				$('.auto_complete_layer').hide();
+			} else{
+				$('.auto_complete_layer').show();
+			}
+		});
+		$('.input_shop_sch').focusout(function() {
+			if (document.getElementById("shop_keyword").value === ""){
+				$(this).removeClass('highlight');
+				$('.auto_complete_layer').hide();
+			} else{
+				$(this).addClass('highlight');
+				$('.auto_complete_layer').show();
+			}
+		});
+		$('.input_shop_sch').keyup(function() {
+			$(this).addClass('highlight');
+			if (document.getElementById("shop_keyword").value === ""){
+				$('.auto_complete_layer').hide();
+			} else{
+				$('.auto_complete_layer').show();
+			}
+		});
+		$('.select').on('change', function() {
+			if ($(this).val === ""){
+				$(this).removeClass('highlight');
+			} else{
+				$(this).addClass('highlight');
+			}
+		})
+	</script>
 </body>
 </html>
\ No newline at end of file

src/assets/js/tdirect-ui.js

@@ -1072,6 +1072,7 @@ var UI = {
 
 		$('.c-input .btn-delete').on('touchstart click', function () {
 			$('.c-input input').val('').trigger('input');
+			$('.auto_complete_layer').hide();/* 20211118추가 */
 		});
 
 		$('.dropdown-toggle').on('click', function () {