企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
文件路径D:\ireport365\ireport365.war\template\alarm\list.html 在文件顶部加下列css样式 ~~~ <style> .btn-default:hover{ background:#2990ea; color:#fff; border-color:#2990ea; } </style> ~~~ html代码如下 ~~~ <div class="modal-header" style="min-width:850px;"> <div style="float:left;margin-right:10px;"> <button class="btn btn-default" style="padding-left:10px;padding-right:10px;" ng-click="openEditFolderWindow($event)"><i class="fa fa-plus"></i>创建{{vsLang.folder}}</button> </div> <span class="btn btn-default" style="float:left;padding-left:5px;padding-right:10px;" ng-click="openEditWindow($event)"> <i class="fa fa-plus"></i> <span>创建{{vsLang.alarm}}</span> </span> <span ng-show="hasItemSelected()"> <button class="btn btn-default" style="float:left;margin-left:5px;" ng-click="removeSelectedItems()"><i class="fa fa-trash"></i>{{vsLang.delete}}</button> </span> <div ng-show="hasItemSelected()" style="float:left;margin-left:5px;" uib-dropdown dropdown-append-to-body> <div> <div id="btn-append-to-body" class="btn btn-default" uib-dropdown-toggle><div style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">{{vsLang.status}}<span class="caret" style="margin-left:4px;"></span></div></div> <ul class="uib-dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="btn-append-to-body"> <li role="menuitem"><a href="javascript:" ng-click="setAlarmEnable(true)" style="border-bottom:1px solid #ddd;">{{vsLang.enable}}</a></li> <li role="menuitem"><a href="javascript:" ng-click="setAlarmEnable(false)" style="border-bottom:1px solid #ddd;">{{vsLang.disable}}</a></li> </ul> </div> </div> <div ng-show="hasItemSelected()" style="float:left;margin-left:5px;"> <button class="btn btn-default" ng-click="openAlarmMoveWindow()">{{vsLang.move}}</button> </div> </div> ~~~ ![](https://box.kancloud.cn/1fd599fa9878f1139bb8bee77bdb428e_1193x461.png) 以下是效果 ![](https://box.kancloud.cn/362b8a6b7dea5abf02d3ea394b294a93_1062x160.png) 目录的删除 和 编辑按钮 ![](https://box.kancloud.cn/57db8ff76ee1a60743ebfa4474757b6c_1205x123.png) 代码 ~~~ <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-default" ng-click="openEditFolderWindow($event, selectedFolder)" tooltip-placement="top" tooltip-append-to-body="true" style="position:absolute;width:50%;bottom:0;margin:0;font-size:12px;border-right:0;background:#1881dc;color:#fff;">{{vsLang.edit}}</a> <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-danger" ng-click="deleteSelectedFolder()" tooltip-placement="top" tooltip-append-to-body="true" style="position:absolute;left:50%;width:50%;bottom:0;margin:0;font-size:12px;">{{vsLang.delete}}</a> ~~~ 效果图 ![](https://box.kancloud.cn/49ee79c130f45c737275cac2f6c0b965_402x88.png)