文件路径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)
- video
- treemap
- mian.html文件注释
- 配置项tab
- 配置项属性
- internalRefreshAxisMdelData函数梳理
- 函数配置项-engine文件
- 替换数据源流程
- design.js
- 树图
- 下钻 废弃
- 人体图
- 下钻地图
- 行列互转
- 预览样式
- logo旁边的报表名
- echarts 组件生成图片
- 数据集样式
- 头部 黑色head
- 手机 ipad 图片
- k线图部分
- 平台管理css样式
- 目录css和平板的边距
- 设计页-数据源-目录
- 数据集 - 查看数据表 -按钮和目录样式
- 报表列表页按钮css
- 角色管理页按钮css
- 推送通知按钮css
- 子账号按钮css
- 数据连接
- openlayers地图线路图
- openlayers4_map_designer.js
- openlayers4_map_view.js
- 说明
- 常用图标小bug
- echarts 气泡地图
- echarts 线路轨迹图
- 导出pdf
- 可视化sql--css
- 表格滚动
- 主题色
- 时间轴
- 分享弹框
- 管理平台header和菜单
- 报表平台和菜单
- 初始化组件颜色
- 其他弹框
- olap分析样式-废弃
- 3d地图柱状图
- 关系图
- olap分析
- 地区地图
- k线图相关属性设置
- 世界地图
- 时间轴(new)
- 选择省份下转地图
- 选择省市飞线地图
- 面积预警地图默认颜色
- 组件覆层开关组件
- 汽车仪表盘bug
- 雷达图bug修复不能分享的问题
- 饼状 条形图 自动播放
- 临时用
- 自动轮播
- 方形元素 按钮浮动报错
- 面积预警地图整合可选择省市区
- 下钻地图添加返回按钮
- 下钻地图修复预警bug
- 基本时间组件
- 添加时钟组件
- 3d地球组件
- 盒须图
- 组件加载动画
- 报表背景渐变色
- 主题模板
- 没用
- 3机房第三方组件
- 设计
- 分享
- 3d机房需要的静态资源
- cesium地球需要的文件以及样式
- cesium地球
- 设计页
- 分享页
- 图标条形图
- 世豪-前端代码整理
- component.css 文件新添加
- 杂项
- index.jsp
- designer.css 样式暂时不整理 里面比较杂
- vs-common.js 新加生成html2canvas pdf
- vs-component-basic.js 完
- vs-component-datasource.js 完
- vs-component-engine.js 完
- vs-component-widget-grid.js 完
- vs-component-widget-square.js 完
- vs-designer.js 完
- vs-designer-component.js 完
- vs-designer-report.js 完
- vs-designer-reportpage.js 完
- vs-component-echarts.js 完
- main.html 完
- component.html 新加组件设置页模板
- 以前的报表页设置控制器---做个记录
- 大概修改过的代码
- 2019-5-8 修改皮肤控制器
- 选择模板
- 桑基图2019-11-20
- bug 修正 2019-11-21
- 插图柱状图
- cesiumchart组件
- gis 地图 联动 弹框 图标
- 动态面积图添加按钮类配置项
- 玫瑰图形组件
- cesium 图形 和three.js 冲突的bug
- gis 地图 默认图层
- 网格标签
- gis 点图 值域
- gis 面图 值域
- 按钮图标添加提示框
- 百度地图
- 剩余的组件
- gulp说明文档
- 色斑图加透明