用户中心

web/src/main/resources/templates/other/userCenter.html

@@ -72,7 +72,7 @@
                         <div class="layui-input-inline">
                             <div class="layui-form-mid" data-value="${userCenterData.coreUser.password!''}">********</div>
                             <div class="layui-form-mid">
-                                <a style="cursor: pointer;" class="edit" title="登录密码" name="password">
+                                <a style="cursor: pointer;" class="edit_pwd" title="登录密码" name="password">
                                     <i class="iconfont" style="font-size: 20px;">&#xebd8;</i>
                                 </a>
                             </div>
@@ -116,7 +116,7 @@
                             <div class="layui-inline">
                                 <label class="layui-form-label">院校名称:</label>
                                 <div class="layui-form-mid">${userCenterData.universitiesColleges.universitiesCollegesName!''}</div>
-                                <div class="layui-form-mid">
+                                <div class="layui-form-mid" style="display:none;">
                                     <a class="edit" title="院校名称" name="universitiesCollegesName" style="cursor: pointer;">
                                         <i class="iconfont" style="font-size: 20px;">&#xebd8;</i>
                                     </a>
@@ -130,7 +130,9 @@
                             <div class="layui-input-inline">
                                 <div class="layui-form-mid">${userCenterData.universitiesColleges.universitiesCollegesContacts!''}</div>
                                 <div class="layui-form-mid">
-                                    <a class="edit" title="联系人" name="universitiesCollegesContacts" style="cursor: pointer;">
+                                    <a class="edit" title="联系人"  name="universitiesCollegesContacts"
+                                       data-value="${userCenterData.universitiesColleges.universitiesCollegesContacts!''}"
+                                       style="cursor: pointer;">
                                         <i class="iconfont" style="font-size: 20px;">&#xebd8;</i>
                                     </a>
                                 </div>
@@ -143,7 +145,7 @@
                             <div class="layui-input-inline">
                                 <div class="layui-form-mid">${userCenterData.universitiesColleges.universitiesCollegesContactsMobile!''}</div>
                                 <div class="layui-form-mid">
-                                    <a class="edit" title="联系电话" name="universitiesCollegesContactsMobile" style="cursor: pointer;">
+                                    <a class="edit" title="联系电话" name="universitiesCollegesContactsMobile" data-value="${userCenterData.universitiesColleges.universitiesCollegesContactsMobile!''}" style="cursor: pointer;">
                                         <i class="iconfont" style="font-size: 20px;">&#xebd8;</i>
                                     </a>
                                 </div>
@@ -156,9 +158,7 @@
                             <div class="layui-input-inline">
                                 <div class="layui-form-mid">${userCenterData.universitiesColleges.universitiesCollegesProvince!''} ${userCenterData.universitiesColleges.universitiesCollegesCity!''}</div>
                                 <div class="layui-form-mid">
-                                    <a id="edit_local" title="所在地"
+                                    <a id="edit_local" title="所在地" style="cursor: pointer;">
-                                       province="${userCenterData.universitiesColleges.universitiesCollegesProvince!''}"
-                                       city="${userCenterData.universitiesColleges.universitiesCollegesCity!''}" style="cursor: pointer;">
                                         <i class="iconfont" style="font-size: 20px;">&#xebd8;</i>
                                     </a>
                                 </div>
@@ -219,29 +219,45 @@
         </div>
     </div>
     <!--所在地 编辑-->
-    <div style="display: none"  id="receivingAddress_demo">
+    <div style="display: none;padding-top: 20px" class="layui-form" id="receivingAddress_demo">
-        <div id="receivingAddress">
+        <div class="layui-inline layui-form-item">
-            <div class="layui-inline layui-form-item">
+            <label class="layui-form-label">所属地区：</label>
-                <label class="layui-form-label">所属省份：</label>
+            <div class="layui-input-inline">
+                <select name="universitiesCollegesProvince" class="province" lay-verify="required" lay-search
+                        lay-filter="province">
+                    <option value="">省份</option>
+                </select>
+            </div>
+            <div class="layui-input-inline">
+                <select name="universitiesCollegesCity" class="city" lay-verify="required" lay-search
+                        lay-filter="city">
+                    <option value="">地级市</option>
+                </select>
+            </div>
+        </div>
+    </div>
+    <div id="changePassword_dialog" style="padding-top: 20px;display: none;">
+        <div class="layui-form" action="" style="width: 90%;margin: 0 auto;">
+            <div class="layui-form-item">
+                <label class="layui-form-label">密码</label>
                 <div class="layui-input-inline">
