Files
juipnet/Host/Views/Shared/_Layout.cshtml

553 lines
24 KiB
Plaintext
Raw Normal View History

2020-10-07 20:25:03 +08:00
@using Hncore.Pass.BaseInfo.Response
@using Hncore.Infrastructure.Serializer;
@using Hncore.Pass.Vpn.Service
@inject ProductService m_ProductService
@{
UserLoginModel user = null;
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
{
user = userCookie.FromJsonTo<UserLoginModel>();
}
var products = m_ProductService.Query(true).ToList();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>聚IP JUIP.COM </title>
<link rel="stylesheet" type="text/css" href="~/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="~/css/base.css" />
<link rel="stylesheet" type="text/css" href="~/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="~/css/animate.min.css" />
<link rel="Shortcut Icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="~/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="~/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="~/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="~/js/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$.ajaxSetup({
complete: function (XMLHttpRequest, textStatus) {
console.log(XMLHttpRequest);
//var sessionstatus = XMLHttpRequest.getResponseHeader("sessionstatus");
if (textStatus =="parsererror") {
//如果超时就处理 ,指定要跳转的页面(比如登陆页)
$(".mask").show();
$(".main").show();
$(".main").addClass("animated bounceInDown");
}
}
});
var loginCallback = null;
var loginSuccess = null;
$(function () {
// 注册登录弹窗
$(".regLink").click(function () {
$(".main").hide();
$(".main_reg").show();
});
$(".loginLink").click(function () {
$(".main_reg").hide();
$(".main_find").hide();
$(".main").show();
});
$(".findLink").click(function () {
$(".main").hide();
$(".main_find").show();
});
$(".login").click(function () {
$(".mask").show();
$(".main").show();
$(".main").addClass("animated bounceInDown");
});
$(".reg").click(function () {
$(".mask").show();
$(".main_reg").show();
$(".main_reg").addClass("animated bounceInDown");
});
$(".btnClose").click(function () {
$(".main").addClass("animated bounceOutDown");
$(".mask").hide();
setTimeout(function () {
$(".main").removeClass("animated bounceOutDown");
$(".main").hide();
}, 1000)
});
$(".regClose").click(function () {
$(".main_reg").addClass("animated bounceOutDown");
$(".mask").hide();
$(".main_find").hide();
setTimeout(function () {
$(".main_reg").removeClass("animated bounceOutDown");
$(".main_reg").hide();
}, 1000)
});
$(".cpshow .item").click(function () {
$(this).addClass("kuang");
$(this).siblings().removeClass("kuang");
$(this).find(".check").show();
$(this).siblings().find(".check").hide();
});
$(".card .item").click(function () {
$(this).addClass("kuang");
$(this).siblings().removeClass("kuang");
$(this).find(".cardCheck").show();
$(this).siblings().find(".cardCheck").hide();
});
})
</script>
</head>
<body>
<div class="popmask"></div>
<!-- sideBar -->
<div class="sideBar">
<div class="item item_on_q">
<img src="~/img/qq.png" class="on_q"> <div class="kefu_tit">QQ</div>
<div class="side_q">
<h4 style="border-bottom:1px solid #ccc;text-align:center;width:100%;padding:5px;">实时响应 在线时间8:00-24:00</h4>
<div class="item">
<a href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true" target="_blank">
<div class="ileft">
<img src="~/img/q.png">
</div>
<div class="iright">
<span>人工客服:售前</span>
</div>
</a>
</div>
<div class="item">
<a href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true" target="_blank">
<div class="ileft">
<img src="~/img/q.png">
</div>
<div class="iright">
<span>人工客服:售后</span>
</div>
</a>
</div>
</div>
</div>
<div class="item item_on_wx">
<img src="~/img/weixin.png" class="on_wx"> <div class="kefu_tit">微信</div>
<div class="side_kefu">
<ul class="nav nav-tabs" role="tablist" style="padding-top: 10px;padding-left:10px">
2021-03-30 15:05:37 +08:00
<li role="presentation" class="active"><a href="#xx" aria-controls="xx" role="tab" data-toggle="tab" style="border-color:#ccc">售前&售后</a></li>
@* <li role="presentation"><a href="#qq" aria-controls="qq" role="tab" data-toggle="tab" style="border-color:#ccc">售后</a></li> *@
2020-10-07 20:25:03 +08:00
@*<li role="presentation"><a href="#ss" aria-controls="ss" role="tab" data-toggle="tab" style="border-color:#ccc">珊珊</a></li>
<li role="presentation"><a href="#tt" aria-controls="tt" role="tab" data-toggle="tab" style="border-color:#ccc">兔兔</a></li>*@
</ul>
2021-01-04 17:53:35 +08:00
2020-10-07 20:25:03 +08:00
<div class="tab-content" style="margin-top: 60px;">
<div role="tabpanel" class="tab-pane active" id="xx">
2021-03-30 15:05:37 +08:00
<img src="~/img/kf_sq.jpg?123">
2020-10-07 20:25:03 +08:00
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
</div>
<div role="tabpanel" class="tab-pane" id="qq">
2021-03-30 15:05:37 +08:00
<img src="~/img/kf_sh.jpg?123">
2020-10-07 20:25:03 +08:00
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
</div>
@*<div role="tabpanel" class="tab-pane" id="ss">
<img src="~/img/w3.png">
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
</div>
<div role="tabpanel" class="tab-pane" id="tt">
<img src="~/img/w4.png">
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
</div>*@
</div>
</div>
</div>
<div class="item">
<img src="~/img/gzh.png" class="on_gzh"><div class="kefu_tit">公众号</div>
<div class="side_gzh">
<p><img src="~/img/ewm.png"></p>
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
<p style="color:#f90">关注公众号可获取免费的到期提醒服务</p>
</div>
</div>
<div class="item">
<img src="~/img/tel.png" class="on_tel"><div class="kefu_tit">电话</div>
<div class="side_tel">
2021-01-13 16:10:41 +08:00
<p><b>400 800 9925</b></p>
2020-10-07 20:25:03 +08:00
<p>实时接通</p>
<p>电话值班时间 8:00-24:00</p>
</div>
</div>
<div class="item">
<a href="#top"><img src="~/img/top.png"></a>
</div>
</div>
<div class="container-fluid nav nav_buy">
<div class="row">
<div class="col-lg-2 col-md-2 logo">
<a href="#"><img src="~/img/logo.png"></a>
</div>
<div class="col-lg-10 col-md-10">
<ul class="navList navList_buy pull-right">
<li><a href="/">首页</a></li>
2020-12-27 19:06:35 +08:00
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></li>
2020-11-30 13:56:19 +08:00
<li><a href="/LineList/index">IP线路表</a></li>
2020-10-07 20:25:03 +08:00
<li><a href="/product/soft">软件下载</a></li>
2020-11-28 17:42:16 +08:00
<li><a href="/article/index?Catalog=1">教程&咨询</a></li>
2021-03-30 21:17:43 +08:00
@* <li><a href="/article/taobao">淘宝充值活动</a></li> *@
2020-10-07 20:25:03 +08:00
<li>
@if (user == null)
{
<button type="button" class="btn btn-primary reg">注册</button>
<button type="button" class="btn btn-primary login">登录</button>
}
else
{
<img src="/img/account.png" onmouseover="$('.exitBox').show()">
<div class="exitBox" onmouseleave="$('.exitBox').hide()">
<div class="item">
<a asp-action="index" asp-controller="user">个人中心</a>
</div>
<div class="item">
<a asp-action="LoginOut" asp-controller="user">退出登录</a>
</div>
</div>
}
</li>
</ul>
</div>
</div>
</div>
@RenderBody()
<!-- footer -->
<div class="container-fluid footer">
<div class="container">
<div class="col-lg-3">
<p class="cpTit">旗下产品</p>
<ul class="cp">
@foreach (var item in products)
{
<li><a asp-action="index" asp-controller="product" asp-route-id="@item.Id">@item.Name</a></li>
}
</ul>
</div>
<div class="col-lg-3">
<p class="cpTit">联系我们</p>
<ul class="cp">
2021-01-13 16:10:41 +08:00
<li>公司电话400 800 9925</li>
<li>客服QQ800101003</li>
<li>客服微信-售前:</li><br>
2021-03-30 15:05:37 +08:00
<img width="100px" src="~/img/kf_sq.jpg?123"><br>
2021-01-13 16:10:41 +08:00
<li>客服微信-售后:</li><br>
2021-03-30 15:05:37 +08:00
<img width="100px" src="~/img/kf_sh.jpg?123">
2020-10-07 20:25:03 +08:00
<li>工作时间: 8:00-24:00</li>
</ul>
</div>
<div class="col-lg-3">
<p class="cpTit">商务合作</p>
<ul class="cp">
2021-01-13 16:10:41 +08:00
<li>电话/微信400 800 9925</li>
2020-10-07 20:25:03 +08:00
<li>QQ508095081</li>
</ul>
</div>
<div class="col-lg-3">
<p class="cpTit">公众号</p>
<p class="ewm"><img src="~/img/ewm.png"></p>
<p class="sao">关注公众号即可获取</p>
<p class="sao">免费的到期提醒服务</p>
</div>
</div>
</div>
<!-- copyright -->
<div class="container-fluid copyr">
<div class="container text-center">
<p>
聚IP仅提供IP服务用户使用聚IP从事的任何行为均不代表聚IP的意志和观点与聚IP的立场无关。严禁用户使用聚IP从事任何违法犯罪行为
产生的相关责任用户自负对此聚IP不承担任何法律责任。
</p>
<p>
版权所有 河南华连网络科技有限公司|<a href="http://www.beian.miit.gov.cn" target="_blank">豫ICP备17004061号-15</a>增值电信业务经营许可证B1-20190663
</p>
@*<p class="logoD"><img src="~/img/logogD.png"></p>*@
<p class="logoD_"><img src="~/img/logogD.png"><a target="cyxyv" href="https://v.yunaq.com/certificate?domain=www.juip.com&from=label&code=90020"> <img src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png" style="width:70px;height:25px;"></a></p>
</div>
</div>
<!-- register -->
<div class="mask"></div>
<div class="main_reg" id="regBox" style="height: 580px">
<img src="~/img/close.png" class="regClose">
<div class="logoLogin">
<img src="~/img/logoBlue.png">
</div>
<div class="award">
<img src="~/img/award.png">
</div>
<div class="user">
<img src="~/img/phone.png"><input type="text" id="username" value="" placeholder="请输入手机号码" />
</div>
<div class="pwd">
<img src="~/img/password.png"><input type="password" id="password" value="" placeholder="请输入密码" />
</div>
<div class="yzm">
<img src="~/img/yanzhengma.png"><input type="text" id="yanzhengma" value="" placeholder="请输入验证码" /><button class="btn btn-primary" onclick="getCode(this)">获取验证码</button>
</div>
<div class="user">
<img src="~/img/phone.png"><input type="text" name="" id="wxhao" value="" placeholder="请输入微信号" />
</div>
<div class="user">
<img src="~/img/phone.png"><input type="text" name="" id="qqhao" value="" placeholder="请输入QQ" />
</div>
2020-11-30 13:56:19 +08:00
<p class="tixing">*手机号不是IP账号请登录后开通IP账号*</p>
2020-12-13 12:53:37 +08:00
<p class="tixing"><input type="checkbox" name="" id="xieyi" value="" />我同意<a href="/LineList/xieyi" target="_blank">《聚IP JUIP.COM用户注册协议》</a></p>
2020-10-07 20:25:03 +08:00
<p class="denglu"><button type="button" class="btn btn-reg">注册</button></p>
<p class="zhiyin grayText">已有账号?<a href="#" class="loginLink">立即登录</a></p>
</div>
<!-- login -->
<div class="mask"></div>
<div class="main" id="loginBox">
<img src="~/img/close.png" class="btnClose">
<div class="logoLogin">
<img src="~/img/logoBlue.png">
</div>
<div class="award">
<img src="~/img/award.png">
</div>
<div class="user">
2020-12-26 22:09:43 +08:00
<img src="~/img/user.png"><input type="text" name="" id="rLogin_Name" value="" placeholder="淘宝名/会员手机号码" />
2020-10-07 20:25:03 +08:00
</div>
<div class="pwd">
<img src="~/img/password.png"><input type="password" name="" id="rLogin_Pwd" value="" placeholder="请输入密码" />
</div>
<div class="fuzhu">
<div class="item">
@*<input type="checkbox" name="" id="" value="" />自动登录*@
</div>
<div class="item">
<a href="#" class="grayText findLink">忘记密码?</a>
</div>
</div>
2020-11-30 13:56:19 +08:00
<p class="tixing">*手机号不是IP账号请登录后开通IP账号*</p>
2020-10-07 20:25:03 +08:00
<p class="denglu"><button type="button" class="btn btn-login">登录</button></p>
<p class="zhiyin grayText">还没有账号?<a href="#" class="regLink">立即注册</a></p>
</div>
<!-- findpwd -->
<div class="mask"></div>
<div class="main_find" id="FindBox">
<img src="~/img/close.png" class="regClose">
<div class="logoLogin">
<img src="~/img/logoBlue.png">
</div>
<div class="award">
<img src="~/img/award.png">
</div>
<div class="user">
<img src="~/img/phone.png"><input type="text" id="fusername" value="" placeholder="请输入手机号码" />
</div>
<div class="pwd">
<img src="~/img/password.png"><input type="password" id="fpassword" value="" placeholder="请输入新密码" />
</div>
<div class="yzm">
<img src="~/img/yanzhengma.png"><input type="text" id="fyanzhengma" value="" placeholder="请输入验证码" /><button class="btn btn-primary" onclick="getFindCode(this)">获取验证码</button>
</div>
2020-11-30 13:56:19 +08:00
<p class="tixing">*手机号不是IP账号请登录后开通IP账号*</p>
2020-10-07 20:25:03 +08:00
<p class="denglu"><button type="button" class="btn btn-reset">重置</button></p>
<p class="zhiyin grayText">已有账号?<a href="#" class="loginLink">立即登录</a></p>
</div>
<script>
function login() {
var name = $("#rLogin_Name").val()
var pwd = $("#rLogin_Pwd").val()
var data = { Logincode: name, Password: pwd, Code: 1 };
$.ajax({
type: 'POST',
url: '/user/login',
contentType: "application/json",
data: JSON.stringify(data),
success: function (res) {
console.log(res);
if (res.Code == 10000) {
try {
var callback = loginCallback || loginSuccess;
callback(res.Data)
} catch (err) {
window.location.reload();
}
} else {
alert(res.Message)
}
}
});
}
var time = 60;
function getCode(_self) {
if (!timing(_self)) return;
var name = $("#username").val()
var url = '/user/SendPhoneCode?key=User_Code&phone=' + name;
$.ajax({
type: 'GET',
url: url,
success: function (res) {
alert(res.Message)
}
});
}
function getFindCode(_self) {
if (!timing(_self)) return;
var name = $("#fusername").val()
var url = '/user/SendPhoneCode?key=FindUser_Code&phone=' + name;
$.ajax({
type: 'GET',
url: url,
success: function (res) {
alert(res.Message)
}
});
}
function timing(_self) {
if (time != 60) return false
var timerHandler = setInterval(function () {
time--;
if (time <= 1) {
clearInterval(timerHandler);
time = 60;
$(_self).text("获取验证码")
} else {
$(_self).text(time + "s");
}
}, 1000)
return true;
}
function reg() {
2020-12-13 12:53:37 +08:00
if(!$("input[type='checkbox']").is(':checked')){
alert('请认真阅读用户注册协议后勾选 我同意 方可注册!');
return;
}
2020-10-07 20:25:03 +08:00
var name = $("#username").val()
var pwd = $("#password").val()
var code = $("#yanzhengma").val()
if (name == '') { alert('手机号不能为空'); return; }
if (code == '') { alert('验证码不能为空'); return; }
var wx = $("#wxhao").val()
var qq = $("#qqhao").val()
var data = { Phone: name, Pwd: pwd, Code: code, Wx: wx, QQ: qq };
$.ajax({
type: 'POST',
url: '/user/Regist',
contentType: "application/json",
data: JSON.stringify(data),
success: function (res) {
console.log(res);
if (res.Code == 10000) {
window.location.reload();
} else {
alert(res.Message)
}
}
});
}
function reset() {
var name = $("#fusername").val()
var pwd = $("#fpassword").val()
var code = $("#fyanzhengma").val()
if (name == '') { alert('手机号不能为空'); return; }
if (code == '') { alert('验证码不能为空'); return; }
var data = { Phone: name, Pwd: pwd, Code: code };
$.ajax({
type: 'POST',
url: '/user/FindPwd',
contentType: "application/json",
data: JSON.stringify(data),
success: function (res) {
console.log(res);
if (res.Code == 10000) {
alert("重置成功,请登录");
} else {
alert(res.Message)
}
}
});
}
$(function () {
$(".btn-login").click(function () {
login();
})
$(".btn-reg").click(function () {
reg();
})
$(".btn-reset").click(function () {
reset();
})
$("#loginBox").bind("keydown", function (e) {
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
login();
}
});
$("#regBox").bind("keydown", function (e) {
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
reg();
}
});
// 侧边栏
//$(".on_q").click(function () {
// $(".side_q").toggle();
//});
$(".item_on_q").mouseover(function () {
$(".side_q").stop().show();
});
$(".item_on_q").mouseleave(function () {
$(".side_q").stop().hide();
});
//$(".on_wx").click(function () {
// $(".side_kefu").toggle();
//});
$(".item_on_wx").mouseover(function () {
$(".side_kefu").stop().fadeIn();
});
$(".item_on_wx").mouseleave(function () {
$(".side_kefu").stop().fadeOut();
});
$(".on_gzh").mouseover(function () {
$(".side_gzh").stop().fadeIn();
});
$(".on_gzh").mouseleave(function () {
$(".side_gzh").stop().fadeOut();
});
$(".on_tel").mouseover(function () {
$(".side_tel").stop().fadeIn();
});
$(".on_tel").mouseleave(function () {
$(".side_tel").stop().fadeOut();
});
})
</script>
<!-- WPA start -->
<script id="qd28521381485d6faa97edf5ad07d7e159f6cb902af0" src="https://wp.qiye.qq.com/qidian/2852138148/5d6faa97edf5ad07d7e159f6cb902af0" charset="utf-8" async defer></script>
<!-- WPA end -->
@RenderSection("Scripts", required: false)
</body>
</html>