From 921e4e762efa53b10659fa173dbddab86f946a44 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期六, 19 十一月 2022 09:19:00 +0800 Subject: [PATCH] # --- src/main/webapp/static/js/plan/plan.js | 1 src/main/webapp/views/plan/plan.html | 116 +++++++++++++++++++++++++++++++++++---------------------- 2 files changed, 72 insertions(+), 45 deletions(-) diff --git a/src/main/webapp/static/js/plan/plan.js b/src/main/webapp/static/js/plan/plan.js index 14ee02a..74b8f6a 100644 --- a/src/main/webapp/static/js/plan/plan.js +++ b/src/main/webapp/static/js/plan/plan.js @@ -6,6 +6,7 @@ base: baseUrl + "/static/layui/lay/modules/" }).extend({ steps: 'steps/steps', + cascader: 'cascader/cascader', }).use(['table','laydate', 'form', 'admin', 'xmSelect', 'steps', 'element', 'cascader', 'tree', 'dropdown'], function(){ var table = layui.table; var $ = layui.jquery; diff --git a/src/main/webapp/views/plan/plan.html b/src/main/webapp/views/plan/plan.html index 9b283c5..b5592db 100644 --- a/src/main/webapp/views/plan/plan.html +++ b/src/main/webapp/views/plan/plan.html @@ -9,70 +9,95 @@ <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/tree.css" media="all"> + <style> + .nav-box { + position: absolute; + top: 1px; + left: 5px; + } + .nav-box-item { + display: inline-block; + vertical-align: middle; + margin-right: 5px; + } + + .layui-dropdown.layui-border-box.layui-panel.layui-anim.layui-anim-downbit,.layui-dropdown.layui-border-box.layui-panel.layui-anim.layui-anim-downbit * { + box-sizing:inherit; + } + + .layui-menu li { + width: inherit; + } + .layui-tree-icon { + height: 16px; + line-height: 15px; + width: 15px; + text-align: center; + border: 1px solid #c0c4cc; + } + + .site-dropdown-demo, + .site-dropdown-demo .layui-menu{background: #32363F;border-color: #484e58;} + .site-dropdown-demo .layui-menu li{color: #a1a8b8;} + .site-dropdown-demo .layui-menu li:hover{background-color: #32363F;} + .layui-menu-body-title>.layui-icon { + position: relative; + margin-right: 5px; + } + + #detail .layui-form-label { + width: 120px; + } + #detail .layui-input-block { + margin-left: 150px; + } + </style> </head> <body> <div class="layui-fluid"> - <div class="layui-card"> + <div class="layui-card" style="margin-bottom: 5px"> <div class="layui-card-body"> - <div class="layui-tab layui-steps"> - <ul class="layui-tab-title"> - <li> - <i class="layui-icon layui-icon-ok">1</i> - <span class="layui-steps-title">宸插畬鎴�</span> - <span class="layui-steps-content">杩欓噷鏄姝ラ鐨勬弿杩颁俊鎭�</span> - </li> - <li class="layui-this"> - <i class="layui-icon layui-icon-ok">2</i> - <span class="layui-steps-title">杩涜涓�</span> - <span class="layui-steps-content">杩欓噷鏄姝ラ鐨勬弿杩颁俊鎭�</span> - </li> - <li> - <i class="layui-icon layui-icon-ok">3</i> - <span class="layui-steps-title">寰呰繘琛�</span> - <span class="layui-steps-content">杩欓噷鏄姝ラ鐨勬弿杩颁俊鎭�</span> - </li> - <li> - <i class="layui-icon layui-icon-ok">4</i> - <span class="layui-steps-title">寰呰繘琛�</span> - <span class="layui-steps-content">杩欓噷鏄姝ラ鐨勬弿杩颁俊鎭�</span> - </li> - </ul> - <div class="layui-tab-content"> - <div class="layui-tab-item">鍐呭1</div> - <div class="layui-tab-item layui-show">鍐呭2</div> - <div class="layui-tab-item">鍐呭3</div> - <div class="layui-tab-item">鍐呭4</div> + <div id="search-box" class="layui-form toolbar" style="display: flex;justify-content: flex-end;position: relative"> + <div class="nav-box"> + <div class="nav-box-item"> + <i class="layui-icon" style="color: #1890ff;font-weight: bold"></i> + </div> + <div class="nav-box-item"> + <button id="organization" style="border: none;padding-right: 35px;" class="layui-btn layui-btn-primary icon-btn"> + 鏈煡 + </button> + </div> </div> - </div> - <div class="layui-form toolbar" id="search-box"> <div class="layui-form-item"> <div class="layui-inline"> <div class="layui-input-inline"> - <input class="layui-input" type="text" name="id" 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"> - <input class="layui-input" type="text" name="condition" placeholder="璇疯緭鍏�" autocomplete="off"> + <input class="layui-input" type="text" name="condition" placeholder="璇疯緭鍏�" autocomplete="off" style="border-color: #e1e1e1"> </div> </div> <div class="layui-inline">  - <button class="layui-btn icon-btn" lay-filter="search" lay-submit> + <button class="layui-btn icon-btn layui-btn-sm" lay-filter="search" lay-submit> <i class="layui-icon"></i>鎼滅储 </button> - <button class="layui-btn icon-btn" lay-filter="reset" lay-submit> - <i class="layui-icon"></i>閲嶇疆 + <button id="planAddBtn" class="layui-btn icon-btn btn-add layui-btn-sm"><i class="layui-icon"></i>娣诲姞 + </button> + <button class="layui-btn layui-btn-danger icon-btn layui-btn-sm" lay-filter="planDel" lay-submit> + <i class="layui-icon"></i>鍒犻櫎 + </button> + <button id="data-btn" class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm"> 鏁版嵁鍚屾 </button> </div> </div> </div> <table class="layui-hide" id="plan" lay-filter="plan"></table> + <input style="display:none" id="importExcel" type="file" onchange="upload(this)" > + </div> + </div> + <div class="layui-card" style="margin-bottom: 0"> + <div class="layui-card-body"> + 瑙勫垝鍗曞垪琛紝 + <span class="text-danger">璇峰嬁闅忔剰鍒犻櫎銆�</span> </div> </div> </div> @@ -94,6 +119,7 @@ <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/layui/lay/modules/cascader/citys-data.js" charset="utf-8"></script> <script type="text/javascript" src="../../static/js/plan/plan.js" charset="utf-8"></script> </body> <!-- 琛ㄥ崟寮圭獥 --> -- Gitblit v1.9.1