| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- <!-- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>poc</title>
- </head> -->
- <style>
- .epMenu {
- width: 120px;
- background: #f0f0f0;
- position: fixed;
- left: 0;
- top: 0;
- box-shadow: 2px 2px 2px 2px #807878;
- }
-
- .epMenu a {
- display: block;
- height: 25px;
- line-height: 25px;
- padding-left: 15px;
- border-top: 1px solid #e0e0e0;
- border-bottom: 1px solid #fff;
- font-family: 微软雅黑;
- font-size: 14px;
- cursor: default;
- }
-
- .epMenu a:hover {
- background: #fff;
- }
- </style>
- <div ng-controller="newtreemap" id="demo" class="row">
- <div id="mynetwork" style="width: 100%;height: 100%;border: 1px solid lightgray;margin:0 auto;"></div>
- <!-- start: EDIT EVENT TEMPLATE -->
- <script type="text/ng-template" id="cmdbmapEvent.html">
- <div class="col-xs-12 col-md-12 padding-top-10 padding-bottom-10" style="height:100%">
- <div class="row">
- <div class="col-xs-12 col-md-12" style="height:100%">
- <style>
- .bootstrap-touchspin .input-group-btn-vertical>.btn {
- padding: 6px 10px;
- /* padding-top: 5px !important; */
- }
-
- .bootstrap-touchspin .input-group-btn-vertical i {
- top: 0px;
- }
-
- .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
- margin-top: 0px;
- }
- /*
- .form-control {
- height: 28px;
- } */
-
- .input-group-addon:not(:first-child):not(:last-child),
- .input-group-btn:not(:first-child):not(:last-child),
- .input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 2px;
- }
-
- .btn.btnopen {
- padding: 6px 8px;
- }
- </style>
- <div class="headmap padding-5">
- 新增关联
- </div>
- <div class="modal-body">
- <form role="form" class="row margin-bottom-5">
- <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" />
- <span class="input-group-btn">
- <button class="btn btnopen btn-default"
- ng-click="openModal('lg',options,to.modal);"
- 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>
- </form>
- </div>
- <div class="modal-footer ">
- <button class="btn btnopen btn-primary " ng-click="ok(guanxi,cmdbtype) " data-dismiss="modal" translate="modal.button.OK " ng-disabled="!(guanxi.name&&guanxi.cmdbname&&guanxi.cmdbname.uuid)">OK</button>
- <button class="btn btnopen btn-primary btn-o " ng-click="cancel() " translate="modal.button.CANCEL ">Cancel</button>
- </div>
- </div>
- </div>
- </div>
- </script>
- <div data-ng-include=" 'assets/views/means/tpl/cmdbright-sidebar.html' " id="cmdbright-sidebar" class="sidebar" ng-class="{'app-offsidebar-open':cmdbisopen}"></div>
- </div>
- <!-- <script type="text/javascript" src="http://visjs.org/dist/vis.js"></script> -->
- <!-- <link href="http://visjs.org/dist/vis.min.css" rel="stylesheet" type="text/css" /> -->
- <script type="text/javascript" src="assets/js/controllers/means/vis.js"></script>
- <!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> -->
- <link href="assets/js/controllers/means/vis.min.css" rel="stylesheet" type="text/css" />
- <!-- </html> -->
|
