













<!DOCTYPE html>
<html lang="en" style="font-size:16px;">
<head>
<meta charset="utf-8">
<title>登录_网市场</title>
<meta name="keywords" content="" />
<meta name="description" content="" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="管雷鸣">
<!-- wm/common/head -->
<!-- layer 、 layui -->
<link rel="stylesheet" href="//res.cms.zvo.cn/module/layui/css/layui.css?v=3.12">
<script src="//res.cms.zvo.cn/module/layui/layui.js?v=3.12"></script>
<script src="//res.cms.zvo.cn/module/msg/msg.js?v=3.12"></script>
<script src="//res.cms.zvo.cn/module/request/request.js?v=3.12"></script>
<!-- 商城及接口相关，要废弃 -->
<!-- <script src="//res.zvo.cn/shop/shop.js"></script>-->
<script>
//加载 layer 模块
layui.use('layer', function(){
	layer = layui.layer;
});
</script>

<script src="//res.cms.zvo.cn/module/js/jquery-2.1.4.js"></script>

<!-- order by 列表的排序 -->
<script src="//res.cms.zvo.cn/module/js/iw.js?v=3.12"></script>

<script src="//res.cms.zvo.cn/module/wm/wm.js?v=3.12"></script>

<!-- vue -->
<script src="//res.cms.zvo.cn/module/vue/vue-3.1.4.js"></script>
<style>

/*列表页头部form搜索框*/
.toubu_xnx3_search_form{
	padding-top:10px;
	padding-bottom: 10px;
}
/*列表页头部搜索，form里面的搜索按钮*/
.iw_list_search_submit{
	margin-left:22px;
}
/* 列表页，数据列表的table */
.iw_table{
	margin:0px;
}
/* 详情页，table列表详情展示，这里是描述，名字的td */
.iw_table_td_view_name{
	width:150px;
}

/* edit.jsp 编辑页面，输入框下面的灰色小字的说明 */
.layui-form-item .explain{
	font-size: 11px;
	color: gray;
	padding-top: 2px;
	text-align: left;
}
</style>
<script type="text/javascript">
/**
 * 获取网址的get参数。
 * @param name get参数名
 * @returns value
 */
function getUrlParams(name){
	console.log('getUrlParams 已废弃，请使用 wm.getUrlParams(name)');
	return wm.getUrlParams(name);
}

function formatTime(number,format) {
	console.log('formatTime 已废弃，请使用 wm.formatTime(number,format)');
	return wm.formatTime(number,format);
}

function post(api, data, func) {
	console.log('post 已废弃，请使用 wm.post(api, data, func); 或者重写本post方法');
	return wm.post(api, data, func);
}

//如果未登录，那么拦截，弹出提示，并跳转到登录页面
function checkLogin(data){
	if(data.result == '2'){
		//未登录
		msg.info('请先登录', function(){
			window.location.href="/wm/login/login.jsp";
		});
	}
}
</script>
</head>
<body>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- <link href="//res.cms.zvo.cn/plugin/login/css/Noto-Sans_JP.css" rel="stylesheet">  -->
    <link rel="stylesheet" href="//res.cms.zvo.cn/plugin/login/css/style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="//res.cms.zvo.cn/plugin/login/css/font-awesome.min.css" type="text/css" media="all">

    <style type="text/css">
        .content-wthree input{
            background: #FFFFFF;
        }
        .codeBox{
            background-color: #FFFFFF;
            overflow: hidden;
            display: flex;
            align-items: center;
        }
    </style>

    <div id="block" class="w3lvide-content" data-vide-bg="//res.cms.zvo.cn/plugin/login/images/freelan" data-vide-options="position: 0% 50%">
            <!-- /form -->
            <div class="workinghny-form-grid" style="width: 100%">
                <div class="main-hotair">
                    <div class="content-wthree">
                        <h1><span style="
    font-family: 'Pacifico', cursive;
    font-size: 50px;
    color: #fff;
    letter-spacing: 5px;
    text-align: center;
">网市场</span></h1>
                        <form>
                            <input type="text" class="text" name="username" value="" placeholder="请输入 用户名/邮箱" required  lay-verify="required" autocomplete="off">
                            <input type="password" id="password" class="password" name="password" value="" placeholder="请输入密码"  required  lay-verify="required" autocomplete="off">
                            <div style="position: relative">
                                <input type="text" class="text" name="code" placeholder="请输入右边验证码"  required  lay-verify="required" autocomplete="off" style="display: block">
                                <div class="layui-word-aux codeBox"><img id="code" src="captcha.do" onclick="reloadCode();" style="cursor: pointer;" /></div>
                            </div>

                            <div class="layui-form-item" style="display:none">
                                <label class="layui-form-label">记住密码</label>
                                    <div class="layui-input-block">
                                        <input type="checkbox" name="switch" lay-skin="switch">
                                    </div>
                            </div>
                            
                            <button class="btn" lay-submit lay-filter="formDemo">立即登陆</button>

                        </form>

                    </div>
                  
                </div>
           
     
        <!-- 未授权用户，请尊重作者劳动成果，保留我方版权标示及链接！否则将追究法律责任。授权参见：http://www.wang.market/price.html -->
		
		
		        
        
        
       </div>
        <!-- //copyright-->
    </div>
    <!-- //form section start -->
      <!-- js -->
  <script src="/plugin/login/js/jquery.min.js"></script>
  <!-- //js -->
  <script>
  	var STATIC_RESOURCE_PATH = '//res.cms.zvo.cn/';
  	//STATIC_RESOURCE_PATH = '/';
  </script>
  <script src="/plugin/login/js/jquery.vide.js"></script>
