引入vue

OpenAuth.Mvc/OpenAuth.Mvc.csproj

@@ -215,12 +215,14 @@
     <Content Include="images\userface4.jpg" />
     <Content Include="images\userface5.jpg" />
     <Content Include="images\wechat.jpg" />
+    <Content Include="js\queryString.js" />
     <Content Include="js\users.js" />
     <Content Include="js\bodyTab.js" />
     <Content Include="js\index.js" />
     <Content Include="js\leftNav.js" />
     <Content Include="js\login.js" />
     <Content Include="js\main.js" />
+    <Content Include="js\vue.js" />
     <Content Include="layui\css\layui.css" />
     <Content Include="layui\css\layui.mobile.css" />
     <Content Include="layui\css\modules\code.css" />

OpenAuth.Mvc/Views/UserManager/Index.cshtml

@@ -40,6 +40,9 @@
 
 <!--用户添加/编辑窗口-->
 <form class="layui-form" action="" style="display: none" id="formEdit">
+    
+    <input type="hidden" name="Id"/>
+
     <div class="layui-form-item">
         <label class="layui-form-label">账号</label>
         <div class="layui-input-block">
@@ -59,7 +62,7 @@
         <label class="layui-form-label">所属部门</label>
         <div class="layui-input-block">
             <input id="Organizations" name="Organizations" required lay-verify="required" class="layui-input"/>
-            <input id="OrganizationIds" name="OrganizationIds" required lay-verify="required"  type="hidden" />
+            <input id="OrganizationIds" name="OrganizationIds" required lay-verify="required" type="hidden"/>
             <div id="menuContent" class="menuContent" style="display: none;">
                 <ul id="org" class="ztree"></ul>
             </div>
@@ -70,7 +73,7 @@
         <label class="layui-form-label">性别</label>
         <div class="layui-input-block">
             <input type="radio" name="Sex" value="1" title="男" checked>
-            <input type="radio" name="Sex" value="0" title="女" >
+            <input type="radio" name="Sex" value="0" title="女">
         </div>
     </div>
     <div class="layui-form-item">
@@ -81,7 +84,7 @@
     </div>
     <div class="layui-form-item">
         <div class="layui-input-block">
-            <button class="layui-btn" lay-submit lay-filter="formEdit">立即提交</button>
+            <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
             <button type="reset" class="layui-btn layui-btn-primary">重置</button>
         </div>
     </div>

OpenAuth.Mvc/js/droptree.js

@@ -116,7 +116,7 @@ layui.define(['jquery', 'layer'], function (exports) {
             $(inst.config.idDOM).val(nodes[i].Id);
             break;
         }
-        hideMenu();
+        inst.hideMenu();
     }
     Class.prototype.onCheck= function(e, treeId, treeNode) {
         var nodes = zTreeObj.getCheckedNodes(true);

OpenAuth.Mvc/js/queryString.js

@@ -0,0 +1,25 @@
+// ***********************************************************************
+// Assembly         : OpenAuth.Mvc
+// Author           : yubaolee
+// Created          : 09-04-2016
+//
+// Last Modified By : yubaolee
+// Last Modified On : 09-04-2016
+// ***********************************************************************
+// <copyright file="queryString.js" company="www.cnblogs.com/yubaolee">
+//     版权所有(C) 2015
+// </copyright>
+// <summary>解析URL中的参数</summary>
+// ***********************************************************************
+
+layui.define("jquery",function(exports){
+    var jQuery=layui.jquery;
+(function ($) {
+    $.getUrlParam = function (name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+        var r = window.location.search.substr(1).match(reg);
+        if (r != null) return unescape(r[2]); return null;
+    }
+})(jQuery);
+exports('queryString');
+});

OpenAuth.Mvc/js/users.js

@@ -1,6 +1,6 @@
 layui.config({
     base: "/js/"
-}).use(['form', 'ztree', 'layer', 'jquery', 'table','droptree','openauth'], function () {
+}).use(['form','vue', 'ztree', 'layer', 'jquery', 'table','droptree','openauth'], function () {
     var form = layui.form,
 		layer = (parent == undefined || parent.layer === undefined )? layui.layer : parent.layer,
 		$ = layui.jquery;
@@ -91,6 +91,13 @@ layui.config({
                 ,area: ["500px", "400px"]
                 ,type: "1"
                 ,content: $('#formEdit')
+                , success: function (layero, index) {
+                    //todo:vue初始化会造成form所有点击失效（checkbox,radio等）
+                    //var vm = new Vue({
+                    //    el: "#formEdit",
+                    //    data: null
+                    //});
+                }
                 ,end:mainList
             });
         }
@@ -107,7 +114,7 @@ layui.config({
     //监听页面主按钮操作 end
 
     //编辑或添加对话框
-    form.on('submit(formEdit)', function (data) {
+    form.on('submit(formSubmit)', function (data) {
         $.post("/UserManager/Add", data.field, function (data) {
             layer.msg(data.Message);
             if (data.Status) {