meansBill.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <section id="page-title">
  2. <div class="row">
  3. <div class="col-sm-8">
  4. <h1 class="mainTitle">资产清单</h1><span class="mainDescription">资产清单,点击操作处理数据</span></div>
  5. </div>
  6. </section>
  7. <div class="modal-body">
  8. <tabset class="tabbable">
  9. <tab heading="资产属性" ng-controller="meansformCtrl">
  10. <div class="container-fluid container-fullw bg-white">
  11. <div class="row">
  12. <div class="col-md-12 col-sm-4">
  13. <div class="col-md-12">
  14. <form ng-submit="vm.submit(vm.model,vm.model.id,templateitem,'gray')">
  15. <div ng-repeat="tab in vm.tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
  16. <div class="panel col-xs-12 bg-grey">
  17. <div class="panel-heading px-nested-panel-heading panel-heading-background clearfix">
  18. <h3 class="panel-title text-head">{{tab.title}} </h3>
  19. </div>
  20. </div>
  21. <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options">
  22. </formly-form>
  23. </div>
  24. <div class="col-xs-12 margin-top-30 margin-bottom-30">
  25. <button type="submit" ladda="ldloading.gray" ng-disabled="!vm.form.$$parentForm.$valid" class="col-md-offset-8 btn btn-primary"><span translate="form.button.SUBMIT">Submit</span></button>
  26. <a ladda="ldloading.gray" class="btn btn-danger" data-style="expand-right" data-spinner-color="#999999" ng-click="vm.remove(vm.model,'gray')" ng-disabled="vm.model.removeflag==true">
  27. <span translate="form.button.REMOVE">DELETE</span>
  28. </a>
  29. <button type="close" class=" btn btn-primary" ng-click="closeModel()" translate="form.button.CLOSE">CLOSE </button>
  30. </div>
  31. </form>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </tab>
  37. <tab heading="关系图">
  38. <div class="container-fluid container-fullw bg-white">
  39. <div class="row" ng-controller="meansViewCtrl">
  40. <div class="col-md-12 ">
  41. <div class="col-md-12 col-sm-12">
  42. <div class="col-md-4 col-sm-3">
  43. <multi-select-tree ng-model="cifilter_classic" data-input-model="select_treedata" data-output-model="cifilter_classics" theme="bootstrap" multi-select="false" data-default-label="资产分类" data-callback="onFilterCallback(item)" data-select-only-leafs="true"
  44. reset-search-input="false" data-trans-label="label" data-switch-view="false"></multi-select-tree>
  45. </div>
  46. <!-- <div class="col-md-3 col-sm-2">
  47. <ui-select ng-model="cifilter_proptype" theme="bootstrap"
  48. ng-change="onPropTypeChange(cifilter_proptype)" reset-search-input="false">
  49. <ui-select-match placeholder="属性分类">
  50. {{$select.selected['title']}}
  51. </ui-select-match>
  52. <ui-select-choices repeat="option['form'] as option in propTypeOptions | filter: $select.search">
  53. <div ng-bind-html="option['title'] | highlight: $select.search"></div> </ui-select-choices>
  54. </ui-select>
  55. </div> -->
  56. <div class="col-md-4 col-sm-3">
  57. <ui-select ng-model="cifilter_prop" theme="bootstrap" ng-change="onPropChange(cifilter_prop)" reset-search-input="false">
  58. <ui-select-match placeholder="搜索字段">
  59. {{$select.selected['templateOptions']['label']}}
  60. </ui-select-match>
  61. <ui-select-choices repeat="propOption in propTypeOptions | filter: $select.search">
  62. <div ng-bind-html="propOption['templateOptions']['label'] | highlight: $select.search"></div>
  63. </ui-select-choices>
  64. </ui-select>
  65. </div>
  66. <div class="input-group col-md-4 col-sm-3">
  67. <input class="form-control" ng-model="cisearchKey" placeholder="搜索内容">
  68. <span class="input-group-btn">
  69. <button class="btn btn-default"
  70. ng-click="searchCI(cisearchKey, cifilter_prop, cifilter_classic)"
  71. type="button"><span ng-translate="sidebar.search.PLACEHOLDER"></span><i class="fa fa-search-plus"></i></button>
  72. </span>
  73. </div>
  74. </div>
  75. <div class="col-md-12 col-sm-12" id="cmdbSVG"></div>
  76. </div>
  77. <div class="col-md-12" ng-show="meansrelaname" style="background-color: #f5f5f5">
  78. <form ng-submit="vm.submit(vm.tabs[0].form.model,'gray')">
  79. <div class="col-md-12" style="padding:15px 0px 15px 0px">
  80. <div class="col-md-4">
  81. <h1>关系名称:</h1>
  82. <ui-select allow-clear ng-model="modelData" theme="bootstrap" ng-required="true" ng-change="onchanges(modelData)">
  83. <ui-select-match placeholder="请选择关系名称">
  84. {{$select.selected['label']}}
  85. </ui-select-match>
  86. <ui-select-choices repeat="item in linktypeOptions | filter: $select.search">
  87. <span ng-bind-html="item.label | highlight: $select.search"></span>
  88. </ui-select-choices>
  89. </ui-select>
  90. </div>
  91. </div>
  92. <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15);height:2px" width="100%" color=black SIZE=1>
  93. <tabset class="tabbable">
  94. <tab heading="固定属性">
  95. <div class="container-fluid container-fullw bg-white">
  96. <div class="row">
  97. <formly-form model="vm.tabs[0].form.model" fields="vm.tabs[0].form.fields" form="vm.form">
  98. </formly-form>
  99. </div>
  100. </div>
  101. </tab>
  102. <tab heading="可编辑属性">
  103. <div class="container-fluid container-fullw bg-white">
  104. <div class="row">
  105. <!-- <formly-form model="vm.tabs[1].form.model" fields="vm.tabs[1].form.fields" form="vm.form">
  106. </formly-form> -->
  107. <div class="form-group ng-scope ng-isolate-scope col-xs-4 formly-field-ui-input" ng-repeat="item in relationdata">
  108. <div ng-class="{'removeback':removeopen}">
  109. <button type="button" class="close" ng-click="cancel(item)" ng-show="removeopen">×</button>
  110. <label class="control-label ng-binding">{{item.label}}:</label>
  111. <div>
  112. <input class="form-control" ng-model="item.name" />
  113. </div>
  114. </div>
  115. </div>
  116. <div class="col-xs-12 margin-top-30 margin-bottom-30">
  117. <button type="button" class="btn btn-success col-md-offset-8" ng-disabled="removeopen" ng-click="addData(modelData)"><span translate="新增关系属性">Add Data</span></button>
  118. <button type="button" ng-show="!removeopen" id="removeData" class="btn btn-danger" ng-click="removeData()"><span translate="删除关系属性">remove</span></button>
  119. <button type="button" ng-show="removeopen" class="btn btn-warning " ng-click="closechange()"><span translate="删除完成">Add Data</span></button>
  120. </div>
  121. </div>
  122. </div>
  123. </tab>
  124. <!-- <tab heading="固定属性">
  125. <div class="container-fluid container-fullw bg-white">
  126. <div class="row" >
  127. <div ng-repeat="tab in vm.tabs"
  128. heading="{{tab.title}}"
  129. active="tab.active"
  130. disable="tab.disabled">
  131. <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options">
  132. </formly-form>
  133. </div>
  134. </div>
  135. </div>
  136. </tab> -->
  137. <!-- <tab heading="可编辑属性">
  138. <div class="container-fluid container-fullw bg-white">
  139. <div class="row" >
  140. <div class="form-group ng-scope ng-isolate-scope col-xs-4 formly-field-ui-input" ng-repeat="item in relationdata">
  141. <div ng-class="{'removeback':removeopen}">
  142. <button type="button" class="close" ng-click="cancel(item)" ng-show="removeopen">×</button>
  143. <label class="control-label ng-binding">{{item.label}}:</label>
  144. <div>
  145. <input class="form-control" ng-model="item.name" />
  146. </div>
  147. </div>
  148. </div>
  149. <div class="col-xs-12 margin-top-30 margin-bottom-30">
  150. <button type="button" class="btn btn-success col-md-offset-8" ng-disabled="removeopen" ng-click="addData(modelData)"><span translate="新增关系属性">Add Data</span></button>
  151. <button type="button" ng-show="!removeopen" id="removeData" class="btn btn-danger" ng-click="removeData()"><span translate="删除关系属性">remove</span></button>
  152. <button type="button" ng-show="removeopen" class="btn btn-warning " ng-click="closechange()"><span translate="删除完成">Add Data</span></button>
  153. </div>
  154. </div>
  155. </div>
  156. </tab> -->
  157. </tabset>
  158. <div class="col-xs-12 margin-top-30 margin-bottom-30">
  159. <button type="submit" ladda="ldloading.gray" ng-disabled="!vm.form.$$parentForm.$valid||removeopen" class="col-md-offset-8 btn btn-primary"><span translate="form.button.SUBMIT">Submit</span></button>
  160. <button type="close" class=" btn btn-warning" ng-click="closeModel()" translate="form.button.CLOSE">CLOSE </button>
  161. </div>
  162. </form>
  163. </div>
  164. </div>
  165. </div>
  166. </tab>
  167. <tab heading="历史记录" ng-controller="meanshistoryCtrl">
  168. <div ng-repeat="s in meanshistory">
  169. <div>
  170. <div>操作时间:{{s.time}} |处理人:{{s.handler}}</div>
  171. <div>操作动作:{{s.status}}</div>
  172. </div>
  173. <hr/>
  174. </div>
  175. </tab>
  176. <tab heading="关联流程">
  177. <h1> 关联事件</h1>
  178. <div class="container-fluid container-fullw bg-white">
  179. <div class="row">
  180. <div class="col-md-12">
  181. <div ng-controller="meansincidentCtrl">
  182. <table ng-table="tableParams" class="table table-striped">
  183. <tr ng-repeat="user in $data" ng-click="changeview(user)">
  184. <td data-title="'ID'">{{user.id}}</td>
  185. <td data-title="'主题'">{{user.title}}</td>
  186. <td data-title="'请求人'">{{user.requester.name}}</td>
  187. <td data-title="'变更状态'">{{user.state.name}}</td>
  188. <td data-title="'创建日期'">{{user.responseTime}}</td>
  189. </tr>
  190. </table>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <!-- <h1> 关联问题</h1>
  196. <div class="container-fluid container-fullw bg-white">
  197. <div class="row">
  198. <div class="col-md-12">
  199. <div ng-controller="meansproblemCtrl">
  200. <table ng-table="tableParams" class="table table-striped">
  201. <tr ng-repeat="user in $data" ng-click="changeview(user)">
  202. <td data-title="'ID'">{{user.id}}</td>
  203. <td data-title="'主题'">{{user.title}}</td>
  204. <td data-title="'请求人'">{{user.publisher}}</td>
  205. <td data-title="'变更状态'">{{user.gender}}</td>
  206. <td data-title="'创建日期'">{{user.gender}}</td>
  207. </tr>
  208. </table>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. <h1> 关联变更</h1>
  214. <div class="container-fluid container-fullw bg-white">
  215. <div class="row">
  216. <div class="col-md-12">
  217. <div ng-controller="meanschangeCtrl">
  218. <table ng-table="tableParams" class="table table-striped">
  219. <tr ng-repeat="user in $data" ng-click="changeview(user)">
  220. <td data-title="'ID'">{{user.id}}</td>
  221. <td data-title="'主题'">{{user.title}}</td>
  222. <td data-title="'请求人'">{{user.publisher}}</td>
  223. <td data-title="'变更状态'">{{user.gender}}</td>
  224. <td data-title="'创建日期'">{{user.gender}}</td>
  225. </tr>
  226. </table>
  227. </div>
  228. </div>
  229. </div>
  230. </div> -->
  231. </tab>
  232. </tabset>
  233. </div>