1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
|
<? include("./include/header.php"); ?>
</div>
<style>
.container{margin:20px 0;padding:0 15px;}
.container section,
.container table {width:100%;border:2px solid #383a7d;border-top:0px none;background-color:#fff;font-size:12px;}
.shopmall_container{margin:0 auto;/* padding:0 15px; */width:90%;text-align:center;}
/*font style*/
.blue {color:#2781fd;font-weight:600;}
.orange {color:#f29320;font-weight:bold;}
.white{color:#fff;padding:5px 10px;font-size:13px;background:#585757;cursor:pointer;}
.small {font-size:12px;font-weight:400;line-height:150%;}
/*상담요청 작성*/
.shopmall_center{text-align:center;/* max-width:300px; */ width:100%;margin:0 auto;}
.shopmall_table{text-align:left;font-weight:bold;font-size:14pt;margin:20px 0 5px;line-height:150%;}
.shopmall_table > .phone_list #phone1, .shopmall_table > .phone_list #phone2, .shopmall_table > .phone_list #phone3{box-sizing:border-box;}
.shopmall_table > div > h1{margin:15px 0 10px;font-size:16px;line-height: 20px;font-weight:bold;}
.shopmall_table input[type=text]{box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;width: 100%;height: 40px;line-height: 38px;background: #fff;}
.shopmall_table input[type=text]:focus{background-color: #fff;outline: none;}
.shopmall_table select{width:70px; height:40px;box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;height: 40px;line-height: 38px;background: url("./images/common/select.png") no-repeat 100% -144px;}
.shopmall_table option{font-size: 16px;line-height: 38px;}
.shopmall_table .phone_list{margin-bottom: 10px;display: flex;justify-content: space-between;}
.shopmall_table .phone_list > div{float: right;width: 74%;display: flex;justify-content: space-between;line-height: 40px;}
.shopmall_table .phone_list select, .shopmall_table .phone_list input[type=text]{width: calc((100% - 30px)/3);}
.shopmall_table .email_list{display: flex;justify-content: space-between;}
.shopmall_table .email_list input[name=s_email]{width: 74%;float: right;}
.phone_list::after, .email_list::after{content: '';display: block;clear: both;}
input[name="edc_tel"] + label, input[name="edc_email"] + label{display: block;width: 26%;height: 40px;}
input[name="edc_tel"] + label{background: url('./images/install/btn_phone_chk.svg') no-repeat 0%;background-size: contain;}
input[name="edc_tel"]:checked + label{background: url('./images/install/btn_phone_chk_on.svg') no-repeat 0%;background-size: contain;}
input[name="edc_email"] + label{background: url('./images/install/btn_mail_chk.svg') no-repeat 0%;background-size: contain;}
input[name="edc_email"]:checked + label{background: url('./images/install/btn_mail_chk_on.svg') no-repeat 0%;background-size: contain;}
.shopmall_table textarea{width: 100%;height: 200px;box-sizing: border-box;padding: 10px;border: 2px solid #E0E0E0;border-radius: 0px;resize: none;background: #fff;}
.shopmall_table textarea:focus{background-color: #fff;outline: none;}
/*개인정보동의*/
.shopmall_agree > .agree label{font-size:11pt;font-weight:bold;display: inline-block;}
#agree + label{width: 52%;max-width: 168px;height: 28px;background: url('./images/install/btn_install_agree.svg') no-repeat 0%;background-size: contain;}
#agree:checked + label{background: url('./images/install/btn_install_agree_on.svg') no-repeat 0%;background-size: contain;}
.btn_privacy{background: url('./images/install/btn_privacy.svg') no-repeat 0%;background-size: contain;}
/*요청하기 버튼
.shopmall_btn{ background-color:#585cbd;color:white;padding:12px;margin:10px 0;border:none;width:100%;border-radius:3px;cursor:pointer;font-size:17px;margin:20px 0 30px;font-weight:bold;}*/
.edc_chk{width: 20px;height: 20px;position: relative;top: 7px;border: 0;padding: 0;}
.inflow_area ul {display: flex;align-items: center;}
.inflow_area li {margin-right: 10px;}
.inflow_area label {font-size: 14px;}
.inflow_area .edc_chk {width: 16px !important; height: 16px !important;vertical-align: top;}
/*23.08.21 수정*/
em.orange{color: #FF8845;}
#phone2, #phone3 { box-sizing: border-box; border: 2px solid #E0E0E0; border-radius: 0px; width: 100%; height: 40px; line-height: 38px; background: #fff;}
.allBtn {font-size:16px; display:block; text-align:center; margin:0 auto ; background-color:transparent; color:#333; border:1px solid #333; width:100px; padding:5px 0}
.best_rv_wrap #openModalBtn,
.best_rv_wrap #reviewAllBtn {background-color:transparent; border:2px solid #333; color:#333; padding: 10px 30px; font-size: 18px; cursor: pointer; font-weight:600}
.best_rv_wrap #openModalBtn {margin-top:30px; margin-right:75px}
.best_rv_wrap #reviewAllBtn {margin-top:30px; margin-left:77px}
.custom-modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; }
.custom-modal-content {position: relative; background-color: #fff; margin: 0 auto; top:55%; transform:translate(0, -50%); padding:20px; border-radius: 15px; width: 100%; max-width:340px; max-height:455px; box-sizing:border-box; overflow: auto;}
.close-btn { position: absolute; top: 6px; right: 7px; font-size: 25px; cursor: pointer; }
.close-btn:hover, .close-btn:focus { color: #aaa; text-decoration: none; cursor: pointer; }
#modalContent { overflow:auto}
.shopmall_top {width: 100%;padding: 25px 10px;;position: relative;background: #eef0ff;overflow: hidden; box-sizing:border-box}
.cs_buy_txt_box {position:relative;text-align:center;z-index:1}
.cs_buy_txt_box h3 {color:#333; letter-spacing:-0.8px; font-weight:800; font-size:28px; line-height:1; margin-bottom: 20px;}
.box_content {backdrop-filter: blur(5px); padding:10px 0; box-sizing:border-box;background-color:rgba(255,255,255,0.7); }
.box_content p { color:#333; font-size:14px; line-height:1.5}
.box_content p b {font-size:16px; display:block}
.box_content p font, .box_content span font {color:#2d63cf; font-weight:600}
.box_content span {color:#333; display:inline-block; margin-top:20px; font-size:14px}
.mini_title {display:block; font-size:14px; margin-top:15px; line-height:1.5}
.img_box {position:absolute; bottom:-45px; right:-10px; z-index:0}
.img_box img { width:200px; opacity:0.3}
textarea::placeholder {color: #999;}
textarea::-webkit-input-placeholder {color: #999;}
textarea:-ms-input-placeholder {color: #999;}
textarea::-ms-input-placeholder {color: #999;}
.estimate_input_btn{width:100%;/* margin-left:1.5%; */margin:15px 0 15px;display: inline-block;}
.cus_btn_on{width: 100%;background: #FF8412;height: 48px;border:none;color: #fff;border-radius: 8px;font-weight:600;margin-bottom: 10px;}
.cus_btn_off{width: calc((100% - 12px)/3);float: left;background: #0071E5; height: 52px;border-radius: 8px;overflow: hidden;}
.cus_btn_on, .cus_btn_off a{display: block;height: 100%;}
.cus_btn_on{font-size: 16px;line-height: 48px;}
.cus_btn_off a{font-size: 13px;line-height: 16px;color: #797979;font-weight: 600;font-size: 0px;background-color: none;}
.btn_prod_find a{background: url('./images/install/btn_prod_find1-2.svg') no-repeat 50%;background-size: contain;}
.btn_est a{background: url('./images/install/btn_est1-2.svg') no-repeat 50%;background-size: contain;}
.btn_edu a{background: url('./images/install/btn_edu1-2.svg') no-repeat 50%;background-size: contain;}
.btn_review a{background: url('./images/install/btn_review1.svg') no-repeat 50%;background-size: contain;}
.float_div_class{display:none;}
/*제품찾기 아이프레임 사이즈 축소*/
.ui-dialog iframe{-ms-zoom: 0.38;-moz-transform: scale(0.38);-moz-transform-origin: 0 0;-o-transform: scale(0.38);-o-transform-origin: 0 0;-webkit-transform: scale(0.38);width: 850px;height: 700px;-webkit-transform-origin: 0 0;position: absolute;top: 10px;left: 0;}
#modal_member_box{overflow:hidden}
</style>
<div class="shopmall_container" style="margin: 0px;margin-top:55px;width: 100%;padding: 0px !important;">
<div class="shopmall_top" style="">
<div class="cs_buy_txt_box">
<h3>도매쇼핑몰 구축상담 요청</h3>
<div class="box_content">
<p>
<b>쇼핑몰 구축 어렵지 않습니다.</b>
전문상담원이 <font style="color:#f17909;">설치, 세팅, 원격교육</font> 까지 지원해 드립니다.
</p>
<span>요청 후, <font>30분 내</font> 답변드립니다.</span>
</div>
<p class="mini_title"><b style="color:#f17909;">33년</b> 기술, <b style="color:#f17909;">20만 사용자</b>가 인정한 ERP</p>
</div>
<div class="img_box">
<img src="./images/install/shoptit_1.png" alt="">
</div>
</div>
</div>
<div class="shopmall_container" style="padding-top: 0px !important;">
<!--상담요청 작성-->
<div class="shopmall_center">
<form name='shopmall_form' method='post' action='?' onsubmit='return false;'>
<input type='hidden' name='contact_time' value='1'>
<input type='hidden' name='smtitle' value='shopping-mobile'>
<input type='hidden' name='ismobile' value='2'>
<input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>
<input type='hidden' name='flow' value='<?php echo $flg; ?>'>
<div class="shopmall_table">
<div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
<h1>상호(성명) <em class="orange"> *</em></h1>
<input type="text" id="shop" name="smname">
</div>
<div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
<h1>수신방식 선택 <em class="orange"> *</em></h1>
<div class="phone_list">
<input type="checkbox" name="edc_tel" id="edc_tel" class="edc_chk" value="1" hidden><label for="edc_tel"></label>
<!-- <span style="font-size:14px;margin-left:4px;margin-right:13px;">전화</span> -->
<div style="display: flex; align-items: center; gap: 5px; font-size: 16px;">
<select id="phone1" name="smtel1" style="padding: 5px; height: 36px; line-height:1 !important; font-size: 16px;">
<option value="010">010</option>
<option value="011">011</option>
<option value="016">016</option>
<option value="017">017</option>
<option value="018">018</option>
<option value="019">019</option>
</select>
<span>-</span>
<input type="tel" id="phone2" name="smtel2" maxlength="4" inputmode="numeric" style="width: 70px; padding: 5px; height: 36px; font-size: 16px;">
<span>-</span>
<input type="tel" id="phone3" name="smtel3" maxlength="4" inputmode="numeric" style="width: 70px; padding: 5px; height: 36px; font-size: 16px;">
</div>
</div>
<div class="email_list">
<input type="checkbox" name="edc_email" id="edc_email" class="edc_chk" hidden><label for="edc_email"></label>
<!-- <span style="font-size:14px;margin-left:4px;">이메일</span> -->
<input type="text" name="s_email" style="">
</div>
</div>
<div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
<h1>요청내용 <em class="orange"> *</em></h1>
<textarea id="smdetail" name="smdetail" maxlength="150" style="margin-bottom:10px;" placeholder="찾으시는 제품이나 귀사의 업무를 간단히 적어주세요!"></textarea>
<span class="small" style="font-size: 13px;line-height: 19px;">원하는 상담시간이 있는 경우에는 희망시간을 함께<br>남겨주시기 바랍니다.</span></p>
</div>
</div>
</form>
</div>
<!--개인정보동의-->
<div class="shopmall_agree" style="padding-bottom: 15px;border-bottom: 1px solid #444444;margin-top:15px;text-align: left;">
<p class="agree" style="margin-bottom:10px;">
<input type="checkbox" id="agree" hidden><label for="agree" style="font-size: 0px;float: left;margin-right: 6px;"> 개인정보 수집에 동의함</label>
<a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2 btn_privacy" style="display: inline-block;width: 41%;max-width: 132px;height: 28px;"><!-- <span class="white">개인정보취급방침</span> --></a>
</p>
<span class="small" style="font-size: 12px;line-height:19px;">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
</div>
<div class="estimate_input_btn">
<button type="submit" class="shopmall_btn cus_btn_on">구축상담 요청하기</button>
<p class="cus_btn_off btn_est" style="margin-right: 6px;"><a href="http://mjsoft.co/html/m/customerprice.php">견적요청</a></p>
<p class="cus_btn_off btn_prod_find" style="margin-right: 6px;"><a class="show_program_est" style="cursor: pointer;">제품찾기</a></p>
<p class="cus_btn_off btn_review"><a id="openModalBtn">사용후기</a></p>
<!-- <p class="cus_btn_off btn_review"><a href="http://mjsoft.co/html/m/myevent.php">사용후기</a></p> -->
<!-- <p class="cus_btn_off btn_edu"><a href="http://mjsoft.co/html/m/customer_education.php">집체<br>교육요청</a></p> -->
</div>
</div>
<!-- <div class="all_wrap">
<button id="openModalBtn" class="allBtn">확대보기</button>
</div> -->
<!-- 모달 구조 (아이디와 클래스 다르게 설정) -->
<div id="customModal" class="custom-modal">
<div class="custom-modal-content">
<span class="close-btn">×</span>
<div id="modalContent"><!-- ERP 내용이 여기에 로드됩니다 --> </div>
</div>
</div>
<div id="modal_member_box2" style="display:none;width:900px; height:615px; padding-top:15px;padding-left:17px;padding-right:3px;position:relative;"><iframe id='pop_box_iframe2' frameborder=0 src=''></iframe></div>
<div id="modal_member_box3" style="display:none;padding-top:25px;padding-left:12px;padding-right:12px;position:relative;"></div><!--//팝업창-->
<? include("./shopmall_list.php"); ?>
<script>
$(function(){
$(".list_total_cnt").html("<?php echo number_format($nTotalCount); ?>");
$('#phone2').on('input', function() {
const val = $(this).val().replace(/[^0-9]/g, '');
$(this).val(val);
if (val.length === 4) {
$('#phone3').focus();
}
});
// 버튼 클릭 시 모달 열기
$('#openModalBtn').click(function() {
// erp_rv_popup.php 파일의 내용 로드
$('#modalContent').load('erp_rv_popup.php', function(response, status, xhr) {
if (status == 'error') {
$('#modalContent').html('<p>내용을 불러오는 데 실패했습니다.</p>');
}
});
// 배경 스크롤을 비활성화
$('body').css('overflow', 'hidden');
// 모달 표시
$('#customModal').fadeIn();
});
// 닫기 버튼 클릭 시 모달 닫기
$('.close-btn').click(function() {
// 배경 스크롤을 다시 활성화
$('body').css('overflow', 'auto');
// 모달 닫기
$('#customModal').fadeOut();
});
// 모달 바깥을 클릭하면 모달 닫기
$(window).click(function(event) {
if ($(event.target).is('#customModal')) {
// 배경 스크롤을 다시 활성화
$('body').css('overflow', 'auto');
// 모달 닫기
$('#customModal').fadeOut();
}
});
//24.02.16 남상복 수정 04.04 이현정 추가
$(".review_pop_btn").click(function(){ //상단 사용후기 버튼 클릭시 팝업창 띄움
$.get("review_main.inc.php",function(rtn){
$("#modal_member_box3").html(rtn).dialog({
resizable: true, height: 540, width: "94%", modal: true, title:"",
open: function(){ $('html, body').css('overflow', 'hidden'); },
close: function(){ $('html, body').css('overflow', 'unset'); },
});
});
});
$(".shopmall_btn").click(function(){
if($("input[name='edc_tel']").is(":checked")==false && $("input[name='edc_email']").is(":checked")==false){
alert('수신방식을 전화나 이메일중에 한개이상 선택해주세요.'); return;
} else {
if($("input[name='edc_tel']").is(":checked")==true){
if($("input[name='smtel1']").val()=='' || $("input[name='smtel2']").val()=='' || $("input[name='smtel3']").val()==''){
alert('전화번호를 입력하세요.'); return;
}
}
if($("input[name='edc_email']").is(":checked")==true){
if($("input[name='s_email']").val()==''){
alert('이메일을 입력하세요.'); return;
}
}
}
if($("#shop").val()==''){
alert('상호명을 입력하세요.'); return;
}
if($("#smdetail").val().trim() ==''){
alert('상담내용을 입력하세요.'); return;
}
if($("#tel").val()==''){
alert('전화번호를 입력하세요.'); return;
}
if($("#agree").is(":checked")==false){
alert('개인정보 수집에 동의함 체크를 하시기 바랍니다.'); return;
}
form_data = $("form[name='shopmall_form']").serialize();
$.ajax({type:"post", url:"./install_req_process.php", data:form_data, async:false, dataType : "xml",
success:function(xml){
var v_mode = $(xml).find("mode").text();
var v_mode_ok = $(xml).find("mode_ok").text();
var v_msg = $(xml).find("msg").text();
var v_pt = $(xml).find("pt").text();
var v_contact_time = $(xml).find("contact_time").text();
if(v_mode_ok=='Y'){
alert('도입상담요청 되었습니다.');
document.location.reload();
} else {
alert(v_msg);
}
},
error:function(rtn,status,error){ alert(error); }
});
});
$(".show_program_est").css("cursor","pointer").click(function(){ //엠제이 소프트란 팝업처리
main_popup_show("https://mjsoft.co/html/millennium/index_new_program_new2.php","380","320","나에게 맞는 제품찾기");
});
});
function main_popup_show(url,v_width,v_height,v_title){
$("#pop_box_iframe2").attr("src","");
$("#modal_member_box2").dialog({
resizable: true, height:v_width, width:v_height, modal: true, title: v_title,
show : {effect:'blind',duration:500},
buttons: {
닫기: function() {
$( this ).dialog( "close" );
}
},
close: function() {
$("#pop_box_iframe2").attr("src","");
}
});
setTimeout(function(){
$("#pop_box_iframe2").attr("src",url);
},500);
}
function dialog_close(){
$("#modal_member_box2").dialog( "close" );
}
</script>
<?include("./include/footer.php");?>
|