| | |
| | | vertical-align: middle; |
| | | margin-right: 5px; |
| | | } |
| | | .dropdown-menu-nav { |
| | | width: 280px; |
| | | padding: 0 10px 10px 10px; |
| | | |
| | | .layui-dropdown.layui-border-box,.layui-border-box * { |
| | | box-sizing:inherit; |
| | | } |
| | | .layui-dropdown-menu .layui-border-box,.layui-border-box * { |
| | | /*text-align: center;*/ |
| | | } |
| | | |
| | | .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; |
| | | } |
| | | </style> |
| | | </head> |
| | |
| | | <div class="layui-fluid"> |
| | | <div class="layui-card" style="margin-bottom: 5px"> |
| | | <div class="layui-card-body"> |
| | | <div class="layui-form toolbar" style="display: flex;justify-content: flex-end;position: relative"> |
| | | <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> |
| | | <i class="layui-icon" style="color: #1890ff;font-weight: bold"></i> |
| | | </div> |
| | | <div class="nav-box-item"> |
| | | <div class="dropdown-menu"> |
| | | <button style="border: none" class="layui-btn layui-btn-primary icon-btn">陆晓涛<i class="layui-icon layui-icon-drop"></i></button> |
| | | <div class="dropdown-menu-nav"> |
| | | <div class="layui-form toolbar" id="organizationTree" style="height: calc(100vh - 525px);border: none"></div> |
| | | </div> |
| | | </div> |
| | | <button id="organization" style="border: none" class="layui-btn layui-btn-primary icon-btn">未知<i class="layui-icon layui-icon-drop"></i></button> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | |
| | | <button class="layui-btn layui-btn-danger icon-btn layui-btn-sm" lay-filter="cstmrDel" lay-submit> |
| | | <i class="layui-icon"></i>删除 |
| | | </button> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <div class="dropdown-menu"> |
| | | <button class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm"> 数据同步 <i class="layui-icon layui-icon-drop"></i></button> |
| | | <ul class="dropdown-menu-nav dark"> |
| | | <div class="dropdown-anchor"></div> |
| | | <li class="title">1st menu</li> |
| | | <li><a onclick="excelMouldDownload()" style="font-size: 12px"><i class="layui-icon layui-icon-template-1"></i>模板下载</a></li> |
| | | <li><a onclick="importExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-upload"></i>导入 Excel</a></li> |
| | | <li style="display: none"><input id="importExcel" type="file" onchange="upload(this)" ></li> |
| | | <hr> |
| | | <li class="title">2nd menu</li> |
| | | <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li> |
| | | </ul> |
| | | </div> |
| | | <button id="data-btn" class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm"> 数据同步 |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |