用户管理删除添加确认框

1 year ago · 0e2d327659
parent 56718ab7e5
commit 0e2d327659
1 changed files with 29 additions and 23 deletions
--- a/user_mannagement.html
+++ b/user_mannagement.html
@ -3,21 +3,19 @@
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title></title>
+    <title>用户管理</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
+    <link rel="shortcut icon" href="favicon.ico">
+    <link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    <!-- jqgrid-->
+    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
+    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
-
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
-    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
-    <script src="js/request.js"></script>
-    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
-    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
-
    <style>
        /* Additional style to fix warning dialog position */

@ -80,7 +78,7 @@
                                    </div>
                                </div>
                                <div class="form-group">
-                                    <div class="col-sm-10" id="show-user-list"></div>
+                                    <div class="col-sm-12" id="show-user-list"></div>
                                </div>
                                <div class="modal-footer" style="border-top: 0px;position: absolute;bottom: 10px; right:10px;">
                                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
@ -93,7 +91,7 @@
                </div>
                <div class="modal inmodal" id="insertUserModal"  role="dialog" aria-hidden="true">
                    <div class="modal-dialog">
-                        <div class="modal-content animated bounceInRight">
+                        <div class="modal-content animated bounceInRight" style="height: 400px;">
                            <div class="ibox-content">
                                <div class="row">
                                    <div class="col-sm-12">
@ -137,7 +135,7 @@
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.7"></script>
-
+    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">


    <!-- Peity -->
@ -146,12 +144,12 @@
    <!-- jqGrid -->
    <script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
    <script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
-
+    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
+    <script src="js/plugins/toastr/toastr.min.js"></script>
    <!-- 自定义js -->
-    <script src="js/content.js?v=1.0.0"></script>
-    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
-
+    <script src="js/content.js?v=1.0.0"></script>
+    <script src="js/request.js"></script>
    <!-- Page-Level Scripts -->
    <script>
        let selectUserId = '';
@ -224,16 +222,23 @@
            }
        }
        function delUser(id){
-            postAjaxRequst(
-                "/api/Users/Delete", [id],
-                function (res) {
-                    if (res.code == 200) {
-                        swal('删除成功');
-                        $("#table_list_1").jqGrid("clearGridData").jqGrid("setGridParam", { url: baseURL + '/api/Users/Loads' })
-                            .trigger("reloadGrid");
-                    }
+            swal({
+                title: "确定要删除该用户吗?",
+                buttons: ['取消','确定'],
+            }).then(res => {
+                if(res){
+                    postAjaxRequst(
+                        "/api/Users/Delete", [id],
+                        function (res) {
+                            if (res.code == 200) {
+                                swal('删除成功');
+                                $("#table_list_1").jqGrid("clearGridData").jqGrid("setGridParam", { url: baseURL + '/api/Users/Loads' })
+                                    .trigger("reloadGrid");
+                            }
+                        }
+                    )
                }
-            )
+            })
        }
        $(document).ready(function () {
            $.jgrid.defaults.styleUI = 'Bootstrap';
@ -306,6 +311,7 @@
    </script>
    <!-- blueimp gallery -->
    <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
+
 </body>

 </html>