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

<section id="page-title"><div class="row"><div class="col-sm-8"><h1 class="mainTitle">资产清单</h1><span class="mainDescription">资产清单,点击操作处理数据</span></div></div></section>
<div class="modal-body" >
  <tabset class="tabbable">
      <tab heading="配置项信息" ng-controller="meansformCtrl">
        <div class="container-fluid container-fullw bg-white">
            <div class="row" >
                <div class="col-md-12 col-sm-4">
                    <div class="col-md-12">
                        <form ng-submit="vm.submit(vm.model,vm.model.id,'gray')" >
                              <div ng-repeat="tab in vm.tabs"
                                   heading="{{tab.title}}"
                                   active="tab.active"
                                   disable="tab.disabled">
                                <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options">
                                </formly-form>
                              </div>
                              <div class="col-xs-12 margin-top-30 margin-bottom-30">
                                <button type="close"  class="col-md-offset-8 btn btn-primary" ng-click="closeModel()" translate="form.button.CLOSE"  >CLOSE </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </tab>
    <tab heading="配置项可视图">
        <div class="container-fluid container-fullw bg-white">
            <div class="row" ng-controller="meansViewCtrl">
                <div class="col-md-12 ">
                    <div class="col-md-12 col-sm-12" id="cmdbSVG"></div>
                </div>
                <div class="col-md-12" ng-show="meansrelaname" style="background-color: #f5f5f5">
                    <form ng-submit="vm.submit(vm.tabs[0].form.model,'gray')" >
                        <div class="col-md-12" style="padding:15px 0px 15px 0px">
                            <div class="col-md-4">
                                <h1 >关系名称:</h1>
                                <ui-select allow-clear ng-model="modelData" theme="bootstrap" ng-required="true" ng-change="onchanges(modelData)">
                                    <ui-select-match placeholder="请选择关系名称">
                                        {{$select.selected['label']}}
                                    </ui-select-match>
                                    <ui-select-choices repeat="item in linktypeOptions | filter: $select.search">
                                        <span ng-bind-html="item.label | highlight: $select.search"></span>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                        <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15);height:2px" width="100%" color=black SIZE=1 > 
                        <tabset class="tabbable">
                        <tab heading="固定属性">
                          <div class="container-fluid container-fullw bg-white">
                                    <div class="row" >
                                            <formly-form model="vm.tabs[0].form.model" fields="vm.tabs[0].form.fields" form="vm.form">
                                            </formly-form>
                                    </div>
                                </div>
                        </tab>
                        <tab heading="可编辑属性">
                                <div class="container-fluid container-fullw bg-white">
                                    <div class="row" >
                                       <!--  <formly-form model="vm.tabs[1].form.model" fields="vm.tabs[1].form.fields" form="vm.form">
                                        </formly-form> -->
                                        <div class="form-group ng-scope ng-isolate-scope col-xs-4 formly-field-ui-input" ng-repeat="item in relationdata">
                                            <div ng-class="{'removeback':removeopen}">
                                                <button type="button" class="close" ng-click="cancel(item)" ng-show="removeopen">×</button>
                                                <label class="control-label ng-binding">{{item.label}}:</label>
                                                <div>
                                                  <input  class="form-control"  ng-model="item.name" />
                                                </div> 
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                            </tab>
                        </tabset>
                        <div class="col-xs-12 margin-top-30 margin-bottom-30">
                            <button type="close"  class="col-md-offset-8 btn btn-warning" ng-click="closeModel()" translate="form.button.CLOSE"  >CLOSE </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </tab>
    <tab heading="历史" ng-controller="meanshistoryCtrl">
        <div ng-repeat="s in meanshistory">
            <div>
                <div>操作时间：{{s.time}} ｜处理人：{{s.handler}}</div>
                <div>操作动作：{{s.status}}</div>
            </div><hr/>
        </div>
    </tab>
    <tab heading="关系流程" >
        <h1> 关联事件</h1>
        <div class="container-fluid container-fullw bg-white">
            <div class="row">
                <div class="col-md-12">
                    <div ng-controller="meansincidentCtrl">
                        <table ng-table="tableParams" class="table table-striped">
                            <tr ng-repeat="user in $data"  ng-click="changeview(user)">
                                <td data-title="'ID'">{{user.id}}</td>
                                <td data-title="'主题'">{{user.title}}</td>
                                <td data-title="'请求人'">{{user.requester.name}}</td>
                                <td data-title="'变更状态'">{{user.state.name}}</td>
                                <td data-title="'创建日期'">{{user.responseTime}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </tab>
</tabset>
</div>