完成字典,组织去vue

OpenAuth.Mvc/Views/Categories/Index.cshtml

@@ -4,12 +4,14 @@
     <link rel="stylesheet" href="/js/dtree/dtree.css"/>
     <link rel="stylesheet" href="/js/dtree/font/dtreefont.css"/>
 }
+
 <blockquote class="layui-elem-quote news_search toolList" id="menus">
 </blockquote>
 
 <table id="mainList"
        lay-data="{height: 'full-80',cellMinWidth:80, page:true, id:'mainList'}"
-           lay-filter="list"  lay-size="sm"></table>
+       lay-filter="list" lay-size="sm">
+</table>
 
 <script type="text/html" id="barList">
     @*<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>*@
@@ -19,19 +21,19 @@
 
 <!--用户添加/编辑窗口-->
 <div id="divEdit" style="display: none">
-    <form class="layui-form layui-form-pane" action="" id="formEdit">
+    <form class="layui-form layui-form-pane" action="" id="formEdit" lay-filter="formEdit">
 
         <div class="layui-form-item">
             <label class="layui-form-label">类型标识</label>
             <div class="layui-input-block">
-                <input type="text" name="Id" v-model="tmp.Id"
+                <input type="text" name="Id"
                        placeholder="请输入类型标识" autocomplete="off" class="layui-input">
             </div>
         </div>
         <div class="layui-form-item">
             <label class="layui-form-label">名称</label>
             <div class="layui-input-block">
-                <input type="text" name="Name" v-model="tmp.Name" required lay-verify="required"
+                <input type="text" name="Name" required lay-verify="required"
                        placeholder="请输入名称" autocomplete="off" class="layui-input">
             </div>
         </div>
@@ -39,8 +41,8 @@
         <div class="layui-form-item">
             <label class="layui-form-label">类型分类</label>
             <div class="layui-input-block">
-                <input id="TypeName" name="TypeName" v-model="tmp.TypeName" required lay-verify="required" class="layui-input" />
+                <input id="TypeName" name="TypeName" required lay-verify="required" class="layui-input"/>
-                <input id="TypeId" name="TypeId" v-model="tmp.TypeId" required lay-verify="required" type="hidden" />
+                <input id="TypeId" name="TypeId" required lay-verify="required" type="hidden"/>
 
             </div>
         </div>
@@ -48,7 +50,7 @@
         <div class="layui-form-item">
             <label class="layui-form-label">描述</label>
             <div class="layui-input-block">
-                <input type="text" name="Description" v-model="tmp.Description"
+                <input type="text" name="Description"
                        placeholder="请输入描述" autocomplete="off" class="layui-input">
             </div>
         </div>
@@ -63,4 +65,4 @@
 </div>
 
 <script type="text/javascript" src="/layui/layui.js"></script>
-<script type="text/javascript" src="/userJs/categories.js?v=3.2"></script>
+<script type="text/javascript" src="/userJs/categories.js?v3"></script>

OpenAuth.Mvc/Views/OrgManager/Index.cshtml

@@ -4,6 +4,7 @@
     <link rel="stylesheet" href="/js/dtree/dtree.css"/>
     <link rel="stylesheet" href="/js/dtree/font/dtreefont.css"/>
 }
+
 <blockquote class="layui-elem-quote news_search toolList" id="menus">
 </blockquote>
 
@@ -39,21 +40,21 @@
 
 <!--用户添加/编辑窗口-->
 <div id="divEdit" style="display: none">
-    <form class="layui-form layui-form-pane" action="" id="formEdit">
+    <form class="layui-form layui-form-pane" action="" id="formEdit" lay-filter="formEdit">
 
-        <input type="hidden" name="Id" v-model="tmp.Id" />
+        <input type="hidden" name="Id"/>
 
         <div class="layui-form-item">
             <label class="layui-form-label">部门名称</label>
             <div class="layui-input-block">
-                <input type="text" name="Name" v-model="tmp.Name" required lay-verify="required"
+                <input type="text" name="Name" required lay-verify="required"
                        placeholder="请输入部门名称" autocomplete="off" class="layui-input">
             </div>
         </div>
         <div class="layui-form-item">
             <label class="layui-form-label">排序号</label>
             <div class="layui-input-block">
-                <input type="text" name="SortNo" v-model="tmp.SortNo" required lay-verify="required"
+                <input type="text" name="SortNo" required lay-verify="required"
                        placeholder="请输入排序号" autocomplete="off" class="layui-input">
             </div>
         </div>
@@ -61,8 +62,8 @@
         <div class="layui-form-item">
             <label class="layui-form-label">所属部门</label>
             <div class="layui-input-block">
-                <input id="ParentName" name="ParentName" v-model="tmp.ParentName" class="layui-input" />
+                <input id="ParentName" name="ParentName" class="layui-input"/>
-                <input id="ParentId" name="ParentId" v-model="tmp.ParentId"  type="hidden" />
+                <input id="ParentId" name="ParentId" type="hidden"/>
 
             </div>
         </div>
@@ -77,4 +78,4 @@
 </div>
 
 <script type="text/javascript" src="/layui/layui.js"></script>
