zuel-itsm-3.0.2/assets/views/means/cmdbcontrast.html

<div ng-controller="cmdbcontrastCtrl" class="col-xs-12 padding-left-0">
    <div class="users-list fontsizes-14 col-xs-8 padding-left-0 padding-right-0" ng-style="textheight" style="border-collapse:collapse;overflow:scroll">
        <div class="col-xs-12 cmdbheader">
            配置版本对比
        </div>
        <div class="users-list fontsizes-14 col-xs-6">
            <div class="col-xs-12 center">
                CMDB
            </div>
            <div class="row  padding-top-5 padding-bottom-15">
                <div ng-repeat="tab in vm.tabs">
                    <div class="col-xs-12 padding-right-10">
                        <table ng-table="tableParam" class="table">
                            <thead>
                                <th class="panel-headinglist px-nested-panel-heading table-heading-background padding-left-15">{{tab.title}}</th>
                            </thead>
                            <tbody>
                                <tr class="col-xs-12 col-0 fontsizes-12 pointfont" ng-repeat="tablast in tab.form.fields" ng-click="historylong(tablast)" ng-if="tablast.key!='hw_createtime'&&tablast.key!='hw_updata'&&tablast.key!='hw_change'">
                                    <td class="col-xs-4 rowTd pull-left tablelistleft  fontcolor-one th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{tablast.templateOptions.label}}</span></td>
                                    <td class=" col-xs-8 rowTd pull-right tablelistright  ashy th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{tablast.key!='hw_createtime'? allcmdbdata.xdetails[tablast.key]:vm.models.createtime}}</span></td>

                                    <!-- <td class="col-xs-4 rowTd pull-left tablelistleft  fontcolor-one th-aline">{{tablast.templateOptions.label}}</td> -->
                                    <!-- <td ng-if="tablast.key!='hw_updata'&&tablast.key!='hw_change'" class=" col-xs-8 rowTd pull-right tablelistright  ashy th-aline">{{tablast.key!='hw_createtime'? allcmdbdata.xdetails[tablast.key]:allcmdbdata.xdetails.createtime}}</td>
                                    <td ng-if="tablast.key=='hw_updata'" class=" col-xs-8 rowTd pull-right tablelistright  ashy th-aline">{{vm.models.lastupdatetime}}</td>
                                    <td ng-if="tablast.key=='hw_change'" class=" col-xs-8 rowTd pull-right tablelistright  ashy th-aline">{{vm.models.props.lastupdateperson}}</td> -->
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="users-list fontsizes-14 col-xs-6">
            <div class="col-xs-12 center">
                现实环境
            </div>
            <div class="row  padding-top-5 padding-bottom-15">
                <div ng-repeat="tab in vm.tabs">
                    <div class="col-xs-12 padding-left-10">
                        <table ng-table="tableParam" class="table">
                            <thead>
                                <th class="panel-headinglist px-nested-panel-heading table-heading-background padding-left-15">{{tab.title}}</th>
                            </thead>
                            <tbody>
                                <tr class="col-xs-12 col-0 fontsizes-12 pointfont" ng-repeat="tablast in tab.form.fields" ng-click="historylong(tablast)" ng-if="tablast.key!='hw_createtime'&&tablast.key!='hw_updata'&&tablast.key!='hw_change'">
                                    <td class="col-xs-4 rowTd pull-left tablelistleft  fontcolor-one th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{tablast.templateOptions.label}}</span></td>
                                    <td class="col-xs-8 rowTd pull-right tablelistright  ashy th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{tablast.key!='hw_createtime'? allcmdbdata.ydetails[tablast.key]:vm.models.createtime}}</span></td>
                                    <!-- <td ng-if="tablast.key=='hw_updata'" class="col-xs-8 rowTd pull-right tablelistright  ashy th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{vm.models.lastupdatetime}}</span></td>
                                    <td ng-if="tablast.key=='hw_change'" class="col-xs-8 rowTd pull-right tablelistright  ashy th-aline"><span ng-class="{wangfont:wangfont(tablast.key)}">{{vm.models.props.lastupdateperson}}</span></td> -->
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="users-list fontsizes-14 col-xs-4 outborder" ng-style="textheight" style="border-collapse:collapse;overflow:scroll">
        <div class="titledetail row ng-binding border-style" style="background: #e6eef4">
            <div class="padding-10"> 修改历史<span class="padding-left-10" style="background: #e6eef4;color:#be2636">[{{choicetype||'暂无'}}]</span></div>
        </div>
        <timeline class="paddingall">
            <timeline-event ng-repeat="event in events" side="right">
                <timeline-badge class="{{event.badgeClass}} dianback timeline-hidden" ng-class="{timelinebadge:events.length==5&&events[5].when!=' '}" when-visible="animateElementIn" when-not-visible="animateElementOut">
                    <i class="glyphicon {{event.badgeIconClass}}"></i>
                </timeline-badge>
                <timeline-title class="{{event.titleClass}} center timeline-hidden timepost fz-14 pull-left" ng-class="{timepostlast:events.length==5&&events[5].when!=' '}" when-visible="animateElementIn" when-not-visible="animateElementOut">
                    {{event.time}}
                </timeline-title>
                <timeline-panel class="{{event.badgeClass}}  timeline-hidden fz-12" ng-class="{timelinepanellast:events.length==5&&events[5].when!=' '}" when-visible="animateElementIn" when-not-visible="animateElementOut">
                    <timeline-heading class="font-color-six">
                        <p ng-if="event.versionNumber">
                            <small class="fontsizes-14 font-color-gray">版本号：<span class="fontcolor-one">{{event.versionNumber}}</span></small>
                        </p>
                        <p ng-if="event.motion">
                            <small class="fontsizes-14 font-color-gray">操作动作：<span class="fontcolor-one">{{event.motion}}</span></small>
                        </p>
                        <!-- <p ng-if="event.when">
                            <small class="fz-12 font-color-gray">操作内容：{{event.versionNumber}}</small>
                        </p> -->
                        <p ng-class="{telephone:event.title=='处理'}">操作内容：<span class="fontcolor-one">{{event.description}}</span>
                        </p>
                        <!-- <p ng-if="event.when">
                                <small class="text-muted fz-12"><i class="glyphicon glyphicon-time"></i>{{event.when}}</small>
                            </p>
                            <p ng-if="event.titleContentHtml" ng-bind-html="event.titleContentHtml">
                            </p> -->
                    </timeline-heading>
                    <!-- <p ng-bind-html="event.contentHtml"></p>
                        <timeline-footer ng-if="event.footerContentHtml">
                            <span ng-bind-html="event.footerContentHtml"></span>
                        </timeline-footer> -->
                </timeline-panel>
            </timeline-event>
        </timeline>
    </div>
    <!-- <div class="col-xs-12 padding-top-15 padding-bottom-15 subfooter center" ng-style='width'>
        <button type="close" class="margin-left-5 btn btn-default" ng-click="backlastpage()" translate="form.button.CLOSE">CLOSE </button>
    </div> -->
</div>
<style>
    .timepost {
        margin-top: 13px;
        width: 30%;
    }
    
    .cmdbheader {
        font-size: 20px;
        padding: 15px;
    }
    
    .wangfont {
        color: #be2636 !important;
    }
    
    .paddingall {
        padding: 10px;
    }
</style>
<!-- <script>
    var trHeight = $('td').parent('tr').height();
    if (trHeight > 25) {
        $('tr').children('td').css('height', trHeight + 'px');
    }
</script> -->