You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
307 lines
15 KiB
307 lines
15 KiB
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="icon" id="headLogo" href="../images/favicon.jpg">
|
|
<title>账号管理</title>
|
|
<!-- 引入初始化样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/reset.css" />
|
|
<!-- 引入默认样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/default.css" />
|
|
<!-- 引入公共页面样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/myComm.css" />
|
|
<!-- 引入bootstrap样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
|
|
<!-- 引入账户管理页面样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/Account.css" />
|
|
<link rel="stylesheet" href="../css/header.css">
|
|
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/jquery.md5.js"></script>
|
|
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<!-- 消息提示插件 -->
|
|
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script>
|
|
<style type="text/css">
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #F2F8FC;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="aaa"></div>
|
|
<!-- 头部导航样式 -->
|
|
<div class="header">
|
|
<div class="login">
|
|
<div id="login"><a href="./login.html">登录</a></div>
|
|
<div id="Logout"><a href="./Home.html">退出登录</a></div>
|
|
<div id="personalCenter"><a href="./Account.html">用户中心</a></div>
|
|
<div id="news"><a href="./MyMessage.html">消息</a></div>
|
|
</div>
|
|
<div class="navbarbox">
|
|
<div class="titles-name"></div>
|
|
<div class="navbar-tab">
|
|
<div class="itembox"></div>
|
|
<div class="cart">
|
|
<img src="../images/cart.png" alt="">
|
|
<div>购物车</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 100px;"></div>
|
|
<!-- 面包屑 -->
|
|
<div class="rumbs">
|
|
<div class="rumbs_box clear">
|
|
<div class="rumbs_title">当前位置：个人中心 - </div>
|
|
<div class="rumbs_name">账号管理</div>
|
|
</div>
|
|
</div>
|
|
<!-- 右侧返回顶部 -->
|
|
<div class="right-bottom">
|
|
<div class="r-b-top">
|
|
<a href="#"><span class="a-back">返回顶部</span></a>
|
|
</div>
|
|
<div class="r-b-bottom" id="customer">
|
|
<div>
|
|
<div>留言</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 留言表单 -->
|
|
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content modal-contents">
|
|
<div class="modal-headers">
|
|
<div>在线留言</div>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div>
|
|
<div class="step_item">
|
|
<div class="step_label">姓名</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" />
|
|
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">手机号码</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" />
|
|
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">公司名称</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" />
|
|
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">留言</div>
|
|
<div class="step_name">
|
|
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea>
|
|
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_button">
|
|
<button type="button" id="submit">提交</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wraper clear mt30">
|
|
<div class="account_left">
|
|
<ul>
|
|
<li style="border-top: 2px solid #4B93E6;">
|
|
<a href="javaScript:;" style="font-size: 16px;">个人中心</a>
|
|
</li>
|
|
<li>
|
|
<a onclick="handelBuyOrder('Account.html')" class="active" style="cursor: pointer;">账户管理</a>
|
|
</li>
|
|
<li>
|
|
<a onclick="handelBuyOrder('MyCetification.html')" style="cursor: pointer;">我的认证</a>
|
|
</li>
|
|
<li class="tabs_item">
|
|
<a onclick="handelBuyOrder('BuyOrder.html')" style="cursor: pointer;">买入订单</a>
|
|
</li>
|
|
<li class="tabs_item">
|
|
<a onclick="handelBuyOrder('ByOrder.html')" style="cursor: pointer;">卖出订单</a>
|
|
</li>
|
|
<li class="tabs_item">
|
|
<a onclick="handelBuyOrder('BillManage.html')" style="cursor: pointer;">发票管理</a>
|
|
</li>
|
|
<li class="tabs_item">
|
|
<a onclick="handelBuyOrder('MyClosing.html')" style="cursor: pointer;">我的结算</a>
|
|
</li>
|
|
<li>
|
|
<a onclick="handelBuyOrder('MyMessage.html')" style="cursor: pointer;">我的消息</a>
|
|
</li>
|
|
<li>
|
|
<a onclick="handelBuyOrder('CerationPayment.html')" style="cursor: pointer;">认证缴费订单</a>
|
|
</li>
|
|
<!-- <li>
|
|
<a onclick="handelBuyOrder('Mydeal.html')" style="cursor: pointer;">我的协议</a>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
<div class="account_right ml20">
|
|
<div class="right_title">账号管理</div>
|
|
<div class="right_register">
|
|
<span>注册手机号：</span>
|
|
<span id="right_telmpate"></span>
|
|
</div>
|
|
<div class="right_change">
|
|
<button class="btn btn-link" data-toggle="modal" data-target="#myModal" style="outline: none;text-decoration: none;padding: 0;">更换手机号</button>
|
|
<button class="btn btn-link" data-toggle="modal" data-target="#myModalPwd" style="outline: none;text-decoration: none;padding: 0;">更换密码</button>
|
|
</div>
|
|
<!-- 操作日志 -->
|
|
<div class="oper_log">操作日志</div>
|
|
<!-- 表格数据 -->
|
|
<table id="account_table" class="account_table"></table>
|
|
</div>
|
|
<!-- 更换手机模态框（Modal） -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
×
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">
|
|
更换注册手机号
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<!-- 步骤条 -->
|
|
<div class="steps" style="display: flex;">
|
|
<div class="step">
|
|
<div class="step-head">
|
|
<div class="step-line"></div>
|
|
<div class="step-icon">
|
|
1
|
|
</div>
|
|
</div>
|
|
<div class="step-main">
|
|
身份认证
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-head">
|
|
<div class="step-line"></div>
|
|
<div class="step-icon">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div class="step-main">
|
|
设置操作
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-head">
|
|
<div class="step-icon">
|
|
3
|
|
</div>
|
|
</div>
|
|
<div class="step-main">
|
|
完成
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 身份认证内容 -->
|
|
<div class="step_1" id="step_1">
|
|
<div class="step1_icon"></div>
|
|
<div class="right_register">
|
|
<span>当前手机号：</span>
|
|
<span id="step1_phone"></span>
|
|
</div>
|
|
<div class="step_code">
|
|
<input type="input" name="" id="step1_value" value="" autocomplete="off" />
|
|
<p id="step1_validate" style="color: #f56c6c;margin:0;float: left;"></p>
|
|
<button class="code" id="yanzhengb" onclick="handelAuthCode()">获取验证码</button>
|
|
</div>
|
|
<div class="step_submit" onclick="addStep()">
|
|
<input type="button" value="提交认证" />
|
|
</div>
|
|
</div>
|
|
<!-- 设置操作 -->
|
|
<div class="step_2" id="step_2">
|
|
<div class="step2_title">设置绑定手机</div>
|
|
<div class="step2_phone">
|
|
<input type="input" name="" id="step2_value1" value="" autocomplete="off" />
|
|
<p id="step2_validate1" style="margin:0;margin-left: 140px;color: #f56c6c;float: left;"></p>
|
|
</div>
|
|
<div class="step2_code">
|
|
<input type="input" name="" id="step2_value2" value="" autocomplete="off" />
|
|
<p id="step2_validate2" style="color: #f56c6c;margin:0;float: left;"></p>
|
|
<button class="code authbtn" id="yanzhengb1" onclick="handelAuthCode1()">获取验证码</button>
|
|
</div>
|
|
<div class="step_submit" onclick="addStep()" style="margin-top: 20px;">
|
|
<input type="button" value="提交绑定" />
|
|
</div>
|
|
</div>
|
|
<!-- 完成 -->
|
|
<div class="step_3" id="step_3">
|
|
<div class="step3_succes">手机号绑定成功</div>
|
|
<div class="step_submit" onclick="addStep()">
|
|
<input type="button" value="重新登录" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 更换密码（Modal） -->
|
|
<div class="modal fade" id="myModalPwd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
×
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">
|
|
修改密码
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="modalOldPwd">
|
|
<input type="password" name="" id="oldPwd" value="" placeholder="请输入旧密码" autocomplete="off" />
|
|
<p id="oldPwd_validate" style="color: #f56c6c;margin:0;margin-left: 120px;float: left;">
|
|
</p>
|
|
</div>
|
|
<div class="modalOldPwd">
|
|
<input type="password" name="" id="newPwd" value="" placeholder="请输入新密码" autocomplete="off" />
|
|
<p id="newPwd_validate" style="color: #f56c6c;margin:0;margin-left: 120px;float: left;">
|
|
</p>
|
|
</div>
|
|
<div class="modalOldPwd">
|
|
<input type="password" name="" id="newPwdAg" value="" placeholder="再次输入新密码" autocomplete="off" />
|
|
<p id="newPwdAg_validate" style="color: #f56c6c;margin:0;margin-left: 120px;float: left;"></p>
|
|
</div>
|
|
<div class="modalButton">
|
|
<input type="button" name="" id="modalComforim" onclick="handelComforim()" value="确认修改" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../js/public.js"></script>
|
|
<script src="../js/Account.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/browse_check.js"></script>
|
|
</body>
|
|
</html>
|