Files
orico-official-website-old/app/index/view/include/kefu.phtml
2024-10-29 14:04:59 +08:00

215 lines
9.1 KiB
PHTML
Executable File

<!-- 在线客服 s -->
<div class="suspension Swt-Phone">
<div class="suspension-box">
<!--
<div href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">
<a href="https://work.weixin.qq.com/kfid/kfc3ef7a725ac3c47a1" target="_blank"><i class="l4 icon-kf1"></i><p>技术支持</p></a>
</div>
<div class="a a-service">
<i class="l1 icon-qq1"></i><p>售后服务</p>
<div class="d d-servcie">
<ul>
<li><img src="__PUBLIC__/web/images/com-WX.png"></li>
<!-- <li><a href="tencent://message/?uin=3003632682&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>京东投诉建议</a></li>
<li><a href="tencent://message/?uin=3003459380&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术1</a></li>
<li><a href="tencent://message/?uin=3003412695&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术2</a></li>
<li><a href="tencent://message/?uin=3003668234&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术3</a></li>
<li><a href="tencent://message/?uin=3003640320&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术5</a></li>
<li><a href="tencent://message/?uin=3003640221&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术7</a></li>
</ul>
</div>
</div>
<!--<a href="javascript:;" class="a a-qrcode">
<i class="l2 icon-wx1"></i><p>微信联系</p>
</a>
<div href="javascript:;" class="a a-acart">
<i class="l3 icon-ys1"></i><p>公司邮箱</p>
</div>-->
<div href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px; display:none;">
<i class="l5 icon-top1"></i><p>返回顶部</p>
</div>
<!--div class="d d-qrcode">
<i class="arrow"></i>
<div class="inner-box">
<?php if (!empty($erweima[0])): ?>
<div class="qrcode-img"><img src="<?php echo getImage($erweima[0]['picture']); ?>" alt="<?php echo $erweima[0]['alt']; ?>"></div>
<?php endif; ?>
<p>更多惊喜请加微信</p>
</div>
</div-->
</div>
</div>
<div class="show">
<div class="smask">
<div class="sarea">
<div class="stop1">
<span>反馈信息</span>
<a href="javascript:;" class="cha"><i class="icon-close"></i></a>
<div class="clear"></div>
</div>
<form id="feedback">
<div class="feed">
<div class="finput">
<label>反馈类型:</label>
<select name="feedback_type">
<?php
$feedback_type = config('website_feedback_type');
if ($feedback_type):
foreach ($feedback_type as $type):
?>
<option value="<?php echo $type; ?>"><?php echo $type; ?></option>
<?php
endforeach;
endif;
?>
</select>
</div>
<div class="finput">
<label>您的称呼:</label>
<input type="text" name="name" value="" id="name">
</div>
<div class="finput">
<label>反馈主题:</label>
<input type="text" name="subject" value="" class="them">
</div>
<div class="finput">
<label class="fla">反馈内容:</label>
<textarea name="content"></textarea>
</div>
<div class="finput">
<label class="fla">联系方式:</label>
<select class="emal" name="way">
<option value="E-mail">E-mail</option>
</select>
<input type="text" name="contact" value="" id="contact" class="them1">
</div>
<div class="finput">
<label>验证码:</label>
<input type="text" name="authcode" value="" id="authcode">
<a href="javascript:;" class="yzm"><img id="yanzhengma" src="<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>"></a>
</div>
<a href="javascript:;" class="feda sendbtn">发送</a>
<a href="javascript:;" class="feda resetbtn">重置</a>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
/* ----- 侧边悬浮 ---- */
$(document).on("mouseenter", ".suspension .a", function() {
var _this = $(this);
var s = $(".suspension");
var isService = _this.hasClass("a-service");
var isServicePhone = _this.hasClass("a-service-phone");
var isQrcode = _this.hasClass("a-qrcode");
if (isService) {
s.find(".d-servcie").show().siblings(".d").hide();
}
if (isServicePhone) {
s.find(".d-service-phone").show().siblings(".d").hide();
}
if (isQrcode) {
s.find(".d-qrcode").show().siblings(".d").hide();
}
});
$(document).on("mouseleave", ".suspension .a, .suspension .a-top", function() {
$(".suspension").find(".d").hide();
});
$(document).on("mouseenter", ".suspension .a-top", function() {
$(".suspension").find(".d").hide();
});
$(document).on("click", ".suspension .a-top", function() {
$("html,body").animate({scrollTop: 0});
});
$(window).on('scroll',function() {
if($(this).scrollTop() >= $(this).height()) {
$('.a-top').fadeIn('slow');
}
else{
$('.a-top').fadeOut('slow');
}
});
$(".a-acart").click(function() {
$(".show").show();
$("a.yzm").click();
})
$(".cha").click(function() {
$(".show").hide();
})
});
</script>
<!-- 在线客服 e -->
<script type="text/javascript">
$(function() {
$("form a.yzm").click(function(event) {
event.preventDefault();
$("#yanzhengma").attr("src", "<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>" + "?" + Math.random());
});
$("form a.resetbtn").click(function(e) {
if (confirm('确认重置所有表单项吗?')) {
this.form.reset();
}
});
$("form a.sendbtn").bind("click", function(event) {
var nameObj = document.getElementById('name');
if (isNull(trim(nameObj.value))) {
alert('名称必须填写');
nameObj.focus();
return false;
}
var authcodeObj = document.getElementById('authcode');
if (isNull(trim(authcodeObj.value))) {
alert('验证码不能为空');
authcodeObj.focus();
return false;
}
$.ajax({
type: "POST",
url: "<?php echo url('index/index/feedback'); ?>",
data: $("form#feedback").serialize(),
dataType: "json",
success: function(data, status, xhr) {
if (data.code) {
alert(data.msg);
$("form#feedback").get(0).reset();
} else {
alert(data.msg);
}
},
beforeSend: function() {
$('form a.sendbtn').prop('disabled', true);
},
complete: function() {
$('form a.sendbtn').prop('disabled', false);
$("form a.yzm").click();
}
});
event.preventDefault();
});
});
function isNull(data) {
return (data == "" || data == undefined || data == null) ? true : false;
}
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, '');
}
function isTelephone(value) {
var isMobile = /^1[345789]\d{9}$/;
return isMobile.test(value);
}
function validEmail(email) {
//对电子邮件的验证
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
return reg.test(email);
}
</script>