From 4648d3e3bd01e23770ce469acf087e86ed5eb155 Mon Sep 17 00:00:00 2001
From: bobi <bobi1234@foxmail.com>
Date: Wed, 26 Jun 2019 17:02:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E4=BF=AE=E6=94=B9=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                      |  2 +-
 pages/member/user-pwd.html      | 91 +++++++++++++++++++++++++++++++++
 pages/member/user-security.html | 10 ----
 3 files changed, 92 insertions(+), 11 deletions(-)
 create mode 100644 pages/member/user-pwd.html
 delete mode 100644 pages/member/user-security.html
diff --git a/index.html b/index.html
index ce0525e..3027a3b 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,7 @@
                     <dd lay-unselect><a href="javascript:;" path="pages/member/user-center.html">个人中心<span class="layui-badge-dot"></span></a></dd>
                     <dd lay-unselect><a href="javascript:;" path="pages/member/user-info.html">基本资料</a></dd>
                     <dd lay-unselect><a href="javascript:;" path="pages/member/user-notify.html">消息中心</a></dd>
-					<dd lay-unselect><a href="javascript:;" path="pages/member/user-security.html">安全设置</a><hr></dd>
+					<dd lay-unselect><a href="javascript:;" path="pages/member/user-pwd.html">修改密码</a><hr></dd>
 					<dd lay-unselect><a href="javascript:;" id="alertSkin">皮肤动画</a><hr></dd>
                     <dd lay-unselect><a href="javascript:;" id="lock">锁定账户</a></dd>
                 </dl>
diff --git a/pages/member/user-pwd.html b/pages/member/user-pwd.html
new file mode 100644
index 0000000..5651013
--- /dev/null
+++ b/pages/member/user-pwd.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>修改密码</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="../../css/okadmin.css">
+</head>
+<body>
+<div class="ok-body">
+    <!--面包屑导航区域-->
+    <div class="ok-body-breadcrumb">
+        <span class="layui-breadcrumb">
+            <a><cite>首页</cite></a>
+            <a><cite>顶部导航</cite></a>
+            <a><cite>修改密码</cite></a>
+        </span>
+        <a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
+            <i class="layui-icon layui-icon-refresh"></i>
+        </a>
+    </div>
+	<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
+		<legend>修改我的密码</legend>
+	</fieldset>
+	<!--form表单-->
+	<form class="layui-form ok-form" lay-filter="filter">
+	    <div class="layui-form-item">
+	        <label class="layui-form-label">当前密码</label>
+	        <div class="layui-input-inline">
+	            <input type="password" name="currentPassword" placeholder="请输入当前密码" autocomplete="off" class="layui-input" lay-verify="required">
+	        </div>
+	    </div>
+		<div class="layui-form-item">
+		    <label class="layui-form-label">新密码</label>
+		    <div class="layui-input-inline">
+		        <input type="password" name="password" placeholder="请输入新密码" autocomplete="off" class="layui-input" lay-verify="password">
+		    </div>
+			<div class="layui-form-mid layui-word-aux">6到16个字符</div>
+		</div>
+		<div class="layui-form-item">
+		    <label class="layui-form-label">确认新密码</label>
+		    <div class="layui-input-inline">
+		        <input type="password" name="repassword" placeholder="请确认新密码" autocomplete="off" class="layui-input" lay-verify="repassword">
+		    </div>
+		</div>
+	    <div class="layui-form-item">
+	        <div class="layui-input-block">
+	            <button class="layui-btn" lay-submit lay-filter="edit">立即提交</button>
+	            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+	        </div>
+	    </div>
+	</form>
+</div>
+<!--js逻辑-->
+<script src="../../lib/layui/layui.js"></script>
+<script>
+    layui.use(["element", "form", "okLayer", "okUtils"], function () {
+        var form = layui.form;
+		var $ = layui.jquery;
+        var okLayer = layui.okLayer;
+        var okUtils = layui.okUtils;
+		
+		form.verify({
+			password: [/^[\S]{6,16}$/, "密码必须6到16位，且不能出现空格"],
+			repassword: function (value, item) {
+				var passwordVal = $("input[name='password']").val();
+				if (!value) {
+					return "请输入确认密码";
+				}
+				console.log(value, passwordVal)
+				if (value != passwordVal) {
+					return "两次输入的密码不一致";
+				}
+			}
+		});
+
+		form.on("submit(edit)", function (data) {
+		    okUtils.ajax(okUtils.mockApi.user.edit, "put", data.field).done(function (response) {
+		        console.log(response)
+		        okLayer.msg.greenTick("编辑成功", function () {
+		            parent.layer.close(parent.layer.getFrameIndex(window.name));
+		        });
+		    }).fail(function (error) {
+		        console.log(error)
+		    });
+		    return false;
+		});
+    });
+</script>
+</body>
+</html>
diff --git a/pages/member/user-security.html b/pages/member/user-security.html
deleted file mode 100644
index 123c2a2..0000000
--- a/pages/member/user-security.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>user-security</title>
-</head>
-<body>
-    <h1>user-security</h1>
-</body>
-</html>
