From 9d0f477a50d319e4971d1667e8cf8a2515197f83 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 25 一月 2021 16:00:20 +0800 Subject: [PATCH] # --- src/main/webapp/views/tag/tag_detail.html | 277 +++++++++++++++++++++++++------------------------------ src/main/webapp/static/css/cool.css | 12 ++ src/main/webapp/static/js/tag/tag.js | 3 3 files changed, 140 insertions(+), 152 deletions(-) diff --git a/src/main/webapp/static/css/cool.css b/src/main/webapp/static/css/cool.css index db45d5a..9fb8fff 100644 --- a/src/main/webapp/static/css/cool.css +++ b/src/main/webapp/static/css/cool.css @@ -47,4 +47,14 @@ body .layui-cool-class .layui-layer-title{background: #000000; color:#fff; border: none;} body .layui-cool-class .layui-layer-btn{border-top:1px solid #E9E7E7} body .layui-cool-class .layui-layer-btn a{background:#333;} -body .layui-cool-class .layui-layer-btn .layui-layer-btn1{background:#999;} \ No newline at end of file +body .layui-cool-class .layui-layer-btn .layui-layer-btn1{background: #f5f5f5;} + +.layui-form-required:before { + content: "*"; + display: inline-block; + /* font-family: SimSun; */ + margin-right: 4px; + font-size: 14px; + line-height: 1; + color: #ed4014; +} \ No newline at end of file diff --git a/src/main/webapp/static/js/tag/tag.js b/src/main/webapp/static/js/tag/tag.js index 33e9ac7..e26504b 100644 --- a/src/main/webapp/static/js/tag/tag.js +++ b/src/main/webapp/static/js/tag/tag.js @@ -64,8 +64,9 @@ layer.open({ type: 2, title: '鏂板褰掔被', + offset: '100px', skin: 'layui-cool-class', - area: ['30%', top.detailHeight], + area: ['35%', top.detailHeight], content: 'tag_detail.html', success: function(layero, index){ layer.getChildFrame('#data-detail-submit-edit', index).hide(); diff --git a/src/main/webapp/views/tag/tag_detail.html b/src/main/webapp/views/tag/tag_detail.html index 4f02c08..4fdc9e0 100644 --- a/src/main/webapp/views/tag/tag_detail.html +++ b/src/main/webapp/views/tag/tag_detail.html @@ -8,167 +8,144 @@ <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/cool.css" media="all"> - <link rel="stylesheet" href="../../static/css/common.css" media="all"> +<!-- <link rel="stylesheet" href="../../static/css/common.css" media="all">--> + <style> + #detail { + padding: 25px 20px 0 0; + margin: 0; + } + .layui-col-md6 { + width: 50%; + float: left; + } + body { + color: #595959;!important; + } + ::-webkit-input-placeholder { + color: #c1c1c1; + } + .layui-form.model-form>.layui-form-item:last-child { + padding-bottom: 20px; + } + .text-right { + text-align: right; + } +</style> </head> <body> <!-- 璇︽儏 --> <div id="data-detail" class="layer_self_wrap"> <form id="detail" class="layui-form"> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label"><span class="not-null">*</span>I銆�銆�D锛�</label> - <div class="layui-input-inline"> - <input id="id" class="layui-input" type="text" onkeyup="check(this.id, 'tag')" lay-verify="number" > - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">缂栥��銆�鍙凤細</label> - <div class="layui-input-inline"> - <input id="uuid" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">鍚嶃��銆�绉帮細</label> - <div class="layui-input-inline"> - <input id="name" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">鐖躲��銆�绾э細</label> - <div class="layui-input-inline"> - <input id="parentId" class="layui-input" type="text" lay-verify="number" > - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">鐖剁骇鍚嶇О锛�</label> - <div class="layui-input-inline"> - <input id="parentName" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">鍏宠仈璺緞锛�</label> - <div class="layui-input-inline"> - <input id="path" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">鍏宠仈璺緞鍚嶏細</label> - <div class="layui-input-inline"> - <input id="pathName" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">绫汇��銆�鍨嬶細</label> - <div class="layui-input-inline"> - <select id="type"> - <option value="" style="display: none"></option> - <option value="1">鐩掕</option> - <option value="2">琚嬭</option> - <option value="0">鍏朵粬</option> - </select> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">璐� 璐� 浜猴細</label> - <div class="layui-input-inline"> - <input id="leading" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">鍥俱��銆�鐗囷細</label> - <div class="layui-input-inline"> - <input id="img" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">绠�瑕佹弿杩帮細</label> - <div class="layui-input-inline"> - <input id="brief" class="layui-input" type="text"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">鏁般��銆�閲忥細</label> - <div class="layui-input-inline"> - <input id="count" class="layui-input" type="text" lay-verify="number" > - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">绛夈��銆�绾э細</label> - <div class="layui-input-inline"> - <input id="level" class="layui-input" type="text" lay-verify="number" > - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">鎺掋��銆�搴忥細</label> - <div class="layui-input-inline"> - <input id="sort" class="layui-input" type="text" lay-verify="number" > - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">鐘躲��銆�鎬侊細</label> - <div class="layui-input-inline"> - <select id="status"> - <option value="" style="display: none"></option> - <option value="1">姝e父</option> - <option value="0">绂佺敤</option> - </select> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">娣诲姞鏃堕棿锛�</label> - <div class="layui-input-inline"> - <input id="createTime$" class="layui-input" type="text" autocomplete="off"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">娣诲姞浜哄憳锛�</label> - <div class="layui-input-inline cool-auto-complete"> - <input id="createBy" class="layui-input" type="text" lay-verify="number" style="display: none"> - <input id="createBy$" 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="userQueryBycreateBy" onkeyup="autoLoad(this.getAttribute('data-key'))"> - <select class="cool-auto-complete-window-select" data-key="userQueryBycreateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> - </select> - </div> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">淇敼鏃堕棿锛�</label> - <div class="layui-input-inline"> - <input id="updateTime$" class="layui-input" type="text" autocomplete="off"> - </div> - </div> - <div class="layui-inline" style="width:31%;display: none"> - <label class="layui-form-label">淇敼浜哄憳锛�</label> - <div class="layui-input-inline cool-auto-complete"> - <input id="updateBy" class="layui-input" type="text" lay-verify="number" style="display: none"> - <input id="updateBy$" 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="userQueryByupdateBy" onkeyup="autoLoad(this.getAttribute('data-key'))"> - <select class="cool-auto-complete-window-select" data-key="userQueryByupdateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> - </select> - </div> - </div> - </div> - <div class="layui-inline" style="width:31%;"> - <label class="layui-form-label">澶囥��銆�娉細</label> - <div class="layui-input-inline"> - <input id="memo" class="layui-input" type="text"> - </div> - </div> + <input id="id" type="hidden"> + <input id="uuid" type="hidden"> + <input id="path" type="hidden"> + <input id="pathName" type="hidden"> + <input id="img" type="hidden"> + <input id="brief" type="hidden"> + <input id="level" type="hidden"> + <input id="count" type="hidden"> + <input id="createTime$" type="hidden"> + <input id="createBy" type="hidden"> + <input id="updateTime$" type="hidden"> + <input id="updateBy" type="hidden"> + <div class="layui-row"> + <div class="layui-col-md6"> +<!-- <div class="layui-form-item">--> +<!-- <label class="layui-form-label">涓婄骇鑿滃崟</label>--> +<!-- <div class="layui-input-block">--> +<!-- <div id="authoritiesEditParentSel" class="ew-xmselect-tree"><xm-select ua="win" size="medium" tabindex="1"><input class="xm-select-default" lay-verify="" lay-vertype="" name="select"><i class="xm-icon"></i><div class="xm-tips">璇烽�夋嫨</div><div class="xm-label single-row"><div class="scroll"><div class="label-content"></div></div></div><div class="xm-body absolute dis"><div class="xm-body-tree"><div class="xm-search dis"><i class="xm-iconfont xm-icon-sousuo"></i><input class="xm-input xm-search-input" placeholder="璇烽�夋嫨"></div><div class="scroll-body" style="max-height: 250px;"><div class="xm-tree"><i class="left-line left-line-group" style="left: 13px;"></i><div class="xm-option show-icon" style="padding-left: 10px;"><i class="xm-tree-icon expand xm-visible"></i><i class="left-line" style="left: -2px;"></i><i class="top-line" style="left: -2px; width: 13px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">绯荤粺绠$悊</div></div><div class="xm-tree-box"><div class="xm-tree"><i class="left-line left-line-group" style="left: 28px;"></i><div class="xm-option show-icon" style="padding-left: 25px;"><i class="xm-tree-icon expand xm-visible"></i><i class="left-line" style="left: 13px;"></i><i class="top-line" style="left: 13px; width: 13px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鐢ㄦ埛绠$悊</div></div><div class="xm-tree-box"><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏌ョ湅鐢ㄦ埛</div></div><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏇存柊鐢ㄦ埛</div></div></div></div><div class="xm-tree"><i class="left-line left-line-group" style="left: 28px;"></i><div class="xm-option show-icon" style="padding-left: 25px;"><i class="xm-tree-icon expand xm-visible"></i><i class="left-line" style="left: 13px;"></i><i class="top-line" style="left: 13px; width: 13px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">瑙掕壊绠$悊</div></div><div class="xm-tree-box"><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏌ョ湅瑙掕壊</div></div><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏇存柊瑙掕壊</div></div></div></div><div class="xm-tree"><i class="left-line left-line-group" style="left: 28px;"></i><div class="xm-option show-icon" style="padding-left: 25px;"><i class="xm-tree-icon expand xm-visible"></i><i class="left-line" style="left: 13px;"></i><i class="top-line" style="left: 13px; width: 13px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏉冮檺绠$悊</div></div><div class="xm-tree-box"><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏌ョ湅鏉冮檺</div></div><div class="xm-option show-icon" style="padding-left: 40px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 28px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鏇存柊鏉冮檺</div></div></div></div><div class="xm-option show-icon" style="padding-left: 25px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 13px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">鐧诲綍鏃ュ織</div></div></div></div><div class="xm-tree"><i class="left-line left-line-group" style="left: 13px;"></i><div class="xm-option show-icon" style="padding-left: 10px;"><i class="xm-tree-icon expand xm-visible"></i><i class="left-line" style="left: -2px;"></i><i class="top-line" style="left: -2px; width: 13px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">绯荤粺鐩戞帶</div></div><div class="xm-tree-box"><div class="xm-option show-icon" style="padding-left: 25px;"><i class="xm-tree-icon xm-hidden"></i><i class="top-line" style="left: 13px; width: 25px;"></i><i class="xm-option-icon xm-iconfont xm-icon-danx" style="border-color: rgb(0, 150, 136);"></i><div class="xm-option-content">Druid鐩戞帶</div></div></div></div></div></div></div></xm-select></div>--> +<!-- </div>--> +<!-- </div>--> + + <div class="layui-form-item"> + <label class="layui-form-label layui-form-required">褰掔被鍚嶇О</label> + <div class="layui-input-block"> + <input id="name" 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 id="leading" placeholder="璇疯緭鍏ヨ礋璐d汉" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> + </div> + </div> + + </div> + + <div class="layui-col-md6"> + + <div class="layui-form-item"> + <label class="layui-form-label">绫诲瀷</label> + <div class="layui-input-block"> + <select id="type"> + <option value="" style="display: none"></option> + <option value="1">鐩掕</option> + <option value="2">琚嬭</option> + <option value="0">鍏朵粬</option> + </select> + </div> + </div> + + <div class="layui-form-item"> + <label class="layui-form-label">鐘舵��</label> + <div class="layui-input-block"> + <select id="status"> + <option value="" style="display: none"></option> + <option value="1">姝e父</option> + <option value="0">绂佺敤</option> + </select> + </div> + </div> + + <div class="layui-form-item"> + <label class="layui-form-label">鎺掑簭</label> + <div class="layui-input-block"> + <input id="sort" 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 id="memo" placeholder="璇疯緭鍏ュ娉�" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> + </div> + </div> + + </div> + </div> <hr class="layui-bg-gray"> - - <div id="data-detail-btn" class="layui-btn-container layui-form-item"> - <div id="data-detail-submit-save" type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="save">淇濆瓨</div> - <div id="data-detail-submit-edit" type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="edit">淇敼</div> - <div id="data-detail-close" type="button" class="layui-btn" lay-submit lay-filter="close">鍏抽棴</div> + <div class="layui-form-item text-right"> + <button class="layui-btn" lay-filter="authoritiesEditSubmit" lay-submit="">淇濆瓨</button> + <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> </div> +<!-- <div class="layui-inline" style="width:44%;">--> +<!-- <label class="layui-form-label">鐖躲��銆�绾э細</label>--> +<!-- <div class="layui-input-inline">--> +<!-- <input id="parentId" class="layui-input" type="text" lay-verify="number" >--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="layui-inline" style="width:50%;display: none">--> +<!-- <label class="layui-form-label">鐖剁骇鍚嶇О锛�</label>--> +<!-- <div class="layui-input-inline">--> +<!-- <input id="parentName" class="layui-input" type="text">--> +<!-- </div>--> +<!-- </div>--> - <div id="prompt"> - 娓╅Θ鎻愮ず锛氳浠旂粏濉啓鐩稿叧淇℃伅锛�<span class="extrude"><span class="not-null">*</span> 涓哄繀濉�夐」銆�</span> - </div> +<!-- <hr class="layui-bg-gray">--> + +<!-- <div id="data-detail-btn" class="layui-btn-container layui-form-item">--> +<!-- <div id="data-detail-submit-save" type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="save">淇濆瓨</div>--> +<!-- <div id="data-detail-submit-edit" type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="edit">淇敼</div>--> +<!-- <div id="data-detail-close" type="button" class="layui-btn" lay-submit lay-filter="close">鍏抽棴</div>--> +<!-- </div>--> + +<!-- <div id="prompt">--> +<!-- 娓╅Θ鎻愮ず锛氳浠旂粏濉啓鐩稿叧淇℃伅锛�<span class="extrude"><span class="not-null">*</span> 涓哄繀濉�夐」銆�</span>--> +<!-- </div>--> </form> </div> </body> -- Gitblit v1.9.1