-                    <select name="universitiesCollegesProvince" class="province" lay-verify="required" lay-search
+                    <input type="password" name="password" lay-verify="required" placeholder="请输入密码！" autocomplete="off"
-                            lay-filter="province">
+                           class="layui-input">
-                        <option value="">省份</option>
-                    </select>
                 </div>
+                <div class="layui-form-mid layui-word-aux">密码需要大于等于6！</div>
             </div>
-            <div class="layui-inline layui-form-item">
+            <div class="layui-form-item">
-                <label class="layui-form-label">所属城市：</label>
+                <label class="layui-form-label">确认密码</label>
                 <div class="layui-input-inline">
-                    <select name="universitiesCollegesCity" class="city" lay-verify="required" lay-search lay-filter="city">
+                    <input type="password" name="password2" lay-verify="required" placeholder="请再次输入密码！"
-                        <option value="">地级市</option>
+                           autocomplete="off" class="layui-input">
-                    </select>
                 </div>
+                <div class="layui-form-mid layui-word-aux">两次密码需相等！</div>
             </div>
         </div>
     </div>
+    <input type="hidden" name="userId" value="${userCenterData.universitiesColleges.universitiesCollegesId}">
 </form>
-
 <!--#} -->
 
 <script>
@@ -250,12 +266,11 @@
             ,element = layui.element
             ,layer = layui.layer
             ,form = layui.form;
