CINXE.COM
供应商登录 - 维度网
<!DOCTYPE html> <html> <head> <title>供应商登录 - 维度网</title> <meta name="Generator" content="秦皇岛百图网络科技有限公司--专注高端网站建设-https://www.bytul.com " /> <meta charset="utf-8" /> <link rel="shortcut icon" href="" /> <link rel="bookmark" href="" /> <meta name="title" content="供应商登录 - 维度网" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <!--[if lt IE 9]> <script src="https://www.wedoany.com/statics/images/pro/js/html5shiv.js"></script> <script src="https://www.wedoany.com/statics/images/pro/js/respond.min.js"></script> <![endif]--> <!-- <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/js/easytpl/libs/layui/css/layui.css"/> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/js/easytpl/module/admin.css?v=318"> --> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/easytpl/libs/layui/css/layui.css"/> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/easytpl/module/admin.css?v=318"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/reset.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/css.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/acompany.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/keyframes.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/iconfont.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/css_zh-cn.css?v=1732691815"> </head> <body class="layui-layout-body theme-white"><style> body { background-image: url("https://www.wedoany.com/statics/images/easytpl/images/bg-login.jpg")!important; background-repeat: no-repeat; background-size: cover; min-height: 100vh; } .login-wrapper { max-width: 420px; padding: 20px; /*margin: 0 auto;*/ position: relative; box-sizing: border-box; z-index: 2; } .login-wrapper > .layui-form { padding: 25px 30px; background-color: #fff; box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.19); box-sizing: border-box; border-radius: 4px; } .login-wrapper > .layui-form > h2 { color: #333; font-size: 18px; text-align: center; margin-bottom: 25px; } .login-wrapper > .layui-form > .layui-form-item { margin-bottom: 25px; position: relative; } .login-wrapper > .layui-form > .layui-form-item:last-child { margin-bottom: 0; } .login-wrapper > .layui-form > .layui-form-item > .layui-input { height: 46px; line-height: 46px; border-radius: 2px !important; } .login-wrapper .layui-input-icon-group > .layui-input { padding-left: 46px; } .login-wrapper .layui-input-icon-group > .layui-icon { width: 46px; height: 46px; line-height: 46px; font-size: 20px; color: #909399; position: absolute; left: 0; top: 0; text-align: center; } .login-wrapper > .layui-form > .layui-form-item.login-captcha-group { padding-right: 135px; } .login-wrapper > .layui-form > .layui-form-item.login-captcha-group > .login-captcha { height: 46px; width: 120px; cursor: pointer; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 2px !important; position: absolute; right: 0; top: 0; } .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox { margin: 0 !important; padding-left: 25px; } .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox > .layui-icon { width: 15px !important; height: 15px !important; } .login-wrapper > .layui-form .layui-btn-fluid { height: 48px; line-height: 48px; font-size: 16px; border-radius: 2px !important; } .login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon { font-size: 26px; } .login-copyright { color: #eee; padding-bottom: 20px; text-align: center; position: relative; z-index: 1; } /*@media screen and (min-height: 550px) { .login-wrapper { margin: -250px auto 0; position: absolute; top: 50%; left: 0; right: 0; width: 100%; } .login-copyright { position: absolute; bottom: 0; right: 0; left: 0; } }*/ .layui-btn { background-color: var(--color-red)!important; border-color: var(--color-red)!important; font-size: 14px!important; } .layui-link { color: #939393!important; } .bt-login{ margin: 0 auto; width: 100%; display: flex; align-items: center; justify-content: center; height: 100vh; } .login-banner{ height: 350px; width: 600px; margin-right: 80px; } .login-banner-li{ background-size: cover; background-position: center; background-repeat: no-repeat; } .login-banner-li a{ display: block; width: 100%; height: 100%; } .layui-carousel{ background: none!important; } .layui-carousel > [carousel-item] > *{ background-color: #f8f8f88c;!important; } </style> <div class="user-login-header"> <div class="wapper"> <div class="logo"> <a href="https://www.wedoany.com/zh-cn/"> <img src="https://www.wedoany.com/logo.png"> </a> <span>供应商管理中心</span> </div> <div class="tips"> <a href="https://www.wedoany.com/zh-cn/">网站首页</a> </div> </div> </div> <div class="bt-login"> <div class="login-banner pc"> <div class="layui-carousel" id="login-banner"> <div carousel-item> <div class="login-banner-li" style="background-image: url(https://www.wedoany.com/vip/Login.png);"> <a href="" target="_blank" title=""></a> </div> </div> </div> </div> <div class="login-wrapper layui-anim layui-anim-scale layui-hide"> <form class="layui-form"> <h2>供应商登录</h2> <div class="layui-form-item layui-input-icon-group"> <i class="layui-icon layui-icon-username"></i> <input class="layui-input" name="username" placeholder="请输入登录用户名" autocomplete="off" lay-verType="tips" lay-verify="required" required/> </div> <div class="layui-form-item layui-input-icon-group"> <i class="layui-icon layui-icon-password"></i> <input class="layui-input" name="password" placeholder="请输入登录密码" type="password" lay-verType="tips" lay-verify="required" required/> </div> <div class="layui-form-item layui-input-icon-group login-captcha-group"> <i class="layui-icon layui-icon-auz"></i> <input class="layui-input" name="code" placeholder="请输入验证码" autocomplete="off" lay-verType="tips" lay-verify="required" required/> <img id='code_img' class='login-captcha' onclick='this.src=this.src+"&"+Math.random()' src='https://www.wedoany.com/api.php?op=checkcode&code_len=&font_size=&width=&height=&font_color=&background='> </div> <div class="layui-form-item"> <input type="hidden" name="forward" value="https://www.wedoany.com/zh-cn/pro/acompany/companyinfo.html"> <button class="layui-btn layui-btn-fluid" lay-filter="loginSubmit" id="dologin" lay-submit>登录</button> </div> <div class="layui-form-item login-oauth-group text-center"> <!-- <a href="javascript:;"><i class="layui-icon layui-icon-login-wechat" style="color:#4daf29;"></i></a> --> </div> <div class="layui-form-item login-oauth-group"> <a href="https://www.wedoany.com/zh-cn/pro/acompany/register.html" class="layui-link pull-right" style="margin-top:8px; color:#939393!important;">供应商入驻</a> <a href="https://www.wedoany.com/zh-cn/pro/acompany/forget.html" class="layui-link pull-right" style="margin-top:8px; color: var(--color-red)!important;">忘记密码? </a> </div> </form> </div> </div> <script type="text/javascript">var APP_PATH = "https://www.wedoany.com/";</script> <script type="text/javascript">var APP_PATH_LANG = "https://www.wedoany.com/zh-cn/";</script> <script src="https://www.wedoany.com/statics/images/pro/js/jquery.min.js"></script> <script src="https://www.wedoany.com/statics/images/pro/js/lazyload.min.js"></script> <!-- <script src="https://www.wedoany.com/statics/images/pro/js/easytpl/libs/layui/layui.js"></script> <script src="https://www.wedoany.com/statics/images/pro/js/easytpl/js/common.js?v=318"></script> --> <script src="https://www.wedoany.com/statics/images/easytpl/libs/layui/layui.js"></script> <script src="https://www.wedoany.com/statics/images/easytpl/js/common.js?v=318"></script> <script src="https://www.wedoany.com/statics/images/pro/js/member_js.js"></script> <script type="text/javascript" src="https://www.wedoany.com/statics/js/NIM/vue2.js"></script> <script src='https://www.wedoany.com/statics/js/socket.io.js'></script> </body> </html> <script> var wordLeg; layui.use(['layer','admin','notice','form','util'], function () { var $ = layui.jquery; var layer = layui.layer; var admin = layui.admin; var notice = layui.notice; var form = layui.form; var util = layui.util; //退出登录 util.event('lay-active', { logout: function(othis){ admin.confirm("确认退出登录吗?",{ title:"提示", btn: ["确认", "取消"] },function(){ admin.closeDialog('.layui-layer-btn0'); notice.msg("处理中", {icon: 4, close: false}); $.post("https://www.wedoany.com/zh-cn/pro/acompany/logout.html",{},function(res){ notice.destroy(); if( res.code == 200 ){ window.location.reload(); }else{ notice.msg(res.msg, {icon: 2}); } },'json'); }); }, changeLang:function(othis){ var _this = $(othis); var lang = _this.attr('data-lang'); $.post("https://www.wedoany.com/zh-cn/pro/api/changeLang.html",{lang:lang},function(res){ if(res.code == 200){ window.location.href = "https://www.wedoany.com/zh-cn/pro/acompany/index.html"; }else{ notice.msg(res.msg,{icon:3}); } },'json'); } }); form.verify({ required: function(value, item){ if(value == ''){ var dom = $(item); if( $('.layui-tab-title li').length > 0 ){ var stepbox = dom.parents('.step_box'); var step_id = stepbox.attr('id'); var tab_id = step_id.replace('step_', ''); $('.step_box').hide(); stepbox.show(); $('.layui-tab-title li').removeClass('layui-this'); $('.layui-tab-title li[data-step='+tab_id+']').addClass('layui-this'); } return("该项必须填写!"); } }, email:function(value, item){ var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/ if(!re.test(value)){ return("电子邮箱格式有误"); } }, equalToX:function(value,item){ var name = $(item).attr('lay-equalto'); var to_value = $("input"+name).val(); if( value != to_value ){ return "两次密码输入不一致"; } }, pass: [ /^[a-zA-Z0-9!@#$%^&*]{6,}$/,"密码应该为不少于6位字符的数字、字母或特殊符号:!@#$%^&*" ], username: function(value, item){ //value:表单的值、item:表单的DOM对象 if(/\W/.test(value)){ return "用户名只能使用数字、字母或者下划线"; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return "用户名首尾不能出现下划线"; } if( value.length < 6 || value.length > 20 ){ return "用户名长度应该在6-20个字符之间"; } }, checkbox: function(value, item){ //value:表单的值、item:表单的DOM对象 if(!$(item).is(':checked')){ return $(item).attr('tipstext'); } } }); wordLeg = function(obj) { var currleg = $("#"+obj.id).val().length; var length = $("#"+obj.id).attr('maxlength'); if (currleg > length) { layer.msg("字数请在" + length + "字之内",{time:1000}); } else { $('.'+'a'+obj.id).text(currleg); } } // 登录im 暂时不启用 var from_user = {"name":null,"userid":null,"usertype":"company","usertype_name":"\u4f9b\u5e94\u5546","username":"company_","mobile":null,"func":"watch"}; var unread = 1; var app = new Vue({ el: '#app', data:{ from_user:from_user, webSocket:'', unread:unread }, created:function(){ this.init(this.from_user.username); }, methods:{ init:function(username){ var _this = this; _this.wsInit(); }, wsInit:function(){ var _this = this; _this.webSocket = new WebSocket("wss://im.wedoany.com:2888"); _this.webSocket.onopen = _this.wsOnopen; _this.webSocket.onerror = _this.wsOnerror; _this.webSocket.onclose = _this.wsOnclose; _this.webSocket.onmessage = _this.wsOnmessage; }, wsOnopen:function(e){ var _this = this; // 登录 var login_data = { type:'login', data:_this.from_user }; _this.webSocket.send( JSON.stringify(login_data) ); // 心跳 _this.wsPing(); }, wsOnerror:function(e){ }, wsOnclose:function(e){ }, wsOnmessage:function(e){ var _this = this; var msg = JSON.parse(e.data); if( msg.type == 'pong' ){ // 有新的会话进入 }else if( msg.type == 'now_session' ){ this.playSound(); }else if( msg.type == 'new_msg' ){ this.getUnread(); this.playSound(); }else if( msg.type == 'comein' ){ this.playSound(); } }, wsPing(){ var _this = this; var pp_data = { type:'ping' }; _this.webSocket.send( JSON.stringify(pp_data) ); setTimeout(function(){ _this.wsPing( JSON.stringify(pp_data) ); },10000); }, getUnread:function(){ var _this = this; $.post("https://www.wedoany.com/zh-cn/pro/acompany/getUnread.html",{},function(res){ _this.unread = res.data; },'json'); }, playSound:function (){ var src = APP_PATH_LANG + 'statics/images/easytpl/module/notice/4.wav'; if (!!window.ActiveXObject || "ActiveXObject" in window) { // IE var embed = document.noticePlay; if (embed) { embed.remove(); } embed = document.createElement('embed'); embed.setAttribute('name', 'noticePlay'); embed.setAttribute('src', src); embed.setAttribute('autostart', true); embed.setAttribute('loop', false); embed.setAttribute('hidden', true); document.body.appendChild(embed); embed = document.noticePlay; embed.volume = 100; } else { // 非IE var audio = document.createElement('audio'); audio.setAttribute('hidden', true); audio.setAttribute('src', src); document.body.appendChild(audio); audio.addEventListener('ended', function () { audio.parentNode.removeChild(audio); }, false); audio.play(); } }, openIM:function(url){ this.unread = 0; window.open(url); } } }) }); </script><script> layui.use(['layer','notice','form','carousel'], function () { var $ = layui.jquery; var layer = layui.layer; var notice = layui.notice; var form = layui.form; // notice.msg('111',{icon:4,close:true}); var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#login-banner',width: '100%',height:'100%',arrow: 'none',anim:'fade' }); $('.login-wrapper').removeClass('layui-hide'); /* 表单提交 */ form.on('submit(loginSubmit)', function (obj) { obj.field['dosubmit'] = 1; notice.msg("处理中", {icon: 4, close: false}); //admin.btnLoading('#dologin'); $.post("https://www.wedoany.com/zh-cn/pro/acompany/login.html", obj.field, function (res) { notice.destroy(); //admin.btnLoading('#dologin', false); if (res.code === 200) { notice.msg("登录成功",{icon:1}); setTimeout(function(){ location.replace(res.data); },1500) } else { notice.msg(res.msg,{icon:3}); $('.login-captcha').attr('src',"https://www.wedoany.com/"+"api.php?op=checkcode&"+Math.random()); } }, 'json'); return false; }); }); </script>