zuel-itsm-3.0.2/assets/views/means/tpl/cmdbright-sidebar.html

<!-- start: OFF RIGHT SIDEBAR TABSET -->
<tabset class="sidebar-wrapper" justified="true">
    <!-- start: TAB FAVORITES  -->
    <tab>
        <tab-heading>
            <div class="">资产属性</div>
        </tab-heading>
        <div class="tab-pane" id="getup">
            <div class="users-list fontsizes-14 row">
                <div class="col-md-12 col-sm-4  outborder padding-top-5 padding-bottom-15" style="border-collapse:collapse;overflow:scroll" ng-style="textheight">
                    <div ng-repeat="tab in vm.tabs">
                        <!-- <div class="panel col-xs-12">
                            <div class="panel-headinglist px-nested-panel-heading panel-heading-background clearfix">
                                <label class=" fontcolor-ten">{{tab.title}}</label>
                            </div>
                        </div> -->
                        <div class="col-xs-12 margin-top-10 margin-bottom-10">
                            <table ng-table="tableParam" class="table">
                                <!-- <tr class="col-xs-12 col-0" ng-repeat="tablast in tab.form.fields">
                                <td class="col-xs-4 pull-left tablelistleft center fontcolor-one">{{tablast.templateOptions.label}}</td>
                                <td class=" col-xs-8 pull-right tablelistright center ashy">{{vm.models.props[tablast.key]}}</td>
                            </tr> -->
                                <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" ng-repeat="tablast in tab.form.fields">
                                        <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'? vm.models.props[tablast.key]:vm.models.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>
                                <!-- <tr class="col-xs-12 col-0">
                                <td class="col-xs-4 pull-left tablelistleft center fontcolor-one">审核意见</td>
                                <td class=" col-xs-8 pull-right tablelistright center ashy">{{isAgree}}</td>
                            </tr> -->
                            </table>
                        </div>

                        <!-- <div class="panel col-xs-12" ng-repeat="tablast in tab.form.fields">
                            <div class="pull-left">
                                <label class="panel-title text-head">{{tablast.templateOptions.label}}</label>
                            </div>
                            <div class="pull-right">
                                <label class="panel-title text-head">{{tablast.key!='hw_createtime'? vm.models.props[tablast.key]:vm.models.createtime}}</label>
                            </div>
                        </div> -->
                    </div>
                    <!-- </form> -->
                </div>
                <!-- </div> -->
            </div>
        </div>
        <!-- </div> -->
    </tab>
    <tab>
        <tab-heading>
            <div class="">资产关系</div>
        </tab-heading>
        <div class="tab-pane" id="getup">
            <div class="users-list fontsizes-14" style="border-collapse:collapse;overflow:scroll" ng-style="textheight">
                <div class="col-xs-12 margin-top-10 margin-bottom-10">
                    <label class="cmdbtext-head">新增关联关系<span class="fontsizes-12 fontcolor_blue margin-left-5">[{{cmdbtype.name}}-{{cmdbtype.data.uuid}}]</span></label>
                    <form role="form" class="col-xs-12  margin-bottom-5 bg-lightgrey radius-2">
                        <!-- <div class="margin-top-10">
                            <div class="control-label fontcolor-two fontsizes-14 col-xs-12"><span>*</span>关联资产:</div>
                            <div class="col-xs-12">
                                <div class="input-group">
                                    <input class="form-control" type="text" ng-model="cmdbtype.name" disabled/>
                                </div>
                            </div>
                        </div> -->
                        <div class="margin-top-10">
                            <div class="control-label fontcolor-two fontsizes-14 col-xs-12"><span>*</span>被关联资产:</div>
                            <div class="col-xs-12">
                                <div class="input-group" ng-model="guanxi.cmdbname.uuid">
                                    <input class="form-control" type="text" ng-model="guanxi.cmdbname.uuid" / ng-disabled="changeedges">
                                    <span class="input-group-btn">
                                                        <button ng-disabled="changeedges" class="btn btnopen btn-default"
                                                                ng-click="openModal('lg',cmdbtype);"
                                                                type="button"><i class="glyphicon glyphicon-search"></i></button>
                                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="margin-top-10">
                            <div class="control-label fontcolor-two fontsizes-14 col-xs-12"><span>*</span>关系名称:</div>
                            <div class="col-xs-12">
                                <div class="input-group">
                                    <ui-select ng-model="guanxi.name" theme="bootstrap" ng-change="onChange(guanxi.name)">
                                        <ui-select-match placeholder="请选择关系名称">
                                            {{$select.selected.name}}
                                        </ui-select-match>
                                        <ui-select-choices repeat="item in guanxidata | filter: $select.search">
                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                                        </ui-select-choices>
                                    </ui-select>
                                </div>
                            </div>
                        </div>
                        <div class=" center">
                            <button class="btn  btn-isok margin-15" ng-click="ok(guanxi,cmdbtype,changeedges) " data-dismiss="modal" ng-disabled="!(guanxi.name&&guanxi.cmdbname&&guanxi.cmdbname.uuid&&(guanxi.cmdbname.id||guanxi.cmdbname.id==0))"><span ng-if="!changeedges">新增</span><span ng-if="changeedges">修改</span></button>
                            <!-- <button class="btn  btn-isok margin-15" ng-if="changeedges" ng-click="changedata(guanxi,cmdbtype) " data-dismiss="modal" ng-disabled="!(guanxi.name&&guanxi.cmdbname&&guanxi.cmdbname.uuid&&guanxi.cmdbname.id)">修改</button> -->
                        </div>
                    </form>
                </div>
                <div class="col-xs-12  margin-top-10 margin-bottom-10">
                    <label class="cmdbtext-head">资产关系</label>
                    <form role="form" class="fontsizes-12">
                        <table class="table  table-aline" id="sample-table-1">
                            <thead>
                                <tr>
                                    <th class="th-aline" style="min-width:30px">序号</th>
                                    <th class="th-aline" style="min-width:80px">连接资产</th>
                                    <th class="th-aline" style="min-width:80px">连接关系</th>
                                    <th class="th-aline" style="min-width:50px">操作</th>
                                </tr>
                            </thead>
                            <tbody ng-repeat="task in openedge track by task.id">
                                <tr id="tr{{p.id}}" ng-class-odd="'odd'" ng-class-even="'even'">
                                    <td class="hidden-xs th-aline center">{{$index+1}}</td>
                                    <td class="hidden-xs th-aline center">{{task.tolabelname.data.uuid}}</td>
                                    <td class="th-aline center">{{task.label}}</td>
                                    <td class="th-aline removecolor center"><a ng-click="sayremove(task)" class="padding-right-5">删除</a><a ng-click="changeedge(task)">修改</a></td>
                                </tr>
                                <!-- <tr ng-show="editId===task.id" ng-if="editId===task.id">
                                    <td colspan="7" ng-include src="'assets/views/means/tpl/edittable.html'"></td>
                                </tr> -->
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <!-- </div> -->
    </tab>
    <!-- end: TAB FAVORITES -->
</tabset>
<!-- end: OFF RIGHT SIDEBAR TABSET -->