-
         form.render();
         //常规使用 - 普通图片上传
         var uploadInst = upload.render({
             elem: '#test1'
-            ,url: 'https://httpbin.org/post' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+            ,url:Common.ctxPath +  '/jlw/universitiesColleges/edit.json' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
             ,before: function(obj){
                 //预读本地文件示例，不支持ie8
                 obj.preview(function(index, file, result){
@@ -290,32 +305,78 @@
                 }
             }
         });
+        $(".edit_pwd").click(function () {
+            layer.open({
+                title: '密码修改'
+                , type:1
+                , content: $("#changePassword_dialog")
+                , btn: ['确定', '关闭']
+                ,area: ['491px', '280px']
+                , shadeClose: true
+                , yes: function (index, layero) {
+                    var password = $("#changePassword_dialog input[name='password']").val();
+                    if($.isEmpty(password)){
+                        Common.error("请输入密码！");
+                        return;
+                    }
+                    if(password.length < 6){
+                        Common.error("密码需<span style='color: red;'>大于等于6！</span>");
+                        return;
+                    }
+                    var password2 = $("#changePassword_dialog input[name='password2']").val();
+                    if($.isEmpty(password2)){
+                        Common.error("请再次输入密码！");
+                        return;
+                    }
+                    if(password != password2){
+                        Common.error("两次密码不相同！");
+                        return;
+                    }
+                    let param = {
+                        "password":password2,
+                        "id": '${userCenterData.coreUser.id}'};
+
+                    layer.load();
+                    setTimeout(function () {
+                        var url = "/admin/user/editPassword.json";
+                        var ret = Common.postAjax(url, param);
+                        layer.msg(ret.code == 0 ? "操作成功！" : ret.msg, {
+                            offset: ['50%'],
+                            icon: ret.code == 0 ? 1 : 2,
+                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
+                        }, function () {
+                            if (ret.code == 0) {
+                                parent.Lib.tableRefresh();
+                            }
+                        });
+                    }, 10);
+                    layer.close(index);
+                },
+                btn2: function (index, layero) {
+                    layer.close(index);
+                }
+            });
+        });
         $(".edit").click(function () {
             var name = $(this).attr("name");
             var title = $(this).attr("title");
-
+            var value= $(this).data('value')
             layer.open({
                 title: '编辑'
                 , content: '<div class="layui-inline" id="addRoom">\n' +
                     '                <label class="layui-form-label">' + title + '</label>\n' +
                     '                <div class="layui-input-inline">\n' +
-                    '                    <input type="text" id=' + name + ' name=' + name + ' class="layui-input" >\n' +
+                    '                    <input type="text" id=' + name + ' name=' + name + ' value='+value+' class="layui-input" >\n' +
                     '                </div>\n' +
                     '            </div>'
                 , btn: ['确定', '关闭']
                 , shadeClose: true
                 , yes: function (index, layero) {
-                    return;
+                    let param = {"universitiesCollegesId": '${userCenterData.universitiesColleges.universitiesCollegesId}'};
-                    let param = {
+                    param[name]=$("#addRoom input[name=" + name + "]").val();
-                        "teacherOpenCourseScheduleSessionClassName": $("#addRoom input[name='teacherOpenCourseScheduleSessionClassName']").val(),
-                        "teacherOpenCourseScheduleSessionClassParentId": data.teacherOpenCourseScheduleSessionClassId,
-                    };
                     layer.load();
                     setTimeout(function () {
-                        var url = "/jlw/xx/add.json";
+                        var url = "/jlw/universitiesColleges/edit.json";
-                        if (!$.isEmpty(id)) {
-                            url = "/jlw/xx/edit.json"
-                        }
                         var ret = Common.postAjax(url, param);
                         layer.msg(ret.code == 0 ? "操作成功！" : ret.msg, {
                             offset: ['50%'],
@@ -324,7 +385,6 @@
                         }, function () {
                             if (ret.code == 0) {
                                 parent.Lib.tableRefresh();
-                                teacherOpenCourseScheduleSessionClassTable();
                             }
                         });
                     }, 10);
@@ -336,8 +396,6 @@
             });
         });
         $("#edit_local").click(function () {
-            var provinceText = $(this).attr("province"), cityText=$(this).attr("city");
-            $.Reappearance($("#receivingAddress"),provinceText,cityText);//返显区域
             layer.open({
                 title: '所在地'
                 ,type:1
@@ -346,20 +404,19 @@
                 , area: ['730px', '400px']
                 , shadeClose: true
                 , success:function () {
+                    $.Reappearance("#receivingAddress_demo", "${userCenterData.universitiesColleges.universitiesCollegesProvince}", "${userCenterData.universitiesColleges.universitiesCollegesCity}");//返显区域
+                    form.render('select');
 
                 }
                 , yes: function (index, layero) {
-                    return
                     let param = {
-                        "teacherOpenCourseScheduleSessionClassName": $("#addRoom input[name='teacherOpenCourseScheduleSessionClassName']").val(),
+                        "universitiesCollegesProvince": $("#receivingAddress_demo select[name='universitiesCollegesProvince']").val(),
-                        "teacherOpenCourseScheduleSessionClassParentId": data.teacherOpenCourseScheduleSessionClassId,
+                        "universitiesCollegesCity": $("#receivingAddress_demo select[name='universitiesCollegesCity']").val(),
+                        "universitiesCollegesId": '${userCenterData.universitiesColleges.universitiesCollegesId}',
                     };
                     layer.load();
                     setTimeout(function () {
-                        var url = "/jlw/xx/add.json";
+                        var url = "/jlw/universitiesColleges/edit.json";
-                        if (!$.isEmpty(id)) {
-                            url = "/jlw/xx/edit.json"
-                        }
                         var ret = Common.postAjax(url, param);
                         layer.msg(ret.code == 0 ? "操作成功！" : ret.msg, {
                             offset: ['50%'],
@@ -379,6 +436,9 @@
                 }
             });
         });
+
+
+        form.render();
     });
 
 </script>