YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/main/home/mainindex.html

<div class="card">
    <div class="body" style="display:flex;">
        <!--<div style="font-size:16px;border: 1px solid #e4eaf1;">
            <div class="home_title"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span style="padding-left:10px;">调度日记</span></div>
            <div cd-option="cdOption" gt-calendar></div>
        </div>
        <div style="font-size:16px;border: 1px solid #e4eaf1;margin-left:15px;width:calc(100% - 50px">
            <div class="home_title">
                <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
                <span style="padding-left:10px;">待办公告</span>
                <span class="home_more" ng-click="moreNotice()">更多</span>
            </div>
            <div style="padding:10px;" ng-show="noticeList.length>0">
                <div ng-repeat="it in noticeList">
                    <div ng-show="it.Type == 1" class="home_row" ng-click="selectRow(it)" ng-mousemove="selectRow(it)">
                        <i class="glyphicon glyphicon-option-vertical" style="padding-right:6px;"></i>
                        <span>[{{it.TypeDesc}}]</span>
                        <span ng-click="showContent(it)">{{it.Title}}</span><span ng-show="it.IsTop" class="label label-danger">置顶</span>
                        <span style="float:right;padding-right:10px;">{{it.CreateTime|date:'yyyy-MM-dd'}}</span>
                    </div>
                    <p ng-show="it.select && it.Type == 1" class="home_panel" style="padding-left: 12px; padding-right: 12px;">{{it.htmlContent}}</p>
                    <div ng-show="it.Type == 2" class="home_row" ng-mousemove="selectRow(it)">
                        <i class="glyphicon glyphicon-option-vertical" style="padding-right:6px;"></i>
                        <span>[{{it.TypeDesc}}]</span>
                        <span><a ng-if="it.Url!=null" ng-click="openToDo(it.Url, it.PID, it.FID, it.KID)">{{it.Title}}</a></span>
                        <span style="float: right; padding-right: 10px; z-index: 10;">{{it.CreateTime|date:'yyyy-MM-dd'}}</span>
                    </div>
                    <div ng-show="it.Type == 3" class="home_row" ng-mousemove="selectRow(it)">
                        <i class="glyphicon glyphicon-option-vertical" style="padding-right:6px;"></i>
                        <span>[{{it.TypeDesc}}]</span>
                        <span>{{it.Title}}</span>
                        <span style="float:right;padding-right:10px;">{{it.CreateTime|date:'yyyy-MM-dd'}}</span>
                    </div>
                </div>
            </div>
            <div style="padding-left:30px;padding-top:20px;" ng-show="announcementList.length==0">&nbsp;暂无待办公告信息</div>
        </div>-->
    </div>
   <!-- <div class="body">
        <div panel-title data-title="'最近每日调度数量'">
        </div>
        <div e-chart ec-data="pieOption"
             style='min-height: 300px;  max-width: 100%;   width: 100%;'></div>
    </div>-->
    <div style="display:flex">
        <!--<div style="width:50%;flex:1;margin-left:10px;">
            <div panel-title data-title="'拖轮作业量统计'">
            </div>
            <div e-chart ec-data="tugboatOption"
                 style='min-height: 300px;   width: 100%;'></div>
        </div>
        <div style="width:50%">
            <div panel-title data-title="'计费时目标完成情况'">
            </div>
            <div e-chart ec-data="tugboatUsageOption"
                 style='min-height: 300px;    width: 100%;'></div>
        </div>-->
    </div>
</div>

<script type="text/ng-template" id="tmpShow.html">
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" style="width:80%;">
            <div class="card">
                <div class="header">
                    <button type="button" class="close" ng-click="$hide()">&times;</button>
                    <h4 class="modal-title">{{params.Title}}</h4>
                </div>
                <div activate-input activate-select class="body">
                    <p ng-bind-html="params.Content|trustAsHtml" style="padding:10px 40px;"></p>
                </div>
            </div>
        </div>
    </div>
</script>
<style type="text/css">
    .home_title {
        padding: 10px;
        font-size: 16px;
        background-color: #F4F7FA
    }

    .home_row {
        background-color: #f8f7f7;
        width: 100%;
        padding: 5px 0px;
        margin-bottom: 5px;
        cursor: pointer;
        font-size: 12px;
    }

    .home_more {
        float: right;
        font-size: 12px;
        cursor: pointer;
    }

    .home_panel {
        width: 100%;
        overflow: hidden;
        height: 35px;
        font-size: 12px;
    }
</style>