数据集样式 · 代码梳理

路径 D:\ireport365\ireport365.war\template\metadata\list.html html ~~~ <div class="modal-body" style="position:absolute;z-index:1;bottom:0;left:250px;right:0;top:49px;padding:0;overflow-y:auto;min-width:740px;"> <div style="height:100px;line-height:100px;text-align:center;color:#999;" ng-show="data.length == 0">{{vsLang.no_metadata_found}}</div> <table ng-show="data.length > 0" class="doc-list-table" style="width:100%;"> <thead style="background: #f0f0f0;"> <th style="min-width:20px;width:20px;"> <label style="margin-left:10px;cursor:pointer;" ng-click="onSelectAllClicked()"> <input type="checkbox" ng-model="selectAll" style="cursor:pointer;" ng-click="onSelectAllClicked()"> </label> </th> <th width="100%">{{vsLang.name}}</th> <th style="min-width:140px;width:140px;text-align:center;">{{vsLang.metadata_table_count}}</th> <th style="min-width:140px;width:140px;text-align:center;">{{vsLang.last_update}}</th> <th style="min-width:300px;width:140px;text-align:center;">操作</th> </thead> <tbody> <tr ng-repeat="item in data" ng-click="onItemClicked(item)" ng-mouseover="hoverIn(item)" ng-mouseleave="hoverOut(item)"> <td> <label style="margin-left:10px;cursor:pointer;"> <input type="checkbox" ng-model="selectedIds[item.id]" style="cursor:pointer;" ng-click="onItemClicked(item)"> </label> </td> <td> <div class="name"> {{item.name}}  </div> </td> <td style="text-align:center;"> {{item.tableCount}} </td> <td style="text-align:center;"> {{item.updateDate}}{{vsLang.ago}} </td> <td style="text-align:center;"> <div class="name"> <span class="toolbar all-animation" style="margin-left:10px;font-size:16px;opacity:1;"> <a style="font-size: 12px;color:#6492bb;" href="javascript:" class="item" tooltip-placement="top" tooltip-append-to-body="true" ng-click="openEditWindow($event, item)">  {{vsLang.edit}} </a> <a style="font-size: 12px;margin-left:20px;color:#2990ea;" ng-show="enableMetadataImportingTokenModule" href="javascript:" class="item" tooltip-placement="top" tooltip-append-to-body="true" ng-click="openViewMetadataImportTokenWindow($event, item)">  数据导入令牌 </a> <a style="font-size: 12px;margin-left:20px;color:#2990ea;" href="javascript:" class="item" tooltip-placement="top" tooltip-append-to-body="true" ng-click="openMetadataIndexesWindow($event, item)">  {{vsLang.index}} </a> <a style="font-size: 12px;margin-left:20px;color:#2990ea;" href="javascript:" class="item" tooltip-placement="top" tooltip-append-to-body="true" ng-click="openMetadataTablesWindow($event, item)">  查看{{vsLang.tables}} </a> </span> </div> </td> </tr> </tbody> </table> <div style="clear:both;"></div> <div ng-show="paging.hasMoreData" ng-click="loadMoreData()" class="paging-loadmore">{{vsLang.load_more}}</div> <div ng-show="paging.start > 0 && !paging.hasMoreData && filter.query.length == 0" class="paging-nomore">{{vsLang.no_more_data}}</div> </div> ~~~ style样式内切了