Files
juipnet/Host/Views/Home/Index.cshtml
wanyongkang 25e577ec82 产品排序
2020-10-19 17:37:25 +08:00

815 lines
35 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@model List<ProductModel>
@using Hncore.Pass.BaseInfo.Response
@using Hncore.Infrastructure.Serializer
@using Hncore.Pass.Vpn.Service
@using Hncore.Pass.Vpn.Domain
@using Microsoft.Extensions.Configuration
@inject ArticleService m_ArticleService
@inject IConfiguration m_Configuration
@{
ViewData["Title"] = "聚IP JUIP.COM-千万动态ip切换自建机房ip代理覆盖全国多款市面热销产品";
Layout = null;
UserLoginModel user = null;
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
{
user = userCookie.FromJsonTo<UserLoginModel>();
}
var articleNews = await m_ArticleService.GetTop(12, ArticleCatalog.Top);
var activityNews = await m_ArticleService.GetTop(12, ArticleCatalog.Activity);
var helpsNews = await m_ArticleService.GetTop(12, ArticleCatalog.Help);
var QANews = await m_ArticleService.GetTop(12, ArticleCatalog.QA);
var baseUrl = m_Configuration["BaseInfoUrl"];
Func<string, string> P = (path) => $"{baseUrl}{path}";
//var epoch = (DateTime.Now.ToUniversalTime().Ticks - 621355968000000000)/10000000;
//var countStr = epoch.ToString().Substring(0, 8);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>聚IP JUIP.COM-千万动态ip切换自建机房ip代理覆盖全国多款市面热销产品</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/flash.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 type="text/javascript">
$(document).ready(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();
$(".main_find").hide();
setTimeout(function () {
$(".main").removeClass("animated bounceOutDown");
$(".main").hide();
}, 1000)
});
$(".regClose").click(function () {
$(".main_reg").addClass("animated bounceOutDown");
$(".mask").hide();
setTimeout(function () {
$(".main_reg").removeClass("animated bounceOutDown");
$(".main_reg").hide();
}, 1000)
});
// 新闻选项卡
$("#myTab a").click(function (e) {
e.preventDefault();
$(this).tab('show');
});
// 侧边栏
//$(".on_q").click(function () {
// $(".side_q").toggle();
//});
$(".item_on_q").mouseover(function () {
$(".side_q").stop().fadeIn();
});
$(".item_on_q").mouseleave(function () {
$(".side_q").stop().fadeOut();
});
//$(".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();
});
// 动画
$(".d1").show();
$(".d1").addClass("animated slideInDown");
$(".threeButton").show();
$(".threeButton").addClass("animated slideInUp");
$(window).scroll(function () {
var topp = $(document).scrollTop();
if (topp > 800) {
$(".d3").show();
$(".d3").addClass("animated slideInLeft");
$(".d4").show();
$(".d4").addClass("animated slideInRight");
}
if (topp > 400) {
$(".d2").show();
$(".d2").addClass("animated slideInUp");
}
if (topp > 1600) {
$(".d5").show();
$(".d5").addClass("animated bounceInDown");
}
if (topp > 2600) {
$(".d_use").show();
$(".d_use").addClass("animated flipInX");
}
if (topp > 3200) {
$(".d6").show();
$(".d6").addClass("animated slideInRight");
}
})
})
</script>
</head>
<body id="top">
<!-- 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" name="" id="username" value="" placeholder="请输入手机号码" />
</div>
<div class="pwd">
<img src="~/img/password.png"><input type="password" name="" id="password" value="" placeholder="请输入密码" />
</div>
<div class="yzm">
<img src="~/img/yanzhengma.png"><input type="text" name="" 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>
<p class="tixing">*手机号不是PPTP账号请登录后开通PPTP账号*</p>
<p class="tixing"><input type="checkbox" name="" id="" value="" />我同意<a href="#">聚IP JUIP.COM用户注册协议</a></p>
<p class="denglu"><button type="button" class="btn btn-login" onclick="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">
<img src="~/img/user.png"><input type="text" name="" id="rLogin_Name" value="" placeholder="请输入会员手机号码" />
</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>
<p class="tixing">*手机号不是PPTP账号请登录后开通PPTP账号*</p>
<p class="denglu"><button type="button" class="btn btn-login" onclick="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>
<p class="tixing">*手机号不是PPTP账号请登录后开通PPTP账号*</p>
<p class="denglu"><button type="button" class="btn btn-reset">重置</button></p>
<p class="zhiyin grayText">已有账号?<a href="#" class="loginLink">立即登录</a></p>
</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">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" style="padding-top: 10px;padding-left:10px">
<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>
@*<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>
<!-- Tab panes -->
<div class="tab-content" style="margin-top: 60px;">
<div role="tabpanel" class="tab-pane active" id="xx">
<img src="~/img/kf_sq.jpg">
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
</div>
<div role="tabpanel" class="tab-pane" id="qq">
<img src="~/img/kf_sh.jpg">
<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">
<p><b>400 800 9925</b></p>
<p>实时接通</p>
<p>电话值班时间 8:00-24:00</p>
</div>
</div>
<div class="item">
<a href="#top"><img src="~/img/top.png"></a>
</div>
</div>
<!-- banner&nav -->
<div class="container-fluid banner" id="top">
<div class="bg">
<img src="~/img/banner.png">
</div>
<div class="container d1">
<img src="~/img/d1.png">
</div>
<div class="container-fluid nav">
<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 pull-right">
<li><a href="/">首页</a></li>
<li><a href="/product/index">产品购买</a></li>
<li><a href="/LineList/index">PPTP线路表</a></li>
<li><a href="/product/soft">软件下载</a></li>
<li><a href="/article/index">资讯&帮助</a></li>
<li><a href="/article/taobao">淘宝充值活动</a></li>
<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>
<div class="container threeButton">
<div class="col-lg-4">
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-lg-4 text-right">
<a asp-action="soft" asp-controller="product"> <button type="button" class="btn btn-primary">客户端下载</button></a>
</div>
<div class="col-lg-4 text-center">
<a asp-action="index" asp-controller="linelist"> <button type="button" class="btn btn-primary">PPTP线路表</button></a>
</div>
<div class="col-lg-4 text-left">
<a asp-action="index" asp-controller="product"> <button type="button" class="btn btn-danger">免费试用</button></a>
</div>
</div>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
<!-- products -->
<div class="container-fluid pro">
<p class="tit tit_cp text-center">
<span><img src="~/img/tit_chanpin.png"></span>
<span class="modelTit">我们的产品</span>
</p>
<p class="chanpinText">冰点价格,开通后任何问题可无理由退款</p>
<p class="chanpinText">温馨提示:在国外,香港,台湾,澳门,城市使用不稳定;移动网络,长城宽带以及校园网使用会不稳定,因此不建议亲使用哦</p>
<div class="container-fluid d2">
<ul class="newProduct">
@foreach (var item in Model.Where(m => m.Sort != 1000).OrderBy(m => m.Sort))
{
<li>
@*<p><img src="@P(item.Image)"></p>*@
<p class="titCard">@item.Name</p>
<p class="jieshao">@item.Profile</p>
@*<p class="chakan"> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary gm">立即购买</button></a></p>*@
<div class="buyBar">
<div class="item ck"><a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表</a></div>
<div class="item">
<a asp-action="index" asp-controller="product" asp-route-id="@item.Id">
<button type="button" class="btn btn-primary btn-warning">
测试与购买
</button>
</a>
</div>
</div>
</li>
}
</ul>
</div>
</div>
<!-- Swiper -->
@*<div class="swiper-container">
<div class="swiper-wrapper">
@foreach (var item in Model.Where(m => m.Sort != 1000))
{
<div class="swiper-slide">
<p><img src="@P(item.Image)"></p>
<p class="titCard">@item.Name</p>
<p class="jieshao">@item.Profile</p>
<p> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary">立即购买</button></a></p>
</div>
}
</div>
<div class="swiper-button-next"><img src="~/img/btnR.png"></div>
<div class="swiper-button-prev"><img src="~/img/btnL.png"></div>
</div>*@
</div>
<!-- youshi -->
<div class="container-fluid youshi">
<div class="youshiBg">
<img src="~/img/youshi.png">
</div>
<div class="container">
<p class="tit tit_youshi text-center">
<span><img src="~/img/tit_youshi.png"></span>
<span class="youshiTit">我们的优势</span>
</p>
</div>
<div class="container imgYoushi">
<div class="row">
<div class="col-lg-6 text-center">
<img src="~/img/youshiL.png" class="d3">
</div>
<div class="col-lg-6 text-center">
<img src="~/img/youshiR.png" class="d4">
</div>
</div>
</div>
</div>
<!-- map -->
<div class="container modelMap">
<div class="yuan1">
@*<div class="nei animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan2">
@*<div class="nei2 animation"></div>*@
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan3">
@*<div class="nei animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan4">
@*<div class="nei2 animation"></div>*@
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan5">
@*<div class="nei2 animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan6">
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan7">
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan8">
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan9">
<div class="wai animation mapCicle"></div>
</div>
<p class="tit tit_map text-center">
<span><img src="~/img/tit_map.png"></span>
<span class="dituTit">全国覆盖范围地图</span>
</p>
<p class="text-center map"><img src="~/img/map.png" class="d5"></p>
<div class="row lianjie">
<div class="col-lg-5 text-right">
今日IP连接数
</div>
<div class="col-lg-7 text-left">
<div class="num">
<div class="item"></div>
</div>
</div>
</div>
</div>
<!-- use -->
<div class="container-fluid use">
<img src="~/img/tit_use.png" class="dailiImg">
<div class="useBg">
<img src="~/img/use.png">
<p class="useTit">这些人正在使用IP代理</p>
</div>
<div class="d_use">
<img src="~/img/d_use.png">
</div>
</div>
<!-- news -->
<div class="container newsArea">
<p class="tit tit_news text-center">
<span><img src="~/img/tit_news.png"></span>
<span class="helpTit">资讯&帮助</span>
</p>
<div class="d6">
<!-- Nav tabs -->
<ul class="nav nav-tabs newsList" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><img src="~/img/tab1.png">聚IP头条</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"> <img src="~/img/tab2.png">优惠活动</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><img src="~/img/tab3.png">常见问题</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><img src="~/img/tab4.png">新手教程</a></li>
<li class="pull-right more" role="presentation"><a asp-action="index" asp-controller="article" aria-controls="settings" role="tab"><img src="~/img/more.png"></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content listcon">
<div role="tabpanel" class="tab-pane active" id="home">
<ul class="xinwen">
@foreach (var item in articleNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<ul class="xinwen">
@foreach (var item in activityNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="messages">
<ul class="xinwen">
@foreach (var item in QANews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="settings">
<ul class="xinwen">
@foreach (var item in helpsNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="container-fluid footer">
<div class="container">
<div class="col-lg-3 text-left">
<p class="cpTit">旗下产品</p>
<ul class="cp">
@foreach (var item in Model.Where(m => m.Sort != 1000))
{
<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">
<li>公司电话400 800 9925</li>
<li>工作时间: 8:00-24:00</li>
</ul>
</div>
<div class="col-lg-3">
<p class="cpTit">商务合作</p>
<ul class="cp">
<li>电话/微信18039519517</li>
<li>QQ508095081</li>
</ul>
</div>
<div class="col-lg-3 text-right">
<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"><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>
<script>
var swiper = new Swiper('.swiper-container', {
slidesPerView: 6,
spaceBetween: 36,
slidesPerGroup: 4,
loop: false,
loopFillGroupWithBlank: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<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) {
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;
var timerHandler;
$.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() {
var name = $("#username").val()
var pwd = $("#password").val()
var code = $("#yanzhengma").val()
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 () {
$("#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();
}
});
$(".btn-reset").click(function () {
reset();
})
function changeIpcount() {
var items = [];
for (var i = 1; i <= 8; i++) {
var item = [];
var count = i;
if (i > 2)
count = Math.floor(Math.random() * 10)
item.push("<div class='item'>");
item.push(count);
item.push(" </div>");
items.push(item.join(""));
}
$(".num").html(items);
}
changeIpcount();
setInterval(changeIpcount, 5000);
})
</script>
<!-- WPA start -->
<script id="qd28521381485d6faa97edf5ad07d7e159f6cb902af0" src="https://wp.qiye.qq.com/qidian/2852138148/5d6faa97edf5ad07d7e159f6cb902af0" charset="utf-8" async defer></script>
<!-- WPA end -->
</body>
</html>