-<script type="text/javascript" src="/userJs/orgs.js?v=1"></script>
+<script type="text/javascript" src="/userJs/orgs.js?v3"></script>

OpenAuth.Mvc/wwwroot/userJs/categories.js

@@ -9,6 +9,14 @@ layui.config({
 
     $("#menus").loadMenus("Category");
 
+    var initVal = {  //初始化的值
+        Id: '',
+        Name: '',
+        TypeName: '',
+        TypeId: '',
+        Description: ''
+    }
+
     //加载表头
     $.getJSON('/Categories/All',
         {page: 1, limit: 1},
@@ -51,9 +59,7 @@ layui.config({
 
     //添加（编辑）对话框
     var editDlg = function () {
-        var vm;
+        var show = function (update, data) {
-        var update = false;  //是否为更新
-        var show = function (data) {
             var title = update ? "编辑信息" : "添加";
             layer.open({
                 title: title,
@@ -61,32 +67,11 @@ layui.config({
                 type: 1,
                 content: $('#divEdit'),
                 success: function () {
-                    if(vm == undefined){
+                    layui.droptree("/Categories/AllTypes", "#TypeName", "#TypeId", false);
-                        vm = new Vue({
+                    if (data == undefined) {
-                            el: "#formEdit",
+                        form.val("formEdit", initVal);
-                            data(){
-                                return {
-                                    tmp:data  //使用一个tmp封装一下，后面可以直接用vm.tmp赋值
-                                }
-                            },
-                            watch:{
-                                tmp(val){
-                                    this.$nextTick(function () {
-                                       form.render();  //刷新select等
-                                   })
-                                }
-                            },
-                            mounted(){
-                                 form.render();
-                                var _this = this;
-                                layui.droptree("/Categories/AllTypes", "#TypeName", "#TypeId", false,function (ids, names) {
-                                    _this.tmp.TypeName = ids;
-                                    _this.tmp.TypeId = names;
-                                });
-                            }
-                        });
                     } else {
-                        vm.tmp = Object.assign({}, vm.tmp,data)
+                        form.val("formEdit", data);
                     }
                 },
                 end: mainList
@@ -109,14 +94,10 @@ layui.config({
         }
         return {
             add: function() { //弹出添加
-                update = false;
+                show(false);
-                show({
-                    Id: ''
-                });
             },
             update: function(data) { //弹出编辑框
-                update = true;
+                show(true,data);
-                show(data);
             }
         };
     }();
@@ -136,7 +117,9 @@ layui.config({
             var checkStatus = table.checkStatus('mainList')
                 , data = checkStatus.data;
             openauth.del("/Categories/Delete",
-                data.map(function (e) { return e.Id; }),
+                data.map(function (e) {
+                    return e.Id;
+                }),
                 mainList);
         }
         , btnAdd: function () {  //添加

OpenAuth.Mvc/wwwroot/userJs/orgs.js

@@ -9,6 +9,14 @@
 
     $("#menus").loadMenus("Org");
     
+    var initVal = {  //初始化的值
+        Id: '',
+        Name: '',
+        SortNo: '',
+        ParentName: '',
+        ParentId: ''
+    }
+   
     //主列表加载，可反复调用进行刷新
     var config= {};  //table的参数，如搜索key，点击tree的id
     var mainList = function (options) {
@@ -66,9 +74,7 @@
 
     //添加（编辑）对话框
     var editDlg = function() {
-        var vm;
+        var show = function (update, data) {
-        var update = false;  //是否为更新
-        var show = function (data) {
             var title = update ? "编辑信息" : "添加";
             layer.open({
                 title: title,
@@ -76,33 +82,11 @@
                 type: 1,
                 content: $('#divEdit'),
                 success: function() {
-                    if(vm == undefined){
+                    layui.droptree("/UserSession/GetOrgs", "#ParentName", "#ParentId", false);
-                        vm = new Vue({
+                    if (data == undefined) {
-                            el: "#formEdit",
+                        form.val("formEdit", initVal);
-                            data(){
-                                return {
-                                    tmp:data  //使用一个tmp封装一下，后面可以直接用vm.tmp赋值
-                                }
-                            },
-                            watch:{
-                                tmp(val){
-                                    this.$nextTick(function () {
-                                       form.render();  //刷新select等
-                                   })
-                                }
-                            },
-                            mounted(){
-                                form.render();
-                                var _this = this;
-                                layui.droptree("/UserSession/GetOrgs", "#ParentName", "#ParentId", false,function (ids, names) {
-                                    _this.tmp.ParentId = ids;
-                                    _this.tmp.ParentName = names;
-                                });
-
-                            }
-                        });
                     } else {
-                        vm.tmp = Object.assign({}, vm.tmp,data)
+                        form.val("formEdit", data);
                     }
                 },
                 end: mainList
@@ -128,15 +112,10 @@
         }
         return {
             add: function() { //弹出添加
-                update = false;
+                show(false);
-                show({
-                    Id: '',
-                    SortNo:1
-                });
             },
             update: function(data) { //弹出编辑框
-                update = true;
+                show(true,data);
-                show(data);
             }
         };
     }();