海克斯康总裁信箱

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" /> <title>海克斯康总裁信箱</title> <script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="plug-in/jquery/jquery.cookie.js"></script> <script type="text/javascript" src="plug-in/mutiLang/en.js"></script> <script type="text/javascript" src="plug-in/mutiLang/zh-cn.js"></script> <script type="text/javascript" src="plug-in/login/js/jquery.tipsy.js"></script> <script type="text/javascript" src="plug-in/login/js/iphone.check.js"></script> <script type="text/javascript" src="webpage/login/login-ace.js"></script> <link rel="shortcut icon" href="images/logo_ico.ico"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">  <link rel="stylesheet" href="plug-in/ace/css/bootstrap.css" /> <link rel="stylesheet" href="plug-in/ace/css/font-awesome.css" /> <link rel="stylesheet" type="text/css" href="plug-in/accordion/css/accordion.css">  <link rel="stylesheet" href="plug-in/ace/css/ace-fonts.css" /> <link rel="stylesheet" href="plug-in/ace/css/jquery-ui.css" /> <link rel="stylesheet" href="plug-in/easyui/themes/default/easyui.css" /> <script type="text/javascript" src="plug-in/easyui/jquery.easyui.min.js"></script> <![endif]-->  <script src="plug-in/ace/js/ace-extra.js"></script>  <script type="text/javascript" src="plug-in/layui/layui.all.js"></script> <link rel="stylesheet" href="plug-in/layui/css/layui.css" /> </head> <style type="text/css"> *{ font-size: 100%; } html,body { font-family: Arial, sans-serif; background-image: url("images/bbkl1mobile.jpg"); background-repeat: no-repeat; background-size: 100% 100%; height: 100%; } .content{ color: #215968; display: flex; align-items: center; justify-content: center; flex-direction: column; } </style> <body class="login-layout light-login"> <div class="content"> <div id="searchDiv" style="display: block;text-align: center;"> <div style="font-size: 24px;margin-top: 30%;"> 欢迎来到海克斯康总裁信箱 </div> <div style="text-align: center;color:#00405b;margin: 47% 0 50%"> <span style="font-size: 16px;" onclick="add()">投递信件></span> <span style="font-size: 16px;margin-left: 20%" onclick="view()">查看反馈></span> <div style="width: 100%;height: 2px;background:#d8e0e6;margin: 10% 0 10% -5%;"></div> <div style="display: flex;align-items: center;justify-content: center"> <input id="sure" type="checkbox" value="同意"/> <span style="font-size: 16px;color:#7f929a">用户隐私声明|<a style="font-size: 16px;color: #215968;" href="javascript:window.open('youMustKnow')">隐私须知</a></span> </div> </div> <div style="font-size: 20px;"> <a style="color: #215968;" href="javascript:window.open('mail')">关于总裁信箱</a> </div> <div style="text-align: center"> <img src="plug-in/login/images/logo-2.svg" alt="Logo" style="margin:15% 5% 0 5%;width: 50%" /> </div> </div> <div id="tipDiv" style="display: none;text-align: center"> <div style="margin-top: 5%;text-align: left;font-weight: 800" onclick="view()"> 返回 </div> <div style="margin-top: 30%;font-size: 18px;"> <span style="font-size: 13px;">手机号/邮箱:</span> <input type="text" name="phone" id="phone" style="border: 1px grey solid;width: 40%;border-radius: 5px;"> <span id="getCode" style="color:#00405b;font-size: 13px;border-color: #e8f3f5;padding: 3px;border-radius: 5px;background: linear-gradient(to right, #cfe8ed 0%,#ffffff 100%);" onclick="check();">获取验证码</span> </div> <div style="margin-top: 5%;font-size: 18px;"> <span style="font-size: 13px;">验证码:</span> <input type="text" name="code" id="code" style="border: 1px grey solid;width: 40%;border-radius: 5px;"> <button style="color:#00405b;font-size: 13px;border-color: #e8f3f5;padding: 3px;border-radius: 5px;background: linear-gradient(to right, #cfe8ed 0%,#ffffff 100%);" type="button" class="sub-btn" onclick="searchList()">提交</button> </div> <div style="padding:3%;height: 500px"> <table class="layui-hide" id="tableId" lay-filter="test"></table> </div> </div> </div> <script type="text/javascript"> function add(){ let sure = $("#sure:checked").val(); if(sure==="同意"){ window.open("goAddMobile") }else{ layer.open({ content: '请先阅读并同意用户隐私声明', icon: 2, title:'用户隐私声明', btn:["OK"], }) // $.messager.alert('用户隐私声明','提交申请前请先阅读并同意用户隐私声明。','info'); } } function view(){ if($("#searchDiv").css("display")!="none"){ $("#searchDiv").css("display","none"); }else{ $("#searchDiv").css("display","block"); }; if($("#tipDiv").css("display")!="none"){ $("#tipDiv").css("display","none"); }else{ $("#tipDiv").css("display","block"); }; } //发送验证码 function check(){ let phone = $('#phone').val(); if(phone==''){ layer.open({ content: '请输入手机号或邮箱查询', icon: 2, title:'温馨提示', btn:["OK"], }) return; } let phonePattern = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/; // 此正则表达式可以匹配大多数中国大陆的手机号码 let mailPattern = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/; //邮箱 if(phonePattern.test(phone)||mailPattern.test(phone)){ console.log("至少一个变量为true"); } else { layer.open({ content: '请输入正确的手机号或邮箱查询', icon: 2, title:'温馨提示', btn:["OK"], }) return; } let data = { phone: phone } let btn = document.getElementById("getCode"); btn.disabled = true; btn.innerHTML = "发送中..."; $.ajax({ url: "/Api/getCode", data: data, type: "GET", contentType:"application/json; charset=UTF-8", dataType: "json", success: function(data) { console.log(data) if(data.success){ layer.open({ content: data.msg, icon: 4, title:'温馨提示', btn:["OK"], }) var time = 60 // 定义剩下的秒数 btn.disabled = true; var timer = setInterval(function() { if (time == 0) { // 清除定时器和复原按钮 clearInterval(timer); btn.disabled = false; btn.innerHTML = '获取验证码'; time = 5; // 重新赋值时间变量 } else { btn.innerHTML = time + '秒后可再次发送'; time--; } }, 1000); }else { layer.open({ content: "发送异常！", icon: 2, title:'温馨提示', btn:["OK"], }) } }, error: function() { btn.disabled = false; btn.disabled = "获取验证码" console.error('Failed to refresh transfer list'); } }); } //检验验证码,展示办结状态 function searchList(){ var code = $('#code').val(); let phone = $('#phone').val(); if(phone==''){ layer.open({ content: '请输入手机号或邮箱查询', icon: 2, title:'温馨提示', btn:["OK"], }) return; } let data = { phone: phone, code: code } $.ajax({ url: "/Api/verificationCode", data: data, type: "GET", contentType:"application/json; charset=UTF-8", dataType: "json", success: function(data) { console.log(data) layer.open({ content: data.msg, icon: 4, title:'温馨提示', btn:["OK"], }) if(data.obj == "1000"){ layui.table.render({ title:'单据列表' ,id: 'tableId' ,elem: '#tableId' ,url: '/Api/selectList' //数据接口 // ,height: 256 //容器高度 ,page:false //开启分页 ,where: { 'phone': phone, 'code': code } ,cols: [[ // {field: 'id', title: '主键',hidden: true,align:'center'}, {field: 'theme', title: '主题',align:'left'}, {field: 'state', title: '办结状态', align:'center', templet : function(res){ console.log(res) if (res.state == 1) { return '已办结'; } else if (res.state == 0) { return '未办结'; } else { return ''; } } }, ]], }); layui.table.on('row(test)', function (obj) { if(obj.data.state != 1){ layer.open({ content: '尚在处理中，感谢您的耐心等待。', icon: 2, title:'温馨提示', btn:["OK"], }) // $.messager.alert('未办结','尚在处理中，感谢您的耐心等待。','info'); return; } window.open("/Api/goViewMobile?id="+obj.data.id) }); }else if(data.obj == "1001"){ } }, error: function() { console.error('Failed to refresh transfer list'); } }); } </script> </body> </html>

CINXE.COM

海克斯康总裁信箱