From 5aa367293bf02800d4f660553480557ff7fc2f2e Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期二, 29 三月 2022 17:06:04 +0800 Subject: [PATCH] # --- src/main/webapp/views/user/user.html | 225 +++++++++++++++++++++++++++++++++---------------------- 1 files changed, 135 insertions(+), 90 deletions(-) diff --git a/src/main/webapp/views/user/user.html b/src/main/webapp/views/user/user.html index 43beada..e0ccc6d 100644 --- a/src/main/webapp/views/user/user.html +++ b/src/main/webapp/views/user/user.html @@ -7,90 +7,62 @@ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> + <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> <link rel="stylesheet" href="../../static/css/cool.css" media="all"> - <link rel="stylesheet" href="../../static/css/common.css" media="all"> + <link rel="stylesheet" href="../../static/css/originTable.css" media="all"> <style> - #resetpwd-window .layui-form { - padding: 25px 30px 0 0; + body { + color: #595959; + background-color: #f5f7f9; } - #resetpwd-window .layui-form-label { - padding: 8px 15px; - box-sizing: content-box; - -webkit-box-sizing: content-box; - } - #resetpwd-window .layui-form-required:before { - content: "*"; - display: inline-block; - font-family: SimSun,serif; - margin-right: 4px; - font-size: 14px; - line-height: 1; - color: #ed4014; - } - #resetpwd-window .layui-input { - height: 36px; - border-radius: 4px; - } - #resetpwd-window .cool-button-contain { - text-align: right; - margin: 20px 0; - } - #resetpwd-window .layui-form-radio>i:hover, .layui-form-radioed>i { - color: #007bff; - } - #resetpwd-window .layui-btn { - height: 36px; - line-height: 36px; - border-radius: 4px; - box-shadow: 0 1px 0 rgba(0,0,0,.03); - } - #resetpwd-window .layui-btn-primary:hover { - border-color: #777777; + + .admin-form { + padding: 25px 30px 0 0 !important; + margin: 0 !important; } </style> </head> <body> - -<!-- 鎼滅储鏍� --> -<div id="search-box" class="layui-form layui-card-header"> - <div class="layui-inline"> - <div class="layui-input-inline"> - <input class="layui-input" type="text" name="mobile" placeholder="甯愬彿" autocomplete="off"> - </div> - </div> - <!-- 鏃ユ湡鑼冨洿 --> - <div class="layui-inline" style="width: 300px"> - <div class="layui-input-inline"> - <input class="layui-input layui-laydate-range" name="create_time" type="text" placeholder="璧峰鏃堕棿 - 缁堟鏃堕棿" autocomplete="off" style="width: 300px"> - </div> - </div> - <div class="layui-inline"> - <div class="layui-input-inline cool-auto-complete"> - <input id="roleId" class="layui-input" name="role_id" type="text" placeholder="璇疯緭鍏�" autocomplete="off" style="display: none"> - <input id="roleName" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="瑙掕壊" onfocus=this.blur()> - <div class="cool-auto-complete-window"> - <input class="cool-auto-complete-window-input" data-key="roleQuery" onkeyup="autoLoad(this.getAttribute('data-key'))"> - <select class="cool-auto-complete-window-select" data-key="roleQuerySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> - </select> +<!-- 姝f枃寮�濮� --> +<div class="layui-fluid" style="padding-bottom: 0;"> + <div class="layui-row layui-col-space15"> + <div class="layui-col-md12"> + <div class="layui-card"> + <div class="layui-card-body" style="padding: 10px;"> + <form class="layui-form toolbar"> + <div class="layui-form-item"> + <div class="layui-inline"> + <label class="layui-form-label">鐢ㄦ埛鍚�:</label> + <div class="layui-input-inline"> + <input name="username" class="layui-input" placeholder="杈撳叆鐢ㄦ埛鍚�"/> + </div> + </div> + <div class="layui-inline"> + <label class="layui-form-label">鎵嬫満鍙�:</label> + <div class="layui-input-inline"> + <input name="mobile" class="layui-input" placeholder="杈撳叆鎵嬫満鍙�"/> + </div> + </div> + <div class="layui-inline">  + <button class="layui-btn icon-btn" lay-filter="userTbSearch" lay-submit> + <i class="layui-icon"></i>鎼滅储 + </button> + </div> + </div> + </form> + <table id="userTable" lay-filter="userTable"></table> + </div> </div> </div> </div> - - <!-- 寰呮坊鍔� --> - <div id="data-search-btn" class="layui-btn-container layui-form-item"> - <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">鎼滅储</button> - <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">閲嶇疆</button> - </div> </div> -<!-- 琛ㄦ牸 --> -<table class="layui-hide" id="user" lay-filter="user"></table> -<script type="text/html" id="toolbar"> - <div class="layui-btn-container"> - <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">鏂板</button> -<!-- <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">鍒犻櫎</button>--> - <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">瀵煎嚭</button> - </div> +<script type="text/html" id="hostTpl"> + <span name="hostName" class="layui-badge layui-badge-gray">{{d.hostName}}</span> +</script> + +<script type="text/html" id="statusTpl"> + <input type="checkbox" name="status" value="{{d.status}}" lay-skin="switch" lay-text="姝e父|绂佺敤" lay-filter="statusSwitch" {{ d.status === 1 ? 'checked' : '' }}> </script> <script type="text/html" id="operate"> @@ -98,35 +70,108 @@ <a class="layui-btn layui-btn-xs btn-edit layui-btn-warm" lay-event="resetPwd">閲嶇疆瀵嗙爜</a> </script> -<script type="text/html" id="statusTpl"> - <input type="checkbox" name="status" value="{{d.status}}" lay-skin="switch" lay-text="姝e父|绂佺敤" lay-filter="statusSwitch" {{ d.status === 1 ? 'checked' : '' }}> +<script type="text/html" id="userToolbar"> + <div class="layui-btn-container"> + <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn-add" lay-event="add"><i class="layui-icon"></i>鏂板</button> + <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="del"><i class="layui-icon"></i>鍒犻櫎</button> + </div> </script> -<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> -<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> -<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> -<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> -<script type="text/javascript" src="../../static/js/tools/md5.js"></script> -<script type="text/javascript" src="../../static/js/user/user.js" charset="utf-8"></script> - -<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> - <!-- 閲嶇疆瀵嗙爜 --> -<div id="resetpwd-window" style="display: none"> - <div class="layui-form"> - <input type="text" id="resetUserId" name="resetUserId" style="display: none"> +<script type="text/html" id="resetpwd-window"> + <form class="layui-form model-form"> + <input type="hidden" id="resetUserId" name="resetUserId"> <div class="layui-form-item"> <label class="layui-form-label layui-form-required">鏂板瘑鐮�:</label> <div class="layui-input-block"> <input id="resetPassword" name="resetPassword" placeholder="璇疯緭鍏ユ柊瀵嗙爜" class="layui-input" lay-verify="required" autocomplete="off"> </div> </div> - <div class="layui-form-item cool-button-contain"> + <div class="layui-form-item text-right"> <button class="layui-btn layui-btn-normal" id="savePwd" lay-filter="savePwd" lay-submit="">纭畾</button> - <button class="layui-btn layui-btn-primary" id="cancel">鍙栨秷</button> + <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> </div> - </div> -</div> + </form> +</script> + +<!-- 琛ㄥ崟寮圭獥 --> +<script type="text/html" id="editDialog"> + <form id="detail" lay-filter="detail" class="layui-form admin-form"> + <input name="id" type="hidden"> + <input name="status" type="hidden"> + <div class="layui-row"> + + <div class="layui-col-md6"> + <div class="layui-form-item"> + <label class="layui-form-label layui-form-required">鐢ㄦ埛鍚�</label> + <div class="layui-input-block"> + <input name="username" placeholder="璇疯緭鍏ョ敤鎴峰悕" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> + </div> + </div> + + <div class="layui-form-item"> + <label class="layui-form-label">瑙掕壊锛�</label> + <div class="layui-input-block cool-auto-complete"> + <input name="roleId" class="layui-input" style="display: none"> + <input id="roleName" name="roleName" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇烽�夋嫨瑙掕壊" onfocus=this.blur()> + <div class="cool-auto-complete-window"> + <input class="cool-auto-complete-window-input" data-key="roleQuery" onkeyup="autoLoad(this.getAttribute('data-key'))"> + <select class="cool-auto-complete-window-select" data-key="roleQuerySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> + </select> + </div> + </div> + </div> + </div> + + <div class="layui-col-md6"> + <div class="layui-form-item"> + <label class="layui-form-label layui-form-required">鎵嬫満鍙�</label> + <div class="layui-input-block"> + <input name="mobile" placeholder="璇疯緭鍏ユ墜鏈哄彿" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">閭</label> + <div class="layui-input-block"> + <input name="email" placeholder="璇疯緭鍏ラ偖绠�" class="layui-input"> + </div> + </div> + + </div> + </div> + <hr class="layui-bg-gray"> + <div class="layui-form-item text-right"> + <button class="layui-btn" lay-filter="editSubmit" lay-submit="">淇濆瓨</button> + <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> + </div> + </form> +</script> + +<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> +<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> +<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> +<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> +<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> +<script type="text/javascript" src="../../static/js/tools/md5.js"></script> +<script type="text/javascript" src="../../static/js/user/user.js" charset="utf-8"></script> + +<!-- 椤圭洰缂栬緫绐楀彛 --> +<script type="text/html" id="hostEditDialog"> + <form id="hostEditForm" lay-filter="hostEditForm" class="layui-form model-form"> + <input name="id" type="hidden"/> + <div class="layui-form-item"> + <label class="layui-form-label layui-form-required">椤圭洰鍚嶇О:</label> + <div class="layui-input-block"> + <input name="name" placeholder="璇疯緭鍏ョ被鍨嬪悕绉�" class="layui-input" + lay-verType="tips" lay-verify="required" required/> + </div> + </div> + <div class="layui-form-item text-right"> + <button class="layui-btn" lay-filter="hostEditSubmit" lay-submit>淇濆瓨</button> + <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> + </div> + </form> +</script> </body> </html> -- Gitblit v1.9.1