<script>
//Demo
layui.use('form', function(){
	var form = layui.form;

	//监听提交
	form.on('submit(formDemo)', function(data){
		msg.loading("登陆中");
		var d=$("form").serialize();
		$.post("wangmarketLoginSubmit.do", d, function (result) {
			msg.close();
			var obj = JSON.parse(result);
			try{
				console.log(obj);
			}catch(e){}
			if(obj.result == '1'){
				localStorage.setItem('token',obj.token);
				msg.success("登陆成功", function(){
					window.location.href=obj.info;
				});
			}else if(obj.result == '0'){
				//登陆失败
				msg.failure(obj.info);
				reloadCode();
			}else if(obj.result == '11'){
				//网站已过期。弹出提示
				reloadCode();
				layer.open({
					title: '到期提示'
					,content: obj.info
				});	 
			}else{
				reloadCode();
				msg.failure(result);
			}
		}, "text");
		return false;
	});
});

//重新加载验证码
function reloadCode(){
var code=document.getElementById('code');
code.setAttribute('src','captcha.do?'+Math.random());
//这里必须加入随机数不然地址相同我发重新加载
}

/* 
//检测浏览器，若不是Chrome浏览器，弹出提示
if(navigator.userAgent.indexOf('Chrome') == -1){
	layer.open({
		type: 1
		,title:'提示'
		,offset: 'rb' //具体配置参考：offset参数项
		,content: '<div style="padding: 18px; line-height:30px;">建议使用<a href="https://www.baidu.com/s?wd=Chrome" target="_black" style="text-decoration:underline">Chrome(谷歌)</a>浏览器<br/>其他浏览器登录可能无法正常操作！</div>'
		,btn: ['下载Chrome','忽略']
		,btnAlign: 'c' //按钮居中
		,shade: 0 //不显示遮罩
		,yes: function(){
			layer.closeAll();
			window.open("https://www.baidu.com/s?wd=Chrome");
		}
		,btn2: function(){
			layer.closeAll();
		}
	});
} */
/*
$(document).ready(function () {
	$("#block").vide("111video/ocean"); // Non declarative initialization
    var instance = $("#block").data("vide"); // Get instance
   	var video = instance.getVideoObject(); // Get video object
    instance.destroy(); // Destroy instance
});
*/
</script>



</body>
<script type="text/javascript">
//form组件，开启select
layui.use(['form'], function(){
	var form = layui.form;
	//判断是否加载了JQuery，正常情况下，只要引入了head，自然也就引入了JQuery
	if(typeof(jQuery)!="undefined"){
		//页面上有select标签，才会进行绑定
		if(typeof($('select')[0])!="undefined"){
			//绑定iw的orderBy自动排序，当编辑方式发生变动改变
			form.on('select(selectOrderBy)', function (data) {
				var selObj = document.getElementById("selectOrderBy_xnx3_id");
				var xnx3_sel_index = selObj.selectedIndex;
				if(xnx3_sel_index != defaultShow_index){
					var url = selObj.options[xnx3_sel_index].value;
					window.location.href = url;
				}
			});
			
			
		}
		
	}
	
});
</script>


<!-- 国际化支持 ,默认不显示，如果要它显示，只需要在jsp include foot之后，css设置一下 .translateSelectLanguage 的 display:block; 即可 -->
<style>
.translateSelectLanguage{
	position: absolute;
    right: 2rem;
    top: 2rem;
    font-size: 1rem;
    padding: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
    display:none;
}
</style>
<script>
//你也可以忽略 base 设定的根目录，直接在 extend 指定路径（主要：该功能为 layui 2.2.0 新增）
layui.extend({
	translate: '{/}https://mail_osc.gitee.io/translate_layui/layui_exts/translate/translate' // {/}的意思即代表采用自有路径，即不跟随 base 路径
	//translate: '{/}./layui_exts/translate/translate' // 本地测试可以用这个
})
//使用拓展模块
layui.use(['translate'], function(){
	var translate = layui.translate;
	translate.language.setLocal('chinese_simplified'); //设置本地语种（当前网页的语种）。如果不设置，默认就是 chinese_simplified 简体中文 
	
	translate.listener.start();	//开启html页面变化的监控，对变化部分会进行自动翻译。注意，这里变化区域，是指使用 translate.setDocuments(...) 设置的区域。如果未设置，那么为监控整个网页的变化
	translate.ignore.id.push('editormd'); //不翻译markdown编辑器。翻译时追加上自己想忽略不进行翻译的id的值，凡是在这里面的，都不进行翻译。
	
	
	translate.nomenclature.append('chinese_simplified','english',`
			网市场云建站系统=wangmarket CMS
			网市场=wangmarket
			网·市场=wangmarket
			手机号=phone
			退出登陆=log out
			首页=home
	`);
	
	//当页面加载完后执行翻译操作
	window.onload = function () {
		translate.execute();
	};  
});
</script>

</html> 
<style> /* 显示多语种切换 */ .translateSelectLanguage{ display:block;background-color: rgba(255,255,255,.1);color: #ff9800 } </style>