zuel-itsm-3.0.2/assets/views/system/selfDefinedReport/tpl/preview.tpl.html

<style>
    .title{
        font-size: 13px;
        color: #333;
        text-align: center;
    }
    .table{
       width: 845px;
       margin: 0 auto; 
    }
    /* .table .ui-grid-pager-panel.ng-scope{
        display: none;
    } */
    .echart{
        width: 100%;
        height: 450px;
    }
    .table .ui-grid-viewport.ng-isolate-scope{
        height: 240px !important;
    }
    .modal-body{
        padding-bottom:20px;
    }
</style>
<div class="modal-header">
    <div class="modal-title fontcolor-two fontsizes-14"><button type="button" class="close pull-right" ng-click="cancel()">x</button></div>
</div>
<div class="modal-body center">
    <p class="title">不同类型事件数量占比</p>
    <div class="table">
        <div id="grid" ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-resize-columns
            ui-grid-auto-resize class="grid "></div>
    </div>
</div>
<div ng-if="echartsLength<=15" class="echart">
    <div id="previewmain" style="width: 100%;height: 400px; padding: 0;margin-top: 25px; border-width: 0; "></div>
</div>
<!-- <div class="modal-footer modelfooter-hint pointfont">
    <div class="hintfooterleft pull-left" ng-click="ok()" translate="modal.button.OK ">OK</div>
    <div class="hintfooterright pull-right" ng-click="cancel() " translate="modal.button.CANCEL ">Cancel</div>
</div> -->